@mage-ui/preset 1.0.69 → 1.0.70

package/dist/recipes/controls/checkbox/checkbox-icon.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox__icon`,jsx:[`Checkbox`],base:{color:`var(--checkbox-icon-color, {colors.neutral.stroke.1.onPrimary.selected})`,position:`absolute`,inset:0,width:0,margin:`auto`,pointerEvents:`none`,opacity:0,transition:`var(--checkbox-transition, {animations.base.100})`,_peerChecked:{opacity:1,width:`var(--checkbox-icon-size, 60%)`}}});export{t as checkboxIcon};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox__icon`,jsx:[`Checkbox`],base:{color:`var(--checkbox-icon-color, {colors.neutral.stroke.1.onPrimary.selected})`,position:`absolute`,inset:0,width:0,margin:`auto`,pointerEvents:`none`,opacity:0,transition:`var(--checkbox-transition, {animations.base.100})`,_peerChecked:{opacity:1,width:`var(--checkbox-icon-size, 60%)`},'.peer[data-indeterminate="true"] ~ &':{opacity:1,width:`var(--checkbox-icon-size, 60%)`}}});export{t as checkboxIcon};
 //# sourceMappingURL=checkbox-icon.mjs.map

package/dist/recipes/controls/checkbox/checkbox-icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-icon.mjs","names":[],"sources":["../../../../src/recipes/controls/checkbox/checkbox-icon.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkboxIcon = defineRecipe({\n  className: 'checkbox__icon',\n  jsx: ['Checkbox'],\n  base: {\n    color:\n      'var(--checkbox-icon-color, {colors.neutral.stroke.1.onPrimary.selected})',\n    position: 'absolute',\n    inset: 0,\n    width: 0,\n    margin: 'auto',\n    pointerEvents: 'none',\n    opacity: 0,\n    transition: 'var(--checkbox-transition, {animations.base.100})',\n    _peerChecked: {\n      opacity: 1,\n      width: 'var(--checkbox-icon-size, 60%)',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,iBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,MACE,2EACF,SAAU,WACV,MAAO,EACP,MAAO,EACP,OAAQ,OACR,cAAe,OACf,QAAS,EACT,WAAY,oDACZ,aAAc,CACZ,QAAS,EACT,MAAO,iCACR,CACF,CACF,CAAC"}
+{"version":3,"file":"checkbox-icon.mjs","names":[],"sources":["../../../../src/recipes/controls/checkbox/checkbox-icon.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkboxIcon = defineRecipe({\n  className: 'checkbox__icon',\n  jsx: ['Checkbox'],\n  base: {\n    color:\n      'var(--checkbox-icon-color, {colors.neutral.stroke.1.onPrimary.selected})',\n    position: 'absolute',\n    inset: 0,\n    width: 0,\n    margin: 'auto',\n    pointerEvents: 'none',\n    opacity: 0,\n    transition: 'var(--checkbox-transition, {animations.base.100})',\n    _peerChecked: {\n      opacity: 1,\n      width: 'var(--checkbox-icon-size, 60%)',\n    },\n    '.peer[data-indeterminate=\"true\"] ~ &': {\n      opacity: 1,\n      width: 'var(--checkbox-icon-size, 60%)',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,iBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,MACE,2EACF,SAAU,WACV,MAAO,EACP,MAAO,EACP,OAAQ,OACR,cAAe,OACf,QAAS,EACT,WAAY,oDACZ,aAAc,CACZ,QAAS,EACT,MAAO,iCACR,CACD,uCAAwC,CACtC,QAAS,EACT,MAAO,iCACR,CACF,CACF,CAAC"}

package/dist/recipes/controls/checkbox/checkbox-input.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox__input`,jsx:[`Checkbox`],base:{display:`block`,appearance:`none`,width:`var(--checkbox-input-size, {sizes.300})`,height:`var(--checkbox-input-size, {sizes.300})`,borderRadius:`var(--checkbox-input-radii, {radii.100})`,aspectRatio:`1`,backgroundColor:`var(--checkbox-input-background, transparent)`,borderWidth:`var(--checkbox-input-border-width, {borders.100})`,borderStyle:`var(--checkbox-input-border-style, solid)`,borderColor:`var(--checkbox-input-border-color, {colors.neutral.stroke.5.enabled})`,WebkitTapHighlightColor:`transparent`,padding:`0`,paddingInline:`0!`,pointerEvents:`auto!`,cursor:`pointer`,transition:`var(--checkbox-transition, {animations.base.100})`,_checked:{backgroundColor:`var(--checkbox-input-background-checked, {colors.neutral.background.5.primary.selected})`,borderWidth:`var(--checkbox-input-border-width-checked, {borders.100})`,borderStyle:`var(--checkbox-input-border-style-checked, solid)`,borderColor:`var(--checkbox-input-border-color-checked, {colors.neutral.background.5.primary.selected})`},_disabled:{cursor:`not-allowed`,opacity:`var(--checkbox-input-opacity-disabled, .5)`},_focus:{outlineWidth:`var(--checkbox-input-focus-outline-width, {borders.150})`,outlineStyle:`var(--checkbox-input-focus-outline-style, solid)`,outlineColor:`var(--checkbox-input-focus-outline-color, {colors.primary.stroke.1.focused})`,outlineOffset:`var(--checkbox-input-focus-outline-offset, {spacing.50})`,boxShadow:`var(--checkbox-input-focus-shadow, none)`},'&[data-error="true"]':{borderColor:`var(--checkbox-input-border-color-error, {colors.danger.stroke.1.enabled})`,_focus:{outlineColor:`var(--checkbox-input-focus-outline-color-error, {colors.danger.stroke.1.focused})`}}}});export{t as checkboxInput};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox__input`,jsx:[`Checkbox`],base:{display:`block`,appearance:`none`,width:`var(--checkbox-input-size, {sizes.300})`,height:`var(--checkbox-input-size, {sizes.300})`,borderRadius:`var(--checkbox-input-radii, {radii.100})`,aspectRatio:`1`,backgroundColor:`var(--checkbox-input-background, transparent)`,borderWidth:`var(--checkbox-input-border-width, {borders.100})`,borderStyle:`var(--checkbox-input-border-style, solid)`,borderColor:`var(--checkbox-input-border-color, {colors.neutral.stroke.5.enabled})`,WebkitTapHighlightColor:`transparent`,padding:`0`,paddingInline:`0!`,pointerEvents:`auto!`,cursor:`pointer`,transition:`var(--checkbox-transition, {animations.base.100})`,_checked:{backgroundColor:`var(--checkbox-input-background-checked, {colors.neutral.background.5.primary.selected})`,borderWidth:`var(--checkbox-input-border-width-checked, {borders.100})`,borderStyle:`var(--checkbox-input-border-style-checked, solid)`,borderColor:`var(--checkbox-input-border-color-checked, {colors.neutral.background.5.primary.selected})`},'&[data-indeterminate="true"]':{backgroundColor:`var(--checkbox-input-background-checked, {colors.neutral.background.5.primary.selected})`,borderWidth:`var(--checkbox-input-border-width-checked, {borders.100})`,borderStyle:`var(--checkbox-input-border-style-checked, solid)`,borderColor:`var(--checkbox-input-border-color-checked, {colors.neutral.background.5.primary.selected})`},_disabled:{cursor:`not-allowed`,opacity:`var(--checkbox-input-opacity-disabled, .5)`},_focus:{outlineWidth:`var(--checkbox-input-focus-outline-width, {borders.150})`,outlineStyle:`var(--checkbox-input-focus-outline-style, solid)`,outlineColor:`var(--checkbox-input-focus-outline-color, {colors.primary.stroke.1.focused})`,outlineOffset:`var(--checkbox-input-focus-outline-offset, {spacing.50})`,boxShadow:`var(--checkbox-input-focus-shadow, none)`},'&[data-error="true"]':{borderColor:`var(--checkbox-input-border-color-error, {colors.danger.stroke.1.enabled})`,_focus:{outlineColor:`var(--checkbox-input-focus-outline-color-error, {colors.danger.stroke.1.focused})`}}}});export{t as checkboxInput};
 //# sourceMappingURL=checkbox-input.mjs.map

package/dist/recipes/controls/checkbox/checkbox-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-input.mjs","names":[],"sources":["../../../../src/recipes/controls/checkbox/checkbox-input.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkboxInput = defineRecipe({\n  className: 'checkbox__input',\n  jsx: ['Checkbox'],\n  base: {\n    display: 'block',\n    appearance: 'none',\n    width: 'var(--checkbox-input-size, {sizes.300})',\n    height: 'var(--checkbox-input-size, {sizes.300})',\n    borderRadius: 'var(--checkbox-input-radii, {radii.100})',\n    aspectRatio: '1',\n    backgroundColor: 'var(--checkbox-input-background, transparent)',\n    borderWidth: 'var(--checkbox-input-border-width, {borders.100})',\n    borderStyle: 'var(--checkbox-input-border-style, solid)',\n    borderColor:\n      'var(--checkbox-input-border-color, {colors.neutral.stroke.5.enabled})',\n    WebkitTapHighlightColor: 'transparent',\n    padding: '0',\n    paddingInline: '0!',\n    pointerEvents: 'auto!',\n    cursor: 'pointer',\n    transition: 'var(--checkbox-transition, {animations.base.100})',\n    _checked: {\n      backgroundColor:\n        'var(--checkbox-input-background-checked, {colors.neutral.background.5.primary.selected})',\n      borderWidth: 'var(--checkbox-input-border-width-checked, {borders.100})',\n      borderStyle: 'var(--checkbox-input-border-style-checked, solid)',\n      borderColor:\n        'var(--checkbox-input-border-color-checked, {colors.neutral.background.5.primary.selected})',\n    },\n    _disabled: {\n      cursor: 'not-allowed',\n      opacity: 'var(--checkbox-input-opacity-disabled, .5)',\n    },\n    _focus: {\n      outlineWidth: 'var(--checkbox-input-focus-outline-width, {borders.150})',\n      outlineStyle: 'var(--checkbox-input-focus-outline-style, solid)',\n      outlineColor:\n        'var(--checkbox-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n      outlineOffset: 'var(--checkbox-input-focus-outline-offset, {spacing.50})',\n      boxShadow: 'var(--checkbox-input-focus-shadow, none)',\n    },\n    '&[data-error=\"true\"]': {\n      borderColor:\n        'var(--checkbox-input-border-color-error, {colors.danger.stroke.1.enabled})',\n      _focus: {\n        outlineColor:\n          'var(--checkbox-input-focus-outline-color-error, {colors.danger.stroke.1.focused})',\n      },\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,kBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,QAAS,QACT,WAAY,OACZ,MAAO,0CACP,OAAQ,0CACR,aAAc,2CACd,YAAa,IACb,gBAAiB,gDACjB,YAAa,oDACb,YAAa,4CACb,YACE,wEACF,wBAAyB,cACzB,QAAS,IACT,cAAe,KACf,cAAe,QACf,OAAQ,UACR,WAAY,oDACZ,SAAU,CACR,gBACE,2FACF,YAAa,4DACb,YAAa,oDACb,YACE,6FACH,CACD,UAAW,CACT,OAAQ,cACR,QAAS,6CACV,CACD,OAAQ,CACN,aAAc,2DACd,aAAc,mDACd,aACE,+EACF,cAAe,2DACf,UAAW,2CACZ,CACD,uBAAwB,CACtB,YACE,6EACF,OAAQ,CACN,aACE,oFACH,CACF,CACF,CACF,CAAC"}
+{"version":3,"file":"checkbox-input.mjs","names":[],"sources":["../../../../src/recipes/controls/checkbox/checkbox-input.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkboxInput = defineRecipe({\n  className: 'checkbox__input',\n  jsx: ['Checkbox'],\n  base: {\n    display: 'block',\n    appearance: 'none',\n    width: 'var(--checkbox-input-size, {sizes.300})',\n    height: 'var(--checkbox-input-size, {sizes.300})',\n    borderRadius: 'var(--checkbox-input-radii, {radii.100})',\n    aspectRatio: '1',\n    backgroundColor: 'var(--checkbox-input-background, transparent)',\n    borderWidth: 'var(--checkbox-input-border-width, {borders.100})',\n    borderStyle: 'var(--checkbox-input-border-style, solid)',\n    borderColor:\n      'var(--checkbox-input-border-color, {colors.neutral.stroke.5.enabled})',\n    WebkitTapHighlightColor: 'transparent',\n    padding: '0',\n    paddingInline: '0!',\n    pointerEvents: 'auto!',\n    cursor: 'pointer',\n    transition: 'var(--checkbox-transition, {animations.base.100})',\n    _checked: {\n      backgroundColor:\n        'var(--checkbox-input-background-checked, {colors.neutral.background.5.primary.selected})',\n      borderWidth: 'var(--checkbox-input-border-width-checked, {borders.100})',\n      borderStyle: 'var(--checkbox-input-border-style-checked, solid)',\n      borderColor:\n        'var(--checkbox-input-border-color-checked, {colors.neutral.background.5.primary.selected})',\n    },\n    '&[data-indeterminate=\"true\"]': {\n      backgroundColor:\n        'var(--checkbox-input-background-checked, {colors.neutral.background.5.primary.selected})',\n      borderWidth: 'var(--checkbox-input-border-width-checked, {borders.100})',\n      borderStyle: 'var(--checkbox-input-border-style-checked, solid)',\n      borderColor:\n        'var(--checkbox-input-border-color-checked, {colors.neutral.background.5.primary.selected})',\n    },\n    _disabled: {\n      cursor: 'not-allowed',\n      opacity: 'var(--checkbox-input-opacity-disabled, .5)',\n    },\n    _focus: {\n      outlineWidth: 'var(--checkbox-input-focus-outline-width, {borders.150})',\n      outlineStyle: 'var(--checkbox-input-focus-outline-style, solid)',\n      outlineColor:\n        'var(--checkbox-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n      outlineOffset: 'var(--checkbox-input-focus-outline-offset, {spacing.50})',\n      boxShadow: 'var(--checkbox-input-focus-shadow, none)',\n    },\n    '&[data-error=\"true\"]': {\n      borderColor:\n        'var(--checkbox-input-border-color-error, {colors.danger.stroke.1.enabled})',\n      _focus: {\n        outlineColor:\n          'var(--checkbox-input-focus-outline-color-error, {colors.danger.stroke.1.focused})',\n      },\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,kBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,QAAS,QACT,WAAY,OACZ,MAAO,0CACP,OAAQ,0CACR,aAAc,2CACd,YAAa,IACb,gBAAiB,gDACjB,YAAa,oDACb,YAAa,4CACb,YACE,wEACF,wBAAyB,cACzB,QAAS,IACT,cAAe,KACf,cAAe,QACf,OAAQ,UACR,WAAY,oDACZ,SAAU,CACR,gBACE,2FACF,YAAa,4DACb,YAAa,oDACb,YACE,6FACH,CACD,+BAAgC,CAC9B,gBACE,2FACF,YAAa,4DACb,YAAa,oDACb,YACE,6FACH,CACD,UAAW,CACT,OAAQ,cACR,QAAS,6CACV,CACD,OAAQ,CACN,aAAc,2DACd,aAAc,mDACd,aACE,+EACF,cAAe,2DACf,UAAW,2CACZ,CACD,uBAAwB,CACtB,YACE,6EACF,OAAQ,CACN,aACE,oFACH,CACF,CACF,CACF,CAAC"}

package/dist/recipes/controls/dropdown/autocomplete/autocomplete.mjs

@@ -1,2 +1,2 @@
-import{combobox as e}from"../combobox/combobox.mjs";const t=e.merge({className:`autocomplete`,jsx:[`Autocomplete`],base:{"--combobox-background":`var(--autocomplete-background, {colors.neutral.background.1.enabled})`,"--combobox-border-width":`var(--autocomplete-border-width, {borders.100})`,"--combobox-border-style":`var(--autocomplete-border-style, solid)`,"--combobox-border-color":`var(--autocomplete-border-color, {colors.neutral.stroke.7.enabled})`,"--combobox-padding-inline":`var(--autocomplete-padding-inline, {spacing.200})`,"--combobox-padding-block":`var(--autocomplete-padding-block, {spacing.0})`,"--combobox-radii":`var(--autocomplete-radii, {radii.200})`,"--combobox-margin-top":`var(--autocomplete-margin-top, {spacing.200})`,"--combobox-options-gap":`var(--autocomplete-options-gap, {spacing.100})`,"--combobox-options-padding-block":`var(--autocomplete-options-padding-top, {spacing.0})`,"--combobox-option-font-family":`var(--autocomplete-option-font-family, {fonts.base})`,"--combobox-option-font-size":`var(--autocomplete-option-font-size, {fontSizes.300})`,"--combobox-option-line-height":`var(--autocomplete-option-line-height, {lineHeights.400})`,"--combobox-option-padding-inline":`var(--autocomplete-option-padding-inline, {spacing.200})`,"--combobox-option-padding-block":`var(--autocomplete-option-padding-block, {spacing.100})`,"--combobox-option-radii":`var(--autocomplete-option-radii, {radii.100})`,"--combobox-option-background":`var(--autocomplete-option-background, transparent)`,"--combobox-option-color":`var(--autocomplete-option-color, {colors.neutral.foreground.1.enabled})`,"--combobox-option-transition":`var(--autocomplete-option-transition, {animations.base.100})`,"--combobox-option-background-hover":`var(--autocomplete-option-background-hover, {colors.neutral.background.2.hovered})`,"--combobox-option-color-hover":`var(--autocomplete-option-color-hover, {colors.neutral.foreground.1.hovered})`,"--combobox-option-background-selected":`var(--autocomplete-option-background-selected, {colors.neutral.background.2.primary.selected})`,"--combobox-option-color-selected":`var(--autocomplete-option-color-selected, {colors.neutral.foreground.2.primary.selected})`,"--combobox-option-background-active":`var(--autocomplete-option-background-active, {colors.neutral.background.2.primary.selected})`,"--combobox-option-color-active":`var(--autocomplete-option-color-active, {colors.neutral.foreground.2.primary.selected})`,"--combobox-empty-font-family":`var(--autocomplete-empty-font-family, {fonts.base})`,"--combobox-empty-font-size":`var(--autocomplete-empty-font-size, {fontSizes.300})`,"--combobox-empty-line-height":`var(--autocomplete-empty-line-height, 1)`,"--combobox-empty-foreground":`var(--autocomplete-empty-foreground, {colors.neutral.foreground.4.enabled})`,"--combobox-empty-padding-block":`var(--autocomplete-empty-padding-block, {spacing.300})`,"--combobox-empty-text-align":`var(--autocomplete-empty-text-align, center)`}});export{t as autocomplete};
+import{combobox as e}from"../combobox/combobox.mjs";const t=e.merge({className:`autocomplete`,jsx:[`Autocomplete`],base:{"--combobox-background":`var(--autocomplete-background, {colors.neutral.background.1.enabled})`,"--combobox-border-width":`var(--autocomplete-border-width, {borders.100})`,"--combobox-border-style":`var(--autocomplete-border-style, solid)`,"--combobox-border-color":`var(--autocomplete-border-color, {colors.neutral.stroke.7.enabled})`,"--combobox-padding-inline":`var(--autocomplete-padding-inline, {spacing.200})`,"--combobox-padding-block":`var(--autocomplete-padding-block, {spacing.0})`,"--combobox-radii":`var(--autocomplete-radii, {radii.200})`,"--combobox-margin-top":`var(--autocomplete-margin-top, {spacing.200})`,"--combobox-options-gap":`var(--autocomplete-options-gap, {spacing.100})`,"--combobox-options-padding-block":`var(--autocomplete-options-padding-top, {spacing.0})`,"--combobox-option-gap":`var(--autocomplete-option-gap, {spacing.200})`,"--combobox-option-font-family":`var(--autocomplete-option-font-family, {fonts.base})`,"--combobox-option-font-size":`var(--autocomplete-option-font-size, {fontSizes.300})`,"--combobox-option-line-height":`var(--autocomplete-option-line-height, {lineHeights.400})`,"--combobox-option-padding-inline":`var(--autocomplete-option-padding-inline, {spacing.200})`,"--combobox-option-padding-block":`var(--autocomplete-option-padding-block, {spacing.100})`,"--combobox-option-radii":`var(--autocomplete-option-radii, {radii.100})`,"--combobox-option-background":`var(--autocomplete-option-background, transparent)`,"--combobox-option-color":`var(--autocomplete-option-color, {colors.neutral.foreground.1.enabled})`,"--combobox-option-transition":`var(--autocomplete-option-transition, {animations.base.100})`,"--combobox-option-background-hover":`var(--autocomplete-option-background-hover, {colors.neutral.background.2.hovered})`,"--combobox-option-color-hover":`var(--autocomplete-option-color-hover, {colors.neutral.foreground.1.hovered})`,"--combobox-option-background-selected":`var(--autocomplete-option-background-selected, {colors.neutral.background.2.primary.selected})`,"--combobox-option-color-selected":`var(--autocomplete-option-color-selected, {colors.neutral.foreground.2.primary.selected})`,"--combobox-option-background-selected-hovered":`var(--autocomplete-option-background-selected-hovered, {colors.neutral.background.2.primary.selectedHovered})`,"--combobox-option-color-selected-hovered":`var(--autocomplete-option-color-selected-hovered, {colors.neutral.foreground.2.primary.selectedHovered})`,"--combobox-option-background-active":`var(--autocomplete-option-background-active, {colors.neutral.background.2.primary.selected})`,"--combobox-option-color-active":`var(--autocomplete-option-color-active, {colors.neutral.foreground.2.primary.selected})`,"--combobox-empty-font-family":`var(--autocomplete-empty-font-family, {fonts.base})`,"--combobox-empty-font-size":`var(--autocomplete-empty-font-size, {fontSizes.300})`,"--combobox-empty-line-height":`var(--autocomplete-empty-line-height, 1)`,"--combobox-empty-foreground":`var(--autocomplete-empty-foreground, {colors.neutral.foreground.4.enabled})`,"--combobox-empty-padding-block":`var(--autocomplete-empty-padding-block, {spacing.300})`,"--combobox-empty-text-align":`var(--autocomplete-empty-text-align, center)`}});export{t as autocomplete};
 //# sourceMappingURL=autocomplete.mjs.map

package/dist/recipes/controls/dropdown/autocomplete/autocomplete.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/autocomplete/autocomplete.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { combobox } from '../combobox/combobox';\n\nexport const autocomplete = combobox.merge({\n  className: 'autocomplete',\n  jsx: ['Autocomplete'],\n  base: {\n    '--combobox-background':\n      'var(--autocomplete-background, {colors.neutral.background.1.enabled})',\n\n    '--combobox-border-width':\n      'var(--autocomplete-border-width, {borders.100})',\n    '--combobox-border-style': 'var(--autocomplete-border-style, solid)',\n    '--combobox-border-color':\n      'var(--autocomplete-border-color, {colors.neutral.stroke.7.enabled})',\n\n    '--combobox-padding-inline':\n      'var(--autocomplete-padding-inline, {spacing.200})',\n    '--combobox-padding-block':\n      'var(--autocomplete-padding-block, {spacing.0})',\n\n    '--combobox-radii': 'var(--autocomplete-radii, {radii.200})',\n\n    '--combobox-margin-top': 'var(--autocomplete-margin-top, {spacing.200})',\n\n    '--combobox-options-gap': 'var(--autocomplete-options-gap, {spacing.100})',\n    '--combobox-options-padding-block':\n      'var(--autocomplete-options-padding-top, {spacing.0})',\n\n    '--combobox-option-font-family':\n      'var(--autocomplete-option-font-family, {fonts.base})',\n    '--combobox-option-font-size':\n      'var(--autocomplete-option-font-size, {fontSizes.300})',\n    '--combobox-option-line-height':\n      'var(--autocomplete-option-line-height, {lineHeights.400})',\n\n    '--combobox-option-padding-inline':\n      'var(--autocomplete-option-padding-inline, {spacing.200})',\n    '--combobox-option-padding-block':\n      'var(--autocomplete-option-padding-block, {spacing.100})',\n\n    '--combobox-option-radii': 'var(--autocomplete-option-radii, {radii.100})',\n\n    '--combobox-option-background':\n      'var(--autocomplete-option-background, transparent)',\n    '--combobox-option-color':\n      'var(--autocomplete-option-color, {colors.neutral.foreground.1.enabled})',\n\n    '--combobox-option-transition':\n      'var(--autocomplete-option-transition, {animations.base.100})',\n\n    '--combobox-option-background-hover':\n      'var(--autocomplete-option-background-hover, {colors.neutral.background.2.hovered})',\n    '--combobox-option-color-hover':\n      'var(--autocomplete-option-color-hover, {colors.neutral.foreground.1.hovered})',\n\n    '--combobox-option-background-selected':\n      'var(--autocomplete-option-background-selected, {colors.neutral.background.2.primary.selected})',\n    '--combobox-option-color-selected':\n      'var(--autocomplete-option-color-selected, {colors.neutral.foreground.2.primary.selected})',\n\n    '--combobox-option-background-active':\n      'var(--autocomplete-option-background-active, {colors.neutral.background.2.primary.selected})',\n    '--combobox-option-color-active':\n      'var(--autocomplete-option-color-active, {colors.neutral.foreground.2.primary.selected})',\n\n    '--combobox-empty-font-family':\n      'var(--autocomplete-empty-font-family, {fonts.base})',\n    '--combobox-empty-font-size':\n      'var(--autocomplete-empty-font-size, {fontSizes.300})',\n    '--combobox-empty-line-height': 'var(--autocomplete-empty-line-height, 1)',\n    '--combobox-empty-foreground':\n      'var(--autocomplete-empty-foreground, {colors.neutral.foreground.4.enabled})',\n    '--combobox-empty-padding-block':\n      'var(--autocomplete-empty-padding-block, {spacing.300})',\n    '--combobox-empty-text-align':\n      'var(--autocomplete-empty-text-align, center)',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"oDAOA,MAAa,EAAe,EAAS,MAAM,CACzC,UAAW,eACX,IAAK,CAAC,eAAe,CACrB,KAAM,CACJ,wBACE,wEAEF,0BACE,kDACF,0BAA2B,0CAC3B,0BACE,sEAEF,4BACE,oDACF,2BACE,iDAEF,mBAAoB,yCAEpB,wBAAyB,gDAEzB,yBAA0B,iDAC1B,mCACE,uDAEF,gCACE,uDACF,8BACE,wDACF,gCACE,4DAEF,mCACE,2DACF,kCACE,0DAEF,0BAA2B,gDAE3B,+BACE,qDACF,0BACE,0EAEF,+BACE,+DAEF,qCACE,qFACF,gCACE,gFAEF,wCACE,iGACF,mCACE,4FAEF,sCACE,+FACF,iCACE,0FAEF,+BACE,sDACF,6BACE,uDACF,+BAAgC,2CAChC,8BACE,8EACF,iCACE,yDACF,8BACE,+CACH,CACF,CAAC"}
+{"version":3,"file":"autocomplete.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/autocomplete/autocomplete.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { combobox } from '../combobox/combobox';\n\nexport const autocomplete = combobox.merge({\n  className: 'autocomplete',\n  jsx: ['Autocomplete'],\n  base: {\n    '--combobox-background':\n      'var(--autocomplete-background, {colors.neutral.background.1.enabled})',\n\n    '--combobox-border-width':\n      'var(--autocomplete-border-width, {borders.100})',\n    '--combobox-border-style': 'var(--autocomplete-border-style, solid)',\n    '--combobox-border-color':\n      'var(--autocomplete-border-color, {colors.neutral.stroke.7.enabled})',\n\n    '--combobox-padding-inline':\n      'var(--autocomplete-padding-inline, {spacing.200})',\n    '--combobox-padding-block':\n      'var(--autocomplete-padding-block, {spacing.0})',\n\n    '--combobox-radii': 'var(--autocomplete-radii, {radii.200})',\n\n    '--combobox-margin-top': 'var(--autocomplete-margin-top, {spacing.200})',\n\n    '--combobox-options-gap': 'var(--autocomplete-options-gap, {spacing.100})',\n    '--combobox-options-padding-block':\n      'var(--autocomplete-options-padding-top, {spacing.0})',\n\n    '--combobox-option-gap': 'var(--autocomplete-option-gap, {spacing.200})',\n    '--combobox-option-font-family':\n      'var(--autocomplete-option-font-family, {fonts.base})',\n    '--combobox-option-font-size':\n      'var(--autocomplete-option-font-size, {fontSizes.300})',\n    '--combobox-option-line-height':\n      'var(--autocomplete-option-line-height, {lineHeights.400})',\n\n    '--combobox-option-padding-inline':\n      'var(--autocomplete-option-padding-inline, {spacing.200})',\n    '--combobox-option-padding-block':\n      'var(--autocomplete-option-padding-block, {spacing.100})',\n\n    '--combobox-option-radii': 'var(--autocomplete-option-radii, {radii.100})',\n\n    '--combobox-option-background':\n      'var(--autocomplete-option-background, transparent)',\n    '--combobox-option-color':\n      'var(--autocomplete-option-color, {colors.neutral.foreground.1.enabled})',\n\n    '--combobox-option-transition':\n      'var(--autocomplete-option-transition, {animations.base.100})',\n\n    '--combobox-option-background-hover':\n      'var(--autocomplete-option-background-hover, {colors.neutral.background.2.hovered})',\n    '--combobox-option-color-hover':\n      'var(--autocomplete-option-color-hover, {colors.neutral.foreground.1.hovered})',\n\n    '--combobox-option-background-selected':\n      'var(--autocomplete-option-background-selected, {colors.neutral.background.2.primary.selected})',\n    '--combobox-option-color-selected':\n      'var(--autocomplete-option-color-selected, {colors.neutral.foreground.2.primary.selected})',\n\n    '--combobox-option-background-selected-hovered':\n      'var(--autocomplete-option-background-selected-hovered, {colors.neutral.background.2.primary.selectedHovered})',\n    '--combobox-option-color-selected-hovered':\n      'var(--autocomplete-option-color-selected-hovered, {colors.neutral.foreground.2.primary.selectedHovered})',\n\n    '--combobox-option-background-active':\n      'var(--autocomplete-option-background-active, {colors.neutral.background.2.primary.selected})',\n    '--combobox-option-color-active':\n      'var(--autocomplete-option-color-active, {colors.neutral.foreground.2.primary.selected})',\n\n    '--combobox-empty-font-family':\n      'var(--autocomplete-empty-font-family, {fonts.base})',\n    '--combobox-empty-font-size':\n      'var(--autocomplete-empty-font-size, {fontSizes.300})',\n    '--combobox-empty-line-height': 'var(--autocomplete-empty-line-height, 1)',\n    '--combobox-empty-foreground':\n      'var(--autocomplete-empty-foreground, {colors.neutral.foreground.4.enabled})',\n    '--combobox-empty-padding-block':\n      'var(--autocomplete-empty-padding-block, {spacing.300})',\n    '--combobox-empty-text-align':\n      'var(--autocomplete-empty-text-align, center)',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"oDAOA,MAAa,EAAe,EAAS,MAAM,CACzC,UAAW,eACX,IAAK,CAAC,eAAe,CACrB,KAAM,CACJ,wBACE,wEAEF,0BACE,kDACF,0BAA2B,0CAC3B,0BACE,sEAEF,4BACE,oDACF,2BACE,iDAEF,mBAAoB,yCAEpB,wBAAyB,gDAEzB,yBAA0B,iDAC1B,mCACE,uDAEF,wBAAyB,gDACzB,gCACE,uDACF,8BACE,wDACF,gCACE,4DAEF,mCACE,2DACF,kCACE,0DAEF,0BAA2B,gDAE3B,+BACE,qDACF,0BACE,0EAEF,+BACE,+DAEF,qCACE,qFACF,gCACE,gFAEF,wCACE,iGACF,mCACE,4FAEF,gDACE,gHACF,2CACE,2GAEF,sCACE,+FACF,iCACE,0FAEF,+BACE,sDACF,6BACE,uDACF,+BAAgC,2CAChC,8BACE,8EACF,iCACE,yDACF,8BACE,+CACH,CACF,CAAC"}

package/dist/recipes/controls/dropdown/combobox/combobox.mjs

@@ -1,2 +1,2 @@
-import{dropdown as e}from"../dropdown.mjs";const t=e.merge({className:`combobox`,jsx:[`Combobox`],base:{"--dropdown-background":`var(--combobox-background, {colors.neutral.background.1.enabled})`,"--dropdown-border-width":`var(--combobox-border-width, {borders.100})`,"--dropdown-border-style":`var(--combobox-border-style, solid)`,"--dropdown-border-color":`var(--combobox-border-color, {colors.neutral.stroke.7.enabled})`,"--dropdown-padding-inline":`var(--combobox-padding-inline, {spacing.200})`,"--dropdown-padding-block":`var(--combobox-padding-block, {spacing.200})`,"--dropdown-radii":`var(--combobox-radii, {radii.200})`,"--dropdown-margin-top":`var(--combobox-margin-top, {spacing.0})`,"--dropdown-options-gap":`var(--combobox-options-gap, {spacing.100})`,"--dropdown-options-padding-block":`var(--combobox-options-padding-top, {spacing.0})`,"--dropdown-option-font-family":`var(--combobox-option-font-family, {fonts.base})`,"--dropdown-option-font-size":`var(--combobox-option-font-size, {fontSizes.300})`,"--dropdown-option-line-height":`var(--combobox-option-line-height, {lineHeights.400})`,"--dropdown-option-padding-inline":`var(--combobox-option-padding-inline, {spacing.200})`,"--dropdown-option-padding-block":`var(--combobox-option-padding-block, {spacing.100})`,"--dropdown-option-radii":`var(--combobox-option-radii, {radii.100})`,"--dropdown-option-background":`var(--combobox-option-background, transparent)`,"--dropdown-option-foreground":`var(--combobox-option-color, {colors.neutral.foreground.1.enabled})`,"--dropdown-option-transition":`var(--combobox-option-transition, {animations.base.100})`,"--dropdown-option-background-hover":`var(--combobox-option-background-hover, {colors.neutral.background.2.hovered})`,"--dropdown-option-foreground-hover":`var(--combobox-option-color-hover, {colors.neutral.foreground.1.hovered})`,"--dropdown-option-background-selected":`var(--combobox-option-background-selected, {colors.neutral.background.2.primary.selected})`,"--dropdown-option-foreground-selected":`var(--combobox-option-color-selected, {colors.neutral.foreground.2.primary.selected})`,"--dropdown-option-background-active":`var(--combobox-option-background-active, {colors.neutral.background.2.primary.selected})`,"--dropdown-option-foreground-active":`var(--combobox-option-color-active, {colors.neutral.foreground.2.primary.selected})`,"--dropdown-empty-font-family":`var(--combobox-empty-font-family, {fonts.base})`,"--dropdown-empty-font-size":`var(--combobox-empty-font-size, {fontSizes.300})`,"--dropdown-empty-line-height":`var(--combobox-empty-line-height, 1)`,"--dropdown-empty-foreground":`var(--combobox-empty-foreground, {colors.neutral.foreground.4.enabled})`,"--dropdown-empty-padding-block":`var(--combobox-empty-padding-block, {spacing.300})`,"--dropdown-empty-text-align":`var(--combobox-empty-text-align, center)`}});export{t as combobox};
+import{dropdown as e}from"../dropdown.mjs";const t=e.merge({className:`combobox`,jsx:[`Combobox`],base:{"--dropdown-background":`var(--combobox-background, {colors.neutral.background.1.enabled})`,"--dropdown-border-width":`var(--combobox-border-width, {borders.100})`,"--dropdown-border-style":`var(--combobox-border-style, solid)`,"--dropdown-border-color":`var(--combobox-border-color, {colors.neutral.stroke.7.enabled})`,"--dropdown-padding-inline":`var(--combobox-padding-inline, {spacing.200})`,"--dropdown-padding-block":`var(--combobox-padding-block, {spacing.200})`,"--dropdown-radii":`var(--combobox-radii, {radii.200})`,"--dropdown-margin-top":`var(--combobox-margin-top, {spacing.0})`,"--dropdown-options-gap":`var(--combobox-options-gap, {spacing.100})`,"--dropdown-options-padding-block":`var(--combobox-options-padding-top, {spacing.0})`,"--dropdown-option-gap":`var(--combobox-option-gap, {spacing.200})`,"--dropdown-option-font-family":`var(--combobox-option-font-family, {fonts.base})`,"--dropdown-option-font-size":`var(--combobox-option-font-size, {fontSizes.300})`,"--dropdown-option-line-height":`var(--combobox-option-line-height, {lineHeights.400})`,"--dropdown-option-padding-inline":`var(--combobox-option-padding-inline, {spacing.200})`,"--dropdown-option-padding-block":`var(--combobox-option-padding-block, {spacing.100})`,"--dropdown-option-radii":`var(--combobox-option-radii, {radii.100})`,"--dropdown-option-background":`var(--combobox-option-background, transparent)`,"--dropdown-option-foreground":`var(--combobox-option-color, {colors.neutral.foreground.1.enabled})`,"--dropdown-option-transition":`var(--combobox-option-transition, {animations.base.100})`,"--dropdown-option-background-hover":`var(--combobox-option-background-hover, {colors.neutral.background.2.hovered})`,"--dropdown-option-foreground-hover":`var(--combobox-option-color-hover, {colors.neutral.foreground.1.hovered})`,"--dropdown-option-background-selected":`var(--combobox-option-background-selected, {colors.neutral.background.2.primary.selected})`,"--dropdown-option-foreground-selected":`var(--combobox-option-color-selected, {colors.neutral.foreground.2.primary.selected})`,"--dropdown-option-background-selected-hovered":`var(--combobox-option-background-selected-hovered, {colors.neutral.background.2.primary.selectedHovered})`,"--dropdown-option-foreground-selected-hovered":`var(--combobox-option-color-selected-hovered, {colors.neutral.foreground.2.primary.selectedHovered})`,"--dropdown-option-background-active":`var(--combobox-option-background-active, {colors.neutral.background.2.primary.selected})`,"--dropdown-option-foreground-active":`var(--combobox-option-color-active, {colors.neutral.foreground.2.primary.selected})`,"--dropdown-empty-font-family":`var(--combobox-empty-font-family, {fonts.base})`,"--dropdown-empty-font-size":`var(--combobox-empty-font-size, {fontSizes.300})`,"--dropdown-empty-line-height":`var(--combobox-empty-line-height, 1)`,"--dropdown-empty-foreground":`var(--combobox-empty-foreground, {colors.neutral.foreground.4.enabled})`,"--dropdown-empty-padding-block":`var(--combobox-empty-padding-block, {spacing.300})`,"--dropdown-empty-text-align":`var(--combobox-empty-text-align, center)`}});export{t as combobox};
 //# sourceMappingURL=combobox.mjs.map

package/dist/recipes/controls/dropdown/combobox/combobox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/combobox/combobox.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { dropdown } from '../dropdown';\n\nexport const combobox = dropdown.merge({\n  className: 'combobox',\n  jsx: ['Combobox'],\n  base: {\n    '--dropdown-background':\n      'var(--combobox-background, {colors.neutral.background.1.enabled})',\n\n    '--dropdown-border-width': 'var(--combobox-border-width, {borders.100})',\n    '--dropdown-border-style': 'var(--combobox-border-style, solid)',\n    '--dropdown-border-color':\n      'var(--combobox-border-color, {colors.neutral.stroke.7.enabled})',\n\n    '--dropdown-padding-inline':\n      'var(--combobox-padding-inline, {spacing.200})',\n    '--dropdown-padding-block': 'var(--combobox-padding-block, {spacing.200})',\n\n    '--dropdown-radii': 'var(--combobox-radii, {radii.200})',\n\n    '--dropdown-margin-top': 'var(--combobox-margin-top, {spacing.0})',\n\n    '--dropdown-options-gap': 'var(--combobox-options-gap, {spacing.100})',\n    '--dropdown-options-padding-block':\n      'var(--combobox-options-padding-top, {spacing.0})',\n\n    '--dropdown-option-font-family':\n      'var(--combobox-option-font-family, {fonts.base})',\n    '--dropdown-option-font-size':\n      'var(--combobox-option-font-size, {fontSizes.300})',\n    '--dropdown-option-line-height':\n      'var(--combobox-option-line-height, {lineHeights.400})',\n\n    '--dropdown-option-padding-inline':\n      'var(--combobox-option-padding-inline, {spacing.200})',\n    '--dropdown-option-padding-block':\n      'var(--combobox-option-padding-block, {spacing.100})',\n\n    '--dropdown-option-radii': 'var(--combobox-option-radii, {radii.100})',\n\n    '--dropdown-option-background':\n      'var(--combobox-option-background, transparent)',\n    '--dropdown-option-foreground':\n      'var(--combobox-option-color, {colors.neutral.foreground.1.enabled})',\n\n    '--dropdown-option-transition':\n      'var(--combobox-option-transition, {animations.base.100})',\n\n    '--dropdown-option-background-hover':\n      'var(--combobox-option-background-hover, {colors.neutral.background.2.hovered})',\n    '--dropdown-option-foreground-hover':\n      'var(--combobox-option-color-hover, {colors.neutral.foreground.1.hovered})',\n\n    '--dropdown-option-background-selected':\n      'var(--combobox-option-background-selected, {colors.neutral.background.2.primary.selected})',\n    '--dropdown-option-foreground-selected':\n      'var(--combobox-option-color-selected, {colors.neutral.foreground.2.primary.selected})',\n\n    '--dropdown-option-background-active':\n      'var(--combobox-option-background-active, {colors.neutral.background.2.primary.selected})',\n    '--dropdown-option-foreground-active':\n      'var(--combobox-option-color-active, {colors.neutral.foreground.2.primary.selected})',\n\n    '--dropdown-empty-font-family':\n      'var(--combobox-empty-font-family, {fonts.base})',\n    '--dropdown-empty-font-size':\n      'var(--combobox-empty-font-size, {fontSizes.300})',\n    '--dropdown-empty-line-height': 'var(--combobox-empty-line-height, 1)',\n    '--dropdown-empty-foreground':\n      'var(--combobox-empty-foreground, {colors.neutral.foreground.4.enabled})',\n    '--dropdown-empty-padding-block':\n      'var(--combobox-empty-padding-block, {spacing.300})',\n    '--dropdown-empty-text-align': 'var(--combobox-empty-text-align, center)',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"2CAOA,MAAa,EAAW,EAAS,MAAM,CACrC,UAAW,WACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,wBACE,oEAEF,0BAA2B,8CAC3B,0BAA2B,sCAC3B,0BACE,kEAEF,4BACE,gDACF,2BAA4B,+CAE5B,mBAAoB,qCAEpB,wBAAyB,0CAEzB,yBAA0B,6CAC1B,mCACE,mDAEF,gCACE,mDACF,8BACE,oDACF,gCACE,wDAEF,mCACE,uDACF,kCACE,sDAEF,0BAA2B,4CAE3B,+BACE,iDACF,+BACE,sEAEF,+BACE,2DAEF,qCACE,iFACF,qCACE,4EAEF,wCACE,6FACF,wCACE,wFAEF,sCACE,2FACF,sCACE,sFAEF,+BACE,kDACF,6BACE,mDACF,+BAAgC,uCAChC,8BACE,0EACF,iCACE,qDACF,8BAA+B,2CAChC,CACF,CAAC"}
+{"version":3,"file":"combobox.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/combobox/combobox.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { dropdown } from '../dropdown';\n\nexport const combobox = dropdown.merge({\n  className: 'combobox',\n  jsx: ['Combobox'],\n  base: {\n    '--dropdown-background':\n      'var(--combobox-background, {colors.neutral.background.1.enabled})',\n\n    '--dropdown-border-width': 'var(--combobox-border-width, {borders.100})',\n    '--dropdown-border-style': 'var(--combobox-border-style, solid)',\n    '--dropdown-border-color':\n      'var(--combobox-border-color, {colors.neutral.stroke.7.enabled})',\n\n    '--dropdown-padding-inline':\n      'var(--combobox-padding-inline, {spacing.200})',\n    '--dropdown-padding-block': 'var(--combobox-padding-block, {spacing.200})',\n\n    '--dropdown-radii': 'var(--combobox-radii, {radii.200})',\n\n    '--dropdown-margin-top': 'var(--combobox-margin-top, {spacing.0})',\n\n    '--dropdown-options-gap': 'var(--combobox-options-gap, {spacing.100})',\n    '--dropdown-options-padding-block':\n      'var(--combobox-options-padding-top, {spacing.0})',\n\n    '--dropdown-option-gap': 'var(--combobox-option-gap, {spacing.200})',\n    '--dropdown-option-font-family':\n      'var(--combobox-option-font-family, {fonts.base})',\n    '--dropdown-option-font-size':\n      'var(--combobox-option-font-size, {fontSizes.300})',\n    '--dropdown-option-line-height':\n      'var(--combobox-option-line-height, {lineHeights.400})',\n\n    '--dropdown-option-padding-inline':\n      'var(--combobox-option-padding-inline, {spacing.200})',\n    '--dropdown-option-padding-block':\n      'var(--combobox-option-padding-block, {spacing.100})',\n\n    '--dropdown-option-radii': 'var(--combobox-option-radii, {radii.100})',\n\n    '--dropdown-option-background':\n      'var(--combobox-option-background, transparent)',\n    '--dropdown-option-foreground':\n      'var(--combobox-option-color, {colors.neutral.foreground.1.enabled})',\n\n    '--dropdown-option-transition':\n      'var(--combobox-option-transition, {animations.base.100})',\n\n    '--dropdown-option-background-hover':\n      'var(--combobox-option-background-hover, {colors.neutral.background.2.hovered})',\n    '--dropdown-option-foreground-hover':\n      'var(--combobox-option-color-hover, {colors.neutral.foreground.1.hovered})',\n\n    '--dropdown-option-background-selected':\n      'var(--combobox-option-background-selected, {colors.neutral.background.2.primary.selected})',\n    '--dropdown-option-foreground-selected':\n      'var(--combobox-option-color-selected, {colors.neutral.foreground.2.primary.selected})',\n\n    '--dropdown-option-background-selected-hovered':\n      'var(--combobox-option-background-selected-hovered, {colors.neutral.background.2.primary.selectedHovered})',\n    '--dropdown-option-foreground-selected-hovered':\n      'var(--combobox-option-color-selected-hovered, {colors.neutral.foreground.2.primary.selectedHovered})',\n\n    '--dropdown-option-background-active':\n      'var(--combobox-option-background-active, {colors.neutral.background.2.primary.selected})',\n    '--dropdown-option-foreground-active':\n      'var(--combobox-option-color-active, {colors.neutral.foreground.2.primary.selected})',\n\n    '--dropdown-empty-font-family':\n      'var(--combobox-empty-font-family, {fonts.base})',\n    '--dropdown-empty-font-size':\n      'var(--combobox-empty-font-size, {fontSizes.300})',\n    '--dropdown-empty-line-height': 'var(--combobox-empty-line-height, 1)',\n    '--dropdown-empty-foreground':\n      'var(--combobox-empty-foreground, {colors.neutral.foreground.4.enabled})',\n    '--dropdown-empty-padding-block':\n      'var(--combobox-empty-padding-block, {spacing.300})',\n    '--dropdown-empty-text-align': 'var(--combobox-empty-text-align, center)',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"2CAOA,MAAa,EAAW,EAAS,MAAM,CACrC,UAAW,WACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,wBACE,oEAEF,0BAA2B,8CAC3B,0BAA2B,sCAC3B,0BACE,kEAEF,4BACE,gDACF,2BAA4B,+CAE5B,mBAAoB,qCAEpB,wBAAyB,0CAEzB,yBAA0B,6CAC1B,mCACE,mDAEF,wBAAyB,4CACzB,gCACE,mDACF,8BACE,oDACF,gCACE,wDAEF,mCACE,uDACF,kCACE,sDAEF,0BAA2B,4CAE3B,+BACE,iDACF,+BACE,sEAEF,+BACE,2DAEF,qCACE,iFACF,qCACE,4EAEF,wCACE,6FACF,wCACE,wFAEF,gDACE,4GACF,gDACE,uGAEF,sCACE,2FACF,sCACE,sFAEF,+BACE,kDACF,6BACE,mDACF,+BAAgC,uCAChC,8BACE,0EACF,iCACE,qDACF,8BAA+B,2CAChC,CACF,CAAC"}

package/dist/recipes/controls/dropdown/dropdown-option.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`dropdown__option`,jsx:[`Dropdown`],base:{fontFamily:`var(--dropdown-option-font-family, {fonts.base})`,fontSize:`var(--dropdown-option-font-size, {fontSizes.300})`,lineHeight:`var(--dropdown-option-line-height, {lineHeights.400})`,paddingInline:`var(--dropdown-option-padding-inline, {spacing.200})`,paddingBlock:`var(--dropdown-option-padding-block, {spacing.100})`,borderRadius:`var(--dropdown-option-radii, {radii.100})`,backgroundColor:`var(--dropdown-option-background, transparent)`,color:`var(--dropdown-option-foreground, {colors.neutral.foreground.1.enabled})`,cursor:`pointer`,transition:`var(--dropdown-option-transition, {animations.base.100})`,_hover:{backgroundColor:`var(--dropdown-option-background-hover, {colors.neutral.background.2.hovered})`,color:`var(--dropdown-option-foreground-hover, {colors.neutral.foreground.1.hovered})`},_selected:{backgroundColor:`var(--dropdown-option-background-selected, {colors.neutral.background.2.primary.selected})`,color:`var(--dropdown-option-foreground-selected, {colors.neutral.foreground.2.primary.selected})`},_active:{backgroundColor:`var(--dropdown-option-background-active, {colors.neutral.background.2.primary.selected})`,color:`var(--dropdown-option-foreground-active, {colors.neutral.foreground.2.primary.selected})`}}});export{t as dropdownOption};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`dropdown__option`,jsx:[`Dropdown`],base:{display:`flex`,alignItems:`center`,gap:`var(--dropdown-option-gap, {spacing.200})`,fontFamily:`var(--dropdown-option-font-family, {fonts.base})`,fontSize:`var(--dropdown-option-font-size, {fontSizes.300})`,lineHeight:`var(--dropdown-option-line-height, {lineHeights.400})`,paddingInline:`var(--dropdown-option-padding-inline, {spacing.200})`,paddingBlock:`var(--dropdown-option-padding-block, {spacing.100})`,borderRadius:`var(--dropdown-option-radii, {radii.100})`,backgroundColor:`var(--dropdown-option-background, transparent)`,color:`var(--dropdown-option-foreground, {colors.neutral.foreground.1.enabled})`,cursor:`pointer`,transition:`var(--dropdown-option-transition, {animations.base.100})`,_hover:{backgroundColor:`var(--dropdown-option-background-hover, {colors.neutral.background.2.hovered})`,color:`var(--dropdown-option-foreground-hover, {colors.neutral.foreground.1.hovered})`},_active:{backgroundColor:`var(--dropdown-option-background-active, {colors.neutral.background.2.primary.selected})`,color:`var(--dropdown-option-foreground-active, {colors.neutral.foreground.2.primary.selected})`},"&[data-combobox-active]":{backgroundColor:`var(--dropdown-option-background-selected, {colors.neutral.background.2.primary.selected})`,color:`var(--dropdown-option-foreground-selected, {colors.neutral.foreground.2.primary.selected})`},"&[data-combobox-active]:hover":{backgroundColor:`var(--dropdown-option-background-selected-hovered, {colors.neutral.background.2.primary.selectedHovered})`,color:`var(--dropdown-option-foreground-selected-hovered, {colors.neutral.foreground.2.primary.selectedHovered})`}}});export{t as dropdownOption};
 //# sourceMappingURL=dropdown-option.mjs.map

package/dist/recipes/controls/dropdown/dropdown-option.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-option.mjs","names":[],"sources":["../../../../src/recipes/controls/dropdown/dropdown-option.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dropdownOption = defineRecipe({\n  className: 'dropdown__option',\n  jsx: ['Dropdown'],\n  base: {\n    fontFamily: 'var(--dropdown-option-font-family, {fonts.base})',\n    fontSize: 'var(--dropdown-option-font-size, {fontSizes.300})',\n    lineHeight: 'var(--dropdown-option-line-height, {lineHeights.400})',\n    paddingInline: 'var(--dropdown-option-padding-inline, {spacing.200})',\n    paddingBlock: 'var(--dropdown-option-padding-block, {spacing.100})',\n    borderRadius: 'var(--dropdown-option-radii, {radii.100})',\n    backgroundColor: 'var(--dropdown-option-background, transparent)',\n    color:\n      'var(--dropdown-option-foreground, {colors.neutral.foreground.1.enabled})',\n    cursor: 'pointer',\n    transition: 'var(--dropdown-option-transition, {animations.base.100})',\n\n    _hover: {\n      backgroundColor:\n        'var(--dropdown-option-background-hover, {colors.neutral.background.2.hovered})',\n      color:\n        'var(--dropdown-option-foreground-hover, {colors.neutral.foreground.1.hovered})',\n    },\n\n    _selected: {\n      backgroundColor:\n        'var(--dropdown-option-background-selected, {colors.neutral.background.2.primary.selected})',\n      color:\n        'var(--dropdown-option-foreground-selected, {colors.neutral.foreground.2.primary.selected})',\n    },\n\n    _active: {\n      backgroundColor:\n        'var(--dropdown-option-background-active, {colors.neutral.background.2.primary.selected})',\n      color:\n        'var(--dropdown-option-foreground-active, {colors.neutral.foreground.2.primary.selected})',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,mBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,WAAY,mDACZ,SAAU,oDACV,WAAY,wDACZ,cAAe,uDACf,aAAc,sDACd,aAAc,4CACd,gBAAiB,iDACjB,MACE,2EACF,OAAQ,UACR,WAAY,2DAEZ,OAAQ,CACN,gBACE,iFACF,MACE,iFACH,CAED,UAAW,CACT,gBACE,6FACF,MACE,6FACH,CAED,QAAS,CACP,gBACE,2FACF,MACE,2FACH,CACF,CACF,CAAC"}
+{"version":3,"file":"dropdown-option.mjs","names":[],"sources":["../../../../src/recipes/controls/dropdown/dropdown-option.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dropdownOption = defineRecipe({\n  className: 'dropdown__option',\n  jsx: ['Dropdown'],\n  base: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: 'var(--dropdown-option-gap, {spacing.200})',\n    fontFamily: 'var(--dropdown-option-font-family, {fonts.base})',\n    fontSize: 'var(--dropdown-option-font-size, {fontSizes.300})',\n    lineHeight: 'var(--dropdown-option-line-height, {lineHeights.400})',\n    paddingInline: 'var(--dropdown-option-padding-inline, {spacing.200})',\n    paddingBlock: 'var(--dropdown-option-padding-block, {spacing.100})',\n    borderRadius: 'var(--dropdown-option-radii, {radii.100})',\n    backgroundColor: 'var(--dropdown-option-background, transparent)',\n    color:\n      'var(--dropdown-option-foreground, {colors.neutral.foreground.1.enabled})',\n    cursor: 'pointer',\n    transition: 'var(--dropdown-option-transition, {animations.base.100})',\n\n    _hover: {\n      backgroundColor:\n        'var(--dropdown-option-background-hover, {colors.neutral.background.2.hovered})',\n      color:\n        'var(--dropdown-option-foreground-hover, {colors.neutral.foreground.1.hovered})',\n    },\n\n    _active: {\n      backgroundColor:\n        'var(--dropdown-option-background-active, {colors.neutral.background.2.primary.selected})',\n      color:\n        'var(--dropdown-option-foreground-active, {colors.neutral.foreground.2.primary.selected})',\n    },\n\n    '&[data-combobox-active]': {\n      backgroundColor:\n        'var(--dropdown-option-background-selected, {colors.neutral.background.2.primary.selected})',\n      color:\n        'var(--dropdown-option-foreground-selected, {colors.neutral.foreground.2.primary.selected})',\n    },\n\n    '&[data-combobox-active]:hover': {\n      backgroundColor:\n        'var(--dropdown-option-background-selected-hovered, {colors.neutral.background.2.primary.selectedHovered})',\n      color:\n        'var(--dropdown-option-foreground-selected-hovered, {colors.neutral.foreground.2.primary.selectedHovered})',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,mBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,QAAS,OACT,WAAY,SACZ,IAAK,4CACL,WAAY,mDACZ,SAAU,oDACV,WAAY,wDACZ,cAAe,uDACf,aAAc,sDACd,aAAc,4CACd,gBAAiB,iDACjB,MACE,2EACF,OAAQ,UACR,WAAY,2DAEZ,OAAQ,CACN,gBACE,iFACF,MACE,iFACH,CAED,QAAS,CACP,gBACE,2FACF,MACE,2FACH,CAED,0BAA2B,CACzB,gBACE,6FACF,MACE,6FACH,CAED,gCAAiC,CAC/B,gBACE,4GACF,MACE,4GACH,CACF,CACF,CAAC"}

package/dist/recipes/controls/dropdown/dropdown.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`dropdown`,jsx:[`Dropdown`],base:{"--dropdown-background":`{colors.neutral.background.1.enabled}`,"--dropdown-border-width":`{borders.100}`,"--dropdown-border-style":`solid`,"--dropdown-border-color":`{colors.neutral.stroke.7.enabled}`,"--dropdown-padding-inline":`{spacing.200}`,"--dropdown-padding-block":`{spacing.200}`,"--dropdown-padding-block-start":`{spacing.100}`,"--dropdown-padding-inline-start":`{spacing.200}`,"--dropdown-radii":`{radii.200}`,"--dropdown-margin-top":`{spacing.0}`,"--dropdown-options-gap":`{spacing.100}`,"--dropdown-options-padding-block-start":`{spacing.0}`,"--dropdown-options-padding-inline-start":`{spacing.0}`,"--dropdown-option-font-family":`{fonts.base}`,"--dropdown-option-font-size":`{fontSizes.300}`,"--dropdown-option-line-height":`{lineHeights.400}`,"--dropdown-option-padding-inline":`{spacing.200}`,"--dropdown-option-padding-block":`{spacing.100}`,"--dropdown-option-radii":`{radii.100}`,"--dropdown-option-background":`transparent`,"--dropdown-option-foreground":`{colors.neutral.foreground.1.enabled}`,"--dropdown-option-transition":`{animations.base.100}`,"--dropdown-option-background-hover":`{colors.neutral.background.2.hovered}`,"--dropdown-option-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--dropdown-option-background-selected":`{colors.neutral.background.2.primary.selected}`,"--dropdown-option-foreground-selected":`{colors.neutral.foreground.2.primary.selected}`,"--dropdown-option-background-active":`{colors.neutral.background.2.primary.selected}`,"--dropdown-option-foreground-active":`{colors.neutral.foreground.2.primary.selected}`,"--dropdown-empty-font-family":`{fonts.base}`,"--dropdown-empty-font-size":`{fontSizes.300}`,"--dropdown-empty-line-height":`1`,"--dropdown-empty-foreground":`{colors.neutral.foreground.4.enabled}`,"--dropdown-empty-padding-block":`{spacing.300}`,"--dropdown-empty-text-align":`center`}});export{t as dropdown};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`dropdown`,jsx:[`Dropdown`],base:{"--dropdown-background":`{colors.neutral.background.1.enabled}`,"--dropdown-border-width":`{borders.100}`,"--dropdown-border-style":`solid`,"--dropdown-border-color":`{colors.neutral.stroke.7.enabled}`,"--dropdown-padding-inline":`{spacing.200}`,"--dropdown-padding-block":`{spacing.200}`,"--dropdown-padding-block-start":`{spacing.100}`,"--dropdown-padding-inline-start":`{spacing.200}`,"--dropdown-radii":`{radii.200}`,"--dropdown-margin-top":`{spacing.0}`,"--dropdown-options-gap":`{spacing.100}`,"--dropdown-options-padding-block-start":`{spacing.0}`,"--dropdown-options-padding-inline-start":`{spacing.0}`,"--dropdown-option-gap":`{spacing.200}`,"--dropdown-option-font-family":`{fonts.base}`,"--dropdown-option-font-size":`{fontSizes.300}`,"--dropdown-option-line-height":`{lineHeights.400}`,"--dropdown-option-padding-inline":`{spacing.200}`,"--dropdown-option-padding-block":`{spacing.100}`,"--dropdown-option-radii":`{radii.100}`,"--dropdown-option-background":`transparent`,"--dropdown-option-foreground":`{colors.neutral.foreground.1.enabled}`,"--dropdown-option-transition":`{animations.base.100}`,"--dropdown-option-background-hover":`{colors.neutral.background.2.hovered}`,"--dropdown-option-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--dropdown-option-background-selected":`{colors.neutral.background.2.primary.selected}`,"--dropdown-option-foreground-selected":`{colors.neutral.foreground.2.primary.selected}`,"--dropdown-option-background-selected-hovered":`{colors.neutral.background.2.primary.selectedHovered}`,"--dropdown-option-foreground-selected-hovered":`{colors.neutral.foreground.2.primary.selectedHovered}`,"--dropdown-option-background-active":`{colors.neutral.background.2.primary.selected}`,"--dropdown-option-foreground-active":`{colors.neutral.foreground.2.primary.selected}`,"--dropdown-empty-font-family":`{fonts.base}`,"--dropdown-empty-font-size":`{fontSizes.300}`,"--dropdown-empty-line-height":`1`,"--dropdown-empty-foreground":`{colors.neutral.foreground.4.enabled}`,"--dropdown-empty-padding-block":`{spacing.300}`,"--dropdown-empty-text-align":`center`}});export{t as dropdown};
 //# sourceMappingURL=dropdown.mjs.map

package/dist/recipes/controls/dropdown/dropdown.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.mjs","names":[],"sources":["../../../../src/recipes/controls/dropdown/dropdown.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dropdown = defineRecipe({\n  className: 'dropdown',\n  jsx: ['Dropdown'],\n  base: {\n    /* root */\n    '--dropdown-background': '{colors.neutral.background.1.enabled}',\n    '--dropdown-border-width': '{borders.100}',\n    '--dropdown-border-style': 'solid',\n    '--dropdown-border-color': '{colors.neutral.stroke.7.enabled}',\n    '--dropdown-padding-inline': '{spacing.200}',\n    '--dropdown-padding-block': '{spacing.200}',\n    '--dropdown-padding-block-start': '{spacing.100}',\n    '--dropdown-padding-inline-start': '{spacing.200}',\n    '--dropdown-radii': '{radii.200}',\n    '--dropdown-margin-top': '{spacing.0}',\n\n    /* options */\n    '--dropdown-options-gap': '{spacing.100}',\n    '--dropdown-options-padding-block-start': '{spacing.0}',\n    '--dropdown-options-padding-inline-start': '{spacing.0}',\n\n    /* option */\n    '--dropdown-option-font-family': '{fonts.base}',\n    '--dropdown-option-font-size': '{fontSizes.300}',\n    '--dropdown-option-line-height': '{lineHeights.400}',\n    '--dropdown-option-padding-inline': '{spacing.200}',\n    '--dropdown-option-padding-block': '{spacing.100}',\n    '--dropdown-option-radii': '{radii.100}',\n    '--dropdown-option-background': 'transparent',\n    '--dropdown-option-foreground': '{colors.neutral.foreground.1.enabled}',\n    '--dropdown-option-transition': '{animations.base.100}',\n    '--dropdown-option-background-hover':\n      '{colors.neutral.background.2.hovered}',\n    '--dropdown-option-foreground-hover':\n      '{colors.neutral.foreground.1.hovered}',\n    '--dropdown-option-background-selected':\n      '{colors.neutral.background.2.primary.selected}',\n    '--dropdown-option-foreground-selected':\n      '{colors.neutral.foreground.2.primary.selected}',\n    '--dropdown-option-background-active':\n      '{colors.neutral.background.2.primary.selected}',\n    '--dropdown-option-foreground-active':\n      '{colors.neutral.foreground.2.primary.selected}',\n\n    /* empty */\n    '--dropdown-empty-font-family': '{fonts.base}',\n    '--dropdown-empty-font-size': '{fontSizes.300}',\n    '--dropdown-empty-line-height': '1',\n    '--dropdown-empty-foreground': '{colors.neutral.foreground.4.enabled}',\n    '--dropdown-empty-padding-block': '{spacing.300}',\n    '--dropdown-empty-text-align': 'center',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAW,EAAa,CACnC,UAAW,WACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,wBAAyB,wCACzB,0BAA2B,gBAC3B,0BAA2B,QAC3B,0BAA2B,oCAC3B,4BAA6B,gBAC7B,2BAA4B,gBAC5B,iCAAkC,gBAClC,kCAAmC,gBACnC,mBAAoB,cACpB,wBAAyB,cAGzB,yBAA0B,gBAC1B,yCAA0C,cAC1C,0CAA2C,cAG3C,gCAAiC,eACjC,8BAA+B,kBAC/B,gCAAiC,oBACjC,mCAAoC,gBACpC,kCAAmC,gBACnC,0BAA2B,cAC3B,+BAAgC,cAChC,+BAAgC,wCAChC,+BAAgC,wBAChC,qCACE,wCACF,qCACE,wCACF,wCACE,iDACF,wCACE,iDACF,sCACE,iDACF,sCACE,iDAGF,+BAAgC,eAChC,6BAA8B,kBAC9B,+BAAgC,IAChC,8BAA+B,wCAC/B,iCAAkC,gBAClC,8BAA+B,SAChC,CACF,CAAC"}
+{"version":3,"file":"dropdown.mjs","names":[],"sources":["../../../../src/recipes/controls/dropdown/dropdown.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dropdown = defineRecipe({\n  className: 'dropdown',\n  jsx: ['Dropdown'],\n  base: {\n    /* root */\n    '--dropdown-background': '{colors.neutral.background.1.enabled}',\n    '--dropdown-border-width': '{borders.100}',\n    '--dropdown-border-style': 'solid',\n    '--dropdown-border-color': '{colors.neutral.stroke.7.enabled}',\n    '--dropdown-padding-inline': '{spacing.200}',\n    '--dropdown-padding-block': '{spacing.200}',\n    '--dropdown-padding-block-start': '{spacing.100}',\n    '--dropdown-padding-inline-start': '{spacing.200}',\n    '--dropdown-radii': '{radii.200}',\n    '--dropdown-margin-top': '{spacing.0}',\n\n    /* options */\n    '--dropdown-options-gap': '{spacing.100}',\n    '--dropdown-options-padding-block-start': '{spacing.0}',\n    '--dropdown-options-padding-inline-start': '{spacing.0}',\n\n    /* option */\n    '--dropdown-option-gap': '{spacing.200}',\n    '--dropdown-option-font-family': '{fonts.base}',\n    '--dropdown-option-font-size': '{fontSizes.300}',\n    '--dropdown-option-line-height': '{lineHeights.400}',\n    '--dropdown-option-padding-inline': '{spacing.200}',\n    '--dropdown-option-padding-block': '{spacing.100}',\n    '--dropdown-option-radii': '{radii.100}',\n    '--dropdown-option-background': 'transparent',\n    '--dropdown-option-foreground': '{colors.neutral.foreground.1.enabled}',\n    '--dropdown-option-transition': '{animations.base.100}',\n    '--dropdown-option-background-hover':\n      '{colors.neutral.background.2.hovered}',\n    '--dropdown-option-foreground-hover':\n      '{colors.neutral.foreground.1.hovered}',\n    '--dropdown-option-background-selected':\n      '{colors.neutral.background.2.primary.selected}',\n    '--dropdown-option-foreground-selected':\n      '{colors.neutral.foreground.2.primary.selected}',\n    '--dropdown-option-background-selected-hovered':\n      '{colors.neutral.background.2.primary.selectedHovered}',\n    '--dropdown-option-foreground-selected-hovered':\n      '{colors.neutral.foreground.2.primary.selectedHovered}',\n    '--dropdown-option-background-active':\n      '{colors.neutral.background.2.primary.selected}',\n    '--dropdown-option-foreground-active':\n      '{colors.neutral.foreground.2.primary.selected}',\n\n    /* empty */\n    '--dropdown-empty-font-family': '{fonts.base}',\n    '--dropdown-empty-font-size': '{fontSizes.300}',\n    '--dropdown-empty-line-height': '1',\n    '--dropdown-empty-foreground': '{colors.neutral.foreground.4.enabled}',\n    '--dropdown-empty-padding-block': '{spacing.300}',\n    '--dropdown-empty-text-align': 'center',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAW,EAAa,CACnC,UAAW,WACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,wBAAyB,wCACzB,0BAA2B,gBAC3B,0BAA2B,QAC3B,0BAA2B,oCAC3B,4BAA6B,gBAC7B,2BAA4B,gBAC5B,iCAAkC,gBAClC,kCAAmC,gBACnC,mBAAoB,cACpB,wBAAyB,cAGzB,yBAA0B,gBAC1B,yCAA0C,cAC1C,0CAA2C,cAG3C,wBAAyB,gBACzB,gCAAiC,eACjC,8BAA+B,kBAC/B,gCAAiC,oBACjC,mCAAoC,gBACpC,kCAAmC,gBACnC,0BAA2B,cAC3B,+BAAgC,cAChC,+BAAgC,wCAChC,+BAAgC,wBAChC,qCACE,wCACF,qCACE,wCACF,wCACE,iDACF,wCACE,iDACF,gDACE,wDACF,gDACE,wDACF,sCACE,iDACF,sCACE,iDAGF,+BAAgC,eAChC,6BAA8B,kBAC9B,+BAAgC,IAChC,8BAA+B,wCAC/B,iCAAkC,gBAClC,8BAA+B,SAChC,CACF,CAAC"}

package/dist/recipes/controls/dropdown/select/select.mjs

@@ -1,2 +1,2 @@
-import{dropdown as e}from"../dropdown.mjs";const t=e.merge({className:`select`,jsx:[`Select`],base:{"--dropdown-background":`var(--select-background, {colors.neutral.background.1.enabled})`,"--dropdown-border-width":`var(--select-border-width, {borders.100})`,"--dropdown-border-style":`var(--select-border-style, solid)`,"--dropdown-border-color":`var(--select-border-color, {colors.neutral.stroke.7.enabled})`,"--dropdown-padding-inline":`var(--select-padding-inline, {spacing.200})`,"--dropdown-padding-block":`var(--select-padding-block, {spacing.200})`,"--dropdown-radii":`var(--select-radii, {radii.200})`,"--dropdown-margin-top":`var(--select-margin-top, {spacing.0})`,"--dropdown-options-gap":`var(--select-options-gap, {spacing.100})`,"--dropdown-options-padding-block-start":`var(--select-options-padding-block-start, {spacing.0})`,"--dropdown-options-padding-inline-start":`var(--select-options-padding-inline-start, {spacing.0})`,"--select-searchable-options-padding-block-start":`{spacing.100}`,"--select-searchable-options-padding-inline-start":`{spacing.200}`,"--dropdown-option-font-family":`var(--select-option-font-family, {fonts.base})`,"--dropdown-option-font-size":`var(--select-option-font-size, {fontSizes.300})`,"--dropdown-option-line-height":`var(--select-option-line-height, {lineHeights.400})`,"--dropdown-option-padding-inline":`var(--select-option-padding-inline, {spacing.200})`,"--dropdown-option-padding-block":`var(--select-option-padding-block, {spacing.100})`,"--dropdown-option-radii":`var(--select-option-radii, {radii.100})`,"--dropdown-option-background":`var(--select-option-background, transparent)`,"--dropdown-option-foreground":`var(--select-option-foreground, {colors.neutral.foreground.1.enabled})`,"--dropdown-option-transition":`var(--select-option-transition, {animations.base.100})`,"--dropdown-option-background-hover":`var(--select-option-background-hover, {colors.neutral.background.2.hovered})`,"--dropdown-option-foreground-hover":`var(--select-option-foreground-hover, {colors.neutral.foreground.1.hovered})`,"--dropdown-option-background-selected":`var(--select-option-background-selected, {colors.neutral.background.2.primary.selected})`,"--dropdown-option-foreground-selected":`var(--select-option-foreground-selected, {colors.neutral.foreground.2.primary.selected})`,"--dropdown-option-background-active":`var(--select-option-background-active, {colors.neutral.background.2.primary.selected})`,"--dropdown-option-foreground-active":`var(--select-option-foreground-active, {colors.neutral.foreground.2.primary.selected})`,"--dropdown-empty-font-family":`var(--select-empty-font-family, {fonts.base})`,"--dropdown-empty-font-size":`var(--select-empty-font-size, {fontSizes.300})`,"--dropdown-empty-line-height":`var(--select-empty-line-height, 1)`,"--dropdown-empty-foreground":`var(--select-empty-foreground, {colors.neutral.foreground.4.enabled})`,"--dropdown-empty-padding-block":`var(--select-empty-padding-block, {spacing.300})`,"--dropdown-empty-text-align":`var(--select-empty-text-align, center)`,"--select-search-wrapper-height":`{sizes.700}`,"--select-search-wrapper-padding-block":`{spacing.200}`,"--select-search-wrapper-padding-inline":`{spacing.200}`,"--select-search-wrapper-margin-block":`{spacing.0}`,"--select-search-wrapper-margin-top":`{spacing.0}`,"--select-search-wrapper-margin-inline-start":`{spacing.0}`,"--select-search-wrapper-margin-inline-end":`{spacing.0}`,"--select-search-wrapper-radius":`{radii.0}`,"--select-search-wrapper-border-width":`{borders.0}`,"--select-search-wrapper-border-style":`solid`,"--select-search-wrapper-border-color":`{colors.neutral.stroke.7.enabled}`,"--select-search-wrapper-background":`{colors.neutral.background.1.enabled}`,"--select-search-wrapper-foreground":`{colors.neutral.foreground.1.enabled}`,"--select-search-wrapper-transition":`{animations.base.100}`,"--select-search-wrapper-position":`sticky`,"--select-search-wrapper-inset":`0`,"--select-search-input-font-family":`{fonts.base}`,"--select-search-input-font-size":`{fontSizes.300}`,"--select-search-input-font-weight":`{fontWeights.regular}`,"--select-search-input-line-height":`inherit`,"--select-search-input-text-align":`left`,"--select-search-input-background":`transparent`,"--select-search-input-foreground":`{colors.neutral.foreground.2.enabled}`,"--select-search-input-placeholder-foreground":`{colors.neutral.foreground.3.enabled}`,"--select-search-input-border-width":`{borders.150}`,"--select-search-input-border-style":`solid`,"--select-search-input-border-color":`{colors.neutral.stroke.7.enabled}`,"--select-search-input-radii":`{radii.200}`,"--select-search-input-height":`{sizes.500}`,"--select-search-input-padding-inline-start":`{spacing.100}`,"--select-search-input-padding-inline-end":`{spacing.100}`,"--select-search-input-transition":`{animations.base.100}`,"--select-search-input-hover-background":`transparent`,"--select-search-input-hover-border-color":`{colors.neutral.stroke.7.hovered}`,"--select-search-input-hover-foreground":`{colors.neutral.foreground.2.hovered}`,"--select-search-input-focus-outline-width":`{borders.150}`,"--select-search-input-focus-outline-style":`solid`,"--select-search-input-focus-outline-offset":`{spacing.50}`,"--select-search-input-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--select-search-input-focus-border-color":`{colors.neutral.stroke.7.hovered}`,"--select-search-input-focus-shadow":`none`,"--select-search-section-width":`{sizes.300}`,"--select-search-section-foreground":`{colors.neutral.foreground.3.enabled}`}});export{t as select};
+import{dropdown as e}from"../dropdown.mjs";const t=e.merge({className:`select`,jsx:[`Select`],base:{"--dropdown-background":`var(--select-background, {colors.neutral.background.1.enabled})`,"--dropdown-border-width":`var(--select-border-width, {borders.100})`,"--dropdown-border-style":`var(--select-border-style, solid)`,"--dropdown-border-color":`var(--select-border-color, {colors.neutral.stroke.7.enabled})`,"--dropdown-padding-inline":`var(--select-padding-inline, {spacing.200})`,"--dropdown-padding-block":`var(--select-padding-block, {spacing.200})`,"--dropdown-radii":`var(--select-radii, {radii.200})`,"--dropdown-margin-top":`var(--select-margin-top, {spacing.0})`,"--dropdown-options-gap":`var(--select-options-gap, {spacing.100})`,"--dropdown-options-padding-block-start":`var(--select-options-padding-block-start, {spacing.0})`,"--dropdown-options-padding-inline-start":`var(--select-options-padding-inline-start, {spacing.0})`,"--select-searchable-options-padding-block-start":`{spacing.100}`,"--select-searchable-options-padding-inline-start":`{spacing.200}`,"--dropdown-option-gap":`var(--select-option-gap, {spacing.200})`,"--dropdown-option-font-family":`var(--select-option-font-family, {fonts.base})`,"--dropdown-option-font-size":`var(--select-option-font-size, {fontSizes.300})`,"--dropdown-option-line-height":`var(--select-option-line-height, {lineHeights.400})`,"--dropdown-option-padding-inline":`var(--select-option-padding-inline, {spacing.200})`,"--dropdown-option-padding-block":`var(--select-option-padding-block, {spacing.100})`,"--dropdown-option-radii":`var(--select-option-radii, {radii.100})`,"--dropdown-option-background":`var(--select-option-background, transparent)`,"--dropdown-option-foreground":`var(--select-option-foreground, {colors.neutral.foreground.1.enabled})`,"--dropdown-option-transition":`var(--select-option-transition, {animations.base.100})`,"--dropdown-option-background-hover":`var(--select-option-background-hover, {colors.neutral.background.2.hovered})`,"--dropdown-option-foreground-hover":`var(--select-option-foreground-hover, {colors.neutral.foreground.1.hovered})`,"--dropdown-option-background-selected":`var(--select-option-background-selected, {colors.neutral.background.2.primary.selected})`,"--dropdown-option-foreground-selected":`var(--select-option-foreground-selected, {colors.neutral.foreground.2.primary.selected})`,"--dropdown-option-background-selected-hovered":`var(--select-option-background-selected-hovered, {colors.neutral.background.2.primary.selectedHovered})`,"--dropdown-option-foreground-selected-hovered":`var(--select-option-foreground-selected-hovered, {colors.neutral.foreground.2.primary.selectedHovered})`,"--dropdown-option-background-active":`var(--select-option-background-active, {colors.neutral.background.2.primary.selected})`,"--dropdown-option-foreground-active":`var(--select-option-foreground-active, {colors.neutral.foreground.2.primary.selected})`,"--dropdown-empty-font-family":`var(--select-empty-font-family, {fonts.base})`,"--dropdown-empty-font-size":`var(--select-empty-font-size, {fontSizes.300})`,"--dropdown-empty-line-height":`var(--select-empty-line-height, 1)`,"--dropdown-empty-foreground":`var(--select-empty-foreground, {colors.neutral.foreground.4.enabled})`,"--dropdown-empty-padding-block":`var(--select-empty-padding-block, {spacing.300})`,"--dropdown-empty-text-align":`var(--select-empty-text-align, center)`,"--select-search-wrapper-height":`{sizes.700}`,"--select-search-wrapper-padding-block":`{spacing.200}`,"--select-search-wrapper-padding-inline":`{spacing.200}`,"--select-search-wrapper-margin-block":`{spacing.0}`,"--select-search-wrapper-margin-top":`{spacing.0}`,"--select-search-wrapper-margin-inline-start":`{spacing.0}`,"--select-search-wrapper-margin-inline-end":`{spacing.0}`,"--select-search-wrapper-radius":`{radii.0}`,"--select-search-wrapper-border-width":`{borders.0}`,"--select-search-wrapper-border-style":`solid`,"--select-search-wrapper-border-color":`{colors.neutral.stroke.7.enabled}`,"--select-search-wrapper-background":`{colors.neutral.background.1.enabled}`,"--select-search-wrapper-foreground":`{colors.neutral.foreground.1.enabled}`,"--select-search-wrapper-transition":`{animations.base.100}`,"--select-search-wrapper-position":`sticky`,"--select-search-wrapper-inset":`0`,"--select-search-input-font-family":`{fonts.base}`,"--select-search-input-font-size":`{fontSizes.300}`,"--select-search-input-font-weight":`{fontWeights.regular}`,"--select-search-input-line-height":`inherit`,"--select-search-input-text-align":`left`,"--select-search-input-background":`transparent`,"--select-search-input-foreground":`{colors.neutral.foreground.2.enabled}`,"--select-search-input-placeholder-foreground":`{colors.neutral.foreground.3.enabled}`,"--select-search-input-border-width":`{borders.150}`,"--select-search-input-border-style":`solid`,"--select-search-input-border-color":`{colors.neutral.stroke.7.enabled}`,"--select-search-input-radii":`{radii.200}`,"--select-search-input-height":`{sizes.500}`,"--select-search-input-padding-inline-start":`{spacing.100}`,"--select-search-input-padding-inline-end":`{spacing.100}`,"--select-search-input-transition":`{animations.base.100}`,"--select-search-input-hover-background":`transparent`,"--select-search-input-hover-border-color":`{colors.neutral.stroke.7.hovered}`,"--select-search-input-hover-foreground":`{colors.neutral.foreground.2.hovered}`,"--select-search-input-focus-outline-width":`{borders.150}`,"--select-search-input-focus-outline-style":`solid`,"--select-search-input-focus-outline-offset":`{spacing.50}`,"--select-search-input-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--select-search-input-focus-border-color":`{colors.neutral.stroke.7.hovered}`,"--select-search-input-focus-shadow":`none`,"--select-search-section-width":`{sizes.300}`,"--select-search-section-foreground":`{colors.neutral.foreground.3.enabled}`}});export{t as select};
 //# sourceMappingURL=select.mjs.map

package/dist/recipes/controls/dropdown/select/select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"select.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/select/select.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { dropdown } from '../dropdown';\n\nexport const select = dropdown.merge({\n  className: 'select',\n  jsx: ['Select'],\n  base: {\n    '--dropdown-background':\n      'var(--select-background, {colors.neutral.background.1.enabled})',\n\n    '--dropdown-border-width': 'var(--select-border-width, {borders.100})',\n    '--dropdown-border-style': 'var(--select-border-style, solid)',\n    '--dropdown-border-color':\n      'var(--select-border-color, {colors.neutral.stroke.7.enabled})',\n\n    '--dropdown-padding-inline': 'var(--select-padding-inline, {spacing.200})',\n    '--dropdown-padding-block': 'var(--select-padding-block, {spacing.200})',\n\n    '--dropdown-radii': 'var(--select-radii, {radii.200})',\n\n    '--dropdown-margin-top': 'var(--select-margin-top, {spacing.0})',\n\n    '--dropdown-options-gap': 'var(--select-options-gap, {spacing.100})',\n    '--dropdown-options-padding-block-start':\n      'var(--select-options-padding-block-start, {spacing.0})',\n    '--dropdown-options-padding-inline-start':\n      'var(--select-options-padding-inline-start, {spacing.0})',\n\n    '--select-searchable-options-padding-block-start': '{spacing.100}',\n    '--select-searchable-options-padding-inline-start': '{spacing.200}',\n\n    '--dropdown-option-font-family':\n      'var(--select-option-font-family, {fonts.base})',\n    '--dropdown-option-font-size':\n      'var(--select-option-font-size, {fontSizes.300})',\n    '--dropdown-option-line-height':\n      'var(--select-option-line-height, {lineHeights.400})',\n\n    '--dropdown-option-padding-inline':\n      'var(--select-option-padding-inline, {spacing.200})',\n    '--dropdown-option-padding-block':\n      'var(--select-option-padding-block, {spacing.100})',\n\n    '--dropdown-option-radii': 'var(--select-option-radii, {radii.100})',\n\n    '--dropdown-option-background':\n      'var(--select-option-background, transparent)',\n    '--dropdown-option-foreground':\n      'var(--select-option-foreground, {colors.neutral.foreground.1.enabled})',\n\n    '--dropdown-option-transition':\n      'var(--select-option-transition, {animations.base.100})',\n\n    '--dropdown-option-background-hover':\n      'var(--select-option-background-hover, {colors.neutral.background.2.hovered})',\n    '--dropdown-option-foreground-hover':\n      'var(--select-option-foreground-hover, {colors.neutral.foreground.1.hovered})',\n\n    '--dropdown-option-background-selected':\n      'var(--select-option-background-selected, {colors.neutral.background.2.primary.selected})',\n    '--dropdown-option-foreground-selected':\n      'var(--select-option-foreground-selected, {colors.neutral.foreground.2.primary.selected})',\n\n    '--dropdown-option-background-active':\n      'var(--select-option-background-active, {colors.neutral.background.2.primary.selected})',\n    '--dropdown-option-foreground-active':\n      'var(--select-option-foreground-active, {colors.neutral.foreground.2.primary.selected})',\n\n    '--dropdown-empty-font-family':\n      'var(--select-empty-font-family, {fonts.base})',\n    '--dropdown-empty-font-size':\n      'var(--select-empty-font-size, {fontSizes.300})',\n    '--dropdown-empty-line-height': 'var(--select-empty-line-height, 1)',\n    '--dropdown-empty-foreground':\n      'var(--select-empty-foreground, {colors.neutral.foreground.4.enabled})',\n    '--dropdown-empty-padding-block':\n      'var(--select-empty-padding-block, {spacing.300})',\n    '--dropdown-empty-text-align': 'var(--select-empty-text-align, center)',\n\n    /* search wrapper */\n    '--select-search-wrapper-height': '{sizes.700}',\n    '--select-search-wrapper-padding-block': '{spacing.200}',\n    '--select-search-wrapper-padding-inline': '{spacing.200}',\n    '--select-search-wrapper-margin-block': '{spacing.0}',\n    '--select-search-wrapper-margin-top': '{spacing.0}',\n    '--select-search-wrapper-margin-inline-start': '{spacing.0}',\n    '--select-search-wrapper-margin-inline-end': '{spacing.0}',\n    '--select-search-wrapper-radius': '{radii.0}',\n    '--select-search-wrapper-border-width': '{borders.0}',\n    '--select-search-wrapper-border-style': 'solid',\n    '--select-search-wrapper-border-color': '{colors.neutral.stroke.7.enabled}',\n    '--select-search-wrapper-background':\n      '{colors.neutral.background.1.enabled}',\n    '--select-search-wrapper-foreground':\n      '{colors.neutral.foreground.1.enabled}',\n    '--select-search-wrapper-transition': '{animations.base.100}',\n    '--select-search-wrapper-position': 'sticky',\n    '--select-search-wrapper-inset': '0',\n\n    /* search input */\n    '--select-search-input-font-family': '{fonts.base}',\n    '--select-search-input-font-size': '{fontSizes.300}',\n    '--select-search-input-font-weight': '{fontWeights.regular}',\n    '--select-search-input-line-height': 'inherit',\n    '--select-search-input-text-align': 'left',\n    '--select-search-input-background': 'transparent',\n    '--select-search-input-foreground': '{colors.neutral.foreground.2.enabled}',\n    '--select-search-input-placeholder-foreground':\n      '{colors.neutral.foreground.3.enabled}',\n    '--select-search-input-border-width': '{borders.150}',\n    '--select-search-input-border-style': 'solid',\n    '--select-search-input-border-color': '{colors.neutral.stroke.7.enabled}',\n    '--select-search-input-radii': '{radii.200}',\n    '--select-search-input-height': '{sizes.500}',\n    '--select-search-input-padding-inline-start': '{spacing.100}',\n    '--select-search-input-padding-inline-end': '{spacing.100}',\n    '--select-search-input-transition': '{animations.base.100}',\n    '--select-search-input-hover-background': 'transparent',\n    '--select-search-input-hover-border-color':\n      '{colors.neutral.stroke.7.hovered}',\n    '--select-search-input-hover-foreground':\n      '{colors.neutral.foreground.2.hovered}',\n    '--select-search-input-focus-outline-width': '{borders.150}',\n    '--select-search-input-focus-outline-style': 'solid',\n    '--select-search-input-focus-outline-offset': '{spacing.50}',\n    '--select-search-input-focus-outline-color':\n      '{colors.primary.stroke.1.focused}',\n    '--select-search-input-focus-border-color':\n      '{colors.neutral.stroke.7.hovered}',\n    '--select-search-input-focus-shadow': 'none',\n\n    '--select-search-section-width': '{sizes.300}',\n    '--select-search-section-foreground':\n      '{colors.neutral.foreground.3.enabled}',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"2CAOA,MAAa,EAAS,EAAS,MAAM,CACnC,UAAW,SACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,wBACE,kEAEF,0BAA2B,4CAC3B,0BAA2B,oCAC3B,0BACE,gEAEF,4BAA6B,8CAC7B,2BAA4B,6CAE5B,mBAAoB,mCAEpB,wBAAyB,wCAEzB,yBAA0B,2CAC1B,yCACE,yDACF,0CACE,0DAEF,kDAAmD,gBACnD,mDAAoD,gBAEpD,gCACE,iDACF,8BACE,kDACF,gCACE,sDAEF,mCACE,qDACF,kCACE,oDAEF,0BAA2B,0CAE3B,+BACE,+CACF,+BACE,yEAEF,+BACE,yDAEF,qCACE,+EACF,qCACE,+EAEF,wCACE,2FACF,wCACE,2FAEF,sCACE,yFACF,sCACE,yFAEF,+BACE,gDACF,6BACE,iDACF,+BAAgC,qCAChC,8BACE,wEACF,iCACE,mDACF,8BAA+B,yCAG/B,iCAAkC,cAClC,wCAAyC,gBACzC,yCAA0C,gBAC1C,uCAAwC,cACxC,qCAAsC,cACtC,8CAA+C,cAC/C,4CAA6C,cAC7C,iCAAkC,YAClC,uCAAwC,cACxC,uCAAwC,QACxC,uCAAwC,oCACxC,qCACE,wCACF,qCACE,wCACF,qCAAsC,wBACtC,mCAAoC,SACpC,gCAAiC,IAGjC,oCAAqC,eACrC,kCAAmC,kBACnC,oCAAqC,wBACrC,oCAAqC,UACrC,mCAAoC,OACpC,mCAAoC,cACpC,mCAAoC,wCACpC,+CACE,wCACF,qCAAsC,gBACtC,qCAAsC,QACtC,qCAAsC,oCACtC,8BAA+B,cAC/B,+BAAgC,cAChC,6CAA8C,gBAC9C,2CAA4C,gBAC5C,mCAAoC,wBACpC,yCAA0C,cAC1C,2CACE,oCACF,yCACE,wCACF,4CAA6C,gBAC7C,4CAA6C,QAC7C,6CAA8C,eAC9C,4CACE,oCACF,2CACE,oCACF,qCAAsC,OAEtC,gCAAiC,cACjC,qCACE,wCACH,CACF,CAAC"}
+{"version":3,"file":"select.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/select/select.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { dropdown } from '../dropdown';\n\nexport const select = dropdown.merge({\n  className: 'select',\n  jsx: ['Select'],\n  base: {\n    '--dropdown-background':\n      'var(--select-background, {colors.neutral.background.1.enabled})',\n\n    '--dropdown-border-width': 'var(--select-border-width, {borders.100})',\n    '--dropdown-border-style': 'var(--select-border-style, solid)',\n    '--dropdown-border-color':\n      'var(--select-border-color, {colors.neutral.stroke.7.enabled})',\n\n    '--dropdown-padding-inline': 'var(--select-padding-inline, {spacing.200})',\n    '--dropdown-padding-block': 'var(--select-padding-block, {spacing.200})',\n\n    '--dropdown-radii': 'var(--select-radii, {radii.200})',\n\n    '--dropdown-margin-top': 'var(--select-margin-top, {spacing.0})',\n\n    '--dropdown-options-gap': 'var(--select-options-gap, {spacing.100})',\n    '--dropdown-options-padding-block-start':\n      'var(--select-options-padding-block-start, {spacing.0})',\n    '--dropdown-options-padding-inline-start':\n      'var(--select-options-padding-inline-start, {spacing.0})',\n\n    '--select-searchable-options-padding-block-start': '{spacing.100}',\n    '--select-searchable-options-padding-inline-start': '{spacing.200}',\n\n    '--dropdown-option-gap': 'var(--select-option-gap, {spacing.200})',\n    '--dropdown-option-font-family':\n      'var(--select-option-font-family, {fonts.base})',\n    '--dropdown-option-font-size':\n      'var(--select-option-font-size, {fontSizes.300})',\n    '--dropdown-option-line-height':\n      'var(--select-option-line-height, {lineHeights.400})',\n\n    '--dropdown-option-padding-inline':\n      'var(--select-option-padding-inline, {spacing.200})',\n    '--dropdown-option-padding-block':\n      'var(--select-option-padding-block, {spacing.100})',\n\n    '--dropdown-option-radii': 'var(--select-option-radii, {radii.100})',\n\n    '--dropdown-option-background':\n      'var(--select-option-background, transparent)',\n    '--dropdown-option-foreground':\n      'var(--select-option-foreground, {colors.neutral.foreground.1.enabled})',\n\n    '--dropdown-option-transition':\n      'var(--select-option-transition, {animations.base.100})',\n\n    '--dropdown-option-background-hover':\n      'var(--select-option-background-hover, {colors.neutral.background.2.hovered})',\n    '--dropdown-option-foreground-hover':\n      'var(--select-option-foreground-hover, {colors.neutral.foreground.1.hovered})',\n\n    '--dropdown-option-background-selected':\n      'var(--select-option-background-selected, {colors.neutral.background.2.primary.selected})',\n    '--dropdown-option-foreground-selected':\n      'var(--select-option-foreground-selected, {colors.neutral.foreground.2.primary.selected})',\n\n    '--dropdown-option-background-selected-hovered':\n      'var(--select-option-background-selected-hovered, {colors.neutral.background.2.primary.selectedHovered})',\n    '--dropdown-option-foreground-selected-hovered':\n      'var(--select-option-foreground-selected-hovered, {colors.neutral.foreground.2.primary.selectedHovered})',\n\n    '--dropdown-option-background-active':\n      'var(--select-option-background-active, {colors.neutral.background.2.primary.selected})',\n    '--dropdown-option-foreground-active':\n      'var(--select-option-foreground-active, {colors.neutral.foreground.2.primary.selected})',\n\n    '--dropdown-empty-font-family':\n      'var(--select-empty-font-family, {fonts.base})',\n    '--dropdown-empty-font-size':\n      'var(--select-empty-font-size, {fontSizes.300})',\n    '--dropdown-empty-line-height': 'var(--select-empty-line-height, 1)',\n    '--dropdown-empty-foreground':\n      'var(--select-empty-foreground, {colors.neutral.foreground.4.enabled})',\n    '--dropdown-empty-padding-block':\n      'var(--select-empty-padding-block, {spacing.300})',\n    '--dropdown-empty-text-align': 'var(--select-empty-text-align, center)',\n\n    /* search wrapper */\n    '--select-search-wrapper-height': '{sizes.700}',\n    '--select-search-wrapper-padding-block': '{spacing.200}',\n    '--select-search-wrapper-padding-inline': '{spacing.200}',\n    '--select-search-wrapper-margin-block': '{spacing.0}',\n    '--select-search-wrapper-margin-top': '{spacing.0}',\n    '--select-search-wrapper-margin-inline-start': '{spacing.0}',\n    '--select-search-wrapper-margin-inline-end': '{spacing.0}',\n    '--select-search-wrapper-radius': '{radii.0}',\n    '--select-search-wrapper-border-width': '{borders.0}',\n    '--select-search-wrapper-border-style': 'solid',\n    '--select-search-wrapper-border-color': '{colors.neutral.stroke.7.enabled}',\n    '--select-search-wrapper-background':\n      '{colors.neutral.background.1.enabled}',\n    '--select-search-wrapper-foreground':\n      '{colors.neutral.foreground.1.enabled}',\n    '--select-search-wrapper-transition': '{animations.base.100}',\n    '--select-search-wrapper-position': 'sticky',\n    '--select-search-wrapper-inset': '0',\n\n    /* search input */\n    '--select-search-input-font-family': '{fonts.base}',\n    '--select-search-input-font-size': '{fontSizes.300}',\n    '--select-search-input-font-weight': '{fontWeights.regular}',\n    '--select-search-input-line-height': 'inherit',\n    '--select-search-input-text-align': 'left',\n    '--select-search-input-background': 'transparent',\n    '--select-search-input-foreground': '{colors.neutral.foreground.2.enabled}',\n    '--select-search-input-placeholder-foreground':\n      '{colors.neutral.foreground.3.enabled}',\n    '--select-search-input-border-width': '{borders.150}',\n    '--select-search-input-border-style': 'solid',\n    '--select-search-input-border-color': '{colors.neutral.stroke.7.enabled}',\n    '--select-search-input-radii': '{radii.200}',\n    '--select-search-input-height': '{sizes.500}',\n    '--select-search-input-padding-inline-start': '{spacing.100}',\n    '--select-search-input-padding-inline-end': '{spacing.100}',\n    '--select-search-input-transition': '{animations.base.100}',\n    '--select-search-input-hover-background': 'transparent',\n    '--select-search-input-hover-border-color':\n      '{colors.neutral.stroke.7.hovered}',\n    '--select-search-input-hover-foreground':\n      '{colors.neutral.foreground.2.hovered}',\n    '--select-search-input-focus-outline-width': '{borders.150}',\n    '--select-search-input-focus-outline-style': 'solid',\n    '--select-search-input-focus-outline-offset': '{spacing.50}',\n    '--select-search-input-focus-outline-color':\n      '{colors.primary.stroke.1.focused}',\n    '--select-search-input-focus-border-color':\n      '{colors.neutral.stroke.7.hovered}',\n    '--select-search-input-focus-shadow': 'none',\n\n    '--select-search-section-width': '{sizes.300}',\n    '--select-search-section-foreground':\n      '{colors.neutral.foreground.3.enabled}',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"2CAOA,MAAa,EAAS,EAAS,MAAM,CACnC,UAAW,SACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,wBACE,kEAEF,0BAA2B,4CAC3B,0BAA2B,oCAC3B,0BACE,gEAEF,4BAA6B,8CAC7B,2BAA4B,6CAE5B,mBAAoB,mCAEpB,wBAAyB,wCAEzB,yBAA0B,2CAC1B,yCACE,yDACF,0CACE,0DAEF,kDAAmD,gBACnD,mDAAoD,gBAEpD,wBAAyB,0CACzB,gCACE,iDACF,8BACE,kDACF,gCACE,sDAEF,mCACE,qDACF,kCACE,oDAEF,0BAA2B,0CAE3B,+BACE,+CACF,+BACE,yEAEF,+BACE,yDAEF,qCACE,+EACF,qCACE,+EAEF,wCACE,2FACF,wCACE,2FAEF,gDACE,0GACF,gDACE,0GAEF,sCACE,yFACF,sCACE,yFAEF,+BACE,gDACF,6BACE,iDACF,+BAAgC,qCAChC,8BACE,wEACF,iCACE,mDACF,8BAA+B,yCAG/B,iCAAkC,cAClC,wCAAyC,gBACzC,yCAA0C,gBAC1C,uCAAwC,cACxC,qCAAsC,cACtC,8CAA+C,cAC/C,4CAA6C,cAC7C,iCAAkC,YAClC,uCAAwC,cACxC,uCAAwC,QACxC,uCAAwC,oCACxC,qCACE,wCACF,qCACE,wCACF,qCAAsC,wBACtC,mCAAoC,SACpC,gCAAiC,IAGjC,oCAAqC,eACrC,kCAAmC,kBACnC,oCAAqC,wBACrC,oCAAqC,UACrC,mCAAoC,OACpC,mCAAoC,cACpC,mCAAoC,wCACpC,+CACE,wCACF,qCAAsC,gBACtC,qCAAsC,QACtC,qCAAsC,oCACtC,8BAA+B,cAC/B,+BAAgC,cAChC,6CAA8C,gBAC9C,2CAA4C,gBAC5C,mCAAoC,wBACpC,yCAA0C,cAC1C,2CACE,oCACF,yCACE,wCACF,4CAA6C,gBAC7C,4CAA6C,QAC7C,6CAA8C,eAC9C,4CACE,oCACF,2CACE,oCACF,qCAAsC,OAEtC,gCAAiC,cACjC,qCACE,wCACH,CACF,CAAC"}

package/dist/recipes/data-display/data-table/data-table-bulk-bar.mjs

@@ -0,0 +1,2 @@
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`data-table__bulk-bar`,jsx:[`StatelessDataTable`],base:{position:`absolute`,bottom:`{spacing.400}`,left:`50%`,transform:`translateX(-50%)`,zIndex:10,display:`flex`,alignItems:`center`,gap:`{spacing.300}`,paddingBlock:`{spacing.200}`,paddingInline:`{spacing.400}`,backgroundColor:`{colors.neutral.background.1.enabled}`,borderRadius:`{radii.pill}`,fontSize:`{fontSizes.300}`,color:`{colors.neutral.foreground.1.enabled}`,boxShadow:`0 4px 16px {colors.neutral.background.4.enabled}`,border:`1px solid {colors.neutral.border.1.enabled}`,whiteSpace:`nowrap`}});export{t as dataTableBulkBar};
+//# sourceMappingURL=data-table-bulk-bar.mjs.map

package/dist/recipes/data-display/data-table/data-table-bulk-bar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-bulk-bar.mjs","names":[],"sources":["../../../../src/recipes/data-display/data-table/data-table-bulk-bar.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dataTableBulkBar = defineRecipe({\n  className: 'data-table__bulk-bar',\n  jsx: ['StatelessDataTable'],\n  base: {\n    position: 'absolute',\n    bottom: '{spacing.400}',\n    left: '50%',\n    transform: 'translateX(-50%)',\n    zIndex: 10,\n    display: 'flex',\n    alignItems: 'center',\n    gap: '{spacing.300}',\n    paddingBlock: '{spacing.200}',\n    paddingInline: '{spacing.400}',\n    backgroundColor: '{colors.neutral.background.1.enabled}',\n    borderRadius: '{radii.pill}',\n    fontSize: '{fontSizes.300}',\n    color: '{colors.neutral.foreground.1.enabled}',\n    boxShadow: '0 4px 16px {colors.neutral.background.4.enabled}',\n    border: '1px solid {colors.neutral.border.1.enabled}',\n    whiteSpace: 'nowrap',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,uBACX,IAAK,CAAC,qBAAqB,CAC3B,KAAM,CACJ,SAAU,WACV,OAAQ,gBACR,KAAM,MACN,UAAW,mBACX,OAAQ,GACR,QAAS,OACT,WAAY,SACZ,IAAK,gBACL,aAAc,gBACd,cAAe,gBACf,gBAAiB,wCACjB,aAAc,eACd,SAAU,kBACV,MAAO,wCACP,UAAW,mDACX,OAAQ,8CACR,WAAY,SACb,CACF,CAAC"}

package/dist/recipes/data-display/data-table/data-table-empty.mjs

@@ -0,0 +1,2 @@
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`data-table__empty`,jsx:[`StatelessDataTable`],base:{textAlign:`center`,paddingBlock:`var(--data-table-empty-padding-block, {spacing.800})`,color:`var(--data-table-empty-foreground, {colors.neutral.foreground.3.enabled})`,fontSize:`var(--data-table-empty-font-size, {fontSizes.300})`}});export{t as dataTableEmpty};
+//# sourceMappingURL=data-table-empty.mjs.map

package/dist/recipes/data-display/data-table/data-table-empty.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-empty.mjs","names":[],"sources":["../../../../src/recipes/data-display/data-table/data-table-empty.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dataTableEmpty = defineRecipe({\n  className: 'data-table__empty',\n  jsx: ['StatelessDataTable'],\n  base: {\n    textAlign: 'center',\n    paddingBlock: 'var(--data-table-empty-padding-block, {spacing.800})',\n    color:\n      'var(--data-table-empty-foreground, {colors.neutral.foreground.3.enabled})',\n    fontSize: 'var(--data-table-empty-font-size, {fontSizes.300})',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,oBACX,IAAK,CAAC,qBAAqB,CAC3B,KAAM,CACJ,UAAW,SACX,aAAc,uDACd,MACE,4EACF,SAAU,qDACX,CACF,CAAC"}

package/dist/recipes/data-display/data-table/data-table-loading.mjs

@@ -0,0 +1,2 @@
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`data-table__loading`,jsx:[`StatelessDataTable`],base:{position:`absolute`,left:0,right:0,height:`2px`,backgroundColor:`{colors.neutral.background.2.enabled}`,overflow:`hidden`,zIndex:2,pointerEvents:`none`,"&::after":{content:`""`,position:`absolute`,top:0,left:0,height:`100%`,width:`40%`,backgroundColor:`{colors.primary.background.1.enabled}`,borderRadius:`{radii.100}`,animation:`indeterminate 1.5s ease infinite`}}});export{t as dataTableLoading};
+//# sourceMappingURL=data-table-loading.mjs.map

package/dist/recipes/data-display/data-table/data-table-loading.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-loading.mjs","names":[],"sources":["../../../../src/recipes/data-display/data-table/data-table-loading.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dataTableLoading = defineRecipe({\n  className: 'data-table__loading',\n  jsx: ['StatelessDataTable'],\n  base: {\n    position: 'absolute',\n    left: 0,\n    right: 0,\n    height: '2px',\n    backgroundColor: '{colors.neutral.background.2.enabled}',\n    overflow: 'hidden',\n    zIndex: 2,\n    pointerEvents: 'none',\n\n    '&::after': {\n      content: '\"\"',\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      height: '100%',\n      width: '40%',\n      backgroundColor: '{colors.primary.background.1.enabled}',\n      borderRadius: '{radii.100}',\n      animation: 'indeterminate 1.5s ease infinite',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,sBACX,IAAK,CAAC,qBAAqB,CAC3B,KAAM,CACJ,SAAU,WACV,KAAM,EACN,MAAO,EACP,OAAQ,MACR,gBAAiB,wCACjB,SAAU,SACV,OAAQ,EACR,cAAe,OAEf,WAAY,CACV,QAAS,KACT,SAAU,WACV,IAAK,EACL,KAAM,EACN,OAAQ,OACR,MAAO,MACP,gBAAiB,wCACjB,aAAc,cACd,UAAW,mCACZ,CACF,CACF,CAAC"}

package/dist/recipes/data-display/data-table/data-table-page-size.mjs

@@ -0,0 +1,2 @@
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`data-table__page-size`,jsx:[`StatelessDataTable`],base:{display:`flex`,alignItems:`center`,gap:`{spacing.200}`,fontSize:`{fontSizes.300}`,color:`{colors.neutral.foreground.2.enabled}`,"& select":{appearance:`none`,paddingInline:`{spacing.200}`,paddingBlock:`{spacing.100}`,fontSize:`{fontSizes.300}`,border:`1px solid {colors.neutral.border.1.enabled}`,borderRadius:`{radii.200}`,backgroundColor:`{colors.neutral.background.1.enabled}`,color:`{colors.neutral.foreground.1.enabled}`,cursor:`pointer`}}});export{t as dataTablePageSize};
+//# sourceMappingURL=data-table-page-size.mjs.map

package/dist/recipes/data-display/data-table/data-table-page-size.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-page-size.mjs","names":[],"sources":["../../../../src/recipes/data-display/data-table/data-table-page-size.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dataTablePageSize = defineRecipe({\n  className: 'data-table__page-size',\n  jsx: ['StatelessDataTable'],\n  base: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '{spacing.200}',\n    fontSize: '{fontSizes.300}',\n    color: '{colors.neutral.foreground.2.enabled}',\n\n    '& select': {\n      appearance: 'none',\n      paddingInline: '{spacing.200}',\n      paddingBlock: '{spacing.100}',\n      fontSize: '{fontSizes.300}',\n      border: '1px solid {colors.neutral.border.1.enabled}',\n      borderRadius: '{radii.200}',\n      backgroundColor: '{colors.neutral.background.1.enabled}',\n      color: '{colors.neutral.foreground.1.enabled}',\n      cursor: 'pointer',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAoB,EAAa,CAC5C,UAAW,wBACX,IAAK,CAAC,qBAAqB,CAC3B,KAAM,CACJ,QAAS,OACT,WAAY,SACZ,IAAK,gBACL,SAAU,kBACV,MAAO,wCAEP,WAAY,CACV,WAAY,OACZ,cAAe,gBACf,aAAc,gBACd,SAAU,kBACV,OAAQ,8CACR,aAAc,cACd,gBAAiB,wCACjB,MAAO,wCACP,OAAQ,UACT,CACF,CACF,CAAC"}

package/dist/recipes/data-display/data-table/data-table-root.mjs

@@ -0,0 +1,2 @@
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`data-table__root`,jsx:[`StatelessDataTable`],base:{display:`flex`,flexDirection:`column`,gap:`var(--data-table-gap, {spacing.300})`,position:`relative`}});export{t as dataTableRoot};
+//# sourceMappingURL=data-table-root.mjs.map

package/dist/recipes/data-display/data-table/data-table-root.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-root.mjs","names":[],"sources":["../../../../src/recipes/data-display/data-table/data-table-root.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dataTableRoot = defineRecipe({\n  className: 'data-table__root',\n  jsx: ['StatelessDataTable'],\n  base: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 'var(--data-table-gap, {spacing.300})',\n    position: 'relative',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,mBACX,IAAK,CAAC,qBAAqB,CAC3B,KAAM,CACJ,QAAS,OACT,cAAe,SACf,IAAK,uCACL,SAAU,WACX,CACF,CAAC"}

package/dist/recipes/data-display/data-table/data-table-slot-row.mjs

@@ -0,0 +1,2 @@
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`data-table__slot-row`,jsx:[`StatelessDataTable`],base:{display:`block`,width:`100%`,paddingBlock:`var(--data-table-toolbar-padding-block, {spacing.300})`}});export{t as dataTableSlotRow};
+//# sourceMappingURL=data-table-slot-row.mjs.map

package/dist/recipes/data-display/data-table/data-table-slot-row.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table-slot-row.mjs","names":[],"sources":["../../../../src/recipes/data-display/data-table/data-table-slot-row.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dataTableSlotRow = defineRecipe({\n  className: 'data-table__slot-row',\n  jsx: ['StatelessDataTable'],\n  base: {\n    display: 'block',\n    width: '100%',\n    paddingBlock: 'var(--data-table-toolbar-padding-block, {spacing.300})',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,uBACX,IAAK,CAAC,qBAAqB,CAC3B,KAAM,CACJ,QAAS,QACT,MAAO,OACP,aAAc,yDACf,CACF,CAAC"}

package/dist/recipes/data-display/data-table/data-table.mjs

@@ -0,0 +1,2 @@
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`data-table`,jsx:[`StatelessDataTable`],base:{"--data-table-toolbar-gap":`{spacing.300}`,"--data-table-toolbar-padding-block":`{spacing.300}`,"--data-table-empty-padding-block":`{spacing.800}`,"--data-table-empty-foreground":`{colors.neutral.foreground.3.enabled}`,"--data-table-empty-font-size":`{fontSizes.300}`,"--data-table-gap":`{spacing.300}`}});export{t as dataTable};
+//# sourceMappingURL=data-table.mjs.map

package/dist/recipes/data-display/data-table/data-table.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.mjs","names":[],"sources":["../../../../src/recipes/data-display/data-table/data-table.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dataTable = defineRecipe({\n  className: 'data-table',\n  jsx: ['StatelessDataTable'],\n  base: {\n    '--data-table-toolbar-gap': '{spacing.300}',\n    '--data-table-toolbar-padding-block': '{spacing.300}',\n    '--data-table-empty-padding-block': '{spacing.800}',\n    '--data-table-empty-foreground': '{colors.neutral.foreground.3.enabled}',\n    '--data-table-empty-font-size': '{fontSizes.300}',\n    '--data-table-gap': '{spacing.300}',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,aACX,IAAK,CAAC,qBAAqB,CAC3B,KAAM,CACJ,2BAA4B,gBAC5B,qCAAsC,gBACtC,mCAAoC,gBACpC,gCAAiC,wCACjC,+BAAgC,kBAChC,mBAAoB,gBACrB,CACF,CAAC"}

package/dist/recipes/data-display/data-table/index.mjs

@@ -0,0 +1,2 @@
+import{dataTable as e}from"./data-table.mjs";import{dataTableBulkBar as t}from"./data-table-bulk-bar.mjs";import{dataTableEmpty as n}from"./data-table-empty.mjs";import{dataTableLoading as r}from"./data-table-loading.mjs";import{dataTablePageSize as i}from"./data-table-page-size.mjs";import{dataTableRoot as a}from"./data-table-root.mjs";import{dataTableSlotRow as o}from"./data-table-slot-row.mjs";var s={dataTable:e,dataTableRoot:a,dataTableSlotRow:o,dataTableBulkBar:t,dataTableEmpty:n,dataTableLoading:r,dataTablePageSize:i};export{s as default};
+//# sourceMappingURL=index.mjs.map

package/dist/recipes/data-display/data-table/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/recipes/data-display/data-table/index.ts"],"sourcesContent":["import { dataTable } from './data-table';\nimport { dataTableBulkBar } from './data-table-bulk-bar';\nimport { dataTableEmpty } from './data-table-empty';\nimport { dataTableLoading } from './data-table-loading';\nimport { dataTablePageSize } from './data-table-page-size';\nimport { dataTableRoot } from './data-table-root';\nimport { dataTableSlotRow } from './data-table-slot-row';\n\nexport default {\n  dataTable,\n  dataTableRoot,\n  dataTableSlotRow,\n  dataTableBulkBar,\n  dataTableEmpty,\n  dataTableLoading,\n  dataTablePageSize,\n};\n"],"mappings":"gZAQA,IAAA,EAAe,CACb,YACA,gBACA,mBACA,mBACA,iBACA,mBACA,oBACD"}

package/dist/recipes/data-display/index.mjs

@@ -1,2 +1,2 @@
-import e from"./assigned-user/index.mjs";import t from"./avatar/index.mjs";import n from"./badge/index.mjs";import r from"./calendar/index.mjs";import i from"./description-list/index.mjs";import a from"./icons/index.mjs";import o from"./indicator/index.mjs";import s from"./kanban/index.mjs";import c from"./loader-dot/index.mjs";import l from"./loader-oval/index.mjs";import u from"./logos/index.mjs";import d from"./notification-banner/index.mjs";import f from"./removable-item/index.mjs";import p from"./table/index.mjs";import m from"./tag/index.mjs";import h from"./tag-group/index.mjs";import g from"./uploaded-file/index.mjs";var _={...n,...a,...t,...m,...h,...c,...l,...f,...e,...g,...r,...u,...o,...d,...i,...s,...p};export{_ as default};
+import e from"./assigned-user/index.mjs";import t from"./avatar/index.mjs";import n from"./badge/index.mjs";import r from"./calendar/index.mjs";import i from"./data-table/index.mjs";import a from"./description-list/index.mjs";import o from"./icons/index.mjs";import s from"./indicator/index.mjs";import c from"./kanban/index.mjs";import l from"./loader-dot/index.mjs";import u from"./loader-oval/index.mjs";import d from"./logos/index.mjs";import f from"./notification-banner/index.mjs";import p from"./removable-item/index.mjs";import m from"./table/index.mjs";import h from"./tag/index.mjs";import g from"./tag-group/index.mjs";import _ from"./uploaded-file/index.mjs";var v={...n,...o,...t,...h,...g,...l,...u,...p,...e,..._,...r,...i,...d,...s,...f,...a,...c,...m};export{v as default};
 //# sourceMappingURL=index.mjs.map

package/dist/recipes/data-display/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["badge","icons","avatar","tag","tagGroup","loaderDot","loaderOval","removableItem","assignedUser","uploadedFile","calendar","logos","indicator","notificationBanner","descriptionList","kanban","table"],"sources":["../../../src/recipes/data-display/index.ts"],"sourcesContent":["import assignedUser from './assigned-user';\nimport avatar from './avatar';\nimport badge from './badge';\nimport calendar from './calendar';\nimport descriptionList from './description-list';\nimport icons from './icons';\nimport indicator from './indicator';\nimport kanban from './kanban';\nimport loaderDot from './loader-dot';\nimport loaderOval from './loader-oval';\nimport logos from './logos';\nimport notificationBanner from './notification-banner';\nimport removableItem from './removable-item';\nimport table from './table';\nimport tag from './tag';\nimport tagGroup from './tag-group';\nimport uploadedFile from './uploaded-file';\n\nexport default {\n  ...badge,\n  ...icons,\n  ...avatar,\n  ...tag,\n  ...tagGroup,\n  ...loaderDot,\n  ...loaderOval,\n  ...removableItem,\n  ...assignedUser,\n  ...uploadedFile,\n  ...calendar,\n  ...logos,\n  ...indicator,\n  ...notificationBanner,\n  ...descriptionList,\n  ...kanban,\n  ...table,\n};\n"],"mappings":"ynBAkBA,IAAA,EAAe,CACb,GAAGA,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACJ"}
+{"version":3,"file":"index.mjs","names":["badge","icons","avatar","tag","tagGroup","loaderDot","loaderOval","removableItem","assignedUser","uploadedFile","calendar","dataTable","logos","indicator","notificationBanner","descriptionList","kanban","table"],"sources":["../../../src/recipes/data-display/index.ts"],"sourcesContent":["import assignedUser from './assigned-user';\nimport avatar from './avatar';\nimport badge from './badge';\nimport calendar from './calendar';\nimport dataTable from './data-table';\nimport descriptionList from './description-list';\nimport icons from './icons';\nimport indicator from './indicator';\nimport kanban from './kanban';\nimport loaderDot from './loader-dot';\nimport loaderOval from './loader-oval';\nimport logos from './logos';\nimport notificationBanner from './notification-banner';\nimport removableItem from './removable-item';\nimport table from './table';\nimport tag from './tag';\nimport tagGroup from './tag-group';\nimport uploadedFile from './uploaded-file';\n\nexport default {\n  ...badge,\n  ...icons,\n  ...avatar,\n  ...tag,\n  ...tagGroup,\n  ...loaderDot,\n  ...loaderOval,\n  ...removableItem,\n  ...assignedUser,\n  ...uploadedFile,\n  ...calendar,\n  ...dataTable,\n  ...logos,\n  ...indicator,\n  ...notificationBanner,\n  ...descriptionList,\n  ...kanban,\n  ...table,\n};\n"],"mappings":"+pBAmBA,IAAA,EAAe,CACb,GAAGA,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACJ"}

package/dist/recipes/data-display/kanban/kanban-card/kanban-card-description.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-card__description`,jsx:[`KanbanCard`],base:{fontFamily:`{fonts.base}`,fontSize:`{fontSizes.300}`,color:`{colors.neutral.foreground.3.enabled}`,marginBottom:`{spacing.100}`}});export{t as kanbanCardDescription};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-card__description`,jsx:[`KanbanCard`],base:{fontFamily:`var(--kanban-card-description-font-family, {fonts.base})`,fontSize:`var(--kanban-card-description-font-size, {fontSizes.300})`,color:`var(--kanban-card-description-foreground, {colors.neutral.foreground.3.enabled})`,marginBottom:`var(--kanban-card-description-margin-bottom, {spacing.100})`}});export{t as kanbanCardDescription};
 //# sourceMappingURL=kanban-card-description.mjs.map

package/dist/recipes/data-display/kanban/kanban-card/kanban-card-description.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kanban-card-description.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-card/kanban-card-description.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanCardDescription = defineRecipe({\n  className: 'kanban-card__description',\n  jsx: ['KanbanCard'],\n  base: {\n    fontFamily: '{fonts.base}',\n    fontSize: '{fontSizes.300}',\n    color: '{colors.neutral.foreground.3.enabled}',\n    marginBottom: '{spacing.100}',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAwB,EAAa,CAChD,UAAW,2BACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,WAAY,eACZ,SAAU,kBACV,MAAO,wCACP,aAAc,gBACf,CACF,CAAC"}
+{"version":3,"file":"kanban-card-description.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-card/kanban-card-description.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanCardDescription = defineRecipe({\n  className: 'kanban-card__description',\n  jsx: ['KanbanCard'],\n  base: {\n    fontFamily: 'var(--kanban-card-description-font-family, {fonts.base})',\n    fontSize: 'var(--kanban-card-description-font-size, {fontSizes.300})',\n    color:\n      'var(--kanban-card-description-foreground, {colors.neutral.foreground.3.enabled})',\n    marginBottom: 'var(--kanban-card-description-margin-bottom, {spacing.100})',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAwB,EAAa,CAChD,UAAW,2BACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,WAAY,2DACZ,SAAU,4DACV,MACE,mFACF,aAAc,8DACf,CACF,CAAC"}

package/dist/recipes/data-display/kanban/kanban-card/kanban-card-root.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-card__root`,jsx:[`KanbanCard`],base:{padding:`{spacing.200}`,backgroundColor:`{colors.neutral.background.1.enabled}`,borderRadius:`{radii.200}`,borderWidth:`{borders.200}`,borderStyle:`solid`,borderColor:`transparent`,transition:`{animations.base.200}`,_hover:{borderColor:`{colors.neutral.stroke.7.brand.selected/50}`}}});export{t as kanbanCardRoot};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-card__root`,jsx:[`KanbanCard`],base:{padding:`var(--kanban-card-root-padding, {spacing.200})`,backgroundColor:`var(--kanban-card-root-background, {colors.neutral.background.1.enabled})`,borderRadius:`var(--kanban-card-root-radii, {radii.200})`,borderWidth:`var(--kanban-card-root-border-width, {borders.100})`,borderStyle:`var(--kanban-card-root-border-style, solid)`,borderColor:`var(--kanban-card-root-border-color, transparent)`,transition:`var(--kanban-card-root-transition, {animations.base.200})`,_hover:{borderColor:`var(--kanban-card-root-hover-border-color, {colors.neutral.stroke.7.brand.selected/50})`}}});export{t as kanbanCardRoot};
 //# sourceMappingURL=kanban-card-root.mjs.map

package/dist/recipes/data-display/kanban/kanban-card/kanban-card-root.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kanban-card-root.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-card/kanban-card-root.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanCardRoot = defineRecipe({\n  className: 'kanban-card__root',\n  jsx: ['KanbanCard'],\n  base: {\n    padding: '{spacing.200}',\n    backgroundColor: '{colors.neutral.background.1.enabled}',\n    borderRadius: '{radii.200}',\n    borderWidth: '{borders.200}',\n    borderStyle: 'solid',\n    borderColor: 'transparent',\n    transition: '{animations.base.200}',\n    _hover: {\n      borderColor: '{colors.neutral.stroke.7.brand.selected/50}',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,oBACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,QAAS,gBACT,gBAAiB,wCACjB,aAAc,cACd,YAAa,gBACb,YAAa,QACb,YAAa,cACb,WAAY,wBACZ,OAAQ,CACN,YAAa,8CACd,CACF,CACF,CAAC"}
+{"version":3,"file":"kanban-card-root.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-card/kanban-card-root.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanCardRoot = defineRecipe({\n  className: 'kanban-card__root',\n  jsx: ['KanbanCard'],\n  base: {\n    padding: 'var(--kanban-card-root-padding, {spacing.200})',\n    backgroundColor:\n      'var(--kanban-card-root-background, {colors.neutral.background.1.enabled})',\n    borderRadius: 'var(--kanban-card-root-radii, {radii.200})',\n    borderWidth: 'var(--kanban-card-root-border-width, {borders.100})',\n    borderStyle: 'var(--kanban-card-root-border-style, solid)',\n    borderColor: 'var(--kanban-card-root-border-color, transparent)',\n    transition: 'var(--kanban-card-root-transition, {animations.base.200})',\n    _hover: {\n      borderColor:\n        'var(--kanban-card-root-hover-border-color, {colors.neutral.stroke.7.brand.selected/50})',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,oBACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,QAAS,iDACT,gBACE,4EACF,aAAc,6CACd,YAAa,sDACb,YAAa,8CACb,YAAa,oDACb,WAAY,4DACZ,OAAQ,CACN,YACE,0FACH,CACF,CACF,CAAC"}

package/dist/recipes/data-display/kanban/kanban-card/kanban-card-section.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-card__section`,jsx:[`KanbanCard`],base:{display:`flex`,flexDirection:`row`,gap:`{spacing.100}`,justifyContent:`space-between`,alignItems:`flex-end`,marginTop:`{spacing.400}`,_empty:{display:`none`}}});export{t as kanbanCardSection};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-card__section`,jsx:[`KanbanCard`],base:{display:`flex`,flexDirection:`row`,gap:`var(--kanban-card-section-gap, {spacing.100})`,justifyContent:`var(--kanban-card-section-justify-content, space-between)`,alignItems:`var(--kanban-card-section-align-items, flex-end)`,marginTop:`var(--kanban-card-section-margin-top, {spacing.400})`,_empty:{display:`none`}}});export{t as kanbanCardSection};
 //# sourceMappingURL=kanban-card-section.mjs.map

package/dist/recipes/data-display/kanban/kanban-card/kanban-card-section.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kanban-card-section.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-card/kanban-card-section.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanCardSection = defineRecipe({\n  className: 'kanban-card__section',\n  jsx: ['KanbanCard'],\n  base: {\n    display: 'flex',\n    flexDirection: 'row',\n    gap: '{spacing.100}',\n    justifyContent: 'space-between',\n    alignItems: 'flex-end',\n    marginTop: '{spacing.400}',\n    _empty: {\n      display: 'none',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAoB,EAAa,CAC5C,UAAW,uBACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,QAAS,OACT,cAAe,MACf,IAAK,gBACL,eAAgB,gBAChB,WAAY,WACZ,UAAW,gBACX,OAAQ,CACN,QAAS,OACV,CACF,CACF,CAAC"}
+{"version":3,"file":"kanban-card-section.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-card/kanban-card-section.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanCardSection = defineRecipe({\n  className: 'kanban-card__section',\n  jsx: ['KanbanCard'],\n  base: {\n    display: 'flex',\n    flexDirection: 'row',\n    gap: 'var(--kanban-card-section-gap, {spacing.100})',\n    justifyContent: 'var(--kanban-card-section-justify-content, space-between)',\n    alignItems: 'var(--kanban-card-section-align-items, flex-end)',\n    marginTop: 'var(--kanban-card-section-margin-top, {spacing.400})',\n    _empty: {\n      display: 'none',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAoB,EAAa,CAC5C,UAAW,uBACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,QAAS,OACT,cAAe,MACf,IAAK,gDACL,eAAgB,4DAChB,WAAY,mDACZ,UAAW,uDACX,OAAQ,CACN,QAAS,OACV,CACF,CACF,CAAC"}

package/dist/recipes/data-display/kanban/kanban-card/kanban-card-title.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-card__title`,jsx:[`KanbanCard`],base:{fontFamily:`{fonts.base}`,fontSize:`{fontSizes.300}`,fontWeight:`{fontWeights.semiBold}`,color:`{colors.neutral.foreground.1.enabled}`}});export{t as kanbanCardTitle};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-card__title`,jsx:[`KanbanCard`],base:{fontFamily:`var(--kanban-card-title-font-family, {fonts.base})`,fontSize:`var(--kanban-card-title-font-size, {fontSizes.300})`,fontWeight:`var(--kanban-card-title-font-weight, {fontWeights.semiBold})`,color:`var(--kanban-card-title-foreground, {colors.neutral.foreground.1.enabled})`}});export{t as kanbanCardTitle};
 //# sourceMappingURL=kanban-card-title.mjs.map

package/dist/recipes/data-display/kanban/kanban-card/kanban-card-title.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kanban-card-title.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-card/kanban-card-title.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanCardTitle = defineRecipe({\n  className: 'kanban-card__title',\n  jsx: ['KanbanCard'],\n  base: {\n    fontFamily: '{fonts.base}',\n    fontSize: '{fontSizes.300}',\n    fontWeight: '{fontWeights.semiBold}',\n    color: '{colors.neutral.foreground.1.enabled}',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAkB,EAAa,CAC1C,UAAW,qBACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,WAAY,eACZ,SAAU,kBACV,WAAY,yBACZ,MAAO,wCACR,CACF,CAAC"}
+{"version":3,"file":"kanban-card-title.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-card/kanban-card-title.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanCardTitle = defineRecipe({\n  className: 'kanban-card__title',\n  jsx: ['KanbanCard'],\n  base: {\n    fontFamily: 'var(--kanban-card-title-font-family, {fonts.base})',\n    fontSize: 'var(--kanban-card-title-font-size, {fontSizes.300})',\n    fontWeight: 'var(--kanban-card-title-font-weight, {fontWeights.semiBold})',\n    color:\n      'var(--kanban-card-title-foreground, {colors.neutral.foreground.1.enabled})',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAkB,EAAa,CAC1C,UAAW,qBACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,WAAY,qDACZ,SAAU,sDACV,WAAY,+DACZ,MACE,6EACH,CACF,CAAC"}

package/dist/recipes/data-display/kanban/kanban-card/kanban-card.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-card`,jsx:[`KanbanCard`],base:{}});export{t as kanbanCard};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-card`,jsx:[`KanbanCard`],base:{"--kanban-card-root-padding":`{spacing.200}`,"--kanban-card-root-background":`{colors.neutral.background.1.enabled}`,"--kanban-card-root-radii":`{radii.200}`,"--kanban-card-root-border-width":`{borders.100}`,"--kanban-card-root-border-style":`solid`,"--kanban-card-root-border-color":`transparent`,"--kanban-card-root-transition":`{animations.base.200}`,"--kanban-card-root-hover-border-color":`{colors.neutral.stroke.7.brand.selected/50}`,"--kanban-card-title-font-family":`{fonts.base}`,"--kanban-card-title-font-size":`{fontSizes.300}`,"--kanban-card-title-font-weight":`{fontWeights.semiBold}`,"--kanban-card-title-foreground":`{colors.neutral.foreground.1.enabled}`,"--kanban-card-section-gap":`{spacing.100}`,"--kanban-card-section-justify-content":`space-between`,"--kanban-card-section-align-items":`flex-end`,"--kanban-card-section-margin-top":`{spacing.400}`,"--kanban-card-description-font-family":`{fonts.base}`,"--kanban-card-description-font-size":`{fontSizes.300}`,"--kanban-card-description-foreground":`{colors.neutral.foreground.3.enabled}`,"--kanban-card-description-margin-bottom":`{spacing.100}`}});export{t as kanbanCard};
 //# sourceMappingURL=kanban-card.mjs.map

package/dist/recipes/data-display/kanban/kanban-card/kanban-card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kanban-card.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-card/kanban-card.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanCard = defineRecipe({\n  className: 'kanban-card',\n  jsx: ['KanbanCard'],\n  base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,cACX,IAAK,CAAC,aAAa,CACnB,KAAM,EAAE,CACT,CAAC"}
+{"version":3,"file":"kanban-card.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-card/kanban-card.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanCard = defineRecipe({\n  className: 'kanban-card',\n  jsx: ['KanbanCard'],\n  base: {\n    // root\n    '--kanban-card-root-padding': '{spacing.200}',\n    '--kanban-card-root-background': '{colors.neutral.background.1.enabled}',\n    '--kanban-card-root-radii': '{radii.200}',\n    '--kanban-card-root-border-width': '{borders.100}',\n    '--kanban-card-root-border-style': 'solid',\n    '--kanban-card-root-border-color': 'transparent',\n    '--kanban-card-root-transition': '{animations.base.200}',\n    '--kanban-card-root-hover-border-color':\n      '{colors.neutral.stroke.7.brand.selected/50}',\n\n    // title\n    '--kanban-card-title-font-family': '{fonts.base}',\n    '--kanban-card-title-font-size': '{fontSizes.300}',\n    '--kanban-card-title-font-weight': '{fontWeights.semiBold}',\n    '--kanban-card-title-foreground': '{colors.neutral.foreground.1.enabled}',\n\n    // section\n    '--kanban-card-section-gap': '{spacing.100}',\n    '--kanban-card-section-justify-content': 'space-between',\n    '--kanban-card-section-align-items': 'flex-end',\n    '--kanban-card-section-margin-top': '{spacing.400}',\n\n    // description\n    '--kanban-card-description-font-family': '{fonts.base}',\n    '--kanban-card-description-font-size': '{fontSizes.300}',\n    '--kanban-card-description-foreground':\n      '{colors.neutral.foreground.3.enabled}',\n    '--kanban-card-description-margin-bottom': '{spacing.100}',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,cACX,IAAK,CAAC,aAAa,CACnB,KAAM,CAEJ,6BAA8B,gBAC9B,gCAAiC,wCACjC,2BAA4B,cAC5B,kCAAmC,gBACnC,kCAAmC,QACnC,kCAAmC,cACnC,gCAAiC,wBACjC,wCACE,8CAGF,kCAAmC,eACnC,gCAAiC,kBACjC,kCAAmC,yBACnC,iCAAkC,wCAGlC,4BAA6B,gBAC7B,wCAAyC,gBACzC,oCAAqC,WACrC,mCAAoC,gBAGpC,wCAAyC,eACzC,sCAAuC,kBACvC,uCACE,wCACF,0CAA2C,gBAC5C,CACF,CAAC"}

package/dist/recipes/data-display/kanban/kanban-card-adder/kanban-card-adder-button-wrapper.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-card-adder__button-wrapper`,jsx:[`KanbanCardAdder`],base:{display:`flex`,flexDirection:`row`,justifyContent:`flex-end`,gap:`{spacing.200}`}});export{t as kanbanCardAdderButtonWrapper};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-card-adder__button-wrapper`,jsx:[`KanbanCardAdder`],base:{display:`flex`,flexDirection:`row`,justifyContent:`var(--kanban-card-adder-button-wrapper-justify-content, flex-end)`,gap:`var(--kanban-card-adder-button-wrapper-gap, {spacing.200})`}});export{t as kanbanCardAdderButtonWrapper};
 //# sourceMappingURL=kanban-card-adder-button-wrapper.mjs.map

package/dist/recipes/data-display/kanban/kanban-card-adder/kanban-card-adder-button-wrapper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kanban-card-adder-button-wrapper.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-card-adder/kanban-card-adder-button-wrapper.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanCardAdderButtonWrapper = defineRecipe({\n  className: 'kanban-card-adder__button-wrapper',\n  jsx: ['KanbanCardAdder'],\n  base: {\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'flex-end',\n    gap: '{spacing.200}',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAA+B,EAAa,CACvD,UAAW,oCACX,IAAK,CAAC,kBAAkB,CACxB,KAAM,CACJ,QAAS,OACT,cAAe,MACf,eAAgB,WAChB,IAAK,gBACN,CACF,CAAC"}
+{"version":3,"file":"kanban-card-adder-button-wrapper.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-card-adder/kanban-card-adder-button-wrapper.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanCardAdderButtonWrapper = defineRecipe({\n  className: 'kanban-card-adder__button-wrapper',\n  jsx: ['KanbanCardAdder'],\n  base: {\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent:\n      'var(--kanban-card-adder-button-wrapper-justify-content, flex-end)',\n    gap: 'var(--kanban-card-adder-button-wrapper-gap, {spacing.200})',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAA+B,EAAa,CACvD,UAAW,oCACX,IAAK,CAAC,kBAAkB,CACxB,KAAM,CACJ,QAAS,OACT,cAAe,MACf,eACE,oEACF,IAAK,6DACN,CACF,CAAC"}

package/dist/recipes/data-display/kanban/kanban-card-adder/kanban-card-adder-root.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-card-adder__root`,jsx:[`KanbanCardAdder`],base:{display:`flex`,flexDirection:`column`,gap:`{spacing.200}`,padding:`{spacing.200}`,backgroundColor:`{colors.neutral.background.1.enabled}`,borderRadius:`{radii.200}`,borderWidth:`{borders.200}`,borderStyle:`solid`,borderColor:`transparent`}});export{t as kanbanCardAdderRoot};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-card-adder__root`,jsx:[`KanbanCardAdder`],base:{display:`flex`,flexDirection:`column`,gap:`var(--kanban-card-adder-root-gap, {spacing.200})`,padding:`var(--kanban-card-adder-root-padding, {spacing.200})`,backgroundColor:`var(--kanban-card-adder-root-background, {colors.neutral.background.1.enabled})`,borderRadius:`var(--kanban-card-adder-root-radii, {radii.200})`,borderWidth:`var(--kanban-card-adder-root-border-width, {borders.0})`,borderStyle:`var(--kanban-card-adder-root-border-style, solid)`,borderColor:`var(--kanban-card-adder-root-border-color, transparent)`}});export{t as kanbanCardAdderRoot};
 //# sourceMappingURL=kanban-card-adder-root.mjs.map

package/dist/recipes/data-display/kanban/kanban-card-adder/kanban-card-adder-root.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kanban-card-adder-root.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-card-adder/kanban-card-adder-root.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanCardAdderRoot = defineRecipe({\n  className: 'kanban-card-adder__root',\n  jsx: ['KanbanCardAdder'],\n  base: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: '{spacing.200}',\n    padding: '{spacing.200}',\n    backgroundColor: '{colors.neutral.background.1.enabled}',\n    borderRadius: '{radii.200}',\n    borderWidth: '{borders.200}',\n    borderStyle: 'solid',\n    borderColor: 'transparent',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAsB,EAAa,CAC9C,UAAW,0BACX,IAAK,CAAC,kBAAkB,CACxB,KAAM,CACJ,QAAS,OACT,cAAe,SACf,IAAK,gBACL,QAAS,gBACT,gBAAiB,wCACjB,aAAc,cACd,YAAa,gBACb,YAAa,QACb,YAAa,cACd,CACF,CAAC"}
+{"version":3,"file":"kanban-card-adder-root.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-card-adder/kanban-card-adder-root.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanCardAdderRoot = defineRecipe({\n  className: 'kanban-card-adder__root',\n  jsx: ['KanbanCardAdder'],\n  base: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 'var(--kanban-card-adder-root-gap, {spacing.200})',\n    padding: 'var(--kanban-card-adder-root-padding, {spacing.200})',\n    backgroundColor:\n      'var(--kanban-card-adder-root-background, {colors.neutral.background.1.enabled})',\n    borderRadius: 'var(--kanban-card-adder-root-radii, {radii.200})',\n    borderWidth: 'var(--kanban-card-adder-root-border-width, {borders.0})',\n    borderStyle: 'var(--kanban-card-adder-root-border-style, solid)',\n    borderColor: 'var(--kanban-card-adder-root-border-color, transparent)',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAsB,EAAa,CAC9C,UAAW,0BACX,IAAK,CAAC,kBAAkB,CACxB,KAAM,CACJ,QAAS,OACT,cAAe,SACf,IAAK,mDACL,QAAS,uDACT,gBACE,kFACF,aAAc,mDACd,YAAa,0DACb,YAAa,oDACb,YAAa,0DACd,CACF,CAAC"}

package/dist/recipes/data-display/kanban/kanban-card-adder/kanban-card-adder.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-card-adder`,jsx:[`KanbanCardAdder`],base:{}});export{t as kanbanCardAdder};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-card-adder`,jsx:[`KanbanCardAdder`],base:{"--kanban-card-adder-root-gap":`{spacing.200}`,"--kanban-card-adder-root-padding":`{spacing.200}`,"--kanban-card-adder-root-background":`{colors.neutral.background.1.enabled}`,"--kanban-card-adder-root-radii":`{radii.200}`,"--kanban-card-adder-root-border-width":`{borders.0}`,"--kanban-card-adder-root-border-style":`solid`,"--kanban-card-adder-root-border-color":`transparent`,"--kanban-card-adder-button-wrapper-justify-content":`flex-end`,"--kanban-card-adder-button-wrapper-gap":`{spacing.200}`}});export{t as kanbanCardAdder};
 //# sourceMappingURL=kanban-card-adder.mjs.map

package/dist/recipes/data-display/kanban/kanban-card-adder/kanban-card-adder.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kanban-card-adder.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-card-adder/kanban-card-adder.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanCardAdder = defineRecipe({\n  className: 'kanban-card-adder',\n  jsx: ['KanbanCardAdder'],\n  base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAkB,EAAa,CAC1C,UAAW,oBACX,IAAK,CAAC,kBAAkB,CACxB,KAAM,EAAE,CACT,CAAC"}
+{"version":3,"file":"kanban-card-adder.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-card-adder/kanban-card-adder.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanCardAdder = defineRecipe({\n  className: 'kanban-card-adder',\n  jsx: ['KanbanCardAdder'],\n  base: {\n    // root\n    '--kanban-card-adder-root-gap': '{spacing.200}',\n    '--kanban-card-adder-root-padding': '{spacing.200}',\n    '--kanban-card-adder-root-background':\n      '{colors.neutral.background.1.enabled}',\n    '--kanban-card-adder-root-radii': '{radii.200}',\n    '--kanban-card-adder-root-border-width': '{borders.0}',\n    '--kanban-card-adder-root-border-style': 'solid',\n    '--kanban-card-adder-root-border-color': 'transparent',\n\n    // button wrapper\n    '--kanban-card-adder-button-wrapper-justify-content': 'flex-end',\n    '--kanban-card-adder-button-wrapper-gap': '{spacing.200}',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAkB,EAAa,CAC1C,UAAW,oBACX,IAAK,CAAC,kBAAkB,CACxB,KAAM,CAEJ,+BAAgC,gBAChC,mCAAoC,gBACpC,sCACE,wCACF,iCAAkC,cAClC,wCAAyC,cACzC,wCAAyC,QACzC,wCAAyC,cAGzC,qDAAsD,WACtD,yCAA0C,gBAC3C,CACF,CAAC"}

package/dist/recipes/data-display/kanban/kanban-card-drag-indicator/kanban-card-drag-indicator-root.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-card-drag-indicator__root`,jsx:[`KanbanDragIndicator`],base:{display:`flex`,backgroundColor:`{colors.primary.background.1.enabled/05}`,borderRadius:`{radii.200}`,borderWidth:`{borders.200}`,borderStyle:`dashed`,borderColor:`{colors.primary.stroke.1.enabled/50}`,width:`100%`,height:`4rem`}});export{t as kanbanCardDragIndicatorRoot};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-card-drag-indicator__root`,jsx:[`KanbanDragIndicator`],base:{display:`flex`,backgroundColor:`var(--kanban-card-drag-indicator-background, {colors.primary.background.1.enabled/50})`,borderRadius:`var(--kanban-card-drag-indicator-radii, {radii.200})`,borderWidth:`var(--kanban-card-drag-indicator-border-width, {borders.100})`,borderStyle:`var(--kanban-card-drag-indicator-border-style, dashed)`,borderColor:`var(--kanban-card-drag-indicator-border-color, {colors.primary.stroke.7.brand.selected/50})`,width:`100%`,height:`var(--kanban-card-drag-indicator-height, {sizes.900})`}});export{t as kanbanCardDragIndicatorRoot};
 //# sourceMappingURL=kanban-card-drag-indicator-root.mjs.map

package/dist/recipes/data-display/kanban/kanban-card-drag-indicator/kanban-card-drag-indicator-root.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kanban-card-drag-indicator-root.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-card-drag-indicator/kanban-card-drag-indicator-root.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanCardDragIndicatorRoot = defineRecipe({\n  className: 'kanban-card-drag-indicator__root',\n  jsx: ['KanbanDragIndicator'],\n  base: {\n    display: 'flex',\n    backgroundColor: '{colors.primary.background.1.enabled/05}',\n    borderRadius: '{radii.200}',\n    borderWidth: '{borders.200}',\n    borderStyle: 'dashed',\n    borderColor: '{colors.primary.stroke.1.enabled/50}',\n    width: '100%',\n    height: '4rem',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAA8B,EAAa,CACtD,UAAW,mCACX,IAAK,CAAC,sBAAsB,CAC5B,KAAM,CACJ,QAAS,OACT,gBAAiB,2CACjB,aAAc,cACd,YAAa,gBACb,YAAa,SACb,YAAa,uCACb,MAAO,OACP,OAAQ,OACT,CACF,CAAC"}
+{"version":3,"file":"kanban-card-drag-indicator-root.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-card-drag-indicator/kanban-card-drag-indicator-root.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanCardDragIndicatorRoot = defineRecipe({\n  className: 'kanban-card-drag-indicator__root',\n  jsx: ['KanbanDragIndicator'],\n  base: {\n    display: 'flex',\n    backgroundColor:\n      'var(--kanban-card-drag-indicator-background, {colors.primary.background.1.enabled/50})',\n    borderRadius: 'var(--kanban-card-drag-indicator-radii, {radii.200})',\n    borderWidth:\n      'var(--kanban-card-drag-indicator-border-width, {borders.100})',\n    borderStyle: 'var(--kanban-card-drag-indicator-border-style, dashed)',\n    borderColor:\n      'var(--kanban-card-drag-indicator-border-color, {colors.primary.stroke.7.brand.selected/50})',\n    width: '100%',\n    height: 'var(--kanban-card-drag-indicator-height, {sizes.900})',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAA8B,EAAa,CACtD,UAAW,mCACX,IAAK,CAAC,sBAAsB,CAC5B,KAAM,CACJ,QAAS,OACT,gBACE,yFACF,aAAc,uDACd,YACE,gEACF,YAAa,yDACb,YACE,8FACF,MAAO,OACP,OAAQ,wDACT,CACF,CAAC"}

package/dist/recipes/data-display/kanban/kanban-card-drag-indicator/kanban-card-drag-indicator.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-card-drag-indicator`,jsx:[`KanbanDragIndicator`],base:{}});export{t as kanbanCardDragIndicator};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-card-drag-indicator`,jsx:[`KanbanDragIndicator`],base:{"--kanban-card-drag-indicator-background":`{colors.primary.background.1.enabled/50}`,"--kanban-card-drag-indicator-radii":`{radii.200}`,"--kanban-card-drag-indicator-border-width":`{borders.100}`,"--kanban-card-drag-indicator-border-style":`dashed`,"--kanban-card-drag-indicator-border-color":`{colors.primary.stroke.7.brand.selected/50}`,"--kanban-card-drag-indicator-height":`{sizes.900}`}});export{t as kanbanCardDragIndicator};
 //# sourceMappingURL=kanban-card-drag-indicator.mjs.map

package/dist/recipes/data-display/kanban/kanban-card-drag-indicator/kanban-card-drag-indicator.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kanban-card-drag-indicator.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-card-drag-indicator/kanban-card-drag-indicator.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanCardDragIndicator = defineRecipe({\n  className: 'kanban-card-drag-indicator',\n  jsx: ['KanbanDragIndicator'],\n  base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAA0B,EAAa,CAClD,UAAW,6BACX,IAAK,CAAC,sBAAsB,CAC5B,KAAM,EAAE,CACT,CAAC"}
+{"version":3,"file":"kanban-card-drag-indicator.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-card-drag-indicator/kanban-card-drag-indicator.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanCardDragIndicator = defineRecipe({\n  className: 'kanban-card-drag-indicator',\n  jsx: ['KanbanDragIndicator'],\n  base: {\n    // root\n    '--kanban-card-drag-indicator-background':\n      '{colors.primary.background.1.enabled/50}',\n    '--kanban-card-drag-indicator-radii': '{radii.200}',\n    '--kanban-card-drag-indicator-border-width': '{borders.100}',\n    '--kanban-card-drag-indicator-border-style': 'dashed',\n    '--kanban-card-drag-indicator-border-color':\n      '{colors.primary.stroke.7.brand.selected/50}',\n    '--kanban-card-drag-indicator-height': '{sizes.900}',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAA0B,EAAa,CAClD,UAAW,6BACX,IAAK,CAAC,sBAAsB,CAC5B,KAAM,CAEJ,0CACE,2CACF,qCAAsC,cACtC,4CAA6C,gBAC7C,4CAA6C,SAC7C,4CACE,8CACF,sCAAuC,cACxC,CACF,CAAC"}

package/dist/recipes/data-display/kanban/kanban-column-header/kanban-column-header-count.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-column-header__count`,jsx:[`KanbanColumnHeader`],base:{minWidth:`{sizes.400}`,height:`{sizes.400}`,paddingInline:`{spacing.150}`,display:`flex`,alignItems:`center`,justifyContent:`center`,borderRadius:`{radii.900}`,fontFamily:`{fonts.base}`,fontSize:`{fontSizes.200}`,fontWeight:`{fontWeights.semiBold}`,backgroundColor:`{colors.neutral.background.7.enabled}`,color:`{colors.neutral.foreground.onNeutral.2.enabled}`,".group > div:nth-child(2) &":{backgroundColor:`{colors.primary.background.1.enabled}`,color:`{colors.primary.foreground.onPrimary.2.enabled}`},".group > div:nth-child(3) &":{backgroundColor:`{colors.success.background.1.enabled}`,color:`{colors.success.foreground.onSuccess.2.enabled}`}}});export{t as kanbanColumnHeaderCount};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-column-header__count`,jsx:[`KanbanColumnHeader`],base:{minWidth:`var(--kanban-column-header-count-min-width, {sizes.400})`,height:`var(--kanban-column-header-count-height, {sizes.400})`,paddingInline:`var(--kanban-column-header-count-padding-inline, {spacing.150})`,display:`flex`,alignItems:`var(--kanban-column-header-count-align-items, center)`,justifyContent:`var(--kanban-column-header-count-justify-content, center)`,borderRadius:`var(--kanban-column-header-count-radii, {radii.900})`,fontFamily:`var(--kanban-column-header-count-font-family, {fonts.base})`,fontSize:`var(--kanban-column-header-count-font-size, {fontSizes.200})`,fontWeight:`var(--kanban-column-header-count-font-weight, {fontWeights.semiBold})`,backgroundColor:`var(--kanban-column-header-count-col-1-background, {colors.neutral.background.7.enabled})`,color:`{colors.neutral.foreground.onNeutral.2.enabled}`,".group > div:nth-child(2) &":{backgroundColor:`var(--kanban-column-header-count-col-2-background, {colors.primary.background.1.enabled})`,color:`var(--kanban-column-header-count-col-2-foreground, {colors.primary.foreground.onPrimary.2.enabled})`},".group > div:nth-child(3) &":{backgroundColor:`var(--kanban-column-header-count-col-3-background, {colors.success.background.1.enabled})`,color:`var(--kanban-column-header-count-col-3-foreground, {colors.success.foreground.onSuccess.2.enabled})`}}});export{t as kanbanColumnHeaderCount};
 //# sourceMappingURL=kanban-column-header-count.mjs.map

package/dist/recipes/data-display/kanban/kanban-column-header/kanban-column-header-count.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kanban-column-header-count.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-column-header/kanban-column-header-count.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanColumnHeaderCount = defineRecipe({\n  className: 'kanban-column-header__count',\n  jsx: ['KanbanColumnHeader'],\n  base: {\n    minWidth: '{sizes.400}',\n    height: '{sizes.400}',\n    paddingInline: '{spacing.150}',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: '{radii.900}',\n    fontFamily: '{fonts.base}',\n    fontSize: '{fontSizes.200}',\n    fontWeight: '{fontWeights.semiBold}',\n    backgroundColor: '{colors.neutral.background.7.enabled}',\n    color: '{colors.neutral.foreground.onNeutral.2.enabled}',\n    '.group > div:nth-child(2) &': {\n      backgroundColor: '{colors.primary.background.1.enabled}',\n      color: '{colors.primary.foreground.onPrimary.2.enabled}',\n    },\n    '.group > div:nth-child(3) &': {\n      backgroundColor: '{colors.success.background.1.enabled}',\n      color: '{colors.success.foreground.onSuccess.2.enabled}',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAA0B,EAAa,CAClD,UAAW,8BACX,IAAK,CAAC,qBAAqB,CAC3B,KAAM,CACJ,SAAU,cACV,OAAQ,cACR,cAAe,gBACf,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,aAAc,cACd,WAAY,eACZ,SAAU,kBACV,WAAY,yBACZ,gBAAiB,wCACjB,MAAO,kDACP,8BAA+B,CAC7B,gBAAiB,wCACjB,MAAO,kDACR,CACD,8BAA+B,CAC7B,gBAAiB,wCACjB,MAAO,kDACR,CACF,CACF,CAAC"}
+{"version":3,"file":"kanban-column-header-count.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-column-header/kanban-column-header-count.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanColumnHeaderCount = defineRecipe({\n  className: 'kanban-column-header__count',\n  jsx: ['KanbanColumnHeader'],\n  base: {\n    minWidth: 'var(--kanban-column-header-count-min-width, {sizes.400})',\n    height: 'var(--kanban-column-header-count-height, {sizes.400})',\n    paddingInline:\n      'var(--kanban-column-header-count-padding-inline, {spacing.150})',\n    display: 'flex',\n    alignItems: 'var(--kanban-column-header-count-align-items, center)',\n    justifyContent: 'var(--kanban-column-header-count-justify-content, center)',\n    borderRadius: 'var(--kanban-column-header-count-radii, {radii.900})',\n    fontFamily: 'var(--kanban-column-header-count-font-family, {fonts.base})',\n    fontSize: 'var(--kanban-column-header-count-font-size, {fontSizes.200})',\n    fontWeight:\n      'var(--kanban-column-header-count-font-weight, {fontWeights.semiBold})',\n    backgroundColor:\n      'var(--kanban-column-header-count-col-1-background, {colors.neutral.background.7.enabled})',\n    color: '{colors.neutral.foreground.onNeutral.2.enabled}',\n    '.group > div:nth-child(2) &': {\n      backgroundColor:\n        'var(--kanban-column-header-count-col-2-background, {colors.primary.background.1.enabled})',\n      color:\n        'var(--kanban-column-header-count-col-2-foreground, {colors.primary.foreground.onPrimary.2.enabled})',\n    },\n    '.group > div:nth-child(3) &': {\n      backgroundColor:\n        'var(--kanban-column-header-count-col-3-background, {colors.success.background.1.enabled})',\n      color:\n        'var(--kanban-column-header-count-col-3-foreground, {colors.success.foreground.onSuccess.2.enabled})',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAA0B,EAAa,CAClD,UAAW,8BACX,IAAK,CAAC,qBAAqB,CAC3B,KAAM,CACJ,SAAU,2DACV,OAAQ,wDACR,cACE,kEACF,QAAS,OACT,WAAY,wDACZ,eAAgB,4DAChB,aAAc,uDACd,WAAY,8DACZ,SAAU,+DACV,WACE,wEACF,gBACE,4FACF,MAAO,kDACP,8BAA+B,CAC7B,gBACE,4FACF,MACE,sGACH,CACD,8BAA+B,CAC7B,gBACE,4FACF,MACE,sGACH,CACF,CACF,CAAC"}

package/dist/recipes/data-display/kanban/kanban-column-header/kanban-column-header-root.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-column-header__root`,jsx:[`KanbanColumnHeader`],base:{display:`flex`,alignItems:`center`,justifyContent:`flex-start`,gap:`{spacing.200}`}});export{t as kanbanColumnHeaderRoot};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-column-header__root`,jsx:[`KanbanColumnHeader`],base:{display:`flex`,alignItems:`var(--kanban-column-header-align-items, center)`,justifyContent:`var(--kanban-column-header-justify-content, flex-start)`,gap:`var(--kanban-column-header-gap, {spacing.200})`}});export{t as kanbanColumnHeaderRoot};
 //# sourceMappingURL=kanban-column-header-root.mjs.map

package/dist/recipes/data-display/kanban/kanban-column-header/kanban-column-header-root.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kanban-column-header-root.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-column-header/kanban-column-header-root.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanColumnHeaderRoot = defineRecipe({\n  className: 'kanban-column-header__root',\n  jsx: ['KanbanColumnHeader'],\n  base: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-start',\n    gap: '{spacing.200}',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAyB,EAAa,CACjD,UAAW,6BACX,IAAK,CAAC,qBAAqB,CAC3B,KAAM,CACJ,QAAS,OACT,WAAY,SACZ,eAAgB,aAChB,IAAK,gBACN,CACF,CAAC"}
+{"version":3,"file":"kanban-column-header-root.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-column-header/kanban-column-header-root.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanColumnHeaderRoot = defineRecipe({\n  className: 'kanban-column-header__root',\n  jsx: ['KanbanColumnHeader'],\n  base: {\n    display: 'flex',\n    alignItems: 'var(--kanban-column-header-align-items, center)',\n    justifyContent: 'var(--kanban-column-header-justify-content, flex-start)',\n    gap: 'var(--kanban-column-header-gap, {spacing.200})',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAyB,EAAa,CACjD,UAAW,6BACX,IAAK,CAAC,qBAAqB,CAC3B,KAAM,CACJ,QAAS,OACT,WAAY,kDACZ,eAAgB,0DAChB,IAAK,iDACN,CACF,CAAC"}

package/dist/recipes/data-display/kanban/kanban-column-header/kanban-column-header-title.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-column-header__title`,jsx:[`KanbanColumnHeader`],base:{fontFamily:`{fonts.base}`,fontSize:`{fontSizes.300}`,fontWeight:`{fontWeights.semiBold}`,color:`{colors.neutral.foreground.2.enabled}`}});export{t as kanbanColumnHeaderTitle};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-column-header__title`,jsx:[`KanbanColumnHeader`],base:{fontFamily:`var(--kanban-column-header-title-font-family, {fonts.base})`,fontSize:`var(--kanban-column-header-title-font-size, {fontSizes.300})`,fontWeight:`var(--kanban-column-header-title-font-weight, {fontWeights.semiBold})`,color:`var(--kanban-column-header-title-color, {colors.neutral.foreground.2.enabled})`}});export{t as kanbanColumnHeaderTitle};
 //# sourceMappingURL=kanban-column-header-title.mjs.map

package/dist/recipes/data-display/kanban/kanban-column-header/kanban-column-header-title.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kanban-column-header-title.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-column-header/kanban-column-header-title.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanColumnHeaderTitle = defineRecipe({\n  className: 'kanban-column-header__title',\n  jsx: ['KanbanColumnHeader'],\n  base: {\n    fontFamily: '{fonts.base}',\n    fontSize: '{fontSizes.300}',\n    fontWeight: '{fontWeights.semiBold}',\n    color: '{colors.neutral.foreground.2.enabled}',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAA0B,EAAa,CAClD,UAAW,8BACX,IAAK,CAAC,qBAAqB,CAC3B,KAAM,CACJ,WAAY,eACZ,SAAU,kBACV,WAAY,yBACZ,MAAO,wCACR,CACF,CAAC"}
+{"version":3,"file":"kanban-column-header-title.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-column-header/kanban-column-header-title.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanColumnHeaderTitle = defineRecipe({\n  className: 'kanban-column-header__title',\n  jsx: ['KanbanColumnHeader'],\n  base: {\n    fontFamily: 'var(--kanban-column-header-title-font-family, {fonts.base})',\n    fontSize: 'var(--kanban-column-header-title-font-size, {fontSizes.300})',\n    fontWeight:\n      'var(--kanban-column-header-title-font-weight, {fontWeights.semiBold})',\n    color:\n      'var(--kanban-column-header-title-color, {colors.neutral.foreground.2.enabled})',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAA0B,EAAa,CAClD,UAAW,8BACX,IAAK,CAAC,qBAAqB,CAC3B,KAAM,CACJ,WAAY,8DACZ,SAAU,+DACV,WACE,wEACF,MACE,iFACH,CACF,CAAC"}

package/dist/recipes/data-display/kanban/kanban-column-header/kanban-column-header.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-column-header`,jsx:[`KanbanColumnHeader`],base:{}});export{t as kanbanColumnHeader};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-column-header`,jsx:[`KanbanColumnHeader`],base:{"--kanban-column-header-align-items":`center`,"--kanban-column-header-justify-content":`flex-start`,"--kanban-column-header-gap":`{spacing.200}`,"--kanban-column-header-title-font-family":`{fonts.base}`,"--kanban-column-header-title-font-size":`{fontSizes.300}`,"--kanban-column-header-title-font-weight":`{fontWeights.semiBold}`,"--kanban-column-header-title-color":`{colors.neutral.foreground.2.enabled}`,"--kanban-column-header-count-min-width":`{sizes.400}`,"--kanban-column-header-count-height":`{sizes.400}`,"--kanban-column-header-count-padding-inline":`{spacing.150}`,"--kanban-column-header-count-align-items":`center`,"--kanban-column-header-count-justify-content":`center`,"--kanban-column-header-count-radii":`{radii.900}`,"--kanban-column-header-count-font-family":`{fonts.base}`,"--kanban-column-header-count-font-size":`{fontSizes.200}`,"--kanban-column-header-count-font-weight":`{fontWeights.semiBold}`,"--kanban-column-header-count-col-1-background":`{colors.neutral.background.7.enabled}`,"--kanban-column-header-count-col-1-foreground":`{colors.neutral.foreground.onNeutral.2.enabled}`,"--kanban-column-header-count-col-2-background":`{colors.primary.background.1.enabled}`,"--kanban-column-header-count-col-2-foreground":`{colors.primary.foreground.onPrimary.2.enabled}`,"--kanban-column-header-count-col-3-background":`{colors.success.background.1.enabled}`,"--kanban-column-header-count-col-3-foreground":`{colors.success.foreground.onSuccess.2.enabled}`}});export{t as kanbanColumnHeader};
 //# sourceMappingURL=kanban-column-header.mjs.map

package/dist/recipes/data-display/kanban/kanban-column-header/kanban-column-header.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kanban-column-header.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-column-header/kanban-column-header.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanColumnHeader = defineRecipe({\n  className: 'kanban-column-header',\n  jsx: ['KanbanColumnHeader'],\n  base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAqB,EAAa,CAC7C,UAAW,uBACX,IAAK,CAAC,qBAAqB,CAC3B,KAAM,EAAE,CACT,CAAC"}
+{"version":3,"file":"kanban-column-header.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-column-header/kanban-column-header.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanColumnHeader = defineRecipe({\n  className: 'kanban-column-header',\n  jsx: ['KanbanColumnHeader'],\n  base: {\n    // root\n    '--kanban-column-header-align-items': 'center',\n    '--kanban-column-header-justify-content': 'flex-start',\n    '--kanban-column-header-gap': '{spacing.200}',\n\n    // title\n    '--kanban-column-header-title-font-family': '{fonts.base}',\n    '--kanban-column-header-title-font-size': '{fontSizes.300}',\n    '--kanban-column-header-title-font-weight': '{fontWeights.semiBold}',\n    '--kanban-column-header-title-color':\n      '{colors.neutral.foreground.2.enabled}',\n\n    // count\n    '--kanban-column-header-count-min-width': '{sizes.400}',\n    '--kanban-column-header-count-height': '{sizes.400}',\n    '--kanban-column-header-count-padding-inline': '{spacing.150}',\n    '--kanban-column-header-count-align-items': 'center',\n    '--kanban-column-header-count-justify-content': 'center',\n    '--kanban-column-header-count-radii': '{radii.900}',\n    '--kanban-column-header-count-font-family': '{fonts.base}',\n    '--kanban-column-header-count-font-size': '{fontSizes.200}',\n    '--kanban-column-header-count-font-weight': '{fontWeights.semiBold}',\n    '--kanban-column-header-count-col-1-background':\n      '{colors.neutral.background.7.enabled}',\n    '--kanban-column-header-count-col-1-foreground':\n      '{colors.neutral.foreground.onNeutral.2.enabled}',\n    '--kanban-column-header-count-col-2-background':\n      '{colors.primary.background.1.enabled}',\n    '--kanban-column-header-count-col-2-foreground':\n      '{colors.primary.foreground.onPrimary.2.enabled}',\n    '--kanban-column-header-count-col-3-background':\n      '{colors.success.background.1.enabled}',\n    '--kanban-column-header-count-col-3-foreground':\n      '{colors.success.foreground.onSuccess.2.enabled}',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAqB,EAAa,CAC7C,UAAW,uBACX,IAAK,CAAC,qBAAqB,CAC3B,KAAM,CAEJ,qCAAsC,SACtC,yCAA0C,aAC1C,6BAA8B,gBAG9B,2CAA4C,eAC5C,yCAA0C,kBAC1C,2CAA4C,yBAC5C,qCACE,wCAGF,yCAA0C,cAC1C,sCAAuC,cACvC,8CAA+C,gBAC/C,2CAA4C,SAC5C,+CAAgD,SAChD,qCAAsC,cACtC,2CAA4C,eAC5C,yCAA0C,kBAC1C,2CAA4C,yBAC5C,gDACE,wCACF,gDACE,kDACF,gDACE,wCACF,gDACE,kDACF,gDACE,wCACF,gDACE,kDACH,CACF,CAAC"}

package/dist/recipes/data-display/kanban/kanban-list-footer/kanban-list-footer-button-icon-icon-raw.mjs

@@ -1,2 +1,2 @@
-import{buttonIconIconRaw as e}from"../../../buttons/button-icon/button-icon-icon-raw.mjs";const t=e.merge({className:`kanban-list-footer__button-icon__icon-raw`,jsx:[`KanbanListFooter`],base:{"--button-icon-icon-raw-size":`var(--kanban-list-foter-button-icon-icon-raw-size, 100%)`}});export{t as kanbanListFooterButtonIconIconRaw};
+import{buttonIconIconRaw as e}from"../../../buttons/button-icon/button-icon-icon-raw.mjs";const t=e.merge({className:`kanban-list-footer__button-icon__icon-raw`,jsx:[`KanbanListFooter`],base:{"--button-icon-icon-raw-size":`var(--kanban-list-footer-button-icon-icon-raw-size, 100%)`}});export{t as kanbanListFooterButtonIconIconRaw};
 //# sourceMappingURL=kanban-list-footer-button-icon-icon-raw.mjs.map

package/dist/recipes/data-display/kanban/kanban-list-footer/kanban-list-footer-button-icon-icon-raw.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kanban-list-footer-button-icon-icon-raw.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-list-footer/kanban-list-footer-button-icon-icon-raw.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonIconIconRaw } from '../../../buttons/button-icon/button-icon-icon-raw';\n\nexport const kanbanListFooterButtonIconIconRaw = buttonIconIconRaw.merge({\n  className: 'kanban-list-footer__button-icon__icon-raw',\n  jsx: ['KanbanListFooter'],\n  base: {\n    '--button-icon-icon-raw-size':\n      'var(--kanban-list-foter-button-icon-icon-raw-size, 100%)',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"0FAOA,MAAa,EAAoC,EAAkB,MAAM,CACvE,UAAW,4CACX,IAAK,CAAC,mBAAmB,CACzB,KAAM,CACJ,8BACE,2DACH,CACF,CAAC"}
+{"version":3,"file":"kanban-list-footer-button-icon-icon-raw.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-list-footer/kanban-list-footer-button-icon-icon-raw.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonIconIconRaw } from '../../../buttons/button-icon/button-icon-icon-raw';\n\nexport const kanbanListFooterButtonIconIconRaw = buttonIconIconRaw.merge({\n  className: 'kanban-list-footer__button-icon__icon-raw',\n  jsx: ['KanbanListFooter'],\n  base: {\n    '--button-icon-icon-raw-size':\n      'var(--kanban-list-footer-button-icon-icon-raw-size, 100%)',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"0FAOA,MAAa,EAAoC,EAAkB,MAAM,CACvE,UAAW,4CACX,IAAK,CAAC,mBAAmB,CACzB,KAAM,CACJ,8BACE,4DACH,CACF,CAAC"}

package/dist/recipes/data-display/kanban/kanban-list-footer/kanban-list-footer-button-icon.mjs

@@ -1,2 +1,2 @@
-import{buttonIcon as e}from"../../../buttons/button-icon/button-icon.mjs";const t=e.merge({className:`kanban-list-footer__button-icon`,jsx:[`KanbanListFooter`],base:{"--button-icon-radii":`var(--kanban-list-footer-button-icon-radii, {radii.100})`,"--button-icon-align":`var(--kanban-list-footer-button-icon-align, center)`,"--button-icon-justify":`var(--kanban-list-footer-button-icon-justify, center)`,"--button-icon-text-align":`var(--kanban-list-footer-button-icon-text-align, center)`,"--button-icon-height":`var(--kanban-list-footer-button-icon-height, {sizes.500})`,"--button-icon-padding-inline":`var(--kanban-list-footer-button-icon-padding-inline, 0)`,"--button-icon-disabled-opacity":`var(--kanban-list-footer-button-icon-disabled-opacity, .5)`,"--button-icon-transition":`var(--kanban-list-footer-button-icon-transition, {animations.base.100})`,"--button-icon-background":`var(--kanban-list-footer-button-icon-background, transparent)`,"--button-icon-background-hover":`var(--kanban-list-footer-button-icon-background-hover, {colors.neutral.background.1.hovered})`,"--button-icon-foreground":`var(--kanban-list-footer-button-icon-foreground, {colors.neutral.foreground.2.enabled})`,"--button-icon-foreground-hover":`var(--kanban-list-footer-button-icon-foreground-hover, {colors.neutral.foreground.2.hovered})`,"--button-icon-border-color":`var(--kanban-list-footer-button-icon-border-color, {colors.neutral.stroke.7.enabled})`,"--button-icon-border-color-hover":`var(--kanban-list-footer-button-icon-border-color-hover, {colors.neutral.stroke.7.enabled})`,"--button-icon-border-width":` var(--kanban-list-footer-button-icon-border-width, {borders.150})`,"--button-icon-border-style":`var(--kanban-list-footer-button-icon-border-style, solid)`,"--button-icon-focus-outline-width":`var(--kanban-list-footer-button-icon-focus-outline-width, {borders.150})`,"--button-icon-focus-outline-style":`var(--kanban-list-footer-button-icon-focus-outline-style, solid)`,"--button-icon-focus-outline-offset":`var(--kanban-list-footer-button-icon-focus-outline-offset, {spacing.50})`,"--button-icon-focus-outline-color":`var(--kanban-list-footer-button-icon-focus-outline-color,{colors.primary.stroke.1.focused} )`,"--button-icon-focus-shadow":`var(--kanban-list-footer-button-icon-focus-shadow, none)`,"--button-icon-svg-fill":`var(--kanban-list-footer-button-icon-svg-fill, currentColor)`,"--button-icon-svg-stroke":`var(--kanban-list-footer-button-icon-svg-stroke, currentColor)`,"--kanban-list-footer-button-icon-icon-size":`66%`}});export{t as kanbanListFooterButtonIcon};
+import{buttonIcon as e}from"../../../buttons/button-icon/button-icon.mjs";const t=e.merge({className:`kanban-list-footer__button-icon`,jsx:[`KanbanListFooter`],base:{"--button-icon-radii":`var(--kanban-list-footer-button-icon-radii, {radii.100})`,"--button-icon-align":`var(--kanban-list-footer-button-icon-align, center)`,"--button-icon-justify":`var(--kanban-list-footer-button-icon-justify, center)`,"--button-icon-text-align":`var(--kanban-list-footer-button-icon-text-align, center)`,"--button-icon-height":`var(--kanban-list-footer-button-icon-height, {sizes.500})`,"--button-icon-padding-inline":`var(--kanban-list-footer-button-icon-padding-inline, 0)`,"--button-icon-disabled-opacity":`var(--kanban-list-footer-button-icon-disabled-opacity, .5)`,"--button-icon-transition":`var(--kanban-list-footer-button-icon-transition, {animations.base.100})`,"--button-icon-background":`var(--kanban-list-footer-button-icon-background, transparent)`,"--button-icon-background-hover":`var(--kanban-list-footer-button-icon-background-hover, {colors.neutral.background.1.hovered})`,"--button-icon-foreground":`var(--kanban-list-footer-button-icon-foreground, {colors.neutral.foreground.2.enabled})`,"--button-icon-foreground-hover":`var(--kanban-list-footer-button-icon-foreground-hover, {colors.neutral.foreground.2.hovered})`,"--button-icon-border-color":`var(--kanban-list-footer-button-icon-border-color, {colors.neutral.stroke.7.enabled})`,"--button-icon-border-color-hover":`var(--kanban-list-footer-button-icon-border-color-hover, {colors.neutral.stroke.7.enabled})`,"--button-icon-border-width":` var(--kanban-list-footer-button-icon-border-width, {borders.150})`,"--button-icon-border-style":`var(--kanban-list-footer-button-icon-border-style, solid)`,"--button-icon-focus-outline-width":`var(--kanban-list-footer-button-icon-focus-outline-width, {borders.150})`,"--button-icon-focus-outline-style":`var(--kanban-list-footer-button-icon-focus-outline-style, solid)`,"--button-icon-focus-outline-offset":`var(--kanban-list-footer-button-icon-focus-outline-offset, {spacing.50})`,"--button-icon-focus-outline-color":`var(--kanban-list-footer-button-icon-focus-outline-color, {colors.primary.stroke.1.focused})`,"--button-icon-focus-shadow":`var(--kanban-list-footer-button-icon-focus-shadow, none)`,"--button-icon-svg-fill":`var(--kanban-list-footer-button-icon-svg-fill, currentColor)`,"--button-icon-svg-stroke":`var(--kanban-list-footer-button-icon-svg-stroke, currentColor)`,"--kanban-list-footer-button-icon-icon-size":`66%`}});export{t as kanbanListFooterButtonIcon};
 //# sourceMappingURL=kanban-list-footer-button-icon.mjs.map

package/dist/recipes/data-display/kanban/kanban-list-footer/kanban-list-footer-button-icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kanban-list-footer-button-icon.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-list-footer/kanban-list-footer-button-icon.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonIcon } from '../../../buttons/button-icon/button-icon';\n\nexport const kanbanListFooterButtonIcon = buttonIcon.merge({\n  className: 'kanban-list-footer__button-icon',\n  jsx: ['KanbanListFooter'],\n  base: {\n    '--button-icon-radii':\n      'var(--kanban-list-footer-button-icon-radii, {radii.100})',\n    '--button-icon-align':\n      'var(--kanban-list-footer-button-icon-align, center)',\n    '--button-icon-justify':\n      'var(--kanban-list-footer-button-icon-justify, center)',\n    '--button-icon-text-align':\n      'var(--kanban-list-footer-button-icon-text-align, center)',\n    '--button-icon-height':\n      'var(--kanban-list-footer-button-icon-height, {sizes.500})',\n    '--button-icon-padding-inline':\n      'var(--kanban-list-footer-button-icon-padding-inline, 0)',\n    '--button-icon-disabled-opacity':\n      'var(--kanban-list-footer-button-icon-disabled-opacity, .5)',\n    '--button-icon-transition':\n      'var(--kanban-list-footer-button-icon-transition, {animations.base.100})',\n\n    '--button-icon-background':\n      'var(--kanban-list-footer-button-icon-background, transparent)',\n    '--button-icon-background-hover':\n      'var(--kanban-list-footer-button-icon-background-hover, {colors.neutral.background.1.hovered})',\n\n    '--button-icon-foreground':\n      'var(--kanban-list-footer-button-icon-foreground, {colors.neutral.foreground.2.enabled})',\n    '--button-icon-foreground-hover':\n      'var(--kanban-list-footer-button-icon-foreground-hover, {colors.neutral.foreground.2.hovered})',\n\n    '--button-icon-border-color':\n      'var(--kanban-list-footer-button-icon-border-color, {colors.neutral.stroke.7.enabled})',\n    '--button-icon-border-color-hover':\n      'var(--kanban-list-footer-button-icon-border-color-hover, {colors.neutral.stroke.7.enabled})',\n\n    '--button-icon-border-width':\n      ' var(--kanban-list-footer-button-icon-border-width, {borders.150})',\n    '--button-icon-border-style':\n      'var(--kanban-list-footer-button-icon-border-style, solid)',\n\n    '--button-icon-focus-outline-width':\n      'var(--kanban-list-footer-button-icon-focus-outline-width, {borders.150})',\n    '--button-icon-focus-outline-style':\n      'var(--kanban-list-footer-button-icon-focus-outline-style, solid)',\n    '--button-icon-focus-outline-offset':\n      'var(--kanban-list-footer-button-icon-focus-outline-offset, {spacing.50})',\n    '--button-icon-focus-outline-color':\n      'var(--kanban-list-footer-button-icon-focus-outline-color,{colors.primary.stroke.1.focused} )',\n    '--button-icon-focus-shadow':\n      'var(--kanban-list-footer-button-icon-focus-shadow, none)',\n\n    '--button-icon-svg-fill':\n      'var(--kanban-list-footer-button-icon-svg-fill, currentColor)',\n    '--button-icon-svg-stroke':\n      'var(--kanban-list-footer-button-icon-svg-stroke, currentColor)',\n\n    '--kanban-list-footer-button-icon-icon-size': '66%',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"0EAOA,MAAa,EAA6B,EAAW,MAAM,CACzD,UAAW,kCACX,IAAK,CAAC,mBAAmB,CACzB,KAAM,CACJ,sBACE,2DACF,sBACE,sDACF,wBACE,wDACF,2BACE,2DACF,uBACE,4DACF,+BACE,0DACF,iCACE,6DACF,2BACE,0EAEF,2BACE,gEACF,iCACE,gGAEF,2BACE,0FACF,iCACE,gGAEF,6BACE,wFACF,mCACE,8FAEF,6BACE,qEACF,6BACE,4DAEF,oCACE,2EACF,oCACE,mEACF,qCACE,2EACF,oCACE,+FACF,6BACE,2DAEF,yBACE,+DACF,2BACE,iEAEF,6CAA8C,MAC/C,CACF,CAAC"}
+{"version":3,"file":"kanban-list-footer-button-icon.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-list-footer/kanban-list-footer-button-icon.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonIcon } from '../../../buttons/button-icon/button-icon';\n\nexport const kanbanListFooterButtonIcon = buttonIcon.merge({\n  className: 'kanban-list-footer__button-icon',\n  jsx: ['KanbanListFooter'],\n  base: {\n    '--button-icon-radii':\n      'var(--kanban-list-footer-button-icon-radii, {radii.100})',\n    '--button-icon-align':\n      'var(--kanban-list-footer-button-icon-align, center)',\n    '--button-icon-justify':\n      'var(--kanban-list-footer-button-icon-justify, center)',\n    '--button-icon-text-align':\n      'var(--kanban-list-footer-button-icon-text-align, center)',\n    '--button-icon-height':\n      'var(--kanban-list-footer-button-icon-height, {sizes.500})',\n    '--button-icon-padding-inline':\n      'var(--kanban-list-footer-button-icon-padding-inline, 0)',\n    '--button-icon-disabled-opacity':\n      'var(--kanban-list-footer-button-icon-disabled-opacity, .5)',\n    '--button-icon-transition':\n      'var(--kanban-list-footer-button-icon-transition, {animations.base.100})',\n\n    '--button-icon-background':\n      'var(--kanban-list-footer-button-icon-background, transparent)',\n    '--button-icon-background-hover':\n      'var(--kanban-list-footer-button-icon-background-hover, {colors.neutral.background.1.hovered})',\n\n    '--button-icon-foreground':\n      'var(--kanban-list-footer-button-icon-foreground, {colors.neutral.foreground.2.enabled})',\n    '--button-icon-foreground-hover':\n      'var(--kanban-list-footer-button-icon-foreground-hover, {colors.neutral.foreground.2.hovered})',\n\n    '--button-icon-border-color':\n      'var(--kanban-list-footer-button-icon-border-color, {colors.neutral.stroke.7.enabled})',\n    '--button-icon-border-color-hover':\n      'var(--kanban-list-footer-button-icon-border-color-hover, {colors.neutral.stroke.7.enabled})',\n\n    '--button-icon-border-width':\n      ' var(--kanban-list-footer-button-icon-border-width, {borders.150})',\n    '--button-icon-border-style':\n      'var(--kanban-list-footer-button-icon-border-style, solid)',\n\n    '--button-icon-focus-outline-width':\n      'var(--kanban-list-footer-button-icon-focus-outline-width, {borders.150})',\n    '--button-icon-focus-outline-style':\n      'var(--kanban-list-footer-button-icon-focus-outline-style, solid)',\n    '--button-icon-focus-outline-offset':\n      'var(--kanban-list-footer-button-icon-focus-outline-offset, {spacing.50})',\n    '--button-icon-focus-outline-color':\n      'var(--kanban-list-footer-button-icon-focus-outline-color, {colors.primary.stroke.1.focused})',\n    '--button-icon-focus-shadow':\n      'var(--kanban-list-footer-button-icon-focus-shadow, none)',\n\n    '--button-icon-svg-fill':\n      'var(--kanban-list-footer-button-icon-svg-fill, currentColor)',\n    '--button-icon-svg-stroke':\n      'var(--kanban-list-footer-button-icon-svg-stroke, currentColor)',\n\n    '--kanban-list-footer-button-icon-icon-size': '66%',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"0EAOA,MAAa,EAA6B,EAAW,MAAM,CACzD,UAAW,kCACX,IAAK,CAAC,mBAAmB,CACzB,KAAM,CACJ,sBACE,2DACF,sBACE,sDACF,wBACE,wDACF,2BACE,2DACF,uBACE,4DACF,+BACE,0DACF,iCACE,6DACF,2BACE,0EAEF,2BACE,gEACF,iCACE,gGAEF,2BACE,0FACF,iCACE,gGAEF,6BACE,wFACF,mCACE,8FAEF,6BACE,qEACF,6BACE,4DAEF,oCACE,2EACF,oCACE,mEACF,qCACE,2EACF,oCACE,+FACF,6BACE,2DAEF,yBACE,+DACF,2BACE,iEAEF,6CAA8C,MAC/C,CACF,CAAC"}

package/dist/recipes/data-display/kanban/kanban-list-footer/kanban-list-footer-root.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-list-footer__root`,jsx:[`KanbanListFooter`],base:{display:`flex`,justifyContent:`var(--kanban-list-footer-root-justify, flex-end)`}});export{t as kanbanListFooterRoot};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-list-footer__root`,jsx:[`KanbanListFooter`],base:{display:`flex`,flexDirection:`var(--kanban-list-footer-root-flex-direction, row)`,justifyContent:`var(--kanban-list-footer-root-justify, flex-end)`,alignItems:`var(--kanban-list-footer-root-align-items, center)`}});export{t as kanbanListFooterRoot};
 //# sourceMappingURL=kanban-list-footer-root.mjs.map

package/dist/recipes/data-display/kanban/kanban-list-footer/kanban-list-footer-root.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kanban-list-footer-root.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-list-footer/kanban-list-footer-root.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanListFooterRoot = defineRecipe({\n  className: 'kanban-list-footer__root',\n  jsx: ['KanbanListFooter'],\n  base: {\n    display: 'flex',\n    justifyContent: 'var(--kanban-list-footer-root-justify, flex-end)',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAuB,EAAa,CAC/C,UAAW,2BACX,IAAK,CAAC,mBAAmB,CACzB,KAAM,CACJ,QAAS,OACT,eAAgB,mDACjB,CACF,CAAC"}
+{"version":3,"file":"kanban-list-footer-root.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-list-footer/kanban-list-footer-root.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanListFooterRoot = defineRecipe({\n  className: 'kanban-list-footer__root',\n  jsx: ['KanbanListFooter'],\n  base: {\n    display: 'flex',\n    flexDirection: 'var(--kanban-list-footer-root-flex-direction, row)',\n    justifyContent: 'var(--kanban-list-footer-root-justify, flex-end)',\n    alignItems: 'var(--kanban-list-footer-root-align-items, center)',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAuB,EAAa,CAC/C,UAAW,2BACX,IAAK,CAAC,mBAAmB,CACzB,KAAM,CACJ,QAAS,OACT,cAAe,qDACf,eAAgB,mDAChB,WAAY,qDACb,CACF,CAAC"}

package/dist/recipes/data-display/kanban/kanban-list-footer/kanban-list-footer.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-list-footer`,jsx:[`KanbanListFooter`],base:{}});export{t as kanbanListFooter};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban-list-footer`,jsx:[`KanbanListFooter`],base:{"--kanban-list-footer-root-flex-direction":`row`,"--kanban-list-footer-root-justify":`flex-end`,"--kanban-list-footer-root-align-items":`center`}});export{t as kanbanListFooter};
 //# sourceMappingURL=kanban-list-footer.mjs.map

package/dist/recipes/data-display/kanban/kanban-list-footer/kanban-list-footer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kanban-list-footer.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-list-footer/kanban-list-footer.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanListFooter = defineRecipe({\n  className: 'kanban-list-footer',\n  jsx: ['KanbanListFooter'],\n  base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,qBACX,IAAK,CAAC,mBAAmB,CACzB,KAAM,EAAE,CACT,CAAC"}
+{"version":3,"file":"kanban-list-footer.mjs","names":[],"sources":["../../../../../src/recipes/data-display/kanban/kanban-list-footer/kanban-list-footer.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanListFooter = defineRecipe({\n  className: 'kanban-list-footer',\n  jsx: ['KanbanListFooter'],\n  base: {\n    // root\n    '--kanban-list-footer-root-flex-direction': 'row',\n    '--kanban-list-footer-root-justify': 'flex-end',\n    '--kanban-list-footer-root-align-items': 'center',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,qBACX,IAAK,CAAC,mBAAmB,CACzB,KAAM,CAEJ,2CAA4C,MAC5C,oCAAqC,WACrC,wCAAyC,SAC1C,CACF,CAAC"}

package/dist/recipes/data-display/kanban/kanban-root.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban__root`,jsx:[`Kanban`],base:{display:`flex`,overflowX:`auto`,padding:`{spacing.0}`,gap:`{spacing.200}`}});export{t as kanbanRoot};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban__root`,jsx:[`Kanban`],base:{display:`flex`,overflowX:`auto`,padding:`var(--kanban-root-padding, {spacing.0})`,gap:`var(--kanban-root-gap, {spacing.100})`}});export{t as kanbanRoot};
 //# sourceMappingURL=kanban-root.mjs.map

package/dist/recipes/data-display/kanban/kanban-root.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kanban-root.mjs","names":[],"sources":["../../../../src/recipes/data-display/kanban/kanban-root.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanRoot = defineRecipe({\n  className: 'kanban__root',\n  jsx: ['Kanban'],\n  base: {\n    display: 'flex',\n    overflowX: 'auto',\n    padding: '{spacing.0}',\n    gap: '{spacing.200}',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,QAAS,OACT,UAAW,OACX,QAAS,cACT,IAAK,gBACN,CACF,CAAC"}
+{"version":3,"file":"kanban-root.mjs","names":[],"sources":["../../../../src/recipes/data-display/kanban/kanban-root.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanRoot = defineRecipe({\n  className: 'kanban__root',\n  jsx: ['Kanban'],\n  base: {\n    display: 'flex',\n    overflowX: 'auto',\n    padding: 'var(--kanban-root-padding, {spacing.0})',\n    gap: 'var(--kanban-root-gap, {spacing.100})',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,QAAS,OACT,UAAW,OACX,QAAS,0CACT,IAAK,wCACN,CACF,CAAC"}

package/dist/recipes/data-display/kanban/kanban-wrapper-column.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban__wrapper__column`,jsx:[`Kanban`],base:{backgroundColor:`{colors.neutral.background.2.enabled}`,borderRadius:`{radii.200}`,padding:`{spacing.50}`,minWidth:`var(--kanban-wrapper-column-min-width, 22.5rem)!`,maxWidth:`22.5rem!`,height:`100%`,display:`flex`,flexDirection:`column`,transition:`all 0.1s ease`,WebkitTransition:`all 0.1s ease`,MozTransition:`all 0.1s ease`,MsTransition:`all 0.1s ease`,flexShrink:0}});export{t as kanbanWrapperColumn};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban__wrapper__column`,jsx:[`Kanban`],base:{backgroundColor:`var(--kanban-wrapper-column-background, {colors.neutral.background.2.enabled})`,borderRadius:`var(--kanban-wrapper-column-radii, {radii.200})`,padding:`var(--kanban-wrapper-column-padding, {spacing.50})`,minWidth:`var(--kanban-wrapper-column-min-width, 22.5rem)!`,maxWidth:`var(--kanban-wrapper-column-max-width, 22.5rem)!`,height:`100%`,display:`flex`,flexDirection:`column`,transition:`var(--kanban-wrapper-column-transition, {animations.base.100})`,WebkitTransition:`var(--kanban-wrapper-column-transition, {animations.base.100})`,MozTransition:`var(--kanban-wrapper-column-transition, {animations.base.100})`,MsTransition:`var(--kanban-wrapper-column-transition, {animations.base.100})`,flexShrink:0}});export{t as kanbanWrapperColumn};
 //# sourceMappingURL=kanban-wrapper-column.mjs.map

package/dist/recipes/data-display/kanban/kanban-wrapper-column.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kanban-wrapper-column.mjs","names":[],"sources":["../../../../src/recipes/data-display/kanban/kanban-wrapper-column.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanWrapperColumn = defineRecipe({\n  className: 'kanban__wrapper__column',\n  jsx: ['Kanban'],\n  base: {\n    backgroundColor: '{colors.neutral.background.2.enabled}',\n    borderRadius: '{radii.200}',\n    padding: '{spacing.50}',\n    minWidth: 'var(--kanban-wrapper-column-min-width, 22.5rem)!',\n    maxWidth: '22.5rem!',\n    height: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    transition: 'all 0.1s ease',\n    WebkitTransition: 'all 0.1s ease',\n    MozTransition: 'all 0.1s ease',\n    MsTransition: 'all 0.1s ease',\n    flexShrink: 0,\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAsB,EAAa,CAC9C,UAAW,0BACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,gBAAiB,wCACjB,aAAc,cACd,QAAS,eACT,SAAU,mDACV,SAAU,WACV,OAAQ,OACR,QAAS,OACT,cAAe,SACf,WAAY,gBACZ,iBAAkB,gBAClB,cAAe,gBACf,aAAc,gBACd,WAAY,EACb,CACF,CAAC"}
+{"version":3,"file":"kanban-wrapper-column.mjs","names":[],"sources":["../../../../src/recipes/data-display/kanban/kanban-wrapper-column.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanbanWrapperColumn = defineRecipe({\n  className: 'kanban__wrapper__column',\n  jsx: ['Kanban'],\n  base: {\n    backgroundColor:\n      'var(--kanban-wrapper-column-background, {colors.neutral.background.2.enabled})',\n    borderRadius: 'var(--kanban-wrapper-column-radii, {radii.200})',\n    padding: 'var(--kanban-wrapper-column-padding, {spacing.50})',\n    minWidth: 'var(--kanban-wrapper-column-min-width, 22.5rem)!',\n    maxWidth: 'var(--kanban-wrapper-column-max-width, 22.5rem)!',\n    height: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    transition:\n      'var(--kanban-wrapper-column-transition, {animations.base.100})',\n    WebkitTransition:\n      'var(--kanban-wrapper-column-transition, {animations.base.100})',\n    MozTransition:\n      'var(--kanban-wrapper-column-transition, {animations.base.100})',\n    MsTransition:\n      'var(--kanban-wrapper-column-transition, {animations.base.100})',\n    flexShrink: 0,\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAsB,EAAa,CAC9C,UAAW,0BACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,gBACE,iFACF,aAAc,kDACd,QAAS,qDACT,SAAU,mDACV,SAAU,mDACV,OAAQ,OACR,QAAS,OACT,cAAe,SACf,WACE,iEACF,iBACE,iEACF,cACE,iEACF,aACE,iEACF,WAAY,EACb,CACF,CAAC"}

package/dist/recipes/data-display/kanban/kanban.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban`,jsx:[`Kanban`],base:{"--kanban-wrapper-column-min-width":`22.5rem`}});export{t as kanban};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`kanban`,jsx:[`Kanban`],base:{"--kanban-wrapper-column-background":`{colors.neutral.background.2.enabled}`,"--kanban-wrapper-column-radii":`{radii.200}`,"--kanban-wrapper-column-padding":`{spacing.50}`,"--kanban-wrapper-column-min-width":`22.5rem`,"--kanban-wrapper-column-max-width":`22.5rem`,"--kanban-wrapper-column-transition":`{animations.base.100}`,"--kanban-root-padding":`{spacing.0}`,"--kanban-root-gap":`{spacing.100}`}});export{t as kanban};
 //# sourceMappingURL=kanban.mjs.map

package/dist/recipes/data-display/kanban/kanban.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"kanban.mjs","names":[],"sources":["../../../../src/recipes/data-display/kanban/kanban.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanban = defineRecipe({\n  className: 'kanban',\n  jsx: ['Kanban'],\n  base: {\n    '--kanban-wrapper-column-min-width': '22.5rem',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAS,EAAa,CACjC,UAAW,SACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,oCAAqC,UACtC,CACF,CAAC"}
+{"version":3,"file":"kanban.mjs","names":[],"sources":["../../../../src/recipes/data-display/kanban/kanban.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const kanban = defineRecipe({\n  className: 'kanban',\n  jsx: ['Kanban'],\n  base: {\n    // wrapper column\n    '--kanban-wrapper-column-background':\n      '{colors.neutral.background.2.enabled}',\n    '--kanban-wrapper-column-radii': '{radii.200}',\n    '--kanban-wrapper-column-padding': '{spacing.50}',\n    '--kanban-wrapper-column-min-width': '22.5rem',\n    '--kanban-wrapper-column-max-width': '22.5rem',\n    '--kanban-wrapper-column-transition': '{animations.base.100}',\n\n    // root\n    '--kanban-root-padding': '{spacing.0}',\n    '--kanban-root-gap': '{spacing.100}',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAS,EAAa,CACjC,UAAW,SACX,IAAK,CAAC,SAAS,CACf,KAAM,CAEJ,qCACE,wCACF,gCAAiC,cACjC,kCAAmC,eACnC,oCAAqC,UACrC,oCAAqC,UACrC,qCAAsC,wBAGtC,wBAAyB,cACzB,oBAAqB,gBACtB,CACF,CAAC"}

package/dist/recipes/data-display/table/table-th.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`table__th`,jsx:[`Table`],base:{padding:`var(--table-vertical-spacing, {spacing.300}) var(--table-horizontal-spacing, {spacing.400})`,fontSize:`{fontSizes.300}`,fontWeight:`{fontWeights.semibold}`,color:`{colors.neutral.foreground.1.enabled}`,textAlign:`left`,"[data-sticky] &":{position:`sticky`,top:`var(--table-sticky-header-offset, 0)`,zIndex:1,backgroundColor:`{colors.neutral.background.1.enabled}`},"[data-scrollable] &":{whiteSpace:`nowrap`,overflow:`hidden`,textOverflow:`ellipsis`},"&[data-with-column-border]":{borderRight:`var(--table-border-width, {borders.100}) solid var(--table-border-color, {colors.neutral.stroke.1.enabled})`,"&:last-child":{borderRight:`none`}}}});export{t as tableTh};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`table__th`,jsx:[`Table`],base:{padding:`var(--table-vertical-spacing, {spacing.300}) var(--table-horizontal-spacing, {spacing.400})`,fontSize:`{fontSizes.300}`,fontWeight:`{fontWeights.semibold}`,color:`{colors.neutral.foreground.1.enabled}`,textAlign:`left`,"[data-sticky] &":{position:`sticky`,top:`var(--table-sticky-header-offset, 0)`,zIndex:1,backgroundColor:`{colors.neutral.background.1.enabled}`},"[data-scrollable] &":{whiteSpace:`nowrap`,overflow:`hidden`,textOverflow:`ellipsis`},"&[data-sortable]":{cursor:`pointer`,userSelect:`none`,transition:`{animations.200}`,_hover:{backgroundColor:`{colors.neutral.background.2.hovered}`}},"&[data-sortable]:focus-within":{outlineWidth:`{borders.150}`,outlineStyle:`solid`,outlineOffset:`{spacing.50}`,outlineColor:`primary.stroke.1.focused`},"&[data-with-column-border]":{borderRight:`var(--table-border-width, {borders.100}) solid var(--table-border-color, {colors.neutral.stroke.1.enabled})`,"&:last-child":{borderRight:`none`}}}});export{t as tableTh};
 //# sourceMappingURL=table-th.mjs.map

package/dist/recipes/data-display/table/table-th.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"table-th.mjs","names":[],"sources":["../../../../src/recipes/data-display/table/table-th.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const tableTh = defineRecipe({\n  className: 'table__th',\n  jsx: ['Table'],\n  base: {\n    padding:\n      'var(--table-vertical-spacing, {spacing.300}) var(--table-horizontal-spacing, {spacing.400})',\n    fontSize: '{fontSizes.300}',\n    fontWeight: '{fontWeights.semibold}',\n    color: '{colors.neutral.foreground.1.enabled}',\n    textAlign: 'left',\n\n    '[data-sticky] &': {\n      position: 'sticky',\n      top: 'var(--table-sticky-header-offset, 0)',\n      zIndex: 1,\n      backgroundColor: '{colors.neutral.background.1.enabled}',\n    },\n\n    '[data-scrollable] &': {\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n    },\n\n    '&[data-with-column-border]': {\n      borderRight:\n        'var(--table-border-width, {borders.100}) solid var(--table-border-color, {colors.neutral.stroke.1.enabled})',\n\n      '&:last-child': {\n        borderRight: 'none',\n      },\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAU,EAAa,CAClC,UAAW,YACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,QACE,8FACF,SAAU,kBACV,WAAY,yBACZ,MAAO,wCACP,UAAW,OAEX,kBAAmB,CACjB,SAAU,SACV,IAAK,uCACL,OAAQ,EACR,gBAAiB,wCAClB,CAED,sBAAuB,CACrB,WAAY,SACZ,SAAU,SACV,aAAc,WACf,CAED,6BAA8B,CAC5B,YACE,8GAEF,eAAgB,CACd,YAAa,OACd,CACF,CACF,CACF,CAAC"}
+{"version":3,"file":"table-th.mjs","names":[],"sources":["../../../../src/recipes/data-display/table/table-th.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const tableTh = defineRecipe({\n  className: 'table__th',\n  jsx: ['Table'],\n  base: {\n    padding:\n      'var(--table-vertical-spacing, {spacing.300}) var(--table-horizontal-spacing, {spacing.400})',\n    fontSize: '{fontSizes.300}',\n    fontWeight: '{fontWeights.semibold}',\n    color: '{colors.neutral.foreground.1.enabled}',\n    textAlign: 'left',\n\n    '[data-sticky] &': {\n      position: 'sticky',\n      top: 'var(--table-sticky-header-offset, 0)',\n      zIndex: 1,\n      backgroundColor: '{colors.neutral.background.1.enabled}',\n    },\n\n    '[data-scrollable] &': {\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n    },\n\n    '&[data-sortable]': {\n      cursor: 'pointer',\n      userSelect: 'none',\n      transition: '{animations.200}',\n\n      _hover: {\n        backgroundColor: '{colors.neutral.background.2.hovered}',\n      },\n    },\n\n    '&[data-sortable]:focus-within': {\n      outlineWidth: '{borders.150}',\n      outlineStyle: 'solid',\n      outlineOffset: '{spacing.50}',\n      outlineColor: 'primary.stroke.1.focused',\n    },\n\n    '&[data-with-column-border]': {\n      borderRight:\n        'var(--table-border-width, {borders.100}) solid var(--table-border-color, {colors.neutral.stroke.1.enabled})',\n\n      '&:last-child': {\n        borderRight: 'none',\n      },\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAU,EAAa,CAClC,UAAW,YACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,QACE,8FACF,SAAU,kBACV,WAAY,yBACZ,MAAO,wCACP,UAAW,OAEX,kBAAmB,CACjB,SAAU,SACV,IAAK,uCACL,OAAQ,EACR,gBAAiB,wCAClB,CAED,sBAAuB,CACrB,WAAY,SACZ,SAAU,SACV,aAAc,WACf,CAED,mBAAoB,CAClB,OAAQ,UACR,WAAY,OACZ,WAAY,mBAEZ,OAAQ,CACN,gBAAiB,wCAClB,CACF,CAED,gCAAiC,CAC/B,aAAc,gBACd,aAAc,QACd,cAAe,eACf,aAAc,2BACf,CAED,6BAA8B,CAC5B,YACE,8GAEF,eAAgB,CACd,YAAa,OACd,CACF,CACF,CACF,CAAC"}

package/dist/recipes/data-display/table/table-tr.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`table__tr`,jsx:[`Table`],base:{"&[data-with-row-border]":{borderBottom:`var(--table-border-width, {borders.100}) solid var(--table-border-color, {colors.neutral.stroke.1.enabled})`},'&[data-striped="odd"]:nth-of-type(odd)':{backgroundColor:`var(--table-striped-color)`},'&[data-striped="even"]:nth-of-type(even)':{backgroundColor:`var(--table-striped-color)`},"&[data-hover]:hover":{backgroundColor:`var(--table-highlight-on-hover-color)`},"&[aria-hidden] > td":{padding:0,border:`none`}}});export{t as tableTr};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`table__tr`,jsx:[`Table`],base:{"&[data-with-row-border]":{borderBottom:`var(--table-border-width, {borders.100}) solid var(--table-border-color, {colors.neutral.stroke.1.enabled})`},'&[data-striped="odd"]:nth-of-type(odd)':{backgroundColor:`var(--table-striped-color)`},'&[data-striped="even"]:nth-of-type(even)':{backgroundColor:`var(--table-striped-color)`},"&[data-hover]:hover":{backgroundColor:`var(--table-highlight-on-hover-color)`},"&[data-selected]":{backgroundColor:`{colors.primary.background.3.enabled}`},"&[aria-hidden] > td":{padding:0,border:`none`}}});export{t as tableTr};
 //# sourceMappingURL=table-tr.mjs.map

package/dist/recipes/data-display/table/table-tr.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"table-tr.mjs","names":[],"sources":["../../../../src/recipes/data-display/table/table-tr.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const tableTr = defineRecipe({\n  className: 'table__tr',\n  jsx: ['Table'],\n  base: {\n    '&[data-with-row-border]': {\n      borderBottom:\n        'var(--table-border-width, {borders.100}) solid var(--table-border-color, {colors.neutral.stroke.1.enabled})',\n    },\n\n    '&[data-striped=\"odd\"]:nth-of-type(odd)': {\n      backgroundColor: 'var(--table-striped-color)',\n    },\n\n    '&[data-striped=\"even\"]:nth-of-type(even)': {\n      backgroundColor: 'var(--table-striped-color)',\n    },\n\n    '&[data-hover]:hover': {\n      backgroundColor: 'var(--table-highlight-on-hover-color)',\n    },\n\n    '&[aria-hidden] > td': {\n      padding: 0,\n      border: 'none',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAU,EAAa,CAClC,UAAW,YACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,0BAA2B,CACzB,aACE,8GACH,CAED,yCAA0C,CACxC,gBAAiB,6BAClB,CAED,2CAA4C,CAC1C,gBAAiB,6BAClB,CAED,sBAAuB,CACrB,gBAAiB,wCAClB,CAED,sBAAuB,CACrB,QAAS,EACT,OAAQ,OACT,CACF,CACF,CAAC"}
+{"version":3,"file":"table-tr.mjs","names":[],"sources":["../../../../src/recipes/data-display/table/table-tr.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const tableTr = defineRecipe({\n  className: 'table__tr',\n  jsx: ['Table'],\n  base: {\n    '&[data-with-row-border]': {\n      borderBottom:\n        'var(--table-border-width, {borders.100}) solid var(--table-border-color, {colors.neutral.stroke.1.enabled})',\n    },\n\n    '&[data-striped=\"odd\"]:nth-of-type(odd)': {\n      backgroundColor: 'var(--table-striped-color)',\n    },\n\n    '&[data-striped=\"even\"]:nth-of-type(even)': {\n      backgroundColor: 'var(--table-striped-color)',\n    },\n\n    '&[data-hover]:hover': {\n      backgroundColor: 'var(--table-highlight-on-hover-color)',\n    },\n\n    '&[data-selected]': {\n      backgroundColor: '{colors.primary.background.3.enabled}',\n    },\n\n    '&[aria-hidden] > td': {\n      padding: 0,\n      border: 'none',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAU,EAAa,CAClC,UAAW,YACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,0BAA2B,CACzB,aACE,8GACH,CAED,yCAA0C,CACxC,gBAAiB,6BAClB,CAED,2CAA4C,CAC1C,gBAAiB,6BAClB,CAED,sBAAuB,CACrB,gBAAiB,wCAClB,CAED,mBAAoB,CAClB,gBAAiB,wCAClB,CAED,sBAAuB,CACrB,QAAS,EACT,OAAQ,OACT,CACF,CACF,CAAC"}

package/dist/recipes/navigations/index.mjs

@@ -1,2 +1,2 @@
-import e from"./breadcrumbs/index.mjs";import t from"./menu/index.mjs";import n from"./sidebars/index.mjs";var r={...e,...t,...n};export{r as default};
+import e from"./breadcrumbs/index.mjs";import t from"./menu/index.mjs";import n from"./pagination/index.mjs";import r from"./sidebars/index.mjs";var i={...e,...t,...n,...r};export{i as default};
 //# sourceMappingURL=index.mjs.map

package/dist/recipes/navigations/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["breadcrumbs","menu","sidebars"],"sources":["../../../src/recipes/navigations/index.ts"],"sourcesContent":["import breadcrumbs from './breadcrumbs';\nimport menu from './menu';\nimport sidebars from './sidebars';\n\nexport default {\n  ...breadcrumbs,\n  ...menu,\n  ...sidebars,\n};\n"],"mappings":"2GAIA,IAAA,EAAe,CACb,GAAGA,EACH,GAAGC,EACH,GAAGC,EACJ"}
+{"version":3,"file":"index.mjs","names":["breadcrumbs","menu","pagination","sidebars"],"sources":["../../../src/recipes/navigations/index.ts"],"sourcesContent":["import breadcrumbs from './breadcrumbs';\nimport menu from './menu';\nimport pagination from './pagination';\nimport sidebars from './sidebars';\n\nexport default {\n  ...breadcrumbs,\n  ...menu,\n  ...pagination,\n  ...sidebars,\n};\n"],"mappings":"iJAKA,IAAA,EAAe,CACb,GAAGA,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACJ"}

package/dist/recipes/navigations/pagination/index.mjs

@@ -0,0 +1,2 @@
+import{pagination as e}from"./pagination.mjs";import{paginationControl as t}from"./pagination-control.mjs";import{paginationDots as n}from"./pagination-dots.mjs";import{paginationRoot as r}from"./pagination-root.mjs";var i={pagination:e,paginationRoot:r,paginationControl:t,paginationDots:n};export{i as default};
+//# sourceMappingURL=index.mjs.map

package/dist/recipes/navigations/pagination/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/recipes/navigations/pagination/index.ts"],"sourcesContent":["import { pagination } from './pagination';\nimport { paginationControl } from './pagination-control';\nimport { paginationDots } from './pagination-dots';\nimport { paginationRoot } from './pagination-root';\n\nexport default {\n  pagination,\n  paginationRoot,\n  paginationControl,\n  paginationDots,\n};\n"],"mappings":"yNAKA,IAAA,EAAe,CACb,aACA,iBACA,oBACA,iBACD"}

package/dist/recipes/navigations/pagination/pagination-control.mjs

@@ -0,0 +1,2 @@
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`pagination__control`,jsx:[`Pagination`],base:{display:`inline-flex`,alignItems:`center`,justifyContent:`center`,minWidth:`var(--pagination-control-size, {sizes.800})`,height:`var(--pagination-control-size, {sizes.800})`,fontFamily:`var(--pagination-control-font-family, {fonts.base})`,fontSize:`var(--pagination-control-font-size, {fontSizes.300})`,fontWeight:`var(--pagination-control-font-weight, {fontWeights.medium})`,lineHeight:`1`,color:`var(--pagination-control-foreground)`,backgroundColor:`var(--pagination-control-background, transparent)`,border:`var(--pagination-control-border)`,borderRadius:`var(--pagination-control-radius, {radii.200})`,cursor:`pointer`,userSelect:`none`,transition:`var(--pagination-transition, {animations.200})`,_hover:{color:`var(--pagination-control-foreground-hover)`,backgroundColor:`var(--pagination-control-background-hover)`,border:`var(--pagination-control-border-hover)`},"&[data-active]":{color:`var(--pagination-control-foreground-active)`,backgroundColor:`var(--pagination-control-background-active)`,border:`var(--pagination-control-border-active)`},"&[data-disabled]":{color:`var(--pagination-control-foreground-disabled)`,backgroundColor:`var(--pagination-control-background-disabled)`,border:`var(--pagination-control-border-disabled)`,cursor:`not-allowed`,pointerEvents:`none`}}});export{t as paginationControl};
+//# sourceMappingURL=pagination-control.mjs.map

package/dist/recipes/navigations/pagination/pagination-control.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-control.mjs","names":[],"sources":["../../../../src/recipes/navigations/pagination/pagination-control.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const paginationControl = defineRecipe({\n  className: 'pagination__control',\n  jsx: ['Pagination'],\n  base: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    minWidth: 'var(--pagination-control-size, {sizes.800})',\n    height: 'var(--pagination-control-size, {sizes.800})',\n    fontFamily: 'var(--pagination-control-font-family, {fonts.base})',\n    fontSize: 'var(--pagination-control-font-size, {fontSizes.300})',\n    fontWeight: 'var(--pagination-control-font-weight, {fontWeights.medium})',\n    lineHeight: '1',\n    color: 'var(--pagination-control-foreground)',\n    backgroundColor: 'var(--pagination-control-background, transparent)',\n    border: 'var(--pagination-control-border)',\n    borderRadius: 'var(--pagination-control-radius, {radii.200})',\n    cursor: 'pointer',\n    userSelect: 'none',\n    transition: 'var(--pagination-transition, {animations.200})',\n\n    _hover: {\n      color: 'var(--pagination-control-foreground-hover)',\n      backgroundColor: 'var(--pagination-control-background-hover)',\n      border: 'var(--pagination-control-border-hover)',\n    },\n\n    '&[data-active]': {\n      color: 'var(--pagination-control-foreground-active)',\n      backgroundColor: 'var(--pagination-control-background-active)',\n      border: 'var(--pagination-control-border-active)',\n    },\n\n    '&[data-disabled]': {\n      color: 'var(--pagination-control-foreground-disabled)',\n      backgroundColor: 'var(--pagination-control-background-disabled)',\n      border: 'var(--pagination-control-border-disabled)',\n      cursor: 'not-allowed',\n      pointerEvents: 'none',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAoB,EAAa,CAC5C,UAAW,sBACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,QAAS,cACT,WAAY,SACZ,eAAgB,SAChB,SAAU,8CACV,OAAQ,8CACR,WAAY,sDACZ,SAAU,uDACV,WAAY,8DACZ,WAAY,IACZ,MAAO,uCACP,gBAAiB,oDACjB,OAAQ,mCACR,aAAc,gDACd,OAAQ,UACR,WAAY,OACZ,WAAY,iDAEZ,OAAQ,CACN,MAAO,6CACP,gBAAiB,6CACjB,OAAQ,yCACT,CAED,iBAAkB,CAChB,MAAO,8CACP,gBAAiB,8CACjB,OAAQ,0CACT,CAED,mBAAoB,CAClB,MAAO,gDACP,gBAAiB,gDACjB,OAAQ,4CACR,OAAQ,cACR,cAAe,OAChB,CACF,CACF,CAAC"}

package/dist/recipes/navigations/pagination/pagination-dots.mjs

@@ -0,0 +1,2 @@
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`pagination__dots`,jsx:[`Pagination`],base:{display:`inline-flex`,alignItems:`center`,justifyContent:`center`,minWidth:`var(--pagination-control-size, {sizes.800})`,height:`var(--pagination-control-size, {sizes.800})`,color:`var(--pagination-dots-foreground)`,pointerEvents:`none`}});export{t as paginationDots};
+//# sourceMappingURL=pagination-dots.mjs.map

package/dist/recipes/navigations/pagination/pagination-dots.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-dots.mjs","names":[],"sources":["../../../../src/recipes/navigations/pagination/pagination-dots.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const paginationDots = defineRecipe({\n  className: 'pagination__dots',\n  jsx: ['Pagination'],\n  base: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    minWidth: 'var(--pagination-control-size, {sizes.800})',\n    height: 'var(--pagination-control-size, {sizes.800})',\n    color: 'var(--pagination-dots-foreground)',\n    pointerEvents: 'none',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,mBACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,QAAS,cACT,WAAY,SACZ,eAAgB,SAChB,SAAU,8CACV,OAAQ,8CACR,MAAO,oCACP,cAAe,OAChB,CACF,CAAC"}

package/dist/recipes/navigations/pagination/pagination-root.mjs

@@ -0,0 +1,2 @@
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`pagination__root`,jsx:[`Pagination`],base:{display:`flex`,alignItems:`center`,gap:`var(--pagination-gap, {spacing.200})`}});export{t as paginationRoot};
+//# sourceMappingURL=pagination-root.mjs.map

package/dist/recipes/navigations/pagination/pagination-root.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-root.mjs","names":[],"sources":["../../../../src/recipes/navigations/pagination/pagination-root.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const paginationRoot = defineRecipe({\n  className: 'pagination__root',\n  jsx: ['Pagination'],\n  base: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: 'var(--pagination-gap, {spacing.200})',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,mBACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,QAAS,OACT,WAAY,SACZ,IAAK,uCACN,CACF,CAAC"}

package/dist/recipes/navigations/pagination/pagination.mjs

@@ -0,0 +1,2 @@
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`pagination`,jsx:[`Pagination`],base:{"--pagination-control-size":`{sizes.800}`,"--pagination-control-radius":`{radii.200}`,"--pagination-control-font-size":`{fontSizes.300}`,"--pagination-control-font-weight":`{fontWeights.medium}`,"--pagination-control-font-family":`{fonts.base}`,"--pagination-control-foreground":`{colors.neutral.foreground.1.enabled}`,"--pagination-control-background":`transparent`,"--pagination-control-border":`1px solid {colors.neutral.border.1.enabled}`,"--pagination-control-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--pagination-control-background-hover":`{colors.neutral.background.2.hovered}`,"--pagination-control-border-hover":`1px solid {colors.neutral.border.1.hovered}`,"--pagination-control-foreground-active":`{colors.primary.foreground.inverse.enabled}`,"--pagination-control-background-active":`{colors.primary.background.1.enabled}`,"--pagination-control-border-active":`1px solid {colors.primary.border.1.enabled}`,"--pagination-control-foreground-disabled":`{colors.neutral.foreground.4.enabled}`,"--pagination-control-background-disabled":`transparent`,"--pagination-control-border-disabled":`1px solid {colors.neutral.border.2.enabled}`,"--pagination-dots-foreground":`{colors.neutral.foreground.3.enabled}`,"--pagination-gap":`{spacing.200}`,"--pagination-transition":`{animations.200}`}});export{t as pagination};
+//# sourceMappingURL=pagination.mjs.map

package/dist/recipes/navigations/pagination/pagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.mjs","names":[],"sources":["../../../../src/recipes/navigations/pagination/pagination.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const pagination = defineRecipe({\n  className: 'pagination',\n  jsx: ['Pagination'],\n  base: {\n    '--pagination-control-size': '{sizes.800}',\n    '--pagination-control-radius': '{radii.200}',\n    '--pagination-control-font-size': '{fontSizes.300}',\n    '--pagination-control-font-weight': '{fontWeights.medium}',\n    '--pagination-control-font-family': '{fonts.base}',\n    '--pagination-control-foreground': '{colors.neutral.foreground.1.enabled}',\n    '--pagination-control-background': 'transparent',\n    '--pagination-control-border': '1px solid {colors.neutral.border.1.enabled}',\n    '--pagination-control-foreground-hover':\n      '{colors.neutral.foreground.1.hovered}',\n    '--pagination-control-background-hover':\n      '{colors.neutral.background.2.hovered}',\n    '--pagination-control-border-hover':\n      '1px solid {colors.neutral.border.1.hovered}',\n    '--pagination-control-foreground-active':\n      '{colors.primary.foreground.inverse.enabled}',\n    '--pagination-control-background-active':\n      '{colors.primary.background.1.enabled}',\n    '--pagination-control-border-active':\n      '1px solid {colors.primary.border.1.enabled}',\n    '--pagination-control-foreground-disabled':\n      '{colors.neutral.foreground.4.enabled}',\n    '--pagination-control-background-disabled': 'transparent',\n    '--pagination-control-border-disabled':\n      '1px solid {colors.neutral.border.2.enabled}',\n    '--pagination-dots-foreground': '{colors.neutral.foreground.3.enabled}',\n    '--pagination-gap': '{spacing.200}',\n    '--pagination-transition': '{animations.200}',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,aACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,4BAA6B,cAC7B,8BAA+B,cAC/B,iCAAkC,kBAClC,mCAAoC,uBACpC,mCAAoC,eACpC,kCAAmC,wCACnC,kCAAmC,cACnC,8BAA+B,8CAC/B,wCACE,wCACF,wCACE,wCACF,oCACE,8CACF,yCACE,8CACF,yCACE,wCACF,qCACE,8CACF,2CACE,wCACF,2CAA4C,cAC5C,uCACE,8CACF,+BAAgC,wCAChC,mBAAoB,gBACpB,0BAA2B,mBAC5B,CACF,CAAC"}

package/dist/tokens/keyframes.mjs

@@ -1,2 +1,2 @@
-import{defineKeyframes as e}from"@pandacss/dev";const t=e({grow:{"0%":{width:`0`},"100%":{width:`100%`}},expandY:{"0%":{opacity:`0`,transform:`scaleY(0.2)`},"100%":{opacity:`1`,transform:`scaleY(1)`}},boundScale:{"0%, 100%":{transform:`scale(1)`,opacity:`1`},"50%":{transform:`scale(.6)`,opacity:`.5`}},spin:{"0%":{transform:`rotate(0deg)`},"100%":{transform:`rotate(360deg)`}},toastEnter:{"0%":{opacity:`0`,transform:`translateY(-0.375rem) scale(0.98)`},"100%":{opacity:`1`,transform:`translateY(0) scale(1)`}}});export{t as keyframes};
+import{defineKeyframes as e}from"@pandacss/dev";const t=e({grow:{"0%":{width:`0`},"100%":{width:`100%`}},expandY:{"0%":{opacity:`0`,transform:`scaleY(0.2)`},"100%":{opacity:`1`,transform:`scaleY(1)`}},boundScale:{"0%, 100%":{transform:`scale(1)`,opacity:`1`},"50%":{transform:`scale(.6)`,opacity:`.5`}},spin:{"0%":{transform:`rotate(0deg)`},"100%":{transform:`rotate(360deg)`}},toastEnter:{"0%":{opacity:`0`,transform:`translateY(-0.375rem) scale(0.98)`},"100%":{opacity:`1`,transform:`translateY(0) scale(1)`}},indeterminate:{"0%":{left:`-40%`},"100%":{left:`100%`}}});export{t as keyframes};
 //# sourceMappingURL=keyframes.mjs.map

package/dist/tokens/keyframes.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"keyframes.mjs","names":[],"sources":["../../src/tokens/keyframes.ts"],"sourcesContent":["import { defineKeyframes } from '@pandacss/dev';\n\nexport const keyframes = defineKeyframes({\n  grow: {\n    '0%': { width: '0' },\n    '100%': { width: '100%' },\n  },\n  expandY: {\n    '0%': {\n      opacity: '0',\n      transform: 'scaleY(0.2)',\n    },\n    '100%': {\n      opacity: '1',\n      transform: 'scaleY(1)',\n    },\n  },\n  boundScale: {\n    '0%, 100%': {\n      transform: 'scale(1)',\n      opacity: '1',\n    },\n    '50%': {\n      transform: 'scale(.6)',\n      opacity: '.5',\n    },\n  },\n  spin: {\n    '0%': { transform: 'rotate(0deg)' },\n    '100%': { transform: 'rotate(360deg)' },\n  },\n  toastEnter: {\n    '0%': {\n      opacity: '0',\n      transform: 'translateY(-0.375rem) scale(0.98)',\n    },\n    '100%': {\n      opacity: '1',\n      transform: 'translateY(0) scale(1)',\n    },\n  },\n});\n"],"mappings":"gDAEA,MAAa,EAAY,EAAgB,CACvC,KAAM,CACJ,KAAM,CAAE,MAAO,IAAK,CACpB,OAAQ,CAAE,MAAO,OAAQ,CAC1B,CACD,QAAS,CACP,KAAM,CACJ,QAAS,IACT,UAAW,cACZ,CACD,OAAQ,CACN,QAAS,IACT,UAAW,YACZ,CACF,CACD,WAAY,CACV,WAAY,CACV,UAAW,WACX,QAAS,IACV,CACD,MAAO,CACL,UAAW,YACX,QAAS,KACV,CACF,CACD,KAAM,CACJ,KAAM,CAAE,UAAW,eAAgB,CACnC,OAAQ,CAAE,UAAW,iBAAkB,CACxC,CACD,WAAY,CACV,KAAM,CACJ,QAAS,IACT,UAAW,oCACZ,CACD,OAAQ,CACN,QAAS,IACT,UAAW,yBACZ,CACF,CACF,CAAC"}
+{"version":3,"file":"keyframes.mjs","names":[],"sources":["../../src/tokens/keyframes.ts"],"sourcesContent":["import { defineKeyframes } from '@pandacss/dev';\n\nexport const keyframes = defineKeyframes({\n  grow: {\n    '0%': { width: '0' },\n    '100%': { width: '100%' },\n  },\n  expandY: {\n    '0%': {\n      opacity: '0',\n      transform: 'scaleY(0.2)',\n    },\n    '100%': {\n      opacity: '1',\n      transform: 'scaleY(1)',\n    },\n  },\n  boundScale: {\n    '0%, 100%': {\n      transform: 'scale(1)',\n      opacity: '1',\n    },\n    '50%': {\n      transform: 'scale(.6)',\n      opacity: '.5',\n    },\n  },\n  spin: {\n    '0%': { transform: 'rotate(0deg)' },\n    '100%': { transform: 'rotate(360deg)' },\n  },\n  toastEnter: {\n    '0%': {\n      opacity: '0',\n      transform: 'translateY(-0.375rem) scale(0.98)',\n    },\n    '100%': {\n      opacity: '1',\n      transform: 'translateY(0) scale(1)',\n    },\n  },\n  indeterminate: {\n    '0%': { left: '-40%' },\n    '100%': { left: '100%' },\n  },\n});\n"],"mappings":"gDAEA,MAAa,EAAY,EAAgB,CACvC,KAAM,CACJ,KAAM,CAAE,MAAO,IAAK,CACpB,OAAQ,CAAE,MAAO,OAAQ,CAC1B,CACD,QAAS,CACP,KAAM,CACJ,QAAS,IACT,UAAW,cACZ,CACD,OAAQ,CACN,QAAS,IACT,UAAW,YACZ,CACF,CACD,WAAY,CACV,WAAY,CACV,UAAW,WACX,QAAS,IACV,CACD,MAAO,CACL,UAAW,YACX,QAAS,KACV,CACF,CACD,KAAM,CACJ,KAAM,CAAE,UAAW,eAAgB,CACnC,OAAQ,CAAE,UAAW,iBAAkB,CACxC,CACD,WAAY,CACV,KAAM,CACJ,QAAS,IACT,UAAW,oCACZ,CACD,OAAQ,CACN,QAAS,IACT,UAAW,yBACZ,CACF,CACD,cAAe,CACb,KAAM,CAAE,KAAM,OAAQ,CACtB,OAAQ,CAAE,KAAM,OAAQ,CACzB,CACF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/preset",
-  "version": "1.0.69",
+  "version": "1.0.70",
   "private": false,
   "description": "",
   "keywords": [],