@mage-ui/preset 1.0.63 → 1.0.64

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/select/select.ts"],"sourcesContent":["import type {\n  RecipeBuilder,\n  RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { dropdown } from '../dropdown';\n\nexport const select = dropdown.merge({\n  className: 'select',\n  jsx: ['Select'],\n  base: {\n    '--dropdown-background':\n      'var(--select-background, {colors.neutral.background.1.enabled})',\n\n    '--dropdown-border-width': 'var(--select-border-width, {borders.100})',\n    '--dropdown-border-style': 'var(--select-border-style, solid)',\n    '--dropdown-border-color':\n      'var(--select-border-color, {colors.neutral.stroke.7.enabled})',\n\n    '--dropdown-padding-inline': 'var(--select-padding-inline, {spacing.200})',\n    '--dropdown-padding-block': 'var(--select-padding-block, {spacing.200})',\n\n    '--dropdown-radii': 'var(--select-radii, {radii.200})',\n\n    '--dropdown-margin-top': 'var(--select-margin-top, {spacing.0})',\n\n    '--dropdown-options-gap': 'var(--select-options-gap, {spacing.100})',\n\n    '--dropdown-option-font-family':\n      'var(--select-option-font-family, {fonts.base})',\n    '--dropdown-option-font-size':\n      'var(--select-option-font-size, {fontSizes.300})',\n    '--dropdown-option-line-height':\n      'var(--select-option-line-height, {lineHeights.400})',\n\n    '--dropdown-option-padding-inline':\n      'var(--select-option-padding-inline, {spacing.200})',\n    '--dropdown-option-padding-block':\n      'var(--select-option-padding-block, {spacing.100})',\n\n    '--dropdown-option-radii': 'var(--select-option-radii, {radii.100})',\n\n    '--dropdown-option-background':\n      'var(--select-option-background, transparent)',\n    '--dropdown-option-color':\n      'var(--select-option-color, {colors.neutral.foreground.1.enabled})',\n\n    '--dropdown-option-transition':\n      'var(--select-option-transition, {animations.base.100})',\n\n    '--dropdown-option-background-hover':\n      'var(--select-option-background-hover, {colors.neutral.background.2.hovered})',\n    '--dropdown-option-color-hover':\n      'var(--select-option-color-hover, {colors.neutral.foreground.1.hovered})',\n\n    '--dropdown-option-background-selected':\n      'var(--select-option-background-selected, {colors.neutral.background.2.primary.selected})',\n    '--dropdown-option-color-selected':\n      'var(--select-option-color-selected, {colors.neutral.foreground.2.primary.selected})',\n\n    '--dropdown-option-background-active':\n      'var(--select-option-background-active, {colors.neutral.background.2.primary.selected})',\n    '--dropdown-option-color-active':\n      'var(--select-option-color-active, {colors.neutral.foreground.2.primary.selected})',\n\n    '--dropdown-empty-font-family':\n      'var(--select-empty-font-family, {fonts.base})',\n    '--dropdown-empty-font-size':\n      'var(--select-empty-font-size, {fontSizes.300})',\n    '--dropdown-empty-line-height': 'var(--select-empty-line-height, 1)',\n    '--dropdown-empty-foreground':\n      'var(--select-empty-foreground, {colors.neutral.foreground.4.enabled})',\n    '--dropdown-empty-padding-block':\n      'var(--select-empty-padding-block, {spacing.200})',\n    '--dropdown-empty-text-align': 'var(--select-empty-text-align, center)',\n\n    '--text-input-input-font-family':\n      'var(--select-search-font-family, {fonts.base})',\n    '--text-input-input-font-size':\n      'var(--select-search-font-size, {fontSizes.300})',\n    '--text-input-input-font-weight':\n      'var(--select-search-font-weight, {fontWeights.regular})',\n    '--text-input-input-line-height':\n      'var(--select-search-line-height, inherit)',\n    '--text-input-input-text-align': 'var(--select-search-text-align, left)',\n    '--text-input-input-background':\n      'var(--select-search-background, transparent)',\n    '--text-input-input-foreground':\n      'var(--select-search-color, {colors.neutral.foreground.2.enabled})',\n    '--text-input-input-placeholder-foreground':\n      'var(--select-search-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n    '--text-input-input-border-width':\n      'var(--select-search-border-width, {borders.150})',\n    '--text-input-input-border-style':\n      'var(--select-search-border-style, solid)',\n    '--text-input-input-border-color':\n      'var(--select-search-border-color, {colors.neutral.stroke.7.enabled})',\n    '--text-input-input-radii': 'var(--select-search-radii, {radii.200})',\n    '--text-input-input-height': 'var(--select-search-height, {sizes.700})',\n    '--text-input-input-padding-inline-start':\n      'var(--select-search-padding-inline-start, {spacing.300})',\n    '--text-input-input-padding-inline-end':\n      'var(--select-search-padding-inline-end, {spacing.300})',\n    '--text-input-input-transition':\n      'var(--select-search-transition, all 0.2s ease-in-out)',\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"2CAOA,MAAa,EAAS,EAAS,MAAM,CACnC,UAAW,SACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,wBACE,kEAEF,0BAA2B,4CAC3B,0BAA2B,oCAC3B,0BACE,gEAEF,4BAA6B,8CAC7B,2BAA4B,6CAE5B,mBAAoB,mCAEpB,wBAAyB,wCAEzB,yBAA0B,2CAE1B,gCACE,iDACF,8BACE,kDACF,gCACE,sDAEF,mCACE,qDACF,kCACE,oDAEF,0BAA2B,0CAE3B,+BACE,+CACF,0BACE,oEAEF,+BACE,yDAEF,qCACE,+EACF,gCACE,0EAEF,wCACE,2FACF,mCACE,sFAEF,sCACE,yFACF,iCACE,oFAEF,+BACE,gDACF,6BACE,iDACF,+BAAgC,qCAChC,8BACE,wEACF,iCACE,mDACF,8BAA+B,yCAE/B,iCACE,iDACF,+BACE,kDACF,iCACE,0DACF,iCACE,4CACF,gCAAiC,wCACjC,gCACE,+CACF,gCACE,oEACF,4CACE,qFACF,kCACE,mDACF,kCACE,2CACF,kCACE,uEACF,2BAA4B,0CAC5B,4BAA6B,2CAC7B,0CACE,2DACF,wCACE,yDACF,gCACE,wDACH,CACF,CAAC"}

package/dist/recipes/controls/index.mjs

@@ -1,2 +1,2 @@
-import e from"./autocomplete/index.mjs";import t from"./checkbox/index.mjs";import n from"./checkbox-group/index.mjs";import r from"./combobox/index.mjs";import i from"./date-picker/index.mjs";import a from"./dropdown/index.mjs";import o from"./dropzone/index.mjs";import s from"./dropzone-files/index.mjs";import c from"./file-input/index.mjs";import l from"./multi-select/index.mjs";import u from"./multi-select-tags/index.mjs";import d from"./password-input/index.mjs";import f from"./password-input-strength/index.mjs";import p from"./password-strength-input/index.mjs";import m from"./radio/index.mjs";import h from"./radio-group/index.mjs";import g from"./select/index.mjs";import _ from"./select-searchable/index.mjs";import v from"./text-input/index.mjs";import y from"./textarea/index.mjs";import b from"./utils/index.mjs";var x={...v,...d,...f,...p,...c,...y,...t,...n,...m,...h,...b,...r,...a,...g,..._,...l,...u,...e,...i,...o,...s};export{x as default};
+import e from"./checkbox/index.mjs";import t from"./checkbox-group/index.mjs";import n from"./date-picker/index.mjs";import r from"./dropdown/index.mjs";import i from"./dropdown/autocomplete/index.mjs";import a from"./dropdown/combobox/index.mjs";import o from"./dropdown/select/index.mjs";import s from"./dropzone/index.mjs";import c from"./dropzone-files/index.mjs";import l from"./file-input/index.mjs";import u from"./multi-select/index.mjs";import d from"./multi-select-tags/index.mjs";import f from"./password-input/index.mjs";import p from"./password-input-strength/index.mjs";import m from"./password-strength-input/index.mjs";import h from"./radio/index.mjs";import g from"./radio-group/index.mjs";import _ from"./text-input/index.mjs";import v from"./textarea/index.mjs";var y={..._,...f,...p,...m,...l,...v,...e,...t,...h,...g,...a,...r,...o,...u,...d,...i,...n,...s,...c};export{y as default};
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["textInput","passwordInput","passwordInputStrength","passwordStrengthInput","fileInput","textarea","checkbox","checkboxGroup","radio","radioGroup","utils","combobox","dropdown","select","selectSearchable","multiSelect","multiSelectTags","autocomplete","datePicker","dropzone","dropzoneFiles"],"sources":["../../../src/recipes/controls/index.ts"],"sourcesContent":["import autocomplete from './autocomplete';\nimport checkbox from './checkbox';\nimport checkboxGroup from './checkbox-group';\nimport combobox from './combobox';\nimport datePicker from './date-picker';\nimport dropdown from './dropdown';\nimport dropzone from './dropzone';\nimport dropzoneFiles from './dropzone-files';\nimport fileInput from './file-input';\nimport multiSelect from './multi-select';\nimport multiSelectTags from './multi-select-tags';\nimport passwordInput from './password-input';\nimport passwordInputStrength from './password-input-strength';\nimport passwordStrengthInput from './password-strength-input';\nimport radio from './radio';\nimport radioGroup from './radio-group';\nimport select from './select';\nimport selectSearchable from './select-searchable';\nimport textInput from './text-input';\nimport textarea from './textarea';\nimport utils from './utils';\n\nexport default {\n  ...textInput,\n  ...passwordInput,\n  ...passwordInputStrength,\n  ...passwordStrengthInput,\n  ...fileInput,\n  ...textarea,\n  ...checkbox,\n  ...checkboxGroup,\n  ...radio,\n  ...radioGroup,\n  ...utils,\n  ...combobox,\n  ...dropdown,\n  ...select,\n  ...selectSearchable,\n  ...multiSelect,\n  ...multiSelectTags,\n  ...autocomplete,\n  ...datePicker,\n  ...dropzone,\n  ...dropzoneFiles,\n};\n"],"mappings":"g0BAsBA,IAAA,EAAe,CACb,GAAGA,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACJ"}
+{"version":3,"file":"index.mjs","names":["textInput","passwordInput","passwordInputStrength","passwordStrengthInput","fileInput","textarea","checkbox","checkboxGroup","radio","radioGroup","combobox","dropdown","select","multiSelect","multiSelectTags","autocomplete","datePicker","dropzone","dropzoneFiles"],"sources":["../../../src/recipes/controls/index.ts"],"sourcesContent":["import checkbox from './checkbox';\nimport checkboxGroup from './checkbox-group';\nimport datePicker from './date-picker';\nimport dropdown from './dropdown';\nimport autocomplete from './dropdown/autocomplete';\nimport combobox from './dropdown/combobox';\nimport select from './dropdown/select';\nimport dropzone from './dropzone';\nimport dropzoneFiles from './dropzone-files';\nimport fileInput from './file-input';\nimport multiSelect from './multi-select';\nimport multiSelectTags from './multi-select-tags';\nimport passwordInput from './password-input';\nimport passwordInputStrength from './password-input-strength';\nimport passwordStrengthInput from './password-strength-input';\nimport radio from './radio';\nimport radioGroup from './radio-group';\nimport textInput from './text-input';\nimport textarea from './textarea';\n\nexport default {\n  ...textInput,\n  ...passwordInput,\n  ...passwordInputStrength,\n  ...passwordStrengthInput,\n  ...fileInput,\n  ...textarea,\n  ...checkbox,\n  ...checkboxGroup,\n  ...radio,\n  ...radioGroup,\n  ...combobox,\n  ...dropdown,\n  ...select,\n  ...multiSelect,\n  ...multiSelectTags,\n  ...autocomplete,\n  ...datePicker,\n  ...dropzone,\n  ...dropzoneFiles,\n};\n"],"mappings":"6wBAoBA,IAAA,EAAe,CACb,GAAGA,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACJ"}

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

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

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

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

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

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

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

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

package/dist/recipes/controls/radio/radio-radio.mjs

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

package/dist/recipes/controls/radio/radio-radio.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"radio-radio.mjs","names":[],"sources":["../../../../src/recipes/controls/radio/radio-radio.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioRadio = defineRecipe({\n  className: 'radio__radio',\n  jsx: ['Radio'],\n  base: {\n    display: 'block',\n    appearance: 'none',\n    width: 'var(--radio-input-size, {sizes.300})',\n    height: 'var(--radio-input-size, {sizes.300})',\n    borderRadius: 'var(--radio-input-radii, {radii.900})',\n    aspectRatio: '1',\n    backgroundColor: 'var(--radio-input-background, transparent)',\n    borderWidth: 'var(--radio-input-border-width, {borders.100})',\n    borderStyle: 'var(--radio-input-border-style, solid)',\n    borderColor:\n      'var(--radio-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(--radio-transition, {animations.base.100})',\n    _checked: {\n      backgroundColor: 'var(--radio-input-background-checked, transparent)',\n      borderWidth: 'var(--radio-input-border-width-checked, {borders.100})',\n      borderStyle: 'var(--radio-input-border-style-checked, solid)',\n      borderColor:\n        'var(--radio-input-border-color-checked, {colors.neutral.stroke.5.enabled})',\n    },\n    _disabled: {\n      cursor: 'not-allowed',\n      opacity: 'var(--radio-input-opacity-disabled, .5)',\n    },\n    _focus: {\n      outlineWidth: 'var(--radio-input-focus-outline-width, {borders.100})',\n      outlineStyle: 'var(--radio-input-focus-outline-style, solid)',\n      outlineColor:\n        'var(--radio-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n      outlineOffset: 'var(--radio-input-focus-outline-offset, {spacing.50})',\n      boxShadow: 'var(--radio-input-focus-shadow, none)',\n    },\n    '&[data-error=\"true\"]': {\n      borderColor:\n        'var(--radio-input-border-color-error, {colors.danger.stroke.1.enabled})',\n      _focus: {\n        outlineColor:\n          'var(--radio-input-focus-outline-color-error, {colors.danger.stroke.1.focused})',\n      },\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,QAAS,QACT,WAAY,OACZ,MAAO,uCACP,OAAQ,uCACR,aAAc,wCACd,YAAa,IACb,gBAAiB,6CACjB,YAAa,iDACb,YAAa,yCACb,YACE,qEACF,wBAAyB,cACzB,QAAS,IACT,cAAe,KACf,cAAe,QACf,OAAQ,UACR,WAAY,iDACZ,SAAU,CACR,gBAAiB,qDACjB,YAAa,yDACb,YAAa,iDACb,YACE,6EACH,CACD,UAAW,CACT,OAAQ,cACR,QAAS,0CACV,CACD,OAAQ,CACN,aAAc,wDACd,aAAc,gDACd,aACE,4EACF,cAAe,wDACf,UAAW,wCACZ,CACD,uBAAwB,CACtB,YACE,0EACF,OAAQ,CACN,aACE,iFACH,CACF,CACF,CACF,CAAC"}
+{"version":3,"file":"radio-radio.mjs","names":[],"sources":["../../../../src/recipes/controls/radio/radio-radio.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const radioRadio = defineRecipe({\n  className: 'radio__radio',\n  jsx: ['Radio'],\n  base: {\n    display: 'block',\n    appearance: 'none',\n    width: 'var(--radio-input-size, {sizes.300})',\n    height: 'var(--radio-input-size, {sizes.300})',\n    borderRadius: 'var(--radio-input-radii, {radii.900})',\n    aspectRatio: '1',\n    backgroundColor: 'var(--radio-input-background, transparent)',\n    borderWidth: 'var(--radio-input-border-width, {borders.100})',\n    borderStyle: 'var(--radio-input-border-style, solid)',\n    borderColor:\n      'var(--radio-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(--radio-transition, {animations.base.100})',\n    _checked: {\n      backgroundColor: 'var(--radio-input-background-checked, transparent)',\n      borderWidth: 'var(--radio-input-border-width-checked, {borders.100})',\n      borderStyle: 'var(--radio-input-border-style-checked, solid)',\n      borderColor:\n        'var(--radio-input-border-color-checked, {colors.neutral.stroke.5.enabled})',\n    },\n    _disabled: {\n      cursor: 'not-allowed',\n      opacity: 'var(--radio-input-opacity-disabled, .5)',\n    },\n    _focus: {\n      outlineWidth: 'var(--radio-input-focus-outline-width, {borders.150})',\n      outlineStyle: 'var(--radio-input-focus-outline-style, solid)',\n      outlineColor:\n        'var(--radio-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n      outlineOffset: 'var(--radio-input-focus-outline-offset, {spacing.50})',\n      boxShadow: 'var(--radio-input-focus-shadow, none)',\n    },\n    '&[data-error=\"true\"]': {\n      borderColor:\n        'var(--radio-input-border-color-error, {colors.danger.stroke.1.enabled})',\n      _focus: {\n        outlineColor:\n          'var(--radio-input-focus-outline-color-error, {colors.danger.stroke.1.focused})',\n      },\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,QAAS,QACT,WAAY,OACZ,MAAO,uCACP,OAAQ,uCACR,aAAc,wCACd,YAAa,IACb,gBAAiB,6CACjB,YAAa,iDACb,YAAa,yCACb,YACE,qEACF,wBAAyB,cACzB,QAAS,IACT,cAAe,KACf,cAAe,QACf,OAAQ,UACR,WAAY,iDACZ,SAAU,CACR,gBAAiB,qDACjB,YAAa,yDACb,YAAa,iDACb,YACE,6EACH,CACD,UAAW,CACT,OAAQ,cACR,QAAS,0CACV,CACD,OAAQ,CACN,aAAc,wDACd,aAAc,gDACd,aACE,4EACF,cAAe,wDACf,UAAW,wCACZ,CACD,uBAAwB,CACtB,YACE,0EACF,OAAQ,CACN,aACE,iFACH,CACF,CACF,CACF,CAAC"}

package/dist/recipes/controls/text-input/index.mjs

@@ -1,2 +1,2 @@
-import{textInput as e}from"./text-input.mjs";import{textInputDescription as t}from"./text-input-description.mjs";import{textInputError as n}from"./text-input-error.mjs";import{textInputInput as r}from"./text-input-input.mjs";import{textInputLabel as i}from"./text-input-label.mjs";import{textInputRequired as a}from"./text-input-required.mjs";import{textInputRoot as o}from"./text-input-root.mjs";import{textInputSection as s}from"./text-input-section.mjs";import{textInputWrapper as c}from"./text-input-wrapper.mjs";var l={textInput:e,textInputInput:r,textInputLabel:i,textInputDescription:t,textInputError:n,textInputWrapper:c,textInputRequired:a,textInputSection:s,textInputRoot:o};export{l as default};
+import{textInputDescription as e}from"./text-input-description.mjs";import{textInputError as t}from"./text-input-error.mjs";import{textInputInput as n}from"./text-input-input.mjs";import{textInputLabel as r}from"./text-input-label.mjs";import{textInputRequired as i}from"./text-input-required.mjs";import{textInputRoot as a}from"./text-input-root.mjs";import{textInputSection as o}from"./text-input-section.mjs";import{textInputWrapper as s}from"./text-input-wrapper.mjs";import{textInput as c}from"./text-input.mjs";var l={textInput:c,textInputInput:n,textInputLabel:r,textInputDescription:e,textInputError:t,textInputWrapper:s,textInputRequired:i,textInputSection:o,textInputRoot:a};export{l as default};
 //# sourceMappingURL=index.mjs.map

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

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

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

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

package/dist/recipes/data-display/calendar/calendar-event.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__event`,jsx:[`Calendar`],base:{"&.rbc-event, &.rbc-background-event, .rbc-overlay &.rbc-event":{borderWidth:`var(--calendar-event-border-width, {borders.100})`,borderStyle:`solid`,borderColor:`var(--calendar-event-border-color, {colors.primary.background.1.enabled/30})`,boxSizing:`border-box`,margin:0,paddingBlock:`var(--calendar-event-padding-block, {spacing.100})`,paddingInline:`var(--calendar-event-padding-inline, {spacing.200})`,backgroundColor:`var(--calendar-event-background, {colors.primary.background.1.enabled})`,borderRadius:`var(--calendar-event-border-radius, {radii.200})`,color:`var(--calendar-event-foreground, {colors.primary.foreground.onPrimary.2.enabled})`,cursor:`pointer`,width:`100%`,textAlign:`left`,fontFamily:`var(--calendar-event-font-family, {fonts.base})`,fontWeight:`var(--calendar-event-font-weight, {fontWeights.regular})`,fontSize:`var(--calendar-event-font-size, {fontSizes.150})`,lineHeight:`var(--calendar-event-line-height, 1.2)`,"& strong":{fontWeight:`var(--calendar-event-font-weight-strong, {fontWeights.bold})`,color:`var(--calendar-event-foreground-strong, {colors.primary.foreground.onPrimary.2.enabled})`}},".rbc-slot-selecting &.rbc-event, .rbc-slot-selecting &.rbc-background-event":{cursor:`inherit`,pointerEvents:`none`},"&.rbc-event.rbc-selected, &.rbc-selected.rbc-background-event":{backgroundColor:`var(--calendar-event-background-selected, {colors.primary.background.1.selected})`},"&.rbc-event:focus-visible, &.rbc-background-event:focus-visible":{outlineWidth:`var(--calendar-event-focus-outline-width, {borders.100})`,outlineStyle:`var(--calendar-event-focus-outline-style, solid)`,outlineColor:`var(--calendar-event-focus-outline-color, {colors.primary.stroke.1.focused})`,outlineOffset:`var(--calendar-event-focus-outline-offset, 0)`}},variants:{variant:{meet:{"&.rbc-event, &.rbc-background-event, .rbc-overlay &.rbc-event":{"--calendar-event-background":`var(--calendar-event-meet-background, {colors.primary.background.1.enabled})`,"--calendar-event-foreground":`var(--calendar-event-meet-foreground, {colors.primary.foreground.onPrimary.2.enabled})`,"--calendar-event-foreground-strong":`var(--calendar-event-meet-foreground-strong, {colors.primary.foreground.onPrimary.2.enabled})`,"--calendar-event-border-color":`var(--calendar-event-meet-border-color, {colors.primary.background.1.enabled/30})`},"&.rbc-event.rbc-selected, &.rbc-selected.rbc-background-event":{"--calendar-event-background-selected":`var(--calendar-event-meet-background-selected, {colors.primary.background.1.selected})`},"&.rbc-event:focus-visible, &.rbc-background-event:focus-visible":{"--calendar-event-focus-outline-color":`var(--calendar-event-meet-focus-outline-color, {colors.primary.stroke.1.focused})`}},task:{"&.rbc-event, &.rbc-background-event, .rbc-overlay &.rbc-event":{"--calendar-event-background":`var(--calendar-event-task-background, {colors.success.background.1.enabled})`,"--calendar-event-foreground":`var(--calendar-event-task-foreground, {colors.success.foreground.onSuccess.2.enabled})`,"--calendar-event-foreground-strong":`var(--calendar-event-task-foreground-strong, {colors.success.foreground.onSuccess.2.enabled})`,"--calendar-event-border-color":`var(--calendar-event-task-border-color, {colors.success.background.1.enabled/30})`},"&.rbc-event.rbc-selected, &.rbc-selected.rbc-background-event":{"--calendar-event-background-selected":`var(--calendar-event-task-background-selected, {colors.success.background.1.selected})`},"&.rbc-event:focus-visible, &.rbc-background-event:focus-visible":{"--calendar-event-focus-outline-color":`var(--calendar-event-task-focus-outline-color, {colors.success.stroke.1.focused})`}}}},staticCss:[`*`]});export{t as calendarEvent};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__event`,jsx:[`Calendar`],base:{"&.rbc-event, &.rbc-background-event, .rbc-overlay &.rbc-event":{borderWidth:`var(--calendar-event-border-width, {borders.100})`,borderStyle:`solid`,borderColor:`var(--calendar-event-border-color, {colors.primary.background.1.enabled/30})`,boxSizing:`border-box`,margin:0,paddingBlock:`var(--calendar-event-padding-block, {spacing.100})`,paddingInline:`var(--calendar-event-padding-inline, {spacing.200})`,backgroundColor:`var(--calendar-event-background, {colors.primary.background.1.enabled})`,borderRadius:`var(--calendar-event-border-radius, {radii.200})`,color:`var(--calendar-event-foreground, {colors.primary.foreground.onPrimary.2.enabled})`,cursor:`pointer`,width:`100%`,textAlign:`left`,fontFamily:`var(--calendar-event-font-family, {fonts.base})`,fontWeight:`var(--calendar-event-font-weight, {fontWeights.regular})`,fontSize:`var(--calendar-event-font-size, {fontSizes.150})`,lineHeight:`var(--calendar-event-line-height, 1.2)`,"& strong":{fontWeight:`var(--calendar-event-font-weight-strong, {fontWeights.bold})`,color:`var(--calendar-event-foreground-strong, {colors.primary.foreground.onPrimary.2.enabled})`}},".rbc-slot-selecting &.rbc-event, .rbc-slot-selecting &.rbc-background-event":{cursor:`inherit`,pointerEvents:`none`},"&.rbc-event.rbc-selected, &.rbc-selected.rbc-background-event":{backgroundColor:`var(--calendar-event-background-selected, {colors.primary.background.1.selected})`},"&.rbc-event:focus-visible, &.rbc-background-event:focus-visible":{outlineWidth:`var(--calendar-event-focus-outline-width, {borders.150})`,outlineStyle:`var(--calendar-event-focus-outline-style, solid)`,outlineColor:`var(--calendar-event-focus-outline-color, {colors.primary.stroke.1.focused})`,outlineOffset:`var(--calendar-event-focus-outline-offset, 0)`}},variants:{variant:{meet:{"&.rbc-event, &.rbc-background-event, .rbc-overlay &.rbc-event":{"--calendar-event-background":`var(--calendar-event-meet-background, {colors.primary.background.1.enabled})`,"--calendar-event-foreground":`var(--calendar-event-meet-foreground, {colors.primary.foreground.onPrimary.2.enabled})`,"--calendar-event-foreground-strong":`var(--calendar-event-meet-foreground-strong, {colors.primary.foreground.onPrimary.2.enabled})`,"--calendar-event-border-color":`var(--calendar-event-meet-border-color, {colors.primary.background.1.enabled/30})`},"&.rbc-event.rbc-selected, &.rbc-selected.rbc-background-event":{"--calendar-event-background-selected":`var(--calendar-event-meet-background-selected, {colors.primary.background.1.selected})`},"&.rbc-event:focus-visible, &.rbc-background-event:focus-visible":{"--calendar-event-focus-outline-color":`var(--calendar-event-meet-focus-outline-color, {colors.primary.stroke.1.focused})`}},task:{"&.rbc-event, &.rbc-background-event, .rbc-overlay &.rbc-event":{"--calendar-event-background":`var(--calendar-event-task-background, {colors.success.background.1.enabled})`,"--calendar-event-foreground":`var(--calendar-event-task-foreground, {colors.success.foreground.onSuccess.2.enabled})`,"--calendar-event-foreground-strong":`var(--calendar-event-task-foreground-strong, {colors.success.foreground.onSuccess.2.enabled})`,"--calendar-event-border-color":`var(--calendar-event-task-border-color, {colors.success.background.1.enabled/30})`},"&.rbc-event.rbc-selected, &.rbc-selected.rbc-background-event":{"--calendar-event-background-selected":`var(--calendar-event-task-background-selected, {colors.success.background.1.selected})`},"&.rbc-event:focus-visible, &.rbc-background-event:focus-visible":{"--calendar-event-focus-outline-color":`var(--calendar-event-task-focus-outline-color, {colors.success.stroke.1.focused})`}}}},staticCss:[`*`]});export{t as calendarEvent};
 //# sourceMappingURL=calendar-event.mjs.map

package/dist/recipes/data-display/calendar/calendar-event.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"calendar-event.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-event.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendarEvent = defineRecipe({\n  className: 'calendar__event',\n  jsx: ['Calendar'],\n  base: {\n    '&.rbc-event, &.rbc-background-event, .rbc-overlay &.rbc-event': {\n      borderWidth: 'var(--calendar-event-border-width, {borders.100})',\n      borderStyle: 'solid',\n      borderColor:\n        'var(--calendar-event-border-color, {colors.primary.background.1.enabled/30})',\n      boxSizing: 'border-box',\n      margin: 0,\n      paddingBlock: 'var(--calendar-event-padding-block, {spacing.100})',\n      paddingInline: 'var(--calendar-event-padding-inline, {spacing.200})',\n      backgroundColor:\n        'var(--calendar-event-background, {colors.primary.background.1.enabled})',\n      borderRadius: 'var(--calendar-event-border-radius, {radii.200})',\n      color:\n        'var(--calendar-event-foreground, {colors.primary.foreground.onPrimary.2.enabled})',\n      cursor: 'pointer',\n      width: '100%',\n      textAlign: 'left',\n      fontFamily: 'var(--calendar-event-font-family, {fonts.base})',\n      fontWeight: 'var(--calendar-event-font-weight, {fontWeights.regular})',\n      fontSize: 'var(--calendar-event-font-size, {fontSizes.150})',\n      lineHeight: 'var(--calendar-event-line-height, 1.2)',\n      '& strong': {\n        fontWeight:\n          'var(--calendar-event-font-weight-strong, {fontWeights.bold})',\n        color:\n          'var(--calendar-event-foreground-strong, {colors.primary.foreground.onPrimary.2.enabled})',\n      },\n    },\n\n    '.rbc-slot-selecting &.rbc-event, .rbc-slot-selecting &.rbc-background-event':\n      {\n        cursor: 'inherit',\n        pointerEvents: 'none',\n      },\n\n    '&.rbc-event.rbc-selected, &.rbc-selected.rbc-background-event': {\n      backgroundColor:\n        'var(--calendar-event-background-selected, {colors.primary.background.1.selected})',\n    },\n\n    '&.rbc-event:focus-visible, &.rbc-background-event:focus-visible': {\n      outlineWidth: 'var(--calendar-event-focus-outline-width, {borders.100})',\n      outlineStyle: 'var(--calendar-event-focus-outline-style, solid)',\n      outlineColor:\n        'var(--calendar-event-focus-outline-color, {colors.primary.stroke.1.focused})',\n      outlineOffset: 'var(--calendar-event-focus-outline-offset, 0)',\n    },\n  },\n  variants: {\n    variant: {\n      meet: {\n        '&.rbc-event, &.rbc-background-event, .rbc-overlay &.rbc-event': {\n          '--calendar-event-background':\n            'var(--calendar-event-meet-background, {colors.primary.background.1.enabled})',\n          '--calendar-event-foreground':\n            'var(--calendar-event-meet-foreground, {colors.primary.foreground.onPrimary.2.enabled})',\n          '--calendar-event-foreground-strong':\n            'var(--calendar-event-meet-foreground-strong, {colors.primary.foreground.onPrimary.2.enabled})',\n          '--calendar-event-border-color':\n            'var(--calendar-event-meet-border-color, {colors.primary.background.1.enabled/30})',\n        },\n        '&.rbc-event.rbc-selected, &.rbc-selected.rbc-background-event': {\n          '--calendar-event-background-selected':\n            'var(--calendar-event-meet-background-selected, {colors.primary.background.1.selected})',\n        },\n        '&.rbc-event:focus-visible, &.rbc-background-event:focus-visible': {\n          '--calendar-event-focus-outline-color':\n            'var(--calendar-event-meet-focus-outline-color, {colors.primary.stroke.1.focused})',\n        },\n      },\n      task: {\n        '&.rbc-event, &.rbc-background-event, .rbc-overlay &.rbc-event': {\n          '--calendar-event-background':\n            'var(--calendar-event-task-background, {colors.success.background.1.enabled})',\n          '--calendar-event-foreground':\n            'var(--calendar-event-task-foreground, {colors.success.foreground.onSuccess.2.enabled})',\n          '--calendar-event-foreground-strong':\n            'var(--calendar-event-task-foreground-strong, {colors.success.foreground.onSuccess.2.enabled})',\n          '--calendar-event-border-color':\n            'var(--calendar-event-task-border-color, {colors.success.background.1.enabled/30})',\n        },\n        '&.rbc-event.rbc-selected, &.rbc-selected.rbc-background-event': {\n          '--calendar-event-background-selected':\n            'var(--calendar-event-task-background-selected, {colors.success.background.1.selected})',\n        },\n        '&.rbc-event:focus-visible, &.rbc-background-event:focus-visible': {\n          '--calendar-event-focus-outline-color':\n            'var(--calendar-event-task-focus-outline-color, {colors.success.stroke.1.focused})',\n        },\n      },\n    },\n  },\n  staticCss: ['*'],\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,kBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,gEAAiE,CAC/D,YAAa,oDACb,YAAa,QACb,YACE,+EACF,UAAW,aACX,OAAQ,EACR,aAAc,qDACd,cAAe,sDACf,gBACE,0EACF,aAAc,mDACd,MACE,oFACF,OAAQ,UACR,MAAO,OACP,UAAW,OACX,WAAY,kDACZ,WAAY,2DACZ,SAAU,mDACV,WAAY,yCACZ,WAAY,CACV,WACE,+DACF,MACE,2FACH,CACF,CAED,8EACE,CACE,OAAQ,UACR,cAAe,OAChB,CAEH,gEAAiE,CAC/D,gBACE,oFACH,CAED,kEAAmE,CACjE,aAAc,2DACd,aAAc,mDACd,aACE,+EACF,cAAe,gDAChB,CACF,CACD,SAAU,CACR,QAAS,CACP,KAAM,CACJ,gEAAiE,CAC/D,8BACE,+EACF,8BACE,yFACF,qCACE,gGACF,gCACE,oFACH,CACD,gEAAiE,CAC/D,uCACE,yFACH,CACD,kEAAmE,CACjE,uCACE,oFACH,CACF,CACD,KAAM,CACJ,gEAAiE,CAC/D,8BACE,+EACF,8BACE,yFACF,qCACE,gGACF,gCACE,oFACH,CACD,gEAAiE,CAC/D,uCACE,yFACH,CACD,kEAAmE,CACjE,uCACE,oFACH,CACF,CACF,CACF,CACD,UAAW,CAAC,IAAI,CACjB,CAAC"}
+{"version":3,"file":"calendar-event.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-event.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendarEvent = defineRecipe({\n  className: 'calendar__event',\n  jsx: ['Calendar'],\n  base: {\n    '&.rbc-event, &.rbc-background-event, .rbc-overlay &.rbc-event': {\n      borderWidth: 'var(--calendar-event-border-width, {borders.100})',\n      borderStyle: 'solid',\n      borderColor:\n        'var(--calendar-event-border-color, {colors.primary.background.1.enabled/30})',\n      boxSizing: 'border-box',\n      margin: 0,\n      paddingBlock: 'var(--calendar-event-padding-block, {spacing.100})',\n      paddingInline: 'var(--calendar-event-padding-inline, {spacing.200})',\n      backgroundColor:\n        'var(--calendar-event-background, {colors.primary.background.1.enabled})',\n      borderRadius: 'var(--calendar-event-border-radius, {radii.200})',\n      color:\n        'var(--calendar-event-foreground, {colors.primary.foreground.onPrimary.2.enabled})',\n      cursor: 'pointer',\n      width: '100%',\n      textAlign: 'left',\n      fontFamily: 'var(--calendar-event-font-family, {fonts.base})',\n      fontWeight: 'var(--calendar-event-font-weight, {fontWeights.regular})',\n      fontSize: 'var(--calendar-event-font-size, {fontSizes.150})',\n      lineHeight: 'var(--calendar-event-line-height, 1.2)',\n      '& strong': {\n        fontWeight:\n          'var(--calendar-event-font-weight-strong, {fontWeights.bold})',\n        color:\n          'var(--calendar-event-foreground-strong, {colors.primary.foreground.onPrimary.2.enabled})',\n      },\n    },\n\n    '.rbc-slot-selecting &.rbc-event, .rbc-slot-selecting &.rbc-background-event':\n      {\n        cursor: 'inherit',\n        pointerEvents: 'none',\n      },\n\n    '&.rbc-event.rbc-selected, &.rbc-selected.rbc-background-event': {\n      backgroundColor:\n        'var(--calendar-event-background-selected, {colors.primary.background.1.selected})',\n    },\n\n    '&.rbc-event:focus-visible, &.rbc-background-event:focus-visible': {\n      outlineWidth: 'var(--calendar-event-focus-outline-width, {borders.150})',\n      outlineStyle: 'var(--calendar-event-focus-outline-style, solid)',\n      outlineColor:\n        'var(--calendar-event-focus-outline-color, {colors.primary.stroke.1.focused})',\n      outlineOffset: 'var(--calendar-event-focus-outline-offset, 0)',\n    },\n  },\n  variants: {\n    variant: {\n      meet: {\n        '&.rbc-event, &.rbc-background-event, .rbc-overlay &.rbc-event': {\n          '--calendar-event-background':\n            'var(--calendar-event-meet-background, {colors.primary.background.1.enabled})',\n          '--calendar-event-foreground':\n            'var(--calendar-event-meet-foreground, {colors.primary.foreground.onPrimary.2.enabled})',\n          '--calendar-event-foreground-strong':\n            'var(--calendar-event-meet-foreground-strong, {colors.primary.foreground.onPrimary.2.enabled})',\n          '--calendar-event-border-color':\n            'var(--calendar-event-meet-border-color, {colors.primary.background.1.enabled/30})',\n        },\n        '&.rbc-event.rbc-selected, &.rbc-selected.rbc-background-event': {\n          '--calendar-event-background-selected':\n            'var(--calendar-event-meet-background-selected, {colors.primary.background.1.selected})',\n        },\n        '&.rbc-event:focus-visible, &.rbc-background-event:focus-visible': {\n          '--calendar-event-focus-outline-color':\n            'var(--calendar-event-meet-focus-outline-color, {colors.primary.stroke.1.focused})',\n        },\n      },\n      task: {\n        '&.rbc-event, &.rbc-background-event, .rbc-overlay &.rbc-event': {\n          '--calendar-event-background':\n            'var(--calendar-event-task-background, {colors.success.background.1.enabled})',\n          '--calendar-event-foreground':\n            'var(--calendar-event-task-foreground, {colors.success.foreground.onSuccess.2.enabled})',\n          '--calendar-event-foreground-strong':\n            'var(--calendar-event-task-foreground-strong, {colors.success.foreground.onSuccess.2.enabled})',\n          '--calendar-event-border-color':\n            'var(--calendar-event-task-border-color, {colors.success.background.1.enabled/30})',\n        },\n        '&.rbc-event.rbc-selected, &.rbc-selected.rbc-background-event': {\n          '--calendar-event-background-selected':\n            'var(--calendar-event-task-background-selected, {colors.success.background.1.selected})',\n        },\n        '&.rbc-event:focus-visible, &.rbc-background-event:focus-visible': {\n          '--calendar-event-focus-outline-color':\n            'var(--calendar-event-task-focus-outline-color, {colors.success.stroke.1.focused})',\n        },\n      },\n    },\n  },\n  staticCss: ['*'],\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,kBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,gEAAiE,CAC/D,YAAa,oDACb,YAAa,QACb,YACE,+EACF,UAAW,aACX,OAAQ,EACR,aAAc,qDACd,cAAe,sDACf,gBACE,0EACF,aAAc,mDACd,MACE,oFACF,OAAQ,UACR,MAAO,OACP,UAAW,OACX,WAAY,kDACZ,WAAY,2DACZ,SAAU,mDACV,WAAY,yCACZ,WAAY,CACV,WACE,+DACF,MACE,2FACH,CACF,CAED,8EACE,CACE,OAAQ,UACR,cAAe,OAChB,CAEH,gEAAiE,CAC/D,gBACE,oFACH,CAED,kEAAmE,CACjE,aAAc,2DACd,aAAc,mDACd,aACE,+EACF,cAAe,gDAChB,CACF,CACD,SAAU,CACR,QAAS,CACP,KAAM,CACJ,gEAAiE,CAC/D,8BACE,+EACF,8BACE,yFACF,qCACE,gGACF,gCACE,oFACH,CACD,gEAAiE,CAC/D,uCACE,yFACH,CACD,kEAAmE,CACjE,uCACE,oFACH,CACF,CACD,KAAM,CACJ,gEAAiE,CAC/D,8BACE,+EACF,8BACE,yFACF,qCACE,gGACF,gCACE,oFACH,CACD,gEAAiE,CAC/D,uCACE,yFACH,CACD,kEAAmE,CACjE,uCACE,oFACH,CACF,CACF,CACF,CACD,UAAW,CAAC,IAAI,CACjB,CAAC"}

package/dist/recipes/data-display/calendar/calendar-popup.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__popup`,jsx:[`Calendar`],base:{":root:has(&) .rbc-overlay":{display:`flex`,flexDirection:`column`,gap:`var(--calendar-month-overlay-gap, {spacing.100})`,position:`absolute`,zIndex:`5`,borderWidth:`var(--calendar-month-overlay-border-width, 0)`,borderStyle:`solid`,borderColor:`var(--calendar-month-overlay-border-color, {colors.neutral.stroke.7.enabled})`,backgroundColor:`var(--calendar-month-overlay-background, {colors.neutral.background.2.enabled})`,padding:`var(--calendar-month-overlay-padding, {spacing.150})`,boxShadow:`var(--calendar-month-overlay-box-shadow, 0px 4px 7px rgba(3, 7, 18, 0.15), 0px 15px 28px rgba(3, 7, 18, 0.31), 0px 33px 64px rgba(3, 7, 18, 0.46))`,borderRadius:`var(--calendar-month-overlay-border-radius, {radii.200})`,maxWidth:`var(--calendar-month-overlay-max-width, 18.75rem)`},":root:has(&) .rbc-overlay > * + *":{marginTop:`var(--calendar-month-overlay-child-gap, 9.375rem)`},":root:has(&) .rbc-overlay-header":{color:`var(--calendar-month-overlay-header-foreground, {colors.neutral.foreground.1.enabled})`,fontWeight:`var(--calendar-month-overlay-header-font-weight, {fontWeights.medium})`,fontSize:`var(--calendar-month-overlay-header-font-size, {fontSizes.300})`,fontFamily:`var(--calendar-month-overlay-header-font-family, {fonts.base})`,marginBottom:`var(--calendar-month-overlay-header-margin-bottom, {spacing.200})`}}});export{t as calendarPopup};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__popup`,jsx:[`Calendar`],base:{":root:has(&) .rbc-overlay":{display:`flex`,flexDirection:`column`,gap:`var(--calendar-month-overlay-gap, {spacing.100})`,position:`absolute`,zIndex:`5`,borderWidth:`var(--calendar-month-overlay-border-width, 0)`,borderStyle:`solid`,borderColor:`var(--calendar-month-overlay-border-color, {colors.neutral.stroke.7.enabled})`,backgroundColor:`var(--calendar-month-overlay-background, {colors.neutral.background.2.enabled})`,padding:`var(--calendar-month-overlay-padding, {spacing.150})`,boxShadow:`var(--calendar-month-overlay-box-shadow, 0px 4px 7px rgba(3, 7, 18, 0.15), 0px 15px 28px rgba(3, 7, 18, 0.31), 0px 33px 64px rgba(3, 7, 18, 0.46))`,borderRadius:`var(--calendar-month-overlay-border-radius, {radii.200})`,maxWidth:`var(--calendar-month-overlay-max-width, 18.75rem)`},":root:has(&) .rbc-overlay > * + *":{marginTop:`var(--calendar-month-overlay-child-gap, {spacing.0})`},":root:has(&) .rbc-overlay-header":{color:`var(--calendar-month-overlay-header-foreground, {colors.neutral.foreground.1.enabled})`,fontWeight:`var(--calendar-month-overlay-header-font-weight, {fontWeights.medium})`,fontSize:`var(--calendar-month-overlay-header-font-size, {fontSizes.300})`,fontFamily:`var(--calendar-month-overlay-header-font-family, {fonts.base})`,marginBottom:`var(--calendar-month-overlay-header-margin-bottom, {spacing.200})`}}});export{t as calendarPopup};
 //# sourceMappingURL=calendar-popup.mjs.map

