@commercetools/nimbus 0.0.10 → 0.0.12-rc1

package/dist/chunks/combobox.recipe-aeARdYiV.es.js

@@ -1,407 +0,0 @@
-import { defineSlotRecipe as i } from "@chakra-ui/react";
-import { s as e } from "./select.recipe-CXWsUldF.es.js";
-const o = /* @__PURE__ */ i({
-  slots: ["root", "label", "indicator"],
-  // Unique class name prefix for the component
-  className: "nimbus-checkbox",
-  base: {
-    root: {
-      colorPalette: "primary",
-      display: "inline-flex",
-      gap: "200",
-      alignItems: "center",
-      verticalAlign: "top",
-      minWidth: "600",
-      minHeight: "600",
-      "&[data-disabled='true']": {
-        layerStyle: "disabled"
-      }
-    },
-    label: {
-      flexShrink: 0,
-      userSelect: "none",
-      color: "neutral.12",
-      "&[data-invalid='true']": {
-        color: "critical.11"
-      }
-    },
-    indicator: {
-      position: "relative",
-      display: "flex",
-      flexShrink: 0,
-      alignItems: "center",
-      justifyContent: "center",
-      border: "solid-50",
-      borderRadius: "50",
-      focusRing: "outside",
-      borderColor: "neutral.9",
-      bg: "transparent",
-      color: "neutral.11",
-      _icon: {
-        w: "350",
-        h: "350"
-      },
-      "&:hover": {
-        borderColor: "neutral.10"
-      },
-      "&[data-invalid='true']": {
-        bg: "transparent",
-        borderColor: "critical.9",
-        color: "critical.11",
-        "&:hover": {
-          borderColor: "critical.10"
-        }
-      },
-      "&[data-selected='true'], &[data-indeterminate='true']": {
-        bg: "colorPalette.9",
-        borderColor: "colorPalette.9",
-        color: "colorPalette.contrast",
-        "&:hover": {
-          bg: "colorPalette.10",
-          borderColor: "colorPalette.10"
-        },
-        "&[data-invalid='true']": {
-          bg: "critical.9",
-          borderColor: "critical.9",
-          color: "critical.contrast",
-          "&:hover": {
-            bg: "critical.10",
-            borderColor: "critical.10"
-          }
-        }
-      }
-    }
-  },
-  variants: {
-    size: {
-      md: {
-        label: {
-          fontSize: "350",
-          fontWeight: "400",
-          lineHeight: "400"
-        },
-        indicator: {
-          w: "400",
-          h: "400",
-          zIndex: 1,
-          _after: {
-            position: "absolute",
-            content: "''",
-            width: "600",
-            height: "600",
-            zIndex: 0
-          }
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-}), l = /* @__PURE__ */ i({
-  slots: [
-    "root",
-    "value",
-    "buttonGroup",
-    "popover",
-    "multiSelectInput",
-    "options",
-    "optionGroup",
-    "option",
-    "optionIndicator",
-    "optionContent"
-  ],
-  // Unique class name prefix for the component
-  className: "nimbus-combobox",
-  // Base styles applied to all instances of the component
-  base: {
-    root: {
-      colorPalette: "primary",
-      focusRing: "outside",
-      display: "inline-flex",
-      position: "relative",
-      alignSelf: "flex-start",
-      maxWidth: "100%",
-      borderRadius: "200",
-      _hover: {
-        bg: "primary.2"
-      },
-      '&[data-disabled="true"]': {
-        layerStyle: "disabled",
-        focusRing: "none",
-        "& input, & button": {
-          // if you set 'pointer-events: none' on an element, it does not display a cursor,
-          // so in order to display `cursor: not-allowed`, we must set pointerEvents: none on the interactive children
-          pointerEvents: "none!"
-        }
-      },
-      "& input": {
-        cursor: "text",
-        _hover: {
-          bg: "primary.2"
-        },
-        _placeholder: { opacity: 0.5 }
-      },
-      "& [data-placeholder]": {
-        opacity: 0.5
-      }
-    },
-    value: {
-      display: "flex",
-      focusRing: "outside",
-      alignItems: "flex-start",
-      pr: "1600",
-      pl: "400",
-      py: "100",
-      borderRadius: "200",
-      color: "neutral.12",
-      maxWidth: "100%",
-      textAlign: "left",
-      whiteSpace: "nowrap",
-      overflow: "hidden",
-      textOverflow: "ellipsis",
-      boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)",
-      _disabled: { pointerEvents: "none" },
-      '[data-invalid="true"] &': {
-        "--border-width": "sizes.50",
-        "--border-color": "colors.critical.7",
-        color: "critical.11"
-      },
-      '& button[slot="remove"]': {
-        _expanded: {
-          bg: "colorPalette.3"
-        }
-      }
-    },
-    buttonGroup: {
-      position: "absolute",
-      display: "inline-flex",
-      top: 0,
-      bottom: 0,
-      right: 300,
-      my: "auto"
-    },
-    popover: {
-      bg: "bg",
-      borderRadius: "200",
-      boxShadow: "5"
-    },
-    multiSelectInput: {
-      "& input": {
-        py: "300",
-        px: "400",
-        focusRing: "none",
-        borderBottom: "solid 1px",
-        borderBottomColor: "neutral.3",
-        bg: "transparent",
-        w: "100%",
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        fontSize: "350",
-        fontWeight: "400",
-        lineHeight: "400",
-        _placeholder: { opacity: 0.5 }
-      }
-    },
-    options: {
-      .../* @__PURE__ */ (() => {
-        var t;
-        return (t = e.base) == null ? void 0 : t.options;
-      })(),
-      gap: "100"
-    },
-    optionGroup: {
-      .../* @__PURE__ */ (() => {
-        var t;
-        return (t = e.base) == null ? void 0 : t.optionGroup;
-      })()
-    },
-    option: {
-      .../* @__PURE__ */ (() => {
-        var t;
-        return (t = e.base) == null ? void 0 : t.option;
-      })(),
-      whiteSpace: "wrap"
-    },
-    optionIndicator: {
-      // make sure option is aligned with the first line of text (using lh units)
-      height: "max(1lh, {sizes.600})",
-      width: "max(1lh, {sizes.600})",
-      display: "flex",
-      alignItems: "center",
-      "& span[data-selected]": {
-        .../* @__PURE__ */ (() => {
-          var t;
-          return (t = o.base) == null ? void 0 : t.indicator;
-        })(),
-        .../* @__PURE__ */ (() => {
-          var t;
-          return (t = o.variants) == null ? void 0 : t.size.md.indicator;
-        })()
-      }
-    },
-    optionContent: {
-      .../* @__PURE__ */ (() => {
-        var t;
-        return (t = o.base) == null ? void 0 : t.label;
-      })(),
-      whiteSpace: "wrap",
-      width: "calc(100% - {sizes.600})",
-      display: "inline-block"
-    }
-  },
-  // Available variants for customizing the component's appearance
-  variants: {
-    // Size variants from smallest to largest
-    size: {
-      // Small
-      sm: {
-        value: {
-          minH: "800",
-          textStyle: "sm"
-        }
-      },
-      // Medium
-      md: {
-        value: {
-          minH: "1000",
-          textStyle: "md"
-        }
-      }
-    },
-    // Visual style variants
-    variant: {
-      solid: {
-        root: {
-          width: "7200",
-          bg: "primary.1"
-        },
-        value: {
-          .../* @__PURE__ */ (() => {
-            var t;
-            return (t = e.variants) == null ? void 0 : t.variant.outline.trigger;
-          })(),
-          width: "100%"
-        }
-      },
-      ghost: {
-        root: {
-          .../* @__PURE__ */ (() => {
-            var t;
-            return (t = e.variants) == null ? void 0 : t.variant.ghost.root;
-          })(),
-          maxW: "7200"
-        },
-        value: {
-          .../* @__PURE__ */ (() => {
-            var t;
-            return (t = e.variants) == null ? void 0 : t.variant.ghost.trigger;
-          })(),
-          bg: "transparent"
-        }
-      }
-    },
-    selectionMode: {
-      multiple: {
-        options: {
-          boxShadow: "none",
-          px: "200",
-          my: "200",
-          minW: "unset",
-          "& section:first-of-type > header": {
-            mt: 0
-          }
-        },
-        option: {
-          colorPalette: "primary",
-          display: "flex",
-          alignItems: "flex-start",
-          justifyContent: "center",
-          position: "relative",
-          cursor: "pointer",
-          gap: "200",
-          mb: "var(--focus-ring-width)",
-          "&:last-of-type": {
-            mb: 0
-          },
-          '&[aria-selected="true"]': {
-            bg: "unset"
-          },
-          '&[data-focused="true"]': {
-            // TODO: can't use focusRing prop, find other solution (helper, util, etc.)
-            outlineWidth: "var(--focus-ring-width)",
-            outlineColor: "var(--focus-ring-color)",
-            outlineStyle: "var(--focus-ring-style)",
-            bg: "unset"
-          },
-          _hover: {
-            bg: "primary.2"
-          }
-        }
-      },
-      single: {},
-      none: {}
-    }
-  },
-  compoundVariants: [
-    {
-      variant: "solid",
-      selectionMode: "multiple",
-      css: {
-        popover: {
-          width: "var(--trigger-width)"
-        }
-      }
-    },
-    {
-      variant: "solid",
-      selectionMode: "single",
-      css: {
-        root: {
-          "&:has(button:hover)": {
-            "& input": {
-              bg: "primary.2"
-            }
-          }
-        },
-        options: {
-          width: "var(--trigger-width)"
-        }
-      }
-    },
-    {
-      variant: "ghost",
-      selectionMode: "multiple",
-      css: {
-        popover: {
-          minW: "max(var(--trigger-width), {sizes.2000})",
-          maxW: "max(var(--trigger-width), {sizes.7200})"
-        }
-      }
-    },
-    {
-      variant: "ghost",
-      selectionMode: "single",
-      css: {
-        value: {
-          flex: "1 1 auto"
-        },
-        options: {
-          minW: "max(var(--trigger-width), {sizes.2000})",
-          maxW: "max(var(--trigger-width), {sizes.7200})"
-        }
-      }
-    }
-  ],
-  // Default variant values when not explicitly specified
-  defaultVariants: {
-    size: "md",
-    variant: "solid",
-    selectionMode: "single"
-  }
-});
-export {
-  o as a,
-  l as c
-};
-//# sourceMappingURL=combobox.recipe-aeARdYiV.es.js.map

package/dist/chunks/combobox.recipe-aeARdYiV.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"combobox.recipe-aeARdYiV.es.js","sources":["../../src/components/checkbox/checkbox.recipe.tsx","../../src/components/combobox/combobox.recipe.tsx"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react\";\n\n/**\n * Recipe configuration for the Checkbox component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const checkboxSlotRecipe = defineSlotRecipe({\n  slots: [\"root\", \"label\", \"indicator\"],\n  // Unique class name prefix for the component\n  className: \"nimbus-checkbox\",\n\n  base: {\n    root: {\n      colorPalette: \"primary\",\n      display: \"inline-flex\",\n      gap: \"200\",\n      alignItems: \"center\",\n      verticalAlign: \"top\",\n      minWidth: \"600\",\n      minHeight: \"600\",\n\n      [\"&[data-disabled='true']\"]: {\n        layerStyle: \"disabled\",\n      },\n    },\n    label: {\n      flexShrink: 0,\n      userSelect: \"none\",\n      color: \"neutral.12\",\n\n      [\"&[data-invalid='true']\"]: {\n        color: \"critical.11\",\n      },\n    },\n    indicator: {\n      position: \"relative\",\n      display: \"flex\",\n      flexShrink: 0,\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      border: \"solid-50\",\n      borderRadius: \"50\",\n      focusRing: \"outside\",\n      borderColor: \"neutral.9\",\n      bg: \"transparent\",\n      color: \"neutral.11\",\n\n      _icon: {\n        w: \"350\",\n        h: \"350\",\n      },\n\n      \"&:hover\": {\n        borderColor: \"neutral.10\",\n      },\n\n      [\"&[data-invalid='true']\"]: {\n        bg: \"transparent\",\n        borderColor: \"critical.9\",\n        color: \"critical.11\",\n\n        \"&:hover\": {\n          borderColor: \"critical.10\",\n        },\n      },\n\n      [\"&[data-selected='true'], &[data-indeterminate='true']\"]: {\n        bg: \"colorPalette.9\",\n        borderColor: \"colorPalette.9\",\n        color: \"colorPalette.contrast\",\n\n        \"&:hover\": {\n          bg: \"colorPalette.10\",\n          borderColor: \"colorPalette.10\",\n        },\n\n        \"&[data-invalid='true']\": {\n          bg: \"critical.9\",\n          borderColor: \"critical.9\",\n          color: \"critical.contrast\",\n\n          \"&:hover\": {\n            bg: \"critical.10\",\n            borderColor: \"critical.10\",\n          },\n        },\n      },\n    },\n  },\n  variants: {\n    size: {\n      md: {\n        label: {\n          fontSize: \"350\",\n          fontWeight: \"400\",\n          lineHeight: \"400\",\n        },\n        indicator: {\n          w: \"400\",\n          h: \"400\",\n          zIndex: 1,\n          _after: {\n            position: \"absolute\",\n            content: \"''\",\n            width: \"600\",\n            height: \"600\",\n            zIndex: 0,\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n","import { defineSlotRecipe } from \"@chakra-ui/react\";\nimport { selectSlotRecipe } from \"../select/select.recipe\";\nimport { checkboxSlotRecipe } from \"../checkbox/checkbox.recipe\";\n\n/**\n * Recipe configuration for the Combobox component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const comboBoxSlotRecipe = defineSlotRecipe({\n  slots: [\n    \"root\",\n    \"value\",\n    \"buttonGroup\",\n    \"popover\",\n    \"multiSelectInput\",\n    \"options\",\n    \"optionGroup\",\n    \"option\",\n    \"optionIndicator\",\n    \"optionContent\",\n  ],\n  // Unique class name prefix for the component\n  className: \"nimbus-combobox\",\n\n  // Base styles applied to all instances of the component\n  base: {\n    root: {\n      colorPalette: \"primary\",\n      focusRing: \"outside\",\n      display: \"inline-flex\",\n      position: \"relative\",\n      alignSelf: \"flex-start\",\n      maxWidth: \"100%\",\n      borderRadius: \"200\",\n      _hover: {\n        bg: \"primary.2\",\n      },\n      '&[data-disabled=\"true\"]': {\n        layerStyle: \"disabled\",\n        focusRing: \"none\",\n        \"& input, & button\": {\n          // if you set 'pointer-events: none' on an element, it does not display a cursor,\n          // so in order to display `cursor: not-allowed`, we must set pointerEvents: none on the interactive children\n          pointerEvents: \"none!\",\n        },\n      },\n      \"& input\": {\n        cursor: \"text\",\n        _hover: {\n          bg: \"primary.2\",\n        },\n        _placeholder: { opacity: 0.5 },\n      },\n      \"& [data-placeholder]\": {\n        opacity: 0.5,\n      },\n    },\n    value: {\n      display: \"flex\",\n      focusRing: \"outside\",\n      alignItems: \"flex-start\",\n      pr: \"1600\",\n      pl: \"400\",\n      py: \"100\",\n      borderRadius: \"200\",\n      color: \"neutral.12\",\n      maxWidth: \"100%\",\n      textAlign: \"left\",\n      whiteSpace: \"nowrap\",\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\",\n      boxShadow: \"inset 0 0 0 var(--border-width) var(--border-color)\",\n      _disabled: { pointerEvents: \"none\" },\n      '[data-invalid=\"true\"] &': {\n        \"--border-width\": \"sizes.50\",\n        \"--border-color\": \"colors.critical.7\",\n        color: \"critical.11\",\n      },\n      '& button[slot=\"remove\"]': {\n        _expanded: {\n          bg: \"colorPalette.3\",\n        },\n      },\n    },\n    buttonGroup: {\n      position: \"absolute\",\n      display: \"inline-flex\",\n      top: 0,\n      bottom: 0,\n      right: 300,\n      my: \"auto\",\n    },\n    popover: {\n      bg: \"bg\",\n      borderRadius: \"200\",\n      boxShadow: \"5\",\n    },\n    multiSelectInput: {\n      \"& input\": {\n        py: \"300\",\n        px: \"400\",\n        focusRing: \"none\",\n        borderBottom: \"solid 1px\",\n        borderBottomColor: \"neutral.3\",\n        bg: \"transparent\",\n        w: \"100%\",\n        overflow: \"hidden\",\n        textOverflow: \"ellipsis\",\n        fontSize: \"350\",\n        fontWeight: \"400\",\n        lineHeight: \"400\",\n        _placeholder: { opacity: 0.5 },\n      },\n    },\n    options: {\n      ...selectSlotRecipe.base?.options,\n      gap: \"100\",\n    },\n    optionGroup: {\n      ...selectSlotRecipe.base?.optionGroup,\n    },\n    option: {\n      ...selectSlotRecipe.base?.option,\n      whiteSpace: \"wrap\",\n    },\n    optionIndicator: {\n      // make sure option is aligned with the first line of text (using lh units)\n      height: \"max(1lh, {sizes.600})\",\n      width: \"max(1lh, {sizes.600})\",\n      display: \"flex\",\n      alignItems: \"center\",\n      \"& span[data-selected]\": {\n        ...checkboxSlotRecipe.base?.indicator,\n        ...checkboxSlotRecipe.variants?.size.md.indicator,\n      },\n    },\n    optionContent: {\n      ...checkboxSlotRecipe.base?.label,\n      whiteSpace: \"wrap\",\n      width: \"calc(100% - {sizes.600})\",\n      display: \"inline-block\",\n    },\n  },\n\n  // Available variants for customizing the component's appearance\n  variants: {\n    // Size variants from smallest to largest\n    size: {\n      // Small\n      sm: {\n        value: {\n          minH: \"800\",\n          textStyle: \"sm\",\n        },\n      },\n      // Medium\n      md: {\n        value: {\n          minH: \"1000\",\n          textStyle: \"md\",\n        },\n      },\n    },\n    // Visual style variants\n    variant: {\n      solid: {\n        root: {\n          width: \"7200\",\n          bg: \"primary.1\",\n        },\n        value: {\n          ...selectSlotRecipe.variants?.variant.outline.trigger,\n          width: \"100%\",\n        },\n      },\n      ghost: {\n        root: {\n          ...selectSlotRecipe.variants?.variant.ghost.root,\n          maxW: \"7200\",\n        },\n\n        value: {\n          ...selectSlotRecipe.variants?.variant.ghost.trigger,\n          bg: \"transparent\",\n        },\n      },\n    },\n    selectionMode: {\n      multiple: {\n        options: {\n          boxShadow: \"none\",\n          px: \"200\",\n          my: \"200\",\n          minW: \"unset\",\n          \"& section:first-of-type > header\": {\n            mt: 0,\n          },\n        },\n        option: {\n          colorPalette: \"primary\",\n          display: \"flex\",\n          alignItems: \"flex-start\",\n          justifyContent: \"center\",\n          position: \"relative\",\n          cursor: \"pointer\",\n          gap: \"200\",\n          mb: \"var(--focus-ring-width)\",\n          \"&:last-of-type\": {\n            mb: 0,\n          },\n          '&[aria-selected=\"true\"]': {\n            bg: \"unset\",\n          },\n          '&[data-focused=\"true\"]': {\n            // TODO: can't use focusRing prop, find other solution (helper, util, etc.)\n            outlineWidth: \"var(--focus-ring-width)\",\n            outlineColor: \"var(--focus-ring-color)\",\n            outlineStyle: \"var(--focus-ring-style)\",\n            bg: \"unset\",\n          },\n          _hover: {\n            bg: \"primary.2\",\n          },\n        },\n      },\n      single: {},\n      none: {},\n    },\n  },\n  compoundVariants: [\n    {\n      variant: \"solid\",\n      selectionMode: \"multiple\",\n      css: {\n        popover: {\n          width: \"var(--trigger-width)\",\n        },\n      },\n    },\n    {\n      variant: \"solid\",\n      selectionMode: \"single\",\n      css: {\n        root: {\n          \"&:has(button:hover)\": {\n            \"& input\": {\n              bg: \"primary.2\",\n            },\n          },\n        },\n        options: {\n          width: \"var(--trigger-width)\",\n        },\n      },\n    },\n    {\n      variant: \"ghost\",\n      selectionMode: \"multiple\",\n      css: {\n        popover: {\n          minW: \"max(var(--trigger-width), {sizes.2000})\",\n          maxW: \"max(var(--trigger-width), {sizes.7200})\",\n        },\n      },\n    },\n    {\n      variant: \"ghost\",\n      selectionMode: \"single\",\n      css: {\n        value: {\n          flex: \"1 1 auto\",\n        },\n        options: {\n          minW: \"max(var(--trigger-width), {sizes.2000})\",\n          maxW: \"max(var(--trigger-width), {sizes.7200})\",\n        },\n      },\n    },\n  ],\n  // Default variant values when not explicitly specified\n  defaultVariants: {\n    size: \"md\",\n    variant: \"solid\",\n    selectionMode: \"single\",\n  },\n});\n"],"names":["checkboxSlotRecipe","defineSlotRecipe","comboBoxSlotRecipe","_a","selectSlotRecipe"],"mappings":"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"}

package/dist/chunks/date-input-BC-7OWJ7.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),r=require("@chakra-ui/react"),c=require("./date-input.recipe-Cf9e8VAr.cjs.js"),t=require("./DateField-BjIjR7y5.cjs.js"),x=require("./extractStyleProps-lyk7D-zN.cjs.js"),{withProvider:h,withContext:o}=r.createSlotRecipeContext({recipe:c.dateInputSlotRecipe}),S=h("div","root"),I=o("div","segmentGroup"),$=o("div","segment"),n=s=>{const i=r.useRecipe({recipe:c.dateInputSlotRecipe}),[p,a]=i.splitVariantProps(s),[u,d]=x.extractStyleProps(a);return e.jsx(S,{...p,...u,asChild:!0,children:e.jsx(t.$40825cdb76e74f70$export$d9781c7894a82487,{...d,children:e.jsx(I,{asChild:!0,children:e.jsx(t.$40825cdb76e74f70$export$7edc06cf1783b30f,{children:l=>e.jsx($,{asChild:!0,children:e.jsx(t.$40825cdb76e74f70$export$336ab7fa954c4b5f,{segment:l})})})})})})};n.displayName="DateInput";exports.DateInput=n;
-//# sourceMappingURL=date-input-BC-7OWJ7.cjs.js.map

package/dist/chunks/date-input-BC-7OWJ7.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-input-BC-7OWJ7.cjs.js","sources":["../../src/components/date-input/date-input.slots.tsx","../../src/components/date-input/date-input.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { dateInputSlotRecipe } from \"./date-input.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\ninterface DateInputRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface DateInputRootProps\n  extends HTMLChakraProps<\"div\", DateInputRecipeProps> {}\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: dateInputSlotRecipe,\n});\n\n/**\n * Root component that provides the styling context for the DateInput component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const DateInputRootSlot = withProvider<\n  HTMLDivElement,\n  DateInputRootProps\n>(\"div\", \"root\");\n\n/**\n * Slot component for the DateField part of the DateInput.\n */\nexport const DateInputSegmentGroupSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"segmentGroup\");\n\n/**\n * Slot component for the DateField part of the DateInput.\n */\nexport const DateInputSegmentSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"segment\");\n","import {\n  DateInputRootSlot,\n  DateInputSegmentGroupSlot,\n  DateInputSegmentSlot,\n} from \"./date-input.slots\";\n\nimport {\n  DateField,\n  DateInput as DateInputField,\n  DateSegment,\n} from \"react-aria-components\";\nimport { useRecipe } from \"@chakra-ui/react\";\nimport { dateInputSlotRecipe } from \"./date-input.recipe\";\nimport type { DateInputProps } from \"./date-input.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n/**\n * DateInput\n * ============================================================\n * allows entering a date in the currently selected locale\n */\nexport const DateInput = (props: DateInputProps) => {\n  const recipe = useRecipe({ recipe: dateInputSlotRecipe });\n  const [recipeProps, recipeFreeProps] = recipe.splitVariantProps(props);\n  const [styleProps, functionalProps] = extractStyleProps(recipeFreeProps);\n\n  return (\n    <DateInputRootSlot {...recipeProps} {...styleProps} asChild>\n      <DateField {...functionalProps}>\n        <DateInputSegmentGroupSlot asChild>\n          <DateInputField>\n            {(segment) => (\n              <DateInputSegmentSlot asChild>\n                <DateSegment segment={segment} />\n              </DateInputSegmentSlot>\n            )}\n          </DateInputField>\n        </DateInputSegmentGroupSlot>\n      </DateField>\n    </DateInputRootSlot>\n  );\n};\n\nDateInput.displayName = \"DateInput\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","dateInputSlotRecipe","DateInputRootSlot","DateInputSegmentGroupSlot","DateInputSegmentSlot","DateInput","props","recipe","useRecipe","recipeProps","recipeFreeProps","styleProps","functionalProps","extractStyleProps","jsx","DateField","DateInputField","segment","DateSegment"],"mappings":"2NAyBM,CAAE,aAAAA,EAAc,YAAAC,CAAA,EAAgBC,0BAAwB,CAC5D,OAAQC,EAAAA,mBACV,CAAC,EAMYC,EAAoBJ,EAG/B,MAAO,MAAM,EAKFK,EAA4BJ,EAGvC,MAAO,cAAc,EAKVK,EAAuBL,EAGlC,MAAO,SAAS,EC/BLM,EAAaC,GAA0B,CAClD,MAAMC,EAASC,EAAAA,UAAU,CAAE,OAAQP,EAAAA,oBAAqB,EAClD,CAACQ,EAAaC,CAAe,EAAIH,EAAO,kBAAkBD,CAAK,EAC/D,CAACK,EAAYC,CAAe,EAAIC,EAAAA,kBAAkBH,CAAe,EAEvE,OACEI,EAAAA,IAACZ,EAAA,CAAmB,GAAGO,EAAc,GAAGE,EAAY,QAAO,GACzD,SAAAG,EAAAA,IAACC,4CAAA,CAAW,GAAGH,EACb,eAACT,EAAA,CAA0B,QAAO,GAChC,SAAAW,EAAAA,IAACE,EAAAA,0CAAA,CACE,SAACC,GACAH,EAAAA,IAACV,GAAqB,QAAO,GAC3B,SAAAU,MAACI,EAAAA,0CAAA,CAAY,QAAAD,CAAA,CAAkB,CAAA,CACjC,EAEJ,CAAA,CACF,EACF,EACF,CAEJ,EAEAZ,EAAU,YAAc"}

