npm - @mage-ui/preset - Versions diffs - 1.0.31 → 1.0.33 - Mend

@mage-ui/preset 1.0.31 → 1.0.33

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 (170) hide show

package/dist/recipes/buttons/button/button.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`button`,jsx:[`Button`],base:{"--button-font-family":`{fonts.base}`,"--button-font-size":`{fontSizes.400}`,"--button-font-weight":`{fontWeights.medium}`,"--button-line-height":`1`,"--button-text-transform":`none`,"--button-white-space":`nowrap`,"--button-align":`center`,"--button-justify":`center`,"--button-text-align":`center`,"--button-height":`{sizes.500}`,"--button-padding-inline":`{spacing.300}`,"--button-gap":`{spacing.200}`,"--button-focus-outline-width":`{borders.200}`,"--button-focus-outline-style":`solid`,"--button-focus-outline-offset":`{spacing.50}`,"--button-focus-outline-color":`{colors.neutral.stroke.1.focused}`,"--button-focus-shadow":`none`,"--button-background":`{colors.neutral.background.1.enabled}`,"--button-foreground":`{colors.neutral.foreground.1.enabled}`,"--button-radii":`{radii.100}`,"--button-border-color":`{colors.neutral.stroke.1.enabled}`,"--button-border-width":`{borders.100}`,"--button-border-style":`solid`,"--button-background-hover":`{colors.neutral.background.1.hovered}`,"--button-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--button-border-color-hover":`{colors.neutral.stroke.1.hovered}`,"--button-disabled-opacity":`0.5`,"--button-transition":`{animations.200}`,"--button-inner-gap":`{spacing.200}`,"--button-svg-fill":`none`,"--button-svg-stroke":`none`}});export{t as button};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`button`,jsx:[`Button`],base:{"--button-font-family":`{fonts.base}`,"--button-font-size":`{fontSizes.400}`,"--button-font-weight":`{fontWeights.medium}`,"--button-line-height":`1`,"--button-text-transform":`none`,"--button-white-space":`nowrap`,"--button-align":`center`,"--button-justify":`center`,"--button-text-align":`center`,"--button-height":`{sizes.500}`,"--button-padding-inline":`{spacing.300}`,"--button-gap":`{spacing.200}`,"--button-focus-outline-width":`{borders.150}`,"--button-focus-outline-style":`solid`,"--button-focus-outline-offset":`{spacing.50}`,"--button-focus-outline-color":`{colors.neutral.stroke.1.focused}`,"--button-focus-shadow":`none`,"--button-background":`{colors.neutral.background.1.enabled}`,"--button-foreground":`{colors.neutral.foreground.1.enabled}`,"--button-radii":`{radii.100}`,"--button-border-color":`{colors.neutral.stroke.1.enabled}`,"--button-border-width":`{borders.100}`,"--button-border-style":`solid`,"--button-background-hover":`{colors.neutral.background.1.hovered}`,"--button-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--button-border-color-hover":`{colors.neutral.stroke.1.hovered}`,"--button-disabled-opacity":`0.5`,"--button-transition":`{animations.200}`,"--button-inner-gap":`{spacing.200}`,"--button-svg-fill":`none`,"--button-svg-stroke":`none`}});export{t as button};
 //# sourceMappingURL=button.mjs.map