package/dist/recipes/data-display/calendar/calendar-popup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"calendar-popup.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-popup.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendarPopup = defineRecipe({\n  className: 'calendar__popup',\n  jsx: ['Calendar'],\n  base: {\n    // Overlay\n    ':root:has(&) .rbc-overlay': {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 'var(--calendar-month-overlay-gap, {spacing.100})',\n      position: 'absolute',\n      zIndex: '5',\n      borderWidth: 'var(--calendar-month-overlay-border-width, 0)',\n      borderStyle: 'solid',\n      borderColor:\n        'var(--calendar-month-overlay-border-color, {colors.neutral.stroke.7.enabled})',\n      backgroundColor:\n        'var(--calendar-month-overlay-background, {colors.neutral.background.2.enabled})',\n      padding: 'var(--calendar-month-overlay-padding, {spacing.150})',\n      boxShadow:\n        'var(--calendar-month-overlay-box-shadow, 0px 4px 7px rgba(3, 7, 18, 0.15), 0px 15px 28px rgba(3, 7, 18, 0.31), 0px 33px 64px rgba(3, 7, 18, 0.46))',\n      borderRadius: 'var(--calendar-month-overlay-border-radius, {radii.200})',\n      maxWidth: 'var(--calendar-month-overlay-max-width, 18.75rem)',\n    },\n\n    ':root:has(&) .rbc-overlay > * + *': {\n      marginTop: 'var(--calendar-month-overlay-child-gap, 9.375rem)',\n    },\n\n    ':root:has(&) .rbc-overlay-header': {\n      color:\n        'var(--calendar-month-overlay-header-foreground, {colors.neutral.foreground.1.enabled})',\n      fontWeight:\n        'var(--calendar-month-overlay-header-font-weight, {fontWeights.medium})',\n      fontSize:\n        'var(--calendar-month-overlay-header-font-size, {fontSizes.300})',\n      fontFamily:\n        'var(--calendar-month-overlay-header-font-family, {fonts.base})',\n      marginBottom:\n        'var(--calendar-month-overlay-header-margin-bottom, {spacing.200})',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,kBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,4BAA6B,CAC3B,QAAS,OACT,cAAe,SACf,IAAK,mDACL,SAAU,WACV,OAAQ,IACR,YAAa,gDACb,YAAa,QACb,YACE,gFACF,gBACE,kFACF,QAAS,uDACT,UACE,qJACF,aAAc,2DACd,SAAU,oDACX,CAED,oCAAqC,CACnC,UAAW,oDACZ,CAED,mCAAoC,CAClC,MACE,yFACF,WACE,yEACF,SACE,kEACF,WACE,iEACF,aACE,oEACH,CACF,CACF,CAAC"}
+{"version":3,"file":"calendar-popup.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-popup.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendarPopup = defineRecipe({\n  className: 'calendar__popup',\n  jsx: ['Calendar'],\n  base: {\n    // Overlay\n    ':root:has(&) .rbc-overlay': {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: 'var(--calendar-month-overlay-gap, {spacing.100})',\n      position: 'absolute',\n      zIndex: '5',\n      borderWidth: 'var(--calendar-month-overlay-border-width, 0)',\n      borderStyle: 'solid',\n      borderColor:\n        'var(--calendar-month-overlay-border-color, {colors.neutral.stroke.7.enabled})',\n      backgroundColor:\n        'var(--calendar-month-overlay-background, {colors.neutral.background.2.enabled})',\n      padding: 'var(--calendar-month-overlay-padding, {spacing.150})',\n      boxShadow:\n        'var(--calendar-month-overlay-box-shadow, 0px 4px 7px rgba(3, 7, 18, 0.15), 0px 15px 28px rgba(3, 7, 18, 0.31), 0px 33px 64px rgba(3, 7, 18, 0.46))',\n      borderRadius: 'var(--calendar-month-overlay-border-radius, {radii.200})',\n      maxWidth: 'var(--calendar-month-overlay-max-width, 18.75rem)',\n    },\n\n    ':root:has(&) .rbc-overlay > * + *': {\n      marginTop: 'var(--calendar-month-overlay-child-gap, {spacing.0})',\n    },\n\n    ':root:has(&) .rbc-overlay-header': {\n      color:\n        'var(--calendar-month-overlay-header-foreground, {colors.neutral.foreground.1.enabled})',\n      fontWeight:\n        'var(--calendar-month-overlay-header-font-weight, {fontWeights.medium})',\n      fontSize:\n        'var(--calendar-month-overlay-header-font-size, {fontSizes.300})',\n      fontFamily:\n        'var(--calendar-month-overlay-header-font-family, {fonts.base})',\n      marginBottom:\n        'var(--calendar-month-overlay-header-margin-bottom, {spacing.200})',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,kBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,4BAA6B,CAC3B,QAAS,OACT,cAAe,SACf,IAAK,mDACL,SAAU,WACV,OAAQ,IACR,YAAa,gDACb,YAAa,QACb,YACE,gFACF,gBACE,kFACF,QAAS,uDACT,UACE,qJACF,aAAc,2DACd,SAAU,oDACX,CAED,oCAAqC,CACnC,UAAW,uDACZ,CAED,mCAAoC,CAClC,MACE,yFACF,WACE,yEACF,SACE,kEACF,WACE,iEACF,aACE,oEACH,CACF,CACF,CAAC"}

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

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__root`,jsx:[`Calendar`],base:{"&.rbc-calendar":{boxSizing:`border-box`,height:`100%`,display:`flex`,flexDirection:`column`,alignItems:`stretch`},"& .rbc-m-b-negative-3":{marginBottom:`-0.1875rem`},"& .rbc-h-full":{height:`100%`},"& .rbc-calendar *, & .rbc-calendar *:before, & .rbc-calendar *:after":{boxSizing:`inherit`},"& .rbc-abs-full, & .rbc-row-bg":{overflow:`hidden`,position:`absolute`,top:0,left:0,right:0,bottom:0},"& .rbc-ellipsis, & .rbc-show-more, & .rbc-row-segment .rbc-event-content, & .rbc-event-label":{display:`block`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},"& .rbc-rtl":{direction:`rtl`},"& .rbc-off-range":{opacity:`var(--calendar-off-range-opacity, 0.5)`},"& .rbc-off-range-bg":{background:`var(--calendar-off-range-background, transparent)`},"& .rbc-header":{display:`flex`,alignItems:`center`,justifyContent:`center`,flex:`1 0 0%`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,paddingInline:`var(--calendar-header-padding-inline, {spacing.200})`,paddingBlock:`var(--calendar-header-padding-block, {spacing.200})`,textAlign:`center`,verticalAlign:`middle`,fontFamily:`var(--calendar-header-font-family, {fonts.base})`,fontWeight:`var(--calendar-header-font-weight, {fontWeights.semibold})`,fontSize:`var(--calendar-header-font-size, {fontSizes.100})`,color:`var(--calendar-header-foreground, {colors.neutral.foreground.2.enabled})`,textTransform:`var(--calendar-header-text-transform, uppercase)`,borderBottomColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,borderBottomStyle:`solid`,borderBottomWidth:`var(--calendar-cell-border-width, {borders.100})`},"& .rbc-header + .rbc-header":{borderLeftColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,borderLeftStyle:`solid`,borderLeftWidth:`var(--calendar-cell-border-width, {borders.100})`},"& .rbc-rtl .rbc-header + .rbc-header":{borderLeftWidth:0,borderRightColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,borderRightStyle:`solid`,borderRightWidth:`var(--calendar-cell-border-width, {borders.100})`},"& .rbc-header > a, & .rbc-header > a:active, & .rbc-header > a:visited":{color:`inherit`,textDecoration:`none`},"& .rbc-button-link":{fontFamily:`var(--calendar-button-link-font-family, {fonts.base})`,fontSize:`var(--calendar-button-link-font-size, {fontSizes.200})`,fontWeight:`var(--calendar-button-link-font-weight, {fontWeights.regular})`,color:`var(--calendar-button-link-foreground, {colors.neutral.foreground.2.enabled})`,backgroundColor:`var(--calendar-button-link-background, transparent)`,margin:0,padding:0,border:`none`,cursor:`pointer`,userSelect:`text`,_hover:{color:`var(--calendar-button-link-foreground-hover, {colors.neutral.foreground.2.primary.hovered})`,backgroundColor:`var(--calendar-button-link-background-hover, transparent)`}},"& .rbc-row-content":{position:`relative`,userSelect:`none`,WebkitUserSelect:`none`,zIndex:4},"& .rbc-row-content-scrollable":{display:`flex`,flexDirection:`column`,height:`100%`},"& .rbc-row-content-scrollable .rbc-row-content-scroll-container":{height:`100%`,overflowY:`scroll`,msOverflowStyle:`none`,scrollbarWidth:`none`},"& .rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar":{display:`none`},"& .rbc-today":{backgroundColor:`var(--calendar-today-background, {colors.primary.background.1.enabled/10})`}}});export{t as calendarRoot};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__root`,jsx:[`Calendar`],base:{"&.rbc-calendar":{boxSizing:`border-box`,height:`100%`,display:`flex`,flexDirection:`column`,alignItems:`stretch`},"& .rbc-m-b-negative-3":{marginBottom:`-0.1875rem`},"& .rbc-h-full":{height:`100%`},"& .rbc-calendar *, & .rbc-calendar *:before, & .rbc-calendar *:after":{boxSizing:`inherit`},"& .rbc-abs-full, & .rbc-row-bg":{overflow:`hidden`,position:`absolute`,top:0,left:0,right:0,bottom:0},"& .rbc-ellipsis, & .rbc-show-more, & .rbc-row-segment .rbc-event-content, & .rbc-event-label":{display:`block`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},"& .rbc-rtl":{direction:`rtl`},"& .rbc-off-range":{opacity:`var(--calendar-off-range-opacity, 0.5)`},"& .rbc-off-range-bg":{background:`var(--calendar-off-range-background, {colors.neutral.background.2.enabled})`},"& .rbc-header":{display:`flex`,alignItems:`center`,justifyContent:`center`,flex:`1 0 0%`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,paddingInline:`var(--calendar-header-padding-inline, {spacing.200})`,paddingBlock:`var(--calendar-header-padding-block, {spacing.200})`,textAlign:`center`,verticalAlign:`middle`,fontFamily:`var(--calendar-header-font-family, {fonts.base})`,fontWeight:`var(--calendar-header-font-weight, {fontWeights.semibold})`,fontSize:`var(--calendar-header-font-size, {fontSizes.100})`,color:`var(--calendar-header-foreground, {colors.neutral.foreground.2.enabled})`,textTransform:`var(--calendar-header-text-transform, uppercase)`,borderBottomColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,borderBottomStyle:`solid`,borderBottomWidth:`var(--calendar-cell-border-width, {borders.100})`},"& .rbc-header + .rbc-header":{borderLeftColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,borderLeftStyle:`solid`,borderLeftWidth:`var(--calendar-cell-border-width, {borders.100})`},"& .rbc-rtl .rbc-header + .rbc-header":{borderLeftWidth:0,borderRightColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,borderRightStyle:`solid`,borderRightWidth:`var(--calendar-cell-border-width, {borders.100})`},"& .rbc-header > a, & .rbc-header > a:active, & .rbc-header > a:visited":{color:`inherit`,textDecoration:`none`},"& .rbc-button-link":{fontFamily:`var(--calendar-button-link-font-family, {fonts.base})`,fontSize:`var(--calendar-button-link-font-size, {fontSizes.200})`,fontWeight:`var(--calendar-button-link-font-weight, {fontWeights.regular})`,color:`var(--calendar-button-link-foreground, {colors.neutral.foreground.2.enabled})`,backgroundColor:`var(--calendar-button-link-background, transparent)`,margin:0,padding:0,border:`none`,cursor:`pointer`,userSelect:`text`,_hover:{color:`var(--calendar-button-link-foreground-hover, {colors.neutral.foreground.2.primary.hovered})`,backgroundColor:`var(--calendar-button-link-background-hover, transparent)`}},"& .rbc-row-content":{position:`relative`,userSelect:`none`,WebkitUserSelect:`none`,zIndex:4},"& .rbc-row-content-scrollable":{display:`flex`,flexDirection:`column`,height:`100%`},"& .rbc-row-content-scrollable .rbc-row-content-scroll-container":{height:`100%`,overflowY:`scroll`,msOverflowStyle:`none`,scrollbarWidth:`none`},"& .rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar":{display:`none`},"& .rbc-today":{backgroundColor:`var(--calendar-today-background, {colors.primary.background.1.enabled/10})`}}});export{t as calendarRoot};
 //# sourceMappingURL=calendar-root.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"calendar-root.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-root.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendarRoot = defineRecipe({\n  className: 'calendar__root',\n  jsx: ['Calendar'],\n  base: {\n    '&.rbc-calendar': {\n      boxSizing: 'border-box',\n      height: '100%',\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'stretch',\n    },\n\n    '& .rbc-m-b-negative-3': {\n      marginBottom: '-0.1875rem', // -3px\n    },\n\n    '& .rbc-h-full': {\n      height: '100%',\n    },\n\n    '& .rbc-calendar *, & .rbc-calendar *:before, & .rbc-calendar *:after': {\n      boxSizing: 'inherit',\n    },\n\n    '& .rbc-abs-full, & .rbc-row-bg': {\n      overflow: 'hidden',\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n    },\n\n    '& .rbc-ellipsis, & .rbc-show-more, & .rbc-row-segment .rbc-event-content, & .rbc-event-label':\n      {\n        display: 'block',\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        whiteSpace: 'nowrap',\n      },\n\n    '& .rbc-rtl': {\n      direction: 'rtl',\n    },\n\n    '& .rbc-off-range': {\n      opacity: 'var(--calendar-off-range-opacity, 0.5)',\n    },\n\n    '& .rbc-off-range-bg': {\n      background: 'var(--calendar-off-range-background, transparent)',\n    },\n\n    // Header\n    '& .rbc-header': {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flex: '1 0 0%',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n      paddingInline: 'var(--calendar-header-padding-inline, {spacing.200})',\n      paddingBlock: 'var(--calendar-header-padding-block, {spacing.200})',\n      textAlign: 'center',\n      verticalAlign: 'middle',\n      fontFamily: 'var(--calendar-header-font-family, {fonts.base})',\n      fontWeight: 'var(--calendar-header-font-weight, {fontWeights.semibold})',\n      fontSize: 'var(--calendar-header-font-size, {fontSizes.100})',\n      color:\n        'var(--calendar-header-foreground, {colors.neutral.foreground.2.enabled})',\n      textTransform: 'var(--calendar-header-text-transform, uppercase)',\n      borderBottomColor:\n        'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n      borderBottomStyle: 'solid',\n      borderBottomWidth: 'var(--calendar-cell-border-width, {borders.100})',\n    },\n\n    '& .rbc-header + .rbc-header': {\n      borderLeftColor:\n        'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n      borderLeftStyle: 'solid',\n      borderLeftWidth: 'var(--calendar-cell-border-width, {borders.100})',\n    },\n\n    '& .rbc-rtl .rbc-header + .rbc-header': {\n      borderLeftWidth: 0,\n      borderRightColor:\n        'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n      borderRightStyle: 'solid',\n      borderRightWidth: 'var(--calendar-cell-border-width, {borders.100})',\n    },\n\n    '& .rbc-header > a, & .rbc-header > a:active, & .rbc-header > a:visited': {\n      color: 'inherit',\n      textDecoration: 'none',\n    },\n\n    // Button link\n    '& .rbc-button-link': {\n      fontFamily: 'var(--calendar-button-link-font-family, {fonts.base})',\n      fontSize: 'var(--calendar-button-link-font-size, {fontSizes.200})',\n      fontWeight:\n        'var(--calendar-button-link-font-weight, {fontWeights.regular})',\n      color:\n        'var(--calendar-button-link-foreground, {colors.neutral.foreground.2.enabled})',\n      backgroundColor: 'var(--calendar-button-link-background, transparent)',\n      margin: 0,\n      padding: 0,\n      border: 'none',\n      cursor: 'pointer',\n      userSelect: 'text',\n      _hover: {\n        color:\n          'var(--calendar-button-link-foreground-hover, {colors.neutral.foreground.2.primary.hovered})',\n        backgroundColor:\n          'var(--calendar-button-link-background-hover, transparent)',\n      },\n    },\n\n    // Row content\n    '& .rbc-row-content': {\n      position: 'relative',\n      userSelect: 'none',\n      WebkitUserSelect: 'none',\n      zIndex: 4,\n    },\n\n    '& .rbc-row-content-scrollable': {\n      display: 'flex',\n      flexDirection: 'column',\n      height: '100%',\n    },\n\n    '& .rbc-row-content-scrollable .rbc-row-content-scroll-container': {\n      height: '100%',\n      overflowY: 'scroll',\n      msOverflowStyle: 'none',\n      scrollbarWidth: 'none',\n    },\n\n    '& .rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar':\n      {\n        display: 'none',\n      },\n\n    // Today highlight\n    '& .rbc-today': {\n      backgroundColor:\n        'var(--calendar-today-background, {colors.primary.background.1.enabled/10})',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,iBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,iBAAkB,CAChB,UAAW,aACX,OAAQ,OACR,QAAS,OACT,cAAe,SACf,WAAY,UACb,CAED,wBAAyB,CACvB,aAAc,aACf,CAED,gBAAiB,CACf,OAAQ,OACT,CAED,uEAAwE,CACtE,UAAW,UACZ,CAED,iCAAkC,CAChC,SAAU,SACV,SAAU,WACV,IAAK,EACL,KAAM,EACN,MAAO,EACP,OAAQ,EACT,CAED,+FACE,CACE,QAAS,QACT,SAAU,SACV,aAAc,WACd,WAAY,SACb,CAEH,aAAc,CACZ,UAAW,MACZ,CAED,mBAAoB,CAClB,QAAS,yCACV,CAED,sBAAuB,CACrB,WAAY,oDACb,CAGD,gBAAiB,CACf,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,KAAM,SACN,aAAc,WACd,WAAY,SACZ,cAAe,uDACf,aAAc,sDACd,UAAW,SACX,cAAe,SACf,WAAY,mDACZ,WAAY,6DACZ,SAAU,oDACV,MACE,2EACF,cAAe,mDACf,kBACE,uEACF,kBAAmB,QACnB,kBAAmB,mDACpB,CAED,8BAA+B,CAC7B,gBACE,uEACF,gBAAiB,QACjB,gBAAiB,mDAClB,CAED,uCAAwC,CACtC,gBAAiB,EACjB,iBACE,uEACF,iBAAkB,QAClB,iBAAkB,mDACnB,CAED,yEAA0E,CACxE,MAAO,UACP,eAAgB,OACjB,CAGD,qBAAsB,CACpB,WAAY,wDACZ,SAAU,yDACV,WACE,iEACF,MACE,gFACF,gBAAiB,sDACjB,OAAQ,EACR,QAAS,EACT,OAAQ,OACR,OAAQ,UACR,WAAY,OACZ,OAAQ,CACN,MACE,8FACF,gBACE,4DACH,CACF,CAGD,qBAAsB,CACpB,SAAU,WACV,WAAY,OACZ,iBAAkB,OAClB,OAAQ,EACT,CAED,gCAAiC,CAC/B,QAAS,OACT,cAAe,SACf,OAAQ,OACT,CAED,kEAAmE,CACjE,OAAQ,OACR,UAAW,SACX,gBAAiB,OACjB,eAAgB,OACjB,CAED,qFACE,CACE,QAAS,OACV,CAGH,eAAgB,CACd,gBACE,6EACH,CACF,CACF,CAAC"}