package/dist/chunks/date-input-CB3KDtkI.es.js

@@ -1,16 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { createSlotRecipeContext as d, useRecipe as l } from "@chakra-ui/react";
-import { d as t } from "./date-input.recipe-BtWEmJGK.es.js";
-import { $ as m, a as u, b as f } from "./DateField-DbAaUSAR.es.js";
-import { e as h } from "./extractStyleProps-CxgBrz3O.es.js";
-const { withProvider: $, withContext: r } = /* @__PURE__ */ d({
-  recipe: t
-}), x = /* @__PURE__ */ $("div", "root"), S = /* @__PURE__ */ r("div", "segmentGroup"), b = /* @__PURE__ */ r("div", "segment"), P = (o) => {
-  const p = l({ recipe: t }), [c, i] = p.splitVariantProps(o), [s, n] = h(i);
-  return /* @__PURE__ */ e(x, { ...c, ...s, asChild: !0, children: /* @__PURE__ */ e(m, { ...n, children: /* @__PURE__ */ e(S, { asChild: !0, children: /* @__PURE__ */ e(u, { children: (a) => /* @__PURE__ */ e(b, { asChild: !0, children: /* @__PURE__ */ e(f, { segment: a }) }) }) }) }) });
-};
-P.displayName = "DateInput";
-export {
-  P as D
-};
-//# sourceMappingURL=date-input-CB3KDtkI.es.js.map

