@mage-ui/preset 1.0.31 → 1.0.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (170) hide show
  1. package/dist/recipes/buttons/button/button.mjs +1 -1
  2. package/dist/recipes/buttons/button/button.mjs.map +1 -1
  3. package/dist/recipes/buttons/button-action/button-action.mjs +1 -1
  4. package/dist/recipes/buttons/button-action/button-action.mjs.map +1 -1
  5. package/dist/recipes/buttons/button-icon/button-icon.mjs +1 -1
  6. package/dist/recipes/buttons/button-icon/button-icon.mjs.map +1 -1
  7. package/dist/recipes/buttons/button-icon-visual/button-icon-visual.mjs +1 -1
  8. package/dist/recipes/buttons/button-icon-visual/button-icon-visual.mjs.map +1 -1
  9. package/dist/recipes/buttons/button-visual/button-visual.mjs +1 -1
  10. package/dist/recipes/buttons/button-visual/button-visual.mjs.map +1 -1
  11. package/dist/recipes/controls/autocomplete/autocomplete-clear-button.mjs +1 -1
  12. package/dist/recipes/controls/autocomplete/autocomplete-clear-button.mjs.map +1 -1
  13. package/dist/recipes/controls/autocomplete/autocomplete-text-input.mjs +1 -1
  14. package/dist/recipes/controls/autocomplete/autocomplete-text-input.mjs.map +1 -1
  15. package/dist/recipes/controls/checkbox/checkbox-input.mjs +1 -1
  16. package/dist/recipes/controls/checkbox/checkbox-input.mjs.map +1 -1
  17. package/dist/recipes/controls/checkbox/checkbox.mjs +1 -1
  18. package/dist/recipes/controls/checkbox/checkbox.mjs.map +1 -1
  19. package/dist/recipes/controls/combobox/combobox-clear-button.mjs +1 -1
  20. package/dist/recipes/controls/combobox/combobox-clear-button.mjs.map +1 -1
  21. package/dist/recipes/controls/combobox/combobox-text-input.mjs +1 -1
  22. package/dist/recipes/controls/combobox/combobox-text-input.mjs.map +1 -1
  23. package/dist/recipes/controls/date-picker/date-picker-button-icon.mjs +1 -1
  24. package/dist/recipes/controls/date-picker/date-picker-button-icon.mjs.map +1 -1
  25. package/dist/recipes/controls/dropdown/dropdown-clear-button.mjs +1 -1
  26. package/dist/recipes/controls/dropdown/dropdown-clear-button.mjs.map +1 -1
  27. package/dist/recipes/controls/dropdown/dropdown-text-input.mjs +1 -1
  28. package/dist/recipes/controls/dropdown/dropdown-text-input.mjs.map +1 -1
  29. package/dist/recipes/controls/dropzone/dropzone.mjs +1 -1
  30. package/dist/recipes/controls/dropzone/dropzone.mjs.map +1 -1
  31. package/dist/recipes/controls/file-input/file-input.mjs +1 -1
  32. package/dist/recipes/controls/file-input/file-input.mjs.map +1 -1
  33. package/dist/recipes/controls/index.mjs +1 -1
  34. package/dist/recipes/controls/index.mjs.map +1 -1
  35. package/dist/recipes/controls/multi-select/multi-select-text-input.mjs +1 -1
  36. package/dist/recipes/controls/multi-select/multi-select-text-input.mjs.map +1 -1
  37. package/dist/recipes/controls/multi-select-tags/multi-select-tags-input.mjs +1 -1
  38. package/dist/recipes/controls/multi-select-tags/multi-select-tags-input.mjs.map +1 -1
  39. package/dist/recipes/controls/password-input/password-input-button-icon.mjs +1 -1
  40. package/dist/recipes/controls/password-input/password-input-button-icon.mjs.map +1 -1
  41. package/dist/recipes/controls/password-input/password-input.mjs +1 -1
  42. package/dist/recipes/controls/password-input/password-input.mjs.map +1 -1
  43. package/dist/recipes/controls/password-input-strength/password-input-strength-button-icon.mjs +1 -1
  44. package/dist/recipes/controls/password-input-strength/password-input-strength-button-icon.mjs.map +1 -1
  45. package/dist/recipes/controls/password-input-strength/password-input-strength.mjs +1 -1
  46. package/dist/recipes/controls/password-input-strength/password-input-strength.mjs.map +1 -1
  47. package/dist/recipes/controls/password-strength-input/index.mjs +2 -0
  48. package/dist/recipes/controls/password-strength-input/index.mjs.map +1 -0
  49. package/dist/recipes/controls/password-strength-input/password-strength-input-bar-wrapper.mjs +2 -0
  50. package/dist/recipes/controls/password-strength-input/password-strength-input-bar-wrapper.mjs.map +1 -0
  51. package/dist/recipes/controls/password-strength-input/password-strength-input-bar.mjs +2 -0
  52. package/dist/recipes/controls/password-strength-input/password-strength-input-bar.mjs.map +1 -0
  53. package/dist/recipes/controls/password-strength-input/password-strength-input-input-button-icon-icon-raw-root.mjs +2 -0
  54. package/dist/recipes/controls/password-strength-input/password-strength-input-input-button-icon-icon-raw-root.mjs.map +1 -0
  55. package/dist/recipes/controls/password-strength-input/password-strength-input-input-button-icon-icon-raw.mjs +2 -0
  56. package/dist/recipes/controls/password-strength-input/password-strength-input-input-button-icon-icon-raw.mjs.map +1 -0
  57. package/dist/recipes/controls/password-strength-input/password-strength-input-input-button-icon-icon.mjs +2 -0
  58. package/dist/recipes/controls/password-strength-input/password-strength-input-input-button-icon-icon.mjs.map +1 -0
  59. package/dist/recipes/controls/password-strength-input/password-strength-input-input-button-icon-root.mjs +2 -0
  60. package/dist/recipes/controls/password-strength-input/password-strength-input-input-button-icon-root.mjs.map +1 -0
  61. package/dist/recipes/controls/password-strength-input/password-strength-input-input-button-icon.mjs +2 -0
  62. package/dist/recipes/controls/password-strength-input/password-strength-input-input-button-icon.mjs.map +1 -0
  63. package/dist/recipes/controls/password-strength-input/password-strength-input-input-description.mjs +2 -0
  64. package/dist/recipes/controls/password-strength-input/password-strength-input-input-description.mjs.map +1 -0
  65. package/dist/recipes/controls/password-strength-input/password-strength-input-input-error.mjs +2 -0
  66. package/dist/recipes/controls/password-strength-input/password-strength-input-input-error.mjs.map +1 -0
  67. package/dist/recipes/controls/password-strength-input/password-strength-input-input-input.mjs +2 -0
  68. package/dist/recipes/controls/password-strength-input/password-strength-input-input-input.mjs.map +1 -0
  69. package/dist/recipes/controls/password-strength-input/password-strength-input-input-label.mjs +2 -0
  70. package/dist/recipes/controls/password-strength-input/password-strength-input-input-label.mjs.map +1 -0
  71. package/dist/recipes/controls/password-strength-input/password-strength-input-input-required.mjs +2 -0
  72. package/dist/recipes/controls/password-strength-input/password-strength-input-input-required.mjs.map +1 -0
  73. package/dist/recipes/controls/password-strength-input/password-strength-input-input-root.mjs +2 -0
  74. package/dist/recipes/controls/password-strength-input/password-strength-input-input-root.mjs.map +1 -0
  75. package/dist/recipes/controls/password-strength-input/password-strength-input-input-section.mjs +2 -0
  76. package/dist/recipes/controls/password-strength-input/password-strength-input-input-section.mjs.map +1 -0
  77. package/dist/recipes/controls/password-strength-input/password-strength-input-input-wrapper.mjs +2 -0
  78. package/dist/recipes/controls/password-strength-input/password-strength-input-input-wrapper.mjs.map +1 -0
  79. package/dist/recipes/controls/password-strength-input/password-strength-input-input.mjs +2 -0
  80. package/dist/recipes/controls/password-strength-input/password-strength-input-input.mjs.map +1 -0
  81. package/dist/recipes/controls/password-strength-input/password-strength-input-root.mjs +2 -0
  82. package/dist/recipes/controls/password-strength-input/password-strength-input-root.mjs.map +1 -0
  83. package/dist/recipes/controls/password-strength-input/password-strength-input-rule-icon-icon-raw-root.mjs +2 -0
  84. package/dist/recipes/controls/password-strength-input/password-strength-input-rule-icon-icon-raw-root.mjs.map +1 -0
  85. package/dist/recipes/controls/password-strength-input/password-strength-input-rule-icon-icon-raw.mjs +2 -0
  86. package/dist/recipes/controls/password-strength-input/password-strength-input-rule-icon-icon-raw.mjs.map +1 -0
  87. package/dist/recipes/controls/password-strength-input/password-strength-input-rule-icon-root.mjs +2 -0
  88. package/dist/recipes/controls/password-strength-input/password-strength-input-rule-icon-root.mjs.map +1 -0
  89. package/dist/recipes/controls/password-strength-input/password-strength-input-rule-icon.mjs +2 -0
  90. package/dist/recipes/controls/password-strength-input/password-strength-input-rule-icon.mjs.map +1 -0
  91. package/dist/recipes/controls/password-strength-input/password-strength-input-rule-text.mjs +2 -0
  92. package/dist/recipes/controls/password-strength-input/password-strength-input-rule-text.mjs.map +1 -0
  93. package/dist/recipes/controls/password-strength-input/password-strength-input-rule.mjs +2 -0
  94. package/dist/recipes/controls/password-strength-input/password-strength-input-rule.mjs.map +1 -0
  95. package/dist/recipes/controls/password-strength-input/password-strength-input-rules.mjs +2 -0
  96. package/dist/recipes/controls/password-strength-input/password-strength-input-rules.mjs.map +1 -0
  97. package/dist/recipes/controls/password-strength-input/password-strength-input-segment.mjs +2 -0
  98. package/dist/recipes/controls/password-strength-input/password-strength-input-segment.mjs.map +1 -0
  99. package/dist/recipes/controls/password-strength-input/password-strength-input-strength-label.mjs +2 -0
  100. package/dist/recipes/controls/password-strength-input/password-strength-input-strength-label.mjs.map +1 -0
  101. package/dist/recipes/controls/password-strength-input/password-strength-input-strength-wrapper.mjs +2 -0
  102. package/dist/recipes/controls/password-strength-input/password-strength-input-strength-wrapper.mjs.map +1 -0
  103. package/dist/recipes/controls/password-strength-input/password-strength-input.mjs +2 -0
  104. package/dist/recipes/controls/password-strength-input/password-strength-input.mjs.map +1 -0
  105. package/dist/recipes/controls/select/select-clear-button.mjs +1 -1
  106. package/dist/recipes/controls/select/select-clear-button.mjs.map +1 -1
  107. package/dist/recipes/controls/select/select-text-input.mjs +1 -1
  108. package/dist/recipes/controls/select/select-text-input.mjs.map +1 -1
  109. package/dist/recipes/controls/select-searchable/select-searchable-search.mjs +1 -1
  110. package/dist/recipes/controls/select-searchable/select-searchable-search.mjs.map +1 -1
  111. package/dist/recipes/controls/select-searchable/select-searchable.mjs +1 -1
  112. package/dist/recipes/controls/select-searchable/select-searchable.mjs.map +1 -1
  113. package/dist/recipes/controls/text-input/text-input-description.mjs +1 -1
  114. package/dist/recipes/controls/text-input/text-input-description.mjs.map +1 -1
  115. package/dist/recipes/controls/text-input/text-input-error.mjs +1 -1
  116. package/dist/recipes/controls/text-input/text-input-error.mjs.map +1 -1
  117. package/dist/recipes/controls/text-input/text-input-input.mjs +1 -1
  118. package/dist/recipes/controls/text-input/text-input-input.mjs.map +1 -1
  119. package/dist/recipes/controls/text-input/text-input-label.mjs +1 -1
  120. package/dist/recipes/controls/text-input/text-input-label.mjs.map +1 -1
  121. package/dist/recipes/controls/text-input/text-input-wrapper.mjs +1 -1
  122. package/dist/recipes/controls/text-input/text-input-wrapper.mjs.map +1 -1
  123. package/dist/recipes/controls/text-input/text-input.mjs +1 -1
  124. package/dist/recipes/controls/text-input/text-input.mjs.map +1 -1
  125. package/dist/recipes/controls/textarea/textarea-description.mjs +1 -1
  126. package/dist/recipes/controls/textarea/textarea-description.mjs.map +1 -1
  127. package/dist/recipes/controls/textarea/textarea-error.mjs +1 -1
  128. package/dist/recipes/controls/textarea/textarea-error.mjs.map +1 -1
  129. package/dist/recipes/controls/textarea/textarea-input.mjs +1 -1
  130. package/dist/recipes/controls/textarea/textarea-input.mjs.map +1 -1
  131. package/dist/recipes/controls/textarea/textarea-label.mjs +1 -1
  132. package/dist/recipes/controls/textarea/textarea-label.mjs.map +1 -1
  133. package/dist/recipes/controls/textarea/textarea-required.mjs +1 -1
  134. package/dist/recipes/controls/textarea/textarea-required.mjs.map +1 -1
  135. package/dist/recipes/controls/textarea/textarea-root.mjs +1 -1
  136. package/dist/recipes/controls/textarea/textarea-root.mjs.map +1 -1
  137. package/dist/recipes/controls/textarea/textarea-section.mjs +1 -1
  138. package/dist/recipes/controls/textarea/textarea-section.mjs.map +1 -1
  139. package/dist/recipes/controls/textarea/textarea-wrapper.mjs +1 -1
  140. package/dist/recipes/controls/textarea/textarea-wrapper.mjs.map +1 -1
  141. package/dist/recipes/controls/textarea/textarea.mjs +1 -1
  142. package/dist/recipes/controls/textarea/textarea.mjs.map +1 -1
  143. package/dist/recipes/controls/utils/clear-button/clear-button.mjs +1 -1
  144. package/dist/recipes/controls/utils/clear-button/clear-button.mjs.map +1 -1
  145. package/dist/recipes/data-display/assigned-user/assigned-user-button-icon.mjs +1 -1
  146. package/dist/recipes/data-display/assigned-user/assigned-user-button-icon.mjs.map +1 -1
  147. package/dist/recipes/data-display/calendar/calendar-time-grid.mjs +1 -1
  148. package/dist/recipes/data-display/calendar/calendar-time-grid.mjs.map +1 -1
  149. package/dist/recipes/data-display/calendar/calendar-toolbar.mjs +1 -1
  150. package/dist/recipes/data-display/calendar/calendar-toolbar.mjs.map +1 -1
  151. package/dist/recipes/data-display/calendar/calendar.mjs +1 -1
  152. package/dist/recipes/data-display/calendar/calendar.mjs.map +1 -1
  153. package/dist/recipes/data-display/icons/icon/icon.mjs +1 -1
  154. package/dist/recipes/data-display/icons/icon/icon.mjs.map +1 -1
  155. package/dist/recipes/data-display/logos/logo-image/logo-image.mjs +1 -1
  156. package/dist/recipes/data-display/logos/logo-image/logo-image.mjs.map +1 -1
  157. package/dist/recipes/data-display/removable-item/removable-item-button-icon.mjs +1 -1
  158. package/dist/recipes/data-display/removable-item/removable-item-button-icon.mjs.map +1 -1
  159. package/dist/recipes/data-display/tag/tag-button-icon.mjs +1 -1
  160. package/dist/recipes/data-display/tag/tag-button-icon.mjs.map +1 -1
  161. package/dist/recipes/data-display/uploaded-file/uploaded-file-button-icon.mjs +1 -1
  162. package/dist/recipes/data-display/uploaded-file/uploaded-file-button-icon.mjs.map +1 -1
  163. package/dist/recipes/navigations/menu/menu-target-button.mjs +1 -1
  164. package/dist/recipes/navigations/menu/menu-target-button.mjs.map +1 -1
  165. package/dist/recipes/semedlab/data-display/user-group-preview/user-group-preview-avatar.mjs +1 -1
  166. package/dist/recipes/semedlab/data-display/user-group-preview/user-group-preview-avatar.mjs.map +1 -1
  167. package/dist/recipes/semedlab/navigations/breadcrumbs-bar/breadcrumbs-bar-button-back.mjs.map +1 -1
  168. package/dist/recipes/shared/focus.mjs +1 -1
  169. package/dist/recipes/shared/focus.mjs.map +1 -1
  170. package/package.json +1 -1