+{"version":3,"file":"calendar-root.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-root.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendarRoot = defineRecipe({\n  className: 'calendar__root',\n  jsx: ['Calendar'],\n  base: {\n    '&.rbc-calendar': {\n      boxSizing: 'border-box',\n      height: '100%',\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'stretch',\n    },\n\n    '& .rbc-m-b-negative-3': {\n      marginBottom: '-0.1875rem', // -3px\n    },\n\n    '& .rbc-h-full': {\n      height: '100%',\n    },\n\n    '& .rbc-calendar *, & .rbc-calendar *:before, & .rbc-calendar *:after': {\n      boxSizing: 'inherit',\n    },\n\n    '& .rbc-abs-full, & .rbc-row-bg': {\n      overflow: 'hidden',\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n    },\n\n    '& .rbc-ellipsis, & .rbc-show-more, & .rbc-row-segment .rbc-event-content, & .rbc-event-label':\n      {\n        display: 'block',\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        whiteSpace: 'nowrap',\n      },\n\n    '& .rbc-rtl': {\n      direction: 'rtl',\n    },\n\n    '& .rbc-off-range': {\n      opacity: 'var(--calendar-off-range-opacity, 0.5)',\n    },\n\n    '& .rbc-off-range-bg': {\n      background:\n        'var(--calendar-off-range-background, {colors.neutral.background.2.enabled})',\n    },\n\n    // Header\n    '& .rbc-header': {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flex: '1 0 0%',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n      paddingInline: 'var(--calendar-header-padding-inline, {spacing.200})',\n      paddingBlock: 'var(--calendar-header-padding-block, {spacing.200})',\n      textAlign: 'center',\n      verticalAlign: 'middle',\n      fontFamily: 'var(--calendar-header-font-family, {fonts.base})',\n      fontWeight: 'var(--calendar-header-font-weight, {fontWeights.semibold})',\n      fontSize: 'var(--calendar-header-font-size, {fontSizes.100})',\n      color:\n        'var(--calendar-header-foreground, {colors.neutral.foreground.2.enabled})',\n      textTransform: 'var(--calendar-header-text-transform, uppercase)',\n      borderBottomColor:\n        'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n      borderBottomStyle: 'solid',\n      borderBottomWidth: 'var(--calendar-cell-border-width, {borders.100})',\n    },\n\n    '& .rbc-header + .rbc-header': {\n      borderLeftColor:\n        'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n      borderLeftStyle: 'solid',\n      borderLeftWidth: 'var(--calendar-cell-border-width, {borders.100})',\n    },\n\n    '& .rbc-rtl .rbc-header + .rbc-header': {\n      borderLeftWidth: 0,\n      borderRightColor:\n        'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n      borderRightStyle: 'solid',\n      borderRightWidth: 'var(--calendar-cell-border-width, {borders.100})',\n    },\n\n    '& .rbc-header > a, & .rbc-header > a:active, & .rbc-header > a:visited': {\n      color: 'inherit',\n      textDecoration: 'none',\n    },\n\n    // Button link\n    '& .rbc-button-link': {\n      fontFamily: 'var(--calendar-button-link-font-family, {fonts.base})',\n      fontSize: 'var(--calendar-button-link-font-size, {fontSizes.200})',\n      fontWeight:\n        'var(--calendar-button-link-font-weight, {fontWeights.regular})',\n      color:\n        'var(--calendar-button-link-foreground, {colors.neutral.foreground.2.enabled})',\n      backgroundColor: 'var(--calendar-button-link-background, transparent)',\n      margin: 0,\n      padding: 0,\n      border: 'none',\n      cursor: 'pointer',\n      userSelect: 'text',\n      _hover: {\n        color:\n          'var(--calendar-button-link-foreground-hover, {colors.neutral.foreground.2.primary.hovered})',\n        backgroundColor:\n          'var(--calendar-button-link-background-hover, transparent)',\n      },\n    },\n\n    // Row content\n    '& .rbc-row-content': {\n      position: 'relative',\n      userSelect: 'none',\n      WebkitUserSelect: 'none',\n      zIndex: 4,\n    },\n\n    '& .rbc-row-content-scrollable': {\n      display: 'flex',\n      flexDirection: 'column',\n      height: '100%',\n    },\n\n    '& .rbc-row-content-scrollable .rbc-row-content-scroll-container': {\n      height: '100%',\n      overflowY: 'scroll',\n      msOverflowStyle: 'none',\n      scrollbarWidth: 'none',\n    },\n\n    '& .rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar':\n      {\n        display: 'none',\n      },\n\n    // Today highlight\n    '& .rbc-today': {\n      backgroundColor:\n        'var(--calendar-today-background, {colors.primary.background.1.enabled/10})',\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,iBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,iBAAkB,CAChB,UAAW,aACX,OAAQ,OACR,QAAS,OACT,cAAe,SACf,WAAY,UACb,CAED,wBAAyB,CACvB,aAAc,aACf,CAED,gBAAiB,CACf,OAAQ,OACT,CAED,uEAAwE,CACtE,UAAW,UACZ,CAED,iCAAkC,CAChC,SAAU,SACV,SAAU,WACV,IAAK,EACL,KAAM,EACN,MAAO,EACP,OAAQ,EACT,CAED,+FACE,CACE,QAAS,QACT,SAAU,SACV,aAAc,WACd,WAAY,SACb,CAEH,aAAc,CACZ,UAAW,MACZ,CAED,mBAAoB,CAClB,QAAS,yCACV,CAED,sBAAuB,CACrB,WACE,8EACH,CAGD,gBAAiB,CACf,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,KAAM,SACN,aAAc,WACd,WAAY,SACZ,cAAe,uDACf,aAAc,sDACd,UAAW,SACX,cAAe,SACf,WAAY,mDACZ,WAAY,6DACZ,SAAU,oDACV,MACE,2EACF,cAAe,mDACf,kBACE,uEACF,kBAAmB,QACnB,kBAAmB,mDACpB,CAED,8BAA+B,CAC7B,gBACE,uEACF,gBAAiB,QACjB,gBAAiB,mDAClB,CAED,uCAAwC,CACtC,gBAAiB,EACjB,iBACE,uEACF,iBAAkB,QAClB,iBAAkB,mDACnB,CAED,yEAA0E,CACxE,MAAO,UACP,eAAgB,OACjB,CAGD,qBAAsB,CACpB,WAAY,wDACZ,SAAU,yDACV,WACE,iEACF,MACE,gFACF,gBAAiB,sDACjB,OAAQ,EACR,QAAS,EACT,OAAQ,OACR,OAAQ,UACR,WAAY,OACZ,OAAQ,CACN,MACE,8FACF,gBACE,4DACH,CACF,CAGD,qBAAsB,CACpB,SAAU,WACV,WAAY,OACZ,iBAAkB,OAClB,OAAQ,EACT,CAED,gCAAiC,CAC/B,QAAS,OACT,cAAe,SACf,OAAQ,OACT,CAED,kEAAmE,CACjE,OAAQ,OACR,UAAW,SACX,gBAAiB,OACjB,eAAgB,OACjB,CAED,qFACE,CACE,QAAS,OACV,CAGH,eAAgB,CACd,gBACE,6EACH,CACF,CACF,CAAC"}