package/dist/chunks/date-input-CB3KDtkI.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-input-CB3KDtkI.es.js","sources":["../../src/components/date-input/date-input.slots.tsx","../../src/components/date-input/date-input.tsx"],"sourcesContent":["import {\n  type HTMLChakraProps,\n  type RecipeProps,\n  type UnstyledProp,\n  createSlotRecipeContext,\n} from \"@chakra-ui/react\";\n\nimport { dateInputSlotRecipe } from \"./date-input.recipe\";\n\n/**\n * Base recipe props interface that combines Chakra UI's recipe props\n * with the unstyled prop option for the div element.\n */\ninterface DateInputRecipeProps extends RecipeProps<\"div\">, UnstyledProp {}\n\n/**\n * Root props interface that extends Chakra's HTML props with our recipe props.\n * This creates a complete set of props for the root element, combining\n * HTML attributes, Chakra's styling system, and our custom recipe props.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface DateInputRootProps\n  extends HTMLChakraProps<\"div\", DateInputRecipeProps> {}\n\n// Correctly destructure from createSlotRecipeContext based on project examples\nconst { withProvider, withContext } = createSlotRecipeContext({\n  recipe: dateInputSlotRecipe,\n});\n\n/**\n * Root component that provides the styling context for the DateInput component.\n * Uses Chakra UI's recipe context system for consistent styling across instances.\n */\nexport const DateInputRootSlot = withProvider<\n  HTMLDivElement,\n  DateInputRootProps\n>(\"div\", \"root\");\n\n/**\n * Slot component for the DateField part of the DateInput.\n */\nexport const DateInputSegmentGroupSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"segmentGroup\");\n\n/**\n * Slot component for the DateField part of the DateInput.\n */\nexport const DateInputSegmentSlot = withContext<\n  HTMLDivElement,\n  HTMLChakraProps<\"div\">\n>(\"div\", \"segment\");\n","import {\n  DateInputRootSlot,\n  DateInputSegmentGroupSlot,\n  DateInputSegmentSlot,\n} from \"./date-input.slots\";\n\nimport {\n  DateField,\n  DateInput as DateInputField,\n  DateSegment,\n} from \"react-aria-components\";\nimport { useRecipe } from \"@chakra-ui/react\";\nimport { dateInputSlotRecipe } from \"./date-input.recipe\";\nimport type { DateInputProps } from \"./date-input.types\";\nimport { extractStyleProps } from \"@/utils/extractStyleProps\";\n\n/**\n * DateInput\n * ============================================================\n * allows entering a date in the currently selected locale\n */\nexport const DateInput = (props: DateInputProps) => {\n  const recipe = useRecipe({ recipe: dateInputSlotRecipe });\n  const [recipeProps, recipeFreeProps] = recipe.splitVariantProps(props);\n  const [styleProps, functionalProps] = extractStyleProps(recipeFreeProps);\n\n  return (\n    <DateInputRootSlot {...recipeProps} {...styleProps} asChild>\n      <DateField {...functionalProps}>\n        <DateInputSegmentGroupSlot asChild>\n          <DateInputField>\n            {(segment) => (\n              <DateInputSegmentSlot asChild>\n                <DateSegment segment={segment} />\n              </DateInputSegmentSlot>\n            )}\n          </DateInputField>\n        </DateInputSegmentGroupSlot>\n      </DateField>\n    </DateInputRootSlot>\n  );\n};\n\nDateInput.displayName = \"DateInput\";\n"],"names":["withProvider","withContext","createSlotRecipeContext","dateInputSlotRecipe","DateInputRootSlot","DateInputSegmentGroupSlot","DateInputSegmentSlot","DateInput","props","recipe","useRecipe","recipeProps","recipeFreeProps","styleProps","functionalProps","extractStyleProps","jsx","DateField","DateInputField","segment","DateSegment"],"mappings":";;;;;AAyBA,MAAM,EAAE,cAAAA,GAAc,aAAAC,EAAA,IAAgB,gBAAAC,EAAwB;AAAA,EAC5D,QAAQC;AACV,CAAC,GAMYC,IAAoB,gBAAAJ,EAG/B,OAAO,MAAM,GAKFK,IAA4B,gBAAAJ,EAGvC,OAAO,cAAc,GAKVK,IAAuB,gBAAAL,EAGlC,OAAO,SAAS,GC/BLM,IAAY,CAACC,MAA0B;AAClD,QAAMC,IAASC,EAAU,EAAE,QAAQP,GAAqB,GAClD,CAACQ,GAAaC,CAAe,IAAIH,EAAO,kBAAkBD,CAAK,GAC/D,CAACK,GAAYC,CAAe,IAAIC,EAAkBH,CAAe;AAEvE,SACE,gBAAAI,EAACZ,GAAA,EAAmB,GAAGO,GAAc,GAAGE,GAAY,SAAO,IACzD,UAAA,gBAAAG,EAACC,GAAA,EAAW,GAAGH,GACb,4BAACT,GAAA,EAA0B,SAAO,IAChC,UAAA,gBAAAW,EAACE,GAAA,EACE,UAAA,CAACC,MACA,gBAAAH,EAACV,KAAqB,SAAO,IAC3B,UAAA,gBAAAU,EAACI,GAAA,EAAY,SAAAD,EAAA,CAAkB,EAAA,CACjC,GAEJ,EAAA,CACF,GACF,GACF;AAEJ;AAEAZ,EAAU,cAAc;"}