@@ -1,2 +1,2 @@
1
- import{dropdownTextInput as e}from"../dropdown/dropdown-text-input.mjs";const t=e.merge({className:`select__text-input`,jsx:[`Select`],base:{"--dropdown-text-input-root-gap":`var(--select-text-input-root-gap, {spacing.100})`,"--dropdown-text-input-label-font-family":`var(--select-text-input-label-font-family, {fonts.base})`,"--dropdown-text-input-label-font-size":`var(--select-text-input-label-font-size, {fontSizes.400})`,"--dropdown-text-input-label-font-weight":`var(--select-text-input-label-font-weight, {fontWeights.medium})`,"--dropdown-text-input-label-line-height":`var(--select-text-input-label-line-height, inherit)`,"--dropdown-text-input-label-foreground":`var(--select-text-input-label-foreground, {colors.neutral.foreground.1.enabled})`,"--dropdown-text-input-required-font-family":`var(--select-text-input-required-font-family, {fonts.base})`,"--dropdown-text-input-required-font-size":`var(--select-text-input-required-font-size, {fontSizes.400})`,"--dropdown-text-input-required-font-weight":`var(--select-text-input-required-font-weight, {fontWeights.medium})`,"--dropdown-text-input-required-foreground":`var(--select-text-input-required-foreground, {colors.neutral.foreground.1.enabled})`,"--dropdown-text-input-required-foreground-error":`var(--select-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--dropdown-text-input-description-font-family":`var(--select-text-input-description-font-family, {fonts.base})`,"--dropdown-text-input-description-font-size":`var(--select-text-input-description-font-size, {fontSizes.300})`,"--dropdown-text-input-description-font-weight":`var(--select-text-input-description-font-weight, {fontWeights.regular})`,"--dropdown-text-input-description-line-height":`var(--select-text-input-description-line-height, inherit)`,"--dropdown-text-input-description-foreground":`var(--select-text-input-description-foreground, {colors.neutral.foreground.2.enabled})`,"--dropdown-text-input-error-font-family":`var(--select-text-input-error-font-family, {fonts.base})`,"--dropdown-text-input-error-font-size":`var(--select-text-input-error-font-size, {fontSizes.300})`,"--dropdown-text-input-error-font-weight":`var(--select-text-input-error-font-weight, {fontWeights.regular})`,"--dropdown-text-input-error-line-height":`var(--select-text-input-error-line-height, inherit)`,"--dropdown-text-input-error-foreground":`var(--select-text-input-error-foreground, {colors.danger.foreground.1.enabled})`,"--dropdown-text-input-wrapper-margin-top":`var(--select-text-input-wrapper-margin-top, {spacing.100})`,"--dropdown-text-input-wrapper-disabled-opacity":`var(--select-text-input-wrapper-disabled-opacity, 0.5)`,"--dropdown-text-input-input-font-family":`var(--select-text-input-input-font-family, {fonts.base})`,"--dropdown-text-input-input-font-size":`var(--select-text-input-input-font-size, {fontSizes.400})`,"--dropdown-text-input-input-font-weight":`var(--select-text-input-input-font-weight, {fontWeights.regular})`,"--dropdown-text-input-input-line-height":`var(--select-text-input-input-line-height, inherit)`,"--dropdown-text-input-input-text-align":`var(--select-text-input-input-text-align, left)`,"--dropdown-text-input-input-background":`var(--select-text-input-input-background, transparent)`,"--dropdown-text-input-input-foreground":`var(--select-text-input-input-foreground, {colors.neutral.foreground.1.enabled})`,"--dropdown-text-input-input-placeholder-foreground":`var(--select-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`,"--dropdown-text-input-input-border-width":`var(--select-text-input-input-border-width, {borders.100})`,"--dropdown-text-input-input-border-color":`var(--select-text-input-input-border-color, {colors.neutral.stroke.1.enabled})`,"--dropdown-text-input-input-border-color-error":`var(--select-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,"--dropdown-text-input-input-border-style":`var(--select-text-input-input-border-style, solid)`,"--dropdown-text-input-input-radii":`var(--select-text-input-input-radii, {radii.200})`,"--dropdown-text-input-input-height":`var(--select-text-input-input-height, {sizes.700})`,"--dropdown-text-input-input-padding-inline-start":`var(--select-text-input-input-padding-inline-start, {spacing.300})`,"--dropdown-text-input-input-padding-inline-end":`var(--select-text-input-input-padding-inline-end, {spacing.200})`,"--dropdown-text-input-input-focus-outline-width":`var(--select-text-input-input-focus-outline-width, {borders.200})`,"--dropdown-text-input-input-focus-outline-style":`var(--select-text-input-input-focus-outline-style, solid)`,"--dropdown-text-input-input-focus-outline-offset":`var(--select-text-input-input-focus-outline-offset, {spacing.50})`,"--dropdown-text-input-input-focus-outline-color":`var(--select-text-input-input-focus-outline-color, {colors.neutral.stroke.1.focused})`,"--dropdown-text-input-input-focus-border-color":`var(--select-text-input-input-focus-border-color, {colors.neutral.stroke.1.focused})`,"--dropdown-text-input-input-focus-shadow":`var(--select-text-input-input-focus-shadow, 0 0 0 2px {colors.neutral.stroke.1.focused})`,"--dropdown-text-input-section-size":`var(--select-text-input-section-size, {sizes.600})`,"--dropdown-text-input-left-section-width":`var(--select-text-input-left-section-width, {sizes.600})`,"--dropdown-text-input-right-section-width":`var(--select-text-input-right-section-width, {sizes.600})`,"--dropdown-text-input-left-section-position":`var(--select-text-input-left-section-position, {spacing.200})`,"--dropdown-text-input-right-section-position":`var(--select-text-input-right-section-position, {spacing.200})`,"--dropdown-text-input-left-section-pointer-events":`var(--select-text-input-left-section-pointer-events, none)`,"--dropdown-text-input-right-section-pointer-events":`var(--select-text-input-right-section-pointer-events, none)`}});export{t as selectTextInput};
1
+ import{dropdownTextInput as e}from"../dropdown/dropdown-text-input.mjs";const t=e.merge({className:`select__text-input`,jsx:[`Select`],base:{"--dropdown-text-input-root-gap":`var(--select-text-input-root-gap, {spacing.100})`,"--dropdown-text-input-label-font-family":`var(--select-text-input-label-font-family, {fonts.base})`,"--dropdown-text-input-label-font-size":`var(--select-text-input-label-font-size, {fontSizes.400})`,"--dropdown-text-input-label-font-weight":`var(--select-text-input-label-font-weight, {fontWeights.medium})`,"--dropdown-text-input-label-line-height":`var(--select-text-input-label-line-height, inherit)`,"--dropdown-text-input-label-foreground":`var(--select-text-input-label-foreground, {colors.neutral.foreground.1.enabled})`,"--dropdown-text-input-required-font-family":`var(--select-text-input-required-font-family, {fonts.base})`,"--dropdown-text-input-required-font-size":`var(--select-text-input-required-font-size, {fontSizes.400})`,"--dropdown-text-input-required-font-weight":`var(--select-text-input-required-font-weight, {fontWeights.medium})`,"--dropdown-text-input-required-foreground":`var(--select-text-input-required-foreground, {colors.neutral.foreground.1.enabled})`,"--dropdown-text-input-required-foreground-error":`var(--select-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--dropdown-text-input-description-font-family":`var(--select-text-input-description-font-family, {fonts.base})`,"--dropdown-text-input-description-font-size":`var(--select-text-input-description-font-size, {fontSizes.300})`,"--dropdown-text-input-description-font-weight":`var(--select-text-input-description-font-weight, {fontWeights.regular})`,"--dropdown-text-input-description-line-height":`var(--select-text-input-description-line-height, inherit)`,"--dropdown-text-input-description-foreground":`var(--select-text-input-description-foreground, {colors.neutral.foreground.2.enabled})`,"--dropdown-text-input-error-font-family":`var(--select-text-input-error-font-family, {fonts.base})`,"--dropdown-text-input-error-font-size":`var(--select-text-input-error-font-size, {fontSizes.300})`,"--dropdown-text-input-error-font-weight":`var(--select-text-input-error-font-weight, {fontWeights.regular})`,"--dropdown-text-input-error-line-height":`var(--select-text-input-error-line-height, inherit)`,"--dropdown-text-input-error-foreground":`var(--select-text-input-error-foreground, {colors.danger.foreground.1.enabled})`,"--dropdown-text-input-wrapper-margin-top":`var(--select-text-input-wrapper-margin-top, {spacing.100})`,"--dropdown-text-input-wrapper-disabled-opacity":`var(--select-text-input-wrapper-disabled-opacity, 0.5)`,"--dropdown-text-input-input-font-family":`var(--select-text-input-input-font-family, {fonts.base})`,"--dropdown-text-input-input-font-size":`var(--select-text-input-input-font-size, {fontSizes.400})`,"--dropdown-text-input-input-font-weight":`var(--select-text-input-input-font-weight, {fontWeights.regular})`,"--dropdown-text-input-input-line-height":`var(--select-text-input-input-line-height, inherit)`,"--dropdown-text-input-input-text-align":`var(--select-text-input-input-text-align, left)`,"--dropdown-text-input-input-background":`var(--select-text-input-input-background, transparent)`,"--dropdown-text-input-input-foreground":`var(--select-text-input-input-foreground, {colors.neutral.foreground.1.enabled})`,"--dropdown-text-input-input-placeholder-foreground":`var(--select-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`,"--dropdown-text-input-input-border-width":`var(--select-text-input-input-border-width, {borders.100})`,"--dropdown-text-input-input-border-color":`var(--select-text-input-input-border-color, {colors.neutral.stroke.1.enabled})`,"--dropdown-text-input-input-border-color-error":`var(--select-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,"--dropdown-text-input-input-border-style":`var(--select-text-input-input-border-style, solid)`,"--dropdown-text-input-input-radii":`var(--select-text-input-input-radii, {radii.200})`,"--dropdown-text-input-input-height":`var(--select-text-input-input-height, {sizes.700})`,"--dropdown-text-input-input-padding-inline-start":`var(--select-text-input-input-padding-inline-start, {spacing.300})`,"--dropdown-text-input-input-padding-inline-end":`var(--select-text-input-input-padding-inline-end, {spacing.200})`,"--dropdown-text-input-input-focus-outline-width":`var(--select-text-input-input-focus-outline-width, {borders.150})`,"--dropdown-text-input-input-focus-outline-style":`var(--select-text-input-input-focus-outline-style, solid)`,"--dropdown-text-input-input-focus-outline-offset":`var(--select-text-input-input-focus-outline-offset, {spacing.50})`,"--dropdown-text-input-input-focus-outline-color":`var(--select-text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})`,"--dropdown-text-input-input-focus-border-color":`var(--select-text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})`,"--dropdown-text-input-input-focus-shadow":`var(--select-text-input-input-focus-shadow, none)`,"--dropdown-text-input-section-size":`var(--select-text-input-section-size, {sizes.600})`,"--dropdown-text-input-left-section-width":`var(--select-text-input-left-section-width, {sizes.600})`,"--dropdown-text-input-right-section-width":`var(--select-text-input-right-section-width, {sizes.600})`,"--dropdown-text-input-left-section-position":`var(--select-text-input-left-section-position, {spacing.200})`,"--dropdown-text-input-right-section-position":`var(--select-text-input-right-section-position, {spacing.200})`,"--dropdown-text-input-left-section-pointer-events":`var(--select-text-input-left-section-pointer-events, none)`,"--dropdown-text-input-right-section-pointer-events":`var(--select-text-input-right-section-pointer-events, none)`}});export{t as selectTextInput};
2
2
  //# sourceMappingURL=select-text-input.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"select-text-input.mjs","names":[],"sources":["../../../../src/recipes/controls/select/select-text-input.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nimport { dropdownTextInput } from '../dropdown/dropdown-text-input';\n\nexport const selectTextInput = dropdownTextInput.merge({\n className: 'select__text-input',\n jsx: ['Select'],\n base: {\n '--dropdown-text-input-root-gap':\n 'var(--select-text-input-root-gap, {spacing.100})',\n\n /* Label */\n '--dropdown-text-input-label-font-family':\n 'var(--select-text-input-label-font-family, {fonts.base})',\n '--dropdown-text-input-label-font-size':\n 'var(--select-text-input-label-font-size, {fontSizes.400})',\n '--dropdown-text-input-label-font-weight':\n 'var(--select-text-input-label-font-weight, {fontWeights.medium})',\n '--dropdown-text-input-label-line-height':\n 'var(--select-text-input-label-line-height, inherit)',\n '--dropdown-text-input-label-foreground':\n 'var(--select-text-input-label-foreground, {colors.neutral.foreground.1.enabled})',\n\n /* Required */\n '--dropdown-text-input-required-font-family':\n 'var(--select-text-input-required-font-family, {fonts.base})',\n '--dropdown-text-input-required-font-size':\n 'var(--select-text-input-required-font-size, {fontSizes.400})',\n '--dropdown-text-input-required-font-weight':\n 'var(--select-text-input-required-font-weight, {fontWeights.medium})',\n '--dropdown-text-input-required-foreground':\n 'var(--select-text-input-required-foreground, {colors.neutral.foreground.1.enabled})',\n '--dropdown-text-input-required-foreground-error':\n 'var(--select-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n /* Description */\n '--dropdown-text-input-description-font-family':\n 'var(--select-text-input-description-font-family, {fonts.base})',\n '--dropdown-text-input-description-font-size':\n 'var(--select-text-input-description-font-size, {fontSizes.300})',\n '--dropdown-text-input-description-font-weight':\n 'var(--select-text-input-description-font-weight, {fontWeights.regular})',\n '--dropdown-text-input-description-line-height':\n 'var(--select-text-input-description-line-height, inherit)',\n '--dropdown-text-input-description-foreground':\n 'var(--select-text-input-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n /* Error */\n '--dropdown-text-input-error-font-family':\n 'var(--select-text-input-error-font-family, {fonts.base})',\n '--dropdown-text-input-error-font-size':\n 'var(--select-text-input-error-font-size, {fontSizes.300})',\n '--dropdown-text-input-error-font-weight':\n 'var(--select-text-input-error-font-weight, {fontWeights.regular})',\n '--dropdown-text-input-error-line-height':\n 'var(--select-text-input-error-line-height, inherit)',\n '--dropdown-text-input-error-foreground':\n 'var(--select-text-input-error-foreground, {colors.danger.foreground.1.enabled})',\n\n /* Input wrapper */\n '--dropdown-text-input-wrapper-margin-top':\n 'var(--select-text-input-wrapper-margin-top, {spacing.100})',\n '--dropdown-text-input-wrapper-disabled-opacity':\n 'var(--select-text-input-wrapper-disabled-opacity, 0.5)',\n\n /* Input */\n '--dropdown-text-input-input-font-family':\n 'var(--select-text-input-input-font-family, {fonts.base})',\n '--dropdown-text-input-input-font-size':\n 'var(--select-text-input-input-font-size, {fontSizes.400})',\n '--dropdown-text-input-input-font-weight':\n 'var(--select-text-input-input-font-weight, {fontWeights.regular})',\n '--dropdown-text-input-input-line-height':\n 'var(--select-text-input-input-line-height, inherit)',\n '--dropdown-text-input-input-text-align':\n 'var(--select-text-input-input-text-align, left)',\n '--dropdown-text-input-input-background':\n 'var(--select-text-input-input-background, transparent)',\n '--dropdown-text-input-input-foreground':\n 'var(--select-text-input-input-foreground, {colors.neutral.foreground.1.enabled})',\n '--dropdown-text-input-input-placeholder-foreground':\n 'var(--select-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n\n /* Input borders */\n '--dropdown-text-input-input-border-width':\n 'var(--select-text-input-input-border-width, {borders.100})',\n '--dropdown-text-input-input-border-color':\n 'var(--select-text-input-input-border-color, {colors.neutral.stroke.1.enabled})',\n '--dropdown-text-input-input-border-color-error':\n 'var(--select-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n '--dropdown-text-input-input-border-style':\n 'var(--select-text-input-input-border-style, solid)',\n '--dropdown-text-input-input-radii':\n 'var(--select-text-input-input-radii, {radii.200})',\n\n /* Input sizing & spacing */\n '--dropdown-text-input-input-height':\n 'var(--select-text-input-input-height, {sizes.700})',\n '--dropdown-text-input-input-padding-inline-start':\n 'var(--select-text-input-input-padding-inline-start, {spacing.300})',\n '--dropdown-text-input-input-padding-inline-end':\n 'var(--select-text-input-input-padding-inline-end, {spacing.200})',\n\n /* Input focus */\n '--dropdown-text-input-input-focus-outline-width':\n 'var(--select-text-input-input-focus-outline-width, {borders.200})',\n '--dropdown-text-input-input-focus-outline-style':\n 'var(--select-text-input-input-focus-outline-style, solid)',\n '--dropdown-text-input-input-focus-outline-offset':\n 'var(--select-text-input-input-focus-outline-offset, {spacing.50})',\n '--dropdown-text-input-input-focus-outline-color':\n 'var(--select-text-input-input-focus-outline-color, {colors.neutral.stroke.1.focused})',\n '--dropdown-text-input-input-focus-border-color':\n 'var(--select-text-input-input-focus-border-color, {colors.neutral.stroke.1.focused})',\n '--dropdown-text-input-input-focus-shadow':\n 'var(--select-text-input-input-focus-shadow, 0 0 0 2px {colors.neutral.stroke.1.focused})',\n\n /* Sections */\n '--dropdown-text-input-section-size':\n 'var(--select-text-input-section-size, {sizes.600})',\n '--dropdown-text-input-left-section-width':\n 'var(--select-text-input-left-section-width, {sizes.600})',\n '--dropdown-text-input-right-section-width':\n 'var(--select-text-input-right-section-width, {sizes.600})',\n '--dropdown-text-input-left-section-position':\n 'var(--select-text-input-left-section-position, {spacing.200})',\n '--dropdown-text-input-right-section-position':\n 'var(--select-text-input-right-section-position, {spacing.200})',\n '--dropdown-text-input-left-section-pointer-events':\n 'var(--select-text-input-left-section-pointer-events, none)',\n '--dropdown-text-input-right-section-pointer-events':\n 'var(--select-text-input-right-section-pointer-events, none)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"wEAKA,MAAa,EAAkB,EAAkB,MAAM,CACrD,UAAW,qBACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,iCACE,mDAGF,0CACE,2DACF,wCACE,4DACF,0CACE,mEACF,0CACE,sDACF,yCACE,mFAGF,6CACE,8DACF,2CACE,+DACF,6CACE,sEACF,4CACE,sFACF,kDACE,2FAGF,gDACE,iEACF,8CACE,kEACF,gDACE,0EACF,gDACE,4DACF,+CACE,yFAGF,0CACE,2DACF,wCACE,4DACF,0CACE,oEACF,0CACE,sDACF,yCACE,kFAGF,2CACE,6DACF,iDACE,yDAGF,0CACE,2DACF,wCACE,4DACF,0CACE,oEACF,0CACE,sDACF,yCACE,kDACF,yCACE,yDACF,yCACE,mFACF,qDACE,+FAGF,2CACE,6DACF,2CACE,iFACF,iDACE,sFACF,2CACE,qDACF,oCACE,oDAGF,qCACE,qDACF,mDACE,qEACF,iDACE,mEAGF,kDACE,oEACF,kDACE,4DACF,mDACE,oEACF,kDACE,wFACF,iDACE,uFACF,2CACE,2FAGF,qCACE,qDACF,2CACE,2DACF,4CACE,4DACF,8CACE,gEACF,+CACE,iEACF,oDACE,6DACF,qDACE,8DACH,CACF,CAAC"}
1
+ {"version":3,"file":"select-text-input.mjs","names":[],"sources":["../../../../src/recipes/controls/select/select-text-input.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nimport { dropdownTextInput } from '../dropdown/dropdown-text-input';\n\nexport const selectTextInput = dropdownTextInput.merge({\n className: 'select__text-input',\n jsx: ['Select'],\n base: {\n '--dropdown-text-input-root-gap':\n 'var(--select-text-input-root-gap, {spacing.100})',\n\n /* Label */\n '--dropdown-text-input-label-font-family':\n 'var(--select-text-input-label-font-family, {fonts.base})',\n '--dropdown-text-input-label-font-size':\n 'var(--select-text-input-label-font-size, {fontSizes.400})',\n '--dropdown-text-input-label-font-weight':\n 'var(--select-text-input-label-font-weight, {fontWeights.medium})',\n '--dropdown-text-input-label-line-height':\n 'var(--select-text-input-label-line-height, inherit)',\n '--dropdown-text-input-label-foreground':\n 'var(--select-text-input-label-foreground, {colors.neutral.foreground.1.enabled})',\n\n /* Required */\n '--dropdown-text-input-required-font-family':\n 'var(--select-text-input-required-font-family, {fonts.base})',\n '--dropdown-text-input-required-font-size':\n 'var(--select-text-input-required-font-size, {fontSizes.400})',\n '--dropdown-text-input-required-font-weight':\n 'var(--select-text-input-required-font-weight, {fontWeights.medium})',\n '--dropdown-text-input-required-foreground':\n 'var(--select-text-input-required-foreground, {colors.neutral.foreground.1.enabled})',\n '--dropdown-text-input-required-foreground-error':\n 'var(--select-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n /* Description */\n '--dropdown-text-input-description-font-family':\n 'var(--select-text-input-description-font-family, {fonts.base})',\n '--dropdown-text-input-description-font-size':\n 'var(--select-text-input-description-font-size, {fontSizes.300})',\n '--dropdown-text-input-description-font-weight':\n 'var(--select-text-input-description-font-weight, {fontWeights.regular})',\n '--dropdown-text-input-description-line-height':\n 'var(--select-text-input-description-line-height, inherit)',\n '--dropdown-text-input-description-foreground':\n 'var(--select-text-input-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n /* Error */\n '--dropdown-text-input-error-font-family':\n 'var(--select-text-input-error-font-family, {fonts.base})',\n '--dropdown-text-input-error-font-size':\n 'var(--select-text-input-error-font-size, {fontSizes.300})',\n '--dropdown-text-input-error-font-weight':\n 'var(--select-text-input-error-font-weight, {fontWeights.regular})',\n '--dropdown-text-input-error-line-height':\n 'var(--select-text-input-error-line-height, inherit)',\n '--dropdown-text-input-error-foreground':\n 'var(--select-text-input-error-foreground, {colors.danger.foreground.1.enabled})',\n\n /* Input wrapper */\n '--dropdown-text-input-wrapper-margin-top':\n 'var(--select-text-input-wrapper-margin-top, {spacing.100})',\n '--dropdown-text-input-wrapper-disabled-opacity':\n 'var(--select-text-input-wrapper-disabled-opacity, 0.5)',\n\n /* Input */\n '--dropdown-text-input-input-font-family':\n 'var(--select-text-input-input-font-family, {fonts.base})',\n '--dropdown-text-input-input-font-size':\n 'var(--select-text-input-input-font-size, {fontSizes.400})',\n '--dropdown-text-input-input-font-weight':\n 'var(--select-text-input-input-font-weight, {fontWeights.regular})',\n '--dropdown-text-input-input-line-height':\n 'var(--select-text-input-input-line-height, inherit)',\n '--dropdown-text-input-input-text-align':\n 'var(--select-text-input-input-text-align, left)',\n '--dropdown-text-input-input-background':\n 'var(--select-text-input-input-background, transparent)',\n '--dropdown-text-input-input-foreground':\n 'var(--select-text-input-input-foreground, {colors.neutral.foreground.1.enabled})',\n '--dropdown-text-input-input-placeholder-foreground':\n 'var(--select-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n\n /* Input borders */\n '--dropdown-text-input-input-border-width':\n 'var(--select-text-input-input-border-width, {borders.100})',\n '--dropdown-text-input-input-border-color':\n 'var(--select-text-input-input-border-color, {colors.neutral.stroke.1.enabled})',\n '--dropdown-text-input-input-border-color-error':\n 'var(--select-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n '--dropdown-text-input-input-border-style':\n 'var(--select-text-input-input-border-style, solid)',\n '--dropdown-text-input-input-radii':\n 'var(--select-text-input-input-radii, {radii.200})',\n\n /* Input sizing & spacing */\n '--dropdown-text-input-input-height':\n 'var(--select-text-input-input-height, {sizes.700})',\n '--dropdown-text-input-input-padding-inline-start':\n 'var(--select-text-input-input-padding-inline-start, {spacing.300})',\n '--dropdown-text-input-input-padding-inline-end':\n 'var(--select-text-input-input-padding-inline-end, {spacing.200})',\n\n /* Input focus */\n '--dropdown-text-input-input-focus-outline-width':\n 'var(--select-text-input-input-focus-outline-width, {borders.150})',\n '--dropdown-text-input-input-focus-outline-style':\n 'var(--select-text-input-input-focus-outline-style, solid)',\n '--dropdown-text-input-input-focus-outline-offset':\n 'var(--select-text-input-input-focus-outline-offset, {spacing.50})',\n '--dropdown-text-input-input-focus-outline-color':\n 'var(--select-text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n '--dropdown-text-input-input-focus-border-color':\n 'var(--select-text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})',\n '--dropdown-text-input-input-focus-shadow':\n 'var(--select-text-input-input-focus-shadow, none)',\n\n /* Sections */\n '--dropdown-text-input-section-size':\n 'var(--select-text-input-section-size, {sizes.600})',\n '--dropdown-text-input-left-section-width':\n 'var(--select-text-input-left-section-width, {sizes.600})',\n '--dropdown-text-input-right-section-width':\n 'var(--select-text-input-right-section-width, {sizes.600})',\n '--dropdown-text-input-left-section-position':\n 'var(--select-text-input-left-section-position, {spacing.200})',\n '--dropdown-text-input-right-section-position':\n 'var(--select-text-input-right-section-position, {spacing.200})',\n '--dropdown-text-input-left-section-pointer-events':\n 'var(--select-text-input-left-section-pointer-events, none)',\n '--dropdown-text-input-right-section-pointer-events':\n 'var(--select-text-input-right-section-pointer-events, none)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"wEAKA,MAAa,EAAkB,EAAkB,MAAM,CACrD,UAAW,qBACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,iCACE,mDAGF,0CACE,2DACF,wCACE,4DACF,0CACE,mEACF,0CACE,sDACF,yCACE,mFAGF,6CACE,8DACF,2CACE,+DACF,6CACE,sEACF,4CACE,sFACF,kDACE,2FAGF,gDACE,iEACF,8CACE,kEACF,gDACE,0EACF,gDACE,4DACF,+CACE,yFAGF,0CACE,2DACF,wCACE,4DACF,0CACE,oEACF,0CACE,sDACF,yCACE,kFAGF,2CACE,6DACF,iDACE,yDAGF,0CACE,2DACF,wCACE,4DACF,0CACE,oEACF,0CACE,sDACF,yCACE,kDACF,yCACE,yDACF,yCACE,mFACF,qDACE,+FAGF,2CACE,6DACF,2CACE,iFACF,iDACE,sFACF,2CACE,qDACF,oCACE,oDAGF,qCACE,qDACF,mDACE,qEACF,iDACE,mEAGF,kDACE,oEACF,kDACE,4DACF,mDACE,oEACF,kDACE,wFACF,iDACE,uFACF,2CACE,oDAGF,qCACE,qDACF,2CACE,2DACF,4CACE,4DACF,8CACE,gEACF,+CACE,iEACF,oDACE,6DACF,qDACE,8DACH,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`select-searchable__search`,jsx:[`SelectSearchable`],base:{fontFamily:`var(--select-searchable-search-font-family, {fonts.base})`,fontSize:`var(--select-searchable-searchfont-size, {fontSizes.300})`,fontWeight:`var(--select-searchable-searchfont-weight, {fontWeights.regular})`,lineHeight:`var(--select-searchable-searchline-height, inherit)`,color:`var(--select-searchable-searchforeground, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--select-searchable-searchbackground, transparent)`,borderWidth:`var(--select-searchable-searchborder-width, {borders.100})`,borderColor:`var(--select-searchable-searchborder-color, {colors.neutral.stroke.7.enabled})`,borderStyle:`var(--select-searchable-searchborder-style, solid)`,borderRadius:`var(--select-searchable-searchradii, {radii.200})`,width:`100%`,height:`var(--select-searchable-searchheight, {sizes.500})`,paddingInlineStart:`var(--select-searchable-searchpadding-inline-start, {spacing.300})`,paddingInlineEnd:`var(--select-searchable-searchpadding-inline-end, {spacing.300})`,marginBottom:`var(--select-searchable-search-margin-bottom, {spacing.100})`,"&::-webkit-outer-spin-button":{margin:0,WebkitAppearance:`none`},"&::-webkit-inner-spin-button":{margin:0,WebkitAppearance:`none`},"&:placeholder":{color:`var(--select-searchable-searchplaceholder-foreground, {colors.neutral.foreground.3.enabled})`},_focus:{outlineWidth:`var(--select-searchable-searchfocus-outline-width, {borders.100})`,outlineStyle:`var(--select-searchable-searchfocus-outline-style, solid)`,outlineColor:`var(--select-searchable-searchfocus-outline-color, {colors.neutral.stroke.1.focused})`,outlineOffset:`var(--select-searchable-searchfocus-outline-offset, {spacing.0})`,boxShadow:`var(--select-searchable-searchfocus-shadow)`,borderColor:`var(--select-searchable-searchfocus-border-color, {colors.neutral.stroke.1.focused})`}}});export{t as selectSearchableSearch};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`select-searchable__search`,jsx:[`SelectSearchable`],base:{fontFamily:`var(--select-searchable-search-font-family, {fonts.base})`,fontSize:`var(--select-searchable-searchfont-size, {fontSizes.300})`,fontWeight:`var(--select-searchable-searchfont-weight, {fontWeights.regular})`,lineHeight:`var(--select-searchable-searchline-height, inherit)`,color:`var(--select-searchable-searchforeground, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--select-searchable-searchbackground, transparent)`,borderWidth:`var(--select-searchable-searchborder-width, {borders.100})`,borderColor:`var(--select-searchable-searchborder-color, {colors.neutral.stroke.7.enabled})`,borderStyle:`var(--select-searchable-searchborder-style, solid)`,borderRadius:`var(--select-searchable-searchradii, {radii.200})`,width:`100%`,height:`var(--select-searchable-searchheight, {sizes.500})`,paddingInlineStart:`var(--select-searchable-searchpadding-inline-start, {spacing.300})`,paddingInlineEnd:`var(--select-searchable-searchpadding-inline-end, {spacing.300})`,marginBottom:`var(--select-searchable-search-margin-bottom, {spacing.100})`,"&::-webkit-outer-spin-button":{margin:0,WebkitAppearance:`none`},"&::-webkit-inner-spin-button":{margin:0,WebkitAppearance:`none`},"&:placeholder":{color:`var(--select-searchable-searchplaceholder-foreground, {colors.neutral.foreground.3.enabled})`},_focus:{outlineWidth:`var(--select-searchable-searchfocus-outline-width, {borders.100})`,outlineStyle:`var(--select-searchable-searchfocus-outline-style, solid)`,outlineColor:`var(--select-searchable-searchfocus-outline-color, {colors.primary.stroke.1.focused})`,outlineOffset:`var(--select-searchable-searchfocus-outline-offset, {spacing.0})`,boxShadow:`var(--select-searchable-searchfocus-shadow)`,borderColor:`var(--select-searchable-searchfocus-border-color, {colors.neutral.stroke.7.hovered})`}}});export{t as selectSearchableSearch};
2
2
  //# sourceMappingURL=select-searchable-search.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"select-searchable-search.mjs","names":[],"sources":["../../../../src/recipes/controls/select-searchable/select-searchable-search.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const selectSearchableSearch = defineRecipe({\n className: 'select-searchable__search',\n jsx: ['SelectSearchable'],\n base: {\n fontFamily: 'var(--select-searchable-search-font-family, {fonts.base})',\n fontSize: 'var(--select-searchable-searchfont-size, {fontSizes.300})',\n fontWeight:\n 'var(--select-searchable-searchfont-weight, {fontWeights.regular})',\n lineHeight: 'var(--select-searchable-searchline-height, inherit)',\n color:\n 'var(--select-searchable-searchforeground, {colors.neutral.foreground.1.enabled})',\n backgroundColor: 'var(--select-searchable-searchbackground, transparent)',\n borderWidth: 'var(--select-searchable-searchborder-width, {borders.100})',\n borderColor:\n 'var(--select-searchable-searchborder-color, {colors.neutral.stroke.7.enabled})',\n borderStyle: 'var(--select-searchable-searchborder-style, solid)',\n borderRadius: 'var(--select-searchable-searchradii, {radii.200})',\n width: '100%',\n height: 'var(--select-searchable-searchheight, {sizes.500})',\n paddingInlineStart:\n 'var(--select-searchable-searchpadding-inline-start, {spacing.300})',\n paddingInlineEnd:\n 'var(--select-searchable-searchpadding-inline-end, {spacing.300})',\n marginBottom:\n 'var(--select-searchable-search-margin-bottom, {spacing.100})',\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\n '&:placeholder': {\n color:\n 'var(--select-searchable-searchplaceholder-foreground, {colors.neutral.foreground.3.enabled})',\n },\n _focus: {\n outlineWidth:\n 'var(--select-searchable-searchfocus-outline-width, {borders.100})',\n outlineStyle: 'var(--select-searchable-searchfocus-outline-style, solid)',\n outlineColor:\n 'var(--select-searchable-searchfocus-outline-color, {colors.neutral.stroke.1.focused})',\n outlineOffset:\n 'var(--select-searchable-searchfocus-outline-offset, {spacing.0})',\n boxShadow: 'var(--select-searchable-searchfocus-shadow)',\n borderColor:\n 'var(--select-searchable-searchfocus-border-color, {colors.neutral.stroke.1.focused})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAyB,EAAa,CACjD,UAAW,4BACX,IAAK,CAAC,mBAAmB,CACzB,KAAM,CACJ,WAAY,4DACZ,SAAU,4DACV,WACE,oEACF,WAAY,sDACZ,MACE,mFACF,gBAAiB,yDACjB,YAAa,6DACb,YACE,iFACF,YAAa,qDACb,aAAc,oDACd,MAAO,OACP,OAAQ,qDACR,mBACE,qEACF,iBACE,mEACF,aACE,+DACF,+BAAgC,CAC9B,OAAQ,EACR,iBAAkB,OACnB,CACD,+BAAgC,CAC9B,OAAQ,EACR,iBAAkB,OACnB,CAED,gBAAiB,CACf,MACE,+FACH,CACD,OAAQ,CACN,aACE,oEACF,aAAc,4DACd,aACE,wFACF,cACE,mEACF,UAAW,8CACX,YACE,uFACH,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"select-searchable-search.mjs","names":[],"sources":["../../../../src/recipes/controls/select-searchable/select-searchable-search.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const selectSearchableSearch = defineRecipe({\n className: 'select-searchable__search',\n jsx: ['SelectSearchable'],\n base: {\n fontFamily: 'var(--select-searchable-search-font-family, {fonts.base})',\n fontSize: 'var(--select-searchable-searchfont-size, {fontSizes.300})',\n fontWeight:\n 'var(--select-searchable-searchfont-weight, {fontWeights.regular})',\n lineHeight: 'var(--select-searchable-searchline-height, inherit)',\n color:\n 'var(--select-searchable-searchforeground, {colors.neutral.foreground.1.enabled})',\n backgroundColor: 'var(--select-searchable-searchbackground, transparent)',\n borderWidth: 'var(--select-searchable-searchborder-width, {borders.100})',\n borderColor:\n 'var(--select-searchable-searchborder-color, {colors.neutral.stroke.7.enabled})',\n borderStyle: 'var(--select-searchable-searchborder-style, solid)',\n borderRadius: 'var(--select-searchable-searchradii, {radii.200})',\n width: '100%',\n height: 'var(--select-searchable-searchheight, {sizes.500})',\n paddingInlineStart:\n 'var(--select-searchable-searchpadding-inline-start, {spacing.300})',\n paddingInlineEnd:\n 'var(--select-searchable-searchpadding-inline-end, {spacing.300})',\n marginBottom:\n 'var(--select-searchable-search-margin-bottom, {spacing.100})',\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\n '&:placeholder': {\n color:\n 'var(--select-searchable-searchplaceholder-foreground, {colors.neutral.foreground.3.enabled})',\n },\n _focus: {\n outlineWidth:\n 'var(--select-searchable-searchfocus-outline-width, {borders.100})',\n outlineStyle: 'var(--select-searchable-searchfocus-outline-style, solid)',\n outlineColor:\n 'var(--select-searchable-searchfocus-outline-color, {colors.primary.stroke.1.focused})',\n outlineOffset:\n 'var(--select-searchable-searchfocus-outline-offset, {spacing.0})',\n boxShadow: 'var(--select-searchable-searchfocus-shadow)',\n borderColor:\n 'var(--select-searchable-searchfocus-border-color, {colors.neutral.stroke.7.hovered})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAyB,EAAa,CACjD,UAAW,4BACX,IAAK,CAAC,mBAAmB,CACzB,KAAM,CACJ,WAAY,4DACZ,SAAU,4DACV,WACE,oEACF,WAAY,sDACZ,MACE,mFACF,gBAAiB,yDACjB,YAAa,6DACb,YACE,iFACF,YAAa,qDACb,aAAc,oDACd,MAAO,OACP,OAAQ,qDACR,mBACE,qEACF,iBACE,mEACF,aACE,+DACF,+BAAgC,CAC9B,OAAQ,EACR,iBAAkB,OACnB,CACD,+BAAgC,CAC9B,OAAQ,EACR,iBAAkB,OACnB,CAED,gBAAiB,CACf,MACE,+FACH,CACD,OAAQ,CACN,aACE,oEACF,aAAc,4DACd,aACE,wFACF,cACE,mEACF,UAAW,8CACX,YACE,uFACH,CACF,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`select-searchable`,jsx:[`SelectSearchable`],base:{"--combobox-root-background":`var(--select-searchable-root-background, {colors.neutral.background.1.enabled})`,"--combobox-root-border-width":`var(--select-searchable-root-border-width, 1px)`,"--combobox-root-border-style":`var(--select-searchable-root-border-style, solid)`,"--combobox-root-border-color":`var(--select-searchable-root-border-color, {colors.neutral.stroke.7.enabled})`,"--combobox-root-padding":`var(--select-searchable-root-padding, {spacing.200})`,"--combobox-root-radii":`var(--select-searchable-root-radii, {radii.200})`,"--combobox-root-margin-top":`var(--select-searchable-root-margin-top, {spacing.200})`,"--combobox-root-max-height":`var(--select-searchable-root-max-height, 200px)`,"--combobox-options-gap":`var(--select-searchable-options-gap, {spacing.100})`,"--combobox-option-font-family":`var(--select-searchable-option-font-family, {fonts.base})`,"--combobox-option-font-size":`var(--select-searchable-option-font-size, {fontSizes.300})`,"--combobox-option-line-height":`var(--select-searchable-option-line-height, {lineHeights.400})`,"--combobox-option-padding-inline":`var(--select-searchable-option-padding-inline, {spacing.200})`,"--combobox-option-radii":`var(--select-searchable-option-radii, {radii.100})`,"--combobox-option-padding-block":`var(--select-searchable-option-padding-block, {spacing.100})`,"--combobox-option-background":`var(--select-searchable-option-background, transparent)`,"--combobox-option-color":`var(--select-searchable-option-color, {colors.neutral.foreground.1.enabled})`,"--combobox-option-transition":`var(--select-searchable-option-transition, {animations.base.100})`,"--combobox-option-background-hover":`var(--select-searchable-option-background-hover, {colors.neutral.background.2.hovered})`,"--combobox-option-color-hover":`var(--select-searchable-option-color-hover, {colors.neutral.foreground.1.hovered})`,"--combobox-option-background-selected":`var(--select-searchable-option-background-selected, {colors.neutral.background.2.primary.selected})`,"--combobox-option-color-selected":`var(--select-searchable-option-color-selected, {colors.neutral.foreground.2.primary.selected})`,"--combobox-option-background-active":`var(--select-searchable-option-background-active, {colors.neutral.background.2.primary.selected})`,"--combobox-option-color-active":`var(--select-searchable-option-color-active, {colors.neutral.foreground.2.primary.selected})`,"--combobox-empty-font-family":`var(--select-searchable-empty-font-family, {fonts.base})`,"--combobox-empty-font-size":`var(--select-searchable-empty-font-size, {fontSizes.300})`,"--combobox-empty-line-height":`var(--select-searchable-empty-line-height, 1)`,"--combobox-empty-color":`var(--select-searchable-empty-color, {colors.neutral.foreground.5.enabled})`,"--combobox-empty-padding-block":`var(--select-searchable-empty-padding-block, {spacing.200})`,"--select-searchable-search-font-family":`var(--select-searchable-search-font-family, {fonts.base})`,"--select-searchable-search-font-size":`var(--select-searchable-search-font-size, {fontSizes.300})`,"--select-searchable-search-font-weight":`var(--select-searchable-search-font-weight, {fontWeights.regular})`,"--select-searchable-search-line-height":`var(--select-searchable-search-line-height, inherit)`,"--select-searchable-search-foreground":`var(--select-searchable-search-foreground, {colors.neutral.foreground.1.enabled})`,"--select-searchable-search-background":`var(--select-searchable-search-background, transparent)`,"--select-searchable-search-border-width":`var(--select-searchable-search-border-width, {borders.100})`,"--select-searchable-search-border-color":`var(--select-searchable-search-border-color, {colors.neutral.stroke.7.enabled})`,"--select-searchable-search-border-style":`var(--select-searchable-search-border-style, solid)`,"--select-searchable-search-radii":`var(--select-searchable-search-radii, {radii.200})`,"--select-searchable-search-width":`var(--select-searchable-search-width, 100%)`,"--select-searchable-search-height":`var(--select-searchable-search-height, {sizes.500})`,"--select-searchable-search-padding-inline-start":`var(--select-searchable-search-padding-inline-start, {spacing.300})`,"--select-searchable-search-padding-inline-end":`var(--select-searchable-search-padding-inline-end, {spacing.300})`,"--select-searchable-search-margin-bottom":`var(--select-searchable-search-margin-bottom, {spacing.100})`,"--select-searchable-search-focus-outline-width":`var(--select-searchable-search-focus-outline-width, {borders.100})`,"--select-searchable-search-focus-outline-style":`var(--select-searchable-search-focus-outline-style, solid)`,"--select-searchable-search-focus-outline-color":`var(--select-searchable-search-focus-outline-color, {colors.neutral.stroke.1.focused})`,"--select-searchable-search-focus-outline-offset":`var(--select-searchable-search-focus-outline-offset, {spacing.0})`,"--select-searchable-search-focus-shadow":`var(--select-searchable-search-focus-shadow)`,"--select-searchable-search-focus-border-color":`var(--select-searchable-search-focus-border-color, {colors.neutral.stroke.1.focused})`}});export{t as selectSearchable};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`select-searchable`,jsx:[`SelectSearchable`],base:{"--combobox-root-background":`var(--select-searchable-root-background, {colors.neutral.background.1.enabled})`,"--combobox-root-border-width":`var(--select-searchable-root-border-width, 1px)`,"--combobox-root-border-style":`var(--select-searchable-root-border-style, solid)`,"--combobox-root-border-color":`var(--select-searchable-root-border-color, {colors.neutral.stroke.7.enabled})`,"--combobox-root-padding":`var(--select-searchable-root-padding, {spacing.200})`,"--combobox-root-radii":`var(--select-searchable-root-radii, {radii.200})`,"--combobox-root-margin-top":`var(--select-searchable-root-margin-top, {spacing.200})`,"--combobox-root-max-height":`var(--select-searchable-root-max-height, 200px)`,"--combobox-options-gap":`var(--select-searchable-options-gap, {spacing.100})`,"--combobox-option-font-family":`var(--select-searchable-option-font-family, {fonts.base})`,"--combobox-option-font-size":`var(--select-searchable-option-font-size, {fontSizes.300})`,"--combobox-option-line-height":`var(--select-searchable-option-line-height, {lineHeights.400})`,"--combobox-option-padding-inline":`var(--select-searchable-option-padding-inline, {spacing.200})`,"--combobox-option-radii":`var(--select-searchable-option-radii, {radii.100})`,"--combobox-option-padding-block":`var(--select-searchable-option-padding-block, {spacing.100})`,"--combobox-option-background":`var(--select-searchable-option-background, transparent)`,"--combobox-option-color":`var(--select-searchable-option-color, {colors.neutral.foreground.1.enabled})`,"--combobox-option-transition":`var(--select-searchable-option-transition, {animations.base.100})`,"--combobox-option-background-hover":`var(--select-searchable-option-background-hover, {colors.neutral.background.2.hovered})`,"--combobox-option-color-hover":`var(--select-searchable-option-color-hover, {colors.neutral.foreground.1.hovered})`,"--combobox-option-background-selected":`var(--select-searchable-option-background-selected, {colors.neutral.background.2.primary.selected})`,"--combobox-option-color-selected":`var(--select-searchable-option-color-selected, {colors.neutral.foreground.2.primary.selected})`,"--combobox-option-background-active":`var(--select-searchable-option-background-active, {colors.neutral.background.2.primary.selected})`,"--combobox-option-color-active":`var(--select-searchable-option-color-active, {colors.neutral.foreground.2.primary.selected})`,"--combobox-empty-font-family":`var(--select-searchable-empty-font-family, {fonts.base})`,"--combobox-empty-font-size":`var(--select-searchable-empty-font-size, {fontSizes.300})`,"--combobox-empty-line-height":`var(--select-searchable-empty-line-height, 1)`,"--combobox-empty-color":`var(--select-searchable-empty-color, {colors.neutral.foreground.5.enabled})`,"--combobox-empty-padding-block":`var(--select-searchable-empty-padding-block, {spacing.200})`,"--select-searchable-search-font-family":`var(--select-searchable-search-font-family, {fonts.base})`,"--select-searchable-search-font-size":`var(--select-searchable-search-font-size, {fontSizes.300})`,"--select-searchable-search-font-weight":`var(--select-searchable-search-font-weight, {fontWeights.regular})`,"--select-searchable-search-line-height":`var(--select-searchable-search-line-height, inherit)`,"--select-searchable-search-foreground":`var(--select-searchable-search-foreground, {colors.neutral.foreground.1.enabled})`,"--select-searchable-search-background":`var(--select-searchable-search-background, transparent)`,"--select-searchable-search-border-width":`var(--select-searchable-search-border-width, {borders.100})`,"--select-searchable-search-border-color":`var(--select-searchable-search-border-color, {colors.neutral.stroke.7.enabled})`,"--select-searchable-search-border-style":`var(--select-searchable-search-border-style, solid)`,"--select-searchable-search-radii":`var(--select-searchable-search-radii, {radii.200})`,"--select-searchable-search-width":`var(--select-searchable-search-width, 100%)`,"--select-searchable-search-height":`var(--select-searchable-search-height, {sizes.500})`,"--select-searchable-search-padding-inline-start":`var(--select-searchable-search-padding-inline-start, {spacing.300})`,"--select-searchable-search-padding-inline-end":`var(--select-searchable-search-padding-inline-end, {spacing.300})`,"--select-searchable-search-margin-bottom":`var(--select-searchable-search-margin-bottom, {spacing.100})`,"--select-searchable-search-focus-outline-width":`var(--select-searchable-search-focus-outline-width, {borders.100})`,"--select-searchable-search-focus-outline-style":`var(--select-searchable-search-focus-outline-style, solid)`,"--select-searchable-search-focus-outline-color":`var(--select-searchable-search-focus-outline-color, {colors.primary.stroke.1.focused})`,"--select-searchable-search-focus-outline-offset":`var(--select-searchable-search-focus-outline-offset, {spacing.0})`,"--select-searchable-search-focus-shadow":`var(--select-searchable-search-focus-shadow)`,"--select-searchable-search-focus-border-color":`var(--select-searchable-search-focus-border-color, {colors.neutral.stroke.7.hovered})`}});export{t as selectSearchable};
2
2
  //# sourceMappingURL=select-searchable.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"select-searchable.mjs","names":[],"sources":["../../../../src/recipes/controls/select-searchable/select-searchable.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const selectSearchable = defineRecipe({\n className: 'select-searchable',\n jsx: ['SelectSearchable'],\n base: {\n // TODO: ??\n '--combobox-root-background':\n 'var(--select-searchable-root-background, {colors.neutral.background.1.enabled})',\n '--combobox-root-border-width':\n 'var(--select-searchable-root-border-width, 1px)',\n '--combobox-root-border-style':\n 'var(--select-searchable-root-border-style, solid)',\n '--combobox-root-border-color':\n 'var(--select-searchable-root-border-color, {colors.neutral.stroke.7.enabled})',\n '--combobox-root-padding':\n 'var(--select-searchable-root-padding, {spacing.200})',\n '--combobox-root-radii': 'var(--select-searchable-root-radii, {radii.200})',\n '--combobox-root-margin-top':\n 'var(--select-searchable-root-margin-top, {spacing.200})',\n '--combobox-root-max-height':\n 'var(--select-searchable-root-max-height, 200px)',\n\n '--combobox-options-gap':\n 'var(--select-searchable-options-gap, {spacing.100})',\n\n '--combobox-option-font-family':\n 'var(--select-searchable-option-font-family, {fonts.base})',\n '--combobox-option-font-size':\n 'var(--select-searchable-option-font-size, {fontSizes.300})',\n '--combobox-option-line-height':\n 'var(--select-searchable-option-line-height, {lineHeights.400})',\n '--combobox-option-padding-inline':\n 'var(--select-searchable-option-padding-inline, {spacing.200})',\n '--combobox-option-radii':\n 'var(--select-searchable-option-radii, {radii.100})',\n '--combobox-option-padding-block':\n 'var(--select-searchable-option-padding-block, {spacing.100})',\n '--combobox-option-background':\n 'var(--select-searchable-option-background, transparent)',\n '--combobox-option-color':\n 'var(--select-searchable-option-color, {colors.neutral.foreground.1.enabled})',\n '--combobox-option-transition':\n 'var(--select-searchable-option-transition, {animations.base.100})',\n '--combobox-option-background-hover':\n 'var(--select-searchable-option-background-hover, {colors.neutral.background.2.hovered})',\n '--combobox-option-color-hover':\n 'var(--select-searchable-option-color-hover, {colors.neutral.foreground.1.hovered})',\n '--combobox-option-background-selected':\n 'var(--select-searchable-option-background-selected, {colors.neutral.background.2.primary.selected})',\n '--combobox-option-color-selected':\n 'var(--select-searchable-option-color-selected, {colors.neutral.foreground.2.primary.selected})',\n '--combobox-option-background-active':\n 'var(--select-searchable-option-background-active, {colors.neutral.background.2.primary.selected})',\n '--combobox-option-color-active':\n 'var(--select-searchable-option-color-active, {colors.neutral.foreground.2.primary.selected})',\n\n '--combobox-empty-font-family':\n 'var(--select-searchable-empty-font-family, {fonts.base})',\n '--combobox-empty-font-size':\n 'var(--select-searchable-empty-font-size, {fontSizes.300})',\n '--combobox-empty-line-height':\n 'var(--select-searchable-empty-line-height, 1)',\n '--combobox-empty-color':\n 'var(--select-searchable-empty-color, {colors.neutral.foreground.5.enabled})',\n '--combobox-empty-padding-block':\n 'var(--select-searchable-empty-padding-block, {spacing.200})',\n\n '--select-searchable-search-font-family':\n 'var(--select-searchable-search-font-family, {fonts.base})',\n '--select-searchable-search-font-size':\n 'var(--select-searchable-search-font-size, {fontSizes.300})',\n '--select-searchable-search-font-weight':\n 'var(--select-searchable-search-font-weight, {fontWeights.regular})',\n '--select-searchable-search-line-height':\n 'var(--select-searchable-search-line-height, inherit)',\n '--select-searchable-search-foreground':\n 'var(--select-searchable-search-foreground, {colors.neutral.foreground.1.enabled})',\n '--select-searchable-search-background':\n 'var(--select-searchable-search-background, transparent)',\n '--select-searchable-search-border-width':\n 'var(--select-searchable-search-border-width, {borders.100})',\n '--select-searchable-search-border-color':\n 'var(--select-searchable-search-border-color, {colors.neutral.stroke.7.enabled})',\n '--select-searchable-search-border-style':\n 'var(--select-searchable-search-border-style, solid)',\n '--select-searchable-search-radii':\n 'var(--select-searchable-search-radii, {radii.200})',\n '--select-searchable-search-width':\n 'var(--select-searchable-search-width, 100%)',\n '--select-searchable-search-height':\n 'var(--select-searchable-search-height, {sizes.500})',\n '--select-searchable-search-padding-inline-start':\n 'var(--select-searchable-search-padding-inline-start, {spacing.300})',\n '--select-searchable-search-padding-inline-end':\n 'var(--select-searchable-search-padding-inline-end, {spacing.300})',\n '--select-searchable-search-margin-bottom':\n 'var(--select-searchable-search-margin-bottom, {spacing.100})',\n '--select-searchable-search-focus-outline-width':\n 'var(--select-searchable-search-focus-outline-width, {borders.100})',\n '--select-searchable-search-focus-outline-style':\n 'var(--select-searchable-search-focus-outline-style, solid)',\n '--select-searchable-search-focus-outline-color':\n 'var(--select-searchable-search-focus-outline-color, {colors.neutral.stroke.1.focused})',\n '--select-searchable-search-focus-outline-offset':\n 'var(--select-searchable-search-focus-outline-offset, {spacing.0})',\n '--select-searchable-search-focus-shadow':\n 'var(--select-searchable-search-focus-shadow)',\n '--select-searchable-search-focus-border-color':\n 'var(--select-searchable-search-focus-border-color, {colors.neutral.stroke.1.focused})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,oBACX,IAAK,CAAC,mBAAmB,CACzB,KAAM,CAEJ,6BACE,kFACF,+BACE,kDACF,+BACE,oDACF,+BACE,gFACF,0BACE,uDACF,wBAAyB,mDACzB,6BACE,0DACF,6BACE,kDAEF,yBACE,sDAEF,gCACE,4DACF,8BACE,6DACF,gCACE,iEACF,mCACE,gEACF,0BACE,qDACF,kCACE,+DACF,+BACE,0DACF,0BACE,+EACF,+BACE,oEACF,qCACE,0FACF,gCACE,qFACF,wCACE,sGACF,mCACE,iGACF,sCACE,oGACF,iCACE,+FAEF,+BACE,2DACF,6BACE,4DACF,+BACE,gDACF,yBACE,8EACF,iCACE,8DAEF,yCACE,4DACF,uCACE,6DACF,yCACE,qEACF,yCACE,uDACF,wCACE,oFACF,wCACE,0DACF,0CACE,8DACF,0CACE,kFACF,0CACE,sDACF,mCACE,qDACF,mCACE,8CACF,oCACE,sDACF,kDACE,sEACF,gDACE,oEACF,2CACE,+DACF,iDACE,qEACF,iDACE,6DACF,iDACE,yFACF,kDACE,oEACF,0CACE,+CACF,gDACE,wFACH,CACF,CAAC"}
1
+ {"version":3,"file":"select-searchable.mjs","names":[],"sources":["../../../../src/recipes/controls/select-searchable/select-searchable.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const selectSearchable = defineRecipe({\n className: 'select-searchable',\n jsx: ['SelectSearchable'],\n base: {\n // TODO: ??\n '--combobox-root-background':\n 'var(--select-searchable-root-background, {colors.neutral.background.1.enabled})',\n '--combobox-root-border-width':\n 'var(--select-searchable-root-border-width, 1px)',\n '--combobox-root-border-style':\n 'var(--select-searchable-root-border-style, solid)',\n '--combobox-root-border-color':\n 'var(--select-searchable-root-border-color, {colors.neutral.stroke.7.enabled})',\n '--combobox-root-padding':\n 'var(--select-searchable-root-padding, {spacing.200})',\n '--combobox-root-radii': 'var(--select-searchable-root-radii, {radii.200})',\n '--combobox-root-margin-top':\n 'var(--select-searchable-root-margin-top, {spacing.200})',\n '--combobox-root-max-height':\n 'var(--select-searchable-root-max-height, 200px)',\n\n '--combobox-options-gap':\n 'var(--select-searchable-options-gap, {spacing.100})',\n\n '--combobox-option-font-family':\n 'var(--select-searchable-option-font-family, {fonts.base})',\n '--combobox-option-font-size':\n 'var(--select-searchable-option-font-size, {fontSizes.300})',\n '--combobox-option-line-height':\n 'var(--select-searchable-option-line-height, {lineHeights.400})',\n '--combobox-option-padding-inline':\n 'var(--select-searchable-option-padding-inline, {spacing.200})',\n '--combobox-option-radii':\n 'var(--select-searchable-option-radii, {radii.100})',\n '--combobox-option-padding-block':\n 'var(--select-searchable-option-padding-block, {spacing.100})',\n '--combobox-option-background':\n 'var(--select-searchable-option-background, transparent)',\n '--combobox-option-color':\n 'var(--select-searchable-option-color, {colors.neutral.foreground.1.enabled})',\n '--combobox-option-transition':\n 'var(--select-searchable-option-transition, {animations.base.100})',\n '--combobox-option-background-hover':\n 'var(--select-searchable-option-background-hover, {colors.neutral.background.2.hovered})',\n '--combobox-option-color-hover':\n 'var(--select-searchable-option-color-hover, {colors.neutral.foreground.1.hovered})',\n '--combobox-option-background-selected':\n 'var(--select-searchable-option-background-selected, {colors.neutral.background.2.primary.selected})',\n '--combobox-option-color-selected':\n 'var(--select-searchable-option-color-selected, {colors.neutral.foreground.2.primary.selected})',\n '--combobox-option-background-active':\n 'var(--select-searchable-option-background-active, {colors.neutral.background.2.primary.selected})',\n '--combobox-option-color-active':\n 'var(--select-searchable-option-color-active, {colors.neutral.foreground.2.primary.selected})',\n\n '--combobox-empty-font-family':\n 'var(--select-searchable-empty-font-family, {fonts.base})',\n '--combobox-empty-font-size':\n 'var(--select-searchable-empty-font-size, {fontSizes.300})',\n '--combobox-empty-line-height':\n 'var(--select-searchable-empty-line-height, 1)',\n '--combobox-empty-color':\n 'var(--select-searchable-empty-color, {colors.neutral.foreground.5.enabled})',\n '--combobox-empty-padding-block':\n 'var(--select-searchable-empty-padding-block, {spacing.200})',\n\n '--select-searchable-search-font-family':\n 'var(--select-searchable-search-font-family, {fonts.base})',\n '--select-searchable-search-font-size':\n 'var(--select-searchable-search-font-size, {fontSizes.300})',\n '--select-searchable-search-font-weight':\n 'var(--select-searchable-search-font-weight, {fontWeights.regular})',\n '--select-searchable-search-line-height':\n 'var(--select-searchable-search-line-height, inherit)',\n '--select-searchable-search-foreground':\n 'var(--select-searchable-search-foreground, {colors.neutral.foreground.1.enabled})',\n '--select-searchable-search-background':\n 'var(--select-searchable-search-background, transparent)',\n '--select-searchable-search-border-width':\n 'var(--select-searchable-search-border-width, {borders.100})',\n '--select-searchable-search-border-color':\n 'var(--select-searchable-search-border-color, {colors.neutral.stroke.7.enabled})',\n '--select-searchable-search-border-style':\n 'var(--select-searchable-search-border-style, solid)',\n '--select-searchable-search-radii':\n 'var(--select-searchable-search-radii, {radii.200})',\n '--select-searchable-search-width':\n 'var(--select-searchable-search-width, 100%)',\n '--select-searchable-search-height':\n 'var(--select-searchable-search-height, {sizes.500})',\n '--select-searchable-search-padding-inline-start':\n 'var(--select-searchable-search-padding-inline-start, {spacing.300})',\n '--select-searchable-search-padding-inline-end':\n 'var(--select-searchable-search-padding-inline-end, {spacing.300})',\n '--select-searchable-search-margin-bottom':\n 'var(--select-searchable-search-margin-bottom, {spacing.100})',\n '--select-searchable-search-focus-outline-width':\n 'var(--select-searchable-search-focus-outline-width, {borders.100})',\n '--select-searchable-search-focus-outline-style':\n 'var(--select-searchable-search-focus-outline-style, solid)',\n '--select-searchable-search-focus-outline-color':\n 'var(--select-searchable-search-focus-outline-color, {colors.primary.stroke.1.focused})',\n '--select-searchable-search-focus-outline-offset':\n 'var(--select-searchable-search-focus-outline-offset, {spacing.0})',\n '--select-searchable-search-focus-shadow':\n 'var(--select-searchable-search-focus-shadow)',\n '--select-searchable-search-focus-border-color':\n 'var(--select-searchable-search-focus-border-color, {colors.neutral.stroke.7.hovered})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,oBACX,IAAK,CAAC,mBAAmB,CACzB,KAAM,CAEJ,6BACE,kFACF,+BACE,kDACF,+BACE,oDACF,+BACE,gFACF,0BACE,uDACF,wBAAyB,mDACzB,6BACE,0DACF,6BACE,kDAEF,yBACE,sDAEF,gCACE,4DACF,8BACE,6DACF,gCACE,iEACF,mCACE,gEACF,0BACE,qDACF,kCACE,+DACF,+BACE,0DACF,0BACE,+EACF,+BACE,oEACF,qCACE,0FACF,gCACE,qFACF,wCACE,sGACF,mCACE,iGACF,sCACE,oGACF,iCACE,+FAEF,+BACE,2DACF,6BACE,4DACF,+BACE,gDACF,yBACE,8EACF,iCACE,8DAEF,yCACE,4DACF,uCACE,6DACF,yCACE,qEACF,yCACE,uDACF,wCACE,oFACF,wCACE,0DACF,0CACE,8DACF,0CACE,kFACF,0CACE,sDACF,mCACE,qDACF,mCACE,8CACF,oCACE,sDACF,kDACE,sEACF,gDACE,oEACF,2CACE,+DACF,iDACE,qEACF,iDACE,6DACF,iDACE,yFACF,kDACE,oEACF,0CACE,+CACF,gDACE,wFACH,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input__description`,jsx:[`TextInput`],base:{fontFamily:`var(--text-input-description-font-family, {fonts.base})`,fontSize:`var(--text-input-description-font-size, {fontSizes.300})`,fontWeight:`var(--text-input-description-font-weight, {fontWeights.regular})`,lineHeight:`var(--text-input-description-line-height, inherit)`,color:`var(--text-input-description-foreground, {colors.neutral.foreground.2.enabled})`}});export{t as textInputDescription};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input__description`,jsx:[`TextInput`],base:{order:`var(--text-input-description-order, 3)`,fontFamily:`var(--text-input-description-font-family, {fonts.base})`,fontSize:`var(--text-input-description-font-size, {fontSizes.300})`,fontWeight:`var(--text-input-description-font-weight, {fontWeights.regular})`,lineHeight:`var(--text-input-description-line-height, inherit)`,color:`var(--text-input-description-foreground, {colors.neutral.foreground.2.enabled})`}});export{t as textInputDescription};
2
2
  //# sourceMappingURL=text-input-description.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"text-input-description.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input-description.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInputDescription = defineRecipe({\n className: 'text-input__description',\n jsx: ['TextInput'],\n base: {\n fontFamily: 'var(--text-input-description-font-family, {fonts.base})',\n fontSize: 'var(--text-input-description-font-size, {fontSizes.300})',\n fontWeight:\n 'var(--text-input-description-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--text-input-description-line-height, inherit)',\n color:\n 'var(--text-input-description-foreground, {colors.neutral.foreground.2.enabled})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAuB,EAAa,CAC/C,UAAW,0BACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,WAAY,0DACZ,SAAU,2DACV,WACE,mEACF,WAAY,qDACZ,MACE,kFACH,CACF,CAAC"}
1
+ {"version":3,"file":"text-input-description.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input-description.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInputDescription = defineRecipe({\n className: 'text-input__description',\n jsx: ['TextInput'],\n base: {\n order: 'var(--text-input-description-order, 3)',\n fontFamily: 'var(--text-input-description-font-family, {fonts.base})',\n fontSize: 'var(--text-input-description-font-size, {fontSizes.300})',\n fontWeight:\n 'var(--text-input-description-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--text-input-description-line-height, inherit)',\n color:\n 'var(--text-input-description-foreground, {colors.neutral.foreground.2.enabled})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAuB,EAAa,CAC/C,UAAW,0BACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,MAAO,yCACP,WAAY,0DACZ,SAAU,2DACV,WACE,mEACF,WAAY,qDACZ,MACE,kFACH,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input__error`,jsx:[`TextInput`],base:{fontFamily:`var(--text-input-error-font-family, {fonts.base})`,fontSize:`var(--text-input-error-font-size, {fontSizes.300})`,fontWeight:`var(--text-input-error-font-weight, {fontWeights.regular})`,lineHeight:`var(--text-input-error-line-height, inherit)`,color:`var(--text-input-error-foreground, {colors.danger.foreground.1.enabled})`}});export{t as textInputError};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input__error`,jsx:[`TextInput`],base:{order:`var(--text-input-error-order, 4)`,fontFamily:`var(--text-input-error-font-family, {fonts.base})`,fontSize:`var(--text-input-error-font-size, {fontSizes.300})`,fontWeight:`var(--text-input-error-font-weight, {fontWeights.regular})`,lineHeight:`var(--text-input-error-line-height, inherit)`,color:`var(--text-input-error-foreground, {colors.danger.foreground.1.enabled})`}});export{t as textInputError};
2
2
  //# sourceMappingURL=text-input-error.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"text-input-error.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input-error.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInputError = defineRecipe({\n className: 'text-input__error',\n jsx: ['TextInput'],\n base: {\n fontFamily: 'var(--text-input-error-font-family, {fonts.base})',\n fontSize: 'var(--text-input-error-font-size, {fontSizes.300})',\n fontWeight: 'var(--text-input-error-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--text-input-error-line-height, inherit)',\n color:\n 'var(--text-input-error-foreground, {colors.danger.foreground.1.enabled})',\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,MACE,2EACH,CACF,CAAC"}
1
+ {"version":3,"file":"text-input-error.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input-error.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInputError = defineRecipe({\n className: 'text-input__error',\n jsx: ['TextInput'],\n base: {\n order: 'var(--text-input-error-order, 4)',\n fontFamily: 'var(--text-input-error-font-family, {fonts.base})',\n fontSize: 'var(--text-input-error-font-size, {fontSizes.300})',\n fontWeight: 'var(--text-input-error-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--text-input-error-line-height, inherit)',\n color:\n 'var(--text-input-error-foreground, {colors.danger.foreground.1.enabled})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,oBACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,MAAO,mCACP,WAAY,oDACZ,SAAU,qDACV,WAAY,6DACZ,WAAY,+CACZ,MACE,2EACH,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)`,"&::-webkit-outer-spin-button":{margin:0,WebkitAppearance:`none`},"&::-webkit-inner-spin-button":{margin:0,WebkitAppearance:`none`},"&[type=number]":{"-moz-appearance":`textfield`},"&::placeholder":{color:`var(--text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`},"&:hover":{color:`var(--text-input-input-hover-foreground, {colors.neutral.foreground.1.hovered})`,backgroundColor:`var(--text-input-input-hover-background, transparent)`,borderColor:`var(--text-input-input-hover-border-color, {colors.neutral.stroke.7.hovered})`},_focus:{outlineWidth:`var(--text-input-input-focus-outline-width, {borders.200})`,outlineStyle:`var(--text-input-input-focus-outline-style, solid)`,outlineColor:`var(--text-input-input-focus-outline-color, {colors.neutral.stroke.1.focused})`,outlineOffset:`var(--text-input-input-focus-outline-offset, {spacing.50})`,boxShadow:`var(--text-input-input-focus-shadow)`,borderColor:`var(--text-input-input-focus-border-color, {colors.neutral.stroke.1.focused})`},_readOnly:{pointerEvents:`none`,userSelect:`all`},'[data-with-left-section="true"] &':{paddingInlineStart:`calc(var(--text-input-input-padding-inline-start) + var(--text-input-left-section-width) + var(--text-input-left-section-position))`},'[data-with-right-section="true"] &':{paddingInlineEnd:`calc(var(--text-input-input-padding-inline-end) + var(--text-input-right-section-width) + var(--text-input-right-section-position))`},'[data-error="true"] &':{borderColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,_focus:{borderColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,outlineColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`},"&:hover":{borderColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`}}}});export{t as textInputInput};
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)`,"&::-webkit-outer-spin-button":{margin:0,WebkitAppearance:`none`},"&::-webkit-inner-spin-button":{margin:0,WebkitAppearance:`none`},"&[type=number]":{"-moz-appearance":`textfield`},"&::placeholder":{color:`var(--text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`},"&:hover":{color:`var(--text-input-input-hover-foreground, {colors.neutral.foreground.1.hovered})`,backgroundColor:`var(--text-input-input-hover-background, transparent)`,borderColor:`var(--text-input-input-hover-border-color, {colors.neutral.stroke.7.hovered})`},_focus:{outlineWidth:`var(--text-input-input-focus-outline-width, {borders.150})`,outlineStyle:`var(--text-input-input-focus-outline-style, solid)`,outlineColor:`var(--text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})`,outlineOffset:`var(--text-input-input-focus-outline-offset, {spacing.50})`,boxShadow:`var(--text-input-input-focus-shadow)`,borderColor:`var(--text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})`},_readOnly:{pointerEvents:`none`,userSelect:`all`},'[data-with-left-section="true"] &':{paddingInlineStart:`calc(var(--text-input-input-padding-inline-start) + var(--text-input-left-section-width) + var(--text-input-left-section-position))`},'[data-with-right-section="true"] &':{paddingInlineEnd:`calc(var(--text-input-input-padding-inline-end) + var(--text-input-right-section-width) + var(--text-input-right-section-position))`},'[data-error="true"] &':{borderColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,_focus:{borderColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,outlineColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`},"&:hover":{borderColor:`var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`}}}});export{t as textInputInput};
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 '&::-webkit-outer-spin-button': {\n margin: 0,\n WebkitAppearance: 'none',\n },\n '&::-webkit-inner-spin-button': {\n margin: 0,\n WebkitAppearance: 'none',\n },\n '&[type=number]': {\n '-moz-appearance': 'textfield',\n },\n '&::placeholder': {\n color:\n 'var(--text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n },\n '&:hover': {\n color:\n 'var(--text-input-input-hover-foreground, {colors.neutral.foreground.1.hovered})',\n backgroundColor: 'var(--text-input-input-hover-background, transparent)',\n borderColor:\n 'var(--text-input-input-hover-border-color, {colors.neutral.stroke.7.hovered})',\n },\n _focus: {\n outlineWidth:\n 'var(--text-input-input-focus-outline-width, {borders.200})',\n outlineStyle: 'var(--text-input-input-focus-outline-style, solid)',\n outlineColor:\n 'var(--text-input-input-focus-outline-color, {colors.neutral.stroke.1.focused})',\n outlineOffset:\n 'var(--text-input-input-focus-outline-offset, {spacing.50})',\n boxShadow: 'var(--text-input-input-focus-shadow)',\n borderColor:\n 'var(--text-input-input-focus-border-color, {colors.neutral.stroke.1.focused})',\n },\n _readOnly: {\n pointerEvents: 'none',\n userSelect: 'all',\n },\n '[data-with-left-section=\"true\"] &': {\n paddingInlineStart:\n 'calc(var(--text-input-input-padding-inline-start) + var(--text-input-left-section-width) + var(--text-input-left-section-position))',\n },\n '[data-with-right-section=\"true\"] &': {\n paddingInlineEnd:\n 'calc(var(--text-input-input-padding-inline-end) + var(--text-input-right-section-width) + var(--text-input-right-section-position))',\n },\n '[data-error=\"true\"] &': {\n borderColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n _focus: {\n borderColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n outlineColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n },\n '&:hover': {\n borderColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,oBACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,WAAY,oDACZ,SAAU,qDACV,WAAY,6DACZ,WAAY,+CACZ,UAAW,2CACX,MACE,4EACF,gBAAiB,kDACjB,YACE,0EACF,YAAa,sDACb,YAAa,8CACb,aAAc,6CACd,MAAO,OACP,OAAQ,8CACR,mBACE,8DACF,iBACE,4DACF,WAAY,2DAEZ,+BAAgC,CAC9B,OAAQ,EACR,iBAAkB,OACnB,CACD,+BAAgC,CAC9B,OAAQ,EACR,iBAAkB,OACnB,CACD,iBAAkB,CAChB,kBAAmB,YACpB,CACD,iBAAkB,CAChB,MACE,wFACH,CACD,UAAW,CACT,MACE,kFACF,gBAAiB,wDACjB,YACE,gFACH,CACD,OAAQ,CACN,aACE,6DACF,aAAc,qDACd,aACE,iFACF,cACE,6DACF,UAAW,uCACX,YACE,gFACH,CACD,UAAW,CACT,cAAe,OACf,WAAY,MACb,CACD,oCAAqC,CACnC,mBACE,sIACH,CACD,qCAAsC,CACpC,iBACE,sIACH,CACD,wBAAyB,CACvB,YACE,+EACF,OAAQ,CACN,YACE,+EACF,aACE,+EACH,CACD,UAAW,CACT,YACE,+EACH,CACF,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"text-input-input.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input-input.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInputInput = defineRecipe({\n className: 'text-input__input',\n jsx: ['TextInput'],\n base: {\n fontFamily: 'var(--text-input-input-font-family, {fonts.base})',\n fontSize: 'var(--text-input-input-font-size, {fontSizes.400})',\n fontWeight: 'var(--text-input-input-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--text-input-input-line-height, inherit)',\n textAlign: 'var(--text-input-input-text-align, left)',\n color:\n 'var(--text-input-input-foreground, {colors.neutral.foreground.1.enabled})',\n backgroundColor: 'var(--text-input-input-background, transparent)',\n borderColor:\n 'var(--text-input-input-border-color, {colors.neutral.stroke.7.enabled})',\n borderWidth: 'var(--text-input-input-border-width, {borders.100})',\n borderStyle: 'var(--text-input-input-border-style, solid)',\n borderRadius: 'var(--text-input-input-radii, {radii.200})',\n width: '100%',\n height: 'var(--text-input-input-height, {sizes.700})',\n paddingInlineStart:\n 'var(--text-input-input-padding-inline-start, {spacing.300})',\n paddingInlineEnd:\n 'var(--text-input-input-padding-inline-end, {spacing.300})',\n transition: 'var(--text-input-input-transition, all 0.2s ease-in-out)',\n\n '&::-webkit-outer-spin-button': {\n margin: 0,\n WebkitAppearance: 'none',\n },\n '&::-webkit-inner-spin-button': {\n margin: 0,\n WebkitAppearance: 'none',\n },\n '&[type=number]': {\n '-moz-appearance': 'textfield',\n },\n '&::placeholder': {\n color:\n 'var(--text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n },\n '&:hover': {\n color:\n 'var(--text-input-input-hover-foreground, {colors.neutral.foreground.1.hovered})',\n backgroundColor: 'var(--text-input-input-hover-background, transparent)',\n borderColor:\n 'var(--text-input-input-hover-border-color, {colors.neutral.stroke.7.hovered})',\n },\n _focus: {\n outlineWidth:\n 'var(--text-input-input-focus-outline-width, {borders.150})',\n outlineStyle: 'var(--text-input-input-focus-outline-style, solid)',\n outlineColor:\n 'var(--text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n outlineOffset:\n 'var(--text-input-input-focus-outline-offset, {spacing.50})',\n boxShadow: 'var(--text-input-input-focus-shadow)',\n borderColor:\n 'var(--text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})',\n },\n _readOnly: {\n pointerEvents: 'none',\n userSelect: 'all',\n },\n '[data-with-left-section=\"true\"] &': {\n paddingInlineStart:\n 'calc(var(--text-input-input-padding-inline-start) + var(--text-input-left-section-width) + var(--text-input-left-section-position))',\n },\n '[data-with-right-section=\"true\"] &': {\n paddingInlineEnd:\n 'calc(var(--text-input-input-padding-inline-end) + var(--text-input-right-section-width) + var(--text-input-right-section-position))',\n },\n '[data-error=\"true\"] &': {\n borderColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n _focus: {\n borderColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n outlineColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n },\n '&:hover': {\n borderColor:\n 'var(--text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,oBACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,WAAY,oDACZ,SAAU,qDACV,WAAY,6DACZ,WAAY,+CACZ,UAAW,2CACX,MACE,4EACF,gBAAiB,kDACjB,YACE,0EACF,YAAa,sDACb,YAAa,8CACb,aAAc,6CACd,MAAO,OACP,OAAQ,8CACR,mBACE,8DACF,iBACE,4DACF,WAAY,2DAEZ,+BAAgC,CAC9B,OAAQ,EACR,iBAAkB,OACnB,CACD,+BAAgC,CAC9B,OAAQ,EACR,iBAAkB,OACnB,CACD,iBAAkB,CAChB,kBAAmB,YACpB,CACD,iBAAkB,CAChB,MACE,wFACH,CACD,UAAW,CACT,MACE,kFACF,gBAAiB,wDACjB,YACE,gFACH,CACD,OAAQ,CACN,aACE,6DACF,aAAc,qDACd,aACE,iFACF,cACE,6DACF,UAAW,uCACX,YACE,gFACH,CACD,UAAW,CACT,cAAe,OACf,WAAY,MACb,CACD,oCAAqC,CACnC,mBACE,sIACH,CACD,qCAAsC,CACpC,iBACE,sIACH,CACD,wBAAyB,CACvB,YACE,+EACF,OAAQ,CACN,YACE,+EACF,aACE,+EACH,CACD,UAAW,CACT,YACE,+EACH,CACF,CACF,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input__label`,jsx:[`TextInput`],base:{fontFamily:`var(--text-input-label-font-family, {fonts.base})`,fontSize:`var(--text-input-label-font-size, {fontSizes.400})`,fontWeight:`var(--text-input-label-font-weight, {fontWeights.medium})`,lineHeight:`var(--text-input-label-line-height, inherit)`,color:`var(--text-input-label-foreground, {colors.neutral.foreground.1.enabled})`}});export{t as textInputLabel};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`text-input__label`,jsx:[`TextInput`],base:{order:`var(--text-input-label-order, 1)`,fontFamily:`var(--text-input-label-font-family, {fonts.base})`,fontSize:`var(--text-input-label-font-size, {fontSizes.400})`,fontWeight:`var(--text-input-label-font-weight, {fontWeights.medium})`,lineHeight:`var(--text-input-label-line-height, inherit)`,color:`var(--text-input-label-foreground, {colors.neutral.foreground.1.enabled})`}});export{t as textInputLabel};
2
2
  //# sourceMappingURL=text-input-label.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"text-input-label.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input-label.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInputLabel = defineRecipe({\n className: 'text-input__label',\n jsx: ['TextInput'],\n base: {\n fontFamily: 'var(--text-input-label-font-family, {fonts.base})',\n fontSize: 'var(--text-input-label-font-size, {fontSizes.400})',\n fontWeight: 'var(--text-input-label-font-weight, {fontWeights.medium})',\n lineHeight: 'var(--text-input-label-line-height, inherit)',\n color:\n 'var(--text-input-label-foreground, {colors.neutral.foreground.1.enabled})',\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,4DACZ,WAAY,+CACZ,MACE,4EACH,CACF,CAAC"}
1
+ {"version":3,"file":"text-input-label.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input-label.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInputLabel = defineRecipe({\n className: 'text-input__label',\n jsx: ['TextInput'],\n base: {\n order: 'var(--text-input-label-order, 1)',\n fontFamily: 'var(--text-input-label-font-family, {fonts.base})',\n fontSize: 'var(--text-input-label-font-size, {fontSizes.400})',\n fontWeight: 'var(--text-input-label-font-weight, {fontWeights.medium})',\n lineHeight: 'var(--text-input-label-line-height, inherit)',\n color:\n 'var(--text-input-label-foreground, {colors.neutral.foreground.1.enabled})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,oBACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,MAAO,mCACP,WAAY,oDACZ,SAAU,qDACV,WAAY,4DACZ,WAAY,+CACZ,MACE,4EACH,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:{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:`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};
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 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,SAAU,WACV,UAAW,sDACX,UAAW,CACT,QAAS,kDACT,cAAe,OAChB,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"text-input-wrapper.mjs","names":[],"sources":["../../../../src/recipes/controls/text-input/text-input-wrapper.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textInputWrapper = defineRecipe({\n className: 'text-input__wrapper',\n jsx: ['TextInput'],\n base: {\n order: 'var(--text-input-wrapper-order, 2)',\n position: 'relative',\n marginTop: 'var(--text-input-wrapper-margin-top, {spacing.100})',\n _disabled: {\n opacity: 'var(--text-input-wrapper-disabled-opacity, 0.5)',\n pointerEvents: 'none',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,sBACX,IAAK,CAAC,YAAY,CAClB,KAAM,CACJ,MAAO,qCACP,SAAU,WACV,UAAW,sDACX,UAAW,CACT,QAAS,kDACT,cAAe,OAChB,CACF,CACF,CAAC"}
@@ -1,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-wrapper-margin-top":`{spacing.100}`,"--text-input-wrapper-disabled-opacity":`0.5`,"--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-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-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-input-wrapper-margin-top":`{spacing.100}`,"--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.100}`,"--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.1.hovered}`,"--text-input-input-focus-outline-width":`{borders.200}`,"--text-input-input-focus-outline-style":`solid`,"--text-input-input-focus-outline-offset":`{spacing.50}`,"--text-input-input-focus-outline-color":`{colors.neutral.stroke.1.focused}`,"--text-input-input-focus-border-color":`{colors.neutral.stroke.1.focused}`,"--text-input-input-focus-shadow":`none`,"--text-input-input-disabled-background":`transparent`,"--text-input-input-disabled-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-input-disabled-border-color":`{colors.neutral.stroke.7.enabled}`,"--text-input-input-disabled-opacity":`0.5`,"--text-input-section-size":`{sizes.600}`,"--text-input-left-section-width":`{sizes.600}`,"--text-input-right-section-width":`{sizes.600}`,"--text-input-left-section-position":`{spacing.200}`,"--text-input-right-section-position":`{spacing.200}`,"--text-input-left-section-pointer-events":`none`,"--text-input-right-section-pointer-events":`none`}});export{t as textInput};
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-margin-top":`{spacing.100}`,"--text-input-wrapper-disabled-opacity":`0.5`,"--text-input-input-font-family":`{fonts.base}`,"--text-input-input-font-size":`{fontSizes.300}`,"--text-input-input-font-weight":`{fontWeights.regular}`,"--text-input-input-line-height":`inherit`,"--text-input-input-text-align":`left`,"--text-input-input-background":`transparent`,"--text-input-input-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-input-placeholder-foreground":`{colors.neutral.foreground.3.enabled}`,"--text-input-input-border-width":`{borders.150}`,"--text-input-input-border-style":`solid`,"--text-input-input-border-color":`{colors.neutral.stroke.7.enabled}`,"--text-input-input-radii":`{radii.200}`,"--text-input-input-height":`{sizes.700}`,"--text-input-input-padding-inline-start":`{spacing.300}`,"--text-input-input-padding-inline-end":`{spacing.300}`,"--text-input-input-transition":`all 0.2s ease-in-out`,"--text-input-input-border-color-error":`{colors.danger.stroke.1.enabled}`,"--text-input-input-hover-background":`transparent`,"--text-input-input-hover-border-color":`{colors.neutral.stroke.7.hovered}`,"--text-input-input-hover-foreground":`{colors.neutral.foreground.2.hovered}`,"--text-input-input-focus-outline-width":`{borders.150}`,"--text-input-input-focus-outline-style":`solid`,"--text-input-input-focus-outline-offset":`{spacing.50}`,"--text-input-input-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--text-input-input-focus-border-color":`{colors.neutral.stroke.7.hovered}`,"--text-input-input-focus-shadow":`none`,"--text-input-input-disabled-background":`transparent`,"--text-input-input-disabled-foreground":`{colors.neutral.foreground.2.enabled}`,"--text-input-input-disabled-border-color":`{colors.neutral.stroke.7.enabled}`,"--text-input-input-disabled-opacity":`0.5`,"--text-input-section-size":`{sizes.600}`,"--text-input-left-section-width":`{sizes.600}`,"--text-input-right-section-width":`{sizes.600}`,"--text-input-left-section-position":`{spacing.200}`,"--text-input-right-section-position":`{spacing.200}`,"--text-input-left-section-pointer-events":`none`,"--text-input-right-section-pointer-events":`none`}});export{t as textInput};
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 /* Wrapper */\n '--text-input-wrapper-margin-top': '{spacing.100}',\n '--text-input-wrapper-disabled-opacity': '0.5',\n\n /* Label */\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-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-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 /* Input */\n '--text-input-input-wrapper-margin-top': '{spacing.100}',\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.100}',\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.1.hovered}',\n\n /* Input - focus */\n '--text-input-input-focus-outline-width': '{borders.200}',\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.neutral.stroke.1.focused}',\n '--text-input-input-focus-border-color':\n '{colors.neutral.stroke.1.focused}',\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-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,kCAAmC,gBACnC,wCAAyC,MAGzC,iCAAkC,eAClC,+BAAgC,kBAChC,iCAAkC,uBAClC,iCAAkC,UAClC,gCAAiC,wCAGjC,oCAAqC,eACrC,kCAAmC,kBACnC,oCAAqC,uBACrC,mCAAoC,wCACpC,yCACE,uCAGF,uCAAwC,eACxC,qCAAsC,kBACtC,uCAAwC,wBACxC,uCAAwC,UACxC,sCACE,wCAGF,iCAAkC,eAClC,+BAAgC,kBAChC,iCAAkC,wBAClC,iCAAkC,UAClC,gCAAiC,uCAGjC,wCAAyC,gBACzC,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,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-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-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-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,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,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__description`,jsx:[`Textarea`],base:{color:`var(--textarea-description-foreground, {colors.neutral.foreground.2.enabled})`,fontFamily:`var(--textarea-description-font-family, {fonts.base})`,fontSize:`var(--textarea-description-font-size, {fontSizes.300})`,fontWeight:`var(--textarea-description-font-weight, {fontWeights.regular})`,lineHeight:`var(--textarea-description-line-height, 1.5)`}});export{t as textareaDescription};
1
+ import{textInputDescription as e}from"../text-input/text-input-description.mjs";const t=e.merge({className:`textarea__description`,jsx:[`Textarea`],base:{}});export{t as textareaDescription};
2
2
  //# sourceMappingURL=textarea-description.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"textarea-description.mjs","names":[],"sources":["../../../../src/recipes/controls/textarea/textarea-description.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textareaDescription = defineRecipe({\n className: 'textarea__description',\n jsx: ['Textarea'],\n base: {\n color:\n 'var(--textarea-description-foreground, {colors.neutral.foreground.2.enabled})',\n fontFamily: 'var(--textarea-description-font-family, {fonts.base})',\n fontSize: 'var(--textarea-description-font-size, {fontSizes.300})',\n fontWeight:\n 'var(--textarea-description-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--textarea-description-line-height, 1.5)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAsB,EAAa,CAC9C,UAAW,wBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,MACE,gFACF,WAAY,wDACZ,SAAU,yDACV,WACE,iEACF,WAAY,+CACb,CACF,CAAC"}
1
+ {"version":3,"file":"textarea-description.mjs","names":[],"sources":["../../../../src/recipes/controls/textarea/textarea-description.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { textInputDescription } from '../text-input/text-input-description';\n\nexport const textareaDescription = textInputDescription.merge({\n className: 'textarea__description',\n jsx: ['Textarea'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"gFAOA,MAAa,EAAsB,EAAqB,MAAM,CAC5D,UAAW,wBACX,IAAK,CAAC,WAAW,CACjB,KAAM,EAAE,CACT,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`textarea__error`,jsx:[`Textarea`],base:{color:`var(--textarea-error-foreground, {colors.danger.foreground.1.enabled})`,fontFamily:`var(--textarea-error-font-family, {fonts.base})`,fontSize:`var(--textarea-error-font-size, {fontSizes.300})`,fontWeight:`var(--textarea-error-font-weight, {fontWeights.regular})`,lineHeight:`var(--textarea-error-line-height, 1.5)`}});export{t as textareaError};
1
+ import{textInputError as e}from"../text-input/text-input-error.mjs";const t=e.merge({className:`textarea__error`,jsx:[`Textarea`],base:{}});export{t as textareaError};
2
2
  //# sourceMappingURL=textarea-error.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"textarea-error.mjs","names":[],"sources":["../../../../src/recipes/controls/textarea/textarea-error.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textareaError = defineRecipe({\n className: 'textarea__error',\n jsx: ['Textarea'],\n base: {\n color:\n 'var(--textarea-error-foreground, {colors.danger.foreground.1.enabled})',\n fontFamily: 'var(--textarea-error-font-family, {fonts.base})',\n fontSize: 'var(--textarea-error-font-size, {fontSizes.300})',\n fontWeight: 'var(--textarea-error-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--textarea-error-line-height, 1.5)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,kBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,MACE,yEACF,WAAY,kDACZ,SAAU,mDACV,WAAY,2DACZ,WAAY,yCACb,CACF,CAAC"}
1
+ {"version":3,"file":"textarea-error.mjs","names":[],"sources":["../../../../src/recipes/controls/textarea/textarea-error.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { textInputError } from '../text-input/text-input-error';\n\nexport const textareaError = textInputError.merge({\n className: 'textarea__error',\n jsx: ['Textarea'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"oEAOA,MAAa,EAAgB,EAAe,MAAM,CAChD,UAAW,kBACX,IAAK,CAAC,WAAW,CACjB,KAAM,EAAE,CACT,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`textarea__input`,jsx:[`Textarea`],base:{display:`block`,fontFamily:`var(--textarea-input-font-family, {fonts.base})`,fontSize:`var(--textarea-input-font-size, {fontSizes.400})`,fontWeight:`var(--textarea-input-font-weight, {fontWeights.regular})`,lineHeight:`var(--textarea-input-line-height, inherit)`,color:`var(--textarea-input-foreground, {colors.neutral.foreground.3.enabled})`,backgroundColor:`var(--textarea-input-background, transparent)`,borderWidth:`var(--textarea-input-border-width, {borders.100})`,borderColor:`var(--textarea-input-border-color, {colors.neutral.stroke.1.enabled})`,borderStyle:`var(--textarea-input-border-style, solid)`,borderRadius:`var(--textarea-input-radii, {radii.200})`,width:`100%`,height:`var(--textarea-input-height, auto)`,minHeight:`var(--textarea-input-min-height, {sizes.500})`,paddingInlineStart:`var(--textarea-input-padding-inline-start, {spacing.300})`,paddingInlineEnd:`var(--textarea-input-padding-inline-end, {spacing.300})`,paddingBlock:`var(--textarea-input-padding-block, {spacing.200})`,boxSizing:`border-box`,transition:`var(--textarea-input-transition)`,_placeholder:{color:`var(--textarea-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`},_hover:{color:`var(--textarea-input-hover-foreground, {colors.neutral.foreground.1.hovered})`,borderColor:`var(--textarea-input-hover-border-color, {colors.neutral.stroke.1.hovered})`},_focus:{color:`var(--textarea-input-focus-foreground, {colors.neutral.foreground.1.focused})`,outlineWidth:`var(--textarea-input-focus-outline-width, {borders.200})`,outlineStyle:`var(--textarea-input-focus-outline-style, solid)`,outlineColor:`var(--textarea-input-focus-outline-color, {colors.neutral.stroke.1.focused})`,outlineOffset:`var(--textarea-input-focus-outline-offset, {spacing.50})`,boxShadow:`var(--textarea-input-focus-shadow)`,borderColor:`var(--textarea-input-focus-border-color, {colors.neutral.stroke.1.focused})`},_readOnly:{pointerEvents:`none`,userSelect:`all`},'[data-with-left-section="true"] &':{paddingInlineStart:`calc(var(--textarea-input-padding-inline-start, {spacing.300}) + var(--textarea-left-section-width, {sizes.600}) + var(--textarea-left-section-position, {spacing.200}))`},'[data-with-right-section="true"] &':{paddingInlineEnd:`calc(var(--textarea-input-padding-inline-end, {spacing.300}) + var(--textarea-right-section-width, {sizes.600}) + var(--textarea-right-section-position, {spacing.200}))`},'[data-error="true"] &':{"--textarea-input-border-color":`var(--textarea-input-border-color-error, {colors.danger.stroke.1.enabled})`}}});export{t as textareaInput};
1
+ import{textInputInput as e}from"../text-input/text-input-input.mjs";const t=e.merge({className:`textarea__input`,jsx:[`Textarea`],base:{display:`block`,height:`var(--text-input-input-height, auto)`,minHeight:`var(--textarea-input-min-height, {sizes.700})`,paddingBlock:`var(--textarea-input-padding-block, {spacing.200})`}});export{t as textareaInput};
2
2
  //# sourceMappingURL=textarea-input.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"textarea-input.mjs","names":[],"sources":["../../../../src/recipes/controls/textarea/textarea-input.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textareaInput = defineRecipe({\n className: 'textarea__input',\n jsx: ['Textarea'],\n base: {\n display: 'block',\n fontFamily: 'var(--textarea-input-font-family, {fonts.base})',\n fontSize: 'var(--textarea-input-font-size, {fontSizes.400})',\n fontWeight: 'var(--textarea-input-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--textarea-input-line-height, inherit)',\n color:\n 'var(--textarea-input-foreground, {colors.neutral.foreground.3.enabled})',\n backgroundColor: 'var(--textarea-input-background, transparent)',\n borderWidth: 'var(--textarea-input-border-width, {borders.100})',\n borderColor:\n 'var(--textarea-input-border-color, {colors.neutral.stroke.1.enabled})',\n borderStyle: 'var(--textarea-input-border-style, solid)',\n borderRadius: 'var(--textarea-input-radii, {radii.200})',\n width: '100%',\n height: 'var(--textarea-input-height, auto)',\n minHeight: 'var(--textarea-input-min-height, {sizes.500})',\n paddingInlineStart:\n 'var(--textarea-input-padding-inline-start, {spacing.300})',\n paddingInlineEnd: 'var(--textarea-input-padding-inline-end, {spacing.300})',\n paddingBlock: 'var(--textarea-input-padding-block, {spacing.200})',\n boxSizing: 'border-box',\n transition: 'var(--textarea-input-transition)',\n _placeholder: {\n color:\n 'var(--textarea-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n },\n _hover: {\n color:\n 'var(--textarea-input-hover-foreground, {colors.neutral.foreground.1.hovered})',\n borderColor:\n 'var(--textarea-input-hover-border-color, {colors.neutral.stroke.1.hovered})',\n },\n _focus: {\n color:\n 'var(--textarea-input-focus-foreground, {colors.neutral.foreground.1.focused})',\n outlineWidth: 'var(--textarea-input-focus-outline-width, {borders.200})',\n outlineStyle: 'var(--textarea-input-focus-outline-style, solid)',\n outlineColor:\n 'var(--textarea-input-focus-outline-color, {colors.neutral.stroke.1.focused})',\n outlineOffset: 'var(--textarea-input-focus-outline-offset, {spacing.50})',\n boxShadow: 'var(--textarea-input-focus-shadow)',\n borderColor:\n 'var(--textarea-input-focus-border-color, {colors.neutral.stroke.1.focused})',\n },\n _readOnly: {\n pointerEvents: 'none',\n userSelect: 'all',\n },\n '[data-with-left-section=\"true\"] &': {\n paddingInlineStart:\n 'calc(var(--textarea-input-padding-inline-start, {spacing.300}) + var(--textarea-left-section-width, {sizes.600}) + var(--textarea-left-section-position, {spacing.200}))',\n },\n '[data-with-right-section=\"true\"] &': {\n paddingInlineEnd:\n 'calc(var(--textarea-input-padding-inline-end, {spacing.300}) + var(--textarea-right-section-width, {sizes.600}) + var(--textarea-right-section-position, {spacing.200}))',\n },\n '[data-error=\"true\"] &': {\n '--textarea-input-border-color':\n 'var(--textarea-input-border-color-error, {colors.danger.stroke.1.enabled})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,kBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,QAAS,QACT,WAAY,kDACZ,SAAU,mDACV,WAAY,2DACZ,WAAY,6CACZ,MACE,0EACF,gBAAiB,gDACjB,YAAa,oDACb,YACE,wEACF,YAAa,4CACb,aAAc,2CACd,MAAO,OACP,OAAQ,qCACR,UAAW,gDACX,mBACE,4DACF,iBAAkB,0DAClB,aAAc,qDACd,UAAW,aACX,WAAY,mCACZ,aAAc,CACZ,MACE,sFACH,CACD,OAAQ,CACN,MACE,gFACF,YACE,8EACH,CACD,OAAQ,CACN,MACE,gFACF,aAAc,2DACd,aAAc,mDACd,aACE,+EACF,cAAe,2DACf,UAAW,qCACX,YACE,8EACH,CACD,UAAW,CACT,cAAe,OACf,WAAY,MACb,CACD,oCAAqC,CACnC,mBACE,2KACH,CACD,qCAAsC,CACpC,iBACE,2KACH,CACD,wBAAyB,CACvB,gCACE,6EACH,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"textarea-input.mjs","names":[],"sources":["../../../../src/recipes/controls/textarea/textarea-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { textInputInput } from '../text-input/text-input-input';\n\nexport const textareaInput = textInputInput.merge({\n className: 'textarea__input',\n jsx: ['Textarea'],\n base: {\n display: 'block',\n height: 'var(--text-input-input-height, auto)',\n minHeight: 'var(--textarea-input-min-height, {sizes.700})', // 48px\n paddingBlock: 'var(--textarea-input-padding-block, {spacing.200})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"oEAOA,MAAa,EAAgB,EAAe,MAAM,CAChD,UAAW,kBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,QAAS,QACT,OAAQ,uCACR,UAAW,gDACX,aAAc,qDACf,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`textarea__label`,jsx:[`Textarea`],base:{color:`var(--textarea-label-foreground, {colors.neutral.foreground.1.enabled})`,fontFamily:`var(--textarea-label-font-family, {fonts.base})`,fontSize:`var(--textarea-label-font-size, {fontSizes.400})`,fontWeight:`var(--textarea-label-font-weight, {fontWeights.regular})`,lineHeight:`var(--textarea-label-line-height, inherit)`}});export{t as textareaLabel};
1
+ import{textInputLabel as e}from"../text-input/text-input-label.mjs";const t=e.merge({className:`textarea__label`,jsx:[`Textarea`],base:{}});export{t as textareaLabel};
2
2
  //# sourceMappingURL=textarea-label.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"textarea-label.mjs","names":[],"sources":["../../../../src/recipes/controls/textarea/textarea-label.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textareaLabel = defineRecipe({\n className: 'textarea__label',\n jsx: ['Textarea'],\n base: {\n color:\n 'var(--textarea-label-foreground, {colors.neutral.foreground.1.enabled})',\n fontFamily: 'var(--textarea-label-font-family, {fonts.base})',\n fontSize: 'var(--textarea-label-font-size, {fontSizes.400})',\n fontWeight: 'var(--textarea-label-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--textarea-label-line-height, inherit)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,kBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,MACE,0EACF,WAAY,kDACZ,SAAU,mDACV,WAAY,2DACZ,WAAY,6CACb,CACF,CAAC"}
1
+ {"version":3,"file":"textarea-label.mjs","names":[],"sources":["../../../../src/recipes/controls/textarea/textarea-label.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { textInputLabel } from '../text-input/text-input-label';\n\nexport const textareaLabel = textInputLabel.merge({\n className: 'textarea__label',\n jsx: ['Textarea'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"oEAOA,MAAa,EAAgB,EAAe,MAAM,CAChD,UAAW,kBACX,IAAK,CAAC,WAAW,CACjB,KAAM,EAAE,CACT,CAAC"}
@@ -1,2 +1,2 @@
1
- import{textInputRequired as e}from"../text-input/text-input-required.mjs";const t=e.merge({className:`textarea__required`,jsx:[`TextArea`],base:{color:`var(--textarea-required-foreground, {colors.danger.foreground.1.enabled})`,fontFamily:`var(--textarea-required-font-family, {fonts.base})`,fontSize:`var(--textarea-required-font-size, {fontSizes.300})`,fontWeight:`var(--textarea-required-font-weight, {fontWeights.regular})`,lineHeight:`var(--textarea-required-line-height, 1.5)`,'[data-error="true"] &':{"--textarea-required-foreground":`var(--textarea-required-foreground-error, {colors.danger.foreground.1.enabled})`}}});export{t as textareaRequired};
1
+ import{textInputRequired as e}from"../text-input/text-input-required.mjs";const t=e.merge({className:`textarea__required`,jsx:[`TextArea`],base:{}});export{t as textareaRequired};
2
2
  //# sourceMappingURL=textarea-required.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"textarea-required.mjs","names":[],"sources":["../../../../src/recipes/controls/textarea/textarea-required.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { textInputRequired } from '../text-input/text-input-required';\n\nexport const textareaRequired = textInputRequired.merge({\n className: 'textarea__required',\n jsx: ['TextArea'],\n base: {\n color:\n 'var(--textarea-required-foreground, {colors.danger.foreground.1.enabled})',\n fontFamily: 'var(--textarea-required-font-family, {fonts.base})',\n fontSize: 'var(--textarea-required-font-size, {fontSizes.300})',\n fontWeight: 'var(--textarea-required-font-weight, {fontWeights.regular})',\n lineHeight: 'var(--textarea-required-line-height, 1.5)',\n '[data-error=\"true\"] &': {\n '--textarea-required-foreground':\n 'var(--textarea-required-foreground-error, {colors.danger.foreground.1.enabled})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"0EAOA,MAAa,EAAmB,EAAkB,MAAM,CACtD,UAAW,qBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,MACE,4EACF,WAAY,qDACZ,SAAU,sDACV,WAAY,8DACZ,WAAY,4CACZ,wBAAyB,CACvB,iCACE,kFACH,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"textarea-required.mjs","names":[],"sources":["../../../../src/recipes/controls/textarea/textarea-required.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { textInputRequired } from '../text-input/text-input-required';\n\nexport const textareaRequired = textInputRequired.merge({\n className: 'textarea__required',\n jsx: ['TextArea'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"0EAOA,MAAa,EAAmB,EAAkB,MAAM,CACtD,UAAW,qBACX,IAAK,CAAC,WAAW,CACjB,KAAM,EAAE,CACT,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`textarea__root`,jsx:[`TextArea`],base:{display:`flex`,flexDirection:`column`,justifyContent:`flex-start`,alignItems:`stretch`,gap:`var(--textarea-root-gap, {spacing.100})`,width:`100%`}});export{t as textareaRoot};
1
+ import{textInputRoot as e}from"../text-input/text-input-root.mjs";const t=e.merge({className:`textarea__root`,jsx:[`TextArea`],base:{}});export{t as textareaRoot};
2
2
  //# sourceMappingURL=textarea-root.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"textarea-root.mjs","names":[],"sources":["../../../../src/recipes/controls/textarea/textarea-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textareaRoot = defineRecipe({\n className: 'textarea__root',\n jsx: ['TextArea'],\n base: {\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'flex-start',\n alignItems: 'stretch',\n gap: 'var(--textarea-root-gap, {spacing.100})',\n width: '100%',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,iBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,QAAS,OACT,cAAe,SACf,eAAgB,aAChB,WAAY,UACZ,IAAK,0CACL,MAAO,OACR,CACF,CAAC"}
1
+ {"version":3,"file":"textarea-root.mjs","names":[],"sources":["../../../../src/recipes/controls/textarea/textarea-root.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { textInputRoot } from '../text-input/text-input-root';\n\nexport const textareaRoot = textInputRoot.merge({\n className: 'textarea__root',\n jsx: ['TextArea'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"kEAOA,MAAa,EAAe,EAAc,MAAM,CAC9C,UAAW,iBACX,IAAK,CAAC,WAAW,CACjB,KAAM,EAAE,CACT,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`textarea__section`,jsx:[`Textarea`],base:{position:`absolute`,top:`0`,bottom:`0`,height:`100%`,display:`flex`,alignItems:`center`,justifyContent:`center`,aspectRatio:`1`,zIndex:`var(--textarea-section-zindex, 1)`,'&[data-position="left"]':{left:`var(--textarea-section-left-position, {spacing.200})`,width:`var(--textarea-section-left-width, {spacing.300})`},'&[data-position="right"]':{right:`var(--textarea-section-right-position, {spacing.200})`,width:`var(--textarea-section-right-width, {spacing.300})`}}});export{t as textareaSection};
1
+ import{textInputSection as e}from"../text-input/text-input-section.mjs";const t=e.merge({className:`textarea__section`,jsx:[`Textarea`],base:{top:`0`,bottom:`0`,height:`100%`,transform:`none`}});export{t as textareaSection};
2
2
  //# sourceMappingURL=textarea-section.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"textarea-section.mjs","names":[],"sources":["../../../../src/recipes/controls/textarea/textarea-section.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textareaSection = defineRecipe({\n className: 'textarea__section',\n jsx: ['Textarea'],\n base: {\n position: 'absolute',\n top: '0',\n bottom: '0',\n height: '100%',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n aspectRatio: '1',\n zIndex: 'var(--textarea-section-zindex, 1)',\n '&[data-position=\"left\"]': {\n left: 'var(--textarea-section-left-position, {spacing.200})',\n width: 'var(--textarea-section-left-width, {spacing.300})',\n },\n '&[data-position=\"right\"]': {\n right: 'var(--textarea-section-right-position, {spacing.200})',\n width: 'var(--textarea-section-right-width, {spacing.300})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAkB,EAAa,CAC1C,UAAW,oBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,SAAU,WACV,IAAK,IACL,OAAQ,IACR,OAAQ,OACR,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,YAAa,IACb,OAAQ,oCACR,0BAA2B,CACzB,KAAM,uDACN,MAAO,oDACR,CACD,2BAA4B,CAC1B,MAAO,wDACP,MAAO,qDACR,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"textarea-section.mjs","names":[],"sources":["../../../../src/recipes/controls/textarea/textarea-section.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { textInputSection } from '../text-input/text-input-section';\n\nexport const textareaSection = textInputSection.merge({\n className: 'textarea__section',\n jsx: ['Textarea'],\n base: {\n top: '0',\n bottom: '0',\n height: '100%',\n transform: 'none',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"wEAOA,MAAa,EAAkB,EAAiB,MAAM,CACpD,UAAW,oBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,IAAK,IACL,OAAQ,IACR,OAAQ,OACR,UAAW,OACZ,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`textarea__wrapper`,jsx:[`Textarea`],base:{position:`relative`,marginTop:`var(--textarea-wrapper-margin-top, {spacing.100})`,_disabled:{opacity:`var(--textarea-wrapper-disabled-opacity, 0.5)`,pointerEvents:`none`}}});export{t as textareaWrapper};
1
+ import{textInputWrapper as e}from"../text-input/text-input-wrapper.mjs";const t=e.merge({className:`textarea__wrapper`,jsx:[`Textarea`],base:{}});export{t as textareaWrapper};
2
2
  //# sourceMappingURL=textarea-wrapper.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"textarea-wrapper.mjs","names":[],"sources":["../../../../src/recipes/controls/textarea/textarea-wrapper.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const textareaWrapper = defineRecipe({\n className: 'textarea__wrapper',\n jsx: ['Textarea'],\n base: {\n position: 'relative',\n marginTop: 'var(--textarea-wrapper-margin-top, {spacing.100})',\n _disabled: {\n opacity: 'var(--textarea-wrapper-disabled-opacity, 0.5)',\n pointerEvents: 'none',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAkB,EAAa,CAC1C,UAAW,oBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,SAAU,WACV,UAAW,oDACX,UAAW,CACT,QAAS,gDACT,cAAe,OAChB,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"textarea-wrapper.mjs","names":[],"sources":["../../../../src/recipes/controls/textarea/textarea-wrapper.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { textInputWrapper } from '../text-input/text-input-wrapper';\n\nexport const textareaWrapper = textInputWrapper.merge({\n className: 'textarea__wrapper',\n jsx: ['Textarea'],\n base: {},\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"wEAOA,MAAa,EAAkB,EAAiB,MAAM,CACpD,UAAW,oBACX,IAAK,CAAC,WAAW,CACjB,KAAM,EAAE,CACT,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`textarea`,jsx:[`Textarea`],base:{}});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-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};
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-root-gap': '{spacing.100}',\n /* Wrapper */\n // '--textarea-wrapper-margin-top': '{spacing.100}',\n // '--textarea-wrapper-disabled-opacity': '0.5',\n /* Label */\n // '--textarea-label-font-family': '{fonts.base}',\n // '--textarea-label-font-size': '{fontSizes.400}',\n // '--textarea-label-font-weight': '{fontWeights.medium}',\n // '--textarea-label-line-height': 'inherit',\n // '--textarea-label-foreground': '{colors.neutral.foreground.1.enabled}',\n /* Required */\n // '--textarea-required-font-family': '{fonts.base}',\n // '--textarea-required-font-size': '{fontSizes.400}',\n // '--textarea-required-font-weight': '{fontWeights.medium}',\n // '--textarea-required-foreground': '{colors.neutral.foreground.1.enabled}',\n // '--textarea-required-foreground-error': '{colors.danger.foreground.1.enabled}',\n /* Description */\n // '--textarea-description-font-family': '{fonts.base}',\n // '--textarea-description-font-size': '{fontSizes.300}',\n // '--textarea-description-font-weight': '{fontWeights.regular}',\n // '--textarea-description-line-height': 'inherit',\n // '--textarea-description-foreground': '{colors.neutral.foreground.2.enabled}',\n /* Error */\n // '--textarea-error-font-family': '{fonts.base}',\n // '--textarea-error-font-size': '{fontSizes.300}',\n // '--textarea-error-font-weight': '{fontWeights.regular}',\n // '--textarea-error-line-height': 'inherit',\n // '--textarea-error-foreground': '{colors.danger.foreground.1.enabled}',\n /* Input */\n // '--textarea-input-font-family': '{fonts.base}',\n // '--textarea-input-font-size': '{fontSizes.400}',\n // '--textarea-input-font-weight': '{fontWeights.regular}',\n // '--textarea-input-line-height': 'inherit',\n // '--textarea-input-background': 'transparent',\n // '--textarea-input-foreground': '{colors.neutral.foreground.1.enabled}',\n // '--textarea-input-placeholder-foreground':\n // '{colors.neutral.foreground.3.enabled}',\n // '--textarea-input-border-width': '{borders.100}',\n // '--textarea-input-border-color': '{colors.neutral.stroke.1.enabled}',\n // '--textarea-input-border-color-error': '{colors.danger.stroke.1.enabled}',\n // '--textarea-input-border-style': 'solid',\n // '--textarea-input-radii': '{radii.200}',\n // '--textarea-input-height': 'auto',\n // '--textarea-input-min-height': '{sizes.700}',\n // '--textarea-input-padding-inline-start': '{spacing.300}',\n // '--textarea-input-padding-inline-end': '{spacing.300}',\n // '--textarea-input-padding-block': '{spacing.200}',\n // '--textarea-input-transition': '{animations.base.100}',\n // '--textarea-input-focus-outline-width': '{borders.200}',\n // '--textarea-input-focus-outline-style': 'solid',\n // '--textarea-input-focus-outline-offset': '{spacing.50}',\n // '--textarea-input-focus-outline-color': '{colors.primary.stroke.1.focused}',\n // '--textarea-input-focus-border-color': '{colors.primary.stroke.1.focused}',\n // '--textarea-input-focus-shadow': '0 0 0 2px {colors.neutral.stroke.1.focused}',\n // '--textarea-input-focus-foreground': '{colors.neutral.foreground.1.focused}',\n // '--textarea-input-hover-foreground': '{colors.neutral.foreground.1.hovered}',\n // '--textarea-input-hover-border-color': '{colors.neutral.stroke.1.hovered}',\n // '--textarea-input-disabled-opacity': '0.25',\n /* Sections */\n // '--textarea-section-size': '{sizes.600}',\n // '--textarea-left-section-width': '{sizes.600}',\n // '--textarea-right-section-width': '{sizes.600}',\n // '--textarea-left-section-position': '{spacing.200}',\n // '--textarea-right-section-position': '{spacing.200}',\n // '--textarea-left-section-pointer-events': 'none',\n // '--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,EAmEL,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\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"}