package/dist/recipes/data-display/calendar/calendar-toolbar.mjs

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__toolbar`,jsx:[`Calendar`],base:{"& .rbc-toolbar":{display:`flex`,flexDirection:`column`,flexWrap:`wrap`,justifyContent:`center`,alignItems:`center`,marginBottom:`10px`,fontSize:`16px`,_md:{flexDirection:`row`}},"& .rbc-toolbar-label":{flexGrow:1,color:`var(--calendar-toolbar-label-foreground, {colors.neutral.foreground.1.enabled})`,paddingInline:`var(--calendar-toolbar-label-padding-inline, {spacing.200})`,fontFamily:`var(--calendar-toolbar-label--font-family, {fonts.base})`,fontSize:`var(--calendar-toolbar-label--font-size, {fontSizes.500})`,fontWeight:`var(--calendar-toolbar-label--font-weight, {fontWeights.medium})`,textAlign:`var(--calendar-toolbar-label--text-align, center)`},"& .rbc-btn-group":{display:`inline-flex`,gap:`var(--calendar-button-group-gap, {spacing.100})`,flexDirection:`row`,whiteSpace:`nowrap`},"& .rbc-btn-group button":{display:`inline-block`,margin:0,color:`var(--calendar-button-foreground, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--calendar-button-background, {colors.neutral.background.3.enabled})`,fontFamily:`var(--calendar-button-font-family, {fonts.base})`,fontSize:`var(--calendar-button-font-size, {fontSizes.200})`,fontWeight:`var(--calendar-button-font-weight, {fontWeights.medium})`,textAlign:`var(--calendar-button-text-align, center)`,verticalAlign:`middle`,borderWidth:`var(--calendar-button-border-width, 0)`,borderStyle:`solid`,borderColor:`var(--calendar-button-border-color, transparent)`,paddingBlock:`var(--calendar-button-padding-block, {spacing.150})`,paddingInline:`var(--calendar-button-padding-inline, {spacing.400})`,borderRadius:`var(--calendar-button-border-radius, {radii.100})`,lineHeight:`var(--calendar-button-line-height, 1)`,whiteSpace:`nowrap`,cursor:`pointer`,transition:`var(--calendar-button-transition, {animations.base.100})`,_hover:{color:`var(--calendar-button-foreground-hover, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--calendar-button-background-hover,{colors.neutral.background.2.primary.selected})`,borderColor:`var(--calendar-button-border-color-hover, transparent)`},"&.rbc-active":{color:`var(--calendar-button-foreground-active, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--calendar-button-background-active, {colors.neutral.background.2.primary.selected})`,borderColor:`var(--calendar-button-border-color-active, transparent)`},_focusVisible:{color:`var(--calendar-button-foreground-focus, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--calendar-button-background-focus, {colors.neutral.background.3.enabled})`,borderColor:`var(--calendar-button-border-focus, {colors.neutral.stroke.7.hovered})`,outlineWidth:`var(--calendar-button-focus-outline-width, {borders.100})`,outlineStyle:`var(--calendar-button-focus-outline-style, solid)`,outlineColor:`var(--calendar-button-focus-outline-color, {colors.primary.stroke.1.focused})`,outlineOffset:`var(--calendar-button-focus-outline-offset, 0)`}}}});export{t as calendarToolbar};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__toolbar`,jsx:[`Calendar`],base:{"& .rbc-toolbar":{display:`flex`,flexDirection:`column`,flexWrap:`wrap`,justifyContent:`center`,alignItems:`center`,marginBottom:`10px`,fontSize:`16px`,_md:{flexDirection:`row`}},"& .rbc-toolbar-label":{flexGrow:1,color:`var(--calendar-toolbar-label-foreground, {colors.neutral.foreground.1.enabled})`,paddingInline:`var(--calendar-toolbar-label-padding-inline, {spacing.200})`,fontFamily:`var(--calendar-toolbar-label--font-family, {fonts.base})`,fontSize:`var(--calendar-toolbar-label--font-size, {fontSizes.500})`,fontWeight:`var(--calendar-toolbar-label--font-weight, {fontWeights.medium})`,textAlign:`var(--calendar-toolbar-label--text-align, center)`},"& .rbc-btn-group":{display:`inline-flex`,gap:`var(--calendar-button-group-gap, {spacing.100})`,flexDirection:`row`,whiteSpace:`nowrap`},"& .rbc-btn-group button":{display:`inline-block`,margin:0,color:`var(--calendar-button-foreground, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--calendar-button-background, {colors.neutral.background.3.enabled})`,fontFamily:`var(--calendar-button-font-family, {fonts.base})`,fontSize:`var(--calendar-button-font-size, {fontSizes.200})`,fontWeight:`var(--calendar-button-font-weight, {fontWeights.medium})`,textAlign:`var(--calendar-button-text-align, center)`,verticalAlign:`middle`,borderWidth:`var(--calendar-button-border-width, 0)`,borderStyle:`solid`,borderColor:`var(--calendar-button-border-color, transparent)`,paddingBlock:`var(--calendar-button-padding-block, {spacing.150})`,paddingInline:`var(--calendar-button-padding-inline, {spacing.400})`,borderRadius:`var(--calendar-button-border-radius, {radii.100})`,lineHeight:`var(--calendar-button-line-height, 1)`,whiteSpace:`nowrap`,cursor:`pointer`,transition:`var(--calendar-button-transition, {animations.base.100})`,_hover:{color:`var(--calendar-button-foreground-hover, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--calendar-button-background-hover,{colors.neutral.background.2.primary.selected})`,borderColor:`var(--calendar-button-border-color-hover, transparent)`},"&.rbc-active":{color:`var(--calendar-button-foreground-active, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--calendar-button-background-active, {colors.neutral.background.2.primary.selected})`,borderColor:`var(--calendar-button-border-color-active, transparent)`},_focusVisible:{color:`var(--calendar-button-foreground-focus, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--calendar-button-background-focus, {colors.neutral.background.3.enabled})`,borderColor:`var(--calendar-button-border-focus, {colors.neutral.stroke.7.hovered})`,outlineWidth:`var(--calendar-button-focus-outline-width, {borders.150})`,outlineStyle:`var(--calendar-button-focus-outline-style, solid)`,outlineColor:`var(--calendar-button-focus-outline-color, {colors.primary.stroke.1.focused})`,outlineOffset:`var(--calendar-button-focus-outline-offset, 0)`}}}});export{t as calendarToolbar};
 //# sourceMappingURL=calendar-toolbar.mjs.map

