package.dist.cjs.theme.recipes.pin-input.cjs Maven / Gradle / Ivy

Go to download
"use strict";
'use strict';

var config = require('../../styled-system/config.cjs');
var entries = require('../../utils/entries.cjs');
var input = require('./input.cjs');
var pinInput = require('@ark-ui/react/pin-input');

const { variants, defaultVariants } = input.inputRecipe;
const pinInputSlotRecipe = config.defineSlotRecipe({
  className: "chakra-pin-input",
  slots: pinInput.pinInputAnatomy.keys(),
  base: {
    input: {
      ...input.inputRecipe.base,
      textAlign: "center",
      width: "var(--input-height)"
    }
  },
  variants: {
    size: entries.mapEntries(variants.size, (key, value) => [key, { input: value }]),
    variant: entries.mapEntries(variants.variant, (key, value) => [
      key,
      { input: value }
    ])
  },
  defaultVariants
});

exports.pinInputSlotRecipe = pinInputSlotRecipe;