package/dist/chunks/date-input.recipe-BtWEmJGK.es.js

@@ -1,119 +0,0 @@
-import { defineSlotRecipe as t } from "@chakra-ui/react";
-const r = /* @__PURE__ */ t({
-  // Unique class name prefix for the component
-  className: "nimbus-date-input",
-  slots: ["root", "segmentGroup", "segment"],
-  // Base styles applied to all instances of the component
-  base: {
-    root: {
-      display: "inline-block"
-    },
-    segmentGroup: {
-      display: "flex",
-      borderRadius: "200",
-      bg: "transparent",
-      boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)",
-      width: "full",
-      alignItems: "center",
-      userSelect: "none",
-      "&[data-focus-within='true']": {
-        // TODO: can't use focusRing prop, find other solution (helper, util, etc.)
-        outlineWidth: "var(--focus-ring-width)",
-        outlineColor: "var(--focus-ring-color)",
-        outlineStyle: "var(--focus-ring-style)",
-        outlineOffset: "var(--focus-ring-offset)"
-      },
-      "&[data-invalid='true']": {
-        "--border-width": "sizes.50",
-        "--border-color": "colors.critical.7",
-        color: "critical.11"
-      },
-      "&[data-disabled='true']": {
-        layerStyle: "disabled"
-      }
-    },
-    segment: {
-      fontVariantNumeric: "tabular-nums",
-      outline: "0",
-      px: "50",
-      borderRadius: "50",
-      "&:empty": {
-        border: "solid-25"
-      },
-      "&[data-focused='true']": {
-        bg: "primary.10",
-        color: "primary.contrast"
-      },
-      "&[data-placeholder='true']:not([data-focused='true']), &[data-type='literal']": {
-        opacity: 0.5
-      },
-      /**
-       * The first and last segment contains a hidden character for screen readers
-       * that indicates the reading direction. Since this character is
-       * inside a segment element, it creates unwanted padding. This CSS
-       * removes the extra padding and aligns the text to match a regular
-       * TextInput's text position.
-       */
-      "&[data-type='literal']&:first-of-type, &[data-type='literal']&:last-of-type": {
-        px: "0",
-        ml: "-50"
-      },
-      "&[data-type='day']": {
-        // for reference
-      },
-      "&[data-type='month']": {
-        // for reference
-      },
-      "&[data-type='year']": {
-        // for reference
-      }
-    }
-  },
-  // Available variants for customizing the component's appearance
-  variants: {
-    // Size variants from smallest to largest
-    size: {
-      sm: {
-        segmentGroup: {
-          h: 800,
-          textStyle: "sm",
-          px: 300
-        }
-      },
-      md: {
-        segmentGroup: {
-          h: 1e3,
-          textStyle: "md",
-          px: 400
-        }
-      }
-    },
-    variant: {
-      solid: {
-        segmentGroup: {
-          "--border-width": "sizes.25",
-          "--border-color": "colors.neutral.7",
-          backgroundColor: "neutral.1",
-          _hover: {
-            backgroundColor: "primary.2"
-          }
-        }
-      },
-      ghost: {
-        segmentGroup: {
-          _hover: {
-            backgroundColor: "primary.2"
-          }
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    size: "md",
-    variant: "solid"
-  }
-});
-export {
-  r as d
-};
-//# sourceMappingURL=date-input.recipe-BtWEmJGK.es.js.map

package/dist/chunks/date-input.recipe-BtWEmJGK.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-input.recipe-BtWEmJGK.es.js","sources":["../../src/components/date-input/date-input.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react\";\n\n/**\n * Recipe configuration for the DateInput component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const dateInputSlotRecipe = defineSlotRecipe({\n  // Unique class name prefix for the component\n  className: \"nimbus-date-input\",\n  slots: [\"root\", \"segmentGroup\", \"segment\"],\n\n  // Base styles applied to all instances of the component\n  base: {\n    root: {\n      display: \"inline-block\",\n    },\n    segmentGroup: {\n      display: \"flex\",\n      borderRadius: \"200\",\n      bg: \"transparent\",\n      boxShadow: \"inset 0 0 0 var(--border-width) var(--border-color)\",\n      width: \"full\",\n      alignItems: \"center\",\n      userSelect: \"none\",\n      \"&[data-focus-within='true']\": {\n        // TODO: can't use focusRing prop, find other solution (helper, util, etc.)\n        outlineWidth: \"var(--focus-ring-width)\",\n        outlineColor: \"var(--focus-ring-color)\",\n        outlineStyle: \"var(--focus-ring-style)\",\n        outlineOffset: \"var(--focus-ring-offset)\",\n      },\n      \"&[data-invalid='true']\": {\n        \"--border-width\": \"sizes.50\",\n        \"--border-color\": \"colors.critical.7\",\n        color: \"critical.11\",\n      },\n      \"&[data-disabled='true']\": {\n        layerStyle: \"disabled\",\n      },\n    },\n    segment: {\n      fontVariantNumeric: \"tabular-nums\",\n      outline: \"0\",\n      px: \"50\",\n      borderRadius: \"50\",\n\n      \"&:empty\": {\n        border: \"solid-25\",\n      },\n\n      \"&[data-focused='true']\": {\n        bg: \"primary.10\",\n        color: \"primary.contrast\",\n      },\n\n      \"&[data-placeholder='true']:not([data-focused='true']), &[data-type='literal']\":\n        {\n          opacity: 0.5,\n        },\n\n      /**\n       * The first and last segment contains a hidden character for screen readers\n       * that indicates the reading direction. Since this character is\n       * inside a segment element, it creates unwanted padding. This CSS\n       * removes the extra padding and aligns the text to match a regular\n       * TextInput's text position.\n       */\n      \"&[data-type='literal']&:first-of-type, &[data-type='literal']&:last-of-type\":\n        {\n          px: \"0\",\n          ml: \"-50\",\n        },\n\n      \"&[data-type='day']\": {\n        // for reference\n      },\n      \"&[data-type='month']\": {\n        // for reference\n      },\n      \"&[data-type='year']\": {\n        // for reference\n      },\n    },\n  },\n\n  // Available variants for customizing the component's appearance\n  variants: {\n    // Size variants from smallest to largest\n    size: {\n      sm: {\n        segmentGroup: {\n          h: 800,\n          textStyle: \"sm\",\n          px: 300,\n        },\n      },\n      md: {\n        segmentGroup: {\n          h: 1000,\n          textStyle: \"md\",\n          px: 400,\n        },\n      },\n    },\n    variant: {\n      solid: {\n        segmentGroup: {\n          \"--border-width\": \"sizes.25\",\n          \"--border-color\": \"colors.neutral.7\",\n          backgroundColor: \"neutral.1\",\n          _hover: {\n            backgroundColor: \"primary.2\",\n          },\n        },\n      },\n      ghost: {\n        segmentGroup: {\n          _hover: {\n            backgroundColor: \"primary.2\",\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"solid\",\n  },\n});\n"],"names":["dateInputSlotRecipe","defineSlotRecipe"],"mappings":";AAMO,MAAMA,IAAsB,gBAAAC,EAAiB;AAAA;AAAA,EAElD,WAAW;AAAA,EACX,OAAO,CAAC,QAAQ,gBAAgB,SAAS;AAAA;AAAA,EAGzC,MAAM;AAAA,IACJ,MAAM;AAAA,MACJ,SAAS;AAAA,IAAA;AAAA,IAEX,cAAc;AAAA,MACZ,SAAS;AAAA,MACT,cAAc;AAAA,MACd,IAAI;AAAA,MACJ,WAAW;AAAA,MACX,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,+BAA+B;AAAA;AAAA,QAE7B,cAAc;AAAA,QACd,cAAc;AAAA,QACd,cAAc;AAAA,QACd,eAAe;AAAA,MAAA;AAAA,MAEjB,0BAA0B;AAAA,QACxB,kBAAkB;AAAA,QAClB,kBAAkB;AAAA,QAClB,OAAO;AAAA,MAAA;AAAA,MAET,2BAA2B;AAAA,QACzB,YAAY;AAAA,MAAA;AAAA,IACd;AAAA,IAEF,SAAS;AAAA,MACP,oBAAoB;AAAA,MACpB,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,cAAc;AAAA,MAEd,WAAW;AAAA,QACT,QAAQ;AAAA,MAAA;AAAA,MAGV,0BAA0B;AAAA,QACxB,IAAI;AAAA,QACJ,OAAO;AAAA,MAAA;AAAA,MAGT,iFACE;AAAA,QACE,SAAS;AAAA,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAUb,+EACE;AAAA,QACE,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAGR,sBAAsB;AAAA;AAAA,MAAA;AAAA,MAGtB,wBAAwB;AAAA;AAAA,MAAA;AAAA,MAGxB,uBAAuB;AAAA;AAAA,MAAA;AAAA,IAEvB;AAAA,EACF;AAAA;AAAA,EAIF,UAAU;AAAA;AAAA,IAER,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,cAAc;AAAA,UACZ,GAAG;AAAA,UACH,WAAW;AAAA,UACX,IAAI;AAAA,QAAA;AAAA,MACN;AAAA,MAEF,IAAI;AAAA,QACF,cAAc;AAAA,UACZ,GAAG;AAAA,UACH,WAAW;AAAA,UACX,IAAI;AAAA,QAAA;AAAA,MACN;AAAA,IACF;AAAA,IAEF,SAAS;AAAA,MACP,OAAO;AAAA,QACL,cAAc;AAAA,UACZ,kBAAkB;AAAA,UAClB,kBAAkB;AAAA,UAClB,iBAAiB;AAAA,UACjB,QAAQ;AAAA,YACN,iBAAiB;AAAA,UAAA;AAAA,QACnB;AAAA,MACF;AAAA,MAEF,OAAO;AAAA,QACL,cAAc;AAAA,UACZ,QAAQ;AAAA,YACN,iBAAiB;AAAA,UAAA;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb,CAAC;"}