package/dist/recipes/data-display/calendar/calendar-toolbar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"calendar-toolbar.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-toolbar.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendarToolbar = defineRecipe({\n  className: 'calendar__toolbar',\n  jsx: ['Calendar'],\n  base: {\n    // Toolbar container\n    '& .rbc-toolbar': {\n      display: 'flex',\n      flexDirection: 'column',\n      flexWrap: 'wrap',\n      justifyContent: 'center',\n      alignItems: 'center',\n      marginBottom: '10px',\n      fontSize: '16px',\n      _md: {\n        flexDirection: 'row',\n      },\n    },\n\n    '& .rbc-toolbar-label': {\n      flexGrow: 1,\n      color:\n        'var(--calendar-toolbar-label-foreground, {colors.neutral.foreground.1.enabled})',\n      paddingInline:\n        'var(--calendar-toolbar-label-padding-inline, {spacing.200})',\n      fontFamily: 'var(--calendar-toolbar-label--font-family, {fonts.base})',\n      fontSize: 'var(--calendar-toolbar-label--font-size, {fontSizes.500})',\n      fontWeight:\n        'var(--calendar-toolbar-label--font-weight, {fontWeights.medium})',\n      textAlign: 'var(--calendar-toolbar-label--text-align, center)',\n    },\n\n    // Button group\n    '& .rbc-btn-group': {\n      display: 'inline-flex',\n      gap: 'var(--calendar-button-group-gap, {spacing.100})',\n      flexDirection: 'row',\n      whiteSpace: 'nowrap',\n    },\n    '& .rbc-btn-group button': {\n      display: 'inline-block',\n      margin: 0,\n      color:\n        'var(--calendar-button-foreground, {colors.neutral.foreground.1.enabled})',\n      backgroundColor:\n        'var(--calendar-button-background, {colors.neutral.background.3.enabled})',\n      fontFamily: 'var(--calendar-button-font-family, {fonts.base})',\n      fontSize: 'var(--calendar-button-font-size, {fontSizes.200})',\n      fontWeight: 'var(--calendar-button-font-weight, {fontWeights.medium})',\n      textAlign: 'var(--calendar-button-text-align, center)',\n      verticalAlign: 'middle',\n      borderWidth: 'var(--calendar-button-border-width, 0)',\n      borderStyle: 'solid',\n      borderColor: 'var(--calendar-button-border-color, transparent)',\n      paddingBlock: 'var(--calendar-button-padding-block, {spacing.150})',\n      paddingInline: 'var(--calendar-button-padding-inline, {spacing.400})',\n      borderRadius: 'var(--calendar-button-border-radius, {radii.100})',\n      lineHeight: 'var(--calendar-button-line-height, 1)',\n      whiteSpace: 'nowrap',\n      cursor: 'pointer',\n      transition: 'var(--calendar-button-transition, {animations.base.100})',\n      _hover: {\n        color:\n          'var(--calendar-button-foreground-hover, {colors.neutral.foreground.1.enabled})',\n        backgroundColor:\n          'var(--calendar-button-background-hover,{colors.neutral.background.2.primary.selected})',\n        borderColor: 'var(--calendar-button-border-color-hover, transparent)',\n      },\n      '&.rbc-active': {\n        color:\n          'var(--calendar-button-foreground-active, {colors.neutral.foreground.1.enabled})',\n        backgroundColor:\n          'var(--calendar-button-background-active, {colors.neutral.background.2.primary.selected})',\n        borderColor: 'var(--calendar-button-border-color-active, transparent)',\n      },\n      _focusVisible: {\n        color:\n          'var(--calendar-button-foreground-focus, {colors.neutral.foreground.1.enabled})',\n        backgroundColor:\n          'var(--calendar-button-background-focus, {colors.neutral.background.3.enabled})',\n        borderColor:\n          'var(--calendar-button-border-focus, {colors.neutral.stroke.7.hovered})',\n        outlineWidth:\n          'var(--calendar-button-focus-outline-width, {borders.100})',\n        outlineStyle: 'var(--calendar-button-focus-outline-style, solid)',\n        outlineColor:\n          'var(--calendar-button-focus-outline-color, {colors.primary.stroke.1.focused})',\n        outlineOffset: 'var(--calendar-button-focus-outline-offset, 0)',\n      },\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAkB,EAAa,CAC1C,UAAW,oBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,iBAAkB,CAChB,QAAS,OACT,cAAe,SACf,SAAU,OACV,eAAgB,SAChB,WAAY,SACZ,aAAc,OACd,SAAU,OACV,IAAK,CACH,cAAe,MAChB,CACF,CAED,uBAAwB,CACtB,SAAU,EACV,MACE,kFACF,cACE,8DACF,WAAY,2DACZ,SAAU,4DACV,WACE,mEACF,UAAW,oDACZ,CAGD,mBAAoB,CAClB,QAAS,cACT,IAAK,kDACL,cAAe,MACf,WAAY,SACb,CACD,0BAA2B,CACzB,QAAS,eACT,OAAQ,EACR,MACE,2EACF,gBACE,2EACF,WAAY,mDACZ,SAAU,oDACV,WAAY,2DACZ,UAAW,4CACX,cAAe,SACf,YAAa,yCACb,YAAa,QACb,YAAa,mDACb,aAAc,sDACd,cAAe,uDACf,aAAc,oDACd,WAAY,wCACZ,WAAY,SACZ,OAAQ,UACR,WAAY,2DACZ,OAAQ,CACN,MACE,iFACF,gBACE,yFACF,YAAa,yDACd,CACD,eAAgB,CACd,MACE,kFACF,gBACE,2FACF,YAAa,0DACd,CACD,cAAe,CACb,MACE,iFACF,gBACE,iFACF,YACE,yEACF,aACE,4DACF,aAAc,oDACd,aACE,gFACF,cAAe,iDAChB,CACF,CACF,CACF,CAAC"}
+{"version":3,"file":"calendar-toolbar.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-toolbar.ts"],"sourcesContent":["import {\n  defineRecipe,\n  type RecipeBuilder,\n  type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendarToolbar = defineRecipe({\n  className: 'calendar__toolbar',\n  jsx: ['Calendar'],\n  base: {\n    // Toolbar container\n    '& .rbc-toolbar': {\n      display: 'flex',\n      flexDirection: 'column',\n      flexWrap: 'wrap',\n      justifyContent: 'center',\n      alignItems: 'center',\n      marginBottom: '10px',\n      fontSize: '16px',\n      _md: {\n        flexDirection: 'row',\n      },\n    },\n\n    '& .rbc-toolbar-label': {\n      flexGrow: 1,\n      color:\n        'var(--calendar-toolbar-label-foreground, {colors.neutral.foreground.1.enabled})',\n      paddingInline:\n        'var(--calendar-toolbar-label-padding-inline, {spacing.200})',\n      fontFamily: 'var(--calendar-toolbar-label--font-family, {fonts.base})',\n      fontSize: 'var(--calendar-toolbar-label--font-size, {fontSizes.500})',\n      fontWeight:\n        'var(--calendar-toolbar-label--font-weight, {fontWeights.medium})',\n      textAlign: 'var(--calendar-toolbar-label--text-align, center)',\n    },\n\n    // Button group\n    '& .rbc-btn-group': {\n      display: 'inline-flex',\n      gap: 'var(--calendar-button-group-gap, {spacing.100})',\n      flexDirection: 'row',\n      whiteSpace: 'nowrap',\n    },\n    '& .rbc-btn-group button': {\n      display: 'inline-block',\n      margin: 0,\n      color:\n        'var(--calendar-button-foreground, {colors.neutral.foreground.1.enabled})',\n      backgroundColor:\n        'var(--calendar-button-background, {colors.neutral.background.3.enabled})',\n      fontFamily: 'var(--calendar-button-font-family, {fonts.base})',\n      fontSize: 'var(--calendar-button-font-size, {fontSizes.200})',\n      fontWeight: 'var(--calendar-button-font-weight, {fontWeights.medium})',\n      textAlign: 'var(--calendar-button-text-align, center)',\n      verticalAlign: 'middle',\n      borderWidth: 'var(--calendar-button-border-width, 0)',\n      borderStyle: 'solid',\n      borderColor: 'var(--calendar-button-border-color, transparent)',\n      paddingBlock: 'var(--calendar-button-padding-block, {spacing.150})',\n      paddingInline: 'var(--calendar-button-padding-inline, {spacing.400})',\n      borderRadius: 'var(--calendar-button-border-radius, {radii.100})',\n      lineHeight: 'var(--calendar-button-line-height, 1)',\n      whiteSpace: 'nowrap',\n      cursor: 'pointer',\n      transition: 'var(--calendar-button-transition, {animations.base.100})',\n      _hover: {\n        color:\n          'var(--calendar-button-foreground-hover, {colors.neutral.foreground.1.enabled})',\n        backgroundColor:\n          'var(--calendar-button-background-hover,{colors.neutral.background.2.primary.selected})',\n        borderColor: 'var(--calendar-button-border-color-hover, transparent)',\n      },\n      '&.rbc-active': {\n        color:\n          'var(--calendar-button-foreground-active, {colors.neutral.foreground.1.enabled})',\n        backgroundColor:\n          'var(--calendar-button-background-active, {colors.neutral.background.2.primary.selected})',\n        borderColor: 'var(--calendar-button-border-color-active, transparent)',\n      },\n      _focusVisible: {\n        color:\n          'var(--calendar-button-foreground-focus, {colors.neutral.foreground.1.enabled})',\n        backgroundColor:\n          'var(--calendar-button-background-focus, {colors.neutral.background.3.enabled})',\n        borderColor:\n          'var(--calendar-button-border-focus, {colors.neutral.stroke.7.hovered})',\n        outlineWidth:\n          'var(--calendar-button-focus-outline-width, {borders.150})',\n        outlineStyle: 'var(--calendar-button-focus-outline-style, solid)',\n        outlineColor:\n          'var(--calendar-button-focus-outline-color, {colors.primary.stroke.1.focused})',\n        outlineOffset: 'var(--calendar-button-focus-outline-offset, 0)',\n      },\n    },\n  },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAkB,EAAa,CAC1C,UAAW,oBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,iBAAkB,CAChB,QAAS,OACT,cAAe,SACf,SAAU,OACV,eAAgB,SAChB,WAAY,SACZ,aAAc,OACd,SAAU,OACV,IAAK,CACH,cAAe,MAChB,CACF,CAED,uBAAwB,CACtB,SAAU,EACV,MACE,kFACF,cACE,8DACF,WAAY,2DACZ,SAAU,4DACV,WACE,mEACF,UAAW,oDACZ,CAGD,mBAAoB,CAClB,QAAS,cACT,IAAK,kDACL,cAAe,MACf,WAAY,SACb,CACD,0BAA2B,CACzB,QAAS,eACT,OAAQ,EACR,MACE,2EACF,gBACE,2EACF,WAAY,mDACZ,SAAU,oDACV,WAAY,2DACZ,UAAW,4CACX,cAAe,SACf,YAAa,yCACb,YAAa,QACb,YAAa,mDACb,aAAc,sDACd,cAAe,uDACf,aAAc,oDACd,WAAY,wCACZ,WAAY,SACZ,OAAQ,UACR,WAAY,2DACZ,OAAQ,CACN,MACE,iFACF,gBACE,yFACF,YAAa,yDACd,CACD,eAAgB,CACd,MACE,kFACF,gBACE,2FACF,YAAa,0DACd,CACD,cAAe,CACb,MACE,iFACF,gBACE,iFACF,YACE,yEACF,aACE,4DACF,aAAc,oDACd,aACE,gFACF,cAAe,iDAChB,CACF,CACF,CACF,CAAC"}

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

