@mage-ui/preset 1.0.73 → 1.0.75

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (107) hide show
  1. package/dist/recipes/controls/date-picker/date-picker.mjs +1 -1
  2. package/dist/recipes/controls/date-picker/date-picker.mjs.map +1 -1
  3. package/dist/recipes/controls/dropdown/autocomplete/autocomplete-text-input.mjs +1 -1
  4. package/dist/recipes/controls/dropdown/autocomplete/autocomplete-text-input.mjs.map +1 -1
  5. package/dist/recipes/controls/dropdown/combobox/combobox-text-input.mjs +1 -1
  6. package/dist/recipes/controls/dropdown/combobox/combobox-text-input.mjs.map +1 -1
  7. package/dist/recipes/controls/dropdown/dropdown-text-input.mjs +1 -1
  8. package/dist/recipes/controls/dropdown/dropdown-text-input.mjs.map +1 -1
  9. package/dist/recipes/controls/dropdown/select/select-search-input.mjs +1 -1
  10. package/dist/recipes/controls/dropdown/select/select-search-input.mjs.map +1 -1
  11. package/dist/recipes/controls/dropdown/select/select-text-input.mjs +1 -1
  12. package/dist/recipes/controls/dropdown/select/select-text-input.mjs.map +1 -1
  13. package/dist/recipes/controls/file-input/file-input.mjs +1 -1
  14. package/dist/recipes/controls/file-input/file-input.mjs.map +1 -1
  15. package/dist/recipes/controls/password-input/password-input.mjs +1 -1
  16. package/dist/recipes/controls/password-input/password-input.mjs.map +1 -1
  17. package/dist/recipes/controls/password-strength-input/password-strength-input.mjs +1 -1
  18. package/dist/recipes/controls/password-strength-input/password-strength-input.mjs.map +1 -1
  19. package/dist/recipes/controls/text-input/text-input-input.mjs +1 -1
  20. package/dist/recipes/controls/text-input/text-input-input.mjs.map +1 -1
  21. package/dist/recipes/controls/text-input/text-input-root.mjs +1 -1
  22. package/dist/recipes/controls/text-input/text-input-root.mjs.map +1 -1
  23. package/dist/recipes/controls/text-input/text-input-wrapper.mjs +1 -1
  24. package/dist/recipes/controls/text-input/text-input-wrapper.mjs.map +1 -1
  25. package/dist/recipes/controls/text-input/text-input.mjs +1 -1
  26. package/dist/recipes/controls/text-input/text-input.mjs.map +1 -1
  27. package/dist/recipes/controls/textarea/textarea.mjs +1 -1
  28. package/dist/recipes/controls/textarea/textarea.mjs.map +1 -1
  29. package/dist/recipes/data-display/calendar/calendar-agenda.mjs +1 -1
  30. package/dist/recipes/data-display/calendar/calendar-agenda.mjs.map +1 -1
  31. package/dist/recipes/data-display/calendar/calendar-event.mjs +1 -1
  32. package/dist/recipes/data-display/calendar/calendar-event.mjs.map +1 -1
  33. package/dist/recipes/data-display/calendar/calendar-month.mjs +1 -1
  34. package/dist/recipes/data-display/calendar/calendar-month.mjs.map +1 -1
  35. package/dist/recipes/data-display/calendar/calendar-popup.mjs +1 -1
  36. package/dist/recipes/data-display/calendar/calendar-popup.mjs.map +1 -1
  37. package/dist/recipes/data-display/calendar/calendar-time-grid.mjs +1 -1
  38. package/dist/recipes/data-display/calendar/calendar-time-grid.mjs.map +1 -1
  39. package/dist/recipes/data-display/calendar/calendar-toolbar.mjs +1 -1
  40. package/dist/recipes/data-display/calendar/calendar-toolbar.mjs.map +1 -1
  41. package/dist/recipes/data-display/calendar/calendar.mjs +1 -1
  42. package/dist/recipes/data-display/calendar/calendar.mjs.map +1 -1
  43. package/dist/recipes/data-display/data-table/data-table-bulk-bar/data-table-bulk-bar-actions.mjs +2 -0
  44. package/dist/recipes/data-display/data-table/data-table-bulk-bar/data-table-bulk-bar-actions.mjs.map +1 -0
  45. package/dist/recipes/data-display/data-table/data-table-bulk-bar/data-table-bulk-bar-count-badge.mjs +2 -0
  46. package/dist/recipes/data-display/data-table/data-table-bulk-bar/data-table-bulk-bar-count-badge.mjs.map +1 -0
  47. package/dist/recipes/data-display/data-table/data-table-bulk-bar/data-table-bulk-bar-count-label.mjs +2 -0
  48. package/dist/recipes/data-display/data-table/data-table-bulk-bar/data-table-bulk-bar-count-label.mjs.map +1 -0
  49. package/dist/recipes/data-display/data-table/data-table-bulk-bar/data-table-bulk-bar-count.mjs +2 -0
  50. package/dist/recipes/data-display/data-table/data-table-bulk-bar/data-table-bulk-bar-count.mjs.map +1 -0
  51. package/dist/recipes/data-display/data-table/data-table-bulk-bar/data-table-bulk-bar-drag-handle-icon.mjs +2 -0
  52. package/dist/recipes/data-display/data-table/data-table-bulk-bar/data-table-bulk-bar-drag-handle-icon.mjs.map +1 -0
  53. package/dist/recipes/data-display/data-table/data-table-bulk-bar/data-table-bulk-bar-drag-handle.mjs +2 -0
  54. package/dist/recipes/data-display/data-table/data-table-bulk-bar/data-table-bulk-bar-drag-handle.mjs.map +1 -0
  55. package/dist/recipes/data-display/data-table/data-table-bulk-bar/data-table-bulk-bar.mjs +2 -0
  56. package/dist/recipes/data-display/data-table/data-table-bulk-bar/data-table-bulk-bar.mjs.map +1 -0
  57. package/dist/recipes/data-display/data-table/data-table-empty.mjs +1 -1
  58. package/dist/recipes/data-display/data-table/data-table-empty.mjs.map +1 -1
  59. package/dist/recipes/data-display/data-table/data-table-expand-button.mjs +1 -1
  60. package/dist/recipes/data-display/data-table/data-table-expand-button.mjs.map +1 -1
  61. package/dist/recipes/data-display/data-table/data-table-expanded-content.mjs +1 -1
  62. package/dist/recipes/data-display/data-table/data-table-expanded-content.mjs.map +1 -1
  63. package/dist/recipes/data-display/data-table/data-table-header.mjs +1 -1
  64. package/dist/recipes/data-display/data-table/data-table-header.mjs.map +1 -1
  65. package/dist/recipes/data-display/data-table/data-table-loading.mjs +1 -1
  66. package/dist/recipes/data-display/data-table/data-table-loading.mjs.map +1 -1
  67. package/dist/recipes/data-display/data-table/data-table-page-size/data-table-page-size.mjs +2 -0
  68. package/dist/recipes/data-display/data-table/data-table-page-size/data-table-page-size.mjs.map +1 -0
  69. package/dist/recipes/data-display/data-table/data-table-pagination.mjs +1 -1
  70. package/dist/recipes/data-display/data-table/data-table-pagination.mjs.map +1 -1
  71. package/dist/recipes/data-display/data-table/data-table-root.mjs +1 -1
  72. package/dist/recipes/data-display/data-table/data-table-root.mjs.map +1 -1
  73. package/dist/recipes/data-display/data-table/data-table-slot-row.mjs +1 -1
  74. package/dist/recipes/data-display/data-table/data-table-slot-row.mjs.map +1 -1
  75. package/dist/recipes/data-display/data-table/data-table-sort-button/data-table-sort-button-indicator.mjs +2 -0
  76. package/dist/recipes/data-display/data-table/data-table-sort-button/data-table-sort-button-indicator.mjs.map +1 -0
  77. package/dist/recipes/data-display/data-table/data-table-sort-button/data-table-sort-button.mjs +2 -0
  78. package/dist/recipes/data-display/data-table/data-table-sort-button/data-table-sort-button.mjs.map +1 -0
  79. package/dist/recipes/data-display/data-table/data-table-viewport.mjs +1 -1
  80. package/dist/recipes/data-display/data-table/data-table-viewport.mjs.map +1 -1
  81. package/dist/recipes/data-display/data-table/data-table.mjs +1 -1
  82. package/dist/recipes/data-display/data-table/data-table.mjs.map +1 -1
  83. package/dist/recipes/data-display/data-table/index.mjs +1 -1
  84. package/dist/recipes/data-display/data-table/index.mjs.map +1 -1
  85. package/dist/recipes/data-display/kanban/kanban-column-header/kanban-column-header-count.mjs +1 -1
  86. package/dist/recipes/data-display/kanban/kanban-column-header/kanban-column-header-count.mjs.map +1 -1
  87. package/dist/recipes/data-display/kanban/kanban-column-header/kanban-column-header.mjs +1 -1
  88. package/dist/recipes/data-display/kanban/kanban-column-header/kanban-column-header.mjs.map +1 -1
  89. package/dist/recipes/data-display/table/table-td.mjs +1 -1
  90. package/dist/recipes/data-display/table/table-td.mjs.map +1 -1
  91. package/dist/recipes/data-display/table/table-th.mjs +1 -1
  92. package/dist/recipes/data-display/table/table-th.mjs.map +1 -1
  93. package/dist/recipes/data-display/table/table.mjs +1 -1
  94. package/dist/recipes/data-display/table/table.mjs.map +1 -1
  95. package/dist/recipes/navigations/pagination/pagination-control.mjs +1 -1
  96. package/dist/recipes/navigations/pagination/pagination-control.mjs.map +1 -1
  97. package/dist/recipes/navigations/pagination/pagination.mjs +1 -1
  98. package/dist/recipes/navigations/pagination/pagination.mjs.map +1 -1
  99. package/dist/tokens/keyframes.mjs +1 -1
  100. package/dist/tokens/keyframes.mjs.map +1 -1
  101. package/package.json +1 -1
  102. package/dist/recipes/data-display/data-table/data-table-bulk-bar.mjs +0 -2
  103. package/dist/recipes/data-display/data-table/data-table-bulk-bar.mjs.map +0 -1
  104. package/dist/recipes/data-display/data-table/data-table-page-size.mjs +0 -2
  105. package/dist/recipes/data-display/data-table/data-table-page-size.mjs.map +0 -1
  106. package/dist/recipes/data-display/data-table/data-table-sort-button.mjs +0 -2
  107. package/dist/recipes/data-display/data-table/data-table-sort-button.mjs.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"file-input.mjs","names":[],"sources":["../../../../src/recipes/controls/file-input/file-input.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const fileInput = defineRecipe({\n className: 'file-input',\n jsx: ['FileInput'],\n base: {\n '--text-input-root-gap': 'var(--file-input-root-gap, {spacing.100})',\n\n '--text-input-label-font-family':\n 'var(--file-input-label-font-family, {fonts.base})',\n '--text-input-label-font-size':\n 'var(--file-input-label-font-size, {fontSizes.400})',\n '--text-input-label-font-weight':\n 'var(--file-input-label-font-weight, {fontWeights.medium})',\n '--text-input-label-line-height':\n 'var(--file-input-label-line-height, inherit)',\n '--text-input-label-foreground':\n 'var(--file-input-label-foreground, {colors.neutral.foreground.1.enabled})',\n\n '--text-input-required-font-family':\n 'var(--file-input-required-font-family, {fonts.base})',\n '--text-input-required-font-size':\n 'var(--file-input-required-font-size, {fontSizes.400})',\n '--text-input-required-font-weight':\n 'var(--file-input-required-font-weight, {fontWeights.medium})',\n '--text-input-required-foreground':\n 'var(--file-input-required-foreground, {colors.neutral.foreground.1.enabled})',\n '--text-input-required-foreground-error':\n 'var(--file-input-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n '--text-input-description-font-family':\n 'var(--file-input-description-font-family, {fonts.base})',\n '--text-input-description-font-size':\n 'var(--file-input-description-font-size, {fontSizes.300})',\n '--text-input-description-font-weight':\n 'var(--file-input-description-font-weight, {fontWeights.regular})',\n '--text-input-description-line-height':\n 'var(--file-input-description-line-height, inherit)',\n '--text-input-description-foreground':\n 'var(--file-input-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n '--text-input-error-font-family':\n 'var(--file-input-error-font-family, {fonts.base})',\n '--text-input-error-font-size':\n 'var(--file-input-error-font-size, {fontSizes.300})',\n '--text-input-error-font-weight':\n 'var(--file-input-error-font-weight, {fontWeights.regular})',\n '--text-input-error-line-height':\n 'var(--file-input-error-line-height, inherit)',\n '--text-input-error-foreground':\n 'var(--file-input-error-foreground, {colors.danger.foreground.1.enabled})',\n\n '--text-input-wrapper-margin-top':\n 'var(--file-input-wrapper-margin-top, {spacing.100})',\n '--text-input-wrapper-disabled-opacity':\n 'var(--file-input-wrapper-disabled-opacity, 0.5)',\n\n '--text-input-input-font-family':\n 'var(--file-input-input-font-family, {fonts.base})',\n '--text-input-input-font-size':\n 'var(--file-input-input-font-size, {fontSizes.400})',\n '--text-input-input-font-weight':\n 'var(--file-input-input-font-weight, {fontWeights.regular})',\n '--text-input-input-line-height': 'var(--file-input-line-height, inherit)',\n '--text-input-input-text-align': 'var(--file-input-input-text-align, left)',\n '--text-input-input-background':\n 'var(--file-input-input-background, transparent)',\n '--text-input-input-foreground':\n 'var(--file-input-input-foreground, {colors.neutral.foreground.1.enabled})',\n '--text-input-input-placeholder-foreground':\n 'var(--file-input-input-placeholder-foreground,{colors.neutral.foreground.3.enabled})',\n '--text-input-input-border-width':\n 'var(--file-input-input-border-width, {borders.100})',\n '--text-input-input-border-color':\n 'var(--file-input-input-border-color, {colors.neutral.stroke.1.enabled})',\n '--text-input-input-border-color-error':\n 'var(--file-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n '--text-input-input-border-style':\n 'var(--file-input-input-border-style, solid)',\n '--text-input-input-radii': 'var(--file-input-input-radii, {radii.200})',\n '--text-input-input-height': 'auto',\n '--file-input-input-min-height': '{sizes.700}',\n '--text-input-input-padding-inline-start':\n 'var(--file-input-input-padding-inline-start, {spacing.300})',\n '--text-input-input-padding-inline-end':\n 'var(--file-input-input-padding-inline-end, {spacing.300})',\n\n '--file-input-input-padding-block-start': '{spacing.200}',\n '--file-input-input-padding-block-end': '{spacing.200}',\n '--file-input-input-gap': '{spacing.100}',\n\n '--text-input-input-focus-outline-width':\n 'var(--file-input-input-focus-outline-width, {borders.150})',\n '--text-input-input-focus-outline-style':\n 'var(--file-input-input-focus-outline-style, solid)',\n '--text-input-input-focus-outline-offset':\n 'var(--file-input-input-focus-outline-offset, {spacing.50})',\n '--text-input-input-focus-outline-color':\n 'var(--file-input-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n '--text-input-input-focus-border-color':\n 'var(--file-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})',\n '--text-input-input-focus-shadow':\n 'var(--file-input-input-focus-shadow, none)',\n\n '--file-input-placeholder-gap': '{spacing.200}',\n\n '--text-input-section-size': 'var(--file-input-section-size, {sizes.600})',\n\n '--text-input-left-section-width':\n 'var(--file-input-left-section-width, {sizes.300})',\n '--text-input-right-section-width':\n 'var(--file-input-right-section-width, {sizes.300})',\n '--text-input-left-section-position':\n 'var(--file-input-left-section-position, {spacing.300})',\n '--text-input-right-section-position':\n 'var(--file-input-right-section-position, {spacing.200})',\n '--text-input-left-section-pointer-events':\n 'var(--file-input-left-section-pointer-events, none)',\n '--text-input-right-section-pointer-events':\n 'var(--file-input-right-section-pointer-events, auto)',\n\n '--file-input-right-section-foreground':\n '{colors.neutral.foreground.1.enabled}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,aACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,wBAAyB,4CAEzB,iCACE,oDACF,+BACE,qDACF,iCACE,4DACF,iCACE,+CACF,gCACE,4EAEF,oCACE,uDACF,kCACE,wDACF,oCACE,+DACF,mCACE,+EACF,yCACE,oFAEF,uCACE,0DACF,qCACE,2DACF,uCACE,mEACF,uCACE,qDACF,sCACE,kFAEF,iCACE,oDACF,+BACE,qDACF,iCACE,6DACF,iCACE,+CACF,gCACE,2EAEF,kCACE,sDACF,wCACE,kDAEF,iCACE,oDACF,+BACE,qDACF,iCACE,6DACF,iCAAkC,yCAClC,gCAAiC,2CACjC,gCACE,kDACF,gCACE,4EACF,4CACE,uFACF,kCACE,sDACF,kCACE,0EACF,wCACE,+EACF,kCACE,8CACF,2BAA4B,6CAC5B,4BAA6B,OAC7B,gCAAiC,cACjC,0CACE,8DACF,wCACE,4DAEF,yCAA0C,gBAC1C,uCAAwC,gBACxC,yBAA0B,gBAE1B,yCACE,6DACF,yCACE,qDACF,0CACE,6DACF,yCACE,iFACF,wCACE,gFACF,kCACE,6CAEF,+BAAgC,gBAEhC,4BAA6B,8CAE7B,kCACE,oDACF,mCACE,qDACF,qCACE,yDACF,sCACE,0DACF,2CACE,sDACF,4CACE,uDAEF,wCACE,wCACH,CACF,CAAC"}
