npm - @mage-ui/preset - Versions diffs - 1.0.65 → 1.0.67 - Mend

@mage-ui/preset 1.0.65 → 1.0.67

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (158) hide show

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

@@ -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.200})`,"--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-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.200})`,"--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-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};
 //# sourceMappingURL=autocomplete.mjs.map

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

	@@ -1 +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.~~200~~})',\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\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.~~200~~})',\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,~~mDAEF~~,mBAAoB,yCAEpB,wBAAyB,gDAEzB,yBAA0B,~~iDAE1B~~,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"}
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"}

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

@@ -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-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-color":`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-color-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-color-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-color-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.200})`,"--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-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};
 //# sourceMappingURL=combobox.mjs.map

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

	@@ -1 +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\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-~~color~~':\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-~~color~~-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-~~color~~-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-~~color~~-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.~~200~~})',\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,~~6CAE1B~~,gCACE,mDACF,8BACE,oDACF,gCACE,wDAEF,mCACE,uDACF,kCACE,sDAEF,0BAA2B,4CAE3B,+BACE,iDACF,~~0BACE,~~sEAEF,+BACE,2DAEF,qCACE,iFACF,~~gCACE~~,4EAEF,wCACE,6FACF,~~mCACE~~,wFAEF,sCACE,2FACF,~~iCACE~~,sFAEF,+BACE,kDACF,6BACE,mDACF,+BAAgC,uCAChC,8BACE,0EACF,iCACE,qDACF,8BAA+B,2CAChC,CACF,CAAC"}
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"}

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

@@ -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})`,borderRadius:`var(--dropdown-option-radii, {radii.100})`,paddingBlock:`var(--dropdown-option-padding-block, {spacing.100})`,backgroundColor:`var(--dropdown-option-background, transparent)`,color:`var(--dropdown-option-color, {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-color-hover, {colors.neutral.foreground.1.hovered})`},_selected:{backgroundColor:`var(--dropdown-option-background-selected, {colors.neutral.background.2.primary.selected})`,color:`var(--dropdown-option-color-selected, {colors.neutral.foreground.2.primary.selected})`},_active:{backgroundColor:`var(--dropdown-option-background-active, {colors.neutral.background.2.primary.selected})`,color:`var(--dropdown-option-color-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:{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};
 //# sourceMappingURL=dropdown-option.mjs.map

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

	@@ -1 +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 ~~borderRadius~~: 'var(--dropdown-option-~~radii~~, {~~radii~~.100})',\n ~~paddingBlock~~: 'var(--dropdown-option-~~padding-block~~, {~~spacing~~.100})',\n backgroundColor: 'var(--dropdown-option-background, transparent)',\n color:\n 'var(--dropdown-option-~~color~~, {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-~~color~~-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-~~color~~-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-~~color~~-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,~~4CACd~~,aAAc,~~sDACd~~,gBAAiB,iDACjB,MACE,~~sEACF~~,OAAQ,UACR,WAAY,2DAEZ,OAAQ,CACN,gBACE,iFACF,MACE,~~4EACH~~,CAED,UAAW,CACT,gBACE,6FACF,MACE,~~wFACH~~,CAED,QAAS,CACP,gBACE,2FACF,MACE,~~sFACH~~,CACF,CACF,CAAC"}
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"}

package/dist/recipes/controls/dropdown/dropdown-options.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`dropdown__options`,jsx:[`Dropdown`],base:{display:`flex`,flexDirection:`column`,gap:`var(--dropdown-options-gap, {spacing.100})`}});export{t as dropdownOptions};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`dropdown__options`,jsx:[`Dropdown`],base:{display:`flex`,flexDirection:`column`,gap:`var(--dropdown-options-gap, {spacing.100})`,paddingTop:`var(--dropdown-options-padding-top, {spacing.0})`}});export{t as dropdownOptions};
 //# sourceMappingURL=dropdown-options.mjs.map

package/dist/recipes/controls/dropdown/dropdown-options.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown-options.mjs","names":[],"sources":["../../../../src/recipes/controls/dropdown/dropdown-options.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dropdownOptions = defineRecipe({\n className: 'dropdown__options',\n jsx: ['Dropdown'],\n base: {\n display: 'flex',\n flexDirection: 'column',\n gap: 'var(--dropdown-options-gap, {spacing.100})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAkB,EAAa,CAC1C,UAAW,oBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,QAAS,OACT,cAAe,SACf,IAAK,~~6CACN~~,CACF,CAAC"}
1	+ {"version":3,"file":"dropdown-options.mjs","names":[],"sources":["../../../../src/recipes/controls/dropdown/dropdown-options.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dropdownOptions = defineRecipe({\n className: 'dropdown__options',\n jsx: ['Dropdown'],\n base: {\n display: 'flex',\n flexDirection: 'column',\n gap: 'var(--dropdown-options-gap, {spacing.100})',\n paddingTop: 'var(--dropdown-options-padding-top, {spacing.0})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAkB,EAAa,CAC1C,UAAW,oBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,QAAS,OACT,cAAe,SACf,IAAK,6CACL,WAAY,mDACb,CACF,CAAC"}

package/dist/recipes/controls/dropdown/dropdown-root.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`dropdown__root`,jsx:[`Dropdown`],base:{position:`absolute`,backgroundColor:`var(--dropdown-background, {colors.neutral.background.1.enabled})`,borderWidth:`var(--dropdown-border-width, {borders.100})`,borderStyle:`var(--dropdown-border-style, solid)`,borderColor:`var(--dropdown-border-color, {colors.neutral.stroke.7.enabled})`,paddingInline:`var(--dropdown-padding-inline, {spacing.200})`,paddingInlineEnd:`0`,paddingBlock:`var(--dropdown-padding-block, {spacing.200})`,borderRadius:`var(--dropdown-radii, {radii.200})`,marginTop:`var(--dropdown-margin-top, {spacing.0})`,overflow:`hidden`}});export{t as dropdownRoot};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`dropdown__root`,jsx:[`Dropdown`],base:{position:`absolute`,backgroundColor:`var(--dropdown-background, {colors.neutral.background.1.enabled})`,borderWidth:`var(--dropdown-border-width, {borders.100})`,borderStyle:`var(--dropdown-border-style, solid)`,borderColor:`var(--dropdown-border-color, {colors.neutral.stroke.7.enabled})`,paddingInline:`var(--dropdown-padding-inline, {spacing.200})`,paddingInlineEnd:`0`,paddingBlock:`var(--dropdown-padding-block, {spacing.0})`,borderRadius:`var(--dropdown-radii, {radii.200})`,marginTop:`var(--dropdown-margin-top, {spacing.0})`,overflow:`hidden`}});export{t as dropdownRoot};
 //# sourceMappingURL=dropdown-root.mjs.map