package/dist/chunks/date-input.recipe-Cf9e8VAr.cjs.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("@chakra-ui/react"),t=e.defineSlotRecipe({className:"nimbus-date-input",slots:["root","segmentGroup","segment"],base:{root:{display:"inline-block"},segmentGroup:{display:"flex",borderRadius:"200",bg:"transparent",boxShadow:"inset 0 0 0 var(--border-width) var(--border-color)",width:"full",alignItems:"center",userSelect:"none","&[data-focus-within='true']":{outlineWidth:"var(--focus-ring-width)",outlineColor:"var(--focus-ring-color)",outlineStyle:"var(--focus-ring-style)",outlineOffset:"var(--focus-ring-offset)"},"&[data-invalid='true']":{"--border-width":"sizes.50","--border-color":"colors.critical.7",color:"critical.11"},"&[data-disabled='true']":{layerStyle:"disabled"}},segment:{fontVariantNumeric:"tabular-nums",outline:"0",px:"50",borderRadius:"50","&:empty":{border:"solid-25"},"&[data-focused='true']":{bg:"primary.10",color:"primary.contrast"},"&[data-placeholder='true']:not([data-focused='true']), &[data-type='literal']":{opacity:.5},"&[data-type='literal']&:first-of-type, &[data-type='literal']&:last-of-type":{px:"0",ml:"-50"},"&[data-type='day']":{},"&[data-type='month']":{},"&[data-type='year']":{}}},variants:{size:{sm:{segmentGroup:{h:800,textStyle:"sm",px:300}},md:{segmentGroup:{h:1e3,textStyle:"md",px:400}}},variant:{solid:{segmentGroup:{"--border-width":"sizes.25","--border-color":"colors.neutral.7",backgroundColor:"neutral.1",_hover:{backgroundColor:"primary.2"}}},ghost:{segmentGroup:{_hover:{backgroundColor:"primary.2"}}}}},defaultVariants:{size:"md",variant:"solid"}});exports.dateInputSlotRecipe=t;
-//# sourceMappingURL=date-input.recipe-Cf9e8VAr.cjs.js.map