@@ -1,2 +1,2 @@
-import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar`,jsx:[`Calendar`],base:{"--calendar-off-range-opacity":`0.5`,"--calendar-off-range-background":`transparent`,"--calendar-header-padding-inline":`{spacing.200}`,"--calendar-header-padding-block":`{spacing.200}`,"--calendar-header-font-family":`{fonts.base}`,"--calendar-header-font-weight":`{fontWeights.semibold}`,"--calendar-header-font-size":`{fontSizes.100}`,"--calendar-header-foreground":`{colors.neutral.foreground.2.enabled}`,"--calendar-header-text-transform":`uppercase`,"--calendar-button-link-font-family":`{fonts.base}`,"--calendar-button-link-font-size":`{fontSizes.200}`,"--calendar-button-link-foreground":`{colors.neutral.foreground.2.enabled}`,"--calendar-button-link-background":`transparent`,"--calendar-button-link-foreground-hover":`{colors.neutral.foreground.2.primary.hovered}`,"--calendar-button-link-background-hover":`transparent`,"--calendar-today-background":`{colors.primary.background.1.enabled/10}`,"--calendar-cell-border-width":`{borders.100}`,"--calendar-border-width":`{borders.100}`,"--calendar-cell-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-toolbar-label-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-toolbar-label-padding-inline":`{spacing.200}`,"--calendar-toolbar-label--font-family":`{fonts.base}`,"--calendar-toolbar-label--font-size":`{fontSizes.500}`,"--calendar-toolbar-label--font-weight":`{fontWeights.medium}`,"--calendar-toolbar-label--text-align":`center`,"--calendar-button-group-gap":`{spacing.100}`,"--calendar-button-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-button-background":`{colors.neutral.background.3.enabled}`,"--calendar-button-font-family":`{fonts.base}`,"--calendar-button-font-size":`{fontSizes.200}`,"--calendar-button-font-weight":`{fontWeights.medium}`,"--calendar-button-text-align":`center`,"--calendar-button-border-width":`0`,"--calendar-button-border-color":`{colors.neutral.stroke.1.enabled}`,"--calendar-button-border-radius":`{radii.100}`,"--calendar-button-padding-block":`{spacing.150}`,"--calendar-button-padding-inline":`{spacing.400}`,"--calendar-button-line-height":`1rem`,"--calendar-button-transition":`{animations.base.100}`,"--calendar-button-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--calendar-button-background-hover":`{colors.neutral.background.2.hovered}`,"--calendar-button-border-color-hover":`{colors.neutral.stroke.1.hovered}`,"--calendar-button-foreground-active":`{colors.neutral.foreground.1.enabled}`,"--calendar-button-background-active":`{colors.neutral.background.2.primary.selected}`,"--calendar-button-border-color-active":`{colors.neutral.stroke.1.enabled}`,"--calendar-button-foreground-focus":`{colors.neutral.foreground.1.enabled}`,"--calendar-button-background-focus":`{colors.neutral.background.3.enabled}`,"--calendar-button-border-focus":`{colors.neutral.stroke.7.hovered}`,"--calendar-button-focus-outline-width":`{borders.100}`,"--calendar-button-focus-outline-style":`solid`,"--calendar-button-focus-outline-color":`{colors.neutral.stroke.7.hovered}`,"--calendar-button-focus-outline-offset":`0`,"--calendar-month-selected-cell-background":`rgba(0, 0, 0, 0.1)`,"--calendar-month-show-more-background":`transparent`,"--calendar-month-show-more-z-index":`4`,"--calendar-month-show-more-font-weight":`{fontWeights.bold}`,"--calendar-month-show-more-font-size":`{fontSizes.100}`,"--calendar-month-show-more-foreground":`{colors.primary.foreground.1.enabled}`,"--calendar-month-show-more-foreground-hover":`{colors.primary.foreground.1.hovered}`,"--calendar-month-date-cell-font-family":`{fonts.base}`,"--calendar-month-date-cell-font-size":`{fontSizes.200}`,"--calendar-month-date-cell-font-weight":`{fontWeights.regular}`,"--calendar-month-date-cell-now-font-weight":`{fontWeights.bold}`,"--calendar-agenda-table-cell-padding-block":`{spacing.150}`,"--calendar-agenda-table-cell-padding-inline":`{spacing.200}`,"--calendar-agenda-time-cell-padding-left":`{spacing.400}`,"--calendar-agenda-time-cell-padding-right":`{spacing.400}`,"--calendar-agenda-table-header-padding-block":`0.1875rem`,"--calendar-agenda-table-header-padding-inline":`0.3125rem`,"--calendar-agenda-table-header-font-family":`{fonts.base}`,"--calendar-agenda-table-header-font-size":`{fontSizes.100}`,"--calendar-agenda-table-header-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-time-cell-font-family":`{fonts.base}`,"--calendar-agenda-time-cell-font-size":`{fontSizes.200}`,"--calendar-agenda-time-cell-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-time-cell-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-agenda-time-cell-text-transform":`capitalize`,"--calendar-agenda-time-cell-continues-after-content":` " »"`,"--calendar-agenda-time-cell-continues-prior-content":` "« "`,"--calendar-agenda-date-cell-font-family":`{fonts.base}`,"--calendar-agenda-date-cell-font-size":`{fontSizes.200}`,"--calendar-agenda-date-cell-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-date-cell-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-agenda-event-cell-font-family":`{fonts.base}`,"--calendar-agenda-event-cell-font-size":`{fontSizes.200}`,"--calendar-agenda-event-cell-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-event-cell-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-time-grid-slot-selection-background":`{colors.neutral.background.alpha.1.enabled}`,"--calendar-time-grid-slot-selection-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-time-grid-slot-selection-font-size":`{fontSizes.100}`,"--calendar-time-grid-slot-selection-padding-block":`0.1875rem`,"--calendar-time-grid-slot-selection-padding-inline":`0.1875rem`,"--calendar-time-grid-view-border-radius":`{radii.100}`,"--calendar-time-grid-view-font-family":`{fonts.base}`,"--calendar-time-grid-view-font-size":`{fontSizes.100}`,"--calendar-time-grid-view-font-weight":`{fontWeights.medium}`,"--calendar-time-grid-row-min-height":`1.25rem`,"--calendar-time-grid-current-time-indicator-height":`0.125rem`,"--calendar-time-grid-current-time-indicator-background":`{colors.primary.background.1.enabled}`,"--calendar-time-grid-timeslot-group-min-height":`2.5rem`,"--calendar-time-grid-label-padding-block":`0`,"--calendar-time-grid-label-padding-inline":`0.3125rem`,"--calendar-time-slot-label-foreground":`{colors.neutral.foreground.2.enabled}`,"--calendar-time-slot-label-font-family":`{fonts.base}`,"--calendar-time-slot-label-font-size":`{fontSizes.100}`,"--calendar-time-slot-label-font-weight":`{fontWeights.medium}`,"--calendar-time-grid-events-container-margin-right":`0.625rem`,"--calendar-time-grid-events-container-position-left":`0.625rem`,"--calendar-time-grid-day-slot-event-min-height":`1.25rem`,"--calendar-time-grid-background-event-opacity":`0.5`,"--calendar-time-slot-border-top-width":`0`,"--calendar-time-slot-border-top-color":`transparent`,"--calendar-time-grid-resources-gutter-background":`{colors.neutral.background.1.enabled}`,"--calendar-time-grid-resources-day-slot-min-width":`8.75rem`,"--calendar-time-grid-resources-column-width":`8.75rem`,"--calendar-time-grid-resource-grouping-header-width":`8.8125rem`,"--calendar-time-grid-time-slot-now-font-weight":`{fontWeights.bold}`,"--calendar-time-grid-day-header-font-family":`{fonts.base}`,"--calendar-time-grid-day-header-font-size":`{fontSizes.100}`,"--calendar-time-grid-day-header-font-weight":`{fontWeights.semibold}`,":root:has(&)":{"--calendar-month-overlay-border-width":`{borders.100}`,"--calendar-month-overlay-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-month-overlay-background":`{colors.neutral.background.2.enabled}`,"--calendar-month-overlay-padding":`{spacing.200}`,"--calendar-month-overlay-header-border-width":`{borders.100}`,"--calendar-month-overlay-header-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-month-overlay-header-border-radius":`{radii.200}`,"--calendar-month-overlay-header-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-month-overlay-header-font-weight":`{fontWeights.medium}`,"--calendar-month-overlay-header-font-size":`{fontSizes.300}`,"--calendar-month-overlay-header-font-family":`{fonts.base}`,"--calendar-month-overlay-gap":`{spacing.100}`,"--calendar-month-overlay-header-margin-bottom":`{spacing.150}`,"--calendar-month-overlay-max-width":`18.75rem`,"--calendar-month-overlay-box-shadow":`0px 4px 7px rgba(3, 7, 18, 0.15), 0px 15px 28px rgba(3, 7, 18, 0.31), 0px 33px 64px rgba(3, 7, 18, 0.46)`,"--calendar-month-overlay-child-gap":`9.375rem`,"--calendar-event-padding-block":`{spacing.100}`,"--calendar-event-padding-inline":`{spacing.200}`,"--calendar-event-background":`{colors.primary.background.1.enabled}`,"--calendar-event-border-width":`{borders.100}`,"--calendar-event-border-color":`{colors.primary.background.1.enabled}/50`,"--calendar-event-border-radius":`{radii.200}`,"--calendar-event-foreground":`{colors.primary.foreground.onPrimary.2.enabled}`,"--calendar-event-foreground-strong":`{colors.primary.foreground.onPrimary.2.enabled}`,"--calendar-event-font-family":`{fonts.base}`,"--calendar-event-font-weight":`{fontWeights.medium}`,"--calendar-event-font-weight-strong":`{fontWeights.bold}`,"--calendar-event-font-size":`{fontSizes.100}`,"--calendar-event-line-height":`1.2`,"--calendar-event-background-selected":`{colors.primary.background.1.selected}`,"--calendar-event-focus-outline-width":`{borders.100}`,"--calendar-event-focus-outline-style":`solid`,"--calendar-event-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--calendar-event-focus-outline-offset":`0`,"--calendar-event-transition":`{animations.base.100}`,"--calendar-event-overlaps-box-shadow":`-1px 1px 5px 0px rgba(51, 51, 51, 0.5)`,"--calendar-event-meet-background":`{colors.primary.background.1.enabled}`,"--calendar-event-meet-foreground":`{colors.primary.foreground.onPrimary.2.enabled}`,"--calendar-event-meet-foreground-strong":`{colors.primary.foreground.onPrimary.2.enabled}`,"--calendar-event-meet-border-color":`{colors.primary.foreground.onPrimary.2.enabled/30}`,"--calendar-event-meet-background-selected":`{colors.primary.background.1.selected}`,"--calendar-event-meet-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--calendar-event-task-background":`{colors.success.background.1.enabled}`,"--calendar-event-task-foreground":`{colors.success.foreground.onSuccess.2.enabled}`,"--calendar-event-task-foreground-strong":`{colors.success.foreground.onSuccess.2.enabled}`,"--calendar-event-task-border-color":`{colors.success.foreground.onSuccess.2.enabled/30}`,"--calendar-event-task-background-selected":`{colors.success.background.1.selected}`,"--calendar-event-task-focus-outline-color":`{colors.success.stroke.1.focused}`},"--calendar-agenda-empty-padding-block":`{spacing.750}`,"--calendar-agenda-empty-padding-inline":`{spacing.750}`,"--calendar-agenda-empty-font-family":`{fonts.base}`,"--calendar-agenda-empty-font-size":`{fontSizes.400}`,"--calendar-agenda-empty-font-weight":`{fontWeights.regular}`,"--calendar-agenda-empty-foreground":`{colors.neutral.foreground.2.enabled}`}});export{t as calendar};
+import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar`,jsx:[`Calendar`],base:{"--calendar-off-range-opacity":`0.5`,"--calendar-off-range-background":`{colors.neutral.background.2.enabled}`,"--calendar-header-padding-inline":`{spacing.200}`,"--calendar-header-padding-block":`{spacing.200}`,"--calendar-header-font-family":`{fonts.base}`,"--calendar-header-font-weight":`{fontWeights.semibold}`,"--calendar-header-font-size":`{fontSizes.100}`,"--calendar-header-foreground":`{colors.neutral.foreground.2.enabled}`,"--calendar-header-text-transform":`uppercase`,"--calendar-button-link-font-family":`{fonts.base}`,"--calendar-button-link-font-size":`{fontSizes.200}`,"--calendar-button-link-foreground":`{colors.neutral.foreground.2.enabled}`,"--calendar-button-link-background":`transparent`,"--calendar-button-link-foreground-hover":`{colors.neutral.foreground.2.primary.hovered}`,"--calendar-button-link-background-hover":`transparent`,"--calendar-today-background":`{colors.primary.background.1.enabled/10}`,"--calendar-cell-border-width":`{borders.100}`,"--calendar-border-width":`{borders.100}`,"--calendar-cell-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-toolbar-label-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-toolbar-label-padding-inline":`{spacing.200}`,"--calendar-toolbar-label--font-family":`{fonts.base}`,"--calendar-toolbar-label--font-size":`{fontSizes.500}`,"--calendar-toolbar-label--font-weight":`{fontWeights.medium}`,"--calendar-toolbar-label--text-align":`center`,"--calendar-button-group-gap":`{spacing.100}`,"--calendar-button-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-button-background":`{colors.neutral.background.3.enabled}`,"--calendar-button-font-family":`{fonts.base}`,"--calendar-button-font-size":`{fontSizes.200}`,"--calendar-button-font-weight":`{fontWeights.medium}`,"--calendar-button-text-align":`center`,"--calendar-button-border-width":`0`,"--calendar-button-border-color":`{colors.neutral.stroke.1.enabled}`,"--calendar-button-border-radius":`{radii.100}`,"--calendar-button-padding-block":`{spacing.150}`,"--calendar-button-padding-inline":`{spacing.400}`,"--calendar-button-line-height":`1rem`,"--calendar-button-transition":`{animations.base.100}`,"--calendar-button-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--calendar-button-background-hover":`{colors.neutral.background.2.hovered}`,"--calendar-button-border-color-hover":`{colors.neutral.stroke.1.hovered}`,"--calendar-button-foreground-active":`{colors.neutral.foreground.1.enabled}`,"--calendar-button-background-active":`{colors.neutral.background.2.primary.selected}`,"--calendar-button-border-color-active":`{colors.neutral.stroke.1.enabled}`,"--calendar-button-foreground-focus":`{colors.neutral.foreground.1.enabled}`,"--calendar-button-background-focus":`{colors.neutral.background.3.enabled}`,"--calendar-button-border-focus":`{colors.neutral.stroke.7.hovered}`,"--calendar-button-focus-outline-width":`{borders.100}`,"--calendar-button-focus-outline-style":`solid`,"--calendar-button-focus-outline-color":`{colors.neutral.stroke.7.hovered}`,"--calendar-button-focus-outline-offset":`0`,"--calendar-month-selected-cell-background":`rgba(0, 0, 0, 0.1)`,"--calendar-month-show-more-background":`transparent`,"--calendar-month-show-more-z-index":`4`,"--calendar-month-show-more-font-weight":`{fontWeights.bold}`,"--calendar-month-show-more-font-size":`{fontSizes.100}`,"--calendar-month-show-more-foreground":`{colors.primary.foreground.1.enabled}`,"--calendar-month-show-more-foreground-hover":`{colors.primary.foreground.1.hovered}`,"--calendar-month-date-cell-font-family":`{fonts.base}`,"--calendar-month-date-cell-font-size":`{fontSizes.200}`,"--calendar-month-date-cell-font-weight":`{fontWeights.regular}`,"--calendar-month-date-cell-now-font-weight":`{fontWeights.bold}`,"--calendar-agenda-table-cell-padding-block":`{spacing.150}`,"--calendar-agenda-table-cell-padding-inline":`{spacing.200}`,"--calendar-agenda-time-cell-padding-left":`{spacing.400}`,"--calendar-agenda-time-cell-padding-right":`{spacing.400}`,"--calendar-agenda-table-header-padding-block":`0.1875rem`,"--calendar-agenda-table-header-padding-inline":`0.3125rem`,"--calendar-agenda-table-header-font-family":`{fonts.base}`,"--calendar-agenda-table-header-font-size":`{fontSizes.100}`,"--calendar-agenda-table-header-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-time-cell-font-family":`{fonts.base}`,"--calendar-agenda-time-cell-font-size":`{fontSizes.200}`,"--calendar-agenda-time-cell-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-time-cell-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-agenda-time-cell-text-transform":`capitalize`,"--calendar-agenda-time-cell-continues-after-content":` " »"`,"--calendar-agenda-time-cell-continues-prior-content":` "« "`,"--calendar-agenda-date-cell-font-family":`{fonts.base}`,"--calendar-agenda-date-cell-font-size":`{fontSizes.200}`,"--calendar-agenda-date-cell-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-date-cell-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-agenda-event-cell-font-family":`{fonts.base}`,"--calendar-agenda-event-cell-font-size":`{fontSizes.200}`,"--calendar-agenda-event-cell-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-event-cell-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-time-grid-slot-selection-background":`{colors.neutral.background.alpha.1.enabled}`,"--calendar-time-grid-slot-selection-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-time-grid-slot-selection-font-size":`{fontSizes.100}`,"--calendar-time-grid-slot-selection-padding-block":`0.1875rem`,"--calendar-time-grid-slot-selection-padding-inline":`0.1875rem`,"--calendar-time-grid-view-border-radius":`{radii.100}`,"--calendar-time-grid-view-font-family":`{fonts.base}`,"--calendar-time-grid-view-font-size":`{fontSizes.100}`,"--calendar-time-grid-view-font-weight":`{fontWeights.medium}`,"--calendar-time-grid-row-min-height":`1.25rem`,"--calendar-time-grid-current-time-indicator-height":`0.125rem`,"--calendar-time-grid-current-time-indicator-background":`{colors.primary.background.1.enabled}`,"--calendar-time-grid-timeslot-group-min-height":`2.5rem`,"--calendar-time-grid-label-padding-block":`0`,"--calendar-time-grid-label-padding-inline":`0.3125rem`,"--calendar-time-slot-label-foreground":`{colors.neutral.foreground.2.enabled}`,"--calendar-time-slot-label-font-family":`{fonts.base}`,"--calendar-time-slot-label-font-size":`{fontSizes.100}`,"--calendar-time-slot-label-font-weight":`{fontWeights.medium}`,"--calendar-time-grid-events-container-margin-right":`0.625rem`,"--calendar-time-grid-events-container-position-left":`0.625rem`,"--calendar-time-grid-day-slot-event-min-height":`1.25rem`,"--calendar-time-grid-background-event-opacity":`0.5`,"--calendar-time-slot-border-top-width":`0`,"--calendar-time-slot-border-top-color":`transparent`,"--calendar-time-grid-resources-gutter-background":`{colors.neutral.background.1.enabled}`,"--calendar-time-grid-resources-day-slot-min-width":`8.75rem`,"--calendar-time-grid-resources-column-width":`8.75rem`,"--calendar-time-grid-resource-grouping-header-width":`8.8125rem`,"--calendar-time-grid-time-slot-now-font-weight":`{fontWeights.bold}`,"--calendar-time-grid-day-header-font-family":`{fonts.base}`,"--calendar-time-grid-day-header-font-size":`{fontSizes.100}`,"--calendar-time-grid-day-header-font-weight":`{fontWeights.semibold}`,":root:has(&)":{"--calendar-month-overlay-border-width":`{borders.100}`,"--calendar-month-overlay-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-month-overlay-background":`{colors.neutral.background.2.enabled}`,"--calendar-month-overlay-padding":`{spacing.200}`,"--calendar-month-overlay-header-border-width":`{borders.100}`,"--calendar-month-overlay-header-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-month-overlay-header-border-radius":`{radii.200}`,"--calendar-month-overlay-header-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-month-overlay-header-font-weight":`{fontWeights.medium}`,"--calendar-month-overlay-header-font-size":`{fontSizes.300}`,"--calendar-month-overlay-header-font-family":`{fonts.base}`,"--calendar-month-overlay-gap":`{spacing.100}`,"--calendar-month-overlay-header-margin-bottom":`{spacing.150}`,"--calendar-month-overlay-max-width":`18.75rem`,"--calendar-month-overlay-box-shadow":`0px 4px 7px rgba(3, 7, 18, 0.15), 0px 15px 28px rgba(3, 7, 18, 0.31), 0px 33px 64px rgba(3, 7, 18, 0.46)`,"--calendar-month-overlay-child-gap":`{spacing.0}`,"--calendar-event-padding-block":`{spacing.100}`,"--calendar-event-padding-inline":`{spacing.200}`,"--calendar-event-background":`{colors.primary.background.1.enabled}`,"--calendar-event-border-width":`{borders.100}`,"--calendar-event-border-color":`{colors.primary.background.1.enabled}/50`,"--calendar-event-border-radius":`{radii.200}`,"--calendar-event-foreground":`{colors.primary.foreground.onPrimary.2.enabled}`,"--calendar-event-foreground-strong":`{colors.primary.foreground.onPrimary.2.enabled}`,"--calendar-event-font-family":`{fonts.base}`,"--calendar-event-font-weight":`{fontWeights.medium}`,"--calendar-event-font-weight-strong":`{fontWeights.bold}`,"--calendar-event-font-size":`{fontSizes.100}`,"--calendar-event-line-height":`1.2`,"--calendar-event-background-selected":`{colors.primary.background.1.selected}`,"--calendar-event-focus-outline-width":`{borders.100}`,"--calendar-event-focus-outline-style":`solid`,"--calendar-event-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--calendar-event-focus-outline-offset":`0`,"--calendar-event-transition":`{animations.base.100}`,"--calendar-event-overlaps-box-shadow":`-1px 1px 5px 0px rgba(51, 51, 51, 0.5)`,"--calendar-event-meet-background":`{colors.primary.background.1.enabled}`,"--calendar-event-meet-foreground":`{colors.primary.foreground.onPrimary.2.enabled}`,"--calendar-event-meet-foreground-strong":`{colors.primary.foreground.onPrimary.2.enabled}`,"--calendar-event-meet-border-color":`{colors.primary.foreground.onPrimary.2.enabled/30}`,"--calendar-event-meet-background-selected":`{colors.primary.background.1.selected}`,"--calendar-event-meet-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--calendar-event-task-background":`{colors.success.background.1.enabled}`,"--calendar-event-task-foreground":`{colors.success.foreground.onSuccess.2.enabled}`,"--calendar-event-task-foreground-strong":`{colors.success.foreground.onSuccess.2.enabled}`,"--calendar-event-task-border-color":`{colors.success.foreground.onSuccess.2.enabled/30}`,"--calendar-event-task-background-selected":`{colors.success.background.1.selected}`,"--calendar-event-task-focus-outline-color":`{colors.success.stroke.1.focused}`},"--calendar-agenda-empty-padding-block":`{spacing.750}`,"--calendar-agenda-empty-padding-inline":`{spacing.750}`,"--calendar-agenda-empty-font-family":`{fonts.base}`,"--calendar-agenda-empty-font-size":`{fontSizes.400}`,"--calendar-agenda-empty-font-weight":`{fontWeights.regular}`,"--calendar-agenda-empty-foreground":`{colors.neutral.foreground.2.enabled}`}});export{t as calendar};
 //# sourceMappingURL=calendar.mjs.map