package/dist/recipes/buttons/button/button.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button.mjs","names":[],"sources":["../../../../src/recipes/buttons/button/button.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const button = defineRecipe({\n className: 'button',\n jsx: ['Button'],\n base: {\n '--button-font-family': '{fonts.base}',\n '--button-font-size': '{fontSizes.400}',\n '--button-font-weight': '{fontWeights.medium}',\n '--button-line-height': '1',\n '--button-text-transform': 'none',\n '--button-white-space': 'nowrap',\n '--button-align': 'center',\n '--button-justify': 'center',\n '--button-text-align': 'center',\n '--button-height': '{sizes.500}',\n '--button-padding-inline': '{spacing.300}',\n '--button-gap': '{spacing.200}',\n '--button-focus-outline-width': '{borders.~~200~~}',\n '--button-focus-outline-style': 'solid',\n '--button-focus-outline-offset': '{spacing.50}',\n '--button-focus-outline-color': '{colors.neutral.stroke.1.focused}',\n '--button-focus-shadow': 'none',\n '--button-background': '{colors.neutral.background.1.enabled}',\n '--button-foreground': '{colors.neutral.foreground.1.enabled}',\n '--button-radii': '{radii.100}',\n '--button-border-color': '{colors.neutral.stroke.1.enabled}',\n '--button-border-width': '{borders.100}',\n '--button-border-style': 'solid',\n '--button-background-hover': '{colors.neutral.background.1.hovered}',\n '--button-foreground-hover': '{colors.neutral.foreground.1.hovered}',\n '--button-border-color-hover': '{colors.neutral.stroke.1.hovered}',\n '--button-disabled-opacity': '0.5',\n '--button-transition': '{animations.200}',\n\n '--button-inner-gap': '{spacing.200}',\n\n '--button-svg-fill': 'none',\n '--button-svg-stroke': 'none',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAS,EAAa,CACjC,UAAW,SACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,uBAAwB,eACxB,qBAAsB,kBACtB,uBAAwB,uBACxB,uBAAwB,IACxB,0BAA2B,OAC3B,uBAAwB,SACxB,iBAAkB,SAClB,mBAAoB,SACpB,sBAAuB,SACvB,kBAAmB,cACnB,0BAA2B,gBAC3B,eAAgB,gBAChB,+BAAgC,gBAChC,+BAAgC,QAChC,gCAAiC,eACjC,+BAAgC,oCAChC,wBAAyB,OACzB,sBAAuB,wCACvB,sBAAuB,wCACvB,iBAAkB,cAClB,wBAAyB,oCACzB,wBAAyB,gBACzB,wBAAyB,QACzB,4BAA6B,wCAC7B,4BAA6B,wCAC7B,8BAA+B,oCAC/B,4BAA6B,MAC7B,sBAAuB,mBAEvB,qBAAsB,gBAEtB,oBAAqB,OACrB,sBAAuB,OACxB,CACF,CAAC"}
1	+ {"version":3,"file":"button.mjs","names":[],"sources":["../../../../src/recipes/buttons/button/button.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const button = defineRecipe({\n className: 'button',\n jsx: ['Button'],\n base: {\n '--button-font-family': '{fonts.base}',\n '--button-font-size': '{fontSizes.400}',\n '--button-font-weight': '{fontWeights.medium}',\n '--button-line-height': '1',\n '--button-text-transform': 'none',\n '--button-white-space': 'nowrap',\n '--button-align': 'center',\n '--button-justify': 'center',\n '--button-text-align': 'center',\n '--button-height': '{sizes.500}',\n '--button-padding-inline': '{spacing.300}',\n '--button-gap': '{spacing.200}',\n '--button-focus-outline-width': '{borders.150}',\n '--button-focus-outline-style': 'solid',\n '--button-focus-outline-offset': '{spacing.50}',\n '--button-focus-outline-color': '{colors.neutral.stroke.1.focused}',\n '--button-focus-shadow': 'none',\n '--button-background': '{colors.neutral.background.1.enabled}',\n '--button-foreground': '{colors.neutral.foreground.1.enabled}',\n '--button-radii': '{radii.100}',\n '--button-border-color': '{colors.neutral.stroke.1.enabled}',\n '--button-border-width': '{borders.100}',\n '--button-border-style': 'solid',\n '--button-background-hover': '{colors.neutral.background.1.hovered}',\n '--button-foreground-hover': '{colors.neutral.foreground.1.hovered}',\n '--button-border-color-hover': '{colors.neutral.stroke.1.hovered}',\n '--button-disabled-opacity': '0.5',\n '--button-transition': '{animations.200}',\n\n '--button-inner-gap': '{spacing.200}',\n\n '--button-svg-fill': 'none',\n '--button-svg-stroke': 'none',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAS,EAAa,CACjC,UAAW,SACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,uBAAwB,eACxB,qBAAsB,kBACtB,uBAAwB,uBACxB,uBAAwB,IACxB,0BAA2B,OAC3B,uBAAwB,SACxB,iBAAkB,SAClB,mBAAoB,SACpB,sBAAuB,SACvB,kBAAmB,cACnB,0BAA2B,gBAC3B,eAAgB,gBAChB,+BAAgC,gBAChC,+BAAgC,QAChC,gCAAiC,eACjC,+BAAgC,oCAChC,wBAAyB,OACzB,sBAAuB,wCACvB,sBAAuB,wCACvB,iBAAkB,cAClB,wBAAyB,oCACzB,wBAAyB,gBACzB,wBAAyB,QACzB,4BAA6B,wCAC7B,4BAA6B,wCAC7B,8BAA+B,oCAC/B,4BAA6B,MAC7B,sBAAuB,mBAEvB,qBAAsB,gBAEtB,oBAAqB,OACrB,sBAAuB,OACxB,CACF,CAAC"}

package/dist/recipes/buttons/button-action/button-action.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{button as e}from"../button/button.mjs";const t=e.merge({className:`button-action`,jsx:[`ButtonAction`],base:{"--button-font-family":`var(--button-action-font-family, {fonts.base})`,"--button-font-size":`var(--button-action-font-size, {fontSizes.400})`,"--button-font-weight":`var(--button-action-font-weight, {fontWeights.medium})`,"--button-line-height":`var(--button-action-line-height, 1)`,"--button-text-transform":`var(--button-action-text-transform, none)`,"--button-white-space":`var(--button-action-white-space, nowrap)`,"--button-align":`var(--button-action-align, center)`,"--button-justify":`var(--button-action-justify, center)`,"--button-text-align":`var(--button-action-text-align, center)`,"--button-height":`var(--button-action-height, {sizes.500})`,"--button-padding-inline":`var(--button-action-padding-inline, {spacing.300})`,"--button-gap":`var(--button-action-gap, {spacing.200})`,"--button-focus-outline-width":`var(--button-action-focus-outline-width, {borders.200})`,"--button-focus-outline-style":`var(--button-action-focus-outline-style, solid)`,"--button-focus-outline-offset":`var(--button-action-focus-outline-offset, {spacing.50})`,"--button-focus-outline-color":`var(--button-action-focus-outline-color, {colors.neutral.stroke.1.focused})`,"--button-focus-shadow":`var(--button-action-focus-shadow, none)`,"--button-background":`var(--button-action-background, {colors.neutral.background.1.enabled})`,"--button-foreground":`var(--button-action-foreground, {colors.neutral.foreground.1.enabled})`,"--button-radii":`var(--button-action-radii, {radii.100})`,"--button-border-color":`var(--button-action-border-color, {colors.neutral.stroke.1.enabled})`,"--button-border-width":`var(--button-action-border-width, {borders.100})`,"--button-border-style":`var(--button-action-border-style, solid)`,"--button-background-hover":`var(--button-action-background-hover, {colors.neutral.background.1.hovered})`,"--button-foreground-hover":`var(--button-action-foreground-hover, {colors.neutral.foreground.1.hovered})`,"--button-border-color-hover":`var(--button-action-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--button-disabled-opacity":`var(--button-action-disabled-opacity, 0.5)`,"--button-transition":`var(--button-action-transition, {animations.200})`,"--button-inner-gap":`var(--button-action-inner-gap, 0.5rem)`,"--button-svg-fill":`var(--button-action-svg-fill, currentColor)`,"--button-svg-stroke":`var(--button-action-svg-stroke, currentColor)`,"--button-action-loader-background":`{colors.primary.background.1.enabled}`,"--button-action-loader-transition":`width ease 1.5s`,"--button-action-loader-animation-name":`grow`,"--button-action-loader-animation-duration":`5s`,"--button-action-loader-animation-timing-function":`cubic-bezier(0.05, 0.7, 0.1, 1)`,"--button-action-loader-animation-fill-mode":`forwards`,"--button-action-loader-animation-delay":`0s`,"--button-action-loader-animation-iteration-count":`1`,"--button-action-loader-animation-direction":`normal`,"--button-action-label-gap":`{spacing.300}`}});export{t as buttonAction};
+import{button as e}from"../button/button.mjs";const t=e.merge({className:`button-action`,jsx:[`ButtonAction`],base:{"--button-font-family":`var(--button-action-font-family, {fonts.base})`,"--button-font-size":`var(--button-action-font-size, {fontSizes.400})`,"--button-font-weight":`var(--button-action-font-weight, {fontWeights.medium})`,"--button-line-height":`var(--button-action-line-height, 1)`,"--button-text-transform":`var(--button-action-text-transform, none)`,"--button-white-space":`var(--button-action-white-space, nowrap)`,"--button-align":`var(--button-action-align, center)`,"--button-justify":`var(--button-action-justify, center)`,"--button-text-align":`var(--button-action-text-align, center)`,"--button-height":`var(--button-action-height, {sizes.500})`,"--button-padding-inline":`var(--button-action-padding-inline, {spacing.300})`,"--button-gap":`var(--button-action-gap, {spacing.200})`,"--button-focus-outline-width":`var(--button-action-focus-outline-width, {borders.150})`,"--button-focus-outline-style":`var(--button-action-focus-outline-style, solid)`,"--button-focus-outline-offset":`var(--button-action-focus-outline-offset, {spacing.50})`,"--button-focus-outline-color":`var(--button-action-focus-outline-color, {colors.neutral.stroke.1.focused})`,"--button-focus-shadow":`var(--button-action-focus-shadow, none)`,"--button-background":`var(--button-action-background, {colors.neutral.background.1.enabled})`,"--button-foreground":`var(--button-action-foreground, {colors.neutral.foreground.1.enabled})`,"--button-radii":`var(--button-action-radii, {radii.100})`,"--button-border-color":`var(--button-action-border-color, {colors.neutral.stroke.1.enabled})`,"--button-border-width":`var(--button-action-border-width, {borders.100})`,"--button-border-style":`var(--button-action-border-style, solid)`,"--button-background-hover":`var(--button-action-background-hover, {colors.neutral.background.1.hovered})`,"--button-foreground-hover":`var(--button-action-foreground-hover, {colors.neutral.foreground.1.hovered})`,"--button-border-color-hover":`var(--button-action-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--button-disabled-opacity":`var(--button-action-disabled-opacity, 0.5)`,"--button-transition":`var(--button-action-transition, {animations.200})`,"--button-inner-gap":`var(--button-action-inner-gap, 0.5rem)`,"--button-svg-fill":`var(--button-action-svg-fill, currentColor)`,"--button-svg-stroke":`var(--button-action-svg-stroke, currentColor)`,"--button-action-loader-background":`{colors.primary.background.1.enabled}`,"--button-action-loader-transition":`width ease 1.5s`,"--button-action-loader-animation-name":`grow`,"--button-action-loader-animation-duration":`5s`,"--button-action-loader-animation-timing-function":`cubic-bezier(0.05, 0.7, 0.1, 1)`,"--button-action-loader-animation-fill-mode":`forwards`,"--button-action-loader-animation-delay":`0s`,"--button-action-loader-animation-iteration-count":`1`,"--button-action-loader-animation-direction":`normal`,"--button-action-label-gap":`{spacing.300}`}});export{t as buttonAction};
 //# sourceMappingURL=button-action.mjs.map

package/dist/recipes/buttons/button-action/button-action.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button-action.mjs","names":[],"sources":["../../../../src/recipes/buttons/button-action/button-action.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { button } from '../button/button';\n\nexport const buttonAction = button.merge({\n className: 'button-action',\n jsx: ['ButtonAction'],\n base: {\n '--button-font-family': 'var(--button-action-font-family, {fonts.base})',\n '--button-font-size': 'var(--button-action-font-size, {fontSizes.400})',\n '--button-font-weight':\n 'var(--button-action-font-weight, {fontWeights.medium})',\n '--button-line-height': 'var(--button-action-line-height, 1)',\n '--button-text-transform': 'var(--button-action-text-transform, none)',\n '--button-white-space': 'var(--button-action-white-space, nowrap)',\n '--button-align': 'var(--button-action-align, center)',\n '--button-justify': 'var(--button-action-justify, center)',\n '--button-text-align': 'var(--button-action-text-align, center)',\n '--button-height': 'var(--button-action-height, {sizes.500})',\n '--button-padding-inline':\n 'var(--button-action-padding-inline, {spacing.300})',\n '--button-gap': 'var(--button-action-gap, {spacing.200})',\n '--button-focus-outline-width':\n 'var(--button-action-focus-outline-width, {borders.~~200~~})',\n '--button-focus-outline-style':\n 'var(--button-action-focus-outline-style, solid)',\n '--button-focus-outline-offset':\n 'var(--button-action-focus-outline-offset, {spacing.50})',\n '--button-focus-outline-color':\n 'var(--button-action-focus-outline-color, {colors.neutral.stroke.1.focused})',\n '--button-focus-shadow': 'var(--button-action-focus-shadow, none)',\n '--button-background':\n 'var(--button-action-background, {colors.neutral.background.1.enabled})',\n '--button-foreground':\n 'var(--button-action-foreground, {colors.neutral.foreground.1.enabled})',\n '--button-radii': 'var(--button-action-radii, {radii.100})',\n '--button-border-color':\n 'var(--button-action-border-color, {colors.neutral.stroke.1.enabled})',\n '--button-border-width': 'var(--button-action-border-width, {borders.100})',\n '--button-border-style': 'var(--button-action-border-style, solid)',\n '--button-background-hover':\n 'var(--button-action-background-hover, {colors.neutral.background.1.hovered})',\n '--button-foreground-hover':\n 'var(--button-action-foreground-hover, {colors.neutral.foreground.1.hovered})',\n '--button-border-color-hover':\n 'var(--button-action-border-color-hover, {colors.neutral.stroke.1.hovered})',\n '--button-disabled-opacity': 'var(--button-action-disabled-opacity, 0.5)',\n '--button-transition': 'var(--button-action-transition, {animations.200})',\n\n '--button-inner-gap': 'var(--button-action-inner-gap, 0.5rem)',\n\n '--button-svg-fill': 'var(--button-action-svg-fill, currentColor)',\n '--button-svg-stroke': 'var(--button-action-svg-stroke, currentColor)',\n\n '--button-action-loader-background':\n '{colors.primary.background.1.enabled}',\n '--button-action-loader-transition': 'width ease 1.5s',\n '--button-action-loader-animation-name': 'grow',\n '--button-action-loader-animation-duration': '5s',\n '--button-action-loader-animation-timing-function':\n 'cubic-bezier(0.05, 0.7, 0.1, 1)',\n '--button-action-loader-animation-fill-mode': 'forwards',\n '--button-action-loader-animation-delay': '0s',\n '--button-action-loader-animation-iteration-count': '1',\n '--button-action-loader-animation-direction': 'normal',\n\n '--button-action-label-gap': '{spacing.300}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"8CAOA,MAAa,EAAe,EAAO,MAAM,CACvC,UAAW,gBACX,IAAK,CAAC,eAAe,CACrB,KAAM,CACJ,uBAAwB,iDACxB,qBAAsB,kDACtB,uBACE,yDACF,uBAAwB,sCACxB,0BAA2B,4CAC3B,uBAAwB,2CACxB,iBAAkB,qCAClB,mBAAoB,uCACpB,sBAAuB,0CACvB,kBAAmB,2CACnB,0BACE,qDACF,eAAgB,0CAChB,+BACE,0DACF,+BACE,kDACF,gCACE,0DACF,+BACE,8EACF,wBAAyB,0CACzB,sBACE,yEACF,sBACE,yEACF,iBAAkB,0CAClB,wBACE,uEACF,wBAAyB,mDACzB,wBAAyB,2CACzB,4BACE,+EACF,4BACE,+EACF,8BACE,6EACF,4BAA6B,6CAC7B,sBAAuB,oDAEvB,qBAAsB,yCAEtB,oBAAqB,8CACrB,sBAAuB,gDAEvB,oCACE,wCACF,oCAAqC,kBACrC,wCAAyC,OACzC,4CAA6C,KAC7C,mDACE,kCACF,6CAA8C,WAC9C,yCAA0C,KAC1C,mDAAoD,IACpD,6CAA8C,SAE9C,4BAA6B,gBAC9B,CACF,CAAC"}
1	+ {"version":3,"file":"button-action.mjs","names":[],"sources":["../../../../src/recipes/buttons/button-action/button-action.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { button } from '../button/button';\n\nexport const buttonAction = button.merge({\n className: 'button-action',\n jsx: ['ButtonAction'],\n base: {\n '--button-font-family': 'var(--button-action-font-family, {fonts.base})',\n '--button-font-size': 'var(--button-action-font-size, {fontSizes.400})',\n '--button-font-weight':\n 'var(--button-action-font-weight, {fontWeights.medium})',\n '--button-line-height': 'var(--button-action-line-height, 1)',\n '--button-text-transform': 'var(--button-action-text-transform, none)',\n '--button-white-space': 'var(--button-action-white-space, nowrap)',\n '--button-align': 'var(--button-action-align, center)',\n '--button-justify': 'var(--button-action-justify, center)',\n '--button-text-align': 'var(--button-action-text-align, center)',\n '--button-height': 'var(--button-action-height, {sizes.500})',\n '--button-padding-inline':\n 'var(--button-action-padding-inline, {spacing.300})',\n '--button-gap': 'var(--button-action-gap, {spacing.200})',\n '--button-focus-outline-width':\n 'var(--button-action-focus-outline-width, {borders.150})',\n '--button-focus-outline-style':\n 'var(--button-action-focus-outline-style, solid)',\n '--button-focus-outline-offset':\n 'var(--button-action-focus-outline-offset, {spacing.50})',\n '--button-focus-outline-color':\n 'var(--button-action-focus-outline-color, {colors.neutral.stroke.1.focused})',\n '--button-focus-shadow': 'var(--button-action-focus-shadow, none)',\n '--button-background':\n 'var(--button-action-background, {colors.neutral.background.1.enabled})',\n '--button-foreground':\n 'var(--button-action-foreground, {colors.neutral.foreground.1.enabled})',\n '--button-radii': 'var(--button-action-radii, {radii.100})',\n '--button-border-color':\n 'var(--button-action-border-color, {colors.neutral.stroke.1.enabled})',\n '--button-border-width': 'var(--button-action-border-width, {borders.100})',\n '--button-border-style': 'var(--button-action-border-style, solid)',\n '--button-background-hover':\n 'var(--button-action-background-hover, {colors.neutral.background.1.hovered})',\n '--button-foreground-hover':\n 'var(--button-action-foreground-hover, {colors.neutral.foreground.1.hovered})',\n '--button-border-color-hover':\n 'var(--button-action-border-color-hover, {colors.neutral.stroke.1.hovered})',\n '--button-disabled-opacity': 'var(--button-action-disabled-opacity, 0.5)',\n '--button-transition': 'var(--button-action-transition, {animations.200})',\n\n '--button-inner-gap': 'var(--button-action-inner-gap, 0.5rem)',\n\n '--button-svg-fill': 'var(--button-action-svg-fill, currentColor)',\n '--button-svg-stroke': 'var(--button-action-svg-stroke, currentColor)',\n\n '--button-action-loader-background':\n '{colors.primary.background.1.enabled}',\n '--button-action-loader-transition': 'width ease 1.5s',\n '--button-action-loader-animation-name': 'grow',\n '--button-action-loader-animation-duration': '5s',\n '--button-action-loader-animation-timing-function':\n 'cubic-bezier(0.05, 0.7, 0.1, 1)',\n '--button-action-loader-animation-fill-mode': 'forwards',\n '--button-action-loader-animation-delay': '0s',\n '--button-action-loader-animation-iteration-count': '1',\n '--button-action-loader-animation-direction': 'normal',\n\n '--button-action-label-gap': '{spacing.300}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"8CAOA,MAAa,EAAe,EAAO,MAAM,CACvC,UAAW,gBACX,IAAK,CAAC,eAAe,CACrB,KAAM,CACJ,uBAAwB,iDACxB,qBAAsB,kDACtB,uBACE,yDACF,uBAAwB,sCACxB,0BAA2B,4CAC3B,uBAAwB,2CACxB,iBAAkB,qCAClB,mBAAoB,uCACpB,sBAAuB,0CACvB,kBAAmB,2CACnB,0BACE,qDACF,eAAgB,0CAChB,+BACE,0DACF,+BACE,kDACF,gCACE,0DACF,+BACE,8EACF,wBAAyB,0CACzB,sBACE,yEACF,sBACE,yEACF,iBAAkB,0CAClB,wBACE,uEACF,wBAAyB,mDACzB,wBAAyB,2CACzB,4BACE,+EACF,4BACE,+EACF,8BACE,6EACF,4BAA6B,6CAC7B,sBAAuB,oDAEvB,qBAAsB,yCAEtB,oBAAqB,8CACrB,sBAAuB,gDAEvB,oCACE,wCACF,oCAAqC,kBACrC,wCAAyC,OACzC,4CAA6C,KAC7C,mDACE,kCACF,6CAA8C,WAC9C,yCAA0C,KAC1C,mDAAoD,IACpD,6CAA8C,SAE9C,4BAA6B,gBAC9B,CACF,CAAC"}

package/dist/recipes/buttons/button-icon/button-icon.mjs CHANGED Viewed

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

package/dist/recipes/buttons/button-icon/button-icon.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button-icon.mjs","names":[],"sources":["../../../../src/recipes/buttons/button-icon/button-icon.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { button } from '../button/button';\n\nexport const buttonIcon = button.merge({\n className: 'button-icon',\n jsx: ['ButtonIcon'],\n base: {\n '--button-radii': 'var(--button-icon-radii, {radii.100})',\n '--button-align': 'var(--button-icon-align, center)',\n '--button-justify': 'var(--button-icon-justify, center)',\n '--button-text-align': 'var(--button-icon-text-align, center)',\n '--button-height': 'var(--button-icon-height, {sizes.500})',\n '--button-padding-inline': 'var(--button-icon-padding-inline, 0)',\n '--button-disabled-opacity': 'var(--button-icon-disabled-opacity, .5)',\n '--button-transition':\n 'var(--button-icon-transition, {animations.base.100})',\n\n '--button-background':\n 'var(--button-icon-background, {colors.neutral.background.1.enabled})',\n '--button-background-hover':\n 'var(--button-icon-background-hover, {colors.neutral.background.1.hovered})',\n\n '--button-foreground':\n 'var(--button-icon-foreground, {colors.neutral.foreground.1.enabled})',\n '--button-foreground-hover':\n 'var(--button-icon-foreground-hover, {colors.neutral.foreground.1.hovered})',\n\n '--button-border-color':\n 'var(--button-icon-border-color, {colors.neutral.stroke.1.enabled})',\n '--button-border-color-hover':\n 'var(--button-icon-border-color-hover, {colors.neutral.stroke.1.hovered})',\n\n '--button-border-width': ' var(--button-icon-border-width, {borders.100})',\n '--button-border-style': 'var(--button-icon-border-style, solid)',\n\n '--button-focus-outline-width':\n 'var(--button-icon-focus-outline-width, {borders.~~200~~})',\n '--button-focus-outline-style':\n 'var(--button-icon-focus-outline-style, solid)',\n '--button-focus-outline-offset':\n 'var(--button-icon-focus-outline-offset, {spacing.50})',\n '--button-focus-outline-color':\n 'var(--button-icon-focus-outline-color,{colors.neutral.stroke.1.focused} )',\n '--button-focus-shadow': 'var(--button-icon-focus-shadow, none)',\n\n '--button-svg-fill': 'var(--button-icon-svg-fill, currentColor)',\n '--button-svg-stroke': 'var(--button-icon-svg-stroke, currentColor)',\n\n '--button-icon-icon-size': '66%',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"8CAOA,MAAa,EAAa,EAAO,MAAM,CACrC,UAAW,cACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,iBAAkB,wCAClB,iBAAkB,mCAClB,mBAAoB,qCACpB,sBAAuB,wCACvB,kBAAmB,yCACnB,0BAA2B,uCAC3B,4BAA6B,0CAC7B,sBACE,uDAEF,sBACE,uEACF,4BACE,6EAEF,sBACE,uEACF,4BACE,6EAEF,wBACE,qEACF,8BACE,2EAEF,wBAAyB,kDACzB,wBAAyB,yCAEzB,+BACE,wDACF,+BACE,gDACF,gCACE,wDACF,+BACE,4EACF,wBAAyB,wCAEzB,oBAAqB,4CACrB,sBAAuB,8CAEvB,0BAA2B,MAC5B,CACF,CAAC"}
1	+ {"version":3,"file":"button-icon.mjs","names":[],"sources":["../../../../src/recipes/buttons/button-icon/button-icon.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { button } from '../button/button';\n\nexport const buttonIcon = button.merge({\n className: 'button-icon',\n jsx: ['ButtonIcon'],\n base: {\n '--button-radii': 'var(--button-icon-radii, {radii.100})',\n '--button-align': 'var(--button-icon-align, center)',\n '--button-justify': 'var(--button-icon-justify, center)',\n '--button-text-align': 'var(--button-icon-text-align, center)',\n '--button-height': 'var(--button-icon-height, {sizes.500})',\n '--button-padding-inline': 'var(--button-icon-padding-inline, 0)',\n '--button-disabled-opacity': 'var(--button-icon-disabled-opacity, .5)',\n '--button-transition':\n 'var(--button-icon-transition, {animations.base.100})',\n\n '--button-background':\n 'var(--button-icon-background, {colors.neutral.background.1.enabled})',\n '--button-background-hover':\n 'var(--button-icon-background-hover, {colors.neutral.background.1.hovered})',\n\n '--button-foreground':\n 'var(--button-icon-foreground, {colors.neutral.foreground.1.enabled})',\n '--button-foreground-hover':\n 'var(--button-icon-foreground-hover, {colors.neutral.foreground.1.hovered})',\n\n '--button-border-color':\n 'var(--button-icon-border-color, {colors.neutral.stroke.1.enabled})',\n '--button-border-color-hover':\n 'var(--button-icon-border-color-hover, {colors.neutral.stroke.1.hovered})',\n\n '--button-border-width': ' var(--button-icon-border-width, {borders.100})',\n '--button-border-style': 'var(--button-icon-border-style, solid)',\n\n '--button-focus-outline-width':\n 'var(--button-icon-focus-outline-width, {borders.150})',\n '--button-focus-outline-style':\n 'var(--button-icon-focus-outline-style, solid)',\n '--button-focus-outline-offset':\n 'var(--button-icon-focus-outline-offset, {spacing.50})',\n '--button-focus-outline-color':\n 'var(--button-icon-focus-outline-color,{colors.neutral.stroke.1.focused} )',\n '--button-focus-shadow': 'var(--button-icon-focus-shadow, none)',\n\n '--button-svg-fill': 'var(--button-icon-svg-fill, currentColor)',\n '--button-svg-stroke': 'var(--button-icon-svg-stroke, currentColor)',\n\n '--button-icon-icon-size': '66%',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"8CAOA,MAAa,EAAa,EAAO,MAAM,CACrC,UAAW,cACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,iBAAkB,wCAClB,iBAAkB,mCAClB,mBAAoB,qCACpB,sBAAuB,wCACvB,kBAAmB,yCACnB,0BAA2B,uCAC3B,4BAA6B,0CAC7B,sBACE,uDAEF,sBACE,uEACF,4BACE,6EAEF,sBACE,uEACF,4BACE,6EAEF,wBACE,qEACF,8BACE,2EAEF,wBAAyB,kDACzB,wBAAyB,yCAEzB,+BACE,wDACF,+BACE,gDACF,gCACE,wDACF,+BACE,4EACF,wBAAyB,wCAEzB,oBAAqB,4CACrB,sBAAuB,8CAEvB,0BAA2B,MAC5B,CACF,CAAC"}

package/dist/recipes/buttons/button-icon-visual/button-icon-visual.mjs CHANGED Viewed

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

package/dist/recipes/buttons/button-icon-visual/button-icon-visual.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button-icon-visual.mjs","names":[],"sources":["../../../../src/recipes/buttons/button-icon-visual/button-icon-visual.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonIcon } from '../button-icon/button-icon';\n\nexport const buttonIconVisual = buttonIcon.merge({\n className: 'button-icon-visual',\n jsx: ['ButtonIconVisual'],\n base: {\n '--button-icon-radii': 'var(--button-icon-visual-radii, {radii.100})',\n '--button-icon-align': 'var(--button-icon-visual-align, center)',\n '--button-icon-justify': 'var(--button-icon-visual-justify, center)',\n '--button-icon-text-align': 'var(--button-icon-visual-text-align, center)',\n '--button-icon-height': 'var(--button-icon-visual-height, {sizes.500})',\n '--button-icon-padding-inline':\n 'var(--button-icon-visual-padding-inline, 0)',\n '--button-icon-disabled-opacity':\n 'var(--button-icon-visual-disabled-opacity, .5)',\n '--button-icon-transition':\n 'var(--button-icon-visual-transition, {animations.base.100})',\n\n '--button-icon-background':\n 'var(--button-icon-visual-background, {colors.neutral.background.1.enabled})',\n '--button-icon-background-hover':\n 'var(--button-icon-visual-background-hover, {colors.neutral.background.1.hovered})',\n\n '--button-icon-foreground':\n 'var(--button-icon-visual-foreground, {colors.neutral.foreground.1.enabled})',\n '--button-icon-foreground-hover':\n 'var(--button-icon-visual-foreground-hover, {colors.neutral.foreground.1.hovered})',\n\n '--button-icon-border-color':\n 'var(--button-icon-visual-border-color, {colors.neutral.stroke.1.enabled})',\n '--button-icon-border-color-hover':\n 'var(--button-icon-visual-border-color-hover, {colors.neutral.stroke.1.hovered})',\n\n '--button-icon-border-width':\n ' var(--button-icon-visual-border-width, {borders.100})',\n '--button-icon-border-style':\n 'var(--button-icon-visual-border-style, solid)',\n\n '--button-icon-focus-outline-width':\n 'var(--button-icon-visual-focus-outline-width, {borders.~~200~~})',\n '--button-icon-focus-outline-style':\n 'var(--button-icon-visual-focus-outline-style, solid)',\n '--button-icon-focus-outline-offset':\n 'var(--button-icon-visual-focus-outline-offset, {spacing.50})',\n '--button-icon-focus-outline-color':\n 'var(--button-icon-visual-focus-outline-color,{colors.neutral.stroke.1.focused} )',\n '--button-icon-focus-shadow':\n 'var(--button-icon-visual-focus-shadow, none)',\n\n '--button-icon-svg-fill':\n 'var(--button-icon-visual-svg-fill, currentColor)',\n '--button-icon-svg-stroke':\n 'var(--button-icon-visual-svg-stroke, currentColor)',\n\n '--button-icon-icon-size': 'var(--button-icon-visual-icon-size, 66%)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"4DAOA,MAAa,EAAmB,EAAW,MAAM,CAC/C,UAAW,qBACX,IAAK,CAAC,mBAAmB,CACzB,KAAM,CACJ,sBAAuB,+CACvB,sBAAuB,0CACvB,wBAAyB,4CACzB,2BAA4B,+CAC5B,uBAAwB,gDACxB,+BACE,8CACF,iCACE,iDACF,2BACE,8DAEF,2BACE,8EACF,iCACE,oFAEF,2BACE,8EACF,iCACE,oFAEF,6BACE,4EACF,mCACE,kFAEF,6BACE,yDACF,6BACE,gDAEF,oCACE,+DACF,oCACE,uDACF,qCACE,+DACF,oCACE,mFACF,6BACE,+CAEF,yBACE,mDACF,2BACE,qDAEF,0BAA2B,2CAC5B,CACF,CAAC"}
1	+ {"version":3,"file":"button-icon-visual.mjs","names":[],"sources":["../../../../src/recipes/buttons/button-icon-visual/button-icon-visual.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonIcon } from '../button-icon/button-icon';\n\nexport const buttonIconVisual = buttonIcon.merge({\n className: 'button-icon-visual',\n jsx: ['ButtonIconVisual'],\n base: {\n '--button-icon-radii': 'var(--button-icon-visual-radii, {radii.100})',\n '--button-icon-align': 'var(--button-icon-visual-align, center)',\n '--button-icon-justify': 'var(--button-icon-visual-justify, center)',\n '--button-icon-text-align': 'var(--button-icon-visual-text-align, center)',\n '--button-icon-height': 'var(--button-icon-visual-height, {sizes.500})',\n '--button-icon-padding-inline':\n 'var(--button-icon-visual-padding-inline, 0)',\n '--button-icon-disabled-opacity':\n 'var(--button-icon-visual-disabled-opacity, .5)',\n '--button-icon-transition':\n 'var(--button-icon-visual-transition, {animations.base.100})',\n\n '--button-icon-background':\n 'var(--button-icon-visual-background, {colors.neutral.background.1.enabled})',\n '--button-icon-background-hover':\n 'var(--button-icon-visual-background-hover, {colors.neutral.background.1.hovered})',\n\n '--button-icon-foreground':\n 'var(--button-icon-visual-foreground, {colors.neutral.foreground.1.enabled})',\n '--button-icon-foreground-hover':\n 'var(--button-icon-visual-foreground-hover, {colors.neutral.foreground.1.hovered})',\n\n '--button-icon-border-color':\n 'var(--button-icon-visual-border-color, {colors.neutral.stroke.1.enabled})',\n '--button-icon-border-color-hover':\n 'var(--button-icon-visual-border-color-hover, {colors.neutral.stroke.1.hovered})',\n\n '--button-icon-border-width':\n ' var(--button-icon-visual-border-width, {borders.100})',\n '--button-icon-border-style':\n 'var(--button-icon-visual-border-style, solid)',\n\n '--button-icon-focus-outline-width':\n 'var(--button-icon-visual-focus-outline-width, {borders.150})',\n '--button-icon-focus-outline-style':\n 'var(--button-icon-visual-focus-outline-style, solid)',\n '--button-icon-focus-outline-offset':\n 'var(--button-icon-visual-focus-outline-offset, {spacing.50})',\n '--button-icon-focus-outline-color':\n 'var(--button-icon-visual-focus-outline-color,{colors.neutral.stroke.1.focused} )',\n '--button-icon-focus-shadow':\n 'var(--button-icon-visual-focus-shadow, none)',\n\n '--button-icon-svg-fill':\n 'var(--button-icon-visual-svg-fill, currentColor)',\n '--button-icon-svg-stroke':\n 'var(--button-icon-visual-svg-stroke, currentColor)',\n\n '--button-icon-icon-size': 'var(--button-icon-visual-icon-size, 66%)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"4DAOA,MAAa,EAAmB,EAAW,MAAM,CAC/C,UAAW,qBACX,IAAK,CAAC,mBAAmB,CACzB,KAAM,CACJ,sBAAuB,+CACvB,sBAAuB,0CACvB,wBAAyB,4CACzB,2BAA4B,+CAC5B,uBAAwB,gDACxB,+BACE,8CACF,iCACE,iDACF,2BACE,8DAEF,2BACE,8EACF,iCACE,oFAEF,2BACE,8EACF,iCACE,oFAEF,6BACE,4EACF,mCACE,kFAEF,6BACE,yDACF,6BACE,gDAEF,oCACE,+DACF,oCACE,uDACF,qCACE,+DACF,oCACE,mFACF,6BACE,+CAEF,yBACE,mDACF,2BACE,qDAEF,0BAA2B,2CAC5B,CACF,CAAC"}

package/dist/recipes/buttons/button-visual/button-visual.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{button as e}from"../button/button.mjs";const t=e.merge({jsx:[`ButtonVisual`],className:`button-visual`,base:{"--button-font-family":`var(--button-visual-font-family, {fonts.base})`,"--button-font-size":`var(--button-visual-font-size, {fontSizes.400})`,"--button-font-weight":`var(--button-visual-font-weight, {fontWeights.medium})`,"--button-line-height":`var(--button-visual-line-height, 1)`,"--button-text-transform":`var(--button-visual-text-transform, none)`,"--button-white-space":`var(--button-visual-white-space, nowrap)`,"--button-align":`var(--button-visual-align, center)`,"--button-justify":`var(--button-visual-justify, center)`,"--button-text-align":`var(--button-visual-text-align, center)`,"--button-height":`var(--button-visual-height, {sizes.500})`,"--button-visual-width":`100%`,"--button-padding-inline":`var(--button-visual-padding-inline, {spacing.300})`,"--button-gap":`var(--button-visual-gap, {spacing.200})`,"--button-focus-outline-width":`var(--button-visual-focus-outline-width, {borders.200})`,"--button-focus-outline-style":`var(--button-visual-focus-outline-style, solid)`,"--button-focus-outline-offset":`var(--button-visual-outline-offset, {spacing.50})`,"--button-focus-outline-color":`var(--button-visual-outline-color, {colors.neutral.stroke.1.focused})`,"--button-focus-shadow":`var(--button-visual-focus-shadow, none)`,"--button-background":`var(--button-visual-background, {colors.neutral.background.1.enabled})`,"--button-foreground":`var(--button-visual-foreground, {colors.neutral.foreground.1.enabled})`,"--button-radii":`var(--button-visual-radii, {radii.100})`,"--button-border-color":`var(--button-visual-border-color, {colors.neutral.stroke.1.enabled})`,"--button-border-width":`var(--button-visual-border-width, {borders.100})`,"--button-border-style":`var(--button-visual-border-style, solid)`,"--button-background-hover":`var(--button-visual-background-hover, {colors.neutral.background.1.hovered})`,"--button-foreground-hover":`var(--button-visual-foreground-hover, {colors.neutral.foreground.1.hovered})`,"--button-border-color-hover":`var(--button-visual-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--button-disabled-opacity":`var(--button-visual-disabled-opacity, 0.5)`,"--button-transition":`var(--button-visual-transition, {animations.200})`,"--button-inner-gap":`var(--button-visual-inner-gap, 0.5rem)`,"--button-svg-fill":`var(--button-visual-svg-fill, currentColor)`,"--button-svg-stroke":`var(--button-visual-svg-stroke, currentColor)`}});export{t as buttonVisual};
+import{button as e}from"../button/button.mjs";const t=e.merge({jsx:[`ButtonVisual`],className:`button-visual`,base:{"--button-font-family":`var(--button-visual-font-family, {fonts.base})`,"--button-font-size":`var(--button-visual-font-size, {fontSizes.400})`,"--button-font-weight":`var(--button-visual-font-weight, {fontWeights.medium})`,"--button-line-height":`var(--button-visual-line-height, 1)`,"--button-text-transform":`var(--button-visual-text-transform, none)`,"--button-white-space":`var(--button-visual-white-space, nowrap)`,"--button-align":`var(--button-visual-align, center)`,"--button-justify":`var(--button-visual-justify, center)`,"--button-text-align":`var(--button-visual-text-align, center)`,"--button-height":`var(--button-visual-height, {sizes.500})`,"--button-visual-width":`100%`,"--button-padding-inline":`var(--button-visual-padding-inline, {spacing.300})`,"--button-gap":`var(--button-visual-gap, {spacing.200})`,"--button-focus-outline-width":`var(--button-visual-focus-outline-width, {borders.150})`,"--button-focus-outline-style":`var(--button-visual-focus-outline-style, solid)`,"--button-focus-outline-offset":`var(--button-visual-outline-offset, {spacing.50})`,"--button-focus-outline-color":`var(--button-visual-outline-color, {colors.neutral.stroke.1.focused})`,"--button-focus-shadow":`var(--button-visual-focus-shadow, none)`,"--button-background":`var(--button-visual-background, {colors.neutral.background.1.enabled})`,"--button-foreground":`var(--button-visual-foreground, {colors.neutral.foreground.1.enabled})`,"--button-radii":`var(--button-visual-radii, {radii.100})`,"--button-border-color":`var(--button-visual-border-color, {colors.neutral.stroke.1.enabled})`,"--button-border-width":`var(--button-visual-border-width, {borders.100})`,"--button-border-style":`var(--button-visual-border-style, solid)`,"--button-background-hover":`var(--button-visual-background-hover, {colors.neutral.background.1.hovered})`,"--button-foreground-hover":`var(--button-visual-foreground-hover, {colors.neutral.foreground.1.hovered})`,"--button-border-color-hover":`var(--button-visual-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--button-disabled-opacity":`var(--button-visual-disabled-opacity, 0.5)`,"--button-transition":`var(--button-visual-transition, {animations.200})`,"--button-inner-gap":`var(--button-visual-inner-gap, 0.5rem)`,"--button-svg-fill":`var(--button-visual-svg-fill, currentColor)`,"--button-svg-stroke":`var(--button-visual-svg-stroke, currentColor)`}});export{t as buttonVisual};
 //# sourceMappingURL=button-visual.mjs.map

package/dist/recipes/buttons/button-visual/button-visual.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button-visual.mjs","names":[],"sources":["../../../../src/recipes/buttons/button-visual/button-visual.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nimport { button } from '../button/button';\n\nexport const buttonVisual = button.merge({\n jsx: ['ButtonVisual'],\n className: 'button-visual',\n base: {\n '--button-font-family': 'var(--button-visual-font-family, {fonts.base})',\n '--button-font-size': 'var(--button-visual-font-size, {fontSizes.400})',\n '--button-font-weight':\n 'var(--button-visual-font-weight, {fontWeights.medium})',\n '--button-line-height': 'var(--button-visual-line-height, 1)',\n '--button-text-transform': 'var(--button-visual-text-transform, none)',\n '--button-white-space': 'var(--button-visual-white-space, nowrap)',\n '--button-align': 'var(--button-visual-align, center)',\n '--button-justify': 'var(--button-visual-justify, center)',\n '--button-text-align': 'var(--button-visual-text-align, center)',\n '--button-height': 'var(--button-visual-height, {sizes.500})',\n '--button-visual-width': '100%',\n '--button-padding-inline':\n 'var(--button-visual-padding-inline, {spacing.300})',\n '--button-gap': 'var(--button-visual-gap, {spacing.200})',\n '--button-focus-outline-width':\n 'var(--button-visual-focus-outline-width, {borders.~~200~~})',\n '--button-focus-outline-style':\n 'var(--button-visual-focus-outline-style, solid)',\n '--button-focus-outline-offset':\n 'var(--button-visual-outline-offset, {spacing.50})',\n '--button-focus-outline-color':\n 'var(--button-visual-outline-color, {colors.neutral.stroke.1.focused})',\n '--button-focus-shadow': 'var(--button-visual-focus-shadow, none)',\n '--button-background':\n 'var(--button-visual-background, {colors.neutral.background.1.enabled})',\n '--button-foreground':\n 'var(--button-visual-foreground, {colors.neutral.foreground.1.enabled})',\n '--button-radii': 'var(--button-visual-radii, {radii.100})',\n '--button-border-color':\n 'var(--button-visual-border-color, {colors.neutral.stroke.1.enabled})',\n '--button-border-width': 'var(--button-visual-border-width, {borders.100})',\n '--button-border-style': 'var(--button-visual-border-style, solid)',\n '--button-background-hover':\n 'var(--button-visual-background-hover, {colors.neutral.background.1.hovered})',\n '--button-foreground-hover':\n 'var(--button-visual-foreground-hover, {colors.neutral.foreground.1.hovered})',\n '--button-border-color-hover':\n 'var(--button-visual-border-color-hover, {colors.neutral.stroke.1.hovered})',\n '--button-disabled-opacity': 'var(--button-visual-disabled-opacity, 0.5)',\n '--button-transition': 'var(--button-visual-transition, {animations.200})',\n\n '--button-inner-gap': 'var(--button-visual-inner-gap, 0.5rem)',\n\n '--button-svg-fill': 'var(--button-visual-svg-fill, currentColor)',\n '--button-svg-stroke': 'var(--button-visual-svg-stroke, currentColor)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"8CAKA,MAAa,EAAe,EAAO,MAAM,CACvC,IAAK,CAAC,eAAe,CACrB,UAAW,gBACX,KAAM,CACJ,uBAAwB,iDACxB,qBAAsB,kDACtB,uBACE,yDACF,uBAAwB,sCACxB,0BAA2B,4CAC3B,uBAAwB,2CACxB,iBAAkB,qCAClB,mBAAoB,uCACpB,sBAAuB,0CACvB,kBAAmB,2CACnB,wBAAyB,OACzB,0BACE,qDACF,eAAgB,0CAChB,+BACE,0DACF,+BACE,kDACF,gCACE,oDACF,+BACE,wEACF,wBAAyB,0CACzB,sBACE,yEACF,sBACE,yEACF,iBAAkB,0CAClB,wBACE,uEACF,wBAAyB,mDACzB,wBAAyB,2CACzB,4BACE,+EACF,4BACE,+EACF,8BACE,6EACF,4BAA6B,6CAC7B,sBAAuB,oDAEvB,qBAAsB,yCAEtB,oBAAqB,8CACrB,sBAAuB,gDACxB,CACF,CAAC"}
1	+ {"version":3,"file":"button-visual.mjs","names":[],"sources":["../../../../src/recipes/buttons/button-visual/button-visual.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nimport { button } from '../button/button';\n\nexport const buttonVisual = button.merge({\n jsx: ['ButtonVisual'],\n className: 'button-visual',\n base: {\n '--button-font-family': 'var(--button-visual-font-family, {fonts.base})',\n '--button-font-size': 'var(--button-visual-font-size, {fontSizes.400})',\n '--button-font-weight':\n 'var(--button-visual-font-weight, {fontWeights.medium})',\n '--button-line-height': 'var(--button-visual-line-height, 1)',\n '--button-text-transform': 'var(--button-visual-text-transform, none)',\n '--button-white-space': 'var(--button-visual-white-space, nowrap)',\n '--button-align': 'var(--button-visual-align, center)',\n '--button-justify': 'var(--button-visual-justify, center)',\n '--button-text-align': 'var(--button-visual-text-align, center)',\n '--button-height': 'var(--button-visual-height, {sizes.500})',\n '--button-visual-width': '100%',\n '--button-padding-inline':\n 'var(--button-visual-padding-inline, {spacing.300})',\n '--button-gap': 'var(--button-visual-gap, {spacing.200})',\n '--button-focus-outline-width':\n 'var(--button-visual-focus-outline-width, {borders.150})',\n '--button-focus-outline-style':\n 'var(--button-visual-focus-outline-style, solid)',\n '--button-focus-outline-offset':\n 'var(--button-visual-outline-offset, {spacing.50})',\n '--button-focus-outline-color':\n 'var(--button-visual-outline-color, {colors.neutral.stroke.1.focused})',\n '--button-focus-shadow': 'var(--button-visual-focus-shadow, none)',\n '--button-background':\n 'var(--button-visual-background, {colors.neutral.background.1.enabled})',\n '--button-foreground':\n 'var(--button-visual-foreground, {colors.neutral.foreground.1.enabled})',\n '--button-radii': 'var(--button-visual-radii, {radii.100})',\n '--button-border-color':\n 'var(--button-visual-border-color, {colors.neutral.stroke.1.enabled})',\n '--button-border-width': 'var(--button-visual-border-width, {borders.100})',\n '--button-border-style': 'var(--button-visual-border-style, solid)',\n '--button-background-hover':\n 'var(--button-visual-background-hover, {colors.neutral.background.1.hovered})',\n '--button-foreground-hover':\n 'var(--button-visual-foreground-hover, {colors.neutral.foreground.1.hovered})',\n '--button-border-color-hover':\n 'var(--button-visual-border-color-hover, {colors.neutral.stroke.1.hovered})',\n '--button-disabled-opacity': 'var(--button-visual-disabled-opacity, 0.5)',\n '--button-transition': 'var(--button-visual-transition, {animations.200})',\n\n '--button-inner-gap': 'var(--button-visual-inner-gap, 0.5rem)',\n\n '--button-svg-fill': 'var(--button-visual-svg-fill, currentColor)',\n '--button-svg-stroke': 'var(--button-visual-svg-stroke, currentColor)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"8CAKA,MAAa,EAAe,EAAO,MAAM,CACvC,IAAK,CAAC,eAAe,CACrB,UAAW,gBACX,KAAM,CACJ,uBAAwB,iDACxB,qBAAsB,kDACtB,uBACE,yDACF,uBAAwB,sCACxB,0BAA2B,4CAC3B,uBAAwB,2CACxB,iBAAkB,qCAClB,mBAAoB,uCACpB,sBAAuB,0CACvB,kBAAmB,2CACnB,wBAAyB,OACzB,0BACE,qDACF,eAAgB,0CAChB,+BACE,0DACF,+BACE,kDACF,gCACE,oDACF,+BACE,wEACF,wBAAyB,0CACzB,sBACE,yEACF,sBACE,yEACF,iBAAkB,0CAClB,wBACE,uEACF,wBAAyB,mDACzB,wBAAyB,2CACzB,4BACE,+EACF,4BACE,+EACF,8BACE,6EACF,4BAA6B,6CAC7B,sBAAuB,oDAEvB,qBAAsB,yCAEtB,oBAAqB,8CACrB,sBAAuB,gDACxB,CACF,CAAC"}

package/dist/recipes/controls/autocomplete/autocomplete-clear-button.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{comboboxClearButton as e}from"../combobox/combobox-clear-button.mjs";const t=e.merge({className:`autocomplete__clear-button`,jsx:[`Autocomplete`],base:{"--combobox-clear-button-radii":`var(--autocomplete-clear-button-radii, {radii.100})`,"--combobox-clear-button-disabled-opacity":`var(--autocomplete-clear-button-disabled-opacity, .5)`,"--combobox-clear-button-transition":`var(--autocomplete-clear-button-transition, {animations.base.100})`,"--combobox-clear-button-align":`var(--autocomplete-clear-button-align, center)`,"--combobox-clear-button-height":`var(--autocomplete-clear-button-height, {sizes.200})`,"--combobox-clear-button-padding-inline":`var(--autocomplete-clear-button-padding-inline, 0)`,"--combobox-clear-button-background":`var(--autocomplete-clear-button-background, {colors.neutral.background.1.enabled})`,"--combobox-clear-button-background-hover":`var(--autocomplete-clear-button-background-hover, {colors.neutral.background.1.hovered})`,"--combobox-clear-button-foreground":`var(--autocomplete-clear-button-foreground, {colors.neutral.foreground.1.enabled})`,"--combobox-clear-button-foreground-hover":`var(--autocomplete-clear-button-foreground-hover, {colors.neutral.background.1.enabled})`,"--combobox-clear-button-border-color":`var(--autocomplete-clear-button-border-color, {colors.neutral.stroke.1.enabled})`,"--combobox-clear-button-border-color-hover":`var(--autocomplete-clear-button-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--combobox-clear-button-border-width":` var(--autocomplete-clear-button-border-width, {borders.100})`,"--combobox-clear-button-border-style":`var(--autocomplete-clear-button-border-style, solid)`,"--combobox-clear-button-focus-outline-width":`var(--autocomplete-clear-button-focus-outline-width, {borders.200})`,"--combobox-clear-button-focus-outline-style":`var(--autocomplete-clear-button-focus-outline-style, solid)`,"--combobox-clear-button-focus-outline-offset":`var(--autocomplete-clear-button-focus-outline-offset, {spacing.50})`,"--combobox-clear-button-focus-outline-color":`var(--autocomplete-clear-button-focus-outline-color,{colors.neutral.stroke.1.focused} )`,"--combobox-clear-button-icon-size":`66%`}});export{t as autocompleteClearButton};
+import{comboboxClearButton as e}from"../combobox/combobox-clear-button.mjs";const t=e.merge({className:`autocomplete__clear-button`,jsx:[`Autocomplete`],base:{"--combobox-clear-button-radii":`var(--autocomplete-clear-button-radii, {radii.100})`,"--combobox-clear-button-disabled-opacity":`var(--autocomplete-clear-button-disabled-opacity, .5)`,"--combobox-clear-button-transition":`var(--autocomplete-clear-button-transition, {animations.base.100})`,"--combobox-clear-button-align":`var(--autocomplete-clear-button-align, center)`,"--combobox-clear-button-height":`var(--autocomplete-clear-button-height, {sizes.200})`,"--combobox-clear-button-padding-inline":`var(--autocomplete-clear-button-padding-inline, 0)`,"--combobox-clear-button-background":`var(--autocomplete-clear-button-background, {colors.neutral.background.1.enabled})`,"--combobox-clear-button-background-hover":`var(--autocomplete-clear-button-background-hover, {colors.neutral.background.1.hovered})`,"--combobox-clear-button-foreground":`var(--autocomplete-clear-button-foreground, {colors.neutral.foreground.1.enabled})`,"--combobox-clear-button-foreground-hover":`var(--autocomplete-clear-button-foreground-hover, {colors.neutral.background.1.enabled})`,"--combobox-clear-button-border-color":`var(--autocomplete-clear-button-border-color, {colors.neutral.stroke.1.enabled})`,"--combobox-clear-button-border-color-hover":`var(--autocomplete-clear-button-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--combobox-clear-button-border-width":` var(--autocomplete-clear-button-border-width, {borders.100})`,"--combobox-clear-button-border-style":`var(--autocomplete-clear-button-border-style, solid)`,"--combobox-clear-button-focus-outline-width":`var(--autocomplete-clear-button-focus-outline-width, {borders.150})`,"--combobox-clear-button-focus-outline-style":`var(--autocomplete-clear-button-focus-outline-style, solid)`,"--combobox-clear-button-focus-outline-offset":`var(--autocomplete-clear-button-focus-outline-offset, {spacing.50})`,"--combobox-clear-button-focus-outline-color":`var(--autocomplete-clear-button-focus-outline-color,{colors.primary.stroke.1.focused} )`,"--combobox-clear-button-icon-size":`66%`}});export{t as autocompleteClearButton};
 //# sourceMappingURL=autocomplete-clear-button.mjs.map

package/dist/recipes/controls/autocomplete/autocomplete-clear-button.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"autocomplete-clear-button.mjs","names":[],"sources":["../../../../src/recipes/controls/autocomplete/autocomplete-clear-button.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nimport { comboboxClearButton } from '../combobox/combobox-clear-button';\n\nexport const autocompleteClearButton = comboboxClearButton.merge({\n className: 'autocomplete__clear-button',\n jsx: ['Autocomplete'],\n base: {\n '--combobox-clear-button-radii':\n 'var(--autocomplete-clear-button-radii, {radii.100})',\n '--combobox-clear-button-disabled-opacity':\n 'var(--autocomplete-clear-button-disabled-opacity, .5)',\n '--combobox-clear-button-transition':\n 'var(--autocomplete-clear-button-transition, {animations.base.100})',\n '--combobox-clear-button-align':\n 'var(--autocomplete-clear-button-align, center)',\n '--combobox-clear-button-height':\n 'var(--autocomplete-clear-button-height, {sizes.200})',\n '--combobox-clear-button-padding-inline':\n 'var(--autocomplete-clear-button-padding-inline, 0)',\n\n '--combobox-clear-button-background':\n 'var(--autocomplete-clear-button-background, {colors.neutral.background.1.enabled})',\n '--combobox-clear-button-background-hover':\n 'var(--autocomplete-clear-button-background-hover, {colors.neutral.background.1.hovered})',\n\n '--combobox-clear-button-foreground':\n 'var(--autocomplete-clear-button-foreground, {colors.neutral.foreground.1.enabled})',\n '--combobox-clear-button-foreground-hover':\n 'var(--autocomplete-clear-button-foreground-hover, {colors.neutral.background.1.enabled})',\n\n '--combobox-clear-button-border-color':\n 'var(--autocomplete-clear-button-border-color, {colors.neutral.stroke.1.enabled})',\n '--combobox-clear-button-border-color-hover':\n 'var(--autocomplete-clear-button-border-color-hover, {colors.neutral.stroke.1.hovered})',\n\n '--combobox-clear-button-border-width':\n ' var(--autocomplete-clear-button-border-width, {borders.100})',\n '--combobox-clear-button-border-style':\n 'var(--autocomplete-clear-button-border-style, solid)',\n\n '--combobox-clear-button-focus-outline-width':\n 'var(--autocomplete-clear-button-focus-outline-width, {borders.~~200~~})',\n '--combobox-clear-button-focus-outline-style':\n 'var(--autocomplete-clear-button-focus-outline-style, solid)',\n '--combobox-clear-button-focus-outline-offset':\n 'var(--autocomplete-clear-button-focus-outline-offset, {spacing.50})',\n '--combobox-clear-button-focus-outline-color':\n 'var(--autocomplete-clear-button-focus-outline-color,{colors.~~neutral~~.stroke.1.focused} )',\n\n '--combobox-clear-button-icon-size': '66%',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"4EAKA,MAAa,EAA0B,EAAoB,MAAM,CAC/D,UAAW,6BACX,IAAK,CAAC,eAAe,CACrB,KAAM,CACJ,gCACE,sDACF,2CACE,wDACF,qCACE,qEACF,gCACE,iDACF,iCACE,uDACF,yCACE,qDAEF,qCACE,qFACF,2CACE,2FAEF,qCACE,qFACF,2CACE,2FAEF,uCACE,mFACF,6CACE,yFAEF,uCACE,gEACF,uCACE,uDAEF,8CACE,sEACF,8CACE,8DACF,+CACE,sEACF,8CACE,0FAEF,oCAAqC,MACtC,CACF,CAAC"}
1	+ {"version":3,"file":"autocomplete-clear-button.mjs","names":[],"sources":["../../../../src/recipes/controls/autocomplete/autocomplete-clear-button.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nimport { comboboxClearButton } from '../combobox/combobox-clear-button';\n\nexport const autocompleteClearButton = comboboxClearButton.merge({\n className: 'autocomplete__clear-button',\n jsx: ['Autocomplete'],\n base: {\n '--combobox-clear-button-radii':\n 'var(--autocomplete-clear-button-radii, {radii.100})',\n '--combobox-clear-button-disabled-opacity':\n 'var(--autocomplete-clear-button-disabled-opacity, .5)',\n '--combobox-clear-button-transition':\n 'var(--autocomplete-clear-button-transition, {animations.base.100})',\n '--combobox-clear-button-align':\n 'var(--autocomplete-clear-button-align, center)',\n '--combobox-clear-button-height':\n 'var(--autocomplete-clear-button-height, {sizes.200})',\n '--combobox-clear-button-padding-inline':\n 'var(--autocomplete-clear-button-padding-inline, 0)',\n\n '--combobox-clear-button-background':\n 'var(--autocomplete-clear-button-background, {colors.neutral.background.1.enabled})',\n '--combobox-clear-button-background-hover':\n 'var(--autocomplete-clear-button-background-hover, {colors.neutral.background.1.hovered})',\n\n '--combobox-clear-button-foreground':\n 'var(--autocomplete-clear-button-foreground, {colors.neutral.foreground.1.enabled})',\n '--combobox-clear-button-foreground-hover':\n 'var(--autocomplete-clear-button-foreground-hover, {colors.neutral.background.1.enabled})',\n\n '--combobox-clear-button-border-color':\n 'var(--autocomplete-clear-button-border-color, {colors.neutral.stroke.1.enabled})',\n '--combobox-clear-button-border-color-hover':\n 'var(--autocomplete-clear-button-border-color-hover, {colors.neutral.stroke.1.hovered})',\n\n '--combobox-clear-button-border-width':\n ' var(--autocomplete-clear-button-border-width, {borders.100})',\n '--combobox-clear-button-border-style':\n 'var(--autocomplete-clear-button-border-style, solid)',\n\n '--combobox-clear-button-focus-outline-width':\n 'var(--autocomplete-clear-button-focus-outline-width, {borders.150})',\n '--combobox-clear-button-focus-outline-style':\n 'var(--autocomplete-clear-button-focus-outline-style, solid)',\n '--combobox-clear-button-focus-outline-offset':\n 'var(--autocomplete-clear-button-focus-outline-offset, {spacing.50})',\n '--combobox-clear-button-focus-outline-color':\n 'var(--autocomplete-clear-button-focus-outline-color,{colors.primary.stroke.1.focused} )',\n\n '--combobox-clear-button-icon-size': '66%',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"4EAKA,MAAa,EAA0B,EAAoB,MAAM,CAC/D,UAAW,6BACX,IAAK,CAAC,eAAe,CACrB,KAAM,CACJ,gCACE,sDACF,2CACE,wDACF,qCACE,qEACF,gCACE,iDACF,iCACE,uDACF,yCACE,qDAEF,qCACE,qFACF,2CACE,2FAEF,qCACE,qFACF,2CACE,2FAEF,uCACE,mFACF,6CACE,yFAEF,uCACE,gEACF,uCACE,uDAEF,8CACE,sEACF,8CACE,8DACF,+CACE,sEACF,8CACE,0FAEF,oCAAqC,MACtC,CACF,CAAC"}

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

@@ -1,2 +1,2 @@
-import{comboboxTextInput as e}from"../combobox/combobox-text-input.mjs";const t=e.merge({className:`autocomplete__text-input`,jsx:[`Autocomplete`],base:{"--combobox-text-input-root-gap":`var(--autocomplete-text-input-root-gap, {spacing.100})`,"--combobox-text-input-label-font-family":`var(--autocomplete-text-input-label-font-family, {fonts.base})`,"--combobox-text-input-label-font-size":`var(--autocomplete-text-input-label-font-size, {fontSizes.400})`,"--combobox-text-input-label-font-weight":`var(--autocomplete-text-input-label-font-weight, {fontWeights.medium})`,"--combobox-text-input-label-line-height":`var(--autocomplete-text-input-label-line-height, inherit)`,"--combobox-text-input-label-foreground":`var(--autocomplete-text-input-label-foreground, {colors.neutral.foreground.1.enabled})`,"--combobox-text-input-required-font-family":`var(--autocomplete-text-input-required-font-family, {fonts.base})`,"--combobox-text-input-required-font-size":`var(--autocomplete-text-input-required-font-size, {fontSizes.400})`,"--combobox-text-input-required-font-weight":`var(--autocomplete-text-input-required-font-weight, {fontWeights.medium})`,"--combobox-text-input-required-foreground":`var(--autocomplete-text-input-required-foreground, {colors.neutral.foreground.1.enabled})`,"--combobox-text-input-required-foreground-error":`var(--autocomplete-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--combobox-text-input-description-font-family":`var(--autocomplete-text-input-description-font-family, {fonts.base})`,"--combobox-text-input-description-font-size":`var(--autocomplete-text-input-description-font-size, {fontSizes.300})`,"--combobox-text-input-description-font-weight":`var(--autocomplete-text-input-description-font-weight, {fontWeights.regular})`,"--combobox-text-input-description-line-height":`var(--autocomplete-text-input-description-line-height, inherit)`,"--combobox-text-input-description-foreground":`var(--autocomplete-text-input-description-foreground, {colors.neutral.foreground.2.enabled})`,"--combobox-text-input-error-font-family":`var(--autocomplete-text-input-error-font-family, {fonts.base})`,"--combobox-text-input-error-font-size":`var(--autocomplete-text-input-error-font-size, {fontSizes.300})`,"--combobox-text-input-error-font-weight":`var(--autocomplete-text-input-error-font-weight, {fontWeights.regular})`,"--combobox-text-input-error-line-height":`var(--autocomplete-text-input-error-line-height, inherit)`,"--combobox-text-input-error-foreground":`var(--autocomplete-text-input-error-foreground, {colors.danger.foreground.1.enabled})`,"--combobox-text-input-wrapper-margin-top":`var(--autocomplete-text-input-input-wrapper-margin-top, {spacing.100})`,"--combobox-text-input-wrapper-disabled-opacity":`var(--autocomplete-text-input-wrapper-disabled-opacity, 0.5)`,"--combobox-text-input-input-font-family":`var(--autocomplete-text-input-input-font-family, {fonts.base})`,"--combobox-text-input-input-font-size":`var(--autocomplete-text-input-input-font-size, {fontSizes.400})`,"--combobox-text-input-input-font-weight":`var(--autocomplete-text-input-input-font-weight, {fontWeights.regular})`,"--combobox-text-input-input-line-height":`var(--autocomplete-text-input-input-line-height, inherit)`,"--combobox-text-input-input-text-align":`var(--autocomplete-text-input-input-text-align, left)`,"--combobox-text-input-input-background":`var(--autocomplete-text-input-input-background, transparent)`,"--combobox-text-input-input-foreground":`var(--autocomplete-text-input-input-foreground, {colors.neutral.foreground.1.enabled})`,"--combobox-text-input-input-placeholder-foreground":`var(--autocomplete-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`,"--combobox-text-input-input-border-width":`var(--autocomplete-text-input-input-border-width, {borders.100})`,"--combobox-text-input-input-border-color":`var(--autocomplete-text-input-input-border-color, {colors.neutral.stroke.1.enabled})`,"--combobox-text-input-input-border-color-error":`var(--autocomplete-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,"--combobox-text-input-input-border-style":`var(--autocomplete-text-input-input-border-style, solid)`,"--combobox-text-input-input-radii":`var(--autocomplete-text-input-input-radii, {radii.200})`,"--combobox-text-input-input-height":`var(--autocomplete-text-input-input-height, {sizes.700})`,"--combobox-text-input-input-padding-inline-start":`var(--autocomplete-text-input-input-padding-inline-start, {spacing.300})`,"--combobox-text-input-input-padding-inline-end":`var(--autocomplete-text-input-input-padding-inline-end, {spacing.200})`,"--combobox-text-input-input-focus-outline-width":`var(--autocomplete-text-input-input-focus-outline-width, {borders.200})`,"--combobox-text-input-input-focus-outline-style":`var(--autocomplete-text-input-input-focus-outline-style, solid)`,"--combobox-text-input-input-focus-outline-offset":`var(--autocomplete-text-input-input-focus-outline-offset, {spacing.50})`,"--combobox-text-input-input-focus-outline-color":`var(--autocomplete-text-input-input-focus-outline-color, {colors.neutral.stroke.1.focused})`,"--combobox-text-input-input-focus-border-color":`var(--autocomplete-text-input-input-focus-border-color, {colors.neutral.stroke.1.focused})`,"--combobox-text-input-input-focus-shadow":`var(--autocomplete-text-input-input-focus-shadow, 0 0 0 2px {colors.neutral.stroke.1.focused})`,"--combobox-text-input-section-size":`var(--autocomplete-text-input-section-size, {sizes.600})`,"--combobox-text-input-left-section-width":`var(--autocomplete-text-input-left-section-width, {sizes.600})`,"--combobox-text-input-right-section-width":`var(--autocomplete-text-input-right-section-width, {sizes.600})`,"--combobox-text-input-left-section-position":`var(--autocomplete-text-input-left-section-position, {spacing.200})`,"--combobox-text-input-right-section-position":`var(--autocomplete-text-input-right-section-position, {spacing.200})`,"--combobox-text-input-left-section-pointer-events":`var(--autocomplete-text-input-left-section-pointer-events, none)`,"--combobox-text-input-right-section-pointer-events":`var(--autocomplete-text-input-right-section-pointer-events, none)`}});export{t as autocompleteTextInput};
+import{comboboxTextInput as e}from"../combobox/combobox-text-input.mjs";const t=e.merge({className:`autocomplete__text-input`,jsx:[`Autocomplete`],base:{"--combobox-text-input-root-gap":`var(--autocomplete-text-input-root-gap, {spacing.100})`,"--combobox-text-input-label-font-family":`var(--autocomplete-text-input-label-font-family, {fonts.base})`,"--combobox-text-input-label-font-size":`var(--autocomplete-text-input-label-font-size, {fontSizes.400})`,"--combobox-text-input-label-font-weight":`var(--autocomplete-text-input-label-font-weight, {fontWeights.medium})`,"--combobox-text-input-label-line-height":`var(--autocomplete-text-input-label-line-height, inherit)`,"--combobox-text-input-label-foreground":`var(--autocomplete-text-input-label-foreground, {colors.neutral.foreground.1.enabled})`,"--combobox-text-input-required-font-family":`var(--autocomplete-text-input-required-font-family, {fonts.base})`,"--combobox-text-input-required-font-size":`var(--autocomplete-text-input-required-font-size, {fontSizes.400})`,"--combobox-text-input-required-font-weight":`var(--autocomplete-text-input-required-font-weight, {fontWeights.medium})`,"--combobox-text-input-required-foreground":`var(--autocomplete-text-input-required-foreground, {colors.neutral.foreground.1.enabled})`,"--combobox-text-input-required-foreground-error":`var(--autocomplete-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--combobox-text-input-description-font-family":`var(--autocomplete-text-input-description-font-family, {fonts.base})`,"--combobox-text-input-description-font-size":`var(--autocomplete-text-input-description-font-size, {fontSizes.300})`,"--combobox-text-input-description-font-weight":`var(--autocomplete-text-input-description-font-weight, {fontWeights.regular})`,"--combobox-text-input-description-line-height":`var(--autocomplete-text-input-description-line-height, inherit)`,"--combobox-text-input-description-foreground":`var(--autocomplete-text-input-description-foreground, {colors.neutral.foreground.2.enabled})`,"--combobox-text-input-error-font-family":`var(--autocomplete-text-input-error-font-family, {fonts.base})`,"--combobox-text-input-error-font-size":`var(--autocomplete-text-input-error-font-size, {fontSizes.300})`,"--combobox-text-input-error-font-weight":`var(--autocomplete-text-input-error-font-weight, {fontWeights.regular})`,"--combobox-text-input-error-line-height":`var(--autocomplete-text-input-error-line-height, inherit)`,"--combobox-text-input-error-foreground":`var(--autocomplete-text-input-error-foreground, {colors.danger.foreground.1.enabled})`,"--combobox-text-input-wrapper-margin-top":`var(--autocomplete-text-input-wrapper-margin-top, {spacing.100})`,"--combobox-text-input-wrapper-disabled-opacity":`var(--autocomplete-text-input-wrapper-disabled-opacity, 0.5)`,"--combobox-text-input-input-font-family":`var(--autocomplete-text-input-input-font-family, {fonts.base})`,"--combobox-text-input-input-font-size":`var(--autocomplete-text-input-input-font-size, {fontSizes.400})`,"--combobox-text-input-input-font-weight":`var(--autocomplete-text-input-input-font-weight, {fontWeights.regular})`,"--combobox-text-input-input-line-height":`var(--autocomplete-text-input-input-line-height, inherit)`,"--combobox-text-input-input-text-align":`var(--autocomplete-text-input-input-text-align, left)`,"--combobox-text-input-input-background":`var(--autocomplete-text-input-input-background, transparent)`,"--combobox-text-input-input-foreground":`var(--autocomplete-text-input-input-foreground, {colors.neutral.foreground.1.enabled})`,"--combobox-text-input-input-placeholder-foreground":`var(--autocomplete-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`,"--combobox-text-input-input-border-width":`var(--autocomplete-text-input-input-border-width, {borders.100})`,"--combobox-text-input-input-border-color":`var(--autocomplete-text-input-input-border-color, {colors.neutral.stroke.1.enabled})`,"--combobox-text-input-input-border-color-error":`var(--autocomplete-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,"--combobox-text-input-input-border-style":`var(--autocomplete-text-input-input-border-style, solid)`,"--combobox-text-input-input-radii":`var(--autocomplete-text-input-input-radii, {radii.200})`,"--combobox-text-input-input-height":`var(--autocomplete-text-input-input-height, {sizes.700})`,"--combobox-text-input-input-padding-inline-start":`var(--autocomplete-text-input-input-padding-inline-start, {spacing.300})`,"--combobox-text-input-input-padding-inline-end":`var(--autocomplete-text-input-input-padding-inline-end, {spacing.200})`,"--combobox-text-input-input-focus-outline-width":`var(--autocomplete-text-input-input-focus-outline-width, {borders.150})`,"--combobox-text-input-input-focus-outline-style":`var(--autocomplete-text-input-input-focus-outline-style, solid)`,"--combobox-text-input-input-focus-outline-offset":`var(--autocomplete-text-input-input-focus-outline-offset, {spacing.50})`,"--combobox-text-input-input-focus-outline-color":`var(--autocomplete-text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})`,"--combobox-text-input-input-focus-border-color":`var(--autocomplete-text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})`,"--combobox-text-input-input-focus-shadow":`var(--autocomplete-text-input-input-focus-shadow, none)`,"--combobox-text-input-section-size":`var(--autocomplete-text-input-section-size, {sizes.600})`,"--combobox-text-input-left-section-width":`var(--autocomplete-text-input-left-section-width, {sizes.600})`,"--combobox-text-input-right-section-width":`var(--autocomplete-text-input-right-section-width, {sizes.600})`,"--combobox-text-input-left-section-position":`var(--autocomplete-text-input-left-section-position, {spacing.200})`,"--combobox-text-input-right-section-position":`var(--autocomplete-text-input-right-section-position, {spacing.200})`,"--combobox-text-input-left-section-pointer-events":`var(--autocomplete-text-input-left-section-pointer-events, none)`,"--combobox-text-input-right-section-pointer-events":`var(--autocomplete-text-input-right-section-pointer-events, none)`}});export{t as autocompleteTextInput};
 //# sourceMappingURL=autocomplete-text-input.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"autocomplete-text-input.mjs","names":[],"sources":["../../../../src/recipes/controls/autocomplete/autocomplete-text-input.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nimport { comboboxTextInput } from '../combobox/combobox-text-input';\n\nexport const autocompleteTextInput = comboboxTextInput.merge({\n className: 'autocomplete__text-input',\n jsx: ['Autocomplete'],\n base: {\n '--combobox-text-input-root-gap':\n 'var(--autocomplete-text-input-root-gap, {spacing.100})',\n\n /* Label /\n '--combobox-text-input-label-font-family':\n 'var(--autocomplete-text-input-label-font-family, {fonts.base})',\n '--combobox-text-input-label-font-size':\n 'var(--autocomplete-text-input-label-font-size, {fontSizes.400})',\n '--combobox-text-input-label-font-weight':\n 'var(--autocomplete-text-input-label-font-weight, {fontWeights.medium})',\n '--combobox-text-input-label-line-height':\n 'var(--autocomplete-text-input-label-line-height, inherit)',\n '--combobox-text-input-label-foreground':\n 'var(--autocomplete-text-input-label-foreground, {colors.neutral.foreground.1.enabled})',\n\n / Required /\n '--combobox-text-input-required-font-family':\n 'var(--autocomplete-text-input-required-font-family, {fonts.base})',\n '--combobox-text-input-required-font-size':\n 'var(--autocomplete-text-input-required-font-size, {fontSizes.400})',\n '--combobox-text-input-required-font-weight':\n 'var(--autocomplete-text-input-required-font-weight, {fontWeights.medium})',\n '--combobox-text-input-required-foreground':\n 'var(--autocomplete-text-input-required-foreground, {colors.neutral.foreground.1.enabled})',\n '--combobox-text-input-required-foreground-error':\n 'var(--autocomplete-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n / Description /\n '--combobox-text-input-description-font-family':\n 'var(--autocomplete-text-input-description-font-family, {fonts.base})',\n '--combobox-text-input-description-font-size':\n 'var(--autocomplete-text-input-description-font-size, {fontSizes.300})',\n '--combobox-text-input-description-font-weight':\n 'var(--autocomplete-text-input-description-font-weight, {fontWeights.regular})',\n '--combobox-text-input-description-line-height':\n 'var(--autocomplete-text-input-description-line-height, inherit)',\n '--combobox-text-input-description-foreground':\n 'var(--autocomplete-text-input-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n / Error /\n '--combobox-text-input-error-font-family':\n 'var(--autocomplete-text-input-error-font-family, {fonts.base})',\n '--combobox-text-input-error-font-size':\n 'var(--autocomplete-text-input-error-font-size, {fontSizes.300})',\n '--combobox-text-input-error-font-weight':\n 'var(--autocomplete-text-input-error-font-weight, {fontWeights.regular})',\n '--combobox-text-input-error-line-height':\n 'var(--autocomplete-text-input-error-line-height, inherit)',\n '--combobox-text-input-error-foreground':\n 'var(--autocomplete-text-input-error-foreground, {colors.danger.foreground.1.enabled})',\n\n / Input wrapper /\n '--combobox-text-input-wrapper-margin-top':\n 'var(--autocomplete-text-input-~~input-~~wrapper-margin-top, {spacing.100})',\n '--combobox-text-input-wrapper-disabled-opacity':\n 'var(--autocomplete-text-input-wrapper-disabled-opacity, 0.5)',\n\n / Input /\n '--combobox-text-input-input-font-family':\n 'var(--autocomplete-text-input-input-font-family, {fonts.base})',\n '--combobox-text-input-input-font-size':\n 'var(--autocomplete-text-input-input-font-size, {fontSizes.400})',\n '--combobox-text-input-input-font-weight':\n 'var(--autocomplete-text-input-input-font-weight, {fontWeights.regular})',\n '--combobox-text-input-input-line-height':\n 'var(--autocomplete-text-input-input-line-height, inherit)',\n '--combobox-text-input-input-text-align':\n 'var(--autocomplete-text-input-input-text-align, left)',\n '--combobox-text-input-input-background':\n 'var(--autocomplete-text-input-input-background, transparent)',\n '--combobox-text-input-input-foreground':\n 'var(--autocomplete-text-input-input-foreground, {colors.neutral.foreground.1.enabled})',\n '--combobox-text-input-input-placeholder-foreground':\n 'var(--autocomplete-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n\n / Input borders /\n '--combobox-text-input-input-border-width':\n 'var(--autocomplete-text-input-input-border-width, {borders.100})',\n '--combobox-text-input-input-border-color':\n 'var(--autocomplete-text-input-input-border-color, {colors.neutral.stroke.1.enabled})',\n '--combobox-text-input-input-border-color-error':\n 'var(--autocomplete-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n '--combobox-text-input-input-border-style':\n 'var(--autocomplete-text-input-input-border-style, solid)',\n '--combobox-text-input-input-radii':\n 'var(--autocomplete-text-input-input-radii, {radii.200})',\n\n / Input sizing & spacing /\n '--combobox-text-input-input-height':\n 'var(--autocomplete-text-input-input-height, {sizes.700})',\n '--combobox-text-input-input-padding-inline-start':\n 'var(--autocomplete-text-input-input-padding-inline-start, {spacing.300})',\n '--combobox-text-input-input-padding-inline-end':\n 'var(--autocomplete-text-input-input-padding-inline-end, {spacing.200})',\n\n / Input focus /\n '--combobox-text-input-input-focus-outline-width':\n 'var(--autocomplete-text-input-input-focus-outline-width, {borders.~~200~~})',\n '--combobox-text-input-input-focus-outline-style':\n 'var(--autocomplete-text-input-input-focus-outline-style, solid)',\n '--combobox-text-input-input-focus-outline-offset':\n 'var(--autocomplete-text-input-input-focus-outline-offset, {spacing.50})',\n '--combobox-text-input-input-focus-outline-color':\n 'var(--autocomplete-text-input-input-focus-outline-color, {colors.~~neutral~~.stroke.1.focused})',\n '--combobox-text-input-input-focus-border-color':\n 'var(--autocomplete-text-input-input-focus-border-color, {colors.neutral.stroke.1.~~focused~~})',\n '--combobox-text-input-input-focus-shadow':\n 'var(--autocomplete-text-input-input-focus-shadow, ~~0 0 0 2px {colors.neutral.stroke.1.focused}~~)',\n\n / Sections */\n '--combobox-text-input-section-size':\n 'var(--autocomplete-text-input-section-size, {sizes.600})',\n '--combobox-text-input-left-section-width':\n 'var(--autocomplete-text-input-left-section-width, {sizes.600})',\n '--combobox-text-input-right-section-width':\n 'var(--autocomplete-text-input-right-section-width, {sizes.600})',\n '--combobox-text-input-left-section-position':\n 'var(--autocomplete-text-input-left-section-position, {spacing.200})',\n '--combobox-text-input-right-section-position':\n 'var(--autocomplete-text-input-right-section-position, {spacing.200})',\n '--combobox-text-input-left-section-pointer-events':\n 'var(--autocomplete-text-input-left-section-pointer-events, none)',\n '--combobox-text-input-right-section-pointer-events':\n 'var(--autocomplete-text-input-right-section-pointer-events, none)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"wEAKA,MAAa,EAAwB,EAAkB,MAAM,CAC3D,UAAW,2BACX,IAAK,CAAC,eAAe,CACrB,KAAM,CACJ,iCACE,yDAGF,0CACE,iEACF,wCACE,kEACF,0CACE,yEACF,0CACE,4DACF,yCACE,yFAGF,6CACE,oEACF,2CACE,qEACF,6CACE,4EACF,4CACE,4FACF,kDACE,iGAGF,gDACE,uEACF,8CACE,wEACF,gDACE,gFACF,gDACE,kEACF,+CACE,+FAGF,0CACE,iEACF,wCACE,kEACF,0CACE,0EACF,0CACE,4DACF,yCACE,wFAGF,2CACE,~~yEACF~~,iDACE,+DAGF,0CACE,iEACF,wCACE,kEACF,0CACE,0EACF,0CACE,4DACF,yCACE,wDACF,yCACE,+DACF,yCACE,yFACF,qDACE,qGAGF,2CACE,mEACF,2CACE,uFACF,iDACE,4FACF,2CACE,2DACF,oCACE,0DAGF,qCACE,2DACF,mDACE,2EACF,iDACE,yEAGF,kDACE,0EACF,kDACE,kEACF,mDACE,0EACF,kDACE,8FACF,iDACE,6FACF,2CACE,~~iGAGF~~,qCACE,2DACF,2CACE,iEACF,4CACE,kEACF,8CACE,sEACF,+CACE,uEACF,oDACE,mEACF,qDACE,oEACH,CACF,CAAC"}
1	+ {"version":3,"file":"autocomplete-text-input.mjs","names":[],"sources":["../../../../src/recipes/controls/autocomplete/autocomplete-text-input.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nimport { comboboxTextInput } from '../combobox/combobox-text-input';\n\nexport const autocompleteTextInput = comboboxTextInput.merge({\n className: 'autocomplete__text-input',\n jsx: ['Autocomplete'],\n base: {\n '--combobox-text-input-root-gap':\n 'var(--autocomplete-text-input-root-gap, {spacing.100})',\n\n /* Label /\n '--combobox-text-input-label-font-family':\n 'var(--autocomplete-text-input-label-font-family, {fonts.base})',\n '--combobox-text-input-label-font-size':\n 'var(--autocomplete-text-input-label-font-size, {fontSizes.400})',\n '--combobox-text-input-label-font-weight':\n 'var(--autocomplete-text-input-label-font-weight, {fontWeights.medium})',\n '--combobox-text-input-label-line-height':\n 'var(--autocomplete-text-input-label-line-height, inherit)',\n '--combobox-text-input-label-foreground':\n 'var(--autocomplete-text-input-label-foreground, {colors.neutral.foreground.1.enabled})',\n\n / Required /\n '--combobox-text-input-required-font-family':\n 'var(--autocomplete-text-input-required-font-family, {fonts.base})',\n '--combobox-text-input-required-font-size':\n 'var(--autocomplete-text-input-required-font-size, {fontSizes.400})',\n '--combobox-text-input-required-font-weight':\n 'var(--autocomplete-text-input-required-font-weight, {fontWeights.medium})',\n '--combobox-text-input-required-foreground':\n 'var(--autocomplete-text-input-required-foreground, {colors.neutral.foreground.1.enabled})',\n '--combobox-text-input-required-foreground-error':\n 'var(--autocomplete-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n / Description /\n '--combobox-text-input-description-font-family':\n 'var(--autocomplete-text-input-description-font-family, {fonts.base})',\n '--combobox-text-input-description-font-size':\n 'var(--autocomplete-text-input-description-font-size, {fontSizes.300})',\n '--combobox-text-input-description-font-weight':\n 'var(--autocomplete-text-input-description-font-weight, {fontWeights.regular})',\n '--combobox-text-input-description-line-height':\n 'var(--autocomplete-text-input-description-line-height, inherit)',\n '--combobox-text-input-description-foreground':\n 'var(--autocomplete-text-input-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n / Error /\n '--combobox-text-input-error-font-family':\n 'var(--autocomplete-text-input-error-font-family, {fonts.base})',\n '--combobox-text-input-error-font-size':\n 'var(--autocomplete-text-input-error-font-size, {fontSizes.300})',\n '--combobox-text-input-error-font-weight':\n 'var(--autocomplete-text-input-error-font-weight, {fontWeights.regular})',\n '--combobox-text-input-error-line-height':\n 'var(--autocomplete-text-input-error-line-height, inherit)',\n '--combobox-text-input-error-foreground':\n 'var(--autocomplete-text-input-error-foreground, {colors.danger.foreground.1.enabled})',\n\n / Input wrapper /\n '--combobox-text-input-wrapper-margin-top':\n 'var(--autocomplete-text-input-wrapper-margin-top, {spacing.100})',\n '--combobox-text-input-wrapper-disabled-opacity':\n 'var(--autocomplete-text-input-wrapper-disabled-opacity, 0.5)',\n\n / Input /\n '--combobox-text-input-input-font-family':\n 'var(--autocomplete-text-input-input-font-family, {fonts.base})',\n '--combobox-text-input-input-font-size':\n 'var(--autocomplete-text-input-input-font-size, {fontSizes.400})',\n '--combobox-text-input-input-font-weight':\n 'var(--autocomplete-text-input-input-font-weight, {fontWeights.regular})',\n '--combobox-text-input-input-line-height':\n 'var(--autocomplete-text-input-input-line-height, inherit)',\n '--combobox-text-input-input-text-align':\n 'var(--autocomplete-text-input-input-text-align, left)',\n '--combobox-text-input-input-background':\n 'var(--autocomplete-text-input-input-background, transparent)',\n '--combobox-text-input-input-foreground':\n 'var(--autocomplete-text-input-input-foreground, {colors.neutral.foreground.1.enabled})',\n '--combobox-text-input-input-placeholder-foreground':\n 'var(--autocomplete-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n\n / Input borders /\n '--combobox-text-input-input-border-width':\n 'var(--autocomplete-text-input-input-border-width, {borders.100})',\n '--combobox-text-input-input-border-color':\n 'var(--autocomplete-text-input-input-border-color, {colors.neutral.stroke.1.enabled})',\n '--combobox-text-input-input-border-color-error':\n 'var(--autocomplete-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n '--combobox-text-input-input-border-style':\n 'var(--autocomplete-text-input-input-border-style, solid)',\n '--combobox-text-input-input-radii':\n 'var(--autocomplete-text-input-input-radii, {radii.200})',\n\n / Input sizing & spacing /\n '--combobox-text-input-input-height':\n 'var(--autocomplete-text-input-input-height, {sizes.700})',\n '--combobox-text-input-input-padding-inline-start':\n 'var(--autocomplete-text-input-input-padding-inline-start, {spacing.300})',\n '--combobox-text-input-input-padding-inline-end':\n 'var(--autocomplete-text-input-input-padding-inline-end, {spacing.200})',\n\n / Input focus /\n '--combobox-text-input-input-focus-outline-width':\n 'var(--autocomplete-text-input-input-focus-outline-width, {borders.150})',\n '--combobox-text-input-input-focus-outline-style':\n 'var(--autocomplete-text-input-input-focus-outline-style, solid)',\n '--combobox-text-input-input-focus-outline-offset':\n 'var(--autocomplete-text-input-input-focus-outline-offset, {spacing.50})',\n '--combobox-text-input-input-focus-outline-color':\n 'var(--autocomplete-text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n '--combobox-text-input-input-focus-border-color':\n 'var(--autocomplete-text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})',\n '--combobox-text-input-input-focus-shadow':\n 'var(--autocomplete-text-input-input-focus-shadow, none)',\n\n / Sections */\n '--combobox-text-input-section-size':\n 'var(--autocomplete-text-input-section-size, {sizes.600})',\n '--combobox-text-input-left-section-width':\n 'var(--autocomplete-text-input-left-section-width, {sizes.600})',\n '--combobox-text-input-right-section-width':\n 'var(--autocomplete-text-input-right-section-width, {sizes.600})',\n '--combobox-text-input-left-section-position':\n 'var(--autocomplete-text-input-left-section-position, {spacing.200})',\n '--combobox-text-input-right-section-position':\n 'var(--autocomplete-text-input-right-section-position, {spacing.200})',\n '--combobox-text-input-left-section-pointer-events':\n 'var(--autocomplete-text-input-left-section-pointer-events, none)',\n '--combobox-text-input-right-section-pointer-events':\n 'var(--autocomplete-text-input-right-section-pointer-events, none)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"wEAKA,MAAa,EAAwB,EAAkB,MAAM,CAC3D,UAAW,2BACX,IAAK,CAAC,eAAe,CACrB,KAAM,CACJ,iCACE,yDAGF,0CACE,iEACF,wCACE,kEACF,0CACE,yEACF,0CACE,4DACF,yCACE,yFAGF,6CACE,oEACF,2CACE,qEACF,6CACE,4EACF,4CACE,4FACF,kDACE,iGAGF,gDACE,uEACF,8CACE,wEACF,gDACE,gFACF,gDACE,kEACF,+CACE,+FAGF,0CACE,iEACF,wCACE,kEACF,0CACE,0EACF,0CACE,4DACF,yCACE,wFAGF,2CACE,mEACF,iDACE,+DAGF,0CACE,iEACF,wCACE,kEACF,0CACE,0EACF,0CACE,4DACF,yCACE,wDACF,yCACE,+DACF,yCACE,yFACF,qDACE,qGAGF,2CACE,mEACF,2CACE,uFACF,iDACE,4FACF,2CACE,2DACF,oCACE,0DAGF,qCACE,2DACF,mDACE,2EACF,iDACE,yEAGF,kDACE,0EACF,kDACE,kEACF,mDACE,0EACF,kDACE,8FACF,iDACE,6FACF,2CACE,0DAGF,qCACE,2DACF,2CACE,iEACF,4CACE,kEACF,8CACE,sEACF,+CACE,uEACF,oDACE,mEACF,qDACE,oEACH,CACF,CAAC"}

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

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

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

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

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

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox`,jsx:[`Checkbox`],base:{"--checkbox-input-size":`{sizes.300}`,"--checkbox-input-radii":`{radii.100}`,"--checkbox-input-background":`transparent`,"--checkbox-input-border-width":`{borders.100}`,"--checkbox-input-border-style":`solid`,"--checkbox-input-border-color":`{colors.neutral.stroke.5.enabled}`,"--checkbox-input-background-checked":`{colors.neutral.background.5.primary.selected}`,"--checkbox-input-border-width-checked":`{borders.100}`,"--checkbox-input-border-style-checked":`solid`,"--checkbox-input-border-color-checked":`{colors.neutral.background.5.primary.selected}`,"--checkbox-input-opacity-disabled":`.5`,"--checkbox-input-focus-outline-width":`{borders.100}`,"--checkbox-input-focus-outline-style":`solid`,"--checkbox-input-focus-outline-color":`{colors.neutral.stroke.1.focused}`,"--checkbox-input-focus-outline-offset":`{spacing.50}`,"--checkbox-input-focus-shadow":`none`,"--checkbox-input-border-color-error":`{colors.danger.stroke.1.enabled}`,"--checkbox-input-focus-outline-color-error":`{colors.danger.stroke.1.focused}`,"--checkbox-icon-color":`{colors.neutral.stroke.1.onPrimary.selected}`,"--checkbox-icon-size":`60%`,"--checkbox-size":`{sizes.300}`,"--checkbox-label-wrapper-gap":`{spacing.100}`,"--checkbox-label-font-family":`{fonts.base}`,"--checkbox-label-font-size":`{fontSizes.300}`,"--checkbox-label-font-weight":`{fontWeights.regular}`,"--checkbox-label-line-height":`1.2`,"--checkbox-label-foreground":`{colors.neutral.foreground.2.enabled}`,"--checkbox-label-margin":`0`,"--checkbox-label-opacity-disabled":`.5`,"--checkbox-label-required-color":`{colors.danger.foreground.1.enabled}`,"--checkbox-transition":`{animations.base.100}`,"--checkbox-description-font-family":`{fonts.base}`,"--checkbox-description-font-size":`{fontSizes.200}`,"--checkbox-description-font-weight":`{fontWeights.regular}`,"--checkbox-description-line-height":`inherit`,"--checkbox-description-foreground":`{colors.neutral.foreground.2.enabled}`,"--checkbox-description-margin":`0`,"--checkbox-body-align":`center`,"--checkbox-body-gap":`{spacing.200}`,"--checkbox-error-font-family":`{fonts.base}`,"--checkbox-error-font-size":`{fontSizes.300}`,"--checkbox-error-font-weight":`{fontWeights.regular}`,"--checkbox-error-line-height":`inherit`,"--checkbox-error-foreground":`{colors.danger.foreground.1.enabled}`,"--checkbox-error-margin":`{spacing.100} 0 0 0`}});export{t as checkbox};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`checkbox`,jsx:[`Checkbox`],base:{"--checkbox-input-size":`{sizes.300}`,"--checkbox-input-radii":`{radii.100}`,"--checkbox-input-background":`transparent`,"--checkbox-input-border-width":`{borders.100}`,"--checkbox-input-border-style":`solid`,"--checkbox-input-border-color":`{colors.neutral.stroke.5.enabled}`,"--checkbox-input-background-checked":`{colors.neutral.background.5.primary.selected}`,"--checkbox-input-border-width-checked":`{borders.100}`,"--checkbox-input-border-style-checked":`solid`,"--checkbox-input-border-color-checked":`{colors.neutral.background.5.primary.selected}`,"--checkbox-input-opacity-disabled":`.5`,"--checkbox-input-focus-outline-width":`{borders.100}`,"--checkbox-input-focus-outline-style":`solid`,"--checkbox-input-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--checkbox-input-focus-outline-offset":`{spacing.50}`,"--checkbox-input-focus-shadow":`none`,"--checkbox-input-border-color-error":`{colors.danger.stroke.1.enabled}`,"--checkbox-input-focus-outline-color-error":`{colors.danger.stroke.1.focused}`,"--checkbox-icon-color":`{colors.neutral.stroke.1.onPrimary.selected}`,"--checkbox-icon-size":`60%`,"--checkbox-size":`{sizes.300}`,"--checkbox-label-wrapper-gap":`{spacing.100}`,"--checkbox-label-font-family":`{fonts.base}`,"--checkbox-label-font-size":`{fontSizes.300}`,"--checkbox-label-font-weight":`{fontWeights.regular}`,"--checkbox-label-line-height":`1.2`,"--checkbox-label-foreground":`{colors.neutral.foreground.2.enabled}`,"--checkbox-label-margin":`0`,"--checkbox-label-opacity-disabled":`.5`,"--checkbox-label-required-color":`{colors.danger.foreground.1.enabled}`,"--checkbox-transition":`{animations.base.100}`,"--checkbox-description-font-family":`{fonts.base}`,"--checkbox-description-font-size":`{fontSizes.200}`,"--checkbox-description-font-weight":`{fontWeights.regular}`,"--checkbox-description-line-height":`inherit`,"--checkbox-description-foreground":`{colors.neutral.foreground.2.enabled}`,"--checkbox-description-margin":`0`,"--checkbox-body-align":`center`,"--checkbox-body-gap":`{spacing.200}`,"--checkbox-error-font-family":`{fonts.base}`,"--checkbox-error-font-size":`{fontSizes.300}`,"--checkbox-error-font-weight":`{fontWeights.regular}`,"--checkbox-error-line-height":`inherit`,"--checkbox-error-foreground":`{colors.danger.foreground.1.enabled}`,"--checkbox-error-margin":`{spacing.100} 0 0 0`}});export{t as checkbox};
 //# sourceMappingURL=checkbox.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.mjs","names":[],"sources":["../../../../src/recipes/controls/checkbox/checkbox.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkbox = defineRecipe({\n className: 'checkbox',\n jsx: ['Checkbox'],\n base: {\n // checkbox input enabled\n '--checkbox-input-size': '{sizes.300}',\n '--checkbox-input-radii': '{radii.100}',\n '--checkbox-input-background': 'transparent',\n '--checkbox-input-border-width': '{borders.100}',\n '--checkbox-input-border-style': 'solid',\n '--checkbox-input-border-color': '{colors.neutral.stroke.5.enabled}',\n // checkbox input checked\n '--checkbox-input-background-checked':\n '{colors.neutral.background.5.primary.selected}',\n '--checkbox-input-border-width-checked': '{borders.100}',\n '--checkbox-input-border-style-checked': 'solid',\n '--checkbox-input-border-color-checked':\n '{colors.neutral.background.5.primary.selected}',\n // checkbox input disabled\n '--checkbox-input-opacity-disabled': '.5',\n // checkbox input focus\n '--checkbox-input-focus-outline-width': '{borders.100}',\n '--checkbox-input-focus-outline-style': 'solid',\n '--checkbox-input-focus-outline-color': '{colors.~~neutral~~.stroke.1.focused}',\n '--checkbox-input-focus-outline-offset': '{spacing.50}',\n '--checkbox-input-focus-shadow': 'none',\n // checkbox input error\n '--checkbox-input-border-color-error': '{colors.danger.stroke.1.enabled}',\n '--checkbox-input-focus-outline-color-error':\n '{colors.danger.stroke.1.focused}',\n\n // checkbox icon\n '--checkbox-icon-color': '{colors.neutral.stroke.1.onPrimary.selected}',\n '--checkbox-icon-size': '60%',\n\n // checkbox inner\n '--checkbox-size': '{sizes.300}',\n\n // checkbox label wrapper\n '--checkbox-label-wrapper-gap': '{spacing.100}',\n\n // checkbox label\n '--checkbox-label-font-family': '{fonts.base}',\n '--checkbox-label-font-size': '{fontSizes.300}',\n '--checkbox-label-font-weight': '{fontWeights.regular}',\n '--checkbox-label-line-height': '1.2',\n '--checkbox-label-foreground': '{colors.neutral.foreground.2.enabled}',\n '--checkbox-label-margin': '0',\n '--checkbox-label-opacity-disabled': '.5',\n\n // checkbox label required\n '--checkbox-label-required-color': '{colors.danger.foreground.1.enabled}',\n\n '--checkbox-transition': '{animations.base.100}',\n\n // checkbox description\n '--checkbox-description-font-family': '{fonts.base}',\n '--checkbox-description-font-size': '{fontSizes.200}',\n '--checkbox-description-font-weight': '{fontWeights.regular}',\n '--checkbox-description-line-height': 'inherit',\n '--checkbox-description-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--checkbox-description-margin': '0',\n\n // checkbox body\n '--checkbox-body-align': 'center',\n '--checkbox-body-gap': '{spacing.200}',\n\n // checkbox error\n '--checkbox-error-font-family': '{fonts.base}',\n '--checkbox-error-font-size': '{fontSizes.300}',\n '--checkbox-error-font-weight': '{fontWeights.regular}',\n '--checkbox-error-line-height': 'inherit',\n '--checkbox-error-foreground': '{colors.danger.foreground.1.enabled}',\n '--checkbox-error-margin': '{spacing.100} 0 0 0',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAW,EAAa,CACnC,UAAW,WACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,wBAAyB,cACzB,yBAA0B,cAC1B,8BAA+B,cAC/B,gCAAiC,gBACjC,gCAAiC,QACjC,gCAAiC,oCAEjC,sCACE,iDACF,wCAAyC,gBACzC,wCAAyC,QACzC,wCACE,iDAEF,oCAAqC,KAErC,uCAAwC,gBACxC,uCAAwC,QACxC,uCAAwC,oCACxC,wCAAyC,eACzC,gCAAiC,OAEjC,sCAAuC,mCACvC,6CACE,mCAGF,wBAAyB,+CACzB,uBAAwB,MAGxB,kBAAmB,cAGnB,+BAAgC,gBAGhC,+BAAgC,eAChC,6BAA8B,kBAC9B,+BAAgC,wBAChC,+BAAgC,MAChC,8BAA+B,wCAC/B,0BAA2B,IAC3B,oCAAqC,KAGrC,kCAAmC,uCAEnC,wBAAyB,wBAGzB,qCAAsC,eACtC,mCAAoC,kBACpC,qCAAsC,wBACtC,qCAAsC,UACtC,oCACE,wCACF,gCAAiC,IAGjC,wBAAyB,SACzB,sBAAuB,gBAGvB,+BAAgC,eAChC,6BAA8B,kBAC9B,+BAAgC,wBAChC,+BAAgC,UAChC,8BAA+B,uCAC/B,0BAA2B,sBAC5B,CACF,CAAC"}
1	+ {"version":3,"file":"checkbox.mjs","names":[],"sources":["../../../../src/recipes/controls/checkbox/checkbox.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const checkbox = defineRecipe({\n className: 'checkbox',\n jsx: ['Checkbox'],\n base: {\n // checkbox input enabled\n '--checkbox-input-size': '{sizes.300}',\n '--checkbox-input-radii': '{radii.100}',\n '--checkbox-input-background': 'transparent',\n '--checkbox-input-border-width': '{borders.100}',\n '--checkbox-input-border-style': 'solid',\n '--checkbox-input-border-color': '{colors.neutral.stroke.5.enabled}',\n // checkbox input checked\n '--checkbox-input-background-checked':\n '{colors.neutral.background.5.primary.selected}',\n '--checkbox-input-border-width-checked': '{borders.100}',\n '--checkbox-input-border-style-checked': 'solid',\n '--checkbox-input-border-color-checked':\n '{colors.neutral.background.5.primary.selected}',\n // checkbox input disabled\n '--checkbox-input-opacity-disabled': '.5',\n // checkbox input focus\n '--checkbox-input-focus-outline-width': '{borders.100}',\n '--checkbox-input-focus-outline-style': 'solid',\n '--checkbox-input-focus-outline-color': '{colors.primary.stroke.1.focused}',\n '--checkbox-input-focus-outline-offset': '{spacing.50}',\n '--checkbox-input-focus-shadow': 'none',\n // checkbox input error\n '--checkbox-input-border-color-error': '{colors.danger.stroke.1.enabled}',\n '--checkbox-input-focus-outline-color-error':\n '{colors.danger.stroke.1.focused}',\n\n // checkbox icon\n '--checkbox-icon-color': '{colors.neutral.stroke.1.onPrimary.selected}',\n '--checkbox-icon-size': '60%',\n\n // checkbox inner\n '--checkbox-size': '{sizes.300}',\n\n // checkbox label wrapper\n '--checkbox-label-wrapper-gap': '{spacing.100}',\n\n // checkbox label\n '--checkbox-label-font-family': '{fonts.base}',\n '--checkbox-label-font-size': '{fontSizes.300}',\n '--checkbox-label-font-weight': '{fontWeights.regular}',\n '--checkbox-label-line-height': '1.2',\n '--checkbox-label-foreground': '{colors.neutral.foreground.2.enabled}',\n '--checkbox-label-margin': '0',\n '--checkbox-label-opacity-disabled': '.5',\n\n // checkbox label required\n '--checkbox-label-required-color': '{colors.danger.foreground.1.enabled}',\n\n '--checkbox-transition': '{animations.base.100}',\n\n // checkbox description\n '--checkbox-description-font-family': '{fonts.base}',\n '--checkbox-description-font-size': '{fontSizes.200}',\n '--checkbox-description-font-weight': '{fontWeights.regular}',\n '--checkbox-description-line-height': 'inherit',\n '--checkbox-description-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--checkbox-description-margin': '0',\n\n // checkbox body\n '--checkbox-body-align': 'center',\n '--checkbox-body-gap': '{spacing.200}',\n\n // checkbox error\n '--checkbox-error-font-family': '{fonts.base}',\n '--checkbox-error-font-size': '{fontSizes.300}',\n '--checkbox-error-font-weight': '{fontWeights.regular}',\n '--checkbox-error-line-height': 'inherit',\n '--checkbox-error-foreground': '{colors.danger.foreground.1.enabled}',\n '--checkbox-error-margin': '{spacing.100} 0 0 0',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAW,EAAa,CACnC,UAAW,WACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,wBAAyB,cACzB,yBAA0B,cAC1B,8BAA+B,cAC/B,gCAAiC,gBACjC,gCAAiC,QACjC,gCAAiC,oCAEjC,sCACE,iDACF,wCAAyC,gBACzC,wCAAyC,QACzC,wCACE,iDAEF,oCAAqC,KAErC,uCAAwC,gBACxC,uCAAwC,QACxC,uCAAwC,oCACxC,wCAAyC,eACzC,gCAAiC,OAEjC,sCAAuC,mCACvC,6CACE,mCAGF,wBAAyB,+CACzB,uBAAwB,MAGxB,kBAAmB,cAGnB,+BAAgC,gBAGhC,+BAAgC,eAChC,6BAA8B,kBAC9B,+BAAgC,wBAChC,+BAAgC,MAChC,8BAA+B,wCAC/B,0BAA2B,IAC3B,oCAAqC,KAGrC,kCAAmC,uCAEnC,wBAAyB,wBAGzB,qCAAsC,eACtC,mCAAoC,kBACpC,qCAAsC,wBACtC,qCAAsC,UACtC,oCACE,wCACF,gCAAiC,IAGjC,wBAAyB,SACzB,sBAAuB,gBAGvB,+BAAgC,eAChC,6BAA8B,kBAC9B,+BAAgC,wBAChC,+BAAgC,UAChC,8BAA+B,uCAC/B,0BAA2B,sBAC5B,CACF,CAAC"}

package/dist/recipes/controls/combobox/combobox-clear-button.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{dropdownClearButton as e}from"../dropdown/dropdown-clear-button.mjs";const t=e.merge({className:`combobox__clear-button`,jsx:[`Combobox`],base:{"--dropdown-clear-button-radii":`var(--combobox-clear-button-radii, {radii.100})`,"--dropdown-clear-button-disabled-opacity":`var(--combobox-clear-button-disabled-opacity, .5)`,"--dropdown-clear-button-transition":`var(--combobox-clear-button-transition, {animations.base.100})`,"--dropdown-clear-button-align":`var(--combobox-clear-button-align, center)`,"--dropdown-clear-button-height":`var(--combobox-clear-button-height, {sizes.200})`,"--dropdown-clear-button-padding-inline":`var(--combobox-clear-button-padding-inline, 0)`,"--dropdown-clear-button-background":`var(--combobox-clear-button-background, {colors.neutral.background.1.enabled})`,"--dropdown-clear-button-background-hover":`var(--combobox-clear-button-background-hover, {colors.neutral.background.1.hovered})`,"--dropdown-clear-button-foreground":`var(--combobox-clear-button-foreground, {colors.neutral.foreground.1.enabled})`,"--dropdown-clear-button-foreground-hover":`var(--combobox-clear-button-foreground-hover, {colors.neutral.background.1.enabled})`,"--dropdown-clear-button-border-color":`var(--combobox-clear-button-border-color, {colors.neutral.stroke.1.enabled})`,"--dropdown-clear-button-border-color-hover":`var(--combobox-clear-button-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--dropdown-clear-button-border-width":` var(--combobox-clear-button-border-width, {borders.100})`,"--dropdown-clear-button-border-style":`var(--combobox-clear-button-border-style, solid)`,"--dropdown-clear-button-focus-outline-width":`var(--combobox-clear-button-focus-outline-width, {borders.200})`,"--dropdown-clear-button-focus-outline-style":`var(--combobox-clear-button-focus-outline-style, solid)`,"--dropdown-clear-button-focus-outline-offset":`var(--combobox-clear-button-focus-outline-offset, {spacing.50})`,"--dropdown-clear-button-focus-outline-color":`var(--combobox-clear-button-focus-outline-color,{colors.neutral.stroke.1.focused} )`,"--dropdown-clear-button-icon-raw-size":`var(--combobox-clear-button-icon-raw-size, 66%)`}});export{t as comboboxClearButton};
+import{dropdownClearButton as e}from"../dropdown/dropdown-clear-button.mjs";const t=e.merge({className:`combobox__clear-button`,jsx:[`Combobox`],base:{"--dropdown-clear-button-radii":`var(--combobox-clear-button-radii, {radii.100})`,"--dropdown-clear-button-disabled-opacity":`var(--combobox-clear-button-disabled-opacity, .5)`,"--dropdown-clear-button-transition":`var(--combobox-clear-button-transition, {animations.base.100})`,"--dropdown-clear-button-align":`var(--combobox-clear-button-align, center)`,"--dropdown-clear-button-height":`var(--combobox-clear-button-height, {sizes.200})`,"--dropdown-clear-button-padding-inline":`var(--combobox-clear-button-padding-inline, 0)`,"--dropdown-clear-button-background":`var(--combobox-clear-button-background, {colors.neutral.background.1.enabled})`,"--dropdown-clear-button-background-hover":`var(--combobox-clear-button-background-hover, {colors.neutral.background.1.hovered})`,"--dropdown-clear-button-foreground":`var(--combobox-clear-button-foreground, {colors.neutral.foreground.1.enabled})`,"--dropdown-clear-button-foreground-hover":`var(--combobox-clear-button-foreground-hover, {colors.neutral.background.1.enabled})`,"--dropdown-clear-button-border-color":`var(--combobox-clear-button-border-color, {colors.neutral.stroke.1.enabled})`,"--dropdown-clear-button-border-color-hover":`var(--combobox-clear-button-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--dropdown-clear-button-border-width":` var(--combobox-clear-button-border-width, {borders.100})`,"--dropdown-clear-button-border-style":`var(--combobox-clear-button-border-style, solid)`,"--dropdown-clear-button-focus-outline-width":`var(--combobox-clear-button-focus-outline-width, {borders.150})`,"--dropdown-clear-button-focus-outline-style":`var(--combobox-clear-button-focus-outline-style, solid)`,"--dropdown-clear-button-focus-outline-offset":`var(--combobox-clear-button-focus-outline-offset, {spacing.50})`,"--dropdown-clear-button-focus-outline-color":`var(--combobox-clear-button-focus-outline-color,{colors.primary.stroke.1.focused} )`,"--dropdown-clear-button-icon-raw-size":`var(--combobox-clear-button-icon-raw-size, 66%)`}});export{t as comboboxClearButton};
 //# sourceMappingURL=combobox-clear-button.mjs.map

package/dist/recipes/controls/combobox/combobox-clear-button.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"combobox-clear-button.mjs","names":[],"sources":["../../../../src/recipes/controls/combobox/combobox-clear-button.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nimport { dropdownClearButton } from '../dropdown/dropdown-clear-button';\n\nexport const comboboxClearButton = dropdownClearButton.merge({\n className: 'combobox__clear-button',\n jsx: ['Combobox'],\n base: {\n '--dropdown-clear-button-radii':\n 'var(--combobox-clear-button-radii, {radii.100})',\n '--dropdown-clear-button-disabled-opacity':\n 'var(--combobox-clear-button-disabled-opacity, .5)',\n '--dropdown-clear-button-transition':\n 'var(--combobox-clear-button-transition, {animations.base.100})',\n '--dropdown-clear-button-align':\n 'var(--combobox-clear-button-align, center)',\n '--dropdown-clear-button-height':\n 'var(--combobox-clear-button-height, {sizes.200})',\n '--dropdown-clear-button-padding-inline':\n 'var(--combobox-clear-button-padding-inline, 0)',\n\n '--dropdown-clear-button-background':\n 'var(--combobox-clear-button-background, {colors.neutral.background.1.enabled})',\n '--dropdown-clear-button-background-hover':\n 'var(--combobox-clear-button-background-hover, {colors.neutral.background.1.hovered})',\n\n '--dropdown-clear-button-foreground':\n 'var(--combobox-clear-button-foreground, {colors.neutral.foreground.1.enabled})',\n '--dropdown-clear-button-foreground-hover':\n 'var(--combobox-clear-button-foreground-hover, {colors.neutral.background.1.enabled})',\n\n '--dropdown-clear-button-border-color':\n 'var(--combobox-clear-button-border-color, {colors.neutral.stroke.1.enabled})',\n '--dropdown-clear-button-border-color-hover':\n 'var(--combobox-clear-button-border-color-hover, {colors.neutral.stroke.1.hovered})',\n\n '--dropdown-clear-button-border-width':\n ' var(--combobox-clear-button-border-width, {borders.100})',\n '--dropdown-clear-button-border-style':\n 'var(--combobox-clear-button-border-style, solid)',\n\n '--dropdown-clear-button-focus-outline-width':\n 'var(--combobox-clear-button-focus-outline-width, {borders.~~200~~})',\n '--dropdown-clear-button-focus-outline-style':\n 'var(--combobox-clear-button-focus-outline-style, solid)',\n '--dropdown-clear-button-focus-outline-offset':\n 'var(--combobox-clear-button-focus-outline-offset, {spacing.50})',\n '--dropdown-clear-button-focus-outline-color':\n 'var(--combobox-clear-button-focus-outline-color,{colors.~~neutral~~.stroke.1.focused} )',\n\n '--dropdown-clear-button-icon-raw-size':\n 'var(--combobox-clear-button-icon-raw-size, 66%)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"4EAKA,MAAa,EAAsB,EAAoB,MAAM,CAC3D,UAAW,yBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,gCACE,kDACF,2CACE,oDACF,qCACE,iEACF,gCACE,6CACF,iCACE,mDACF,yCACE,iDAEF,qCACE,iFACF,2CACE,uFAEF,qCACE,iFACF,2CACE,uFAEF,uCACE,+EACF,6CACE,qFAEF,uCACE,4DACF,uCACE,mDAEF,8CACE,kEACF,8CACE,0DACF,+CACE,kEACF,8CACE,sFAEF,wCACE,kDACH,CACF,CAAC"}
1	+ {"version":3,"file":"combobox-clear-button.mjs","names":[],"sources":["../../../../src/recipes/controls/combobox/combobox-clear-button.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nimport { dropdownClearButton } from '../dropdown/dropdown-clear-button';\n\nexport const comboboxClearButton = dropdownClearButton.merge({\n className: 'combobox__clear-button',\n jsx: ['Combobox'],\n base: {\n '--dropdown-clear-button-radii':\n 'var(--combobox-clear-button-radii, {radii.100})',\n '--dropdown-clear-button-disabled-opacity':\n 'var(--combobox-clear-button-disabled-opacity, .5)',\n '--dropdown-clear-button-transition':\n 'var(--combobox-clear-button-transition, {animations.base.100})',\n '--dropdown-clear-button-align':\n 'var(--combobox-clear-button-align, center)',\n '--dropdown-clear-button-height':\n 'var(--combobox-clear-button-height, {sizes.200})',\n '--dropdown-clear-button-padding-inline':\n 'var(--combobox-clear-button-padding-inline, 0)',\n\n '--dropdown-clear-button-background':\n 'var(--combobox-clear-button-background, {colors.neutral.background.1.enabled})',\n '--dropdown-clear-button-background-hover':\n 'var(--combobox-clear-button-background-hover, {colors.neutral.background.1.hovered})',\n\n '--dropdown-clear-button-foreground':\n 'var(--combobox-clear-button-foreground, {colors.neutral.foreground.1.enabled})',\n '--dropdown-clear-button-foreground-hover':\n 'var(--combobox-clear-button-foreground-hover, {colors.neutral.background.1.enabled})',\n\n '--dropdown-clear-button-border-color':\n 'var(--combobox-clear-button-border-color, {colors.neutral.stroke.1.enabled})',\n '--dropdown-clear-button-border-color-hover':\n 'var(--combobox-clear-button-border-color-hover, {colors.neutral.stroke.1.hovered})',\n\n '--dropdown-clear-button-border-width':\n ' var(--combobox-clear-button-border-width, {borders.100})',\n '--dropdown-clear-button-border-style':\n 'var(--combobox-clear-button-border-style, solid)',\n\n '--dropdown-clear-button-focus-outline-width':\n 'var(--combobox-clear-button-focus-outline-width, {borders.150})',\n '--dropdown-clear-button-focus-outline-style':\n 'var(--combobox-clear-button-focus-outline-style, solid)',\n '--dropdown-clear-button-focus-outline-offset':\n 'var(--combobox-clear-button-focus-outline-offset, {spacing.50})',\n '--dropdown-clear-button-focus-outline-color':\n 'var(--combobox-clear-button-focus-outline-color,{colors.primary.stroke.1.focused} )',\n\n '--dropdown-clear-button-icon-raw-size':\n 'var(--combobox-clear-button-icon-raw-size, 66%)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"4EAKA,MAAa,EAAsB,EAAoB,MAAM,CAC3D,UAAW,yBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,gCACE,kDACF,2CACE,oDACF,qCACE,iEACF,gCACE,6CACF,iCACE,mDACF,yCACE,iDAEF,qCACE,iFACF,2CACE,uFAEF,qCACE,iFACF,2CACE,uFAEF,uCACE,+EACF,6CACE,qFAEF,uCACE,4DACF,uCACE,mDAEF,8CACE,kEACF,8CACE,0DACF,+CACE,kEACF,8CACE,sFAEF,wCACE,kDACH,CACF,CAAC"}

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

@@ -1,2 +1,2 @@
-import{dropdownTextInput as e}from"../dropdown/dropdown-text-input.mjs";const t=e.merge({className:`combobox__text-input`,jsx:[`Combobox`],base:{"--dropdown-text-input-root-gap":`var(--combobox-text-input-root-gap, {spacing.100})`,"--dropdown-text-input-label-font-family":`var(--combobox-text-input-label-font-family, {fonts.base})`,"--dropdown-text-input-label-font-size":`var(--combobox-text-input-label-font-size, {fontSizes.400})`,"--dropdown-text-input-label-font-weight":`var(--combobox-text-input-label-font-weight, {fontWeights.medium})`,"--dropdown-text-input-label-line-height":`var(--combobox-text-input-label-line-height, inherit)`,"--dropdown-text-input-label-foreground":`var(--combobox-text-input-label-foreground, {colors.neutral.foreground.1.enabled})`,"--dropdown-text-input-required-font-family":`var(--combobox-text-input-required-font-family, {fonts.base})`,"--dropdown-text-input-required-font-size":`var(--combobox-text-input-required-font-size, {fontSizes.400})`,"--dropdown-text-input-required-font-weight":`var(--combobox-text-input-required-font-weight, {fontWeights.medium})`,"--dropdown-text-input-required-foreground":`var(--combobox-text-input-required-foreground, {colors.neutral.foreground.1.enabled})`,"--dropdown-text-input-required-foreground-error":`var(--combobox-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--dropdown-text-input-description-font-family":`var(--combobox-text-input-description-font-family, {fonts.base})`,"--dropdown-text-input-description-font-size":`var(--combobox-text-input-description-font-size, {fontSizes.300})`,"--dropdown-text-input-description-font-weight":`var(--combobox-text-input-description-font-weight, {fontWeights.regular})`,"--dropdown-text-input-description-line-height":`var(--combobox-text-input-description-line-height, inherit)`,"--dropdown-text-input-description-foreground":`var(--combobox-text-input-description-foreground, {colors.neutral.foreground.2.enabled})`,"--dropdown-text-input-error-font-family":`var(--combobox-text-input-error-font-family, {fonts.base})`,"--dropdown-text-input-error-font-size":`var(--combobox-text-input-error-font-size, {fontSizes.300})`,"--dropdown-text-input-error-font-weight":`var(--combobox-text-input-error-font-weight, {fontWeights.regular})`,"--dropdown-text-input-error-line-height":`var(--combobox-text-input-error-line-height, inherit)`,"--dropdown-text-input-error-foreground":`var(--combobox-text-input-error-foreground, {colors.danger.foreground.1.enabled})`,"--dropdown-text-input-wrapper-margin-top":`var(--combobox-text-input-wrapper-margin-top, {spacing.100})`,"--dropdown-text-input-wrapper-disabled-opacity":`var(--combobox-text-input-wrapper-disabled-opacity, 0.5)`,"--dropdown-text-input-input-font-family":`var(--combobox-text-input-input-font-family, {fonts.base})`,"--dropdown-text-input-input-font-size":`var(--combobox-text-input-input-font-size, {fontSizes.400})`,"--dropdown-text-input-input-font-weight":`var(--combobox-text-input-input-font-weight, {fontWeights.regular})`,"--dropdown-text-input-input-line-height":`var(--combobox-text-input-input-line-height, inherit)`,"--dropdown-text-input-input-text-align":`var(--combobox-text-input-input-text-align, left)`,"--dropdown-text-input-input-background":`var(--combobox-text-input-input-background, transparent)`,"--dropdown-text-input-input-foreground":`var(--combobox-text-input-input-foreground, {colors.neutral.foreground.1.enabled})`,"--dropdown-text-input-input-placeholder-foreground":`var(--combobox-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`,"--dropdown-text-input-input-border-width":`var(--combobox-text-input-input-border-width, {borders.100})`,"--dropdown-text-input-input-border-color":`var(--combobox-text-input-input-border-color, {colors.neutral.stroke.1.enabled})`,"--dropdown-text-input-input-border-color-error":`var(--combobox-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,"--dropdown-text-input-input-border-style":`var(--combobox-text-input-input-border-style, solid)`,"--dropdown-text-input-input-radii":`var(--combobox-text-input-input-radii, {radii.200})`,"--dropdown-text-input-input-height":`var(--combobox-text-input-input-height, {sizes.700})`,"--dropdown-text-input-input-padding-inline-start":`var(--combobox-text-input-input-padding-inline-start, {spacing.300})`,"--dropdown-text-input-input-padding-inline-end":`var(--combobox-text-input-input-padding-inline-end, {spacing.200})`,"--dropdown-text-input-input-focus-outline-width":`var(--combobox-text-input-input-focus-outline-width, {borders.200})`,"--dropdown-text-input-input-focus-outline-style":`var(--combobox-text-input-input-focus-outline-style, solid)`,"--dropdown-text-input-input-focus-outline-offset":`var(--combobox-text-input-input-focus-outline-offset, {spacing.50})`,"--dropdown-text-input-input-focus-outline-color":`var(--combobox-text-input-input-focus-outline-color, {colors.neutral.stroke.1.focused})`,"--dropdown-text-input-input-focus-border-color":`var(--combobox-text-input-input-focus-border-color, {colors.neutral.stroke.1.focused})`,"--dropdown-text-input-input-focus-shadow":`var(--combobox-text-input-input-focus-shadow, 0 0 0 2px {colors.neutral.stroke.1.focused})`,"--dropdown-text-input-section-size":`var(--combobox-text-input-section-size, {sizes.600})`,"--dropdown-text-input-left-section-width":`var(--combobox-text-input-left-section-width, {sizes.600})`,"--dropdown-text-input-right-section-width":`var(--combobox-text-input-right-section-width, {sizes.600})`,"--dropdown-text-input-left-section-position":`var(--combobox-text-input-left-section-position, {spacing.200})`,"--dropdown-text-input-right-section-position":`var(--combobox-text-input-right-section-position, {spacing.200})`,"--dropdown-text-input-left-section-pointer-events":`var(--combobox-text-input-left-section-pointer-events, none)`,"--dropdown-text-input-right-section-pointer-events":`var(--combobox-text-input-right-section-pointer-events, none)`}});export{t as comboboxTextInput};
+import{dropdownTextInput as e}from"../dropdown/dropdown-text-input.mjs";const t=e.merge({className:`combobox__text-input`,jsx:[`Combobox`],base:{"--dropdown-text-input-root-gap":`var(--combobox-text-input-root-gap, {spacing.100})`,"--dropdown-text-input-label-font-family":`var(--combobox-text-input-label-font-family, {fonts.base})`,"--dropdown-text-input-label-font-size":`var(--combobox-text-input-label-font-size, {fontSizes.400})`,"--dropdown-text-input-label-font-weight":`var(--combobox-text-input-label-font-weight, {fontWeights.medium})`,"--dropdown-text-input-label-line-height":`var(--combobox-text-input-label-line-height, inherit)`,"--dropdown-text-input-label-foreground":`var(--combobox-text-input-label-foreground, {colors.neutral.foreground.1.enabled})`,"--dropdown-text-input-required-font-family":`var(--combobox-text-input-required-font-family, {fonts.base})`,"--dropdown-text-input-required-font-size":`var(--combobox-text-input-required-font-size, {fontSizes.400})`,"--dropdown-text-input-required-font-weight":`var(--combobox-text-input-required-font-weight, {fontWeights.medium})`,"--dropdown-text-input-required-foreground":`var(--combobox-text-input-required-foreground, {colors.neutral.foreground.1.enabled})`,"--dropdown-text-input-required-foreground-error":`var(--combobox-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--dropdown-text-input-description-font-family":`var(--combobox-text-input-description-font-family, {fonts.base})`,"--dropdown-text-input-description-font-size":`var(--combobox-text-input-description-font-size, {fontSizes.300})`,"--dropdown-text-input-description-font-weight":`var(--combobox-text-input-description-font-weight, {fontWeights.regular})`,"--dropdown-text-input-description-line-height":`var(--combobox-text-input-description-line-height, inherit)`,"--dropdown-text-input-description-foreground":`var(--combobox-text-input-description-foreground, {colors.neutral.foreground.2.enabled})`,"--dropdown-text-input-error-font-family":`var(--combobox-text-input-error-font-family, {fonts.base})`,"--dropdown-text-input-error-font-size":`var(--combobox-text-input-error-font-size, {fontSizes.300})`,"--dropdown-text-input-error-font-weight":`var(--combobox-text-input-error-font-weight, {fontWeights.regular})`,"--dropdown-text-input-error-line-height":`var(--combobox-text-input-error-line-height, inherit)`,"--dropdown-text-input-error-foreground":`var(--combobox-text-input-error-foreground, {colors.danger.foreground.1.enabled})`,"--dropdown-text-input-wrapper-margin-top":`var(--combobox-text-input-wrapper-margin-top, {spacing.100})`,"--dropdown-text-input-wrapper-disabled-opacity":`var(--combobox-text-input-wrapper-disabled-opacity, 0.5)`,"--dropdown-text-input-input-font-family":`var(--combobox-text-input-input-font-family, {fonts.base})`,"--dropdown-text-input-input-font-size":`var(--combobox-text-input-input-font-size, {fontSizes.400})`,"--dropdown-text-input-input-font-weight":`var(--combobox-text-input-input-font-weight, {fontWeights.regular})`,"--dropdown-text-input-input-line-height":`var(--combobox-text-input-input-line-height, inherit)`,"--dropdown-text-input-input-text-align":`var(--combobox-text-input-input-text-align, left)`,"--dropdown-text-input-input-background":`var(--combobox-text-input-input-background, transparent)`,"--dropdown-text-input-input-foreground":`var(--combobox-text-input-input-foreground, {colors.neutral.foreground.1.enabled})`,"--dropdown-text-input-input-placeholder-foreground":`var(--combobox-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`,"--dropdown-text-input-input-border-width":`var(--combobox-text-input-input-border-width, {borders.100})`,"--dropdown-text-input-input-border-color":`var(--combobox-text-input-input-border-color, {colors.neutral.stroke.1.enabled})`,"--dropdown-text-input-input-border-color-error":`var(--combobox-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,"--dropdown-text-input-input-border-style":`var(--combobox-text-input-input-border-style, solid)`,"--dropdown-text-input-input-radii":`var(--combobox-text-input-input-radii, {radii.200})`,"--dropdown-text-input-input-height":`var(--combobox-text-input-input-height, {sizes.700})`,"--dropdown-text-input-input-padding-inline-start":`var(--combobox-text-input-input-padding-inline-start, {spacing.300})`,"--dropdown-text-input-input-padding-inline-end":`var(--combobox-text-input-input-padding-inline-end, {spacing.200})`,"--dropdown-text-input-input-focus-outline-width":`var(--combobox-text-input-input-focus-outline-width, {borders.150})`,"--dropdown-text-input-input-focus-outline-style":`var(--combobox-text-input-input-focus-outline-style, solid)`,"--dropdown-text-input-input-focus-outline-offset":`var(--combobox-text-input-input-focus-outline-offset, {spacing.50})`,"--dropdown-text-input-input-focus-outline-color":`var(--combobox-text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})`,"--dropdown-text-input-input-focus-border-color":`var(--combobox-text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})`,"--dropdown-text-input-input-focus-shadow":`var(--combobox-text-input-input-focus-shadow, none)`,"--dropdown-text-input-section-size":`var(--combobox-text-input-section-size, {sizes.600})`,"--dropdown-text-input-left-section-width":`var(--combobox-text-input-left-section-width, {sizes.600})`,"--dropdown-text-input-right-section-width":`var(--combobox-text-input-right-section-width, {sizes.600})`,"--dropdown-text-input-left-section-position":`var(--combobox-text-input-left-section-position, {spacing.200})`,"--dropdown-text-input-right-section-position":`var(--combobox-text-input-right-section-position, {spacing.200})`,"--dropdown-text-input-left-section-pointer-events":`var(--combobox-text-input-left-section-pointer-events, none)`,"--dropdown-text-input-right-section-pointer-events":`var(--combobox-text-input-right-section-pointer-events, none)`}});export{t as comboboxTextInput};
 //# sourceMappingURL=combobox-text-input.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"combobox-text-input.mjs","names":[],"sources":["../../../../src/recipes/controls/combobox/combobox-text-input.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nimport { dropdownTextInput } from '../dropdown/dropdown-text-input';\n\nexport const comboboxTextInput = dropdownTextInput.merge({\n className: 'combobox__text-input',\n jsx: ['Combobox'],\n base: {\n '--dropdown-text-input-root-gap':\n 'var(--combobox-text-input-root-gap, {spacing.100})',\n\n /* Label /\n '--dropdown-text-input-label-font-family':\n 'var(--combobox-text-input-label-font-family, {fonts.base})',\n '--dropdown-text-input-label-font-size':\n 'var(--combobox-text-input-label-font-size, {fontSizes.400})',\n '--dropdown-text-input-label-font-weight':\n 'var(--combobox-text-input-label-font-weight, {fontWeights.medium})',\n '--dropdown-text-input-label-line-height':\n 'var(--combobox-text-input-label-line-height, inherit)',\n '--dropdown-text-input-label-foreground':\n 'var(--combobox-text-input-label-foreground, {colors.neutral.foreground.1.enabled})',\n\n / Required /\n '--dropdown-text-input-required-font-family':\n 'var(--combobox-text-input-required-font-family, {fonts.base})',\n '--dropdown-text-input-required-font-size':\n 'var(--combobox-text-input-required-font-size, {fontSizes.400})',\n '--dropdown-text-input-required-font-weight':\n 'var(--combobox-text-input-required-font-weight, {fontWeights.medium})',\n '--dropdown-text-input-required-foreground':\n 'var(--combobox-text-input-required-foreground, {colors.neutral.foreground.1.enabled})',\n '--dropdown-text-input-required-foreground-error':\n 'var(--combobox-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n / Description /\n '--dropdown-text-input-description-font-family':\n 'var(--combobox-text-input-description-font-family, {fonts.base})',\n '--dropdown-text-input-description-font-size':\n 'var(--combobox-text-input-description-font-size, {fontSizes.300})',\n '--dropdown-text-input-description-font-weight':\n 'var(--combobox-text-input-description-font-weight, {fontWeights.regular})',\n '--dropdown-text-input-description-line-height':\n 'var(--combobox-text-input-description-line-height, inherit)',\n '--dropdown-text-input-description-foreground':\n 'var(--combobox-text-input-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n / Error /\n '--dropdown-text-input-error-font-family':\n 'var(--combobox-text-input-error-font-family, {fonts.base})',\n '--dropdown-text-input-error-font-size':\n 'var(--combobox-text-input-error-font-size, {fontSizes.300})',\n '--dropdown-text-input-error-font-weight':\n 'var(--combobox-text-input-error-font-weight, {fontWeights.regular})',\n '--dropdown-text-input-error-line-height':\n 'var(--combobox-text-input-error-line-height, inherit)',\n '--dropdown-text-input-error-foreground':\n 'var(--combobox-text-input-error-foreground, {colors.danger.foreground.1.enabled})',\n\n / Input wrapper /\n '--dropdown-text-input-wrapper-margin-top':\n 'var(--combobox-text-input-wrapper-margin-top, {spacing.100})',\n '--dropdown-text-input-wrapper-disabled-opacity':\n 'var(--combobox-text-input-wrapper-disabled-opacity, 0.5)',\n\n / Input /\n '--dropdown-text-input-input-font-family':\n 'var(--combobox-text-input-input-font-family, {fonts.base})',\n '--dropdown-text-input-input-font-size':\n 'var(--combobox-text-input-input-font-size, {fontSizes.400})',\n '--dropdown-text-input-input-font-weight':\n 'var(--combobox-text-input-input-font-weight, {fontWeights.regular})',\n '--dropdown-text-input-input-line-height':\n 'var(--combobox-text-input-input-line-height, inherit)',\n '--dropdown-text-input-input-text-align':\n 'var(--combobox-text-input-input-text-align, left)',\n '--dropdown-text-input-input-background':\n 'var(--combobox-text-input-input-background, transparent)',\n '--dropdown-text-input-input-foreground':\n 'var(--combobox-text-input-input-foreground, {colors.neutral.foreground.1.enabled})',\n '--dropdown-text-input-input-placeholder-foreground':\n 'var(--combobox-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n\n / Input borders /\n '--dropdown-text-input-input-border-width':\n 'var(--combobox-text-input-input-border-width, {borders.100})',\n '--dropdown-text-input-input-border-color':\n 'var(--combobox-text-input-input-border-color, {colors.neutral.stroke.1.enabled})',\n '--dropdown-text-input-input-border-color-error':\n 'var(--combobox-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n '--dropdown-text-input-input-border-style':\n 'var(--combobox-text-input-input-border-style, solid)',\n '--dropdown-text-input-input-radii':\n 'var(--combobox-text-input-input-radii, {radii.200})',\n\n / Input sizing & spacing /\n '--dropdown-text-input-input-height':\n 'var(--combobox-text-input-input-height, {sizes.700})',\n '--dropdown-text-input-input-padding-inline-start':\n 'var(--combobox-text-input-input-padding-inline-start, {spacing.300})',\n '--dropdown-text-input-input-padding-inline-end':\n 'var(--combobox-text-input-input-padding-inline-end, {spacing.200})',\n\n / Input focus /\n '--dropdown-text-input-input-focus-outline-width':\n 'var(--combobox-text-input-input-focus-outline-width, {borders.~~200~~})',\n '--dropdown-text-input-input-focus-outline-style':\n 'var(--combobox-text-input-input-focus-outline-style, solid)',\n '--dropdown-text-input-input-focus-outline-offset':\n 'var(--combobox-text-input-input-focus-outline-offset, {spacing.50})',\n '--dropdown-text-input-input-focus-outline-color':\n 'var(--combobox-text-input-input-focus-outline-color, {colors.~~neutral~~.stroke.1.focused})',\n '--dropdown-text-input-input-focus-border-color':\n 'var(--combobox-text-input-input-focus-border-color, {colors.neutral.stroke.1.~~focused~~})',\n '--dropdown-text-input-input-focus-shadow':\n 'var(--combobox-text-input-input-focus-shadow, ~~0 0 0 2px {colors.neutral.stroke.1.focused}~~)',\n\n / Sections */\n '--dropdown-text-input-section-size':\n 'var(--combobox-text-input-section-size, {sizes.600})',\n '--dropdown-text-input-left-section-width':\n 'var(--combobox-text-input-left-section-width, {sizes.600})',\n '--dropdown-text-input-right-section-width':\n 'var(--combobox-text-input-right-section-width, {sizes.600})',\n '--dropdown-text-input-left-section-position':\n 'var(--combobox-text-input-left-section-position, {spacing.200})',\n '--dropdown-text-input-right-section-position':\n 'var(--combobox-text-input-right-section-position, {spacing.200})',\n '--dropdown-text-input-left-section-pointer-events':\n 'var(--combobox-text-input-left-section-pointer-events, none)',\n '--dropdown-text-input-right-section-pointer-events':\n 'var(--combobox-text-input-right-section-pointer-events, none)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"wEAKA,MAAa,EAAoB,EAAkB,MAAM,CACvD,UAAW,uBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,iCACE,qDAGF,0CACE,6DACF,wCACE,8DACF,0CACE,qEACF,0CACE,wDACF,yCACE,qFAGF,6CACE,gEACF,2CACE,iEACF,6CACE,wEACF,4CACE,wFACF,kDACE,6FAGF,gDACE,mEACF,8CACE,oEACF,gDACE,4EACF,gDACE,8DACF,+CACE,2FAGF,0CACE,6DACF,wCACE,8DACF,0CACE,sEACF,0CACE,wDACF,yCACE,oFAGF,2CACE,+DACF,iDACE,2DAGF,0CACE,6DACF,wCACE,8DACF,0CACE,sEACF,0CACE,wDACF,yCACE,oDACF,yCACE,2DACF,yCACE,qFACF,qDACE,iGAGF,2CACE,+DACF,2CACE,mFACF,iDACE,wFACF,2CACE,uDACF,oCACE,sDAGF,qCACE,uDACF,mDACE,uEACF,iDACE,qEAGF,kDACE,sEACF,kDACE,8DACF,mDACE,sEACF,kDACE,0FACF,iDACE,yFACF,2CACE,~~6FAGF~~,qCACE,uDACF,2CACE,6DACF,4CACE,8DACF,8CACE,kEACF,+CACE,mEACF,oDACE,+DACF,qDACE,gEACH,CACF,CAAC"}
1	+ {"version":3,"file":"combobox-text-input.mjs","names":[],"sources":["../../../../src/recipes/controls/combobox/combobox-text-input.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nimport { dropdownTextInput } from '../dropdown/dropdown-text-input';\n\nexport const comboboxTextInput = dropdownTextInput.merge({\n className: 'combobox__text-input',\n jsx: ['Combobox'],\n base: {\n '--dropdown-text-input-root-gap':\n 'var(--combobox-text-input-root-gap, {spacing.100})',\n\n /* Label /\n '--dropdown-text-input-label-font-family':\n 'var(--combobox-text-input-label-font-family, {fonts.base})',\n '--dropdown-text-input-label-font-size':\n 'var(--combobox-text-input-label-font-size, {fontSizes.400})',\n '--dropdown-text-input-label-font-weight':\n 'var(--combobox-text-input-label-font-weight, {fontWeights.medium})',\n '--dropdown-text-input-label-line-height':\n 'var(--combobox-text-input-label-line-height, inherit)',\n '--dropdown-text-input-label-foreground':\n 'var(--combobox-text-input-label-foreground, {colors.neutral.foreground.1.enabled})',\n\n / Required /\n '--dropdown-text-input-required-font-family':\n 'var(--combobox-text-input-required-font-family, {fonts.base})',\n '--dropdown-text-input-required-font-size':\n 'var(--combobox-text-input-required-font-size, {fontSizes.400})',\n '--dropdown-text-input-required-font-weight':\n 'var(--combobox-text-input-required-font-weight, {fontWeights.medium})',\n '--dropdown-text-input-required-foreground':\n 'var(--combobox-text-input-required-foreground, {colors.neutral.foreground.1.enabled})',\n '--dropdown-text-input-required-foreground-error':\n 'var(--combobox-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n / Description /\n '--dropdown-text-input-description-font-family':\n 'var(--combobox-text-input-description-font-family, {fonts.base})',\n '--dropdown-text-input-description-font-size':\n 'var(--combobox-text-input-description-font-size, {fontSizes.300})',\n '--dropdown-text-input-description-font-weight':\n 'var(--combobox-text-input-description-font-weight, {fontWeights.regular})',\n '--dropdown-text-input-description-line-height':\n 'var(--combobox-text-input-description-line-height, inherit)',\n '--dropdown-text-input-description-foreground':\n 'var(--combobox-text-input-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n / Error /\n '--dropdown-text-input-error-font-family':\n 'var(--combobox-text-input-error-font-family, {fonts.base})',\n '--dropdown-text-input-error-font-size':\n 'var(--combobox-text-input-error-font-size, {fontSizes.300})',\n '--dropdown-text-input-error-font-weight':\n 'var(--combobox-text-input-error-font-weight, {fontWeights.regular})',\n '--dropdown-text-input-error-line-height':\n 'var(--combobox-text-input-error-line-height, inherit)',\n '--dropdown-text-input-error-foreground':\n 'var(--combobox-text-input-error-foreground, {colors.danger.foreground.1.enabled})',\n\n / Input wrapper /\n '--dropdown-text-input-wrapper-margin-top':\n 'var(--combobox-text-input-wrapper-margin-top, {spacing.100})',\n '--dropdown-text-input-wrapper-disabled-opacity':\n 'var(--combobox-text-input-wrapper-disabled-opacity, 0.5)',\n\n / Input /\n '--dropdown-text-input-input-font-family':\n 'var(--combobox-text-input-input-font-family, {fonts.base})',\n '--dropdown-text-input-input-font-size':\n 'var(--combobox-text-input-input-font-size, {fontSizes.400})',\n '--dropdown-text-input-input-font-weight':\n 'var(--combobox-text-input-input-font-weight, {fontWeights.regular})',\n '--dropdown-text-input-input-line-height':\n 'var(--combobox-text-input-input-line-height, inherit)',\n '--dropdown-text-input-input-text-align':\n 'var(--combobox-text-input-input-text-align, left)',\n '--dropdown-text-input-input-background':\n 'var(--combobox-text-input-input-background, transparent)',\n '--dropdown-text-input-input-foreground':\n 'var(--combobox-text-input-input-foreground, {colors.neutral.foreground.1.enabled})',\n '--dropdown-text-input-input-placeholder-foreground':\n 'var(--combobox-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n\n / Input borders /\n '--dropdown-text-input-input-border-width':\n 'var(--combobox-text-input-input-border-width, {borders.100})',\n '--dropdown-text-input-input-border-color':\n 'var(--combobox-text-input-input-border-color, {colors.neutral.stroke.1.enabled})',\n '--dropdown-text-input-input-border-color-error':\n 'var(--combobox-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n '--dropdown-text-input-input-border-style':\n 'var(--combobox-text-input-input-border-style, solid)',\n '--dropdown-text-input-input-radii':\n 'var(--combobox-text-input-input-radii, {radii.200})',\n\n / Input sizing & spacing /\n '--dropdown-text-input-input-height':\n 'var(--combobox-text-input-input-height, {sizes.700})',\n '--dropdown-text-input-input-padding-inline-start':\n 'var(--combobox-text-input-input-padding-inline-start, {spacing.300})',\n '--dropdown-text-input-input-padding-inline-end':\n 'var(--combobox-text-input-input-padding-inline-end, {spacing.200})',\n\n / Input focus /\n '--dropdown-text-input-input-focus-outline-width':\n 'var(--combobox-text-input-input-focus-outline-width, {borders.150})',\n '--dropdown-text-input-input-focus-outline-style':\n 'var(--combobox-text-input-input-focus-outline-style, solid)',\n '--dropdown-text-input-input-focus-outline-offset':\n 'var(--combobox-text-input-input-focus-outline-offset, {spacing.50})',\n '--dropdown-text-input-input-focus-outline-color':\n 'var(--combobox-text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n '--dropdown-text-input-input-focus-border-color':\n 'var(--combobox-text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})',\n '--dropdown-text-input-input-focus-shadow':\n 'var(--combobox-text-input-input-focus-shadow, none)',\n\n / Sections */\n '--dropdown-text-input-section-size':\n 'var(--combobox-text-input-section-size, {sizes.600})',\n '--dropdown-text-input-left-section-width':\n 'var(--combobox-text-input-left-section-width, {sizes.600})',\n '--dropdown-text-input-right-section-width':\n 'var(--combobox-text-input-right-section-width, {sizes.600})',\n '--dropdown-text-input-left-section-position':\n 'var(--combobox-text-input-left-section-position, {spacing.200})',\n '--dropdown-text-input-right-section-position':\n 'var(--combobox-text-input-right-section-position, {spacing.200})',\n '--dropdown-text-input-left-section-pointer-events':\n 'var(--combobox-text-input-left-section-pointer-events, none)',\n '--dropdown-text-input-right-section-pointer-events':\n 'var(--combobox-text-input-right-section-pointer-events, none)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"wEAKA,MAAa,EAAoB,EAAkB,MAAM,CACvD,UAAW,uBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,iCACE,qDAGF,0CACE,6DACF,wCACE,8DACF,0CACE,qEACF,0CACE,wDACF,yCACE,qFAGF,6CACE,gEACF,2CACE,iEACF,6CACE,wEACF,4CACE,wFACF,kDACE,6FAGF,gDACE,mEACF,8CACE,oEACF,gDACE,4EACF,gDACE,8DACF,+CACE,2FAGF,0CACE,6DACF,wCACE,8DACF,0CACE,sEACF,0CACE,wDACF,yCACE,oFAGF,2CACE,+DACF,iDACE,2DAGF,0CACE,6DACF,wCACE,8DACF,0CACE,sEACF,0CACE,wDACF,yCACE,oDACF,yCACE,2DACF,yCACE,qFACF,qDACE,iGAGF,2CACE,+DACF,2CACE,mFACF,iDACE,wFACF,2CACE,uDACF,oCACE,sDAGF,qCACE,uDACF,mDACE,uEACF,iDACE,qEAGF,kDACE,sEACF,kDACE,8DACF,mDACE,sEACF,kDACE,0FACF,iDACE,yFACF,2CACE,sDAGF,qCACE,uDACF,2CACE,6DACF,4CACE,8DACF,8CACE,kEACF,+CACE,mEACF,oDACE,+DACF,qDACE,gEACH,CACF,CAAC"}

package/dist/recipes/controls/date-picker/date-picker-button-icon.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{buttonIcon as e}from"../../buttons/button-icon/button-icon.mjs";const t=e.merge({className:`date-picker__button-icon`,jsx:[`DatePicker`],base:{"--button-icon-radii":`var(--date-picker-button-icon-radii, {radii.900})`,"--button-icon-disabled-opacity":`var(--date-picker-button-icon-disabled-opacity, .5)`,"--button-icon-transition":`var(--date-picker-button-icon-transition, {animations.base.100})`,"--button-icon-align":`var(--date-picker-button-icon-align, center)`,"--button-icon-height":`var(--date-picker-button-icon-height, {sizes.400})`,"--button-icon-padding-inline":`var(--date-picker-button-icon-padding-inline, 0)`,"--button-icon-background":`var(--date-picker-button-icon-background, transparent)`,"--button-icon-background-hover":`var(--date-picker-button-icon-background-hover, {colors.neutral.background.1.hovered})`,"--button-icon-foreground":`var(--date-picker-button-icon-foreground, {colors.neutral.foreground.3.enabled})`,"--button-icon-foreground-hover":`var(--date-picker-button-icon-foreground-hover, {colors.neutral.background.3.hovered})`,"--button-icon-border-color":`var(--date-picker-button-icon-border-color, {colors.neutral.stroke.1.enabled})`,"--button-icon-border-color-hover":`var(--date-picker-button-icon-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--button-icon-border-width":` var(--date-picker-button-icon-border-width, 0)`,"--button-icon-border-style":`var(--date-picker-button-icon-border-style, solid)`,"--button-icon-focus-outline-width":`var(--date-picker-button-icon-focus-outline-width, {borders.200})`,"--button-icon-focus-outline-style":`var(--date-picker-button-icon-focus-outline-style, solid)`,"--button-icon-focus-outline-offset":`var(--date-picker-button-icon-focus-outline-offset, {spacing.50})`,"--button-icon-focus-outline-color":`var(--date-picker-button-icon-focus-outline-color,{colors.neutral.stroke.1.focused} )`,"--button-icon-icon-size":`var(--date-picker-button-icon-icon-size, 100%)`}});export{t as datePickerButtonIcon};
+import{buttonIcon as e}from"../../buttons/button-icon/button-icon.mjs";const t=e.merge({className:`date-picker__button-icon`,jsx:[`DatePicker`],base:{"--button-icon-radii":`var(--date-picker-button-icon-radii, {radii.900})`,"--button-icon-disabled-opacity":`var(--date-picker-button-icon-disabled-opacity, .5)`,"--button-icon-transition":`var(--date-picker-button-icon-transition, {animations.base.100})`,"--button-icon-align":`var(--date-picker-button-icon-align, center)`,"--button-icon-height":`var(--date-picker-button-icon-height, {sizes.400})`,"--button-icon-padding-inline":`var(--date-picker-button-icon-padding-inline, 0)`,"--button-icon-background":`var(--date-picker-button-icon-background, transparent)`,"--button-icon-background-hover":`var(--date-picker-button-icon-background-hover, {colors.neutral.background.1.hovered})`,"--button-icon-foreground":`var(--date-picker-button-icon-foreground, {colors.neutral.foreground.3.enabled})`,"--button-icon-foreground-hover":`var(--date-picker-button-icon-foreground-hover, {colors.neutral.background.3.hovered})`,"--button-icon-border-color":`var(--date-picker-button-icon-border-color, {colors.neutral.stroke.1.enabled})`,"--button-icon-border-color-hover":`var(--date-picker-button-icon-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--button-icon-border-width":` var(--date-picker-button-icon-border-width, 0)`,"--button-icon-border-style":`var(--date-picker-button-icon-border-style, solid)`,"--button-icon-focus-outline-width":`var(--date-picker-button-icon-focus-outline-width, {borders.150})`,"--button-icon-focus-outline-style":`var(--date-picker-button-icon-focus-outline-style, solid)`,"--button-icon-focus-outline-offset":`var(--date-picker-button-icon-focus-outline-offset, {spacing.50})`,"--button-icon-focus-outline-color":`var(--date-picker-button-icon-focus-outline-color,{colors.primary.stroke.1.focused} )`,"--button-icon-icon-size":`var(--date-picker-button-icon-icon-size, 100%)`}});export{t as datePickerButtonIcon};
 //# sourceMappingURL=date-picker-button-icon.mjs.map

package/dist/recipes/controls/date-picker/date-picker-button-icon.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"date-picker-button-icon.mjs","names":[],"sources":["../../../../src/recipes/controls/date-picker/date-picker-button-icon.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonIcon } from '../../buttons/button-icon/button-icon';\n\nexport const datePickerButtonIcon = buttonIcon.merge({\n className: 'date-picker__button-icon',\n jsx: ['DatePicker'],\n base: {\n '--button-icon-radii': 'var(--date-picker-button-icon-radii, {radii.900})',\n '--button-icon-disabled-opacity':\n 'var(--date-picker-button-icon-disabled-opacity, .5)',\n '--button-icon-transition':\n 'var(--date-picker-button-icon-transition, {animations.base.100})',\n '--button-icon-align': 'var(--date-picker-button-icon-align, center)',\n '--button-icon-height':\n 'var(--date-picker-button-icon-height, {sizes.400})',\n '--button-icon-padding-inline':\n 'var(--date-picker-button-icon-padding-inline, 0)',\n\n '--button-icon-background':\n 'var(--date-picker-button-icon-background, transparent)',\n '--button-icon-background-hover':\n 'var(--date-picker-button-icon-background-hover, {colors.neutral.background.1.hovered})',\n\n '--button-icon-foreground':\n 'var(--date-picker-button-icon-foreground, {colors.neutral.foreground.3.enabled})',\n '--button-icon-foreground-hover':\n 'var(--date-picker-button-icon-foreground-hover, {colors.neutral.background.3.hovered})',\n\n '--button-icon-border-color':\n 'var(--date-picker-button-icon-border-color, {colors.neutral.stroke.1.enabled})',\n '--button-icon-border-color-hover':\n 'var(--date-picker-button-icon-border-color-hover, {colors.neutral.stroke.1.hovered})',\n\n '--button-icon-border-width':\n ' var(--date-picker-button-icon-border-width, 0)',\n '--button-icon-border-style':\n 'var(--date-picker-button-icon-border-style, solid)',\n\n '--button-icon-focus-outline-width':\n 'var(--date-picker-button-icon-focus-outline-width, {borders.~~200~~})',\n '--button-icon-focus-outline-style':\n 'var(--date-picker-button-icon-focus-outline-style, solid)',\n '--button-icon-focus-outline-offset':\n 'var(--date-picker-button-icon-focus-outline-offset, {spacing.50})',\n '--button-icon-focus-outline-color':\n 'var(--date-picker-button-icon-focus-outline-color,{colors.~~neutral~~.stroke.1.focused} )',\n\n '--button-icon-icon-size': 'var(--date-picker-button-icon-icon-size, 100%)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uEAOA,MAAa,EAAuB,EAAW,MAAM,CACnD,UAAW,2BACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,sBAAuB,oDACvB,iCACE,sDACF,2BACE,mEACF,sBAAuB,+CACvB,uBACE,qDACF,+BACE,mDAEF,2BACE,yDACF,iCACE,yFAEF,2BACE,mFACF,iCACE,yFAEF,6BACE,iFACF,mCACE,uFAEF,6BACE,kDACF,6BACE,qDAEF,oCACE,oEACF,oCACE,4DACF,qCACE,oEACF,oCACE,wFAEF,0BAA2B,iDAC5B,CACF,CAAC"}
1	+ {"version":3,"file":"date-picker-button-icon.mjs","names":[],"sources":["../../../../src/recipes/controls/date-picker/date-picker-button-icon.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { buttonIcon } from '../../buttons/button-icon/button-icon';\n\nexport const datePickerButtonIcon = buttonIcon.merge({\n className: 'date-picker__button-icon',\n jsx: ['DatePicker'],\n base: {\n '--button-icon-radii': 'var(--date-picker-button-icon-radii, {radii.900})',\n '--button-icon-disabled-opacity':\n 'var(--date-picker-button-icon-disabled-opacity, .5)',\n '--button-icon-transition':\n 'var(--date-picker-button-icon-transition, {animations.base.100})',\n '--button-icon-align': 'var(--date-picker-button-icon-align, center)',\n '--button-icon-height':\n 'var(--date-picker-button-icon-height, {sizes.400})',\n '--button-icon-padding-inline':\n 'var(--date-picker-button-icon-padding-inline, 0)',\n\n '--button-icon-background':\n 'var(--date-picker-button-icon-background, transparent)',\n '--button-icon-background-hover':\n 'var(--date-picker-button-icon-background-hover, {colors.neutral.background.1.hovered})',\n\n '--button-icon-foreground':\n 'var(--date-picker-button-icon-foreground, {colors.neutral.foreground.3.enabled})',\n '--button-icon-foreground-hover':\n 'var(--date-picker-button-icon-foreground-hover, {colors.neutral.background.3.hovered})',\n\n '--button-icon-border-color':\n 'var(--date-picker-button-icon-border-color, {colors.neutral.stroke.1.enabled})',\n '--button-icon-border-color-hover':\n 'var(--date-picker-button-icon-border-color-hover, {colors.neutral.stroke.1.hovered})',\n\n '--button-icon-border-width':\n ' var(--date-picker-button-icon-border-width, 0)',\n '--button-icon-border-style':\n 'var(--date-picker-button-icon-border-style, solid)',\n\n '--button-icon-focus-outline-width':\n 'var(--date-picker-button-icon-focus-outline-width, {borders.150})',\n '--button-icon-focus-outline-style':\n 'var(--date-picker-button-icon-focus-outline-style, solid)',\n '--button-icon-focus-outline-offset':\n 'var(--date-picker-button-icon-focus-outline-offset, {spacing.50})',\n '--button-icon-focus-outline-color':\n 'var(--date-picker-button-icon-focus-outline-color,{colors.primary.stroke.1.focused} )',\n\n '--button-icon-icon-size': 'var(--date-picker-button-icon-icon-size, 100%)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uEAOA,MAAa,EAAuB,EAAW,MAAM,CACnD,UAAW,2BACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,sBAAuB,oDACvB,iCACE,sDACF,2BACE,mEACF,sBAAuB,+CACvB,uBACE,qDACF,+BACE,mDAEF,2BACE,yDACF,iCACE,yFAEF,2BACE,mFACF,iCACE,yFAEF,6BACE,iFACF,mCACE,uFAEF,6BACE,kDACF,6BACE,qDAEF,oCACE,oEACF,oCACE,4DACF,qCACE,oEACF,oCACE,wFAEF,0BAA2B,iDAC5B,CACF,CAAC"}

package/dist/recipes/controls/dropdown/dropdown-clear-button.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{clearButton as e}from"../utils/clear-button/clear-button.mjs";const t=e.merge({className:`dropdown__clear-button`,jsx:[`Dropdown`],base:{"--clear-button-radii":`var(--dropdown-clear-button-radii, {radii.100})`,"--clear-button-disabled-opacity":`var(--dropdown-clear-button-disabled-opacity, .5)`,"--clear-button-transition":`var(--dropdown-clear-button-transition, {animations.base.100})`,"--clear-button-align":`var(--dropdown-clear-button-align, center)`,"--clear-button-height":`var(--dropdown-clear-button-height, {sizes.200})`,"--clear-button-padding-inline":`var(--dropdown-clear-button-padding-inline, 0)`,"--clear-button-background":`var(--dropdown-clear-button-background, {colors.neutral.background.1.enabled})`,"--clear-button-background-hover":`var(--dropdown-clear-button-background-hover, {colors.neutral.background.1.hovered})`,"--clear-button-foreground":`var(--dropdown-clear-button-foreground, {colors.neutral.foreground.1.enabled})`,"--clear-button-foreground-hover":`var(--dropdown-clear-button-foreground-hover, {colors.neutral.background.1.enabled})`,"--clear-button-border-color":`var(--dropdown-clear-button-border-color, {colors.neutral.stroke.1.enabled})`,"--clear-button-border-color-hover":`var(--dropdown-clear-button-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--clear-button-border-width":` var(--dropdown-clear-button-border-width, {borders.100})`,"--clear-button-border-style":`var(--dropdown-clear-button-border-style, solid)`,"--clear-button-focus-outline-width":`var(--dropdown-clear-button-focus-outline-width, {borders.200})`,"--clear-button-focus-outline-style":`var(--dropdown-clear-button-focus-outline-style, solid)`,"--clear-button-focus-outline-offset":`var(--dropdown-clear-button-focus-outline-offset, {spacing.50})`,"--clear-button-focus-outline-color":`var(--dropdown-clear-button-focus-outline-color,{colors.neutral.stroke.1.focused} )`,"--clear-button-icon-raw-size":`var(--dropdown-clear-button-icon-raw-size, 66%)`}});export{t as dropdownClearButton};
+import{clearButton as e}from"../utils/clear-button/clear-button.mjs";const t=e.merge({className:`dropdown__clear-button`,jsx:[`Dropdown`],base:{"--clear-button-radii":`var(--dropdown-clear-button-radii, {radii.100})`,"--clear-button-disabled-opacity":`var(--dropdown-clear-button-disabled-opacity, .5)`,"--clear-button-transition":`var(--dropdown-clear-button-transition, {animations.base.100})`,"--clear-button-align":`var(--dropdown-clear-button-align, center)`,"--clear-button-height":`var(--dropdown-clear-button-height, {sizes.200})`,"--clear-button-padding-inline":`var(--dropdown-clear-button-padding-inline, 0)`,"--clear-button-background":`var(--dropdown-clear-button-background, {colors.neutral.background.1.enabled})`,"--clear-button-background-hover":`var(--dropdown-clear-button-background-hover, {colors.neutral.background.1.hovered})`,"--clear-button-foreground":`var(--dropdown-clear-button-foreground, {colors.neutral.foreground.1.enabled})`,"--clear-button-foreground-hover":`var(--dropdown-clear-button-foreground-hover, {colors.neutral.background.1.enabled})`,"--clear-button-border-color":`var(--dropdown-clear-button-border-color, {colors.neutral.stroke.1.enabled})`,"--clear-button-border-color-hover":`var(--dropdown-clear-button-border-color-hover, {colors.neutral.stroke.1.hovered})`,"--clear-button-border-width":` var(--dropdown-clear-button-border-width, {borders.100})`,"--clear-button-border-style":`var(--dropdown-clear-button-border-style, solid)`,"--clear-button-focus-outline-width":`var(--dropdown-clear-button-focus-outline-width, {borders.150})`,"--clear-button-focus-outline-style":`var(--dropdown-clear-button-focus-outline-style, solid)`,"--clear-button-focus-outline-offset":`var(--dropdown-clear-button-focus-outline-offset, {spacing.50})`,"--clear-button-focus-outline-color":`var(--dropdown-clear-button-focus-outline-color,{colors.primary.stroke.1.focused} )`,"--clear-button-icon-raw-size":`var(--dropdown-clear-button-icon-raw-size, 66%)`}});export{t as dropdownClearButton};
 //# sourceMappingURL=dropdown-clear-button.mjs.map