package/dist/chunks/date-input.recipe-Cf9e8VAr.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"date-input.recipe-Cf9e8VAr.cjs.js","sources":["../../src/components/date-input/date-input.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from \"@chakra-ui/react\";\n\n/**\n * Recipe configuration for the DateInput component.\n * Defines the styling variants and base styles using Chakra UI's recipe system.\n */\nexport const dateInputSlotRecipe = defineSlotRecipe({\n  // Unique class name prefix for the component\n  className: \"nimbus-date-input\",\n  slots: [\"root\", \"segmentGroup\", \"segment\"],\n\n  // Base styles applied to all instances of the component\n  base: {\n    root: {\n      display: \"inline-block\",\n    },\n    segmentGroup: {\n      display: \"flex\",\n      borderRadius: \"200\",\n      bg: \"transparent\",\n      boxShadow: \"inset 0 0 0 var(--border-width) var(--border-color)\",\n      width: \"full\",\n      alignItems: \"center\",\n      userSelect: \"none\",\n      \"&[data-focus-within='true']\": {\n        // TODO: can't use focusRing prop, find other solution (helper, util, etc.)\n        outlineWidth: \"var(--focus-ring-width)\",\n        outlineColor: \"var(--focus-ring-color)\",\n        outlineStyle: \"var(--focus-ring-style)\",\n        outlineOffset: \"var(--focus-ring-offset)\",\n      },\n      \"&[data-invalid='true']\": {\n        \"--border-width\": \"sizes.50\",\n        \"--border-color\": \"colors.critical.7\",\n        color: \"critical.11\",\n      },\n      \"&[data-disabled='true']\": {\n        layerStyle: \"disabled\",\n      },\n    },\n    segment: {\n      fontVariantNumeric: \"tabular-nums\",\n      outline: \"0\",\n      px: \"50\",\n      borderRadius: \"50\",\n\n      \"&:empty\": {\n        border: \"solid-25\",\n      },\n\n      \"&[data-focused='true']\": {\n        bg: \"primary.10\",\n        color: \"primary.contrast\",\n      },\n\n      \"&[data-placeholder='true']:not([data-focused='true']), &[data-type='literal']\":\n        {\n          opacity: 0.5,\n        },\n\n      /**\n       * The first and last segment contains a hidden character for screen readers\n       * that indicates the reading direction. Since this character is\n       * inside a segment element, it creates unwanted padding. This CSS\n       * removes the extra padding and aligns the text to match a regular\n       * TextInput's text position.\n       */\n      \"&[data-type='literal']&:first-of-type, &[data-type='literal']&:last-of-type\":\n        {\n          px: \"0\",\n          ml: \"-50\",\n        },\n\n      \"&[data-type='day']\": {\n        // for reference\n      },\n      \"&[data-type='month']\": {\n        // for reference\n      },\n      \"&[data-type='year']\": {\n        // for reference\n      },\n    },\n  },\n\n  // Available variants for customizing the component's appearance\n  variants: {\n    // Size variants from smallest to largest\n    size: {\n      sm: {\n        segmentGroup: {\n          h: 800,\n          textStyle: \"sm\",\n          px: 300,\n        },\n      },\n      md: {\n        segmentGroup: {\n          h: 1000,\n          textStyle: \"md\",\n          px: 400,\n        },\n      },\n    },\n    variant: {\n      solid: {\n        segmentGroup: {\n          \"--border-width\": \"sizes.25\",\n          \"--border-color\": \"colors.neutral.7\",\n          backgroundColor: \"neutral.1\",\n          _hover: {\n            backgroundColor: \"primary.2\",\n          },\n        },\n      },\n      ghost: {\n        segmentGroup: {\n          _hover: {\n            backgroundColor: \"primary.2\",\n          },\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"solid\",\n  },\n});\n"],"names":["dateInputSlotRecipe","defineSlotRecipe"],"mappings":"iDAMaA,EAAsBC,EAAAA,iBAAiB,CAElD,UAAW,oBACX,MAAO,CAAC,OAAQ,eAAgB,SAAS,EAGzC,KAAM,CACJ,KAAM,CACJ,QAAS,cAAA,EAEX,aAAc,CACZ,QAAS,OACT,aAAc,MACd,GAAI,cACJ,UAAW,sDACX,MAAO,OACP,WAAY,SACZ,WAAY,OACZ,8BAA+B,CAE7B,aAAc,0BACd,aAAc,0BACd,aAAc,0BACd,cAAe,0BAAA,EAEjB,yBAA0B,CACxB,iBAAkB,WAClB,iBAAkB,oBAClB,MAAO,aAAA,EAET,0BAA2B,CACzB,WAAY,UAAA,CACd,EAEF,QAAS,CACP,mBAAoB,eACpB,QAAS,IACT,GAAI,KACJ,aAAc,KAEd,UAAW,CACT,OAAQ,UAAA,EAGV,yBAA0B,CACxB,GAAI,aACJ,MAAO,kBAAA,EAGT,gFACE,CACE,QAAS,EAAA,EAUb,8EACE,CACE,GAAI,IACJ,GAAI,KAAA,EAGR,qBAAsB,CAAA,EAGtB,uBAAwB,CAAA,EAGxB,sBAAuB,CAAA,CAEvB,CACF,EAIF,SAAU,CAER,KAAM,CACJ,GAAI,CACF,aAAc,CACZ,EAAG,IACH,UAAW,KACX,GAAI,GAAA,CACN,EAEF,GAAI,CACF,aAAc,CACZ,EAAG,IACH,UAAW,KACX,GAAI,GAAA,CACN,CACF,EAEF,QAAS,CACP,MAAO,CACL,aAAc,CACZ,iBAAkB,WAClB,iBAAkB,mBAClB,gBAAiB,YACjB,OAAQ,CACN,gBAAiB,WAAA,CACnB,CACF,EAEF,MAAO,CACL,aAAc,CACZ,OAAQ,CACN,gBAAiB,WAAA,CACnB,CACF,CACF,CACF,EAEF,gBAAiB,CACf,KAAM,KACN,QAAS,OAAA,CAEb,CAAC"}