package/dist/recipes/controls/dropdown/dropdown-root.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown-root.mjs","names":[],"sources":["../../../../src/recipes/controls/dropdown/dropdown-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dropdownRoot = defineRecipe({\n className: 'dropdown__root',\n jsx: ['Dropdown'],\n base: {\n position: 'absolute',\n backgroundColor:\n 'var(--dropdown-background, {colors.neutral.background.1.enabled})',\n borderWidth: 'var(--dropdown-border-width, {borders.100})',\n borderStyle: 'var(--dropdown-border-style, solid)',\n borderColor:\n 'var(--dropdown-border-color, {colors.neutral.stroke.7.enabled})',\n paddingInline: 'var(--dropdown-padding-inline, {spacing.200})',\n paddingInlineEnd: '0',\n paddingBlock: 'var(--dropdown-padding-block, {spacing.~~200~~})',\n borderRadius: 'var(--dropdown-radii, {radii.200})',\n marginTop: 'var(--dropdown-margin-top, {spacing.0})',\n overflow: 'hidden',\n ~~//TODO: possible styles per a posicionament,\n // '&[data-position=\"bottom\"]': {\n // outline: '1px solid red',\n // top: 'calc(100% + 2rem)!',\n // },\n~~ },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,iBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,SAAU,WACV,gBACE,oEACF,YAAa,8CACb,YAAa,sCACb,YACE,kEACF,cAAe,gDACf,iBAAkB,IAClB,aAAc~~,+CACd~~,aAAc,qCACd,UAAW,0CACX,SAAU,~~SAMX~~,CACF,CAAC"}
1	+ {"version":3,"file":"dropdown-root.mjs","names":[],"sources":["../../../../src/recipes/controls/dropdown/dropdown-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const dropdownRoot = defineRecipe({\n className: 'dropdown__root',\n jsx: ['Dropdown'],\n base: {\n position: 'absolute',\n backgroundColor:\n 'var(--dropdown-background, {colors.neutral.background.1.enabled})',\n borderWidth: 'var(--dropdown-border-width, {borders.100})',\n borderStyle: 'var(--dropdown-border-style, solid)',\n borderColor:\n 'var(--dropdown-border-color, {colors.neutral.stroke.7.enabled})',\n paddingInline: 'var(--dropdown-padding-inline, {spacing.200})',\n paddingInlineEnd: '0',\n paddingBlock: 'var(--dropdown-padding-block, {spacing.0})',\n borderRadius: 'var(--dropdown-radii, {radii.200})',\n marginTop: 'var(--dropdown-margin-top, {spacing.0})',\n overflow: 'hidden',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,iBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,SAAU,WACV,gBACE,oEACF,YAAa,8CACb,YAAa,sCACb,YACE,kEACF,cAAe,gDACf,iBAAkB,IAClB,aAAc,6CACd,aAAc,qCACd,UAAW,0CACX,SAAU,SACX,CACF,CAAC"}

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

@@ -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-radii":`{radii.200}`,"--dropdown-margin-top":`{spacing.0}`,"--dropdown-options-gap":`{spacing.100}`,"--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-radii":`{radii.100}`,"--dropdown-option-padding-block":`{spacing.100}`,"--dropdown-option-background":`transparent`,"--dropdown-option-color":`{colors.neutral.foreground.1.enabled}`,"--dropdown-option-transition":`{animations.base.100}`,"--dropdown-option-background-hover":`{colors.neutral.background.2.hovered}`,"--dropdown-option-color-hover":`{colors.neutral.foreground.1.hovered}`,"--dropdown-option-background-selected":`{colors.neutral.background.2.primary.selected}`,"--dropdown-option-color-selected":`{colors.neutral.foreground.2.primary.selected}`,"--dropdown-option-background-active":`{colors.neutral.background.2.primary.selected}`,"--dropdown-option-color-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.200}`,"--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-radii":`{radii.200}`,"--dropdown-margin-top":`{spacing.0}`,"--dropdown-options-gap":`{spacing.100}`,"--dropdown-options-padding-top":`{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};
 //# sourceMappingURL=dropdown.mjs.map

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

	@@ -1 +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 '--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-radii': '{radii.200}',\n '--dropdown-margin-top': '{spacing.0}',\n\n '--dropdown-options-gap': '{spacing.100}',\n\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-~~radii~~': '{~~radii~~.100}',\n '--dropdown-option-~~padding-block~~': '{~~spacing~~.100}',\n '--dropdown-option-background': 'transparent',\n '--dropdown-option-~~color~~': '{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-~~color~~-hover': '{colors.neutral.foreground.1.hovered}',\n '--dropdown-option-background-selected':\n '{colors.neutral.background.2.primary.selected}',\n '--dropdown-option-~~color~~-selected':\n '{colors.neutral.foreground.2.primary.selected}',\n '--dropdown-option-background-active':\n '{colors.neutral.background.2.primary.selected}',\n '--dropdown-option-~~color~~-active':\n '{colors.neutral.foreground.2.primary.selected}',\n\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.~~200~~}',\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,~~CACJ~~,wBAAyB,wCACzB,0BAA2B,gBAC3B,0BAA2B,QAC3B,0BAA2B,oCAC3B,4BAA6B,gBAC7B,2BAA4B,gBAC5B,mBAAoB,cACpB,wBAAyB,~~cAEzB~~,yBAA0B,~~gBAE1B~~,gCAAiC,eACjC,8BAA+B,kBAC/B,gCAAiC,oBACjC,mCAAoC,gBACpC,0BAA2B,cAC3B~~,kCAAmC,gBACnC~~,+BAAgC,cAChC,~~0BAA2B,wCAC3B~~,+BAAgC,wBAChC,qCACE,wCACF,~~gCAAiC~~,~~wCACjC~~,wCACE,iDACF,~~mCACE~~,iDACF,sCACE,iDACF,~~iCACE~~,~~iDAEF~~,+BAAgC,eAChC,6BAA8B,kBAC9B,+BAAgC,IAChC,8BAA+B,wCAC/B,iCAAkC,gBAClC,8BAA+B,SAChC,CACF,CAAC"}
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-radii': '{radii.200}',\n '--dropdown-margin-top': '{spacing.0}',\n\n / options /\n '--dropdown-options-gap': '{spacing.100}',\n '--dropdown-options-padding-top': '{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,mBAAoB,cACpB,wBAAyB,cAGzB,yBAA0B,gBAC1B,iCAAkC,cAGlC,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"}

package/dist/recipes/controls/dropdown/select/index.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{select as e}from"./select.mjs";import{selectChevron as t}from"./select-chevron.mjs";import{selectChevronIcon as n}from"./select-chevron-icon.mjs";import{selectChevronIconRoot as r}from"./select-chevron-icon-root.mjs";import{selectChevronRoot as i}from"./select-chevron-root.mjs";import{selectClearButton as a}from"./select-clear-button.mjs";import{selectClearButtonIcon as o}from"./select-clear-button-icon.mjs";import{selectClearButtonIconRaw as s}from"./select-clear-button-icon-raw.mjs";import{selectClearButtonIconRawRoot as c}from"./select-clear-button-icon-raw-root.mjs";import{selectClearButtonRoot as l}from"./select-clear-button-root.mjs";import{selectEmpty as u}from"./select-empty.mjs";import{selectOption as d}from"./select-option.mjs";import{selectOptions as f}from"./select-options.mjs";import{selectRoot as p}from"./select-root.mjs";import{selectScrollAreaAutosize as m}from"./select-scrollarea-autosize.mjs";import{selectSearch as h}from"./select-search.mjs";import{selectSearchRoot as g}from"./select-search-root.mjs";import{selectSearchWrapper as _}from"./select-search-wrapper.mjs";import{selectTextInput as v}from"./select-text-input.mjs";import{selectTextInputDescription as y}from"./select-text-input-description.mjs";import{selectTextInputError as b}from"./select-text-input-error.mjs";import{selectTextInputInput as x}from"./select-text-input-input.mjs";import{selectTextInputLabel as S}from"./select-text-input-label.mjs";import{selectTextInputRequired as C}from"./select-text-input-required.mjs";import{selectTextInputRoot as w}from"./select-text-input-root.mjs";import{selectTextInputSection as T}from"./select-text-input-section.mjs";import{selectTextInputWrapper as E}from"./select-text-input-wrapper.mjs";var D={select:e,selectRoot:p,selectEmpty:u,selectOptions:f,selectOption:d,selectSearch:h,selectSearchRoot:g,selectSearchWrapper:_,selectTextInput:v,selectTextInputRoot:w,selectTextInputInput:x,selectTextInputLabel:S,selectTextInputDescription:y,selectTextInputError:b,selectTextInputWrapper:E,selectTextInputSection:T,selectTextInputRequired:C,selectChevron:t,selectChevronRoot:i,selectChevronIcon:n,selectChevronIconRoot:r,selectClearButton:a,selectClearButtonRoot:l,selectClearButtonIcon:o,selectClearButtonIconRaw:s,selectClearButtonIconRawRoot:c,selectScrollAreaAutosize:m};export{D as default};
+import{select as e}from"./select.mjs";import{selectChevron as t}from"./select-chevron.mjs";import{selectChevronIcon as n}from"./select-chevron-icon.mjs";import{selectChevronIconRoot as r}from"./select-chevron-icon-root.mjs";import{selectChevronRoot as i}from"./select-chevron-root.mjs";import{selectClearButton as a}from"./select-clear-button.mjs";import{selectClearButtonIcon as o}from"./select-clear-button-icon.mjs";import{selectClearButtonIconRaw as s}from"./select-clear-button-icon-raw.mjs";import{selectClearButtonIconRawRoot as c}from"./select-clear-button-icon-raw-root.mjs";import{selectClearButtonRoot as l}from"./select-clear-button-root.mjs";import{selectEmpty as u}from"./select-empty.mjs";import{selectOption as d}from"./select-option.mjs";import{selectOptions as f}from"./select-options.mjs";import{selectRoot as p}from"./select-root.mjs";import{selectScrollAreaAutosize as m}from"./select-scrollarea-autosize.mjs";import{selectSearchInput as h}from"./select-search-input.mjs";import{selectSearchSection as g}from"./select-search-section.mjs";import{selectSearchWrapper as _}from"./select-search-wrapper.mjs";import{selectTextInput as v}from"./select-text-input.mjs";import{selectTextInputDescription as y}from"./select-text-input-description.mjs";import{selectTextInputError as b}from"./select-text-input-error.mjs";import{selectTextInputInput as x}from"./select-text-input-input.mjs";import{selectTextInputLabel as S}from"./select-text-input-label.mjs";import{selectTextInputRequired as C}from"./select-text-input-required.mjs";import{selectTextInputRoot as w}from"./select-text-input-root.mjs";import{selectTextInputSection as T}from"./select-text-input-section.mjs";import{selectTextInputWrapper as E}from"./select-text-input-wrapper.mjs";var D={select:e,selectRoot:p,selectEmpty:u,selectOptions:f,selectOption:d,selectSearchInput:h,selectSearchSection:g,selectSearchWrapper:_,selectTextInput:v,selectTextInputRoot:w,selectTextInputInput:x,selectTextInputLabel:S,selectTextInputDescription:y,selectTextInputError:b,selectTextInputWrapper:E,selectTextInputSection:T,selectTextInputRequired:C,selectChevron:t,selectChevronRoot:i,selectChevronIcon:n,selectChevronIconRoot:r,selectClearButton:a,selectClearButtonRoot:l,selectClearButtonIcon:o,selectClearButtonIconRaw:s,selectClearButtonIconRawRoot:c,selectScrollAreaAutosize:m};export{D as default};
 //# sourceMappingURL=index.mjs.map

package/dist/recipes/controls/dropdown/select/index.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/select/index.ts"],"sourcesContent":["import { select } from './select';\nimport { selectChevron } from './select-chevron';\nimport { selectChevronIcon } from './select-chevron-icon';\nimport { selectChevronIconRoot } from './select-chevron-icon-root';\nimport { selectChevronRoot } from './select-chevron-root';\nimport { selectClearButton } from './select-clear-button';\nimport { selectClearButtonIcon } from './select-clear-button-icon';\nimport { selectClearButtonIconRaw } from './select-clear-button-icon-raw';\nimport { selectClearButtonIconRawRoot } from './select-clear-button-icon-raw-root';\nimport { selectClearButtonRoot } from './select-clear-button-root';\nimport { selectEmpty } from './select-empty';\nimport { selectOption } from './select-option';\nimport { selectOptions } from './select-options';\nimport { selectRoot } from './select-root';\nimport { selectScrollAreaAutosize } from './select-scrollarea-autosize';\nimport { ~~selectSearch~~ } from './select-search';\nimport { ~~selectSearchRoot~~ } from './select-search-~~root~~';\nimport { selectSearchWrapper } from './select-search-wrapper';\nimport { selectTextInput } from './select-text-input';\nimport { selectTextInputDescription } from './select-text-input-description';\nimport { selectTextInputError } from './select-text-input-error';\nimport { selectTextInputInput } from './select-text-input-input';\nimport { selectTextInputLabel } from './select-text-input-label';\nimport { selectTextInputRequired } from './select-text-input-required';\nimport { selectTextInputRoot } from './select-text-input-root';\nimport { selectTextInputSection } from './select-text-input-section';\nimport { selectTextInputWrapper } from './select-text-input-wrapper';\n\nexport default {\n select,\n selectRoot,\n selectEmpty,\n selectOptions,\n selectOption,\n ~~selectSearch~~,\n ~~selectSearchRoot~~,\n selectSearchWrapper,\n selectTextInput,\n selectTextInputRoot,\n selectTextInputInput,\n selectTextInputLabel,\n selectTextInputDescription,\n selectTextInputError,\n selectTextInputWrapper,\n selectTextInputSection,\n selectTextInputRequired,\n selectChevron,\n selectChevronRoot,\n selectChevronIcon,\n selectChevronIconRoot,\n selectClearButton,\n selectClearButtonRoot,\n selectClearButtonIcon,\n selectClearButtonIconRaw,\n selectClearButtonIconRawRoot,\n selectScrollAreaAutosize,\n};\n"],"mappings":"~~8sDA4BA~~,IAAA,EAAe,CACb,SACA,aACA,cACA,gBACA,eACA,~~eACA~~,~~mBACA~~,sBACA,kBACA,sBACA,uBACA,uBACA,6BACA,uBACA,yBACA,yBACA,0BACA,gBACA,oBACA,oBACA,wBACA,oBACA,wBACA,wBACA,2BACA,+BACA,2BACD"}
1	+ {"version":3,"file":"index.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/select/index.ts"],"sourcesContent":["import { select } from './select';\nimport { selectChevron } from './select-chevron';\nimport { selectChevronIcon } from './select-chevron-icon';\nimport { selectChevronIconRoot } from './select-chevron-icon-root';\nimport { selectChevronRoot } from './select-chevron-root';\nimport { selectClearButton } from './select-clear-button';\nimport { selectClearButtonIcon } from './select-clear-button-icon';\nimport { selectClearButtonIconRaw } from './select-clear-button-icon-raw';\nimport { selectClearButtonIconRawRoot } from './select-clear-button-icon-raw-root';\nimport { selectClearButtonRoot } from './select-clear-button-root';\nimport { selectEmpty } from './select-empty';\nimport { selectOption } from './select-option';\nimport { selectOptions } from './select-options';\nimport { selectRoot } from './select-root';\nimport { selectScrollAreaAutosize } from './select-scrollarea-autosize';\nimport { selectSearchInput } from './select-search-input';\nimport { selectSearchSection } from './select-search-section';\nimport { selectSearchWrapper } from './select-search-wrapper';\nimport { selectTextInput } from './select-text-input';\nimport { selectTextInputDescription } from './select-text-input-description';\nimport { selectTextInputError } from './select-text-input-error';\nimport { selectTextInputInput } from './select-text-input-input';\nimport { selectTextInputLabel } from './select-text-input-label';\nimport { selectTextInputRequired } from './select-text-input-required';\nimport { selectTextInputRoot } from './select-text-input-root';\nimport { selectTextInputSection } from './select-text-input-section';\nimport { selectTextInputWrapper } from './select-text-input-wrapper';\n\nexport default {\n select,\n selectRoot,\n selectEmpty,\n selectOptions,\n selectOption,\n selectSearchInput,\n selectSearchSection,\n selectSearchWrapper,\n selectTextInput,\n selectTextInputRoot,\n selectTextInputInput,\n selectTextInputLabel,\n selectTextInputDescription,\n selectTextInputError,\n selectTextInputWrapper,\n selectTextInputSection,\n selectTextInputRequired,\n selectChevron,\n selectChevronRoot,\n selectChevronIcon,\n selectChevronIconRoot,\n selectClearButton,\n selectClearButtonRoot,\n selectClearButtonIcon,\n selectClearButtonIconRaw,\n selectClearButtonIconRawRoot,\n selectScrollAreaAutosize,\n};\n"],"mappings":"+tDA4BA,IAAA,EAAe,CACb,SACA,aACA,cACA,gBACA,eACA,oBACA,sBACA,sBACA,kBACA,sBACA,uBACA,uBACA,6BACA,uBACA,yBACA,yBACA,0BACA,gBACA,oBACA,oBACA,wBACA,oBACA,wBACA,wBACA,2BACA,+BACA,2BACD"}

package/dist/recipes/controls/dropdown/select/select-options.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{dropdownOptions as e}from"../dropdown-options.mjs";const t=e.merge({className:`select__options`,jsx:[`Select`],base:{}});export{t as selectOptions};
+import{dropdownOptions as e}from"../dropdown-options.mjs";const t=e.merge({className:`select__options`,jsx:[`Select`],base:{"[data-searchable=true] &":{paddingTop:`var(--select-options-padding-top, {spacing.100})`}}});export{t as selectOptions};
 //# sourceMappingURL=select-options.mjs.map

package/dist/recipes/controls/dropdown/select/select-options.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select-options.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/select/select-options.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { dropdownOptions } from '../dropdown-options';\n\nexport const selectOptions = dropdownOptions.merge({\n className: 'select__options',\n jsx: ['Select'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"0DAOA,MAAa,EAAgB,EAAgB,MAAM,CACjD,UAAW,kBACX,IAAK,CAAC,SAAS,CACf,KAAM,~~EAAE~~,~~CACT~~,CAAC"}
1	+ {"version":3,"file":"select-options.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/select/select-options.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { dropdownOptions } from '../dropdown-options';\n\nexport const selectOptions = dropdownOptions.merge({\n className: 'select__options',\n jsx: ['Select'],\n base: {\n '[data-searchable=true] &': {\n paddingTop: 'var(--select-options-padding-top, {spacing.100})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"0DAOA,MAAa,EAAgB,EAAgB,MAAM,CACjD,UAAW,kBACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,2BAA4B,CAC1B,WAAY,mDACb,CACF,CACF,CAAC"}

package/dist/recipes/controls/dropdown/select/select-root.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{dropdownRoot as e}from"../dropdown-root.mjs";const t=e.merge({className:`select__root`,jsx:[`Select`],base:{}});export{t as selectRoot};
+import{dropdownRoot as e}from"../dropdown-root.mjs";const t=e.merge({className:`select__root`,jsx:[`Select`],base:{"&[data-searchable=true]":{paddingTop:`{spacing.0}`}}});export{t as selectRoot};
 //# sourceMappingURL=select-root.mjs.map

package/dist/recipes/controls/dropdown/select/select-root.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select-root.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/select/select-root.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { dropdownRoot } from '../dropdown-root';\n\nexport const selectRoot = dropdownRoot.merge({\n className: 'select__root',\n jsx: ['Select'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"oDAOA,MAAa,EAAa,EAAa,MAAM,CAC3C,UAAW,eACX,IAAK,CAAC,SAAS,CACf,KAAM,~~EAAE~~,~~CACT~~,CAAC"}
1	+ {"version":3,"file":"select-root.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/select/select-root.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { dropdownRoot } from '../dropdown-root';\n\nexport const selectRoot = dropdownRoot.merge({\n className: 'select__root',\n jsx: ['Select'],\n base: {\n '&[data-searchable=true]': {\n paddingTop: '{spacing.0}',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"oDAOA,MAAa,EAAa,EAAa,MAAM,CAC3C,UAAW,eACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,0BAA2B,CACzB,WAAY,cACb,CACF,CACF,CAAC"}

package/dist/recipes/controls/dropdown/select/select-search-input.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{textInputInput as e}from"../../text-input/text-input-input.mjs";const t=e.merge({className:`select__search-input`,jsx:[`Select`],base:{"--text-input-input-font-family":`var(--select-search-font-family, {fonts.base})`,"--text-input-input-font-size":`var(--select-search-font-size, {fontSizes.300})`,"--text-input-input-font-weight":`var(--select-search-font-weight, {fontWeights.regular})`,"--text-input-input-line-height":`var(--select-search-line-height, inherit)`,"--text-input-input-text-align":`var(--select-search-text-align, left)`,"--text-input-input-background":`var(--select-search-background, transparent)`,"--text-input-input-foreground":`var(--select-search-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-input-placeholder-foreground":`var(--select-search-placeholder-foreground, {colors.neutral.foreground.3.enabled})`,"--text-input-input-border-width":`var(--select-search-border-width, {borders.150})`,"--text-input-input-border-style":`var(--select-search-border-style, solid)`,"--text-input-input-border-color":`var(--select-search-border-color, {colors.neutral.stroke.7.enabled})`,"--text-input-input-radii":`var(--select-search-radii, {radii.200})`,"--text-input-input-height":`var(--select-search-height, {sizes.500})`,"--text-input-input-padding-inline-start":`var(--select-search-padding-inline-start, {spacing.300})`,"--text-input-input-padding-inline-end":`var(--select-search-padding-inline-end, {spacing.300})`,"--text-input-input-transition":`var(--select-search-transition, all 0.2s ease-in-out)`}});export{t as selectSearchInput};
2	+ //# sourceMappingURL=select-search-input.mjs.map

package/dist/recipes/controls/dropdown/select/select-search-input.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"select-search-input.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/select/select-search-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { textInputInput } from '../../text-input/text-input-input';\n\nexport const selectSearchInput = textInputInput.merge({\n className: 'select__search-input',\n jsx: ['Select'],\n base: {\n '--text-input-input-font-family':\n 'var(--select-search-font-family, {fonts.base})',\n '--text-input-input-font-size':\n 'var(--select-search-font-size, {fontSizes.300})',\n '--text-input-input-font-weight':\n 'var(--select-search-font-weight, {fontWeights.regular})',\n '--text-input-input-line-height':\n 'var(--select-search-line-height, inherit)',\n '--text-input-input-text-align': 'var(--select-search-text-align, left)',\n '--text-input-input-background':\n 'var(--select-search-background, transparent)',\n '--text-input-input-foreground':\n 'var(--select-search-foreground, {colors.neutral.foreground.2.enabled})',\n '--text-input-input-placeholder-foreground':\n 'var(--select-search-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n '--text-input-input-border-width':\n 'var(--select-search-border-width, {borders.150})',\n '--text-input-input-border-style':\n 'var(--select-search-border-style, solid)',\n '--text-input-input-border-color':\n 'var(--select-search-border-color, {colors.neutral.stroke.7.enabled})',\n '--text-input-input-radii': 'var(--select-search-radii, {radii.200})',\n '--text-input-input-height': 'var(--select-search-height, {sizes.500})',\n '--text-input-input-padding-inline-start':\n 'var(--select-search-padding-inline-start, {spacing.300})',\n '--text-input-input-padding-inline-end':\n 'var(--select-search-padding-inline-end, {spacing.300})',\n '--text-input-input-transition':\n 'var(--select-search-transition, all 0.2s ease-in-out)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uEAOA,MAAa,EAAoB,EAAe,MAAM,CACpD,UAAW,uBACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,iCACE,iDACF,+BACE,kDACF,iCACE,0DACF,iCACE,4CACF,gCAAiC,wCACjC,gCACE,+CACF,gCACE,yEACF,4CACE,qFACF,kCACE,mDACF,kCACE,2CACF,kCACE,uEACF,2BAA4B,0CAC5B,4BAA6B,2CAC7B,0CACE,2DACF,wCACE,yDACF,gCACE,wDACH,CACF,CAAC"}

package/dist/recipes/controls/dropdown/select/select-search-section.mjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{textInputSection as e}from"../../text-input/text-input-section.mjs";const t=e.merge({className:`select__search__section`,jsx:[`Select`],base:{}});export{t as selectSearchSection};
2	+ //# sourceMappingURL=select-search-section.mjs.map

package/dist/recipes/controls/dropdown/select/select-search-section.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"select-search-section.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/select/select-search-section.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { textInputSection } from '../../text-input/text-input-section';\n\nexport const selectSearchSection = textInputSection.merge({\n className: 'select__search__section',\n jsx: ['Select'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"2EAOA,MAAa,EAAsB,EAAiB,MAAM,CACxD,UAAW,0BACX,IAAK,CAAC,SAAS,CACf,KAAM,EAAE,CACT,CAAC"}

package/dist/recipes/controls/dropdown/select/select-search-wrapper.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`select__search__wrapper`,jsx:[`Select`],base:{backgroundColor:`var(--select-search-wrapper-background, {colors.neutral.background.1.enabled})`,color:`var(--select-search-wrapper-foreground, {colors.neutral.foreground.1.enabled})`,paddingBlock:`var(--select-search-wrapper-padding-block, {spacing.200})`,paddingInline:`var(--select-search-wrapper-padding-inline, {spacing.0})`,marginBlock:`var(--select-search-wrapper-margin-block, {spacing.0})`,marginInline:`var(--select-search-wrapper-margin-inline, {spacing.0})`,borderRadius:`var(--select-search-wrapper-radius, {radii.100})`,borderWidth:`var(--select-search-wrapper-border-width, {borders.100})`,borderStyle:`var(--select-search-wrapper-border-style, solid)`,borderColor:`var(--select-search-wrapper-border-color, {colors.neutral.border.1.enabled})`,height:`var(--select-search-wrapper-height, {sizes.700})`,position:`var(--select-search-wrapper-position, sticky)`,inset:`var(--select-search-wrapper-inset, 0)`,transition:`var(--select-search-wrapper-transition, {animations.base.100})`}});export{t as selectSearchWrapper};
+import{textInputWrapper as e}from"../../text-input/text-input-wrapper.mjs";const t=e.merge({className:`select__search__wrapper`,jsx:[`Select`],base:{"--text-input-left-section-width":`{sizes.300}`,"--text-input-wrapper-position":`var(--select-search-wrapper-position, sticky)`,"--text-input-wrapper-order":`unset`,"--text-input-wrapper-margin-top":`var(--select-search-wrapper-margin-top, {spacing.0})`,backgroundColor:`var(--select-search-wrapper-background, {colors.neutral.background.1.enabled})`,color:`var(--select-search-wrapper-foreground, {colors.neutral.foreground.1.enabled})`,paddingBlock:`var(--select-search-wrapper-padding-block, {spacing.200})`,paddingInline:`var(--select-search-wrapper-padding-inline, {spacing.0})`,marginBlock:`var(--select-search-wrapper-margin-block, {spacing.0})`,marginInlineStart:`var(--select-search-wrapper-margin-inline-start, {spacing.0})`,marginInlineEnd:`var(--select-search-wrapper-margin-inline-end, {spacing.200})`,borderRadius:`var(--select-search-wrapper-radius, {radii.100})`,borderWidth:`var(--select-search-wrapper-border-width, {borders.0})`,borderStyle:`var(--select-search-wrapper-border-style, solid)`,borderColor:`var(--select-search-wrapper-border-color, {colors.neutral.border.1.enabled})`,height:`var(--select-search-wrapper-height, {sizes.700})`,inset:`var(--select-search-wrapper-inset, 0)`,transition:`var(--select-search-wrapper-transition, {animations.base.100})`}});export{t as selectSearchWrapper};
 //# sourceMappingURL=select-search-wrapper.mjs.map

package/dist/recipes/controls/dropdown/select/select-search-wrapper.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"select-search-wrapper.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/select/select-search-wrapper.ts"],"sourcesContent":["import {\n ~~defineRecipe,\n type~~ RecipeBuilder,\n ~~type~~ RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const selectSearchWrapper = ~~defineRecipe~~({\n className: 'select__search__wrapper',\n jsx: ['Select'],\n base: {\n backgroundColor:\n 'var(--select-search-wrapper-background, {colors.neutral.background.1.enabled})',\n color:\n 'var(--select-search-wrapper-foreground, {colors.neutral.foreground.1.enabled})',\n paddingBlock: 'var(--select-search-wrapper-padding-block, {spacing.200})',\n paddingInline: 'var(--select-search-wrapper-padding-inline, {spacing.0})',\n marginBlock: 'var(--select-search-wrapper-margin-block, {spacing.0})',\n ~~marginInline:~~ 'var(--select-search-wrapper-margin-inline, {spacing.0})',\n borderRadius: 'var(--select-search-wrapper-radius, {radii.100})',\n borderWidth: 'var(--select-search-wrapper-border-width, {borders.~~100~~})',\n borderStyle: 'var(--select-search-wrapper-border-style, solid)',\n borderColor:\n 'var(--select-search-wrapper-border-color, {colors.neutral.border.1.enabled})',\n height: 'var(--select-search-wrapper-height, {sizes.700})',\n ~~position: 'var(--select-search-wrapper-position, sticky)',\n~~ inset: 'var(--select-search-wrapper-inset, 0)',\n transition:\n 'var(--select-search-wrapper-transition, {animations.base.100})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"~~uDAMA~~,MAAa,EAAsB,~~EAAa~~,~~CAC9C~~,UAAW,0BACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,gBACE,iFACF,MACE,iFACF,aAAc,4DACd,cAAe,2DACf,YAAa,yDACb,~~aAAc~~,~~0DACd~~,aAAc,mDACd,YAAa,~~2DACb~~,YAAa,mDACb,YACE,+EACF,OAAQ,mDACR,~~SAAU,gDACV,~~MAAO,wCACP,WACE,iEACH,CACF,CAAC"}
1	+ {"version":3,"file":"select-search-wrapper.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/select/select-search-wrapper.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { textInputWrapper } from '../../text-input/text-input-wrapper';\n\nexport const selectSearchWrapper = textInputWrapper.merge({\n className: 'select__search__wrapper',\n jsx: ['Select'],\n base: {\n '--text-input-left-section-width': '{sizes.300}',\n\n '--text-input-wrapper-position':\n 'var(--select-search-wrapper-position, sticky)',\n '--text-input-wrapper-order': 'unset',\n '--text-input-wrapper-margin-top':\n 'var(--select-search-wrapper-margin-top, {spacing.0})',\n\n backgroundColor:\n 'var(--select-search-wrapper-background, {colors.neutral.background.1.enabled})',\n color:\n 'var(--select-search-wrapper-foreground, {colors.neutral.foreground.1.enabled})',\n paddingBlock: 'var(--select-search-wrapper-padding-block, {spacing.200})',\n paddingInline: 'var(--select-search-wrapper-padding-inline, {spacing.0})',\n marginBlock: 'var(--select-search-wrapper-margin-block, {spacing.0})',\n marginInlineStart:\n 'var(--select-search-wrapper-margin-inline-start, {spacing.0})',\n marginInlineEnd:\n 'var(--select-search-wrapper-margin-inline-end, {spacing.200})',\n borderRadius: 'var(--select-search-wrapper-radius, {radii.100})',\n borderWidth: 'var(--select-search-wrapper-border-width, {borders.0})',\n borderStyle: 'var(--select-search-wrapper-border-style, solid)',\n borderColor:\n 'var(--select-search-wrapper-border-color, {colors.neutral.border.1.enabled})',\n height: 'var(--select-search-wrapper-height, {sizes.700})',\n inset: 'var(--select-search-wrapper-inset, 0)',\n transition:\n 'var(--select-search-wrapper-transition, {animations.base.100})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"2EAOA,MAAa,EAAsB,EAAiB,MAAM,CACxD,UAAW,0BACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,kCAAmC,cAEnC,gCACE,gDACF,6BAA8B,QAC9B,kCACE,uDAEF,gBACE,iFACF,MACE,iFACF,aAAc,4DACd,cAAe,2DACf,YAAa,yDACb,kBACE,gEACF,gBACE,gEACF,aAAc,mDACd,YAAa,yDACb,YAAa,mDACb,YACE,+EACF,OAAQ,mDACR,MAAO,wCACP,WACE,iEACH,CACF,CAAC"}

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

@@ -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-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-color":`var(--select-option-color, {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-color-hover":`var(--select-option-color-hover, {colors.neutral.foreground.1.hovered})`,"--dropdown-option-background-selected":`var(--select-option-background-selected, {colors.neutral.background.2.primary.selected})`,"--dropdown-option-color-selected":`var(--select-option-color-selected, {colors.neutral.foreground.2.primary.selected})`,"--dropdown-option-background-active":`var(--select-option-background-active, {colors.neutral.background.2.primary.selected})`,"--dropdown-option-color-active":`var(--select-option-color-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.200})`,"--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.0}`,"--select-search-wrapper-margin-block":`{spacing.0}`,"--select-search-wrapper-margin-inline":`{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-position":`sticky`,"--select-search-inset":`0`}});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":`var(--select-options-padding-top, {spacing.0})`,"--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.0}`,"--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.200}`,"--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`}});export{t as select};
 //# sourceMappingURL=select.mjs.map

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

	@@ -1 +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\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-~~color~~':\n 'var(--select-option-~~color~~, {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-~~color~~-hover':\n 'var(--select-option-~~color~~-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-~~color~~-selected':\n 'var(--select-option-~~color~~-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-~~color~~-active':\n 'var(--select-option-~~color~~-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.~~200~~})',\n '--dropdown-empty-text-align': 'var(--select-empty-text-align, center)',\n\n '--select-search-wrapper-height': '{sizes.700}',\n '--select-search-wrapper-padding-block': '{spacing.200}',\n '--select-search-wrapper-padding-inline': '{spacing.0}',\n '--select-search-wrapper-margin-block': '{spacing.0}',\n '--select-search-wrapper-margin-inline': '{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-position': 'sticky',\n '--select-search-inset': '0',\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,~~2CAE1B~~,gCACE,iDACF,8BACE,kDACF,gCACE,sDAEF,mCACE,qDACF,kCACE,oDAEF,0BAA2B,0CAE3B,+BACE,+CACF,~~0BACE,oEAEF~~,+BACE,yDAEF,qCACE,+EACF,~~gCACE~~,~~0EAEF,~~wCACE,2FACF,~~mCACE~~,~~sFAEF~~,sCACE,yFACF,~~iCACE~~,~~oFAEF~~,+BACE,gDACF,6BACE,iDACF,+BAAgC,qCAChC,8BACE,wEACF,iCACE,mDACF,8BAA+B,~~yCAE~~/B,iCAAkC,cAClC,wCAAyC,gBACzC,yCAA0C,cAC1C,uCAAwC,cACxC,~~wCAAyC~~,~~cACzC~~,iCAAkC,YAClC,uCAAwC,cACxC,uCAAwC,QACxC,uCAAwC,oCACxC,qCACE,wCACF,qCACE,wCACF,qCAAsC,wBACtC,~~2BAA4B~~,~~SAC5B~~,~~wBAAyB~~,~~IAC1B~~,CACF,CAAC"}
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':\n 'var(--select-options-padding-top, {spacing.0})',\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.0}',\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.200}',\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}) 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,mCACE,iDAEF,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,cAC1C,uCAAwC,cACxC,qCAAsC,cACtC,8CAA+C,cAC/C,4CAA6C,gBAC7C,iCAAkC,YAClC,uCAAwC,cACxC,uCAAwC,QACxC,uCAAwC,oCACxC,qCACE,wCACF,qCACE,wCACF,qCAAsC,wBACtC,mCAAoC,SACpC,gCAAiC,IAClC,CACF,CAAC"}

package/dist/recipes/controls/multi-select/multi-select.mjs CHANGED Viewed

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

package/dist/recipes/controls/multi-select/multi-select.mjs.map CHANGED Viewed

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

package/dist/recipes/controls/multi-select-tags/multi-select-tags.mjs CHANGED Viewed

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

package/dist/recipes/controls/multi-select-tags/multi-select-tags.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"multi-select-tags.mjs","names":[],"sources":["../../../../src/recipes/controls/multi-select-tags/multi-select-tags.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { dropdown } from '../dropdown/dropdown';\n\nexport const multiSelectTags = dropdown.merge({\n className: 'multi-select-tags',\n jsx: ['MultiSelectTags'],\n base: {\n '--icon-size': 'var(--multi-select-tags-icon-size, 1rem)',\n '--multi-select-tags-option-gap': '{spacing.100}',\n\n '--dropdown-background':\n 'var(--multi-select-tags-background, {colors.neutral.background.1.enabled})',\n\n '--dropdown-border-width':\n 'var(--multi-select-tags-border-width, {borders.100})',\n '--dropdown-border-style': 'var(--multi-select-tags-border-style, solid)',\n '--dropdown-border-color':\n 'var(--multi-select-tags-border-color, {colors.neutral.stroke.7.enabled})',\n\n '--dropdown-padding-inline':\n 'var(--multi-select-tags-padding-inline, {spacing.200})',\n '--dropdown-padding-block':\n 'var(--multi-select-tags-padding-block, {spacing.200})',\n\n '--dropdown-radii': 'var(--multi-select-tags-radii, {radii.200})',\n\n '--dropdown-margin-top': 'var(--multi-select-tags-margin-top, {spacing.0})',\n\n '--dropdown-options-gap':\n 'var(--multi-select-tags-options-gap, {spacing.100})',\n\n '--dropdown-option-font-family':\n 'var(--multi-select-tags-option-font-family, {fonts.base})',\n '--dropdown-option-font-size':\n 'var(--multi-select-tags-option-font-size, {fontSizes.300})',\n '--dropdown-option-line-height':\n 'var(--multi-select-tags-option-line-height, {lineHeights.400})',\n\n '--dropdown-option-padding-inline':\n 'var(--multi-select-tags-option-padding-inline, {spacing.200})',\n '--dropdown-option-padding-block':\n 'var(--multi-select-tags-option-padding-block, {spacing.100})',\n\n '--dropdown-option-radii':\n 'var(--multi-select-tags-option-radii, {radii.100})',\n\n '--dropdown-option-background':\n 'var(--multi-select-tags-option-background, transparent)',\n '--dropdown-option-~~color~~':\n 'var(--multi-select-tags-option-color, {colors.neutral.foreground.1.enabled})',\n\n '--dropdown-option-transition':\n 'var(--multi-select-tags-option-transition, {animations.base.100})',\n\n '--dropdown-option-background-hover':\n 'var(--multi-select-tags-option-background-hover, {colors.neutral.background.2.hovered})',\n '--dropdown-option-~~color~~-hover':\n 'var(--multi-select-tags-option-color-hover, {colors.neutral.foreground.1.hovered})',\n\n '--dropdown-option-background-selected':\n 'var(--multi-select-tags-option-background-selected, {colors.neutral.background.2.primary.selected})',\n '--dropdown-option-~~color~~-selected':\n 'var(--multi-select-tags-option-color-selected, {colors.neutral.foreground.2.primary.selected})',\n\n '--dropdown-option-background-active':\n 'var(--multi-select-tags-option-background-active, {colors.neutral.background.2.primary.selected})',\n '--dropdown-option-~~color~~-active':\n 'var(--multi-select-tags-option-color-active, {colors.neutral.foreground.2.primary.selected})',\n\n '--dropdown-empty-font-family':\n 'var(--multi-select-tags-empty-font-family, {fonts.base})',\n '--dropdown-empty-font-size':\n 'var(--multi-select-tags-empty-font-size, {fontSizes.300})',\n '--dropdown-empty-line-height':\n 'var(--multi-select-tags-empty-line-height, 1)',\n '--dropdown-empty-foreground':\n 'var(--multi-select-tags-empty-foreground, {colors.neutral.foreground.4.enabled})',\n '--dropdown-empty-padding-block':\n 'var(--multi-select-tags-empty-padding-block, {spacing.200})',\n '--dropdown-empty-text-align':\n 'var(--multi-select-tags-empty-text-align, center)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"oDAOA,MAAa,EAAkB,EAAS,MAAM,CAC5C,UAAW,oBACX,IAAK,CAAC,kBAAkB,CACxB,KAAM,CACJ,cAAe,2CACf,iCAAkC,gBAElC,wBACE,6EAEF,0BACE,uDACF,0BAA2B,+CAC3B,0BACE,2EAEF,4BACE,yDACF,2BACE,wDAEF,mBAAoB,8CAEpB,wBAAyB,mDAEzB,yBACE,sDAEF,gCACE,4DACF,8BACE,6DACF,gCACE,iEAEF,mCACE,gEACF,kCACE,+DAEF,0BACE,qDAEF,+BACE,0DACF~~,0BACE~~,+EAEF,+BACE,oEAEF,qCACE,0FACF,~~gCACE~~,qFAEF,wCACE,sGACF,~~mCACE~~,iGAEF,sCACE,oGACF,~~iCACE~~,+FAEF,+BACE,2DACF,6BACE,4DACF,+BACE,gDACF,8BACE,mFACF,iCACE,8DACF,8BACE,oDACH,CACF,CAAC"}
1	+ {"version":3,"file":"multi-select-tags.mjs","names":[],"sources":["../../../../src/recipes/controls/multi-select-tags/multi-select-tags.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { dropdown } from '../dropdown/dropdown';\n\nexport const multiSelectTags = dropdown.merge({\n className: 'multi-select-tags',\n jsx: ['MultiSelectTags'],\n base: {\n '--icon-size': 'var(--multi-select-tags-icon-size, 1rem)',\n '--multi-select-tags-option-gap': '{spacing.100}',\n\n '--dropdown-background':\n 'var(--multi-select-tags-background, {colors.neutral.background.1.enabled})',\n\n '--dropdown-border-width':\n 'var(--multi-select-tags-border-width, {borders.100})',\n '--dropdown-border-style': 'var(--multi-select-tags-border-style, solid)',\n '--dropdown-border-color':\n 'var(--multi-select-tags-border-color, {colors.neutral.stroke.7.enabled})',\n\n '--dropdown-padding-inline':\n 'var(--multi-select-tags-padding-inline, {spacing.200})',\n '--dropdown-padding-block':\n 'var(--multi-select-tags-padding-block, {spacing.200})',\n\n '--dropdown-radii': 'var(--multi-select-tags-radii, {radii.200})',\n\n '--dropdown-margin-top': 'var(--multi-select-tags-margin-top, {spacing.0})',\n\n '--dropdown-options-gap':\n 'var(--multi-select-tags-options-gap, {spacing.100})',\n\n '--dropdown-option-font-family':\n 'var(--multi-select-tags-option-font-family, {fonts.base})',\n '--dropdown-option-font-size':\n 'var(--multi-select-tags-option-font-size, {fontSizes.300})',\n '--dropdown-option-line-height':\n 'var(--multi-select-tags-option-line-height, {lineHeights.400})',\n\n '--dropdown-option-padding-inline':\n 'var(--multi-select-tags-option-padding-inline, {spacing.200})',\n '--dropdown-option-padding-block':\n 'var(--multi-select-tags-option-padding-block, {spacing.100})',\n\n '--dropdown-option-radii':\n 'var(--multi-select-tags-option-radii, {radii.100})',\n\n '--dropdown-option-background':\n 'var(--multi-select-tags-option-background, transparent)',\n '--dropdown-option-foreground':\n 'var(--multi-select-tags-option-color, {colors.neutral.foreground.1.enabled})',\n\n '--dropdown-option-transition':\n 'var(--multi-select-tags-option-transition, {animations.base.100})',\n\n '--dropdown-option-background-hover':\n 'var(--multi-select-tags-option-background-hover, {colors.neutral.background.2.hovered})',\n '--dropdown-option-foreground-hover':\n 'var(--multi-select-tags-option-color-hover, {colors.neutral.foreground.1.hovered})',\n\n '--dropdown-option-background-selected':\n 'var(--multi-select-tags-option-background-selected, {colors.neutral.background.2.primary.selected})',\n '--dropdown-option-foreground-selected':\n 'var(--multi-select-tags-option-color-selected, {colors.neutral.foreground.2.primary.selected})',\n\n '--dropdown-option-background-active':\n 'var(--multi-select-tags-option-background-active, {colors.neutral.background.2.primary.selected})',\n '--dropdown-option-foreground-active':\n 'var(--multi-select-tags-option-color-active, {colors.neutral.foreground.2.primary.selected})',\n\n '--dropdown-empty-font-family':\n 'var(--multi-select-tags-empty-font-family, {fonts.base})',\n '--dropdown-empty-font-size':\n 'var(--multi-select-tags-empty-font-size, {fontSizes.300})',\n '--dropdown-empty-line-height':\n 'var(--multi-select-tags-empty-line-height, 1)',\n '--dropdown-empty-foreground':\n 'var(--multi-select-tags-empty-foreground, {colors.neutral.foreground.4.enabled})',\n '--dropdown-empty-padding-block':\n 'var(--multi-select-tags-empty-padding-block, {spacing.200})',\n '--dropdown-empty-text-align':\n 'var(--multi-select-tags-empty-text-align, center)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"oDAOA,MAAa,EAAkB,EAAS,MAAM,CAC5C,UAAW,oBACX,IAAK,CAAC,kBAAkB,CACxB,KAAM,CACJ,cAAe,2CACf,iCAAkC,gBAElC,wBACE,6EAEF,0BACE,uDACF,0BAA2B,+CAC3B,0BACE,2EAEF,4BACE,yDACF,2BACE,wDAEF,mBAAoB,8CAEpB,wBAAyB,mDAEzB,yBACE,sDAEF,gCACE,4DACF,8BACE,6DACF,gCACE,iEAEF,mCACE,gEACF,kCACE,+DAEF,0BACE,qDAEF,+BACE,0DACF,+BACE,+EAEF,+BACE,oEAEF,qCACE,0FACF,qCACE,qFAEF,wCACE,sGACF,wCACE,iGAEF,sCACE,oGACF,sCACE,+FAEF,+BACE,2DACF,6BACE,4DACF,+BACE,gDACF,8BACE,mFACF,iCACE,8DACF,8BACE,oDACH,CACF,CAAC"}

package/dist/recipes/controls/text-input/text-input-input.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input__input`,jsx:[`TextInput`],base:{fontFamily:`var(--text-input-input-font-family, {fonts.base})`,fontSize:`var(--text-input-input-font-size, {fontSizes.400})`,fontWeight:`var(--text-input-input-font-weight, {fontWeights.regular})`,lineHeight:`var(--text-input-input-line-height, inherit)`,textAlign:`var(--text-input-input-text-align, left)`,color:`var(--text-input-input-foreground, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--text-input-input-background, transparent)`,borderColor:`var(--text-input-input-border-color, {colors.neutral.stroke.7.enabled})`,borderWidth:`var(--text-input-input-border-width, {borders.100})`,borderStyle:`var(--text-input-input-border-style, solid)`,borderRadius:`var(--text-input-input-radii, {radii.200})`,width:`100%`,height:`var(--text-input-input-height, {sizes.700})`,paddingInlineStart:`var(--text-input-input-padding-inline-start, {spacing.300})`,paddingInlineEnd:`var(--text-input-input-padding-inline-end, {spacing.300})`,transition:`var(--text-input-input-transition, all 0.2s ease-in-out)`,outlineWidth:`var(--text-input-input-focus-outline-width, {borders.150})`,outlineStyle:`var(--text-input-input-focus-outline-style, solid)`,outlineOffset:`var(--text-input-input-focus-outline-offset, {spacing.50})`,outlineColor:`transparent`,"&::-webkit-outer-spin-button":{margin:0,WebkitAppearance:`none`},"&::-webkit-inner-spin-button":{margin:0,WebkitAppearance:`none`},"&[type=number]":{"-moz-appearance":`textfield`},"&::placeholder":{color:`var(--text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`},"&:hover":{color:`var(--text-input-input-hover-foreground, {colors.neutral.foreground.1.hovered})`,backgroundColor:`var(--text-input-input-hover-background, transparent)`,borderColor:`var(--text-input-input-hover-border-color, {colors.neutral.stroke.7.hovered})`},_focus:{outlineColor:`var(--text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})`,boxShadow:`var(--text-input-input-focus-shadow, none)`,borderColor:`var(--text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})`},_readOnly:{pointerEvents:`none`,userSelect:`all`},'[data-with-left-section="true"] &':{paddingInlineStart:`calc(var(--text-input-input-padding-inline-start) + var(--text-input-left-section-width) + var(--text-input-left-section-position))`},'[data-with-right-section="true"] &':{paddingInlineEnd:`calc(var(--text-input-input-padding-inline-end) + var(--text-input-right-section-width) + var(--text-input-right-section-position))`},'[data-error="true"] &':{borderColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,_focus:{borderColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,outlineColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`},"&:hover":{borderColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`}}}});export{t as textInputInput};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input__input`,jsx:[`TextInput`],base:{fontFamily:`var(--text-input-input-font-family, {fonts.base})`,fontSize:`var(--text-input-input-font-size, {fontSizes.400})`,fontWeight:`var(--text-input-input-font-weight, {fontWeights.regular})`,lineHeight:`var(--text-input-input-line-height, inherit)`,textAlign:`var(--text-input-input-text-align, left)`,color:`var(--text-input-input-foreground, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--text-input-input-background, transparent)`,borderColor:`var(--text-input-input-border-color, {colors.neutral.stroke.7.enabled})`,borderWidth:`var(--text-input-input-border-width, {borders.100})`,borderStyle:`var(--text-input-input-border-style, solid)`,borderRadius:`var(--text-input-input-radii, {radii.200})`,width:`100%`,height:`var(--text-input-input-height, {sizes.700})`,paddingInlineStart:`var(--text-input-input-padding-inline-start, {spacing.300})`,paddingInlineEnd:`var(--text-input-input-padding-inline-end, {spacing.300})`,transition:`var(--text-input-input-transition, all 0.2s ease-in-out)`,outlineWidth:`var(--text-input-input-focus-outline-width, {borders.150})`,outlineStyle:`var(--text-input-input-focus-outline-style, solid)`,outlineOffset:`var(--text-input-input-focus-outline-offset, {spacing.50})`,outlineColor:`transparent`,"&::-webkit-outer-spin-button":{margin:0,WebkitAppearance:`none`},"&::-webkit-inner-spin-button":{margin:0,WebkitAppearance:`none`},"&[type=number]":{"-moz-appearance":`textfield`},"&::placeholder":{color:`var(--text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`},"&:hover":{color:`var(--text-input-input-hover-foreground, {colors.neutral.foreground.1.hovered})`,backgroundColor:`var(--text-input-input-hover-background, transparent)`,borderColor:`var(--text-input-input-hover-border-color, {colors.neutral.stroke.7.hovered})`},_focus:{outlineColor:`var(--text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})`,boxShadow:`var(--text-input-input-focus-shadow, none)`,borderColor:`var(--text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})`},_readOnly:{pointerEvents:`none`,userSelect:`all`},'[data-with-left-section="true"] &':{paddingInlineStart:`calc(var(--text-input-input-padding-inline-start, {spacing.300}) + var(--text-input-left-section-width, {sizes.600}) + var(--text-input-left-section-position, {spacing.200}))`},'[data-with-right-section="true"] &':{paddingInlineEnd:`calc(var(--text-input-input-padding-inline-end, {spacing.300}) + var(--text-input-right-section-width, {sizes.600}) + var(--text-input-right-section-position, {spacing.200}))`},'[data-error="true"] &':{borderColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,_focus:{borderColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,outlineColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`},"&:hover":{borderColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`}}}});export{t as textInputInput};
 //# sourceMappingURL=text-input-input.mjs.map

package/dist/recipes/controls/text-input/text-input-input.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"text-input-input.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input-input.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInputInput = defineRecipe({\n className: 'text-input__input',\n jsx: ['TextInput'],\n base: {\n fontFamily: 'var(--text-input-input-font-family, {fonts.base})',\n fontSize: 'var(--text-input-input-font-size, {fontSizes.400})',\n fontWeight: 'var(--text-input-input-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--text-input-input-line-height, inherit)',\n textAlign: 'var(--text-input-input-text-align, left)',\n color:\n 'var(--text-input-input-foreground, {colors.neutral.foreground.1.enabled})',\n backgroundColor: 'var(--text-input-input-background, transparent)',\n borderColor:\n 'var(--text-input-input-border-color, {colors.neutral.stroke.7.enabled})',\n borderWidth: 'var(--text-input-input-border-width, {borders.100})',\n borderStyle: 'var(--text-input-input-border-style, solid)',\n borderRadius: 'var(--text-input-input-radii, {radii.200})',\n width: '100%',\n height: 'var(--text-input-input-height, {sizes.700})',\n paddingInlineStart:\n 'var(--text-input-input-padding-inline-start, {spacing.300})',\n paddingInlineEnd:\n 'var(--text-input-input-padding-inline-end, {spacing.300})',\n transition: 'var(--text-input-input-transition, all 0.2s ease-in-out)',\n\n outlineWidth: 'var(--text-input-input-focus-outline-width, {borders.150})',\n outlineStyle: 'var(--text-input-input-focus-outline-style, solid)',\n outlineOffset: 'var(--text-input-input-focus-outline-offset, {spacing.50})',\n outlineColor: 'transparent',\n\n '&::-webkit-outer-spin-button': {\n margin: 0,\n WebkitAppearance: 'none',\n },\n '&::-webkit-inner-spin-button': {\n margin: 0,\n WebkitAppearance: 'none',\n },\n '&[type=number]': {\n '-moz-appearance': 'textfield',\n },\n '&::placeholder': {\n color:\n 'var(--text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n },\n '&:hover': {\n color:\n 'var(--text-input-input-hover-foreground, {colors.neutral.foreground.1.hovered})',\n backgroundColor: 'var(--text-input-input-hover-background, transparent)',\n borderColor:\n 'var(--text-input-input-hover-border-color, {colors.neutral.stroke.7.hovered})',\n },\n _focus: {\n outlineColor:\n 'var(--text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n boxShadow: 'var(--text-input-input-focus-shadow, none)',\n borderColor:\n 'var(--text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})',\n },\n _readOnly: {\n pointerEvents: 'none',\n userSelect: 'all',\n },\n '[data-with-left-section=\"true\"] &': {\n paddingInlineStart:\n 'calc(var(--text-input-input-padding-inline-start) + var(--text-input-left-section-width) + var(--text-input-left-section-position))',\n },\n '[data-with-right-section=\"true\"] &': {\n paddingInlineEnd:\n 'calc(var(--text-input-input-padding-inline-end) + var(--text-input-right-section-width) + var(--text-input-right-section-position))',\n },\n '[data-error=\"true\"] &': {\n borderColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n _focus: {\n borderColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n outlineColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n },\n '&:hover': {\n borderColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,oBACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,WAAY,oDACZ,SAAU,qDACV,WAAY,6DACZ,WAAY,+CACZ,UAAW,2CACX,MACE,4EACF,gBAAiB,kDACjB,YACE,0EACF,YAAa,sDACb,YAAa,8CACb,aAAc,6CACd,MAAO,OACP,OAAQ,8CACR,mBACE,8DACF,iBACE,4DACF,WAAY,2DAEZ,aAAc,6DACd,aAAc,qDACd,cAAe,6DACf,aAAc,cAEd,+BAAgC,CAC9B,OAAQ,EACR,iBAAkB,OACnB,CACD,+BAAgC,CAC9B,OAAQ,EACR,iBAAkB,OACnB,CACD,iBAAkB,CAChB,kBAAmB,YACpB,CACD,iBAAkB,CAChB,MACE,wFACH,CACD,UAAW,CACT,MACE,kFACF,gBAAiB,wDACjB,YACE,gFACH,CACD,OAAQ,CACN,aACE,iFACF,UAAW,6CACX,YACE,gFACH,CACD,UAAW,CACT,cAAe,OACf,WAAY,MACb,CACD,oCAAqC,CACnC,mBACE,~~sIACH~~,CACD,qCAAsC,CACpC,iBACE,~~sIACH~~,CACD,wBAAyB,CACvB,YACE,+EACF,OAAQ,CACN,YACE,+EACF,aACE,+EACH,CACD,UAAW,CACT,YACE,+EACH,CACF,CACF,CACF,CAAC"}
1	+ {"version":3,"file":"text-input-input.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input-input.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInputInput = defineRecipe({\n className: 'text-input__input',\n jsx: ['TextInput'],\n base: {\n fontFamily: 'var(--text-input-input-font-family, {fonts.base})',\n fontSize: 'var(--text-input-input-font-size, {fontSizes.400})',\n fontWeight: 'var(--text-input-input-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--text-input-input-line-height, inherit)',\n textAlign: 'var(--text-input-input-text-align, left)',\n color:\n 'var(--text-input-input-foreground, {colors.neutral.foreground.1.enabled})',\n backgroundColor: 'var(--text-input-input-background, transparent)',\n borderColor:\n 'var(--text-input-input-border-color, {colors.neutral.stroke.7.enabled})',\n borderWidth: 'var(--text-input-input-border-width, {borders.100})',\n borderStyle: 'var(--text-input-input-border-style, solid)',\n borderRadius: 'var(--text-input-input-radii, {radii.200})',\n width: '100%',\n height: 'var(--text-input-input-height, {sizes.700})',\n paddingInlineStart:\n 'var(--text-input-input-padding-inline-start, {spacing.300})',\n paddingInlineEnd:\n 'var(--text-input-input-padding-inline-end, {spacing.300})',\n transition: 'var(--text-input-input-transition, all 0.2s ease-in-out)',\n\n outlineWidth: 'var(--text-input-input-focus-outline-width, {borders.150})',\n outlineStyle: 'var(--text-input-input-focus-outline-style, solid)',\n outlineOffset: 'var(--text-input-input-focus-outline-offset, {spacing.50})',\n outlineColor: 'transparent',\n\n '&::-webkit-outer-spin-button': {\n margin: 0,\n WebkitAppearance: 'none',\n },\n '&::-webkit-inner-spin-button': {\n margin: 0,\n WebkitAppearance: 'none',\n },\n '&[type=number]': {\n '-moz-appearance': 'textfield',\n },\n '&::placeholder': {\n color:\n 'var(--text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n },\n '&:hover': {\n color:\n 'var(--text-input-input-hover-foreground, {colors.neutral.foreground.1.hovered})',\n backgroundColor: 'var(--text-input-input-hover-background, transparent)',\n borderColor:\n 'var(--text-input-input-hover-border-color, {colors.neutral.stroke.7.hovered})',\n },\n _focus: {\n outlineColor:\n 'var(--text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n boxShadow: 'var(--text-input-input-focus-shadow, none)',\n borderColor:\n 'var(--text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})',\n },\n _readOnly: {\n pointerEvents: 'none',\n userSelect: 'all',\n },\n '[data-with-left-section=\"true\"] &': {\n paddingInlineStart:\n 'calc(var(--text-input-input-padding-inline-start, {spacing.300}) + var(--text-input-left-section-width, {sizes.600}) + var(--text-input-left-section-position, {spacing.200}))',\n },\n '[data-with-right-section=\"true\"] &': {\n paddingInlineEnd:\n 'calc(var(--text-input-input-padding-inline-end, {spacing.300}) + var(--text-input-right-section-width, {sizes.600}) + var(--text-input-right-section-position, {spacing.200}))',\n },\n '[data-error=\"true\"] &': {\n borderColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n _focus: {\n borderColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n outlineColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n },\n '&:hover': {\n borderColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,oBACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,WAAY,oDACZ,SAAU,qDACV,WAAY,6DACZ,WAAY,+CACZ,UAAW,2CACX,MACE,4EACF,gBAAiB,kDACjB,YACE,0EACF,YAAa,sDACb,YAAa,8CACb,aAAc,6CACd,MAAO,OACP,OAAQ,8CACR,mBACE,8DACF,iBACE,4DACF,WAAY,2DAEZ,aAAc,6DACd,aAAc,qDACd,cAAe,6DACf,aAAc,cAEd,+BAAgC,CAC9B,OAAQ,EACR,iBAAkB,OACnB,CACD,+BAAgC,CAC9B,OAAQ,EACR,iBAAkB,OACnB,CACD,iBAAkB,CAChB,kBAAmB,YACpB,CACD,iBAAkB,CAChB,MACE,wFACH,CACD,UAAW,CACT,MACE,kFACF,gBAAiB,wDACjB,YACE,gFACH,CACD,OAAQ,CACN,aACE,iFACF,UAAW,6CACX,YACE,gFACH,CACD,UAAW,CACT,cAAe,OACf,WAAY,MACb,CACD,oCAAqC,CACnC,mBACE,iLACH,CACD,qCAAsC,CACpC,iBACE,iLACH,CACD,wBAAyB,CACvB,YACE,+EACF,OAAQ,CACN,YACE,+EACF,aACE,+EACH,CACD,UAAW,CACT,YACE,+EACH,CACF,CACF,CACF,CAAC"}

package/dist/recipes/controls/text-input/text-input-section.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input__section`,jsx:[`TextInput`],base:{position:`absolute`,top:`50%`,transform:`translateY(-50%)`,display:`flex`,alignItems:`center`,justifyContent:`center`,aspectRatio:`1 / 1`,'&[data-position="left"]':{left:`var(--text-input-left-section-position, {spacing.200})`,width:`var(--text-input-left-section-width, {sizes.300})`,pointerEvents:`var(--text-input-left-section-pointer-events, none)`},'&[data-position="right"]':{right:`var(--text-input-right-section-position, {spacing.200})`,width:`var(--text-input-right-section-width, {sizes.300})`,pointerEvents:`var(--text-input-right-section-pointer-events, none)`}}});export{t as textInputSection};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input__section`,jsx:[`TextInput`],base:{color:`var(--text-input-section-foreground, {colors.neutral.foreground.2.enabled})`,position:`absolute`,top:`50%`,transform:`translateY(-50%)`,display:`flex`,alignItems:`center`,justifyContent:`center`,aspectRatio:`1 / 1`,'&[data-position="left"]':{left:`var(--text-input-left-section-position, {spacing.200})`,width:`var(--text-input-left-section-width, {sizes.300})`,pointerEvents:`var(--text-input-left-section-pointer-events, none)`},'&[data-position="right"]':{right:`var(--text-input-right-section-position, {spacing.200})`,width:`var(--text-input-right-section-width, {sizes.300})`,pointerEvents:`var(--text-input-right-section-pointer-events, none)`}}});export{t as textInputSection};
 //# sourceMappingURL=text-input-section.mjs.map

package/dist/recipes/controls/text-input/text-input-section.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"text-input-section.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input-section.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInputSection = defineRecipe({\n className: 'text-input__section',\n jsx: ['TextInput'],\n base: {\n position: 'absolute',\n top: '50%',\n transform: 'translateY(-50%)',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n aspectRatio: '1 / 1',\n '&[data-position=\"left\"]': {\n left: 'var(--text-input-left-section-position, {spacing.200})',\n width: 'var(--text-input-left-section-width, {sizes.300})',\n pointerEvents: 'var(--text-input-left-section-pointer-events, none)',\n },\n '&[data-position=\"right\"]': {\n right: 'var(--text-input-right-section-position, {spacing.200})',\n width: 'var(--text-input-right-section-width, {sizes.300})',\n pointerEvents: 'var(--text-input-right-section-pointer-events, none)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,sBACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,SAAU,WACV,IAAK,MACL,UAAW,mBACX,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,YAAa,QACb,0BAA2B,CACzB,KAAM,yDACN,MAAO,oDACP,cAAe,sDAChB,CACD,2BAA4B,CAC1B,MAAO,0DACP,MAAO,qDACP,cAAe,uDAChB,CACF,CACF,CAAC"}
1	+ {"version":3,"file":"text-input-section.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input-section.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInputSection = defineRecipe({\n className: 'text-input__section',\n jsx: ['TextInput'],\n base: {\n color:\n 'var(--text-input-section-foreground, {colors.neutral.foreground.2.enabled})',\n position: 'absolute',\n top: '50%',\n transform: 'translateY(-50%)',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n aspectRatio: '1 / 1',\n '&[data-position=\"left\"]': {\n left: 'var(--text-input-left-section-position, {spacing.200})',\n width: 'var(--text-input-left-section-width, {sizes.300})',\n pointerEvents: 'var(--text-input-left-section-pointer-events, none)',\n },\n '&[data-position=\"right\"]': {\n right: 'var(--text-input-right-section-position, {spacing.200})',\n width: 'var(--text-input-right-section-width, {sizes.300})',\n pointerEvents: 'var(--text-input-right-section-pointer-events, none)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,sBACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,MACE,8EACF,SAAU,WACV,IAAK,MACL,UAAW,mBACX,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,YAAa,QACb,0BAA2B,CACzB,KAAM,yDACN,MAAO,oDACP,cAAe,sDAChB,CACD,2BAA4B,CAC1B,MAAO,0DACP,MAAO,qDACP,cAAe,uDAChB,CACF,CACF,CAAC"}

package/dist/recipes/controls/text-input/text-input-wrapper.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input__wrapper`,jsx:[`TextInput`],base:{order:`var(--text-input-wrapper-order, 2)`,position:`relative`,marginTop:`var(--text-input-wrapper-margin-top, {spacing.100})`,_disabled:{opacity:`var(--text-input-wrapper-disabled-opacity, 0.5)`,pointerEvents:`none`}}});export{t as textInputWrapper};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input__wrapper`,jsx:[`TextInput`],base:{order:`var(--text-input-wrapper-order, 2)`,position:`var(--text-input-wrapper-position, relative)`,marginTop:`var(--text-input-wrapper-margin-top, {spacing.100})`,_disabled:{opacity:`var(--text-input-wrapper-disabled-opacity, 0.5)`,pointerEvents:`none`}}});export{t as textInputWrapper};
 //# sourceMappingURL=text-input-wrapper.mjs.map

package/dist/recipes/controls/text-input/text-input-wrapper.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"text-input-wrapper.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input-wrapper.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInputWrapper = defineRecipe({\n className: 'text-input__wrapper',\n jsx: ['TextInput'],\n base: {\n order: 'var(--text-input-wrapper-order, 2)',\n position: 'relative',\n marginTop: 'var(--text-input-wrapper-margin-top, {spacing.100})',\n _disabled: {\n opacity: 'var(--text-input-wrapper-disabled-opacity, 0.5)',\n pointerEvents: 'none',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,sBACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,MAAO,qCACP,SAAU,~~WACV,~~UAAW,sDACX,UAAW,CACT,QAAS,kDACT,cAAe,OAChB,CACF,CACF,CAAC"}
1	+ {"version":3,"file":"text-input-wrapper.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input-wrapper.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInputWrapper = defineRecipe({\n className: 'text-input__wrapper',\n jsx: ['TextInput'],\n base: {\n order: 'var(--text-input-wrapper-order, 2)',\n position: 'var(--text-input-wrapper-position, relative)',\n marginTop: 'var(--text-input-wrapper-margin-top, {spacing.100})',\n _disabled: {\n opacity: 'var(--text-input-wrapper-disabled-opacity, 0.5)',\n pointerEvents: 'none',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,sBACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,MAAO,qCACP,SAAU,+CACV,UAAW,sDACX,UAAW,CACT,QAAS,kDACT,cAAe,OAChB,CACF,CACF,CAAC"}

package/dist/recipes/controls/text-input/text-input.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input`,jsx:[`TextInput`],base:{"--text-input-root-gap":`{spacing.200}`,"--text-input-label-order":`1`,"--text-input-label-font-family":`{fonts.base}`,"--text-input-label-font-size":`{fontSizes.300}`,"--text-input-label-font-weight":`{fontWeights.medium}`,"--text-input-label-line-height":`inherit`,"--text-input-label-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-required-font-family":`{fonts.base}`,"--text-input-required-font-size":`{fontSizes.300}`,"--text-input-required-font-weight":`{fontWeights.medium}`,"--text-input-required-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-required-foreground-error":`{colors.danger.foreground.1.enabled}`,"--text-input-description-order":`4`,"--text-input-description-font-family":`{fonts.base}`,"--text-input-description-font-size":`{fontSizes.200}`,"--text-input-description-font-weight":`{fontWeights.regular}`,"--text-input-description-line-height":`inherit`,"--text-input-description-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-error-order":`3`,"--text-input-error-font-family":`{fonts.base}`,"--text-input-error-font-size":`{fontSizes.200}`,"--text-input-error-font-weight":`{fontWeights.regular}`,"--text-input-error-line-height":`inherit`,"--text-input-error-foreground":`{colors.danger.foreground.1.enabled}`,"--text-input-wrapper-order":`2`,"--text-input-wrapper-margin-top":`{spacing.100}`,"--text-input-wrapper-disabled-opacity":`0.5`,"--text-input-input-font-family":`{fonts.base}`,"--text-input-input-font-size":`{fontSizes.300}`,"--text-input-input-font-weight":`{fontWeights.regular}`,"--text-input-input-line-height":`inherit`,"--text-input-input-text-align":`left`,"--text-input-input-background":`transparent`,"--text-input-input-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-input-placeholder-foreground":`{colors.neutral.foreground.3.enabled}`,"--text-input-input-border-width":`{borders.150}`,"--text-input-input-border-style":`solid`,"--text-input-input-border-color":`{colors.neutral.stroke.7.enabled}`,"--text-input-input-radii":`{radii.200}`,"--text-input-input-height":`{sizes.700}`,"--text-input-input-padding-inline-start":`{spacing.300}`,"--text-input-input-padding-inline-end":`{spacing.300}`,"--text-input-input-transition":`all 0.2s ease-in-out`,"--text-input-input-border-color-error":`{colors.danger.stroke.1.enabled}`,"--text-input-input-hover-background":`transparent`,"--text-input-input-hover-border-color":`{colors.neutral.stroke.7.hovered}`,"--text-input-input-hover-foreground":`{colors.neutral.foreground.2.hovered}`,"--text-input-input-focus-outline-width":`{borders.150}`,"--text-input-input-focus-outline-style":`solid`,"--text-input-input-focus-outline-offset":`{spacing.50}`,"--text-input-input-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--text-input-input-focus-border-color":`{colors.neutral.stroke.7.hovered}`,"--text-input-input-focus-shadow":`none`,"--text-input-input-disabled-background":`transparent`,"--text-input-input-disabled-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-input-disabled-border-color":`{colors.neutral.stroke.7.enabled}`,"--text-input-input-disabled-opacity":`0.5`,"--text-input-section-size":`{sizes.600}`,"--text-input-left-section-width":`{sizes.600}`,"--text-input-right-section-width":`{sizes.600}`,"--text-input-left-section-position":`{spacing.200}`,"--text-input-right-section-position":`{spacing.200}`,"--text-input-left-section-pointer-events":`none`,"--text-input-right-section-pointer-events":`none`}});export{t as textInput};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input`,jsx:[`TextInput`],base:{"--text-input-root-gap":`{spacing.200}`,"--text-input-label-order":`1`,"--text-input-label-font-family":`{fonts.base}`,"--text-input-label-font-size":`{fontSizes.300}`,"--text-input-label-font-weight":`{fontWeights.medium}`,"--text-input-label-line-height":`inherit`,"--text-input-label-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-required-font-family":`{fonts.base}`,"--text-input-required-font-size":`{fontSizes.300}`,"--text-input-required-font-weight":`{fontWeights.medium}`,"--text-input-required-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-required-foreground-error":`{colors.danger.foreground.1.enabled}`,"--text-input-description-order":`4`,"--text-input-description-font-family":`{fonts.base}`,"--text-input-description-font-size":`{fontSizes.200}`,"--text-input-description-font-weight":`{fontWeights.regular}`,"--text-input-description-line-height":`inherit`,"--text-input-description-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-error-order":`3`,"--text-input-error-font-family":`{fonts.base}`,"--text-input-error-font-size":`{fontSizes.200}`,"--text-input-error-font-weight":`{fontWeights.regular}`,"--text-input-error-line-height":`inherit`,"--text-input-error-foreground":`{colors.danger.foreground.1.enabled}`,"--text-input-wrapper-order":`2`,"--text-input-wrapper-position":`relative`,"--text-input-wrapper-margin-top":`{spacing.100}`,"--text-input-wrapper-disabled-opacity":`0.5`,"--text-input-input-font-family":`{fonts.base}`,"--text-input-input-font-size":`{fontSizes.300}`,"--text-input-input-font-weight":`{fontWeights.regular}`,"--text-input-input-line-height":`inherit`,"--text-input-input-text-align":`left`,"--text-input-input-background":`transparent`,"--text-input-input-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-input-placeholder-foreground":`{colors.neutral.foreground.3.enabled}`,"--text-input-input-border-width":`{borders.150}`,"--text-input-input-border-style":`solid`,"--text-input-input-border-color":`{colors.neutral.stroke.7.enabled}`,"--text-input-input-radii":`{radii.200}`,"--text-input-input-height":`{sizes.700}`,"--text-input-input-padding-inline-start":`{spacing.300}`,"--text-input-input-padding-inline-end":`{spacing.300}`,"--text-input-input-transition":`all 0.2s ease-in-out`,"--text-input-input-border-color-error":`{colors.danger.stroke.1.enabled}`,"--text-input-input-hover-background":`transparent`,"--text-input-input-hover-border-color":`{colors.neutral.stroke.7.hovered}`,"--text-input-input-hover-foreground":`{colors.neutral.foreground.2.hovered}`,"--text-input-input-focus-outline-width":`{borders.150}`,"--text-input-input-focus-outline-style":`solid`,"--text-input-input-focus-outline-offset":`{spacing.50}`,"--text-input-input-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--text-input-input-focus-border-color":`{colors.neutral.stroke.7.hovered}`,"--text-input-input-focus-shadow":`none`,"--text-input-input-disabled-background":`transparent`,"--text-input-input-disabled-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-input-disabled-border-color":`{colors.neutral.stroke.7.enabled}`,"--text-input-input-disabled-opacity":`0.5`,"--text-input-section-foreground":`var(--text-input-input-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-section-size":`{sizes.600}`,"--text-input-left-section-width":`{sizes.600}`,"--text-input-right-section-width":`{sizes.600}`,"--text-input-left-section-position":`{spacing.200}`,"--text-input-right-section-position":`{spacing.200}`,"--text-input-left-section-pointer-events":`none`,"--text-input-right-section-pointer-events":`none`}});export{t as textInput};
 //# sourceMappingURL=text-input.mjs.map