1
+ {"version":3,"file":"file-input.mjs","names":[],"sources":["../../../../src/recipes/controls/file-input/file-input.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const fileInput = defineRecipe({\n className: 'file-input',\n jsx: ['FileInput'],\n base: {\n '--text-input-root-gap': 'var(--file-input-root-gap, {spacing.100})',\n '--text-input-root-width': 'var(--file-input-root-width, 100%)',\n '--text-input-root-flex-direction':\n 'var(--file-input-root-flex-direction, column)',\n '--text-input-root-justify-content':\n 'var(--file-input-root-justify-content, flex-start)',\n '--text-input-root-align-items':\n 'var(--file-input-root-align-items, stretch)',\n\n '--text-input-label-font-family':\n 'var(--file-input-label-font-family, {fonts.base})',\n '--text-input-label-font-size':\n 'var(--file-input-label-font-size, {fontSizes.400})',\n '--text-input-label-font-weight':\n 'var(--file-input-label-font-weight, {fontWeights.medium})',\n '--text-input-label-line-height':\n 'var(--file-input-label-line-height, inherit)',\n '--text-input-label-foreground':\n 'var(--file-input-label-foreground, {colors.neutral.foreground.1.enabled})',\n\n '--text-input-required-font-family':\n 'var(--file-input-required-font-family, {fonts.base})',\n '--text-input-required-font-size':\n 'var(--file-input-required-font-size, {fontSizes.400})',\n '--text-input-required-font-weight':\n 'var(--file-input-required-font-weight, {fontWeights.medium})',\n '--text-input-required-foreground':\n 'var(--file-input-required-foreground, {colors.neutral.foreground.1.enabled})',\n '--text-input-required-foreground-error':\n 'var(--file-input-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n '--text-input-description-font-family':\n 'var(--file-input-description-font-family, {fonts.base})',\n '--text-input-description-font-size':\n 'var(--file-input-description-font-size, {fontSizes.300})',\n '--text-input-description-font-weight':\n 'var(--file-input-description-font-weight, {fontWeights.regular})',\n '--text-input-description-line-height':\n 'var(--file-input-description-line-height, inherit)',\n '--text-input-description-foreground':\n 'var(--file-input-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n '--text-input-error-font-family':\n 'var(--file-input-error-font-family, {fonts.base})',\n '--text-input-error-font-size':\n 'var(--file-input-error-font-size, {fontSizes.300})',\n '--text-input-error-font-weight':\n 'var(--file-input-error-font-weight, {fontWeights.regular})',\n '--text-input-error-line-height':\n 'var(--file-input-error-line-height, inherit)',\n '--text-input-error-foreground':\n 'var(--file-input-error-foreground, {colors.danger.foreground.1.enabled})',\n\n '--text-input-wrapper-margin-top':\n 'var(--file-input-wrapper-margin-top, {spacing.100})',\n '--text-input-wrapper-width': 'var(--file-input-wrapper-width, 100%)',\n '--text-input-wrapper-flex': 'var(--file-input-wrapper-flex, 1)',\n '--text-input-wrapper-disabled-opacity':\n 'var(--file-input-wrapper-disabled-opacity, 0.5)',\n\n '--text-input-input-font-family':\n 'var(--file-input-input-font-family, {fonts.base})',\n '--text-input-input-font-size':\n 'var(--file-input-input-font-size, {fontSizes.400})',\n '--text-input-input-font-weight':\n 'var(--file-input-input-font-weight, {fontWeights.regular})',\n '--text-input-input-line-height': 'var(--file-input-line-height, inherit)',\n '--text-input-input-text-align': 'var(--file-input-input-text-align, left)',\n '--text-input-input-background':\n 'var(--file-input-input-background, transparent)',\n '--text-input-input-foreground':\n 'var(--file-input-input-foreground, {colors.neutral.foreground.1.enabled})',\n '--text-input-input-placeholder-foreground':\n 'var(--file-input-input-placeholder-foreground,{colors.neutral.foreground.3.enabled})',\n '--text-input-input-border-width':\n 'var(--file-input-input-border-width, {borders.100})',\n '--text-input-input-border-color':\n 'var(--file-input-input-border-color, {colors.neutral.stroke.1.enabled})',\n '--text-input-input-border-color-error':\n 'var(--file-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n '--text-input-input-border-style':\n 'var(--file-input-input-border-style, solid)',\n '--text-input-input-radii': 'var(--file-input-input-radii, {radii.200})',\n '--text-input-input-height': 'auto',\n '--file-input-input-min-height': '{sizes.700}',\n '--text-input-input-padding-inline-start':\n 'var(--file-input-input-padding-inline-start, {spacing.300})',\n '--text-input-input-padding-inline-end':\n 'var(--file-input-input-padding-inline-end, {spacing.300})',\n '--text-input-input-width': 'var(--file-input-input-width, 100%)',\n '--text-input-input-min-width': 'var(--file-input-input-min-width, unset)',\n '--text-input-input-field-sizing':\n 'var(--file-input-input-field-sizing, fixed)',\n\n '--file-input-input-padding-block-start': '{spacing.200}',\n '--file-input-input-padding-block-end': '{spacing.200}',\n '--file-input-input-gap': '{spacing.100}',\n\n '--text-input-input-focus-outline-width':\n 'var(--file-input-input-focus-outline-width, {borders.150})',\n '--text-input-input-focus-outline-style':\n 'var(--file-input-input-focus-outline-style, solid)',\n '--text-input-input-focus-outline-offset':\n 'var(--file-input-input-focus-outline-offset, {spacing.50})',\n '--text-input-input-focus-outline-color':\n 'var(--file-input-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n '--text-input-input-focus-border-color':\n 'var(--file-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})',\n '--text-input-input-focus-shadow':\n 'var(--file-input-input-focus-shadow, none)',\n\n '--file-input-placeholder-gap': '{spacing.200}',\n\n '--text-input-section-size': 'var(--file-input-section-size, {sizes.600})',\n\n '--text-input-left-section-width':\n 'var(--file-input-left-section-width, {sizes.300})',\n '--text-input-right-section-width':\n 'var(--file-input-right-section-width, {sizes.300})',\n '--text-input-left-section-position':\n 'var(--file-input-left-section-position, {spacing.300})',\n '--text-input-right-section-position':\n 'var(--file-input-right-section-position, {spacing.200})',\n '--text-input-left-section-pointer-events':\n 'var(--file-input-left-section-pointer-events, none)',\n '--text-input-right-section-pointer-events':\n 'var(--file-input-right-section-pointer-events, auto)',\n\n '--file-input-right-section-foreground':\n '{colors.neutral.foreground.1.enabled}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,aACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,wBAAyB,4CACzB,0BAA2B,qCAC3B,mCACE,gDACF,oCACE,qDACF,gCACE,8CAEF,iCACE,oDACF,+BACE,qDACF,iCACE,4DACF,iCACE,+CACF,gCACE,4EAEF,oCACE,uDACF,kCACE,wDACF,oCACE,+DACF,mCACE,+EACF,yCACE,oFAEF,uCACE,0DACF,qCACE,2DACF,uCACE,mEACF,uCACE,qDACF,sCACE,kFAEF,iCACE,oDACF,+BACE,qDACF,iCACE,6DACF,iCACE,+CACF,gCACE,2EAEF,kCACE,sDACF,6BAA8B,wCAC9B,4BAA6B,oCAC7B,wCACE,kDAEF,iCACE,oDACF,+BACE,qDACF,iCACE,6DACF,iCAAkC,yCAClC,gCAAiC,2CACjC,gCACE,kDACF,gCACE,4EACF,4CACE,uFACF,kCACE,sDACF,kCACE,0EACF,wCACE,+EACF,kCACE,8CACF,2BAA4B,6CAC5B,4BAA6B,OAC7B,gCAAiC,cACjC,0CACE,8DACF,wCACE,4DACF,2BAA4B,sCAC5B,+BAAgC,2CAChC,kCACE,8CAEF,yCAA0C,gBAC1C,uCAAwC,gBACxC,yBAA0B,gBAE1B,yCACE,6DACF,yCACE,qDACF,0CACE,6DACF,yCACE,iFACF,wCACE,gFACF,kCACE,6CAEF,+BAAgC,gBAEhC,4BAA6B,8CAE7B,kCACE,oDACF,mCACE,qDACF,qCACE,yDACF,sCACE,0DACF,2CACE,sDACF,4CACE,uDAEF,wCACE,wCACH,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{textInput as e}from"../text-input/text-input.mjs";const t=e.merge({className:`password-input`,jsx:[`PasswordInput`],base:{"--text-input-root-gap":`var(--password-input-root-gap, {spacing.200})`,"--text-input-label-order":`var(--password-input-label-order, 1)`,"--text-input-label-font-family":`var(--password-input-label-font-family, {fonts.base})`,"--text-input-label-font-size":`var(--password-input-label-font-size, {fontSizes.300})`,"--text-input-label-font-weight":`var(--password-input-label-font-weight, {fontWeights.medium})`,"--text-input-label-line-height":`var(--password-input-label-line-height, inherit)`,"--text-input-label-foreground":`var(--password-input-label-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-required-font-family":`var(--password-input-required-font-family, {fonts.base})`,"--text-input-required-font-size":`var(--password-input-required-font-size, {fontSizes.300})`,"--text-input-required-font-weight":`var(--password-input-required-font-weight, {fontWeights.medium})`,"--text-input-required-foreground":`var(--password-input-required-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-required-foreground-error":`var(--password-input-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--text-input-description-order":`var(--password-input-description-order, 4)`,"--text-input-description-font-family":`var(--password-input-description-font-family, {fonts.base})`,"--text-input-description-font-size":`var(--password-input-description-font-size, {fontSizes.200})`,"--text-input-description-font-weight":`var(--password-input-description-font-weight, {fontWeights.regular})`,"--text-input-description-line-height":`var(--password-input-description-line-height, inherit)`,"--text-input-description-foreground":`var(--password-input-description-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-error-order":`var(--password-input-error-order, 3)`,"--text-input-error-font-family":`var(--password-input-error-font-family, {fonts.base})`,"--text-input-error-font-size":`var(--password-input-error-font-size, {fontSizes.200})`,"--text-input-error-font-weight":`var(--password-input-error-font-weight, {fontWeights.regular})`,"--text-input-error-line-height":`var(--password-input-error-line-height, inherit)`,"--text-input-error-foreground":`var(--password-input-error-foreground, {colors.danger.foreground.1.enabled})`,"--text-input-wrapper-order":`var(--password-input-wrapper-order, 2)`,"--text-input-wrapper-margin-top":`var(--password-input-wrapper-margin-top, {spacing.100})`,"--text-input-wrapper-disabled-opacity":`var(--password-input-wrapper-disabled-opacity, 0.5)`,"--text-input-input-font-family":`var(--password-input-inner-input-font-family, {fonts.base})`,"--text-input-input-font-size":`var(--password-input-inner-input-font-size, {fontSizes.300})`,"--text-input-input-font-weight":`var(--password-input-inner-input-font-weight, {fontWeights.regular})`,"--text-input-input-line-height":`var(--password-input-inner-input-line-height, inherit)`,"--text-input-input-text-align":`var(--password-input-inner-input-text-align, left)`,"--text-input-input-background":`var(--password-input-inner-input-background, transparent)`,"--text-input-input-foreground":`var(--password-input-inner-input-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-input-placeholder-foreground":`var(--password-input-inner-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`,"--text-input-input-border-width":`var(--password-input-inner-input-border-width, {borders.150})`,"--text-input-input-border-style":`var(--password-input-inner-input-border-style, solid)`,"--text-input-input-border-color":`var(--password-input-inner-input-border-color, {colors.neutral.stroke.7.enabled})`,"--text-input-input-radii":`var(--password-input-inner-input-radii, {radii.200})`,"--text-input-input-height":`var(--password-input-inner-input-height, {sizes.700})`,"--text-input-input-padding-inline-start":`var(--password-input-inner-input-padding-inline-start, {spacing.300})`,"--text-input-input-padding-inline-end":`var(--password-input-inner-input-padding-inline-end, {spacing.300})`,"--text-input-input-transition":`var(--password-input-inner-input-transition, all 0.2s ease-in-out)`,"--text-input-input-border-color-error":`var(--password-input-inner-input-border-color-error, {colors.danger.stroke.1.enabled})`,"--text-input-input-hover-background":`var(--password-input-inner-input-hover-background, transparent)`,"--text-input-input-hover-border-color":`var(--password-input-inner-input-hover-border-color, {colors.neutral.stroke.7.hovered})`,"--text-input-input-hover-foreground":`var(--password-input-inner-input-hover-foreground, {colors.neutral.foreground.2.hovered})`,"--text-input-input-focus-outline-width":`var(--password-input-inner-input-focus-outline-width, {borders.150})`,"--text-input-input-focus-outline-style":`var(--password-input-inner-input-focus-outline-style, solid)`,"--text-input-input-focus-outline-offset":`var(--password-input-inner-input-focus-outline-offset, {spacing.50})`,"--text-input-input-focus-outline-color":`var(--password-input-inner-input-focus-outline-color, {colors.primary.stroke.1.focused})`,"--text-input-input-focus-border-color":`var(--password-input-inner-input-focus-border-color, {colors.neutral.stroke.7.hovered})`,"--text-input-input-focus-shadow":`var(--password-input-inner-input-focus-shadow, none)`,"--text-input-input-disabled-background":`var(--password-input-inner-input-disabled-background, transparent)`,"--text-input-input-disabled-foreground":`var(--password-input-inner-input-disabled-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-input-disabled-border-color":`var(--password-input-inner-input-disabled-border-color, {colors.neutral.stroke.7.enabled})`,"--text-input-input-disabled-opacity":`var(--password-input-inner-input-disabled-opacity, 0.5)`,"--text-input-section-size":`var(--password-input-section-size, {sizes.600})`,"--text-input-left-section-width":`var(--password-input-left-section-width, {sizes.600})`,"--text-input-right-section-width":`var(--password-input-right-section-width, {sizes.600})`,"--text-input-left-section-position":`var(--password-input-left-section-position, {spacing.200})`,"--text-input-right-section-position":`var(--password-input-right-section-position, {spacing.200})`,"--text-input-left-section-pointer-events":`var(--password-input-left-section-pointer-events, none)`,"--text-input-right-section-pointer-events":`var(--password-input-right-section-pointer-events, auto)`}});export{t as passwordInput};
1
+ import{textInput as e}from"../text-input/text-input.mjs";const t=e.merge({className:`password-input`,jsx:[`PasswordInput`],base:{"--text-input-root-gap":`var(--password-input-root-gap, {spacing.200})`,"--text-input-root-width":`var(--password-input-root-width, 100%)`,"--text-input-root-flex-direction":`var(--password-input-root-flex-direction, column)`,"--text-input-root-justify-content":`var(--password-input-root-justify-content, flex-start)`,"--text-input-root-align-items":`var(--password-input-root-align-items, stretch)`,"--text-input-label-order":`var(--password-input-label-order, 1)`,"--text-input-label-font-family":`var(--password-input-label-font-family, {fonts.base})`,"--text-input-label-font-size":`var(--password-input-label-font-size, {fontSizes.300})`,"--text-input-label-font-weight":`var(--password-input-label-font-weight, {fontWeights.medium})`,"--text-input-label-line-height":`var(--password-input-label-line-height, inherit)`,"--text-input-label-foreground":`var(--password-input-label-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-required-font-family":`var(--password-input-required-font-family, {fonts.base})`,"--text-input-required-font-size":`var(--password-input-required-font-size, {fontSizes.300})`,"--text-input-required-font-weight":`var(--password-input-required-font-weight, {fontWeights.medium})`,"--text-input-required-foreground":`var(--password-input-required-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-required-foreground-error":`var(--password-input-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--text-input-description-order":`var(--password-input-description-order, 4)`,"--text-input-description-font-family":`var(--password-input-description-font-family, {fonts.base})`,"--text-input-description-font-size":`var(--password-input-description-font-size, {fontSizes.200})`,"--text-input-description-font-weight":`var(--password-input-description-font-weight, {fontWeights.regular})`,"--text-input-description-line-height":`var(--password-input-description-line-height, inherit)`,"--text-input-description-foreground":`var(--password-input-description-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-error-order":`var(--password-input-error-order, 3)`,"--text-input-error-font-family":`var(--password-input-error-font-family, {fonts.base})`,"--text-input-error-font-size":`var(--password-input-error-font-size, {fontSizes.200})`,"--text-input-error-font-weight":`var(--password-input-error-font-weight, {fontWeights.regular})`,"--text-input-error-line-height":`var(--password-input-error-line-height, inherit)`,"--text-input-error-foreground":`var(--password-input-error-foreground, {colors.danger.foreground.1.enabled})`,"--text-input-wrapper-order":`var(--password-input-wrapper-order, 2)`,"--text-input-wrapper-margin-top":`var(--password-input-wrapper-margin-top, {spacing.100})`,"--text-input-wrapper-width":`var(--password-input-wrapper-width, 100%)`,"--text-input-wrapper-flex":`var(--password-input-wrapper-flex, 1)`,"--text-input-wrapper-disabled-opacity":`var(--password-input-wrapper-disabled-opacity, 0.5)`,"--text-input-input-font-family":`var(--password-input-inner-input-font-family, {fonts.base})`,"--text-input-input-font-size":`var(--password-input-inner-input-font-size, {fontSizes.300})`,"--text-input-input-font-weight":`var(--password-input-inner-input-font-weight, {fontWeights.regular})`,"--text-input-input-line-height":`var(--password-input-inner-input-line-height, inherit)`,"--text-input-input-text-align":`var(--password-input-inner-input-text-align, left)`,"--text-input-input-background":`var(--password-input-inner-input-background, transparent)`,"--text-input-input-foreground":`var(--password-input-inner-input-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-input-placeholder-foreground":`var(--password-input-inner-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`,"--text-input-input-border-width":`var(--password-input-inner-input-border-width, {borders.150})`,"--text-input-input-border-style":`var(--password-input-inner-input-border-style, solid)`,"--text-input-input-border-color":`var(--password-input-inner-input-border-color, {colors.neutral.stroke.7.enabled})`,"--text-input-input-radii":`var(--password-input-inner-input-radii, {radii.200})`,"--text-input-input-height":`var(--password-input-inner-input-height, {sizes.700})`,"--text-input-input-padding-inline-start":`var(--password-input-inner-input-padding-inline-start, {spacing.300})`,"--text-input-input-padding-inline-end":`var(--password-input-inner-input-padding-inline-end, {spacing.300})`,"--text-input-input-width":`var(--password-input-input-width, 100%)`,"--text-input-input-min-width":`var(--password-input-input-min-width, unset)`,"--text-input-input-field-sizing":`var(--password-input-input-field-sizing, fixed)`,"--text-input-input-transition":`var(--password-input-inner-input-transition, all 0.2s ease-in-out)`,"--text-input-input-border-color-error":`var(--password-input-inner-input-border-color-error, {colors.danger.stroke.1.enabled})`,"--text-input-input-hover-background":`var(--password-input-inner-input-hover-background, transparent)`,"--text-input-input-hover-border-color":`var(--password-input-inner-input-hover-border-color, {colors.neutral.stroke.7.hovered})`,"--text-input-input-hover-foreground":`var(--password-input-inner-input-hover-foreground, {colors.neutral.foreground.2.hovered})`,"--text-input-input-focus-outline-width":`var(--password-input-inner-input-focus-outline-width, {borders.150})`,"--text-input-input-focus-outline-style":`var(--password-input-inner-input-focus-outline-style, solid)`,"--text-input-input-focus-outline-offset":`var(--password-input-inner-input-focus-outline-offset, {spacing.50})`,"--text-input-input-focus-outline-color":`var(--password-input-inner-input-focus-outline-color, {colors.primary.stroke.1.focused})`,"--text-input-input-focus-border-color":`var(--password-input-inner-input-focus-border-color, {colors.neutral.stroke.7.hovered})`,"--text-input-input-focus-shadow":`var(--password-input-inner-input-focus-shadow, none)`,"--text-input-input-disabled-background":`var(--password-input-inner-input-disabled-background, transparent)`,"--text-input-input-disabled-foreground":`var(--password-input-inner-input-disabled-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-input-disabled-border-color":`var(--password-input-inner-input-disabled-border-color, {colors.neutral.stroke.7.enabled})`,"--text-input-input-disabled-opacity":`var(--password-input-inner-input-disabled-opacity, 0.5)`,"--text-input-section-size":`var(--password-input-section-size, {sizes.600})`,"--text-input-left-section-width":`var(--password-input-left-section-width, {sizes.600})`,"--text-input-right-section-width":`var(--password-input-right-section-width, {sizes.600})`,"--text-input-left-section-position":`var(--password-input-left-section-position, {spacing.200})`,"--text-input-right-section-position":`var(--password-input-right-section-position, {spacing.200})`,"--text-input-left-section-pointer-events":`var(--password-input-left-section-pointer-events, none)`,"--text-input-right-section-pointer-events":`var(--password-input-right-section-pointer-events, auto)`}});export{t as passwordInput};
2
2
  //# sourceMappingURL=password-input.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"password-input.mjs","names":[],"sources":["../../../../src/recipes/controls/password-input/password-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { textInput } from '../text-input/text-input';\n\nexport const passwordInput = textInput.merge({\n className: 'password-input',\n jsx: ['PasswordInput'],\n base: {\n /* Root */\n '--text-input-root-gap': 'var(--password-input-root-gap, {spacing.200})',\n\n /* Label */\n '--text-input-label-order': 'var(--password-input-label-order, 1)',\n '--text-input-label-font-family':\n 'var(--password-input-label-font-family, {fonts.base})',\n '--text-input-label-font-size':\n 'var(--password-input-label-font-size, {fontSizes.300})',\n '--text-input-label-font-weight':\n 'var(--password-input-label-font-weight, {fontWeights.medium})',\n '--text-input-label-line-height':\n 'var(--password-input-label-line-height, inherit)',\n '--text-input-label-foreground':\n 'var(--password-input-label-foreground, {colors.neutral.foreground.2.enabled})',\n\n /* Required */\n '--text-input-required-font-family':\n 'var(--password-input-required-font-family, {fonts.base})',\n '--text-input-required-font-size':\n 'var(--password-input-required-font-size, {fontSizes.300})',\n '--text-input-required-font-weight':\n 'var(--password-input-required-font-weight, {fontWeights.medium})',\n '--text-input-required-foreground':\n 'var(--password-input-required-foreground, {colors.neutral.foreground.2.enabled})',\n '--text-input-required-foreground-error':\n 'var(--password-input-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n /* Description */\n '--text-input-description-order':\n 'var(--password-input-description-order, 4)',\n '--text-input-description-font-family':\n 'var(--password-input-description-font-family, {fonts.base})',\n '--text-input-description-font-size':\n 'var(--password-input-description-font-size, {fontSizes.200})',\n '--text-input-description-font-weight':\n 'var(--password-input-description-font-weight, {fontWeights.regular})',\n '--text-input-description-line-height':\n 'var(--password-input-description-line-height, inherit)',\n '--text-input-description-foreground':\n 'var(--password-input-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n /* Error */\n '--text-input-error-order': 'var(--password-input-error-order, 3)',\n '--text-input-error-font-family':\n 'var(--password-input-error-font-family, {fonts.base})',\n '--text-input-error-font-size':\n 'var(--password-input-error-font-size, {fontSizes.200})',\n '--text-input-error-font-weight':\n 'var(--password-input-error-font-weight, {fontWeights.regular})',\n '--text-input-error-line-height':\n 'var(--password-input-error-line-height, inherit)',\n '--text-input-error-foreground':\n 'var(--password-input-error-foreground, {colors.danger.foreground.1.enabled})',\n\n /* Wrapper */\n '--text-input-wrapper-order': 'var(--password-input-wrapper-order, 2)',\n '--text-input-wrapper-margin-top':\n 'var(--password-input-wrapper-margin-top, {spacing.100})',\n '--text-input-wrapper-disabled-opacity':\n 'var(--password-input-wrapper-disabled-opacity, 0.5)',\n\n /* Input */\n '--text-input-input-font-family':\n 'var(--password-input-inner-input-font-family, {fonts.base})',\n '--text-input-input-font-size':\n 'var(--password-input-inner-input-font-size, {fontSizes.300})',\n '--text-input-input-font-weight':\n 'var(--password-input-inner-input-font-weight, {fontWeights.regular})',\n '--text-input-input-line-height':\n 'var(--password-input-inner-input-line-height, inherit)',\n '--text-input-input-text-align':\n 'var(--password-input-inner-input-text-align, left)',\n '--text-input-input-background':\n 'var(--password-input-inner-input-background, transparent)',\n '--text-input-input-foreground':\n 'var(--password-input-inner-input-foreground, {colors.neutral.foreground.2.enabled})',\n '--text-input-input-placeholder-foreground':\n 'var(--password-input-inner-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n '--text-input-input-border-width':\n 'var(--password-input-inner-input-border-width, {borders.150})',\n '--text-input-input-border-style':\n 'var(--password-input-inner-input-border-style, solid)',\n '--text-input-input-border-color':\n 'var(--password-input-inner-input-border-color, {colors.neutral.stroke.7.enabled})',\n '--text-input-input-radii':\n 'var(--password-input-inner-input-radii, {radii.200})',\n '--text-input-input-height':\n 'var(--password-input-inner-input-height, {sizes.700})',\n '--text-input-input-padding-inline-start':\n 'var(--password-input-inner-input-padding-inline-start, {spacing.300})',\n '--text-input-input-padding-inline-end':\n 'var(--password-input-inner-input-padding-inline-end, {spacing.300})',\n '--text-input-input-transition':\n 'var(--password-input-inner-input-transition, all 0.2s ease-in-out)',\n\n /* Input - error */\n '--text-input-input-border-color-error':\n 'var(--password-input-inner-input-border-color-error, {colors.danger.stroke.1.enabled})',\n\n /* Input - hover */\n '--text-input-input-hover-background':\n 'var(--password-input-inner-input-hover-background, transparent)',\n '--text-input-input-hover-border-color':\n 'var(--password-input-inner-input-hover-border-color, {colors.neutral.stroke.7.hovered})',\n '--text-input-input-hover-foreground':\n 'var(--password-input-inner-input-hover-foreground, {colors.neutral.foreground.2.hovered})',\n\n /* Input - focus */\n '--text-input-input-focus-outline-width':\n 'var(--password-input-inner-input-focus-outline-width, {borders.150})',\n '--text-input-input-focus-outline-style':\n 'var(--password-input-inner-input-focus-outline-style, solid)',\n '--text-input-input-focus-outline-offset':\n 'var(--password-input-inner-input-focus-outline-offset, {spacing.50})',\n '--text-input-input-focus-outline-color':\n 'var(--password-input-inner-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n '--text-input-input-focus-border-color':\n 'var(--password-input-inner-input-focus-border-color, {colors.neutral.stroke.7.hovered})',\n '--text-input-input-focus-shadow':\n 'var(--password-input-inner-input-focus-shadow, none)',\n\n /* Input - disabled */\n '--text-input-input-disabled-background':\n 'var(--password-input-inner-input-disabled-background, transparent)',\n '--text-input-input-disabled-foreground':\n 'var(--password-input-inner-input-disabled-foreground, {colors.neutral.foreground.2.enabled})',\n '--text-input-input-disabled-border-color':\n 'var(--password-input-inner-input-disabled-border-color, {colors.neutral.stroke.7.enabled})',\n '--text-input-input-disabled-opacity':\n 'var(--password-input-inner-input-disabled-opacity, 0.5)',\n\n /* Input - sections */\n '--text-input-section-size':\n 'var(--password-input-section-size, {sizes.600})',\n '--text-input-left-section-width':\n 'var(--password-input-left-section-width, {sizes.600})',\n '--text-input-right-section-width':\n 'var(--password-input-right-section-width, {sizes.600})',\n '--text-input-left-section-position':\n 'var(--password-input-left-section-position, {spacing.200})',\n '--text-input-right-section-position':\n 'var(--password-input-right-section-position, {spacing.200})',\n '--text-input-left-section-pointer-events':\n 'var(--password-input-left-section-pointer-events, none)',\n '--text-input-right-section-pointer-events':\n 'var(--password-input-right-section-pointer-events, auto)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"yDAOA,MAAa,EAAgB,EAAU,MAAM,CAC3C,UAAW,iBACX,IAAK,CAAC,gBAAgB,CACtB,KAAM,CAEJ,wBAAyB,gDAGzB,2BAA4B,uCAC5B,iCACE,wDACF,+BACE,yDACF,iCACE,gEACF,iCACE,mDACF,gCACE,gFAGF,oCACE,2DACF,kCACE,4DACF,oCACE,mEACF,mCACE,mFACF,yCACE,wFAGF,iCACE,6CACF,uCACE,8DACF,qCACE,+DACF,uCACE,uEACF,uCACE,yDACF,sCACE,sFAGF,2BAA4B,uCAC5B,iCACE,wDACF,+BACE,yDACF,iCACE,iEACF,iCACE,mDACF,gCACE,+EAGF,6BAA8B,yCAC9B,kCACE,0DACF,wCACE,sDAGF,iCACE,8DACF,+BACE,+DACF,iCACE,uEACF,iCACE,yDACF,gCACE,qDACF,gCACE,4DACF,gCACE,sFACF,4CACE,kGACF,kCACE,gEACF,kCACE,wDACF,kCACE,oFACF,2BACE,uDACF,4BACE,wDACF,0CACE,wEACF,wCACE,sEACF,gCACE,qEAGF,wCACE,yFAGF,sCACE,kEACF,wCACE,0FACF,sCACE,4FAGF,yCACE,uEACF,yCACE,+DACF,0CACE,uEACF,yCACE,2FACF,wCACE,0FACF,kCACE,uDAGF,yCACE,qEACF,yCACE,+FACF,2CACE,6FACF,sCACE,0DAGF,4BACE,kDACF,kCACE,wDACF,mCACE,yDACF,qCACE,6DACF,sCACE,8DACF,2CACE,0DACF,4CACE,2DACH,CACF,CAAC"}
1
+ {"version":3,"file":"password-input.mjs","names":[],"sources":["../../../../src/recipes/controls/password-input/password-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { textInput } from '../text-input/text-input';\n\nexport const passwordInput = textInput.merge({\n className: 'password-input',\n jsx: ['PasswordInput'],\n base: {\n /* Root */\n '--text-input-root-gap': 'var(--password-input-root-gap, {spacing.200})',\n '--text-input-root-width': 'var(--password-input-root-width, 100%)',\n '--text-input-root-flex-direction':\n 'var(--password-input-root-flex-direction, column)',\n '--text-input-root-justify-content':\n 'var(--password-input-root-justify-content, flex-start)',\n '--text-input-root-align-items':\n 'var(--password-input-root-align-items, stretch)',\n\n /* Label */\n '--text-input-label-order': 'var(--password-input-label-order, 1)',\n '--text-input-label-font-family':\n 'var(--password-input-label-font-family, {fonts.base})',\n '--text-input-label-font-size':\n 'var(--password-input-label-font-size, {fontSizes.300})',\n '--text-input-label-font-weight':\n 'var(--password-input-label-font-weight, {fontWeights.medium})',\n '--text-input-label-line-height':\n 'var(--password-input-label-line-height, inherit)',\n '--text-input-label-foreground':\n 'var(--password-input-label-foreground, {colors.neutral.foreground.2.enabled})',\n\n /* Required */\n '--text-input-required-font-family':\n 'var(--password-input-required-font-family, {fonts.base})',\n '--text-input-required-font-size':\n 'var(--password-input-required-font-size, {fontSizes.300})',\n '--text-input-required-font-weight':\n 'var(--password-input-required-font-weight, {fontWeights.medium})',\n '--text-input-required-foreground':\n 'var(--password-input-required-foreground, {colors.neutral.foreground.2.enabled})',\n '--text-input-required-foreground-error':\n 'var(--password-input-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n /* Description */\n '--text-input-description-order':\n 'var(--password-input-description-order, 4)',\n '--text-input-description-font-family':\n 'var(--password-input-description-font-family, {fonts.base})',\n '--text-input-description-font-size':\n 'var(--password-input-description-font-size, {fontSizes.200})',\n '--text-input-description-font-weight':\n 'var(--password-input-description-font-weight, {fontWeights.regular})',\n '--text-input-description-line-height':\n 'var(--password-input-description-line-height, inherit)',\n '--text-input-description-foreground':\n 'var(--password-input-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n /* Error */\n '--text-input-error-order': 'var(--password-input-error-order, 3)',\n '--text-input-error-font-family':\n 'var(--password-input-error-font-family, {fonts.base})',\n '--text-input-error-font-size':\n 'var(--password-input-error-font-size, {fontSizes.200})',\n '--text-input-error-font-weight':\n 'var(--password-input-error-font-weight, {fontWeights.regular})',\n '--text-input-error-line-height':\n 'var(--password-input-error-line-height, inherit)',\n '--text-input-error-foreground':\n 'var(--password-input-error-foreground, {colors.danger.foreground.1.enabled})',\n\n /* Wrapper */\n '--text-input-wrapper-order': 'var(--password-input-wrapper-order, 2)',\n '--text-input-wrapper-margin-top':\n 'var(--password-input-wrapper-margin-top, {spacing.100})',\n '--text-input-wrapper-width': 'var(--password-input-wrapper-width, 100%)',\n '--text-input-wrapper-flex': 'var(--password-input-wrapper-flex, 1)',\n '--text-input-wrapper-disabled-opacity':\n 'var(--password-input-wrapper-disabled-opacity, 0.5)',\n\n /* Input */\n '--text-input-input-font-family':\n 'var(--password-input-inner-input-font-family, {fonts.base})',\n '--text-input-input-font-size':\n 'var(--password-input-inner-input-font-size, {fontSizes.300})',\n '--text-input-input-font-weight':\n 'var(--password-input-inner-input-font-weight, {fontWeights.regular})',\n '--text-input-input-line-height':\n 'var(--password-input-inner-input-line-height, inherit)',\n '--text-input-input-text-align':\n 'var(--password-input-inner-input-text-align, left)',\n '--text-input-input-background':\n 'var(--password-input-inner-input-background, transparent)',\n '--text-input-input-foreground':\n 'var(--password-input-inner-input-foreground, {colors.neutral.foreground.2.enabled})',\n '--text-input-input-placeholder-foreground':\n 'var(--password-input-inner-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n '--text-input-input-border-width':\n 'var(--password-input-inner-input-border-width, {borders.150})',\n '--text-input-input-border-style':\n 'var(--password-input-inner-input-border-style, solid)',\n '--text-input-input-border-color':\n 'var(--password-input-inner-input-border-color, {colors.neutral.stroke.7.enabled})',\n '--text-input-input-radii':\n 'var(--password-input-inner-input-radii, {radii.200})',\n '--text-input-input-height':\n 'var(--password-input-inner-input-height, {sizes.700})',\n '--text-input-input-padding-inline-start':\n 'var(--password-input-inner-input-padding-inline-start, {spacing.300})',\n '--text-input-input-padding-inline-end':\n 'var(--password-input-inner-input-padding-inline-end, {spacing.300})',\n '--text-input-input-width': 'var(--password-input-input-width, 100%)',\n '--text-input-input-min-width':\n 'var(--password-input-input-min-width, unset)',\n '--text-input-input-field-sizing':\n 'var(--password-input-input-field-sizing, fixed)',\n '--text-input-input-transition':\n 'var(--password-input-inner-input-transition, all 0.2s ease-in-out)',\n\n /* Input - error */\n '--text-input-input-border-color-error':\n 'var(--password-input-inner-input-border-color-error, {colors.danger.stroke.1.enabled})',\n\n /* Input - hover */\n '--text-input-input-hover-background':\n 'var(--password-input-inner-input-hover-background, transparent)',\n '--text-input-input-hover-border-color':\n 'var(--password-input-inner-input-hover-border-color, {colors.neutral.stroke.7.hovered})',\n '--text-input-input-hover-foreground':\n 'var(--password-input-inner-input-hover-foreground, {colors.neutral.foreground.2.hovered})',\n\n /* Input - focus */\n '--text-input-input-focus-outline-width':\n 'var(--password-input-inner-input-focus-outline-width, {borders.150})',\n '--text-input-input-focus-outline-style':\n 'var(--password-input-inner-input-focus-outline-style, solid)',\n '--text-input-input-focus-outline-offset':\n 'var(--password-input-inner-input-focus-outline-offset, {spacing.50})',\n '--text-input-input-focus-outline-color':\n 'var(--password-input-inner-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n '--text-input-input-focus-border-color':\n 'var(--password-input-inner-input-focus-border-color, {colors.neutral.stroke.7.hovered})',\n '--text-input-input-focus-shadow':\n 'var(--password-input-inner-input-focus-shadow, none)',\n\n /* Input - disabled */\n '--text-input-input-disabled-background':\n 'var(--password-input-inner-input-disabled-background, transparent)',\n '--text-input-input-disabled-foreground':\n 'var(--password-input-inner-input-disabled-foreground, {colors.neutral.foreground.2.enabled})',\n '--text-input-input-disabled-border-color':\n 'var(--password-input-inner-input-disabled-border-color, {colors.neutral.stroke.7.enabled})',\n '--text-input-input-disabled-opacity':\n 'var(--password-input-inner-input-disabled-opacity, 0.5)',\n\n /* Input - sections */\n '--text-input-section-size':\n 'var(--password-input-section-size, {sizes.600})',\n '--text-input-left-section-width':\n 'var(--password-input-left-section-width, {sizes.600})',\n '--text-input-right-section-width':\n 'var(--password-input-right-section-width, {sizes.600})',\n '--text-input-left-section-position':\n 'var(--password-input-left-section-position, {spacing.200})',\n '--text-input-right-section-position':\n 'var(--password-input-right-section-position, {spacing.200})',\n '--text-input-left-section-pointer-events':\n 'var(--password-input-left-section-pointer-events, none)',\n '--text-input-right-section-pointer-events':\n 'var(--password-input-right-section-pointer-events, auto)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"yDAOA,MAAa,EAAgB,EAAU,MAAM,CAC3C,UAAW,iBACX,IAAK,CAAC,gBAAgB,CACtB,KAAM,CAEJ,wBAAyB,gDACzB,0BAA2B,yCAC3B,mCACE,oDACF,oCACE,yDACF,gCACE,kDAGF,2BAA4B,uCAC5B,iCACE,wDACF,+BACE,yDACF,iCACE,gEACF,iCACE,mDACF,gCACE,gFAGF,oCACE,2DACF,kCACE,4DACF,oCACE,mEACF,mCACE,mFACF,yCACE,wFAGF,iCACE,6CACF,uCACE,8DACF,qCACE,+DACF,uCACE,uEACF,uCACE,yDACF,sCACE,sFAGF,2BAA4B,uCAC5B,iCACE,wDACF,+BACE,yDACF,iCACE,iEACF,iCACE,mDACF,gCACE,+EAGF,6BAA8B,yCAC9B,kCACE,0DACF,6BAA8B,4CAC9B,4BAA6B,wCAC7B,wCACE,sDAGF,iCACE,8DACF,+BACE,+DACF,iCACE,uEACF,iCACE,yDACF,gCACE,qDACF,gCACE,4DACF,gCACE,sFACF,4CACE,kGACF,kCACE,gEACF,kCACE,wDACF,kCACE,oFACF,2BACE,uDACF,4BACE,wDACF,0CACE,wEACF,wCACE,sEACF,2BAA4B,0CAC5B,+BACE,+CACF,kCACE,kDACF,gCACE,qEAGF,wCACE,yFAGF,sCACE,kEACF,wCACE,0FACF,sCACE,4FAGF,yCACE,uEACF,yCACE,+DACF,0CACE,uEACF,yCACE,2FACF,wCACE,0FACF,kCACE,uDAGF,yCACE,qEACF,yCACE,+FACF,2CACE,6FACF,sCACE,0DAGF,4BACE,kDACF,kCACE,wDACF,mCACE,yDACF,qCACE,6DACF,sCACE,8DACF,2CACE,0DACF,4CACE,2DACH,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`password-strength-input`,jsx:[`PasswordStrengthInput`],base:{"--password-strength-input-gap":`{spacing.200}`,"--password-strength-input-strength-wrapper-background":`{colors.neutral.background.2.enabled}`,"--password-strength-input-strength-wrapper-gap":`{spacing.50}`,"--password-strength-input-strength-wrapper-padding-x":`{spacing.300}`,"--password-strength-input-strength-wrapper-padding-y":`{spacing.200}`,"--password-strength-input-strength-wrapper-radii":`{radii.200}`,"--password-strength-input-strength-wrapper-border-width":`{borders.100}`,"--password-strength-input-strength-wrapper-border-style":`solid`,"--password-strength-input-strength-wrapper-border-color":`{colors.neutral.stroke.7.enabled}`,"--password-strength-input-strength-wrapper-offset-x":`{spacing.50}`,"--password-strength-input-strength-wrapper-offset-top":`{spacing.150}`,"--password-strength-input-strength-wrapper-transition":`opacity 180ms cubic-bezier(0.16, 1, 0.3, 1), transform 180ms cubic-bezier(0.16, 1, 0.3, 1)`,"--password-strength-input-strength-wrapper-zindex":`100`,"--password-strength-input-bar-wrapper-direction":`row`,"--password-strength-input-bar-wrapper-align-items":`center`,"--password-strength-input-bar-wrapper-justify-content":`space-between`,"--password-strength-input-bar-wrapper-gap":`{spacing.200}`,"--password-strength-input-bar-wrapper-margin-top":`{spacing.100}`,"--password-strength-input-bar-wrapper-min-height":`{sizes.200}`,"--password-strength-input-bar-gap":`{spacing.50}`,"--password-strength-input-segment-height":`{sizes.50}`,"--password-strength-input-segment-radii":`{radii.50}`,"--password-strength-input-segment-background":`{colors.neutral.foreground.4.enabled}`,"--password-strength-input-segment-hue-start":0,"--password-strength-input-segment-hue-end":140,"--password-strength-input-segment-saturation":`70%`,"--password-strength-input-segment-lightness":`45%`,"--password-strength-input-segment-color-start":`{colors.danger.foreground.1.enabled}`,"--password-strength-input-segment-color-end":`{colors.success.foreground.1.enabled}`,"--password-strength-input-strength-label-font-size":`{fontSizes.200}`,"--password-strength-input-strength-label-font-weight":`{fontWeights.regular}`,"--password-strength-input-strength-label-foreground":`{colors.neutral.foreground.2.enabled}`,"--password-strength-input-rules-gap":`{spacing.100}`,"--password-strength-input-rules-padding-top":`{spacing.200}`,"--password-strength-input-rule-gap":`{spacing.100}`,"--password-strength-input-rule-foreground":`{colors.neutral.foreground.2.enabled}`,"--password-strength-input-rule-foreground-valid":`{colors.success.foreground.1.enabled}`,"--password-strength-input-rule-icon-size":`{sizes.150}`,"--password-strength-input-rule-text-font-size":`{fontSizes.200}`,"--password-strength-input-rule-text-font-weight":`{fontWeights.regular}`}});export{t as passwordStrengthInput};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`password-strength-input`,jsx:[`PasswordStrengthInput`],base:{"--password-strength-input-gap":`{spacing.200}`,"--password-strength-input-width":`var(--password-strength-input-width, 100%)`,"--password-strength-input-flex-direction":`var(--password-strength-input-flex-direction, column)`,"--password-strength-input-justify-content":`var(--password-strength-input-justify-content, flex-start)`,"--password-strength-input-align-items":`var(--password-strength-input-align-items, stretch)`,"--password-strength-input-strength-wrapper-background":`{colors.neutral.background.2.enabled}`,"--password-strength-input-strength-wrapper-gap":`{spacing.50}`,"--password-strength-input-strength-wrapper-padding-x":`{spacing.300}`,"--password-strength-input-strength-wrapper-padding-y":`{spacing.200}`,"--password-strength-input-strength-wrapper-radii":`{radii.200}`,"--password-strength-input-strength-wrapper-border-width":`{borders.100}`,"--password-strength-input-strength-wrapper-border-style":`solid`,"--password-strength-input-strength-wrapper-border-color":`{colors.neutral.stroke.7.enabled}`,"--password-strength-input-strength-wrapper-offset-x":`{spacing.50}`,"--password-strength-input-strength-wrapper-offset-top":`{spacing.150}`,"--password-strength-input-strength-wrapper-transition":`opacity 180ms cubic-bezier(0.16, 1, 0.3, 1), transform 180ms cubic-bezier(0.16, 1, 0.3, 1)`,"--password-strength-input-strength-wrapper-zindex":`100`,"--password-strength-input-bar-wrapper-direction":`row`,"--password-strength-input-bar-wrapper-align-items":`center`,"--password-strength-input-bar-wrapper-justify-content":`space-between`,"--password-strength-input-bar-wrapper-gap":`{spacing.200}`,"--password-strength-input-bar-wrapper-margin-top":`{spacing.100}`,"--password-strength-input-bar-wrapper-min-height":`{sizes.200}`,"--password-strength-input-bar-gap":`{spacing.50}`,"--password-strength-input-segment-height":`{sizes.50}`,"--password-strength-input-segment-radii":`{radii.50}`,"--password-strength-input-segment-background":`{colors.neutral.foreground.4.enabled}`,"--password-strength-input-segment-hue-start":0,"--password-strength-input-segment-hue-end":140,"--password-strength-input-segment-saturation":`70%`,"--password-strength-input-segment-lightness":`45%`,"--password-strength-input-segment-color-start":`{colors.danger.foreground.1.enabled}`,"--password-strength-input-segment-color-end":`{colors.success.foreground.1.enabled}`,"--password-strength-input-strength-label-font-size":`{fontSizes.200}`,"--password-strength-input-strength-label-font-weight":`{fontWeights.regular}`,"--password-strength-input-strength-label-foreground":`{colors.neutral.foreground.2.enabled}`,"--password-strength-input-rules-gap":`{spacing.100}`,"--password-strength-input-rules-padding-top":`{spacing.200}`,"--password-strength-input-rule-gap":`{spacing.100}`,"--password-strength-input-rule-foreground":`{colors.neutral.foreground.2.enabled}`,"--password-strength-input-rule-foreground-valid":`{colors.success.foreground.1.enabled}`,"--password-strength-input-rule-icon-size":`{sizes.150}`,"--password-strength-input-rule-text-font-size":`{fontSizes.200}`,"--password-strength-input-rule-text-font-weight":`{fontWeights.regular}`}});export{t as passwordStrengthInput};
2
2
  //# sourceMappingURL=password-strength-input.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"password-strength-input.mjs","names":[],"sources":["../../../../src/recipes/controls/password-strength-input/password-strength-input.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const passwordStrengthInput = defineRecipe({\n className: 'password-strength-input',\n jsx: ['PasswordStrengthInput'],\n base: {\n /* Root */\n '--password-strength-input-gap': '{spacing.200}',\n\n /* Strength wrapper */\n '--password-strength-input-strength-wrapper-background':\n '{colors.neutral.background.2.enabled}',\n '--password-strength-input-strength-wrapper-gap': '{spacing.50}',\n '--password-strength-input-strength-wrapper-padding-x': '{spacing.300}',\n '--password-strength-input-strength-wrapper-padding-y': '{spacing.200}',\n '--password-strength-input-strength-wrapper-radii': '{radii.200}',\n '--password-strength-input-strength-wrapper-border-width': '{borders.100}',\n '--password-strength-input-strength-wrapper-border-style': 'solid',\n '--password-strength-input-strength-wrapper-border-color':\n '{colors.neutral.stroke.7.enabled}',\n '--password-strength-input-strength-wrapper-offset-x': '{spacing.50}',\n '--password-strength-input-strength-wrapper-offset-top': '{spacing.150}',\n '--password-strength-input-strength-wrapper-transition':\n 'opacity 180ms cubic-bezier(0.16, 1, 0.3, 1), transform 180ms cubic-bezier(0.16, 1, 0.3, 1)',\n '--password-strength-input-strength-wrapper-zindex': '100',\n\n /* Bar wrapper */\n '--password-strength-input-bar-wrapper-direction': 'row',\n '--password-strength-input-bar-wrapper-align-items': 'center',\n '--password-strength-input-bar-wrapper-justify-content': 'space-between',\n '--password-strength-input-bar-wrapper-gap': '{spacing.200}',\n '--password-strength-input-bar-wrapper-margin-top': '{spacing.100}',\n '--password-strength-input-bar-wrapper-min-height': '{sizes.200}',\n\n /* Bar */\n '--password-strength-input-bar-gap': '{spacing.50}',\n\n /* Segment */\n '--password-strength-input-segment-height': '{sizes.50}',\n '--password-strength-input-segment-radii': '{radii.50}',\n '--password-strength-input-segment-background':\n '{colors.neutral.foreground.4.enabled}',\n '--password-strength-input-segment-hue-start': 0,\n '--password-strength-input-segment-hue-end': 140,\n '--password-strength-input-segment-saturation': '70%',\n '--password-strength-input-segment-lightness': '45%',\n '--password-strength-input-segment-color-start':\n '{colors.danger.foreground.1.enabled}',\n '--password-strength-input-segment-color-end':\n '{colors.success.foreground.1.enabled}',\n\n /* Strength label */\n '--password-strength-input-strength-label-font-size': '{fontSizes.200}',\n '--password-strength-input-strength-label-font-weight':\n '{fontWeights.regular}',\n '--password-strength-input-strength-label-foreground':\n '{colors.neutral.foreground.2.enabled}',\n\n /* Rules */\n '--password-strength-input-rules-gap': '{spacing.100}',\n '--password-strength-input-rules-padding-top': '{spacing.200}',\n\n /* Rule */\n '--password-strength-input-rule-gap': '{spacing.100}',\n '--password-strength-input-rule-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--password-strength-input-rule-foreground-valid':\n '{colors.success.foreground.1.enabled}',\n\n /* Rule icon */\n '--password-strength-input-rule-icon-size': '{sizes.150}',\n\n /* Rule text */\n '--password-strength-input-rule-text-font-size': '{fontSizes.200}',\n '--password-strength-input-rule-text-font-weight': '{fontWeights.regular}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAwB,EAAa,CAChD,UAAW,0BACX,IAAK,CAAC,wBAAwB,CAC9B,KAAM,CAEJ,gCAAiC,gBAGjC,wDACE,wCACF,iDAAkD,eAClD,uDAAwD,gBACxD,uDAAwD,gBACxD,mDAAoD,cACpD,0DAA2D,gBAC3D,0DAA2D,QAC3D,0DACE,oCACF,sDAAuD,eACvD,wDAAyD,gBACzD,wDACE,6FACF,oDAAqD,MAGrD,kDAAmD,MACnD,oDAAqD,SACrD,wDAAyD,gBACzD,4CAA6C,gBAC7C,mDAAoD,gBACpD,mDAAoD,cAGpD,oCAAqC,eAGrC,2CAA4C,aAC5C,0CAA2C,aAC3C,+CACE,wCACF,8CAA+C,EAC/C,4CAA6C,IAC7C,+CAAgD,MAChD,8CAA+C,MAC/C,gDACE,uCACF,8CACE,wCAGF,qDAAsD,kBACtD,uDACE,wBACF,sDACE,wCAGF,sCAAuC,gBACvC,8CAA+C,gBAG/C,qCAAsC,gBACtC,4CACE,wCACF,kDACE,wCAGF,2CAA4C,cAG5C,gDAAiD,kBACjD,kDAAmD,wBACpD,CACF,CAAC"}
1
+ {"version":3,"file":"password-strength-input.mjs","names":[],"sources":["../../../../src/recipes/controls/password-strength-input/password-strength-input.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const passwordStrengthInput = defineRecipe({\n className: 'password-strength-input',\n jsx: ['PasswordStrengthInput'],\n base: {\n /* Root */\n '--password-strength-input-gap': '{spacing.200}',\n '--password-strength-input-width':\n 'var(--password-strength-input-width, 100%)',\n '--password-strength-input-flex-direction':\n 'var(--password-strength-input-flex-direction, column)',\n '--password-strength-input-justify-content':\n 'var(--password-strength-input-justify-content, flex-start)',\n '--password-strength-input-align-items':\n 'var(--password-strength-input-align-items, stretch)',\n\n /* Strength wrapper */\n '--password-strength-input-strength-wrapper-background':\n '{colors.neutral.background.2.enabled}',\n '--password-strength-input-strength-wrapper-gap': '{spacing.50}',\n '--password-strength-input-strength-wrapper-padding-x': '{spacing.300}',\n '--password-strength-input-strength-wrapper-padding-y': '{spacing.200}',\n '--password-strength-input-strength-wrapper-radii': '{radii.200}',\n '--password-strength-input-strength-wrapper-border-width': '{borders.100}',\n '--password-strength-input-strength-wrapper-border-style': 'solid',\n '--password-strength-input-strength-wrapper-border-color':\n '{colors.neutral.stroke.7.enabled}',\n '--password-strength-input-strength-wrapper-offset-x': '{spacing.50}',\n '--password-strength-input-strength-wrapper-offset-top': '{spacing.150}',\n '--password-strength-input-strength-wrapper-transition':\n 'opacity 180ms cubic-bezier(0.16, 1, 0.3, 1), transform 180ms cubic-bezier(0.16, 1, 0.3, 1)',\n '--password-strength-input-strength-wrapper-zindex': '100',\n\n /* Bar wrapper */\n '--password-strength-input-bar-wrapper-direction': 'row',\n '--password-strength-input-bar-wrapper-align-items': 'center',\n '--password-strength-input-bar-wrapper-justify-content': 'space-between',\n '--password-strength-input-bar-wrapper-gap': '{spacing.200}',\n '--password-strength-input-bar-wrapper-margin-top': '{spacing.100}',\n '--password-strength-input-bar-wrapper-min-height': '{sizes.200}',\n\n /* Bar */\n '--password-strength-input-bar-gap': '{spacing.50}',\n\n /* Segment */\n '--password-strength-input-segment-height': '{sizes.50}',\n '--password-strength-input-segment-radii': '{radii.50}',\n '--password-strength-input-segment-background':\n '{colors.neutral.foreground.4.enabled}',\n '--password-strength-input-segment-hue-start': 0,\n '--password-strength-input-segment-hue-end': 140,\n '--password-strength-input-segment-saturation': '70%',\n '--password-strength-input-segment-lightness': '45%',\n '--password-strength-input-segment-color-start':\n '{colors.danger.foreground.1.enabled}',\n '--password-strength-input-segment-color-end':\n '{colors.success.foreground.1.enabled}',\n\n /* Strength label */\n '--password-strength-input-strength-label-font-size': '{fontSizes.200}',\n '--password-strength-input-strength-label-font-weight':\n '{fontWeights.regular}',\n '--password-strength-input-strength-label-foreground':\n '{colors.neutral.foreground.2.enabled}',\n\n /* Rules */\n '--password-strength-input-rules-gap': '{spacing.100}',\n '--password-strength-input-rules-padding-top': '{spacing.200}',\n\n /* Rule */\n '--password-strength-input-rule-gap': '{spacing.100}',\n '--password-strength-input-rule-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--password-strength-input-rule-foreground-valid':\n '{colors.success.foreground.1.enabled}',\n\n /* Rule icon */\n '--password-strength-input-rule-icon-size': '{sizes.150}',\n\n /* Rule text */\n '--password-strength-input-rule-text-font-size': '{fontSizes.200}',\n '--password-strength-input-rule-text-font-weight': '{fontWeights.regular}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAwB,EAAa,CAChD,UAAW,0BACX,IAAK,CAAC,wBAAwB,CAC9B,KAAM,CAEJ,gCAAiC,gBACjC,kCACE,6CACF,2CACE,wDACF,4CACE,6DACF,wCACE,sDAGF,wDACE,wCACF,iDAAkD,eAClD,uDAAwD,gBACxD,uDAAwD,gBACxD,mDAAoD,cACpD,0DAA2D,gBAC3D,0DAA2D,QAC3D,0DACE,oCACF,sDAAuD,eACvD,wDAAyD,gBACzD,wDACE,6FACF,oDAAqD,MAGrD,kDAAmD,MACnD,oDAAqD,SACrD,wDAAyD,gBACzD,4CAA6C,gBAC7C,mDAAoD,gBACpD,mDAAoD,cAGpD,oCAAqC,eAGrC,2CAA4C,aAC5C,0CAA2C,aAC3C,+CACE,wCACF,8CAA+C,EAC/C,4CAA6C,IAC7C,+CAAgD,MAChD,8CAA+C,MAC/C,gDACE,uCACF,8CACE,wCAGF,qDAAsD,kBACtD,uDACE,wBACF,sDACE,wCAGF,sCAAuC,gBACvC,8CAA+C,gBAG/C,qCAAsC,gBACtC,4CACE,wCACF,kDACE,wCAGF,2CAA4C,cAG5C,gDAAiD,kBACjD,kDAAmD,wBACpD,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input__input`,jsx:[`TextInput`],base:{fontFamily:`var(--text-input-input-font-family, {fonts.base})`,fontSize:`var(--text-input-input-font-size, {fontSizes.400})`,fontWeight:`var(--text-input-input-font-weight, {fontWeights.regular})`,lineHeight:`var(--text-input-input-line-height, inherit)`,textAlign:`var(--text-input-input-text-align, left)`,color:`var(--text-input-input-foreground, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--text-input-input-background, transparent)`,borderColor:`var(--text-input-input-border-color, {colors.neutral.stroke.7.enabled})`,borderWidth:`var(--text-input-input-border-width, {borders.100})`,borderStyle:`var(--text-input-input-border-style, solid)`,borderRadius:`var(--text-input-input-radii, {radii.200})`,width:`100%`,height:`var(--text-input-input-height, {sizes.700})`,paddingInlineStart:`var(--text-input-input-padding-inline-start, {spacing.300})`,paddingInlineEnd:`var(--text-input-input-padding-inline-end, {spacing.300})`,transition:`var(--text-input-input-transition, all 0.2s ease-in-out)`,outlineWidth:`var(--text-input-input-focus-outline-width, {borders.150})`,outlineStyle:`var(--text-input-input-focus-outline-style, solid)`,outlineOffset:`var(--text-input-input-focus-outline-offset, {spacing.50})`,outlineColor:`transparent`,"&::-webkit-outer-spin-button":{margin:0,WebkitAppearance:`none`},"&::-webkit-inner-spin-button":{margin:0,WebkitAppearance:`none`},"&[type=number]":{"-moz-appearance":`textfield`},"&::placeholder":{color:`var(--text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`},"&:hover":{color:`var(--text-input-input-hover-foreground, {colors.neutral.foreground.1.hovered})`,backgroundColor:`var(--text-input-input-hover-background, transparent)`,borderColor:`var(--text-input-input-hover-border-color, {colors.neutral.stroke.7.hovered})`},_focus:{outlineColor:`var(--text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})`,boxShadow:`var(--text-input-input-focus-shadow, none)`,borderColor:`var(--text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})`},_readOnly:{pointerEvents:`none`,userSelect:`all`},'[data-with-left-section="true"] &':{paddingInlineStart:`calc(var(--text-input-input-padding-inline-start, {spacing.300}) + var(--text-input-left-section-width, {sizes.600}) + var(--text-input-left-section-position, {spacing.200}))`},'[data-with-right-section="true"] &':{paddingInlineEnd:`calc(var(--text-input-input-padding-inline-end, {spacing.300}) + var(--text-input-right-section-width, {sizes.600}) + var(--text-input-right-section-position, {spacing.200}))`},'[data-error="true"] &':{borderColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,_focus:{borderColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,outlineColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`},"&:hover":{borderColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`}}}});export{t as textInputInput};
1
+ 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:`var(--text-input-input-width, 100%)`,minWidth:`var(--text-input-input-min-width, unset)`,fieldSizing:`var(--text-input-input-field-sizing, fixed)`,height:`var(--text-input-input-height, {sizes.700})`,paddingInlineStart:`var(--text-input-input-padding-inline-start, {spacing.300})`,paddingInlineEnd:`var(--text-input-input-padding-inline-end, {spacing.300})`,transition:`var(--text-input-input-transition, all 0.2s ease-in-out)`,outlineWidth:`var(--text-input-input-focus-outline-width, {borders.150})`,outlineStyle:`var(--text-input-input-focus-outline-style, solid)`,outlineOffset:`var(--text-input-input-focus-outline-offset, {spacing.50})`,outlineColor:`transparent`,"&::-webkit-outer-spin-button":{margin:0,WebkitAppearance:`none`},"&::-webkit-inner-spin-button":{margin:0,WebkitAppearance:`none`},"&[type=number]":{"-moz-appearance":`textfield`},"&::placeholder":{color:`var(--text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`},"&:hover":{color:`var(--text-input-input-hover-foreground, {colors.neutral.foreground.1.hovered})`,backgroundColor:`var(--text-input-input-hover-background, transparent)`,borderColor:`var(--text-input-input-hover-border-color, {colors.neutral.stroke.7.hovered})`},_focus:{outlineColor:`var(--text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})`,boxShadow:`var(--text-input-input-focus-shadow, none)`,borderColor:`var(--text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})`},_readOnly:{pointerEvents:`none`,userSelect:`all`},'[data-with-left-section="true"] &':{paddingInlineStart:`calc(var(--text-input-input-padding-inline-start, {spacing.300}) + var(--text-input-left-section-width, {sizes.600}) + var(--text-input-left-section-position, {spacing.200}))`},'[data-with-right-section="true"] &':{paddingInlineEnd:`calc(var(--text-input-input-padding-inline-end, {spacing.300}) + var(--text-input-right-section-width, {sizes.600}) + var(--text-input-right-section-position, {spacing.200}))`},'[data-error="true"] &':{borderColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,_focus:{borderColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,outlineColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`},"&:hover":{borderColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`}}}});export{t as textInputInput};
2
2
  //# sourceMappingURL=text-input-input.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"text-input-input.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input-input.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInputInput = defineRecipe({\n className: 'text-input__input',\n jsx: ['TextInput'],\n base: {\n fontFamily: 'var(--text-input-input-font-family, {fonts.base})',\n fontSize: 'var(--text-input-input-font-size, {fontSizes.400})',\n fontWeight: 'var(--text-input-input-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--text-input-input-line-height, inherit)',\n textAlign: 'var(--text-input-input-text-align, left)',\n color:\n 'var(--text-input-input-foreground, {colors.neutral.foreground.1.enabled})',\n backgroundColor: 'var(--text-input-input-background, transparent)',\n borderColor:\n 'var(--text-input-input-border-color, {colors.neutral.stroke.7.enabled})',\n borderWidth: 'var(--text-input-input-border-width, {borders.100})',\n borderStyle: 'var(--text-input-input-border-style, solid)',\n borderRadius: 'var(--text-input-input-radii, {radii.200})',\n width: '100%',\n height: 'var(--text-input-input-height, {sizes.700})',\n paddingInlineStart:\n 'var(--text-input-input-padding-inline-start, {spacing.300})',\n paddingInlineEnd:\n 'var(--text-input-input-padding-inline-end, {spacing.300})',\n transition: 'var(--text-input-input-transition, all 0.2s ease-in-out)',\n\n outlineWidth: 'var(--text-input-input-focus-outline-width, {borders.150})',\n outlineStyle: 'var(--text-input-input-focus-outline-style, solid)',\n outlineOffset: 'var(--text-input-input-focus-outline-offset, {spacing.50})',\n outlineColor: 'transparent',\n\n '&::-webkit-outer-spin-button': {\n margin: 0,\n WebkitAppearance: 'none',\n },\n '&::-webkit-inner-spin-button': {\n margin: 0,\n WebkitAppearance: 'none',\n },\n '&[type=number]': {\n '-moz-appearance': 'textfield',\n },\n '&::placeholder': {\n color:\n 'var(--text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n },\n '&:hover': {\n color:\n 'var(--text-input-input-hover-foreground, {colors.neutral.foreground.1.hovered})',\n backgroundColor: 'var(--text-input-input-hover-background, transparent)',\n borderColor:\n 'var(--text-input-input-hover-border-color, {colors.neutral.stroke.7.hovered})',\n },\n _focus: {\n outlineColor:\n 'var(--text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n boxShadow: 'var(--text-input-input-focus-shadow, none)',\n borderColor:\n 'var(--text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})',\n },\n _readOnly: {\n pointerEvents: 'none',\n userSelect: 'all',\n },\n '[data-with-left-section=\"true\"] &': {\n paddingInlineStart:\n 'calc(var(--text-input-input-padding-inline-start, {spacing.300}) + var(--text-input-left-section-width, {sizes.600}) + var(--text-input-left-section-position, {spacing.200}))',\n },\n '[data-with-right-section=\"true\"] &': {\n paddingInlineEnd:\n 'calc(var(--text-input-input-padding-inline-end, {spacing.300}) + var(--text-input-right-section-width, {sizes.600}) + var(--text-input-right-section-position, {spacing.200}))',\n },\n '[data-error=\"true\"] &': {\n borderColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n _focus: {\n borderColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n outlineColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n },\n '&:hover': {\n borderColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,oBACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,WAAY,oDACZ,SAAU,qDACV,WAAY,6DACZ,WAAY,+CACZ,UAAW,2CACX,MACE,4EACF,gBAAiB,kDACjB,YACE,0EACF,YAAa,sDACb,YAAa,8CACb,aAAc,6CACd,MAAO,OACP,OAAQ,8CACR,mBACE,8DACF,iBACE,4DACF,WAAY,2DAEZ,aAAc,6DACd,aAAc,qDACd,cAAe,6DACf,aAAc,cAEd,+BAAgC,CAC9B,OAAQ,EACR,iBAAkB,OACnB,CACD,+BAAgC,CAC9B,OAAQ,EACR,iBAAkB,OACnB,CACD,iBAAkB,CAChB,kBAAmB,YACpB,CACD,iBAAkB,CAChB,MACE,wFACH,CACD,UAAW,CACT,MACE,kFACF,gBAAiB,wDACjB,YACE,gFACH,CACD,OAAQ,CACN,aACE,iFACF,UAAW,6CACX,YACE,gFACH,CACD,UAAW,CACT,cAAe,OACf,WAAY,MACb,CACD,oCAAqC,CACnC,mBACE,iLACH,CACD,qCAAsC,CACpC,iBACE,iLACH,CACD,wBAAyB,CACvB,YACE,+EACF,OAAQ,CACN,YACE,+EACF,aACE,+EACH,CACD,UAAW,CACT,YACE,+EACH,CACF,CACF,CACF,CAAC"}
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: 'var(--text-input-input-width, 100%)',\n minWidth: 'var(--text-input-input-min-width, unset)',\n fieldSizing: 'var(--text-input-input-field-sizing, fixed)',\n height: 'var(--text-input-input-height, {sizes.700})',\n paddingInlineStart:\n 'var(--text-input-input-padding-inline-start, {spacing.300})',\n paddingInlineEnd:\n 'var(--text-input-input-padding-inline-end, {spacing.300})',\n transition: 'var(--text-input-input-transition, all 0.2s ease-in-out)',\n\n outlineWidth: 'var(--text-input-input-focus-outline-width, {borders.150})',\n outlineStyle: 'var(--text-input-input-focus-outline-style, solid)',\n outlineOffset: 'var(--text-input-input-focus-outline-offset, {spacing.50})',\n outlineColor: 'transparent',\n\n '&::-webkit-outer-spin-button': {\n margin: 0,\n WebkitAppearance: 'none',\n },\n '&::-webkit-inner-spin-button': {\n margin: 0,\n WebkitAppearance: 'none',\n },\n '&[type=number]': {\n '-moz-appearance': 'textfield',\n },\n '&::placeholder': {\n color:\n 'var(--text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n },\n '&:hover': {\n color:\n 'var(--text-input-input-hover-foreground, {colors.neutral.foreground.1.hovered})',\n backgroundColor: 'var(--text-input-input-hover-background, transparent)',\n borderColor:\n 'var(--text-input-input-hover-border-color, {colors.neutral.stroke.7.hovered})',\n },\n _focus: {\n outlineColor:\n 'var(--text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n boxShadow: 'var(--text-input-input-focus-shadow, none)',\n borderColor:\n 'var(--text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})',\n },\n _readOnly: {\n pointerEvents: 'none',\n userSelect: 'all',\n },\n '[data-with-left-section=\"true\"] &': {\n paddingInlineStart:\n 'calc(var(--text-input-input-padding-inline-start, {spacing.300}) + var(--text-input-left-section-width, {sizes.600}) + var(--text-input-left-section-position, {spacing.200}))',\n },\n '[data-with-right-section=\"true\"] &': {\n paddingInlineEnd:\n 'calc(var(--text-input-input-padding-inline-end, {spacing.300}) + var(--text-input-right-section-width, {sizes.600}) + var(--text-input-right-section-position, {spacing.200}))',\n },\n '[data-error=\"true\"] &': {\n borderColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n _focus: {\n borderColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n outlineColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n },\n '&:hover': {\n borderColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,oBACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,WAAY,oDACZ,SAAU,qDACV,WAAY,6DACZ,WAAY,+CACZ,UAAW,2CACX,MACE,4EACF,gBAAiB,kDACjB,YACE,0EACF,YAAa,sDACb,YAAa,8CACb,aAAc,6CACd,MAAO,sCACP,SAAU,2CACV,YAAa,8CACb,OAAQ,8CACR,mBACE,8DACF,iBACE,4DACF,WAAY,2DAEZ,aAAc,6DACd,aAAc,qDACd,cAAe,6DACf,aAAc,cAEd,+BAAgC,CAC9B,OAAQ,EACR,iBAAkB,OACnB,CACD,+BAAgC,CAC9B,OAAQ,EACR,iBAAkB,OACnB,CACD,iBAAkB,CAChB,kBAAmB,YACpB,CACD,iBAAkB,CAChB,MACE,wFACH,CACD,UAAW,CACT,MACE,kFACF,gBAAiB,wDACjB,YACE,gFACH,CACD,OAAQ,CACN,aACE,iFACF,UAAW,6CACX,YACE,gFACH,CACD,UAAW,CACT,cAAe,OACf,WAAY,MACb,CACD,oCAAqC,CACnC,mBACE,iLACH,CACD,qCAAsC,CACpC,iBACE,iLACH,CACD,wBAAyB,CACvB,YACE,+EACF,OAAQ,CACN,YACE,+EACF,aACE,+EACH,CACD,UAAW,CACT,YACE,+EACH,CACF,CACF,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input__root`,jsx:[`TextInput`],base:{display:`flex`,flexDirection:`column`,justifyContent:`flex-start`,alignItems:`stretch`,gap:`var(--text-input-root-gap, {spacing.100})`,width:`100%`}});export{t as textInputRoot};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input__root`,jsx:[`TextInput`],base:{display:`flex`,flexDirection:`var(--text-input-root-flex-direction, column)`,justifyContent:`var(--text-input-root-justify-content, flex-start)`,alignItems:`var(--text-input-root-align-items, stretch)`,gap:`var(--text-input-root-gap, {spacing.100})`,width:`var(--text-input-root-width, 100%)`}});export{t as textInputRoot};
2
2
  //# sourceMappingURL=text-input-root.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"text-input-root.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInputRoot = defineRecipe({\n className: 'text-input__root',\n jsx: ['TextInput'],\n base: {\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'flex-start',\n alignItems: 'stretch',\n gap: 'var(--text-input-root-gap, {spacing.100})',\n width: '100%',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,mBACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,QAAS,OACT,cAAe,SACf,eAAgB,aAChB,WAAY,UACZ,IAAK,4CACL,MAAO,OACR,CACF,CAAC"}
1
+ {"version":3,"file":"text-input-root.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInputRoot = defineRecipe({\n className: 'text-input__root',\n jsx: ['TextInput'],\n base: {\n display: 'flex',\n flexDirection: 'var(--text-input-root-flex-direction, column)',\n justifyContent: 'var(--text-input-root-justify-content, flex-start)',\n alignItems: 'var(--text-input-root-align-items, stretch)',\n gap: 'var(--text-input-root-gap, {spacing.100})',\n width: 'var(--text-input-root-width, 100%)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,mBACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,QAAS,OACT,cAAe,gDACf,eAAgB,qDAChB,WAAY,8CACZ,IAAK,4CACL,MAAO,qCACR,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input__wrapper`,jsx:[`TextInput`],base:{order:`var(--text-input-wrapper-order, 2)`,position:`var(--text-input-wrapper-position, relative)`,marginTop:`var(--text-input-wrapper-margin-top, {spacing.100})`,_disabled:{opacity:`var(--text-input-wrapper-disabled-opacity, 0.5)`,pointerEvents:`none`}}});export{t as textInputWrapper};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input__wrapper`,jsx:[`TextInput`],base:{order:`var(--text-input-wrapper-order, 2)`,position:`var(--text-input-wrapper-position, relative)`,marginTop:`var(--text-input-wrapper-margin-top, {spacing.100})`,width:`var(--text-input-wrapper-width, 100%)`,flex:`var(--text-input-wrapper-flex, 1)`,_disabled:{opacity:`var(--text-input-wrapper-disabled-opacity, 0.5)`,pointerEvents:`none`}}});export{t as textInputWrapper};
2
2
  //# sourceMappingURL=text-input-wrapper.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"text-input-wrapper.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input-wrapper.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInputWrapper = defineRecipe({\n className: 'text-input__wrapper',\n jsx: ['TextInput'],\n base: {\n order: 'var(--text-input-wrapper-order, 2)',\n position: 'var(--text-input-wrapper-position, relative)',\n marginTop: 'var(--text-input-wrapper-margin-top, {spacing.100})',\n _disabled: {\n opacity: 'var(--text-input-wrapper-disabled-opacity, 0.5)',\n pointerEvents: 'none',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,sBACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,MAAO,qCACP,SAAU,+CACV,UAAW,sDACX,UAAW,CACT,QAAS,kDACT,cAAe,OAChB,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"text-input-wrapper.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input-wrapper.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInputWrapper = defineRecipe({\n className: 'text-input__wrapper',\n jsx: ['TextInput'],\n base: {\n order: 'var(--text-input-wrapper-order, 2)',\n position: 'var(--text-input-wrapper-position, relative)',\n marginTop: 'var(--text-input-wrapper-margin-top, {spacing.100})',\n width: 'var(--text-input-wrapper-width, 100%)',\n flex: 'var(--text-input-wrapper-flex, 1)',\n _disabled: {\n opacity: 'var(--text-input-wrapper-disabled-opacity, 0.5)',\n pointerEvents: 'none',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,sBACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,MAAO,qCACP,SAAU,+CACV,UAAW,sDACX,MAAO,wCACP,KAAM,oCACN,UAAW,CACT,QAAS,kDACT,cAAe,OAChB,CACF,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input`,jsx:[`TextInput`],base:{"--text-input-root-gap":`{spacing.200}`,"--text-input-label-order":`1`,"--text-input-label-font-family":`{fonts.base}`,"--text-input-label-font-size":`{fontSizes.300}`,"--text-input-label-font-weight":`{fontWeights.medium}`,"--text-input-label-line-height":`inherit`,"--text-input-label-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-required-font-family":`{fonts.base}`,"--text-input-required-font-size":`{fontSizes.300}`,"--text-input-required-font-weight":`{fontWeights.medium}`,"--text-input-required-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-required-foreground-error":`{colors.danger.foreground.1.enabled}`,"--text-input-description-order":`4`,"--text-input-description-font-family":`{fonts.base}`,"--text-input-description-font-size":`{fontSizes.200}`,"--text-input-description-font-weight":`{fontWeights.regular}`,"--text-input-description-line-height":`inherit`,"--text-input-description-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-error-order":`3`,"--text-input-error-font-family":`{fonts.base}`,"--text-input-error-font-size":`{fontSizes.200}`,"--text-input-error-font-weight":`{fontWeights.regular}`,"--text-input-error-line-height":`inherit`,"--text-input-error-foreground":`{colors.danger.foreground.1.enabled}`,"--text-input-wrapper-order":`2`,"--text-input-wrapper-position":`relative`,"--text-input-wrapper-margin-top":`{spacing.100}`,"--text-input-wrapper-disabled-opacity":`0.5`,"--text-input-input-font-family":`{fonts.base}`,"--text-input-input-font-size":`{fontSizes.300}`,"--text-input-input-font-weight":`{fontWeights.regular}`,"--text-input-input-line-height":`inherit`,"--text-input-input-text-align":`left`,"--text-input-input-background":`transparent`,"--text-input-input-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-input-placeholder-foreground":`{colors.neutral.foreground.3.enabled}`,"--text-input-input-border-width":`{borders.150}`,"--text-input-input-border-style":`solid`,"--text-input-input-border-color":`{colors.neutral.stroke.7.enabled}`,"--text-input-input-radii":`{radii.200}`,"--text-input-input-height":`{sizes.700}`,"--text-input-input-padding-inline-start":`{spacing.300}`,"--text-input-input-padding-inline-end":`{spacing.300}`,"--text-input-input-transition":`all 0.2s ease-in-out`,"--text-input-input-border-color-error":`{colors.danger.stroke.1.enabled}`,"--text-input-input-hover-background":`transparent`,"--text-input-input-hover-border-color":`{colors.neutral.stroke.7.hovered}`,"--text-input-input-hover-foreground":`{colors.neutral.foreground.2.hovered}`,"--text-input-input-focus-outline-width":`{borders.150}`,"--text-input-input-focus-outline-style":`solid`,"--text-input-input-focus-outline-offset":`{spacing.50}`,"--text-input-input-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--text-input-input-focus-border-color":`{colors.neutral.stroke.7.hovered}`,"--text-input-input-focus-shadow":`none`,"--text-input-input-disabled-background":`transparent`,"--text-input-input-disabled-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-input-disabled-border-color":`{colors.neutral.stroke.7.enabled}`,"--text-input-input-disabled-opacity":`0.5`,"--text-input-section-foreground":`var(--text-input-input-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-section-size":`{sizes.600}`,"--text-input-left-section-width":`{sizes.600}`,"--text-input-right-section-width":`{sizes.600}`,"--text-input-left-section-position":`{spacing.200}`,"--text-input-right-section-position":`{spacing.200}`,"--text-input-left-section-pointer-events":`none`,"--text-input-right-section-pointer-events":`none`}});export{t as textInput};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input`,jsx:[`TextInput`],base:{"--text-input-root-flex-direction":`column`,"--text-input-root-justify-content":`flex-start`,"--text-input-root-align-items":`stretch`,"--text-input-root-gap":`{spacing.200}`,"--text-input-root-width":`100%`,"--text-input-label-order":`1`,"--text-input-label-font-family":`{fonts.base}`,"--text-input-label-font-size":`{fontSizes.300}`,"--text-input-label-font-weight":`{fontWeights.medium}`,"--text-input-label-line-height":`inherit`,"--text-input-label-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-required-font-family":`{fonts.base}`,"--text-input-required-font-size":`{fontSizes.300}`,"--text-input-required-font-weight":`{fontWeights.medium}`,"--text-input-required-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-required-foreground-error":`{colors.danger.foreground.1.enabled}`,"--text-input-description-order":`4`,"--text-input-description-font-family":`{fonts.base}`,"--text-input-description-font-size":`{fontSizes.200}`,"--text-input-description-font-weight":`{fontWeights.regular}`,"--text-input-description-line-height":`inherit`,"--text-input-description-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-error-order":`3`,"--text-input-error-font-family":`{fonts.base}`,"--text-input-error-font-size":`{fontSizes.200}`,"--text-input-error-font-weight":`{fontWeights.regular}`,"--text-input-error-line-height":`inherit`,"--text-input-error-foreground":`{colors.danger.foreground.1.enabled}`,"--text-input-wrapper-order":`2`,"--text-input-wrapper-position":`relative`,"--text-input-wrapper-margin-top":`{spacing.100}`,"--text-input-wrapper-disabled-opacity":`0.5`,"--text-input-wrapper-width":`100%`,"--text-input-wrapper-flex":`1`,"--text-input-input-font-family":`{fonts.base}`,"--text-input-input-font-size":`{fontSizes.300}`,"--text-input-input-font-weight":`{fontWeights.regular}`,"--text-input-input-line-height":`inherit`,"--text-input-input-text-align":`left`,"--text-input-input-background":`transparent`,"--text-input-input-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-input-placeholder-foreground":`{colors.neutral.foreground.3.enabled}`,"--text-input-input-border-width":`{borders.150}`,"--text-input-input-border-style":`solid`,"--text-input-input-border-color":`{colors.neutral.stroke.7.enabled}`,"--text-input-input-radii":`{radii.200}`,"--text-input-input-height":`{sizes.700}`,"--text-input-input-padding-inline-start":`{spacing.300}`,"--text-input-input-padding-inline-end":`{spacing.300}`,"--text-input-input-width":`100%`,"--text-input-input-min-width":`unset`,"--text-input-input-field-sizing":`fixed`,"--text-input-input-transition":`all 0.2s ease-in-out`,"--text-input-input-border-color-error":`{colors.danger.stroke.1.enabled}`,"--text-input-input-hover-background":`transparent`,"--text-input-input-hover-border-color":`{colors.neutral.stroke.7.hovered}`,"--text-input-input-hover-foreground":`{colors.neutral.foreground.2.hovered}`,"--text-input-input-focus-outline-width":`{borders.150}`,"--text-input-input-focus-outline-style":`solid`,"--text-input-input-focus-outline-offset":`{spacing.50}`,"--text-input-input-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--text-input-input-focus-border-color":`{colors.neutral.stroke.7.hovered}`,"--text-input-input-focus-shadow":`none`,"--text-input-input-disabled-background":`transparent`,"--text-input-input-disabled-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-input-disabled-border-color":`{colors.neutral.stroke.7.enabled}`,"--text-input-input-disabled-opacity":`0.5`,"--text-input-section-foreground":`var(--text-input-input-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-section-size":`{sizes.600}`,"--text-input-left-section-width":`{sizes.600}`,"--text-input-right-section-width":`{sizes.600}`,"--text-input-left-section-position":`{spacing.200}`,"--text-input-right-section-position":`{spacing.200}`,"--text-input-left-section-pointer-events":`none`,"--text-input-right-section-pointer-events":`none`}});export{t as textInput};
2
2
  //# sourceMappingURL=text-input.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"text-input.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInput = defineRecipe({\n className: 'text-input',\n jsx: ['TextInput'],\n base: {\n /* Root */\n '--text-input-root-gap': '{spacing.200}',\n\n /* Label */\n '--text-input-label-order': '1',\n '--text-input-label-font-family': '{fonts.base}',\n '--text-input-label-font-size': '{fontSizes.300}',\n '--text-input-label-font-weight': '{fontWeights.medium}',\n '--text-input-label-line-height': 'inherit',\n '--text-input-label-foreground': '{colors.neutral.foreground.2.enabled}',\n\n /* Required */\n '--text-input-required-font-family': '{fonts.base}',\n '--text-input-required-font-size': '{fontSizes.300}',\n '--text-input-required-font-weight': '{fontWeights.medium}',\n '--text-input-required-foreground': '{colors.neutral.foreground.2.enabled}',\n '--text-input-required-foreground-error':\n '{colors.danger.foreground.1.enabled}',\n\n /* Description */\n '--text-input-description-order': '4',\n '--text-input-description-font-family': '{fonts.base}',\n '--text-input-description-font-size': '{fontSizes.200}',\n '--text-input-description-font-weight': '{fontWeights.regular}',\n '--text-input-description-line-height': 'inherit',\n '--text-input-description-foreground':\n '{colors.neutral.foreground.2.enabled}',\n\n /* Error */\n '--text-input-error-order': '3',\n '--text-input-error-font-family': '{fonts.base}',\n '--text-input-error-font-size': '{fontSizes.200}',\n '--text-input-error-font-weight': '{fontWeights.regular}',\n '--text-input-error-line-height': 'inherit',\n '--text-input-error-foreground': '{colors.danger.foreground.1.enabled}',\n\n /* Wrapper */\n '--text-input-wrapper-order': '2',\n '--text-input-wrapper-position': 'relative',\n '--text-input-wrapper-margin-top': '{spacing.100}',\n '--text-input-wrapper-disabled-opacity': '0.5',\n\n /* Input */\n '--text-input-input-font-family': '{fonts.base}',\n '--text-input-input-font-size': '{fontSizes.300}',\n '--text-input-input-font-weight': '{fontWeights.regular}',\n '--text-input-input-line-height': 'inherit',\n '--text-input-input-text-align': 'left',\n '--text-input-input-background': 'transparent',\n '--text-input-input-foreground': '{colors.neutral.foreground.2.enabled}',\n '--text-input-input-placeholder-foreground':\n '{colors.neutral.foreground.3.enabled}',\n '--text-input-input-border-width': '{borders.150}',\n '--text-input-input-border-style': 'solid',\n '--text-input-input-border-color': '{colors.neutral.stroke.7.enabled}',\n '--text-input-input-radii': '{radii.200}',\n '--text-input-input-height': '{sizes.700}',\n '--text-input-input-padding-inline-start': '{spacing.300}',\n '--text-input-input-padding-inline-end': '{spacing.300}',\n '--text-input-input-transition': 'all 0.2s ease-in-out',\n\n /* Input - error */\n '--text-input-input-border-color-error': '{colors.danger.stroke.1.enabled}',\n\n /* Input - hover */\n '--text-input-input-hover-background': 'transparent',\n '--text-input-input-hover-border-color':\n '{colors.neutral.stroke.7.hovered}',\n '--text-input-input-hover-foreground':\n '{colors.neutral.foreground.2.hovered}',\n\n /* Input - focus */\n '--text-input-input-focus-outline-width': '{borders.150}',\n '--text-input-input-focus-outline-style': 'solid',\n '--text-input-input-focus-outline-offset': '{spacing.50}',\n '--text-input-input-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--text-input-input-focus-border-color':\n '{colors.neutral.stroke.7.hovered}',\n '--text-input-input-focus-shadow': 'none',\n\n /* Input - disabled */\n '--text-input-input-disabled-background': 'transparent',\n '--text-input-input-disabled-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--text-input-input-disabled-border-color':\n '{colors.neutral.stroke.7.enabled}',\n '--text-input-input-disabled-opacity': '0.5',\n\n /* Input - sections */\n '--text-input-section-foreground':\n 'var(--text-input-input-foreground, {colors.neutral.foreground.2.enabled})',\n '--text-input-section-size': '{sizes.600}',\n '--text-input-left-section-width': '{sizes.600}',\n '--text-input-right-section-width': '{sizes.600}',\n '--text-input-left-section-position': '{spacing.200}',\n '--text-input-right-section-position': '{spacing.200}',\n '--text-input-left-section-pointer-events': 'none',\n '--text-input-right-section-pointer-events': 'none',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,aACX,IAAK,CAAC,YAAY,CAClB,KAAM,CAEJ,wBAAyB,gBAGzB,2BAA4B,IAC5B,iCAAkC,eAClC,+BAAgC,kBAChC,iCAAkC,uBAClC,iCAAkC,UAClC,gCAAiC,wCAGjC,oCAAqC,eACrC,kCAAmC,kBACnC,oCAAqC,uBACrC,mCAAoC,wCACpC,yCACE,uCAGF,iCAAkC,IAClC,uCAAwC,eACxC,qCAAsC,kBACtC,uCAAwC,wBACxC,uCAAwC,UACxC,sCACE,wCAGF,2BAA4B,IAC5B,iCAAkC,eAClC,+BAAgC,kBAChC,iCAAkC,wBAClC,iCAAkC,UAClC,gCAAiC,uCAGjC,6BAA8B,IAC9B,gCAAiC,WACjC,kCAAmC,gBACnC,wCAAyC,MAGzC,iCAAkC,eAClC,+BAAgC,kBAChC,iCAAkC,wBAClC,iCAAkC,UAClC,gCAAiC,OACjC,gCAAiC,cACjC,gCAAiC,wCACjC,4CACE,wCACF,kCAAmC,gBACnC,kCAAmC,QACnC,kCAAmC,oCACnC,2BAA4B,cAC5B,4BAA6B,cAC7B,0CAA2C,gBAC3C,wCAAyC,gBACzC,gCAAiC,uBAGjC,wCAAyC,mCAGzC,sCAAuC,cACvC,wCACE,oCACF,sCACE,wCAGF,yCAA0C,gBAC1C,yCAA0C,QAC1C,0CAA2C,eAC3C,yCACE,oCACF,wCACE,oCACF,kCAAmC,OAGnC,yCAA0C,cAC1C,yCACE,wCACF,2CACE,oCACF,sCAAuC,MAGvC,kCACE,4EACF,4BAA6B,cAC7B,kCAAmC,cACnC,mCAAoC,cACpC,qCAAsC,gBACtC,sCAAuC,gBACvC,2CAA4C,OAC5C,4CAA6C,OAC9C,CACF,CAAC"}
1
+ {"version":3,"file":"text-input.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInput = defineRecipe({\n className: 'text-input',\n jsx: ['TextInput'],\n base: {\n /* Root */\n '--text-input-root-flex-direction': 'column',\n '--text-input-root-justify-content': 'flex-start',\n '--text-input-root-align-items': 'stretch',\n '--text-input-root-gap': '{spacing.200}',\n '--text-input-root-width': '100%',\n\n /* Label */\n '--text-input-label-order': '1',\n '--text-input-label-font-family': '{fonts.base}',\n '--text-input-label-font-size': '{fontSizes.300}',\n '--text-input-label-font-weight': '{fontWeights.medium}',\n '--text-input-label-line-height': 'inherit',\n '--text-input-label-foreground': '{colors.neutral.foreground.2.enabled}',\n\n /* Required */\n '--text-input-required-font-family': '{fonts.base}',\n '--text-input-required-font-size': '{fontSizes.300}',\n '--text-input-required-font-weight': '{fontWeights.medium}',\n '--text-input-required-foreground': '{colors.neutral.foreground.2.enabled}',\n '--text-input-required-foreground-error':\n '{colors.danger.foreground.1.enabled}',\n\n /* Description */\n '--text-input-description-order': '4',\n '--text-input-description-font-family': '{fonts.base}',\n '--text-input-description-font-size': '{fontSizes.200}',\n '--text-input-description-font-weight': '{fontWeights.regular}',\n '--text-input-description-line-height': 'inherit',\n '--text-input-description-foreground':\n '{colors.neutral.foreground.2.enabled}',\n\n /* Error */\n '--text-input-error-order': '3',\n '--text-input-error-font-family': '{fonts.base}',\n '--text-input-error-font-size': '{fontSizes.200}',\n '--text-input-error-font-weight': '{fontWeights.regular}',\n '--text-input-error-line-height': 'inherit',\n '--text-input-error-foreground': '{colors.danger.foreground.1.enabled}',\n\n /* Wrapper */\n '--text-input-wrapper-order': '2',\n '--text-input-wrapper-position': 'relative',\n '--text-input-wrapper-margin-top': '{spacing.100}',\n '--text-input-wrapper-disabled-opacity': '0.5',\n '--text-input-wrapper-width': '100%',\n '--text-input-wrapper-flex': '1',\n\n /* Input */\n '--text-input-input-font-family': '{fonts.base}',\n '--text-input-input-font-size': '{fontSizes.300}',\n '--text-input-input-font-weight': '{fontWeights.regular}',\n '--text-input-input-line-height': 'inherit',\n '--text-input-input-text-align': 'left',\n '--text-input-input-background': 'transparent',\n '--text-input-input-foreground': '{colors.neutral.foreground.2.enabled}',\n '--text-input-input-placeholder-foreground':\n '{colors.neutral.foreground.3.enabled}',\n '--text-input-input-border-width': '{borders.150}',\n '--text-input-input-border-style': 'solid',\n '--text-input-input-border-color': '{colors.neutral.stroke.7.enabled}',\n '--text-input-input-radii': '{radii.200}',\n '--text-input-input-height': '{sizes.700}',\n '--text-input-input-padding-inline-start': '{spacing.300}',\n '--text-input-input-padding-inline-end': '{spacing.300}',\n '--text-input-input-width': '100%',\n '--text-input-input-min-width': 'unset',\n '--text-input-input-field-sizing': 'fixed',\n '--text-input-input-transition': 'all 0.2s ease-in-out',\n\n /* Input - error */\n '--text-input-input-border-color-error': '{colors.danger.stroke.1.enabled}',\n\n /* Input - hover */\n '--text-input-input-hover-background': 'transparent',\n '--text-input-input-hover-border-color':\n '{colors.neutral.stroke.7.hovered}',\n '--text-input-input-hover-foreground':\n '{colors.neutral.foreground.2.hovered}',\n\n /* Input - focus */\n '--text-input-input-focus-outline-width': '{borders.150}',\n '--text-input-input-focus-outline-style': 'solid',\n '--text-input-input-focus-outline-offset': '{spacing.50}',\n '--text-input-input-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--text-input-input-focus-border-color':\n '{colors.neutral.stroke.7.hovered}',\n '--text-input-input-focus-shadow': 'none',\n\n /* Input - disabled */\n '--text-input-input-disabled-background': 'transparent',\n '--text-input-input-disabled-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--text-input-input-disabled-border-color':\n '{colors.neutral.stroke.7.enabled}',\n '--text-input-input-disabled-opacity': '0.5',\n\n /* Input - sections */\n '--text-input-section-foreground':\n 'var(--text-input-input-foreground, {colors.neutral.foreground.2.enabled})',\n '--text-input-section-size': '{sizes.600}',\n '--text-input-left-section-width': '{sizes.600}',\n '--text-input-right-section-width': '{sizes.600}',\n '--text-input-left-section-position': '{spacing.200}',\n '--text-input-right-section-position': '{spacing.200}',\n '--text-input-left-section-pointer-events': 'none',\n '--text-input-right-section-pointer-events': 'none',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAY,EAAa,CACpC,UAAW,aACX,IAAK,CAAC,YAAY,CAClB,KAAM,CAEJ,mCAAoC,SACpC,oCAAqC,aACrC,gCAAiC,UACjC,wBAAyB,gBACzB,0BAA2B,OAG3B,2BAA4B,IAC5B,iCAAkC,eAClC,+BAAgC,kBAChC,iCAAkC,uBAClC,iCAAkC,UAClC,gCAAiC,wCAGjC,oCAAqC,eACrC,kCAAmC,kBACnC,oCAAqC,uBACrC,mCAAoC,wCACpC,yCACE,uCAGF,iCAAkC,IAClC,uCAAwC,eACxC,qCAAsC,kBACtC,uCAAwC,wBACxC,uCAAwC,UACxC,sCACE,wCAGF,2BAA4B,IAC5B,iCAAkC,eAClC,+BAAgC,kBAChC,iCAAkC,wBAClC,iCAAkC,UAClC,gCAAiC,uCAGjC,6BAA8B,IAC9B,gCAAiC,WACjC,kCAAmC,gBACnC,wCAAyC,MACzC,6BAA8B,OAC9B,4BAA6B,IAG7B,iCAAkC,eAClC,+BAAgC,kBAChC,iCAAkC,wBAClC,iCAAkC,UAClC,gCAAiC,OACjC,gCAAiC,cACjC,gCAAiC,wCACjC,4CACE,wCACF,kCAAmC,gBACnC,kCAAmC,QACnC,kCAAmC,oCACnC,2BAA4B,cAC5B,4BAA6B,cAC7B,0CAA2C,gBAC3C,wCAAyC,gBACzC,2BAA4B,OAC5B,+BAAgC,QAChC,kCAAmC,QACnC,gCAAiC,uBAGjC,wCAAyC,mCAGzC,sCAAuC,cACvC,wCACE,oCACF,sCACE,wCAGF,yCAA0C,gBAC1C,yCAA0C,QAC1C,0CAA2C,eAC3C,yCACE,oCACF,wCACE,oCACF,kCAAmC,OAGnC,yCAA0C,cAC1C,yCACE,wCACF,2CACE,oCACF,sCAAuC,MAGvC,kCACE,4EACF,4BAA6B,cAC7B,kCAAmC,cACnC,mCAAoC,cACpC,qCAAsC,gBACtC,sCAAuC,gBACvC,2CAA4C,OAC5C,4CAA6C,OAC9C,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`textarea`,jsx:[`Textarea`],base:{"--textarea-input-padding-block":`{spacing.200}`,"--textarea-input-min-height":`{sizes.700}`,"--text-input-root-gap":`var(--textarea-root-gap, {spacing.200})`,"--text-input-wrapper-order":`var(--textarea-wrapper-order, 2)`,"--text-input-wrapper-margin-top":`var(--textarea-wrapper-margin-top, {spacing.100})`,"--text-input-wrapper-disabled-opacity":`var(--textarea-wrapper-disabled-opacity, 0.5)`,"--text-input-label-order":`var(--textarea-label-order, 1)`,"--text-input-label-font-family":`var(--textarea-label-font-family, {fonts.base})`,"--text-input-label-font-size":`var(--textarea-label-font-size, {fontSizes.300})`,"--text-input-label-font-weight":`var(--textarea-label-font-weight, {fontWeights.medium})`,"--text-input-label-line-height":`var(--textarea-label-line-height, inherit)`,"--text-input-label-foreground":`var(--textarea-label-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-required-font-family":`var(--textarea-required-font-family, {fonts.base})`,"--text-input-required-font-size":`var(--textarea-required-font-size, {fontSizes.300})`,"--text-input-required-font-weight":`var(--textarea-required-font-weight, {fontWeights.medium})`,"--text-input-required-foreground":`var(--textarea-required-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-required-foreground-error":`var(--textarea-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--text-input-description-order":`var(--textarea-description-order, 4)`,"--text-input-description-font-family":`var(--textarea-description-font-family, {fonts.base})`,"--text-input-description-font-size":`var(--textarea-description-font-size, {fontSizes.200})`,"--text-input-description-font-weight":`var(--textarea-description-font-weight, {fontWeights.regular})`,"--text-input-description-line-height":`var(--textarea-description-line-height, inherit)`,"--text-input-description-foreground":`var(--textarea-description-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-error-order":`var(--textarea-error-order, 3)`,"--text-input-error-font-family":`var(--textarea-error-font-family, {fonts.base})`,"--text-input-error-font-size":`var(--textarea-error-font-size, {fontSizes.200})`,"--text-input-error-font-weight":`var(--textarea-error-font-weight, {fontWeights.regular})`,"--text-input-error-line-height":`var(--textarea-error-line-height, inherit)`,"--text-input-error-foreground":`var(--textarea-error-foreground, {colors.danger.foreground.1.enabled})`,"--text-input-input-font-family":`var(--textarea-input-font-family, {fonts.base})`,"--text-input-input-font-size":`var(--textarea-input-font-size, {fontSizes.300})`,"--text-input-input-font-weight":`var(--textarea-input-font-weight, {fontWeights.regular})`,"--text-input-input-line-height":`var(--textarea-input-line-height, inherit)`,"--text-input-input-text-align":`var(--textarea-input-text-align, left)`,"--text-input-input-background":`var(--textarea-input-background, transparent)`,"--text-input-input-foreground":`var(--textarea-input-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-input-border-color":`var(--textarea-input-border-color, {colors.neutral.stroke.7.enabled})`,"--text-input-input-placeholder-foreground":`var(--textarea-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`,"--text-input-input-border-width":`var(--textarea-input-border-width, {borders.100})`,"--text-input-input-border-color-error":`var(--textarea-input-border-color-error, {colors.danger.stroke.1.enabled})`,"--text-input-input-border-style":`var(--textarea-input-border-style, solid)`,"--text-input-input-radii":`var(--textarea-input-radii, {radii.200})`,"--text-input-input-padding-inline-start":`var(--textarea-input-padding-inline-start, {spacing.300})`,"--text-input-input-padding-inline-end":`var(--textarea-input-padding-inline-end, {spacing.300})`,"--text-input-input-height":`var(--textarea-input-height, auto)`,"--text-input-input-transition":`var(--textarea-input-transition, {animations.base.200})`,"--text-input-input-hover-background":`var(--textarea-input-hover-background, transparent)`,"--text-input-input-hover-border-color":`var(--textarea-input-hover-border-color, {colors.neutral.stroke.7.hovered})`,"--text-input-input-hover-foreground":`var(--textarea-input-hover-foreground, {colors.neutral.foreground.2.hovered})`,"--text-input-input-focus-outline-width":`var(--textarea-input-focus-outline-width, {borders.150})`,"--text-input-input-focus-outline-style":`var(--textarea-input-focus-outline-style, solid)`,"--text-input-input-focus-outline-offset":`var(--textarea-input-focus-outline-offset, {spacing.50})`,"--text-input-input-focus-outline-color":`var(--textarea-input-focus-outline-color, {colors.primary.stroke.1.focused})`,"--text-input-input-focus-border-color":`var(--textarea-input-focus-border-color, {colors.neutral.stroke.7.hovered})`,"--text-input-input-focus-shadow":`var(--textarea-input-focus-shadow, none)`,"--text-input-input-disabled-background":`var(--textarea-input-disabled-background, transparent)`,"--text-input-input-disabled-foreground":`var(--textarea-input-disabled-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-input-disabled-border-color":`var(--textarea-input-disabled-border-color, {colors.neutral.stroke.7.enabled})`,"--text-input-input-disabled-opacity":`var(--textarea-input-disabled-opacity, 0.5)`,"--text-input-section-size":`var(--textarea-section-size, {sizes.600})`,"--text-input-left-section-width":`var(--textarea-left-section-width, {sizes.600})`,"--text-input-right-section-width":`var(--textarea-right-section-width, {sizes.600})`,"--text-input-left-section-position":`var(--textarea-left-section-position, {spacing.200})`,"--text-input-right-section-position":`var(--textarea-right-section-position, {spacing.200})`,"--text-input-left-section-pointer-events":`var(--textarea-left-section-pointer-events, none)`,"--text-input-right-section-pointer-events":`var(--textarea-right-section-pointer-events, none)`}});export{t as textarea};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`textarea`,jsx:[`Textarea`],base:{"--textarea-input-padding-block":`{spacing.200}`,"--textarea-input-min-height":`{sizes.700}`,"--text-input-root-gap":`var(--textarea-root-gap, {spacing.200})`,"--text-input-root-width":`var(--textarea-root-width, 100%)`,"--text-input-root-flex-direction":`var(--textarea-root-flex-direction, column)`,"--text-input-root-justify-content":`var(--textarea-root-justify-content, flex-start)`,"--text-input-root-align-items":`var(--textarea-root-align-items, stretch)`,"--text-input-wrapper-order":`var(--textarea-wrapper-order, 2)`,"--text-input-wrapper-margin-top":`var(--textarea-wrapper-margin-top, {spacing.100})`,"--text-input-wrapper-width":`var(--textarea-wrapper-width, 100%)`,"--text-input-wrapper-flex":`var(--textarea-wrapper-flex, 1)`,"--text-input-wrapper-disabled-opacity":`var(--textarea-wrapper-disabled-opacity, 0.5)`,"--text-input-label-order":`var(--textarea-label-order, 1)`,"--text-input-label-font-family":`var(--textarea-label-font-family, {fonts.base})`,"--text-input-label-font-size":`var(--textarea-label-font-size, {fontSizes.300})`,"--text-input-label-font-weight":`var(--textarea-label-font-weight, {fontWeights.medium})`,"--text-input-label-line-height":`var(--textarea-label-line-height, inherit)`,"--text-input-label-foreground":`var(--textarea-label-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-required-font-family":`var(--textarea-required-font-family, {fonts.base})`,"--text-input-required-font-size":`var(--textarea-required-font-size, {fontSizes.300})`,"--text-input-required-font-weight":`var(--textarea-required-font-weight, {fontWeights.medium})`,"--text-input-required-foreground":`var(--textarea-required-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-required-foreground-error":`var(--textarea-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--text-input-description-order":`var(--textarea-description-order, 4)`,"--text-input-description-font-family":`var(--textarea-description-font-family, {fonts.base})`,"--text-input-description-font-size":`var(--textarea-description-font-size, {fontSizes.200})`,"--text-input-description-font-weight":`var(--textarea-description-font-weight, {fontWeights.regular})`,"--text-input-description-line-height":`var(--textarea-description-line-height, inherit)`,"--text-input-description-foreground":`var(--textarea-description-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-error-order":`var(--textarea-error-order, 3)`,"--text-input-error-font-family":`var(--textarea-error-font-family, {fonts.base})`,"--text-input-error-font-size":`var(--textarea-error-font-size, {fontSizes.200})`,"--text-input-error-font-weight":`var(--textarea-error-font-weight, {fontWeights.regular})`,"--text-input-error-line-height":`var(--textarea-error-line-height, inherit)`,"--text-input-error-foreground":`var(--textarea-error-foreground, {colors.danger.foreground.1.enabled})`,"--text-input-input-font-family":`var(--textarea-input-font-family, {fonts.base})`,"--text-input-input-font-size":`var(--textarea-input-font-size, {fontSizes.300})`,"--text-input-input-font-weight":`var(--textarea-input-font-weight, {fontWeights.regular})`,"--text-input-input-line-height":`var(--textarea-input-line-height, inherit)`,"--text-input-input-text-align":`var(--textarea-input-text-align, left)`,"--text-input-input-background":`var(--textarea-input-background, transparent)`,"--text-input-input-foreground":`var(--textarea-input-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-input-border-color":`var(--textarea-input-border-color, {colors.neutral.stroke.7.enabled})`,"--text-input-input-placeholder-foreground":`var(--textarea-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`,"--text-input-input-border-width":`var(--textarea-input-border-width, {borders.100})`,"--text-input-input-border-color-error":`var(--textarea-input-border-color-error, {colors.danger.stroke.1.enabled})`,"--text-input-input-border-style":`var(--textarea-input-border-style, solid)`,"--text-input-input-radii":`var(--textarea-input-radii, {radii.200})`,"--text-input-input-padding-inline-start":`var(--textarea-input-padding-inline-start, {spacing.300})`,"--text-input-input-padding-inline-end":`var(--textarea-input-padding-inline-end, {spacing.300})`,"--text-input-input-height":`var(--textarea-input-height, auto)`,"--text-input-input-width":`var(--textarea-input-width, 100%)`,"--text-input-input-min-width":`var(--textarea-input-min-width, unset)`,"--text-input-input-field-sizing":`var(--textarea-input-field-sizing, fixed)`,"--text-input-input-transition":`var(--textarea-input-transition, {animations.base.200})`,"--text-input-input-hover-background":`var(--textarea-input-hover-background, transparent)`,"--text-input-input-hover-border-color":`var(--textarea-input-hover-border-color, {colors.neutral.stroke.7.hovered})`,"--text-input-input-hover-foreground":`var(--textarea-input-hover-foreground, {colors.neutral.foreground.2.hovered})`,"--text-input-input-focus-outline-width":`var(--textarea-input-focus-outline-width, {borders.150})`,"--text-input-input-focus-outline-style":`var(--textarea-input-focus-outline-style, solid)`,"--text-input-input-focus-outline-offset":`var(--textarea-input-focus-outline-offset, {spacing.50})`,"--text-input-input-focus-outline-color":`var(--textarea-input-focus-outline-color, {colors.primary.stroke.1.focused})`,"--text-input-input-focus-border-color":`var(--textarea-input-focus-border-color, {colors.neutral.stroke.7.hovered})`,"--text-input-input-focus-shadow":`var(--textarea-input-focus-shadow, none)`,"--text-input-input-disabled-background":`var(--textarea-input-disabled-background, transparent)`,"--text-input-input-disabled-foreground":`var(--textarea-input-disabled-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-input-disabled-border-color":`var(--textarea-input-disabled-border-color, {colors.neutral.stroke.7.enabled})`,"--text-input-input-disabled-opacity":`var(--textarea-input-disabled-opacity, 0.5)`,"--text-input-section-size":`var(--textarea-section-size, {sizes.600})`,"--text-input-left-section-width":`var(--textarea-left-section-width, {sizes.600})`,"--text-input-right-section-width":`var(--textarea-right-section-width, {sizes.600})`,"--text-input-left-section-position":`var(--textarea-left-section-position, {spacing.200})`,"--text-input-right-section-position":`var(--textarea-right-section-position, {spacing.200})`,"--text-input-left-section-pointer-events":`var(--textarea-left-section-pointer-events, none)`,"--text-input-right-section-pointer-events":`var(--textarea-right-section-pointer-events, none)`}});export{t as textarea};
2
2
  //# sourceMappingURL=textarea.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"textarea.mjs","names":[],"sources":["../../../../src/recipes/controls/textarea/textarea.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textarea = defineRecipe({\n className: 'textarea',\n jsx: ['Textarea'],\n base: {\n // textarea input\n '--textarea-input-padding-block': '{spacing.200}',\n '--textarea-input-min-height': '{sizes.700}',\n\n // root\n '--text-input-root-gap': 'var(--textarea-root-gap, {spacing.200})',\n\n // wrapper\n '--text-input-wrapper-order': 'var(--textarea-wrapper-order, 2)',\n '--text-input-wrapper-margin-top':\n 'var(--textarea-wrapper-margin-top, {spacing.100})',\n '--text-input-wrapper-disabled-opacity':\n 'var(--textarea-wrapper-disabled-opacity, 0.5)',\n\n // label\n '--text-input-label-order': 'var(--textarea-label-order, 1)',\n '--text-input-label-font-family':\n 'var(--textarea-label-font-family, {fonts.base})',\n '--text-input-label-font-size':\n 'var(--textarea-label-font-size, {fontSizes.300})',\n '--text-input-label-font-weight':\n 'var(--textarea-label-font-weight, {fontWeights.medium})',\n '--text-input-label-line-height':\n 'var(--textarea-label-line-height, inherit)',\n '--text-input-label-foreground':\n 'var(--textarea-label-foreground, {colors.neutral.foreground.2.enabled})',\n\n // required\n '--text-input-required-font-family':\n 'var(--textarea-required-font-family, {fonts.base})',\n '--text-input-required-font-size':\n 'var(--textarea-required-font-size, {fontSizes.300})',\n '--text-input-required-font-weight':\n 'var(--textarea-required-font-weight, {fontWeights.medium})',\n '--text-input-required-foreground':\n 'var(--textarea-required-foreground, {colors.neutral.foreground.2.enabled})',\n '--text-input-required-foreground-error':\n 'var(--textarea-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n // description\n '--text-input-description-order': 'var(--textarea-description-order, 4)',\n '--text-input-description-font-family':\n 'var(--textarea-description-font-family, {fonts.base})',\n '--text-input-description-font-size':\n 'var(--textarea-description-font-size, {fontSizes.200})',\n '--text-input-description-font-weight':\n 'var(--textarea-description-font-weight, {fontWeights.regular})',\n '--text-input-description-line-height':\n 'var(--textarea-description-line-height, inherit)',\n '--text-input-description-foreground':\n 'var(--textarea-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n // error\n '--text-input-error-order': 'var(--textarea-error-order, 3)',\n '--text-input-error-font-family':\n 'var(--textarea-error-font-family, {fonts.base})',\n '--text-input-error-font-size':\n 'var(--textarea-error-font-size, {fontSizes.200})',\n '--text-input-error-font-weight':\n 'var(--textarea-error-font-weight, {fontWeights.regular})',\n '--text-input-error-line-height':\n 'var(--textarea-error-line-height, inherit)',\n '--text-input-error-foreground':\n 'var(--textarea-error-foreground, {colors.danger.foreground.1.enabled})',\n\n // input\n '--text-input-input-font-family':\n 'var(--textarea-input-font-family, {fonts.base})',\n '--text-input-input-font-size':\n 'var(--textarea-input-font-size, {fontSizes.300})',\n '--text-input-input-font-weight':\n 'var(--textarea-input-font-weight, {fontWeights.regular})',\n '--text-input-input-line-height':\n 'var(--textarea-input-line-height, inherit)',\n '--text-input-input-text-align': 'var(--textarea-input-text-align, left)',\n '--text-input-input-background':\n 'var(--textarea-input-background, transparent)',\n '--text-input-input-foreground':\n 'var(--textarea-input-foreground, {colors.neutral.foreground.2.enabled})',\n '--text-input-input-border-color':\n 'var(--textarea-input-border-color, {colors.neutral.stroke.7.enabled})',\n '--text-input-input-placeholder-foreground':\n 'var(--textarea-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n '--text-input-input-border-width':\n 'var(--textarea-input-border-width, {borders.100})',\n '--text-input-input-border-color-error':\n 'var(--textarea-input-border-color-error, {colors.danger.stroke.1.enabled})',\n '--text-input-input-border-style':\n 'var(--textarea-input-border-style, solid)',\n '--text-input-input-radii': 'var(--textarea-input-radii, {radii.200})',\n '--text-input-input-padding-inline-start':\n 'var(--textarea-input-padding-inline-start, {spacing.300})',\n '--text-input-input-padding-inline-end':\n 'var(--textarea-input-padding-inline-end, {spacing.300})',\n '--text-input-input-height': 'var(--textarea-input-height, auto)',\n '--text-input-input-transition':\n 'var(--textarea-input-transition, {animations.base.200})',\n // input hover\n '--text-input-input-hover-background':\n 'var(--textarea-input-hover-background, transparent)',\n '--text-input-input-hover-border-color':\n 'var(--textarea-input-hover-border-color, {colors.neutral.stroke.7.hovered})',\n '--text-input-input-hover-foreground':\n 'var(--textarea-input-hover-foreground, {colors.neutral.foreground.2.hovered})',\n // input focus\n '--text-input-input-focus-outline-width':\n 'var(--textarea-input-focus-outline-width, {borders.150})',\n '--text-input-input-focus-outline-style':\n 'var(--textarea-input-focus-outline-style, solid)',\n '--text-input-input-focus-outline-offset':\n 'var(--textarea-input-focus-outline-offset, {spacing.50})',\n '--text-input-input-focus-outline-color':\n 'var(--textarea-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n '--text-input-input-focus-border-color':\n 'var(--textarea-input-focus-border-color, {colors.neutral.stroke.7.hovered})',\n '--text-input-input-focus-shadow':\n 'var(--textarea-input-focus-shadow, none)',\n // input disabled\n '--text-input-input-disabled-background':\n 'var(--textarea-input-disabled-background, transparent)',\n '--text-input-input-disabled-foreground':\n 'var(--textarea-input-disabled-foreground, {colors.neutral.foreground.2.enabled})',\n '--text-input-input-disabled-border-color':\n 'var(--textarea-input-disabled-border-color, {colors.neutral.stroke.7.enabled})',\n '--text-input-input-disabled-opacity':\n 'var(--textarea-input-disabled-opacity, 0.5)',\n // input section\n '--text-input-section-size': 'var(--textarea-section-size, {sizes.600})',\n '--text-input-left-section-width':\n 'var(--textarea-left-section-width, {sizes.600})',\n '--text-input-right-section-width':\n 'var(--textarea-right-section-width, {sizes.600})',\n '--text-input-left-section-position':\n 'var(--textarea-left-section-position, {spacing.200})',\n '--text-input-right-section-position':\n 'var(--textarea-right-section-position, {spacing.200})',\n '--text-input-left-section-pointer-events':\n 'var(--textarea-left-section-pointer-events, none)',\n '--text-input-right-section-pointer-events':\n 'var(--textarea-right-section-pointer-events, none)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAW,EAAa,CACnC,UAAW,WACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,iCAAkC,gBAClC,8BAA+B,cAG/B,wBAAyB,0CAGzB,6BAA8B,mCAC9B,kCACE,oDACF,wCACE,gDAGF,2BAA4B,iCAC5B,iCACE,kDACF,+BACE,mDACF,iCACE,0DACF,iCACE,6CACF,gCACE,0EAGF,oCACE,qDACF,kCACE,sDACF,oCACE,6DACF,mCACE,6EACF,yCACE,kFAGF,iCAAkC,uCAClC,uCACE,wDACF,qCACE,yDACF,uCACE,iEACF,uCACE,mDACF,sCACE,gFAGF,2BAA4B,iCAC5B,iCACE,kDACF,+BACE,mDACF,iCACE,2DACF,iCACE,6CACF,gCACE,yEAGF,iCACE,kDACF,+BACE,mDACF,iCACE,2DACF,iCACE,6CACF,gCAAiC,yCACjC,gCACE,gDACF,gCACE,0EACF,kCACE,wEACF,4CACE,sFACF,kCACE,oDACF,wCACE,6EACF,kCACE,4CACF,2BAA4B,2CAC5B,0CACE,4DACF,wCACE,0DACF,4BAA6B,qCAC7B,gCACE,0DAEF,sCACE,sDACF,wCACE,8EACF,sCACE,gFAEF,yCACE,2DACF,yCACE,mDACF,0CACE,2DACF,yCACE,+EACF,wCACE,8EACF,kCACE,2CAEF,yCACE,yDACF,yCACE,mFACF,2CACE,iFACF,sCACE,8CAEF,4BAA6B,4CAC7B,kCACE,kDACF,mCACE,mDACF,qCACE,uDACF,sCACE,wDACF,2CACE,oDACF,4CACE,qDACH,CACF,CAAC"}
1
+ {"version":3,"file":"textarea.mjs","names":[],"sources":["../../../../src/recipes/controls/textarea/textarea.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textarea = defineRecipe({\n className: 'textarea',\n jsx: ['Textarea'],\n base: {\n // textarea input\n '--textarea-input-padding-block': '{spacing.200}',\n '--textarea-input-min-height': '{sizes.700}',\n\n // root\n '--text-input-root-gap': 'var(--textarea-root-gap, {spacing.200})',\n '--text-input-root-width': 'var(--textarea-root-width, 100%)',\n '--text-input-root-flex-direction':\n 'var(--textarea-root-flex-direction, column)',\n '--text-input-root-justify-content':\n 'var(--textarea-root-justify-content, flex-start)',\n '--text-input-root-align-items':\n 'var(--textarea-root-align-items, stretch)',\n\n // wrapper\n '--text-input-wrapper-order': 'var(--textarea-wrapper-order, 2)',\n '--text-input-wrapper-margin-top':\n 'var(--textarea-wrapper-margin-top, {spacing.100})',\n '--text-input-wrapper-width': 'var(--textarea-wrapper-width, 100%)',\n '--text-input-wrapper-flex': 'var(--textarea-wrapper-flex, 1)',\n '--text-input-wrapper-disabled-opacity':\n 'var(--textarea-wrapper-disabled-opacity, 0.5)',\n\n // label\n '--text-input-label-order': 'var(--textarea-label-order, 1)',\n '--text-input-label-font-family':\n 'var(--textarea-label-font-family, {fonts.base})',\n '--text-input-label-font-size':\n 'var(--textarea-label-font-size, {fontSizes.300})',\n '--text-input-label-font-weight':\n 'var(--textarea-label-font-weight, {fontWeights.medium})',\n '--text-input-label-line-height':\n 'var(--textarea-label-line-height, inherit)',\n '--text-input-label-foreground':\n 'var(--textarea-label-foreground, {colors.neutral.foreground.2.enabled})',\n\n // required\n '--text-input-required-font-family':\n 'var(--textarea-required-font-family, {fonts.base})',\n '--text-input-required-font-size':\n 'var(--textarea-required-font-size, {fontSizes.300})',\n '--text-input-required-font-weight':\n 'var(--textarea-required-font-weight, {fontWeights.medium})',\n '--text-input-required-foreground':\n 'var(--textarea-required-foreground, {colors.neutral.foreground.2.enabled})',\n '--text-input-required-foreground-error':\n 'var(--textarea-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n // description\n '--text-input-description-order': 'var(--textarea-description-order, 4)',\n '--text-input-description-font-family':\n 'var(--textarea-description-font-family, {fonts.base})',\n '--text-input-description-font-size':\n 'var(--textarea-description-font-size, {fontSizes.200})',\n '--text-input-description-font-weight':\n 'var(--textarea-description-font-weight, {fontWeights.regular})',\n '--text-input-description-line-height':\n 'var(--textarea-description-line-height, inherit)',\n '--text-input-description-foreground':\n 'var(--textarea-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n // error\n '--text-input-error-order': 'var(--textarea-error-order, 3)',\n '--text-input-error-font-family':\n 'var(--textarea-error-font-family, {fonts.base})',\n '--text-input-error-font-size':\n 'var(--textarea-error-font-size, {fontSizes.200})',\n '--text-input-error-font-weight':\n 'var(--textarea-error-font-weight, {fontWeights.regular})',\n '--text-input-error-line-height':\n 'var(--textarea-error-line-height, inherit)',\n '--text-input-error-foreground':\n 'var(--textarea-error-foreground, {colors.danger.foreground.1.enabled})',\n\n // input\n '--text-input-input-font-family':\n 'var(--textarea-input-font-family, {fonts.base})',\n '--text-input-input-font-size':\n 'var(--textarea-input-font-size, {fontSizes.300})',\n '--text-input-input-font-weight':\n 'var(--textarea-input-font-weight, {fontWeights.regular})',\n '--text-input-input-line-height':\n 'var(--textarea-input-line-height, inherit)',\n '--text-input-input-text-align': 'var(--textarea-input-text-align, left)',\n '--text-input-input-background':\n 'var(--textarea-input-background, transparent)',\n '--text-input-input-foreground':\n 'var(--textarea-input-foreground, {colors.neutral.foreground.2.enabled})',\n '--text-input-input-border-color':\n 'var(--textarea-input-border-color, {colors.neutral.stroke.7.enabled})',\n '--text-input-input-placeholder-foreground':\n 'var(--textarea-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n '--text-input-input-border-width':\n 'var(--textarea-input-border-width, {borders.100})',\n '--text-input-input-border-color-error':\n 'var(--textarea-input-border-color-error, {colors.danger.stroke.1.enabled})',\n '--text-input-input-border-style':\n 'var(--textarea-input-border-style, solid)',\n '--text-input-input-radii': 'var(--textarea-input-radii, {radii.200})',\n '--text-input-input-padding-inline-start':\n 'var(--textarea-input-padding-inline-start, {spacing.300})',\n '--text-input-input-padding-inline-end':\n 'var(--textarea-input-padding-inline-end, {spacing.300})',\n '--text-input-input-height': 'var(--textarea-input-height, auto)',\n '--text-input-input-width': 'var(--textarea-input-width, 100%)',\n '--text-input-input-min-width': 'var(--textarea-input-min-width, unset)',\n '--text-input-input-field-sizing':\n 'var(--textarea-input-field-sizing, fixed)',\n '--text-input-input-transition':\n 'var(--textarea-input-transition, {animations.base.200})',\n // input hover\n '--text-input-input-hover-background':\n 'var(--textarea-input-hover-background, transparent)',\n '--text-input-input-hover-border-color':\n 'var(--textarea-input-hover-border-color, {colors.neutral.stroke.7.hovered})',\n '--text-input-input-hover-foreground':\n 'var(--textarea-input-hover-foreground, {colors.neutral.foreground.2.hovered})',\n // input focus\n '--text-input-input-focus-outline-width':\n 'var(--textarea-input-focus-outline-width, {borders.150})',\n '--text-input-input-focus-outline-style':\n 'var(--textarea-input-focus-outline-style, solid)',\n '--text-input-input-focus-outline-offset':\n 'var(--textarea-input-focus-outline-offset, {spacing.50})',\n '--text-input-input-focus-outline-color':\n 'var(--textarea-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n '--text-input-input-focus-border-color':\n 'var(--textarea-input-focus-border-color, {colors.neutral.stroke.7.hovered})',\n '--text-input-input-focus-shadow':\n 'var(--textarea-input-focus-shadow, none)',\n // input disabled\n '--text-input-input-disabled-background':\n 'var(--textarea-input-disabled-background, transparent)',\n '--text-input-input-disabled-foreground':\n 'var(--textarea-input-disabled-foreground, {colors.neutral.foreground.2.enabled})',\n '--text-input-input-disabled-border-color':\n 'var(--textarea-input-disabled-border-color, {colors.neutral.stroke.7.enabled})',\n '--text-input-input-disabled-opacity':\n 'var(--textarea-input-disabled-opacity, 0.5)',\n // input section\n '--text-input-section-size': 'var(--textarea-section-size, {sizes.600})',\n '--text-input-left-section-width':\n 'var(--textarea-left-section-width, {sizes.600})',\n '--text-input-right-section-width':\n 'var(--textarea-right-section-width, {sizes.600})',\n '--text-input-left-section-position':\n 'var(--textarea-left-section-position, {spacing.200})',\n '--text-input-right-section-position':\n 'var(--textarea-right-section-position, {spacing.200})',\n '--text-input-left-section-pointer-events':\n 'var(--textarea-left-section-pointer-events, none)',\n '--text-input-right-section-pointer-events':\n 'var(--textarea-right-section-pointer-events, none)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAW,EAAa,CACnC,UAAW,WACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,iCAAkC,gBAClC,8BAA+B,cAG/B,wBAAyB,0CACzB,0BAA2B,mCAC3B,mCACE,8CACF,oCACE,mDACF,gCACE,4CAGF,6BAA8B,mCAC9B,kCACE,oDACF,6BAA8B,sCAC9B,4BAA6B,kCAC7B,wCACE,gDAGF,2BAA4B,iCAC5B,iCACE,kDACF,+BACE,mDACF,iCACE,0DACF,iCACE,6CACF,gCACE,0EAGF,oCACE,qDACF,kCACE,sDACF,oCACE,6DACF,mCACE,6EACF,yCACE,kFAGF,iCAAkC,uCAClC,uCACE,wDACF,qCACE,yDACF,uCACE,iEACF,uCACE,mDACF,sCACE,gFAGF,2BAA4B,iCAC5B,iCACE,kDACF,+BACE,mDACF,iCACE,2DACF,iCACE,6CACF,gCACE,yEAGF,iCACE,kDACF,+BACE,mDACF,iCACE,2DACF,iCACE,6CACF,gCAAiC,yCACjC,gCACE,gDACF,gCACE,0EACF,kCACE,wEACF,4CACE,sFACF,kCACE,oDACF,wCACE,6EACF,kCACE,4CACF,2BAA4B,2CAC5B,0CACE,4DACF,wCACE,0DACF,4BAA6B,qCAC7B,2BAA4B,oCAC5B,+BAAgC,yCAChC,kCACE,4CACF,gCACE,0DAEF,sCACE,sDACF,wCACE,8EACF,sCACE,gFAEF,yCACE,2DACF,yCACE,mDACF,0CACE,2DACF,yCACE,+EACF,wCACE,8EACF,kCACE,2CAEF,yCACE,yDACF,yCACE,mFACF,2CACE,iFACF,sCACE,8CAEF,4BAA6B,4CAC7B,kCACE,kDACF,mCACE,mDACF,qCACE,uDACF,sCACE,wDACF,2CACE,oDACF,4CACE,qDACH,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__agenda`,jsx:[`Calendar`],base:{"& .rbc-agenda-view":{display:`flex`,flexDirection:`column`,flex:`1 0 0`,overflow:`auto`,height:`100%`},"& table.rbc-agenda-table":{width:`100%`,borderWidth:`var(--calendar-cell-border-width, {borders.100})`,borderStyle:`solid`,borderColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,borderSpacing:0,borderCollapse:`collapse`},"& table.rbc-agenda-table tbody > tr > td":{paddingBlock:`var(--calendar-agenda-table-cell-padding-block, 0.3125rem)`,paddingInline:`var(--calendar-agenda-table-cell-padding-inline, 0.625rem)`,verticalAlign:`top`,borderLeftWidth:`var(--calendar-cell-border-width, {borders.100})`,borderLeftStyle:`solid`,borderLeftColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& table.rbc-agenda-table .rbc-agenda-time-cell":{paddingLeft:`var(--calendar-agenda-time-cell-padding-left, 0.9375rem)`,paddingRight:`var(--calendar-agenda-time-cell-padding-right, 0.9375rem)`},"& table.rbc-agenda-table tbody > tr + tr":{borderTopWidth:`var(--calendar-cell-border-width, {borders.100})`,borderTopStyle:`solid`,borderTopColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& table.rbc-agenda-table thead > tr > th":{display:`table-cell`,paddingBlock:`var(--calendar-agenda-table-header-padding-block, 0.1875rem)`,paddingInline:`var(--calendar-agenda-table-header-padding-inline, 0.3125rem)`,textAlign:`left`,borderBottomWidth:`var(--calendar-cell-border-width, {borders.100})`,borderBottomStyle:`solid`,borderBottomColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,fontFamily:`var(--calendar-agenda-table-header-font-family, {fonts.base})`,fontSize:`var(--calendar-agenda-table-header-font-size, {fontSizes.100})`,fontWeight:`var(--calendar-agenda-table-header-font-weight, {fontWeights.semibold})`},"& .rbc-rtl table.rbc-agenda-table thead > tr > th":{textAlign:`right`},"& .rbc-agenda-time-cell":{whiteSpace:`nowrap`,fontFamily:`var(--calendar-agenda-time-cell-font-family, {fonts.base})`,fontSize:`var(--calendar-agenda-time-cell-font-size, {fontSizes.200})`,fontWeight:`var(--calendar-agenda-time-cell-font-weight, {fontWeights.semibold})`,color:`var(--calendar-agenda-time-cell-foreground, {colors.neutral.foreground.1.enabled})`,textTransform:`var(--calendar-agenda-time-cell-text-transform, capitalize)`},"& .rbc-agenda-time-cell .rbc-continues-after:after":{content:`var(--calendar-agenda-time-cell-continues-after-content, " »")`},"& .rbc-agenda-time-cell .rbc-continues-prior:before":{content:`var(--calendar-agenda-time-cell-continues-prior-content, "« ")`},"& .rbc-agenda-date-cell":{whiteSpace:`nowrap`,fontFamily:`var(--calendar-agenda-date-cell-font-family, {fonts.base})`,fontSize:`var(--calendar-agenda-date-cell-font-size, {fontSizes.200})`,fontWeight:`var(--calendar-agenda-date-cell-font-weight, {fontWeights.semibold})`,color:`var(--calendar-agenda-date-cell-foreground, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--calendar-agenda-date-cell-background, {colors.neutral.background.2.enabled})`},"& .rbc-agenda-event-cell":{width:`100%`,fontFamily:`var(--calendar-agenda-event-cell-font-family, {fonts.base})`,fontSize:`var(--calendar-agenda-event-cell-font-size, {fontSizes.200})`,fontWeight:`var(--calendar-agenda-event-cell-font-weight, {fontWeights.semibold})`,color:`var(--calendar-agenda-event-cell-foreground, {colors.neutral.foreground.1.enabled})`},"& .rbc-agenda-empty":{display:`flex`,alignItems:`center`,justifyContent:`center`,height:`100%`,width:`100%`,paddingBlock:`var(--calendar-agenda-empty-padding-block, {spacing.750})`,paddingInline:`var(--calendar-agenda-empty-padding-inline, {spacing.750})`,textAlign:`center`,fontFamily:`var(--calendar-agenda-empty-font-family, {fonts.base})`,fontSize:`var(--calendar-agenda-empty-font-size, {fontSizes.400})`,fontWeight:`var(--calendar-agenda-empty-font-weight, {fontWeights.regular})`,color:`var(--calendar-agenda-empty-foreground, {colors.neutral.foreground.2.enabled})`}}});export{t as calendarAgenda};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__agenda`,jsx:[`Calendar`],base:{"& .rbc-agenda-view":{display:`flex`,flexDirection:`column`,flex:`1 0 0`,overflow:`auto`,height:`100%`},"& table.rbc-agenda-table":{width:`100%`,borderWidth:`var(--calendar-cell-border-width, {borders.100})`,borderStyle:`solid`,borderColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,borderSpacing:0,borderCollapse:`collapse`},"& table.rbc-agenda-table tbody > tr > td":{paddingBlock:`var(--calendar-agenda-table-cell-padding-block, {spacing.150})`,paddingInline:`var(--calendar-agenda-table-cell-padding-inline, {spacing.200})`,verticalAlign:`top`,borderLeftWidth:`var(--calendar-cell-border-width, {borders.100})`,borderLeftStyle:`solid`,borderLeftColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& table.rbc-agenda-table .rbc-agenda-time-cell":{paddingLeft:`var(--calendar-agenda-time-cell-padding-left, {spacing.400})`,paddingRight:`var(--calendar-agenda-time-cell-padding-right, {spacing.400})`},"& table.rbc-agenda-table tbody > tr + tr":{borderTopWidth:`var(--calendar-cell-border-width, {borders.100})`,borderTopStyle:`solid`,borderTopColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& table.rbc-agenda-table thead > tr > th":{display:`table-cell`,paddingBlock:`var(--calendar-agenda-table-header-padding-block, 0.1875rem)`,paddingInline:`var(--calendar-agenda-table-header-padding-inline, 0.3125rem)`,textAlign:`left`,borderBottomWidth:`var(--calendar-cell-border-width, {borders.100})`,borderBottomStyle:`solid`,borderBottomColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,fontFamily:`var(--calendar-agenda-table-header-font-family, {fonts.base})`,fontSize:`var(--calendar-agenda-table-header-font-size, {fontSizes.100})`,fontWeight:`var(--calendar-agenda-table-header-font-weight, {fontWeights.semibold})`},"& .rbc-rtl table.rbc-agenda-table thead > tr > th":{textAlign:`right`},"& .rbc-agenda-time-cell":{whiteSpace:`nowrap`,fontFamily:`var(--calendar-agenda-time-cell-font-family, {fonts.base})`,fontSize:`var(--calendar-agenda-time-cell-font-size, {fontSizes.200})`,fontWeight:`var(--calendar-agenda-time-cell-font-weight, {fontWeights.semibold})`,color:`var(--calendar-agenda-time-cell-foreground, {colors.neutral.foreground.1.enabled})`,textTransform:`var(--calendar-agenda-time-cell-text-transform, capitalize)`},"& .rbc-agenda-time-cell .rbc-continues-after:after":{content:`var(--calendar-agenda-time-cell-continues-after-content, " »")`},"& .rbc-agenda-time-cell .rbc-continues-prior:before":{content:`var(--calendar-agenda-time-cell-continues-prior-content, "« ")`},"& .rbc-agenda-date-cell":{whiteSpace:`nowrap`,fontFamily:`var(--calendar-agenda-date-cell-font-family, {fonts.base})`,fontSize:`var(--calendar-agenda-date-cell-font-size, {fontSizes.200})`,fontWeight:`var(--calendar-agenda-date-cell-font-weight, {fontWeights.semibold})`,color:`var(--calendar-agenda-date-cell-foreground, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--calendar-agenda-date-cell-background, {colors.neutral.background.2.enabled})`},"& .rbc-agenda-event-cell":{width:`100%`,fontFamily:`var(--calendar-agenda-event-cell-font-family, {fonts.base})`,fontSize:`var(--calendar-agenda-event-cell-font-size, {fontSizes.200})`,fontWeight:`var(--calendar-agenda-event-cell-font-weight, {fontWeights.semibold})`,color:`var(--calendar-agenda-event-cell-foreground, {colors.neutral.foreground.1.enabled})`},"& .rbc-agenda-empty":{display:`flex`,alignItems:`center`,justifyContent:`center`,height:`100%`,width:`100%`,paddingBlock:`var(--calendar-agenda-empty-padding-block, {spacing.750})`,paddingInline:`var(--calendar-agenda-empty-padding-inline, {spacing.750})`,textAlign:`center`,fontFamily:`var(--calendar-agenda-empty-font-family, {fonts.base})`,fontSize:`var(--calendar-agenda-empty-font-size, {fontSizes.400})`,fontWeight:`var(--calendar-agenda-empty-font-weight, {fontWeights.regular})`,color:`var(--calendar-agenda-empty-foreground, {colors.neutral.foreground.2.enabled})`}}});export{t as calendarAgenda};
2
2
  //# sourceMappingURL=calendar-agenda.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"calendar-agenda.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-agenda.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendarAgenda = defineRecipe({\n className: 'calendar__agenda',\n jsx: ['Calendar'],\n base: {\n // Agenda view\n '& .rbc-agenda-view': {\n display: 'flex',\n flexDirection: 'column',\n flex: '1 0 0',\n overflow: 'auto',\n height: '100%',\n },\n\n // Agenda table\n '& table.rbc-agenda-table': {\n width: '100%',\n borderWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderStyle: 'solid',\n borderColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n borderSpacing: 0,\n borderCollapse: 'collapse',\n },\n\n '& table.rbc-agenda-table tbody > tr > td': {\n paddingBlock:\n 'var(--calendar-agenda-table-cell-padding-block, 0.3125rem)',\n paddingInline:\n 'var(--calendar-agenda-table-cell-padding-inline, 0.625rem)',\n verticalAlign: 'top',\n borderLeftWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderLeftStyle: 'solid',\n borderLeftColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n },\n\n '& table.rbc-agenda-table .rbc-agenda-time-cell': {\n paddingLeft: 'var(--calendar-agenda-time-cell-padding-left, 0.9375rem)',\n paddingRight: 'var(--calendar-agenda-time-cell-padding-right, 0.9375rem)',\n },\n\n '& table.rbc-agenda-table tbody > tr + tr': {\n borderTopWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderTopStyle: 'solid',\n borderTopColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n },\n\n '& table.rbc-agenda-table thead > tr > th': {\n display: 'table-cell',\n paddingBlock:\n 'var(--calendar-agenda-table-header-padding-block, 0.1875rem)',\n paddingInline:\n 'var(--calendar-agenda-table-header-padding-inline, 0.3125rem)',\n textAlign: 'left',\n borderBottomWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderBottomStyle: 'solid',\n borderBottomColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n fontFamily:\n 'var(--calendar-agenda-table-header-font-family, {fonts.base})',\n fontSize:\n 'var(--calendar-agenda-table-header-font-size, {fontSizes.100})',\n fontWeight:\n 'var(--calendar-agenda-table-header-font-weight, {fontWeights.semibold})',\n },\n\n '& .rbc-rtl table.rbc-agenda-table thead > tr > th': {\n textAlign: 'right',\n },\n\n // Agenda time cell\n '& .rbc-agenda-time-cell': {\n whiteSpace: 'nowrap',\n fontFamily: 'var(--calendar-agenda-time-cell-font-family, {fonts.base})',\n fontSize: 'var(--calendar-agenda-time-cell-font-size, {fontSizes.200})',\n fontWeight:\n 'var(--calendar-agenda-time-cell-font-weight, {fontWeights.semibold})',\n color:\n 'var(--calendar-agenda-time-cell-foreground, {colors.neutral.foreground.1.enabled})',\n textTransform:\n 'var(--calendar-agenda-time-cell-text-transform, capitalize)',\n },\n\n '& .rbc-agenda-time-cell .rbc-continues-after:after': {\n content: 'var(--calendar-agenda-time-cell-continues-after-content, \" »\")',\n },\n\n '& .rbc-agenda-time-cell .rbc-continues-prior:before': {\n content: 'var(--calendar-agenda-time-cell-continues-prior-content, \"« \")',\n },\n\n // Agenda date cell\n '& .rbc-agenda-date-cell': {\n whiteSpace: 'nowrap',\n fontFamily: 'var(--calendar-agenda-date-cell-font-family, {fonts.base})',\n fontSize: 'var(--calendar-agenda-date-cell-font-size, {fontSizes.200})',\n fontWeight:\n 'var(--calendar-agenda-date-cell-font-weight, {fontWeights.semibold})',\n color:\n 'var(--calendar-agenda-date-cell-foreground, {colors.neutral.foreground.1.enabled})',\n backgroundColor:\n 'var(--calendar-agenda-date-cell-background, {colors.neutral.background.2.enabled})',\n },\n\n // Agenda event cell\n '& .rbc-agenda-event-cell': {\n width: '100%',\n fontFamily: 'var(--calendar-agenda-event-cell-font-family, {fonts.base})',\n fontSize: 'var(--calendar-agenda-event-cell-font-size, {fontSizes.200})',\n fontWeight:\n 'var(--calendar-agenda-event-cell-font-weight, {fontWeights.semibold})',\n color:\n 'var(--calendar-agenda-event-cell-foreground, {colors.neutral.foreground.1.enabled})',\n },\n\n // Agenda empty\n '& .rbc-agenda-empty': {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n height: '100%',\n width: '100%',\n paddingBlock: 'var(--calendar-agenda-empty-padding-block, {spacing.750})',\n paddingInline:\n 'var(--calendar-agenda-empty-padding-inline, {spacing.750})',\n textAlign: 'center',\n fontFamily: 'var(--calendar-agenda-empty-font-family, {fonts.base})',\n fontSize: 'var(--calendar-agenda-empty-font-size, {fontSizes.400})',\n fontWeight:\n 'var(--calendar-agenda-empty-font-weight, {fontWeights.regular})',\n color:\n 'var(--calendar-agenda-empty-foreground, {colors.neutral.foreground.2.enabled})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,mBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,qBAAsB,CACpB,QAAS,OACT,cAAe,SACf,KAAM,QACN,SAAU,OACV,OAAQ,OACT,CAGD,2BAA4B,CAC1B,MAAO,OACP,YAAa,mDACb,YAAa,QACb,YACE,uEACF,cAAe,EACf,eAAgB,WACjB,CAED,2CAA4C,CAC1C,aACE,6DACF,cACE,6DACF,cAAe,MACf,gBAAiB,mDACjB,gBAAiB,QACjB,gBACE,uEACH,CAED,iDAAkD,CAChD,YAAa,2DACb,aAAc,4DACf,CAED,2CAA4C,CAC1C,eAAgB,mDAChB,eAAgB,QAChB,eACE,uEACH,CAED,2CAA4C,CAC1C,QAAS,aACT,aACE,+DACF,cACE,gEACF,UAAW,OACX,kBAAmB,mDACnB,kBAAmB,QACnB,kBACE,uEACF,WACE,gEACF,SACE,iEACF,WACE,0EACH,CAED,oDAAqD,CACnD,UAAW,QACZ,CAGD,0BAA2B,CACzB,WAAY,SACZ,WAAY,6DACZ,SAAU,8DACV,WACE,uEACF,MACE,qFACF,cACE,8DACH,CAED,qDAAsD,CACpD,QAAS,iEACV,CAED,sDAAuD,CACrD,QAAS,iEACV,CAGD,0BAA2B,CACzB,WAAY,SACZ,WAAY,6DACZ,SAAU,8DACV,WACE,uEACF,MACE,qFACF,gBACE,qFACH,CAGD,2BAA4B,CAC1B,MAAO,OACP,WAAY,8DACZ,SAAU,+DACV,WACE,wEACF,MACE,sFACH,CAGD,sBAAuB,CACrB,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,OAAQ,OACR,MAAO,OACP,aAAc,4DACd,cACE,6DACF,UAAW,SACX,WAAY,yDACZ,SAAU,0DACV,WACE,kEACF,MACE,iFACH,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"calendar-agenda.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-agenda.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendarAgenda = defineRecipe({\n className: 'calendar__agenda',\n jsx: ['Calendar'],\n base: {\n // Agenda view\n '& .rbc-agenda-view': {\n display: 'flex',\n flexDirection: 'column',\n flex: '1 0 0',\n overflow: 'auto',\n height: '100%',\n },\n\n // Agenda table\n '& table.rbc-agenda-table': {\n width: '100%',\n borderWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderStyle: 'solid',\n borderColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n borderSpacing: 0,\n borderCollapse: 'collapse',\n },\n\n '& table.rbc-agenda-table tbody > tr > td': {\n paddingBlock:\n 'var(--calendar-agenda-table-cell-padding-block, {spacing.150})',\n paddingInline:\n 'var(--calendar-agenda-table-cell-padding-inline, {spacing.200})',\n verticalAlign: 'top',\n borderLeftWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderLeftStyle: 'solid',\n borderLeftColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n },\n\n '& table.rbc-agenda-table .rbc-agenda-time-cell': {\n paddingLeft:\n 'var(--calendar-agenda-time-cell-padding-left, {spacing.400})',\n paddingRight:\n 'var(--calendar-agenda-time-cell-padding-right, {spacing.400})',\n },\n\n '& table.rbc-agenda-table tbody > tr + tr': {\n borderTopWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderTopStyle: 'solid',\n borderTopColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n },\n\n '& table.rbc-agenda-table thead > tr > th': {\n display: 'table-cell',\n paddingBlock:\n 'var(--calendar-agenda-table-header-padding-block, 0.1875rem)',\n paddingInline:\n 'var(--calendar-agenda-table-header-padding-inline, 0.3125rem)',\n textAlign: 'left',\n borderBottomWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderBottomStyle: 'solid',\n borderBottomColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n fontFamily:\n 'var(--calendar-agenda-table-header-font-family, {fonts.base})',\n fontSize:\n 'var(--calendar-agenda-table-header-font-size, {fontSizes.100})',\n fontWeight:\n 'var(--calendar-agenda-table-header-font-weight, {fontWeights.semibold})',\n },\n\n '& .rbc-rtl table.rbc-agenda-table thead > tr > th': {\n textAlign: 'right',\n },\n\n // Agenda time cell\n '& .rbc-agenda-time-cell': {\n whiteSpace: 'nowrap',\n fontFamily: 'var(--calendar-agenda-time-cell-font-family, {fonts.base})',\n fontSize: 'var(--calendar-agenda-time-cell-font-size, {fontSizes.200})',\n fontWeight:\n 'var(--calendar-agenda-time-cell-font-weight, {fontWeights.semibold})',\n color:\n 'var(--calendar-agenda-time-cell-foreground, {colors.neutral.foreground.1.enabled})',\n textTransform:\n 'var(--calendar-agenda-time-cell-text-transform, capitalize)',\n },\n\n '& .rbc-agenda-time-cell .rbc-continues-after:after': {\n content: 'var(--calendar-agenda-time-cell-continues-after-content, \" »\")',\n },\n\n '& .rbc-agenda-time-cell .rbc-continues-prior:before': {\n content: 'var(--calendar-agenda-time-cell-continues-prior-content, \"« \")',\n },\n\n // Agenda date cell\n '& .rbc-agenda-date-cell': {\n whiteSpace: 'nowrap',\n fontFamily: 'var(--calendar-agenda-date-cell-font-family, {fonts.base})',\n fontSize: 'var(--calendar-agenda-date-cell-font-size, {fontSizes.200})',\n fontWeight:\n 'var(--calendar-agenda-date-cell-font-weight, {fontWeights.semibold})',\n color:\n 'var(--calendar-agenda-date-cell-foreground, {colors.neutral.foreground.1.enabled})',\n backgroundColor:\n 'var(--calendar-agenda-date-cell-background, {colors.neutral.background.2.enabled})',\n },\n\n // Agenda event cell\n '& .rbc-agenda-event-cell': {\n width: '100%',\n fontFamily: 'var(--calendar-agenda-event-cell-font-family, {fonts.base})',\n fontSize: 'var(--calendar-agenda-event-cell-font-size, {fontSizes.200})',\n fontWeight:\n 'var(--calendar-agenda-event-cell-font-weight, {fontWeights.semibold})',\n color:\n 'var(--calendar-agenda-event-cell-foreground, {colors.neutral.foreground.1.enabled})',\n },\n\n // Agenda empty\n '& .rbc-agenda-empty': {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n height: '100%',\n width: '100%',\n paddingBlock: 'var(--calendar-agenda-empty-padding-block, {spacing.750})',\n paddingInline:\n 'var(--calendar-agenda-empty-padding-inline, {spacing.750})',\n textAlign: 'center',\n fontFamily: 'var(--calendar-agenda-empty-font-family, {fonts.base})',\n fontSize: 'var(--calendar-agenda-empty-font-size, {fontSizes.400})',\n fontWeight:\n 'var(--calendar-agenda-empty-font-weight, {fontWeights.regular})',\n color:\n 'var(--calendar-agenda-empty-foreground, {colors.neutral.foreground.2.enabled})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,mBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,qBAAsB,CACpB,QAAS,OACT,cAAe,SACf,KAAM,QACN,SAAU,OACV,OAAQ,OACT,CAGD,2BAA4B,CAC1B,MAAO,OACP,YAAa,mDACb,YAAa,QACb,YACE,uEACF,cAAe,EACf,eAAgB,WACjB,CAED,2CAA4C,CAC1C,aACE,iEACF,cACE,kEACF,cAAe,MACf,gBAAiB,mDACjB,gBAAiB,QACjB,gBACE,uEACH,CAED,iDAAkD,CAChD,YACE,+DACF,aACE,gEACH,CAED,2CAA4C,CAC1C,eAAgB,mDAChB,eAAgB,QAChB,eACE,uEACH,CAED,2CAA4C,CAC1C,QAAS,aACT,aACE,+DACF,cACE,gEACF,UAAW,OACX,kBAAmB,mDACnB,kBAAmB,QACnB,kBACE,uEACF,WACE,gEACF,SACE,iEACF,WACE,0EACH,CAED,oDAAqD,CACnD,UAAW,QACZ,CAGD,0BAA2B,CACzB,WAAY,SACZ,WAAY,6DACZ,SAAU,8DACV,WACE,uEACF,MACE,qFACF,cACE,8DACH,CAED,qDAAsD,CACpD,QAAS,iEACV,CAED,sDAAuD,CACrD,QAAS,iEACV,CAGD,0BAA2B,CACzB,WAAY,SACZ,WAAY,6DACZ,SAAU,8DACV,WACE,uEACF,MACE,qFACF,gBACE,qFACH,CAGD,2BAA4B,CAC1B,MAAO,OACP,WAAY,8DACZ,SAAU,+DACV,WACE,wEACF,MACE,sFACH,CAGD,sBAAuB,CACrB,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,OAAQ,OACR,MAAO,OACP,aAAc,4DACd,cACE,6DACF,UAAW,SACX,WAAY,yDACZ,SAAU,0DACV,WACE,kEACF,MACE,iFACH,CACF,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- 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};
1
+ 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/50})`,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.medium})`,fontSize:`var(--calendar-event-font-size, {fontSizes.100})`,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.foreground.onPrimary.2.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.foreground.onSuccess.2.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};
2
2
  //# sourceMappingURL=calendar-event.mjs.map
@@ -1 +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.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"}
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/50})',\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.medium})',\n fontSize: 'var(--calendar-event-font-size, {fontSizes.100})',\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.foreground.onPrimary.2.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.foreground.onSuccess.2.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,0DACZ,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,8FACH,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,8FACH,CACD,gEAAiE,CAC/D,uCACE,yFACH,CACD,kEAAmE,CACjE,uCACE,oFACH,CACF,CACF,CACF,CACD,UAAW,CAAC,IAAI,CACjB,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__month`,jsx:[`Calendar`],base:{"& .rbc-row":{display:`flex`,flexDirection:`row`},"& .rbc-row-segment":{padding:`0 1px 1px 1px`},"& .rbc-row-segment .rbc-event-content":{display:`block`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},"& .rbc-selected-cell":{backgroundColor:`var(--calendar-month-selected-cell-background, rgba(0, 0, 0, 0.1))`},"& .rbc-show-more":{display:`block`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,backgroundColor:`var(--calendar-month-show-more-background, transparent)`,zIndex:`var(--calendar-month-show-more-z-index, 4)`,fontWeight:`var(--calendar-month-show-more-font-weight, {fontWeights.bold})`,fontSize:`var(--calendar-month-show-more-font-size, {fontSizes.100})`,height:`auto`,lineHeight:`normal`,color:`var(--calendar-month-show-more-foreground, {colors.primary.foreground.1.enabled})`},"& .rbc-show-more:hover, & .rbc-show-more:focus":{color:`var(--calendar-month-show-more-foreground-hover, {colors.primary.foreground.1.hovered})`},"& .rbc-month-view":{borderRadius:`var(--calendar-border-radius, {radii.100})`,position:`relative`,borderWidth:`var(--calendar-border-width, 1px)`,borderStyle:`solid`,borderColor:`var(--calendar-border-color, {colors.neutral.stroke.7.enabled})`,display:`flex`,flexDirection:`column`,flex:`1 0 0`,width:`100%`,userSelect:`none`,WebkitUserSelect:`none`,height:`100%`},"& .rbc-month-header":{display:`flex`,flexDirection:`row`},"& .rbc-month-row":{display:`flex`,position:`relative`,flexDirection:`column`,flex:`1 0 0`,flexBasis:`0px`,overflow:`hidden`,height:`100%`},"& .rbc-month-row + .rbc-month-row":{borderTopWidth:`var(--calendar-cell-border-width, {borders.100})`,borderTopStyle:`solid`,borderTopColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-row-bg":{overflow:`hidden`,position:`absolute`,top:0,left:0,right:0,bottom:0,display:`flex`,flexDirection:`row`,flex:`1 0 0`},"& .rbc-date-cell":{flex:`1 1 0`,minWidth:0,paddingRight:`5px`,textAlign:`right`,fontFamily:`var(--calendar-month-date-cell-font-family, {fonts.base})`,fontSize:`var(--calendar-month-date-cell-font-size, {fontSizes.100})`,fontWeight:`var(--calendar-month-date-cell-font-weight, {fontWeights.regular})`},"& .rbc-date-cell.rbc-now":{fontWeight:`var(--calendar-month-date-cell-now-font-weight, {fontWeights.bold})`},"& .rbc-date-cell > a, & .rbc-date-cell > a:active, & .rbc-date-cell > a:visited":{color:`inherit`,textDecoration:`none`},"& .rbc-day-bg":{flex:`1 0 0%`},"& .rbc-day-bg + .rbc-day-bg":{borderLeftWidth:`var(--calendar-cell-border-width, {borders.100})`,borderLeftStyle:`solid`,borderLeftColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-rtl .rbc-day-bg + .rbc-day-bg":{borderLeftWidth:0,borderRightWidth:`var(--calendar-cell-border-width, {borders.100})`,borderRightStyle:`solid`,borderRightColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`}}});export{t as calendarMonth};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__month`,jsx:[`Calendar`],base:{"& .rbc-row":{display:`flex`,flexDirection:`row`},"& .rbc-row-segment":{padding:`0 1px 1px 1px`},"& .rbc-row-segment .rbc-event-content":{display:`block`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},"& .rbc-selected-cell":{backgroundColor:`var(--calendar-month-selected-cell-background, {colors.neutral.background.1.enabled/10})`},"& .rbc-show-more":{display:`block`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,backgroundColor:`var(--calendar-month-show-more-background, transparent)`,zIndex:`var(--calendar-month-show-more-z-index, 4)`,fontWeight:`var(--calendar-month-show-more-font-weight, {fontWeights.semiBold})`,fontSize:`var(--calendar-month-show-more-font-size, {fontSizes.100})`,height:`auto`,lineHeight:`normal`,padding:`4px`,color:`var(--calendar-month-show-more-foreground, {colors.neutral.foreground.3.enabled})`},"& .rbc-show-more:hover, & .rbc-show-more:focus":{color:`var(--calendar-month-show-more-foreground-hover, {colors.neutral.foreground.3.onPrimary.hovered})`},"& .rbc-month-view":{borderRadius:`var(--calendar-border-radius, {radii.100})`,position:`relative`,borderWidth:`var(--calendar-border-width, {borders.100})`,borderStyle:`solid`,borderColor:`var(--calendar-border-color, {colors.neutral.stroke.7.enabled})`,display:`flex`,flexDirection:`column`,flex:`1 0 0`,width:`100%`,userSelect:`none`,WebkitUserSelect:`none`,height:`100%`},"& .rbc-month-header":{display:`flex`,flexDirection:`row`},"& .rbc-month-row":{display:`flex`,position:`relative`,flexDirection:`column`,flex:`1 0 0`,flexBasis:`0px`,overflow:`hidden`,height:`100%`},"& .rbc-month-row + .rbc-month-row":{borderTopWidth:`var(--calendar-cell-border-width, {borders.100})`,borderTopStyle:`solid`,borderTopColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-row-bg":{overflow:`hidden`,position:`absolute`,top:0,left:0,right:0,bottom:0,display:`flex`,flexDirection:`row`,flex:`1 0 0`},"& .rbc-date-cell":{flex:`1 1 0`,minWidth:0,paddingRight:`5px`,textAlign:`right`,fontFamily:`var(--calendar-month-date-cell-font-family, {fonts.base})`,fontSize:`var(--calendar-month-date-cell-font-size, {fontSizes.200})`,fontWeight:`var(--calendar-month-date-cell-font-weight, {fontWeights.regular})`},"& .rbc-date-cell.rbc-now":{fontWeight:`var(--calendar-month-date-cell-now-font-weight, {fontWeights.regular})`},"& .rbc-date-cell > a, & .rbc-date-cell > a:active, & .rbc-date-cell > a:visited":{color:`inherit`,textDecoration:`none`},"& .rbc-day-bg":{flex:`1 0 0%`},"& .rbc-day-bg + .rbc-day-bg":{borderLeftWidth:`var(--calendar-cell-border-width, {borders.100})`,borderLeftStyle:`solid`,borderLeftColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-rtl .rbc-day-bg + .rbc-day-bg":{borderLeftWidth:0,borderRightWidth:`var(--calendar-cell-border-width, {borders.100})`,borderRightStyle:`solid`,borderRightColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`}}});export{t as calendarMonth};
2
2
  //# sourceMappingURL=calendar-month.mjs.map