@mage-ui/preset 1.0.72 → 1.0.75

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (107) hide show
  1. package/dist/recipes/controls/date-picker/date-picker.mjs +1 -1
  2. package/dist/recipes/controls/date-picker/date-picker.mjs.map +1 -1
  3. package/dist/recipes/controls/dropdown/autocomplete/autocomplete-text-input.mjs +1 -1
  4. package/dist/recipes/controls/dropdown/autocomplete/autocomplete-text-input.mjs.map +1 -1
  5. package/dist/recipes/controls/dropdown/combobox/combobox-text-input.mjs +1 -1
  6. package/dist/recipes/controls/dropdown/combobox/combobox-text-input.mjs.map +1 -1
  7. package/dist/recipes/controls/dropdown/dropdown-text-input.mjs +1 -1
  8. package/dist/recipes/controls/dropdown/dropdown-text-input.mjs.map +1 -1
  9. package/dist/recipes/controls/dropdown/select/select-search-input.mjs +1 -1
  10. package/dist/recipes/controls/dropdown/select/select-search-input.mjs.map +1 -1
  11. package/dist/recipes/controls/dropdown/select/select-text-input.mjs +1 -1
  12. package/dist/recipes/controls/dropdown/select/select-text-input.mjs.map +1 -1
  13. package/dist/recipes/controls/file-input/file-input.mjs +1 -1
  14. package/dist/recipes/controls/file-input/file-input.mjs.map +1 -1
  15. package/dist/recipes/controls/password-input/password-input.mjs +1 -1
  16. package/dist/recipes/controls/password-input/password-input.mjs.map +1 -1
  17. package/dist/recipes/controls/password-strength-input/password-strength-input.mjs +1 -1
  18. package/dist/recipes/controls/password-strength-input/password-strength-input.mjs.map +1 -1
  19. package/dist/recipes/controls/text-input/text-input-input.mjs +1 -1
  20. package/dist/recipes/controls/text-input/text-input-input.mjs.map +1 -1
  21. package/dist/recipes/controls/text-input/text-input-root.mjs +1 -1
  22. package/dist/recipes/controls/text-input/text-input-root.mjs.map +1 -1
  23. package/dist/recipes/controls/text-input/text-input-wrapper.mjs +1 -1
  24. package/dist/recipes/controls/text-input/text-input-wrapper.mjs.map +1 -1
  25. package/dist/recipes/controls/text-input/text-input.mjs +1 -1
  26. package/dist/recipes/controls/text-input/text-input.mjs.map +1 -1
  27. package/dist/recipes/controls/textarea/textarea.mjs +1 -1
  28. package/dist/recipes/controls/textarea/textarea.mjs.map +1 -1
  29. package/dist/recipes/data-display/calendar/calendar-agenda.mjs +1 -1
  30. package/dist/recipes/data-display/calendar/calendar-agenda.mjs.map +1 -1
  31. package/dist/recipes/data-display/calendar/calendar-event.mjs +1 -1
  32. package/dist/recipes/data-display/calendar/calendar-event.mjs.map +1 -1
  33. package/dist/recipes/data-display/calendar/calendar-month.mjs +1 -1
  34. package/dist/recipes/data-display/calendar/calendar-month.mjs.map +1 -1
  35. package/dist/recipes/data-display/calendar/calendar-popup.mjs +1 -1
  36. package/dist/recipes/data-display/calendar/calendar-popup.mjs.map +1 -1
  37. package/dist/recipes/data-display/calendar/calendar-time-grid.mjs +1 -1
  38. package/dist/recipes/data-display/calendar/calendar-time-grid.mjs.map +1 -1
  39. package/dist/recipes/data-display/calendar/calendar-toolbar.mjs +1 -1
  40. package/dist/recipes/data-display/calendar/calendar-toolbar.mjs.map +1 -1
  41. package/dist/recipes/data-display/calendar/calendar.mjs +1 -1
  42. package/dist/recipes/data-display/calendar/calendar.mjs.map +1 -1
  43. package/dist/recipes/data-display/data-table/data-table-bulk-bar/data-table-bulk-bar-actions.mjs +2 -0
  44. package/dist/recipes/data-display/data-table/data-table-bulk-bar/data-table-bulk-bar-actions.mjs.map +1 -0
  45. package/dist/recipes/data-display/data-table/data-table-bulk-bar/data-table-bulk-bar-count-badge.mjs +2 -0
  46. package/dist/recipes/data-display/data-table/data-table-bulk-bar/data-table-bulk-bar-count-badge.mjs.map +1 -0
  47. package/dist/recipes/data-display/data-table/data-table-bulk-bar/data-table-bulk-bar-count-label.mjs +2 -0
  48. package/dist/recipes/data-display/data-table/data-table-bulk-bar/data-table-bulk-bar-count-label.mjs.map +1 -0
  49. package/dist/recipes/data-display/data-table/data-table-bulk-bar/data-table-bulk-bar-count.mjs +2 -0
  50. package/dist/recipes/data-display/data-table/data-table-bulk-bar/data-table-bulk-bar-count.mjs.map +1 -0
  51. package/dist/recipes/data-display/data-table/data-table-bulk-bar/data-table-bulk-bar-drag-handle-icon.mjs +2 -0
  52. package/dist/recipes/data-display/data-table/data-table-bulk-bar/data-table-bulk-bar-drag-handle-icon.mjs.map +1 -0
  53. package/dist/recipes/data-display/data-table/data-table-bulk-bar/data-table-bulk-bar-drag-handle.mjs +2 -0
  54. package/dist/recipes/data-display/data-table/data-table-bulk-bar/data-table-bulk-bar-drag-handle.mjs.map +1 -0
  55. package/dist/recipes/data-display/data-table/data-table-bulk-bar/data-table-bulk-bar.mjs +2 -0
  56. package/dist/recipes/data-display/data-table/data-table-bulk-bar/data-table-bulk-bar.mjs.map +1 -0
  57. package/dist/recipes/data-display/data-table/data-table-empty.mjs +1 -1
  58. package/dist/recipes/data-display/data-table/data-table-empty.mjs.map +1 -1
  59. package/dist/recipes/data-display/data-table/data-table-expand-button.mjs +1 -1
  60. package/dist/recipes/data-display/data-table/data-table-expand-button.mjs.map +1 -1
  61. package/dist/recipes/data-display/data-table/data-table-expanded-content.mjs +1 -1
  62. package/dist/recipes/data-display/data-table/data-table-expanded-content.mjs.map +1 -1
  63. package/dist/recipes/data-display/data-table/data-table-header.mjs +1 -1
  64. package/dist/recipes/data-display/data-table/data-table-header.mjs.map +1 -1
  65. package/dist/recipes/data-display/data-table/data-table-loading.mjs +1 -1
  66. package/dist/recipes/data-display/data-table/data-table-loading.mjs.map +1 -1
  67. package/dist/recipes/data-display/data-table/data-table-page-size/data-table-page-size.mjs +2 -0
  68. package/dist/recipes/data-display/data-table/data-table-page-size/data-table-page-size.mjs.map +1 -0
  69. package/dist/recipes/data-display/data-table/data-table-pagination.mjs +1 -1
  70. package/dist/recipes/data-display/data-table/data-table-pagination.mjs.map +1 -1
  71. package/dist/recipes/data-display/data-table/data-table-root.mjs +1 -1
  72. package/dist/recipes/data-display/data-table/data-table-root.mjs.map +1 -1
  73. package/dist/recipes/data-display/data-table/data-table-slot-row.mjs +1 -1
  74. package/dist/recipes/data-display/data-table/data-table-slot-row.mjs.map +1 -1
  75. package/dist/recipes/data-display/data-table/data-table-sort-button/data-table-sort-button-indicator.mjs +2 -0
  76. package/dist/recipes/data-display/data-table/data-table-sort-button/data-table-sort-button-indicator.mjs.map +1 -0
  77. package/dist/recipes/data-display/data-table/data-table-sort-button/data-table-sort-button.mjs +2 -0
  78. package/dist/recipes/data-display/data-table/data-table-sort-button/data-table-sort-button.mjs.map +1 -0
  79. package/dist/recipes/data-display/data-table/data-table-viewport.mjs +1 -1
  80. package/dist/recipes/data-display/data-table/data-table-viewport.mjs.map +1 -1
  81. package/dist/recipes/data-display/data-table/data-table.mjs +1 -1
  82. package/dist/recipes/data-display/data-table/data-table.mjs.map +1 -1
  83. package/dist/recipes/data-display/data-table/index.mjs +1 -1
  84. package/dist/recipes/data-display/data-table/index.mjs.map +1 -1
  85. package/dist/recipes/data-display/kanban/kanban-column-header/kanban-column-header-count.mjs +1 -1
  86. package/dist/recipes/data-display/kanban/kanban-column-header/kanban-column-header-count.mjs.map +1 -1
  87. package/dist/recipes/data-display/kanban/kanban-column-header/kanban-column-header.mjs +1 -1
  88. package/dist/recipes/data-display/kanban/kanban-column-header/kanban-column-header.mjs.map +1 -1
  89. package/dist/recipes/data-display/table/table-td.mjs +1 -1
  90. package/dist/recipes/data-display/table/table-td.mjs.map +1 -1
  91. package/dist/recipes/data-display/table/table-th.mjs +1 -1
  92. package/dist/recipes/data-display/table/table-th.mjs.map +1 -1
  93. package/dist/recipes/data-display/table/table.mjs +1 -1
  94. package/dist/recipes/data-display/table/table.mjs.map +1 -1
  95. package/dist/recipes/navigations/pagination/pagination-control.mjs +1 -1
  96. package/dist/recipes/navigations/pagination/pagination-control.mjs.map +1 -1
  97. package/dist/recipes/navigations/pagination/pagination.mjs +1 -1
  98. package/dist/recipes/navigations/pagination/pagination.mjs.map +1 -1
  99. package/dist/tokens/keyframes.mjs +1 -1
  100. package/dist/tokens/keyframes.mjs.map +1 -1
  101. package/package.json +1 -1
  102. package/dist/recipes/data-display/data-table/data-table-bulk-bar.mjs +0 -2
  103. package/dist/recipes/data-display/data-table/data-table-bulk-bar.mjs.map +0 -1
  104. package/dist/recipes/data-display/data-table/data-table-page-size.mjs +0 -2
  105. package/dist/recipes/data-display/data-table/data-table-page-size.mjs.map +0 -1
  106. package/dist/recipes/data-display/data-table/data-table-sort-button.mjs +0 -2
  107. package/dist/recipes/data-display/data-table/data-table-sort-button.mjs.map +0 -1
package/dist/recipes/controls/date-picker/date-picker.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`date-picker`,jsx:[`DatePicker`],base:{"--text-input-root-gap":`var(--date-picker-root-gap, {spacing.100})`,"--text-input-wrapper-margin-top":`var(--date-picker-wrapper-margin-top, {spacing.100})`,"--text-input-input-font-family":`var(--date-picker-input-font-family, {fonts.base})`,"--text-input-input-font-size":`var(--date-picker-input-font-size, {fontSizes.300})`,"--text-input-input-font-weight":`var(--date-picker-input-font-weight, {fontWeights.regular})`,"--text-input-input-line-height":`var(--date-picker-input-line-height, inherit)`,"--text-input-input-text-align":`var(--date-picker-input-text-align, left)`,"--text-input-input-foreground":`var(--date-picker-input-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-input-background":`var(--date-picker-input-background, transparent)`,"--text-input-input-border-color":`var(--date-picker-input-border-color, {colors.neutral.stroke.7.enabled})`,"--text-input-input-border-width":`var(--date-picker-input-border-width, {borders.100})`,"--text-input-input-border-style":`var(--date-picker-input-border-style, solid)`,"--text-input-input-width":`var(--date-picker-input-width, 100%)`,"--text-input-input-height":`var(--date-picker-input-height, {sizes.700})`,"--text-input-input-transition":`var(--date-picker-input-transition, all 0.2s ease-in-out)`,"--text-input-label-font-family":`var(--date-picker-label-font-family, {fonts.base})`,"--text-input-label-font-size":`var(--date-picker-label-font-size, {fontSizes.400})`,"--text-input-label-font-weight":`var(--date-picker-label-font-weight, {fontWeights.medium})`,"--text-input-label-line-height":`var(--date-picker-label-line-height, inherit)`,"--text-input-label-foreground":`var(--date-picker-label-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-required-font-family":`var(--date-picker-required-font-family, {fonts.base})`,"--text-input-required-font-size":`var(--date-picker-required-font-size, {fontSizes.400})`,"--text-input-required-font-weight":`var(--date-picker-required-font-weight, {fontWeights.medium})`,"--text-input-required-foreground":`var(--date-picker-required-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-required-foreground-error":`var(--date-picker-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--text-input-description-font-family":`var(--date-picker-description-font-family, {fonts.base})`,"--text-input-description-font-size":`var(--date-picker-description-font-size, {fontSizes.300})`,"--text-input-description-font-weight":`var(--date-picker-description-font-weight, {fontWeights.regular})`,"--text-input-description-line-height":`var(--date-picker-description-line-height, inherit)`,"--text-input-description-foreground":`var(--date-picker-description-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-error-font-family":`var(--date-picker-error-font-family, {fonts.base})`,"--text-input-error-font-size":`var(--date-picker-error-font-size, {fontSizes.300})`,"--text-input-error-font-weight":`var(--date-picker-error-font-weight, {fontWeights.regular})`,"--text-input-error-line-height":`var(--date-picker-error-line-height, inherit)`,"--text-input-error-foreground":`var(--date-picker-error-foreground, {colors.danger.foreground.1.enabled})`,"--date-picker-section-foreground":`{colors.neutral.foreground.3.enabled}`,"--text-input-left-section-position":`var(--date-picker-left-section-position, {spacing.200})`,"--text-input-left-section-width":`var(--date-picker-left-section-width, {sizes.400})`,"--text-input-left-section-pointer-events":`var(--date-picker-left-section-pointer-events, none)`,"--text-input-input-padding-inline-start":`var(--date-picker-input-padding-inline-start, {spacing.200})`,"--text-input-right-section-position":`var(--date-picker-right-section-position, {spacing.200})`,"--text-input-right-section-width":`var(--date-picker-right-section-width, {sizes.400})`,"--text-input-right-section-pointer-events":`var(--date-picker-right-section-pointer-events, none)`,"--text-input-input-padding-inline-end":`var(--date-picker-input-padding-inline-end, {spacing.200})`,"--datepicker-dropdown-width":`18rem`,"--datepicker-dropdown-background":`{colors.neutral.background.1.enabled}`,"--datepicker-dropdown-border-width":`{borders.100}`,"--datepicker-dropdown-border-style":`solid`,"--datepicker-dropdown-border-color":`{colors.neutral.stroke.7.enabled}`,"--datepicker-dropdown-padding-inline":`{spacing.200}`,"--datepicker-dropdown-padding-block":`{spacing.200}`,"--datepicker-dropdown-radii":`{radii.200}`,"--datepicker-dropdown-margin-top":`{spacing.0}`,"--date-picker-calendar-header-control-width":`2rem`,"--date-picker-calendar-header-control-height":`2rem`,"--date-picker-calendar-header-control-foreground":`{colors.neutral.foreground.1.enabled}`,"--date-picker-calendar-header-control-background":`transparent`,"--date-picker-calendar-header-control-border-radius":`{radii.200}`,"--date-picker-calendar-header-control-background-hover":`{colors.neutral.background.2.hovered}`,"--date-picker-calendar-header-control-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--date-picker-calendar-header-control-icon-width":`2rem`,"--date-picker-calendar-header-level-height":`2rem`,"--date-picker-calendar-header-level-foreground":`{colors.neutral.foreground.1.enabled}`,"--date-picker-calendar-header-level-background":`transparent`,"--date-picker-calendar-header-level-font-family":`{fonts.base}`,"--date-picker-calendar-header-level-font-size":`{fontSizes.300}`,"--date-picker-calendar-header-level-font-weight":`{fontWeights.medium}`,"--date-picker-calendar-header-level-line-height":`inherit`,"--date-picker-calendar-header-level-padding-inline":`{spacing.100}`,"--date-picker-calendar-header-level-padding-block":`{spacing.0}`,"--date-picker-calendar-header-level-border-radius":`{radii.200}`,"--date-picker-calendar-header-level-text-transform":`capitalize`,"--date-picker-calendar-header-level-transition":`{animations.base.100}`,"--date-picker-calendar-header-level-background-hover":`{colors.neutral.background.2.hovered}`,"--date-picker-calendar-header-level-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--date-picker-day-width":`100%`,"--date-picker-day-height":`100%`,"--date-picker-day-font-family":`{fonts.base}`,"--date-picker-day-font-size":`{fontSizes.300}`,"--date-picker-day-font-weight":`{fontWeights.medium}`,"--date-picker-day-line-height":`inherit`,"--date-picker-day-foreground":`{colors.neutral.foreground.2.enabled}`,"--date-picker-day-background":`transparent`,"--date-picker-day-border-radius":`{radii.100}`,"--date-picker-day-transition":`{animations.base.100}`,"--date-picker-day-background-hover":`{colors.neutral.background.2.hovered}`,"--date-picker-day-foreground-hover":`{colors.neutral.foreground.2.primary.hovered}`,"--date-picker-day-background-selected":`{colors.neutral.background.2.primary.selected}`,"--date-picker-day-foreground-selected":`{colors.neutral.foreground.2.primary.selected}`,"--date-pickeir-day-background-selected-hover":`{colors.neutral.background.2.primary.selectedHovered}`,"--date-picker-day-foreground-selected-hover":`{colors.foreground.2.primary.selectedHovered}`,"--date-picker-day-outside-opacity":`0.4`,"--date-picker-day-background-disabled-hover":`transparent`,"--date-picker-day-foreground-disabled-hover":`{colors.neutral.foreground.1.enabled}`,"--date-picker-weekdays-row-gap":`.5rem`,"--date-picker-weekdays-row-margin-bottom":`.5rem`,"--date-picker-weekday-font-family":`{fonts.base}`,"--date-picker-weekday-font-size":`{fontSizes.100}`,"--date-picker-weekday-font-weight":`{fontWeights.medium}`,"--date-picker-weekday-line-height":`inherit`,"--date-picker-weekday-foreground":`{colors.neutral.foreground.3.enabled}`,"--date-picker-weekday-padding-block":`{spacing.100}`,"--date-picker-weekday-text-transform":`uppercase`,"--date-picker-month-row-gap":`.0`,"--date-picker-month-row-margin-bottom":`.5rem`,"--date-picker-months-list-row-gap":`.5rem`,"--date-picker-months-list-row-margin-bottom":`0`,"--date-picker-months-list-control-height":`2rem`,"--date-picker-months-list-control-foreground":`{colors.neutral.foreground.1.enabled}`,"--date-picker-months-list-control-background":`transparent`,"--date-picker-months-list-control-font-family":`{fonts.base}`,"--date-picker-months-list-control-font-size":`{fontSizes.300}`,"--date-picker-months-list-control-font-weight":`{fontWeights.medium}`,"--date-picker-months-list-control-line-height":`inherit`,"--date-picker-months-list-control-padding-inline":`{spacing.100)}`,"--date-picker-months-list-control-padding-block":`{spacing.0)}`,"--date-picker-months-list-control-border-radius":`{radii.200)}`,"--date-picker-months-list--text-transform":`capitalize`,"--date-picker-months-list-control-transition":`{animations.base.100)}`,"--date-picker-months-list-control-background-hover":`{colors.neutral.background.2.hovered}`,"--date-picker-months-list-control-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--date-picker-years-list-row-gap":`.5rem`,"--date-picker-years-list-row-margin-bottom":`.5rem`,"--date-picker-years-list-control-height":`2rem`,"--date-picker-years-list-control-foreground":`{colors.neutral.foreground.1.enabled}`,"--date-picker-years-list-control-background":`transparent`,"--date-picker-years-list-control-font-family":`{fonts.base}`,"--date-picker-years-list-control-font-size":`{fontSizes.300}`,"--date-picker-years-list-control-font-weight":`{fontWeights.medium}`,"--date-picker-years-list-control-line-height":`inherit`,"--date-picker-years-list-control-padding-inline":`{spacing.100}`,"--date-picker-years-list-control-padding-block":`{spacing.0}`,"--date-picker-years-list-control-border-radius":`{radii.200}`,"--date-picker-years-list--text-transform":`capitalize`,"--date-picker-years-list-control-transition":`{animations.base.100}`,"--date-picker-years-list-control-background-hover":`{colors.neutral.background.2.hovered}`,"--date-picker-years-list-control-foreground-hover":`{colors.neutral.foreground.1.hovered}`}});export{t as datePicker};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`date-picker`,jsx:[`DatePicker`],base:{"--text-input-root-gap":`var(--date-picker-root-gap, {spacing.100})`,"--text-input-root-width":`var(--date-picker-root-width, 100%)`,"--text-input-root-flex-direction":`var(--date-picker-root-flex-direction, column)`,"--text-input-root-justify-content":`var(--date-picker-root-justify-content, flex-start)`,"--text-input-root-align-items":`var(--date-picker-root-align-items, stretch)`,"--text-input-wrapper-margin-top":`var(--date-picker-wrapper-margin-top, {spacing.100})`,"--text-input-wrapper-width":`var(--date-picker-wrapper-width, 100%)`,"--text-input-wrapper-flex":`var(--date-picker-wrapper-flex, 1)`,"--text-input-input-font-family":`var(--date-picker-input-font-family, {fonts.base})`,"--text-input-input-font-size":`var(--date-picker-input-font-size, {fontSizes.300})`,"--text-input-input-font-weight":`var(--date-picker-input-font-weight, {fontWeights.regular})`,"--text-input-input-line-height":`var(--date-picker-input-line-height, inherit)`,"--text-input-input-text-align":`var(--date-picker-input-text-align, left)`,"--text-input-input-foreground":`var(--date-picker-input-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-input-background":`var(--date-picker-input-background, transparent)`,"--text-input-input-border-color":`var(--date-picker-input-border-color, {colors.neutral.stroke.7.enabled})`,"--text-input-input-border-width":`var(--date-picker-input-border-width, {borders.100})`,"--text-input-input-border-style":`var(--date-picker-input-border-style, solid)`,"--text-input-input-width":`var(--date-picker-input-width, 100%)`,"--text-input-input-min-width":`var(--date-picker-input-min-width, unset)`,"--text-input-input-field-sizing":`var(--date-picker-input-field-sizing, fixed)`,"--text-input-input-height":`var(--date-picker-input-height, {sizes.700})`,"--text-input-input-transition":`var(--date-picker-input-transition, all 0.2s ease-in-out)`,"--text-input-label-font-family":`var(--date-picker-label-font-family, {fonts.base})`,"--text-input-label-font-size":`var(--date-picker-label-font-size, {fontSizes.400})`,"--text-input-label-font-weight":`var(--date-picker-label-font-weight, {fontWeights.medium})`,"--text-input-label-line-height":`var(--date-picker-label-line-height, inherit)`,"--text-input-label-foreground":`var(--date-picker-label-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-required-font-family":`var(--date-picker-required-font-family, {fonts.base})`,"--text-input-required-font-size":`var(--date-picker-required-font-size, {fontSizes.400})`,"--text-input-required-font-weight":`var(--date-picker-required-font-weight, {fontWeights.medium})`,"--text-input-required-foreground":`var(--date-picker-required-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-required-foreground-error":`var(--date-picker-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--text-input-description-font-family":`var(--date-picker-description-font-family, {fonts.base})`,"--text-input-description-font-size":`var(--date-picker-description-font-size, {fontSizes.300})`,"--text-input-description-font-weight":`var(--date-picker-description-font-weight, {fontWeights.regular})`,"--text-input-description-line-height":`var(--date-picker-description-line-height, inherit)`,"--text-input-description-foreground":`var(--date-picker-description-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-error-font-family":`var(--date-picker-error-font-family, {fonts.base})`,"--text-input-error-font-size":`var(--date-picker-error-font-size, {fontSizes.300})`,"--text-input-error-font-weight":`var(--date-picker-error-font-weight, {fontWeights.regular})`,"--text-input-error-line-height":`var(--date-picker-error-line-height, inherit)`,"--text-input-error-foreground":`var(--date-picker-error-foreground, {colors.danger.foreground.1.enabled})`,"--date-picker-section-foreground":`{colors.neutral.foreground.3.enabled}`,"--text-input-left-section-position":`var(--date-picker-left-section-position, {spacing.200})`,"--text-input-left-section-width":`var(--date-picker-left-section-width, {sizes.400})`,"--text-input-left-section-pointer-events":`var(--date-picker-left-section-pointer-events, none)`,"--text-input-input-padding-inline-start":`var(--date-picker-input-padding-inline-start, {spacing.200})`,"--text-input-right-section-position":`var(--date-picker-right-section-position, {spacing.200})`,"--text-input-right-section-width":`var(--date-picker-right-section-width, {sizes.400})`,"--text-input-right-section-pointer-events":`var(--date-picker-right-section-pointer-events, none)`,"--text-input-input-padding-inline-end":`var(--date-picker-input-padding-inline-end, {spacing.200})`,"--datepicker-dropdown-width":`18rem`,"--datepicker-dropdown-background":`{colors.neutral.background.1.enabled}`,"--datepicker-dropdown-border-width":`{borders.100}`,"--datepicker-dropdown-border-style":`solid`,"--datepicker-dropdown-border-color":`{colors.neutral.stroke.7.enabled}`,"--datepicker-dropdown-padding-inline":`{spacing.200}`,"--datepicker-dropdown-padding-block":`{spacing.200}`,"--datepicker-dropdown-radii":`{radii.200}`,"--datepicker-dropdown-margin-top":`{spacing.0}`,"--date-picker-calendar-header-control-width":`2rem`,"--date-picker-calendar-header-control-height":`2rem`,"--date-picker-calendar-header-control-foreground":`{colors.neutral.foreground.1.enabled}`,"--date-picker-calendar-header-control-background":`transparent`,"--date-picker-calendar-header-control-border-radius":`{radii.200}`,"--date-picker-calendar-header-control-background-hover":`{colors.neutral.background.2.hovered}`,"--date-picker-calendar-header-control-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--date-picker-calendar-header-control-icon-width":`2rem`,"--date-picker-calendar-header-level-height":`2rem`,"--date-picker-calendar-header-level-foreground":`{colors.neutral.foreground.1.enabled}`,"--date-picker-calendar-header-level-background":`transparent`,"--date-picker-calendar-header-level-font-family":`{fonts.base}`,"--date-picker-calendar-header-level-font-size":`{fontSizes.300}`,"--date-picker-calendar-header-level-font-weight":`{fontWeights.medium}`,"--date-picker-calendar-header-level-line-height":`inherit`,"--date-picker-calendar-header-level-padding-inline":`{spacing.100}`,"--date-picker-calendar-header-level-padding-block":`{spacing.0}`,"--date-picker-calendar-header-level-border-radius":`{radii.200}`,"--date-picker-calendar-header-level-text-transform":`capitalize`,"--date-picker-calendar-header-level-transition":`{animations.base.100}`,"--date-picker-calendar-header-level-background-hover":`{colors.neutral.background.2.hovered}`,"--date-picker-calendar-header-level-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--date-picker-day-width":`100%`,"--date-picker-day-height":`100%`,"--date-picker-day-font-family":`{fonts.base}`,"--date-picker-day-font-size":`{fontSizes.300}`,"--date-picker-day-font-weight":`{fontWeights.medium}`,"--date-picker-day-line-height":`inherit`,"--date-picker-day-foreground":`{colors.neutral.foreground.2.enabled}`,"--date-picker-day-background":`transparent`,"--date-picker-day-border-radius":`{radii.100}`,"--date-picker-day-transition":`{animations.base.100}`,"--date-picker-day-background-hover":`{colors.neutral.background.2.hovered}`,"--date-picker-day-foreground-hover":`{colors.neutral.foreground.2.primary.hovered}`,"--date-picker-day-background-selected":`{colors.neutral.background.2.primary.selected}`,"--date-picker-day-foreground-selected":`{colors.neutral.foreground.2.primary.selected}`,"--date-pickeir-day-background-selected-hover":`{colors.neutral.background.2.primary.selectedHovered}`,"--date-picker-day-foreground-selected-hover":`{colors.foreground.2.primary.selectedHovered}`,"--date-picker-day-outside-opacity":`0.4`,"--date-picker-day-background-disabled-hover":`transparent`,"--date-picker-day-foreground-disabled-hover":`{colors.neutral.foreground.1.enabled}`,"--date-picker-weekdays-row-gap":`.5rem`,"--date-picker-weekdays-row-margin-bottom":`.5rem`,"--date-picker-weekday-font-family":`{fonts.base}`,"--date-picker-weekday-font-size":`{fontSizes.100}`,"--date-picker-weekday-font-weight":`{fontWeights.medium}`,"--date-picker-weekday-line-height":`inherit`,"--date-picker-weekday-foreground":`{colors.neutral.foreground.3.enabled}`,"--date-picker-weekday-padding-block":`{spacing.100}`,"--date-picker-weekday-text-transform":`uppercase`,"--date-picker-month-row-gap":`.0`,"--date-picker-month-row-margin-bottom":`.5rem`,"--date-picker-months-list-row-gap":`.5rem`,"--date-picker-months-list-row-margin-bottom":`0`,"--date-picker-months-list-control-height":`2rem`,"--date-picker-months-list-control-foreground":`{colors.neutral.foreground.1.enabled}`,"--date-picker-months-list-control-background":`transparent`,"--date-picker-months-list-control-font-family":`{fonts.base}`,"--date-picker-months-list-control-font-size":`{fontSizes.300}`,"--date-picker-months-list-control-font-weight":`{fontWeights.medium}`,"--date-picker-months-list-control-line-height":`inherit`,"--date-picker-months-list-control-padding-inline":`{spacing.100)}`,"--date-picker-months-list-control-padding-block":`{spacing.0)}`,"--date-picker-months-list-control-border-radius":`{radii.200)}`,"--date-picker-months-list--text-transform":`capitalize`,"--date-picker-months-list-control-transition":`{animations.base.100)}`,"--date-picker-months-list-control-background-hover":`{colors.neutral.background.2.hovered}`,"--date-picker-months-list-control-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--date-picker-years-list-row-gap":`.5rem`,"--date-picker-years-list-row-margin-bottom":`.5rem`,"--date-picker-years-list-control-height":`2rem`,"--date-picker-years-list-control-foreground":`{colors.neutral.foreground.1.enabled}`,"--date-picker-years-list-control-background":`transparent`,"--date-picker-years-list-control-font-family":`{fonts.base}`,"--date-picker-years-list-control-font-size":`{fontSizes.300}`,"--date-picker-years-list-control-font-weight":`{fontWeights.medium}`,"--date-picker-years-list-control-line-height":`inherit`,"--date-picker-years-list-control-padding-inline":`{spacing.100}`,"--date-picker-years-list-control-padding-block":`{spacing.0}`,"--date-picker-years-list-control-border-radius":`{radii.200}`,"--date-picker-years-list--text-transform":`capitalize`,"--date-picker-years-list-control-transition":`{animations.base.100}`,"--date-picker-years-list-control-background-hover":`{colors.neutral.background.2.hovered}`,"--date-picker-years-list-control-foreground-hover":`{colors.neutral.foreground.1.hovered}`}});export{t as datePicker};
2
2
  //# sourceMappingURL=date-picker.mjs.map
package/dist/recipes/controls/date-picker/date-picker.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"date-picker.mjs","names":[],"sources":["../../../../src/recipes/controls/date-picker/date-picker.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const datePicker = defineRecipe({\n className: 'date-picker',\n jsx: ['DatePicker'],\n base: {\n /*-- Input root--*/\n '--text-input-root-gap': 'var(--date-picker-root-gap, {spacing.100})',\n\n /*-- Input wrapper --*/\n '--text-input-wrapper-margin-top':\n 'var(--date-picker-wrapper-margin-top, {spacing.100})',\n\n /*-- Input input --*/\n '--text-input-input-font-family':\n 'var(--date-picker-input-font-family, {fonts.base})',\n '--text-input-input-font-size':\n 'var(--date-picker-input-font-size, {fontSizes.300})',\n '--text-input-input-font-weight':\n 'var(--date-picker-input-font-weight, {fontWeights.regular})',\n '--text-input-input-line-height':\n 'var(--date-picker-input-line-height, inherit)',\n '--text-input-input-text-align':\n 'var(--date-picker-input-text-align, left)',\n '--text-input-input-foreground':\n 'var(--date-picker-input-foreground, {colors.neutral.foreground.1.enabled})',\n '--text-input-input-background':\n 'var(--date-picker-input-background, transparent)',\n '--text-input-input-border-color':\n 'var(--date-picker-input-border-color, {colors.neutral.stroke.7.enabled})',\n '--text-input-input-border-width':\n 'var(--date-picker-input-border-width, {borders.100})',\n '--text-input-input-border-style':\n 'var(--date-picker-input-border-style, solid)',\n '--text-input-input-width': 'var(--date-picker-input-width, 100%)',\n '--text-input-input-height': 'var(--date-picker-input-height, {sizes.700})',\n '--text-input-input-transition':\n 'var(--date-picker-input-transition, all 0.2s ease-in-out)',\n\n /*-- Input label --*/\n '--text-input-label-font-family':\n 'var(--date-picker-label-font-family, {fonts.base})',\n '--text-input-label-font-size':\n 'var(--date-picker-label-font-size, {fontSizes.400})',\n '--text-input-label-font-weight':\n 'var(--date-picker-label-font-weight, {fontWeights.medium})',\n '--text-input-label-line-height':\n 'var(--date-picker-label-line-height, inherit)',\n '--text-input-label-foreground':\n 'var(--date-picker-label-foreground, {colors.neutral.foreground.1.enabled})',\n\n /*-- Input required --*/\n '--text-input-required-font-family':\n 'var(--date-picker-required-font-family, {fonts.base})',\n '--text-input-required-font-size':\n 'var(--date-picker-required-font-size, {fontSizes.400})',\n '--text-input-required-font-weight':\n 'var(--date-picker-required-font-weight, {fontWeights.medium})',\n '--text-input-required-foreground':\n 'var(--date-picker-required-foreground, {colors.neutral.foreground.1.enabled})',\n '--text-input-required-foreground-error':\n 'var(--date-picker-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n /*-- Input description --*/\n '--text-input-description-font-family':\n 'var(--date-picker-description-font-family, {fonts.base})',\n '--text-input-description-font-size':\n 'var(--date-picker-description-font-size, {fontSizes.300})',\n '--text-input-description-font-weight':\n 'var(--date-picker-description-font-weight, {fontWeights.regular})',\n '--text-input-description-line-height':\n 'var(--date-picker-description-line-height, inherit)',\n '--text-input-description-foreground':\n 'var(--date-picker-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n /*-- Input error --*/\n '--text-input-error-font-family':\n 'var(--date-picker-error-font-family, {fonts.base})',\n '--text-input-error-font-size':\n 'var(--date-picker-error-font-size, {fontSizes.300})',\n '--text-input-error-font-weight':\n 'var(--date-picker-error-font-weight, {fontWeights.regular})',\n '--text-input-error-line-height':\n 'var(--date-picker-error-line-height, inherit)',\n '--text-input-error-foreground':\n 'var(--date-picker-error-foreground, {colors.danger.foreground.1.enabled})',\n\n /*-- Input Section --*/\n '--date-picker-section-foreground': '{colors.neutral.foreground.3.enabled}',\n '--text-input-left-section-position':\n 'var(--date-picker-left-section-position, {spacing.200})',\n '--text-input-left-section-width':\n 'var(--date-picker-left-section-width, {sizes.400})',\n '--text-input-left-section-pointer-events':\n 'var(--date-picker-left-section-pointer-events, none)',\n '--text-input-input-padding-inline-start':\n 'var(--date-picker-input-padding-inline-start, {spacing.200})',\n '--text-input-right-section-position':\n 'var(--date-picker-right-section-position, {spacing.200})',\n '--text-input-right-section-width':\n 'var(--date-picker-right-section-width, {sizes.400})',\n '--text-input-right-section-pointer-events':\n 'var(--date-picker-right-section-pointer-events, none)',\n '--text-input-input-padding-inline-end':\n 'var(--date-picker-input-padding-inline-end, {spacing.200})',\n\n /*-- Dropdown --*/\n '--datepicker-dropdown-width': '18rem',\n '--datepicker-dropdown-background': '{colors.neutral.background.1.enabled}',\n '--datepicker-dropdown-border-width': '{borders.100}',\n '--datepicker-dropdown-border-style': 'solid',\n '--datepicker-dropdown-border-color': '{colors.neutral.stroke.7.enabled}',\n '--datepicker-dropdown-padding-inline': '{spacing.200}',\n '--datepicker-dropdown-padding-block': '{spacing.200}',\n '--datepicker-dropdown-radii': '{radii.200}',\n '--datepicker-dropdown-margin-top': '{spacing.0}',\n\n /*-- Calendar Header --*/\n '--date-picker-calendar-header-control-width': '2rem',\n '--date-picker-calendar-header-control-height': '2rem',\n '--date-picker-calendar-header-control-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--date-picker-calendar-header-control-background': 'transparent',\n '--date-picker-calendar-header-control-border-radius': '{radii.200}',\n '--date-picker-calendar-header-control-background-hover':\n '{colors.neutral.background.2.hovered}',\n '--date-picker-calendar-header-control-foreground-hover':\n '{colors.neutral.foreground.1.hovered}',\n '--date-picker-calendar-header-control-icon-width': '2rem',\n '--date-picker-calendar-header-level-height': '2rem',\n '--date-picker-calendar-header-level-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--date-picker-calendar-header-level-background': 'transparent',\n '--date-picker-calendar-header-level-font-family': '{fonts.base}',\n '--date-picker-calendar-header-level-font-size': '{fontSizes.300}',\n '--date-picker-calendar-header-level-font-weight': '{fontWeights.medium}',\n '--date-picker-calendar-header-level-line-height': 'inherit',\n '--date-picker-calendar-header-level-padding-inline': '{spacing.100}',\n '--date-picker-calendar-header-level-padding-block': '{spacing.0}',\n '--date-picker-calendar-header-level-border-radius': '{radii.200}',\n '--date-picker-calendar-header-level-text-transform': 'capitalize',\n '--date-picker-calendar-header-level-transition': '{animations.base.100}',\n '--date-picker-calendar-header-level-background-hover':\n '{colors.neutral.background.2.hovered}',\n '--date-picker-calendar-header-level-foreground-hover':\n '{colors.neutral.foreground.1.hovered}',\n\n /*-- Day --*/\n '--date-picker-day-width': '100%',\n '--date-picker-day-height': '100%',\n '--date-picker-day-font-family': '{fonts.base}',\n '--date-picker-day-font-size': '{fontSizes.300}',\n '--date-picker-day-font-weight': '{fontWeights.medium}',\n '--date-picker-day-line-height': 'inherit',\n '--date-picker-day-foreground': '{colors.neutral.foreground.2.enabled}',\n '--date-picker-day-background': 'transparent',\n '--date-picker-day-border-radius': '{radii.100}',\n '--date-picker-day-transition': '{animations.base.100}',\n '--date-picker-day-background-hover':\n '{colors.neutral.background.2.hovered}',\n '--date-picker-day-foreground-hover':\n '{colors.neutral.foreground.2.primary.hovered}',\n '--date-picker-day-background-selected':\n '{colors.neutral.background.2.primary.selected}',\n '--date-picker-day-foreground-selected':\n '{colors.neutral.foreground.2.primary.selected}',\n '--date-pickeir-day-background-selected-hover':\n '{colors.neutral.background.2.primary.selectedHovered}',\n '--date-picker-day-foreground-selected-hover':\n '{colors.foreground.2.primary.selectedHovered}',\n '--date-picker-day-outside-opacity': '0.4',\n '--date-picker-day-background-disabled-hover': 'transparent',\n '--date-picker-day-foreground-disabled-hover':\n '{colors.neutral.foreground.1.enabled}',\n\n /*-- Week --*/\n '--date-picker-weekdays-row-gap': '.5rem',\n '--date-picker-weekdays-row-margin-bottom': '.5rem',\n '--date-picker-weekday-font-family': '{fonts.base}',\n '--date-picker-weekday-font-size': '{fontSizes.100}',\n '--date-picker-weekday-font-weight': '{fontWeights.medium}',\n '--date-picker-weekday-line-height': 'inherit',\n '--date-picker-weekday-foreground': '{colors.neutral.foreground.3.enabled}',\n '--date-picker-weekday-padding-block': '{spacing.100}',\n '--date-picker-weekday-text-transform': 'uppercase',\n\n /*-- Month --*/\n '--date-picker-month-row-gap': '.0',\n '--date-picker-month-row-margin-bottom': '.5rem',\n\n /*-- Months list --*/\n '--date-picker-months-list-row-gap': '.5rem',\n '--date-picker-months-list-row-margin-bottom': '0',\n /*-- Months list control --*/\n '--date-picker-months-list-control-height': '2rem',\n '--date-picker-months-list-control-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--date-picker-months-list-control-background': 'transparent',\n '--date-picker-months-list-control-font-family': '{fonts.base}',\n '--date-picker-months-list-control-font-size': '{fontSizes.300}',\n '--date-picker-months-list-control-font-weight': '{fontWeights.medium}',\n '--date-picker-months-list-control-line-height': 'inherit',\n '--date-picker-months-list-control-padding-inline': '{spacing.100)}',\n '--date-picker-months-list-control-padding-block': '{spacing.0)}',\n '--date-picker-months-list-control-border-radius': '{radii.200)}',\n '--date-picker-months-list--text-transform': 'capitalize',\n '--date-picker-months-list-control-transition': '{animations.base.100)}',\n '--date-picker-months-list-control-background-hover':\n '{colors.neutral.background.2.hovered}',\n '--date-picker-months-list-control-foreground-hover':\n '{colors.neutral.foreground.1.hovered}',\n\n /*-- Years list row --*/\n '--date-picker-years-list-row-gap': '.5rem',\n '--date-picker-years-list-row-margin-bottom': '.5rem',\n /*-- Years list control --*/\n '--date-picker-years-list-control-height': '2rem',\n '--date-picker-years-list-control-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--date-picker-years-list-control-background': 'transparent',\n '--date-picker-years-list-control-font-family': '{fonts.base}',\n '--date-picker-years-list-control-font-size': '{fontSizes.300}',\n '--date-picker-years-list-control-font-weight': '{fontWeights.medium}',\n '--date-picker-years-list-control-line-height': 'inherit',\n '--date-picker-years-list-control-padding-inline': '{spacing.100}',\n '--date-picker-years-list-control-padding-block': '{spacing.0}',\n '--date-picker-years-list-control-border-radius': '{radii.200}',\n '--date-picker-years-list--text-transform': 'capitalize',\n '--date-picker-years-list-control-transition': '{animations.base.100}',\n '--date-picker-years-list-control-background-hover':\n '{colors.neutral.background.2.hovered}',\n '--date-picker-years-list-control-foreground-hover':\n '{colors.neutral.foreground.1.hovered}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,cACX,IAAK,CAAC,aAAa,CACnB,KAAM,CAEJ,wBAAyB,6CAGzB,kCACE,uDAGF,iCACE,qDACF,+BACE,sDACF,iCACE,8DACF,iCACE,gDACF,gCACE,4CACF,gCACE,6EACF,gCACE,mDACF,kCACE,2EACF,kCACE,uDACF,kCACE,+CACF,2BAA4B,uCAC5B,4BAA6B,+CAC7B,gCACE,4DAGF,iCACE,qDACF,+BACE,sDACF,iCACE,6DACF,iCACE,gDACF,gCACE,6EAGF,oCACE,wDACF,kCACE,yDACF,oCACE,gEACF,mCACE,gFACF,yCACE,qFAGF,uCACE,2DACF,qCACE,4DACF,uCACE,oEACF,uCACE,sDACF,sCACE,mFAGF,iCACE,qDACF,+BACE,sDACF,iCACE,8DACF,iCACE,gDACF,gCACE,4EAGF,mCAAoC,wCACpC,qCACE,0DACF,kCACE,qDACF,2CACE,uDACF,0CACE,+DACF,sCACE,2DACF,mCACE,sDACF,4CACE,wDACF,wCACE,6DAGF,8BAA+B,QAC/B,mCAAoC,wCACpC,qCAAsC,gBACtC,qCAAsC,QACtC,qCAAsC,oCACtC,uCAAwC,gBACxC,sCAAuC,gBACvC,8BAA+B,cAC/B,mCAAoC,cAGpC,8CAA+C,OAC/C,+CAAgD,OAChD,mDACE,wCACF,mDAAoD,cACpD,sDAAuD,cACvD,yDACE,wCACF,yDACE,wCACF,mDAAoD,OACpD,6CAA8C,OAC9C,iDACE,wCACF,iDAAkD,cAClD,kDAAmD,eACnD,gDAAiD,kBACjD,kDAAmD,uBACnD,kDAAmD,UACnD,qDAAsD,gBACtD,oDAAqD,cACrD,oDAAqD,cACrD,qDAAsD,aACtD,iDAAkD,wBAClD,uDACE,wCACF,uDACE,wCAGF,0BAA2B,OAC3B,2BAA4B,OAC5B,gCAAiC,eACjC,8BAA+B,kBAC/B,gCAAiC,uBACjC,gCAAiC,UACjC,+BAAgC,wCAChC,+BAAgC,cAChC,kCAAmC,cACnC,+BAAgC,wBAChC,qCACE,wCACF,qCACE,gDACF,wCACE,iDACF,wCACE,iDACF,+CACE,wDACF,8CACE,gDACF,oCAAqC,MACrC,8CAA+C,cAC/C,8CACE,wCAGF,iCAAkC,QAClC,2CAA4C,QAC5C,oCAAqC,eACrC,kCAAmC,kBACnC,oCAAqC,uBACrC,oCAAqC,UACrC,mCAAoC,wCACpC,sCAAuC,gBACvC,uCAAwC,YAGxC,8BAA+B,KAC/B,wCAAyC,QAGzC,oCAAqC,QACrC,8CAA+C,IAE/C,2CAA4C,OAC5C,+CACE,wCACF,+CAAgD,cAChD,gDAAiD,eACjD,8CAA+C,kBAC/C,gDAAiD,uBACjD,gDAAiD,UACjD,mDAAoD,iBACpD,kDAAmD,eACnD,kDAAmD,eACnD,4CAA6C,aAC7C,+CAAgD,yBAChD,qDACE,wCACF,qDACE,wCAGF,mCAAoC,QACpC,6CAA8C,QAE9C,0CAA2C,OAC3C,8CACE,wCACF,8CAA+C,cAC/C,+CAAgD,eAChD,6CAA8C,kBAC9C,+CAAgD,uBAChD,+CAAgD,UAChD,kDAAmD,gBACnD,iDAAkD,cAClD,iDAAkD,cAClD,2CAA4C,aAC5C,8CAA+C,wBAC/C,oDACE,wCACF,oDACE,wCACH,CACF,CAAC"}
1
+ {"version":3,"file":"date-picker.mjs","names":[],"sources":["../../../../src/recipes/controls/date-picker/date-picker.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const datePicker = defineRecipe({\n className: 'date-picker',\n jsx: ['DatePicker'],\n base: {\n /*-- Input root--*/\n '--text-input-root-gap': 'var(--date-picker-root-gap, {spacing.100})',\n '--text-input-root-width': 'var(--date-picker-root-width, 100%)',\n '--text-input-root-flex-direction':\n 'var(--date-picker-root-flex-direction, column)',\n '--text-input-root-justify-content':\n 'var(--date-picker-root-justify-content, flex-start)',\n '--text-input-root-align-items':\n 'var(--date-picker-root-align-items, stretch)',\n\n /*-- Input wrapper --*/\n '--text-input-wrapper-margin-top':\n 'var(--date-picker-wrapper-margin-top, {spacing.100})',\n '--text-input-wrapper-width': 'var(--date-picker-wrapper-width, 100%)',\n '--text-input-wrapper-flex': 'var(--date-picker-wrapper-flex, 1)',\n\n /*-- Input input --*/\n '--text-input-input-font-family':\n 'var(--date-picker-input-font-family, {fonts.base})',\n '--text-input-input-font-size':\n 'var(--date-picker-input-font-size, {fontSizes.300})',\n '--text-input-input-font-weight':\n 'var(--date-picker-input-font-weight, {fontWeights.regular})',\n '--text-input-input-line-height':\n 'var(--date-picker-input-line-height, inherit)',\n '--text-input-input-text-align':\n 'var(--date-picker-input-text-align, left)',\n '--text-input-input-foreground':\n 'var(--date-picker-input-foreground, {colors.neutral.foreground.1.enabled})',\n '--text-input-input-background':\n 'var(--date-picker-input-background, transparent)',\n '--text-input-input-border-color':\n 'var(--date-picker-input-border-color, {colors.neutral.stroke.7.enabled})',\n '--text-input-input-border-width':\n 'var(--date-picker-input-border-width, {borders.100})',\n '--text-input-input-border-style':\n 'var(--date-picker-input-border-style, solid)',\n '--text-input-input-width': 'var(--date-picker-input-width, 100%)',\n '--text-input-input-min-width': 'var(--date-picker-input-min-width, unset)',\n '--text-input-input-field-sizing':\n 'var(--date-picker-input-field-sizing, fixed)',\n '--text-input-input-height': 'var(--date-picker-input-height, {sizes.700})',\n '--text-input-input-transition':\n 'var(--date-picker-input-transition, all 0.2s ease-in-out)',\n\n /*-- Input label --*/\n '--text-input-label-font-family':\n 'var(--date-picker-label-font-family, {fonts.base})',\n '--text-input-label-font-size':\n 'var(--date-picker-label-font-size, {fontSizes.400})',\n '--text-input-label-font-weight':\n 'var(--date-picker-label-font-weight, {fontWeights.medium})',\n '--text-input-label-line-height':\n 'var(--date-picker-label-line-height, inherit)',\n '--text-input-label-foreground':\n 'var(--date-picker-label-foreground, {colors.neutral.foreground.1.enabled})',\n\n /*-- Input required --*/\n '--text-input-required-font-family':\n 'var(--date-picker-required-font-family, {fonts.base})',\n '--text-input-required-font-size':\n 'var(--date-picker-required-font-size, {fontSizes.400})',\n '--text-input-required-font-weight':\n 'var(--date-picker-required-font-weight, {fontWeights.medium})',\n '--text-input-required-foreground':\n 'var(--date-picker-required-foreground, {colors.neutral.foreground.1.enabled})',\n '--text-input-required-foreground-error':\n 'var(--date-picker-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n /*-- Input description --*/\n '--text-input-description-font-family':\n 'var(--date-picker-description-font-family, {fonts.base})',\n '--text-input-description-font-size':\n 'var(--date-picker-description-font-size, {fontSizes.300})',\n '--text-input-description-font-weight':\n 'var(--date-picker-description-font-weight, {fontWeights.regular})',\n '--text-input-description-line-height':\n 'var(--date-picker-description-line-height, inherit)',\n '--text-input-description-foreground':\n 'var(--date-picker-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n /*-- Input error --*/\n '--text-input-error-font-family':\n 'var(--date-picker-error-font-family, {fonts.base})',\n '--text-input-error-font-size':\n 'var(--date-picker-error-font-size, {fontSizes.300})',\n '--text-input-error-font-weight':\n 'var(--date-picker-error-font-weight, {fontWeights.regular})',\n '--text-input-error-line-height':\n 'var(--date-picker-error-line-height, inherit)',\n '--text-input-error-foreground':\n 'var(--date-picker-error-foreground, {colors.danger.foreground.1.enabled})',\n\n /*-- Input Section --*/\n '--date-picker-section-foreground': '{colors.neutral.foreground.3.enabled}',\n '--text-input-left-section-position':\n 'var(--date-picker-left-section-position, {spacing.200})',\n '--text-input-left-section-width':\n 'var(--date-picker-left-section-width, {sizes.400})',\n '--text-input-left-section-pointer-events':\n 'var(--date-picker-left-section-pointer-events, none)',\n '--text-input-input-padding-inline-start':\n 'var(--date-picker-input-padding-inline-start, {spacing.200})',\n '--text-input-right-section-position':\n 'var(--date-picker-right-section-position, {spacing.200})',\n '--text-input-right-section-width':\n 'var(--date-picker-right-section-width, {sizes.400})',\n '--text-input-right-section-pointer-events':\n 'var(--date-picker-right-section-pointer-events, none)',\n '--text-input-input-padding-inline-end':\n 'var(--date-picker-input-padding-inline-end, {spacing.200})',\n\n /*-- Dropdown --*/\n '--datepicker-dropdown-width': '18rem',\n '--datepicker-dropdown-background': '{colors.neutral.background.1.enabled}',\n '--datepicker-dropdown-border-width': '{borders.100}',\n '--datepicker-dropdown-border-style': 'solid',\n '--datepicker-dropdown-border-color': '{colors.neutral.stroke.7.enabled}',\n '--datepicker-dropdown-padding-inline': '{spacing.200}',\n '--datepicker-dropdown-padding-block': '{spacing.200}',\n '--datepicker-dropdown-radii': '{radii.200}',\n '--datepicker-dropdown-margin-top': '{spacing.0}',\n\n /*-- Calendar Header --*/\n '--date-picker-calendar-header-control-width': '2rem',\n '--date-picker-calendar-header-control-height': '2rem',\n '--date-picker-calendar-header-control-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--date-picker-calendar-header-control-background': 'transparent',\n '--date-picker-calendar-header-control-border-radius': '{radii.200}',\n '--date-picker-calendar-header-control-background-hover':\n '{colors.neutral.background.2.hovered}',\n '--date-picker-calendar-header-control-foreground-hover':\n '{colors.neutral.foreground.1.hovered}',\n '--date-picker-calendar-header-control-icon-width': '2rem',\n '--date-picker-calendar-header-level-height': '2rem',\n '--date-picker-calendar-header-level-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--date-picker-calendar-header-level-background': 'transparent',\n '--date-picker-calendar-header-level-font-family': '{fonts.base}',\n '--date-picker-calendar-header-level-font-size': '{fontSizes.300}',\n '--date-picker-calendar-header-level-font-weight': '{fontWeights.medium}',\n '--date-picker-calendar-header-level-line-height': 'inherit',\n '--date-picker-calendar-header-level-padding-inline': '{spacing.100}',\n '--date-picker-calendar-header-level-padding-block': '{spacing.0}',\n '--date-picker-calendar-header-level-border-radius': '{radii.200}',\n '--date-picker-calendar-header-level-text-transform': 'capitalize',\n '--date-picker-calendar-header-level-transition': '{animations.base.100}',\n '--date-picker-calendar-header-level-background-hover':\n '{colors.neutral.background.2.hovered}',\n '--date-picker-calendar-header-level-foreground-hover':\n '{colors.neutral.foreground.1.hovered}',\n\n /*-- Day --*/\n '--date-picker-day-width': '100%',\n '--date-picker-day-height': '100%',\n '--date-picker-day-font-family': '{fonts.base}',\n '--date-picker-day-font-size': '{fontSizes.300}',\n '--date-picker-day-font-weight': '{fontWeights.medium}',\n '--date-picker-day-line-height': 'inherit',\n '--date-picker-day-foreground': '{colors.neutral.foreground.2.enabled}',\n '--date-picker-day-background': 'transparent',\n '--date-picker-day-border-radius': '{radii.100}',\n '--date-picker-day-transition': '{animations.base.100}',\n '--date-picker-day-background-hover':\n '{colors.neutral.background.2.hovered}',\n '--date-picker-day-foreground-hover':\n '{colors.neutral.foreground.2.primary.hovered}',\n '--date-picker-day-background-selected':\n '{colors.neutral.background.2.primary.selected}',\n '--date-picker-day-foreground-selected':\n '{colors.neutral.foreground.2.primary.selected}',\n '--date-pickeir-day-background-selected-hover':\n '{colors.neutral.background.2.primary.selectedHovered}',\n '--date-picker-day-foreground-selected-hover':\n '{colors.foreground.2.primary.selectedHovered}',\n '--date-picker-day-outside-opacity': '0.4',\n '--date-picker-day-background-disabled-hover': 'transparent',\n '--date-picker-day-foreground-disabled-hover':\n '{colors.neutral.foreground.1.enabled}',\n\n /*-- Week --*/\n '--date-picker-weekdays-row-gap': '.5rem',\n '--date-picker-weekdays-row-margin-bottom': '.5rem',\n '--date-picker-weekday-font-family': '{fonts.base}',\n '--date-picker-weekday-font-size': '{fontSizes.100}',\n '--date-picker-weekday-font-weight': '{fontWeights.medium}',\n '--date-picker-weekday-line-height': 'inherit',\n '--date-picker-weekday-foreground': '{colors.neutral.foreground.3.enabled}',\n '--date-picker-weekday-padding-block': '{spacing.100}',\n '--date-picker-weekday-text-transform': 'uppercase',\n\n /*-- Month --*/\n '--date-picker-month-row-gap': '.0',\n '--date-picker-month-row-margin-bottom': '.5rem',\n\n /*-- Months list --*/\n '--date-picker-months-list-row-gap': '.5rem',\n '--date-picker-months-list-row-margin-bottom': '0',\n /*-- Months list control --*/\n '--date-picker-months-list-control-height': '2rem',\n '--date-picker-months-list-control-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--date-picker-months-list-control-background': 'transparent',\n '--date-picker-months-list-control-font-family': '{fonts.base}',\n '--date-picker-months-list-control-font-size': '{fontSizes.300}',\n '--date-picker-months-list-control-font-weight': '{fontWeights.medium}',\n '--date-picker-months-list-control-line-height': 'inherit',\n '--date-picker-months-list-control-padding-inline': '{spacing.100)}',\n '--date-picker-months-list-control-padding-block': '{spacing.0)}',\n '--date-picker-months-list-control-border-radius': '{radii.200)}',\n '--date-picker-months-list--text-transform': 'capitalize',\n '--date-picker-months-list-control-transition': '{animations.base.100)}',\n '--date-picker-months-list-control-background-hover':\n '{colors.neutral.background.2.hovered}',\n '--date-picker-months-list-control-foreground-hover':\n '{colors.neutral.foreground.1.hovered}',\n\n /*-- Years list row --*/\n '--date-picker-years-list-row-gap': '.5rem',\n '--date-picker-years-list-row-margin-bottom': '.5rem',\n /*-- Years list control --*/\n '--date-picker-years-list-control-height': '2rem',\n '--date-picker-years-list-control-foreground':\n '{colors.neutral.foreground.1.enabled}',\n '--date-picker-years-list-control-background': 'transparent',\n '--date-picker-years-list-control-font-family': '{fonts.base}',\n '--date-picker-years-list-control-font-size': '{fontSizes.300}',\n '--date-picker-years-list-control-font-weight': '{fontWeights.medium}',\n '--date-picker-years-list-control-line-height': 'inherit',\n '--date-picker-years-list-control-padding-inline': '{spacing.100}',\n '--date-picker-years-list-control-padding-block': '{spacing.0}',\n '--date-picker-years-list-control-border-radius': '{radii.200}',\n '--date-picker-years-list--text-transform': 'capitalize',\n '--date-picker-years-list-control-transition': '{animations.base.100}',\n '--date-picker-years-list-control-background-hover':\n '{colors.neutral.background.2.hovered}',\n '--date-picker-years-list-control-foreground-hover':\n '{colors.neutral.foreground.1.hovered}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,cACX,IAAK,CAAC,aAAa,CACnB,KAAM,CAEJ,wBAAyB,6CACzB,0BAA2B,sCAC3B,mCACE,iDACF,oCACE,sDACF,gCACE,+CAGF,kCACE,uDACF,6BAA8B,yCAC9B,4BAA6B,qCAG7B,iCACE,qDACF,+BACE,sDACF,iCACE,8DACF,iCACE,gDACF,gCACE,4CACF,gCACE,6EACF,gCACE,mDACF,kCACE,2EACF,kCACE,uDACF,kCACE,+CACF,2BAA4B,uCAC5B,+BAAgC,4CAChC,kCACE,+CACF,4BAA6B,+CAC7B,gCACE,4DAGF,iCACE,qDACF,+BACE,sDACF,iCACE,6DACF,iCACE,gDACF,gCACE,6EAGF,oCACE,wDACF,kCACE,yDACF,oCACE,gEACF,mCACE,gFACF,yCACE,qFAGF,uCACE,2DACF,qCACE,4DACF,uCACE,oEACF,uCACE,sDACF,sCACE,mFAGF,iCACE,qDACF,+BACE,sDACF,iCACE,8DACF,iCACE,gDACF,gCACE,4EAGF,mCAAoC,wCACpC,qCACE,0DACF,kCACE,qDACF,2CACE,uDACF,0CACE,+DACF,sCACE,2DACF,mCACE,sDACF,4CACE,wDACF,wCACE,6DAGF,8BAA+B,QAC/B,mCAAoC,wCACpC,qCAAsC,gBACtC,qCAAsC,QACtC,qCAAsC,oCACtC,uCAAwC,gBACxC,sCAAuC,gBACvC,8BAA+B,cAC/B,mCAAoC,cAGpC,8CAA+C,OAC/C,+CAAgD,OAChD,mDACE,wCACF,mDAAoD,cACpD,sDAAuD,cACvD,yDACE,wCACF,yDACE,wCACF,mDAAoD,OACpD,6CAA8C,OAC9C,iDACE,wCACF,iDAAkD,cAClD,kDAAmD,eACnD,gDAAiD,kBACjD,kDAAmD,uBACnD,kDAAmD,UACnD,qDAAsD,gBACtD,oDAAqD,cACrD,oDAAqD,cACrD,qDAAsD,aACtD,iDAAkD,wBAClD,uDACE,wCACF,uDACE,wCAGF,0BAA2B,OAC3B,2BAA4B,OAC5B,gCAAiC,eACjC,8BAA+B,kBAC/B,gCAAiC,uBACjC,gCAAiC,UACjC,+BAAgC,wCAChC,+BAAgC,cAChC,kCAAmC,cACnC,+BAAgC,wBAChC,qCACE,wCACF,qCACE,gDACF,wCACE,iDACF,wCACE,iDACF,+CACE,wDACF,8CACE,gDACF,oCAAqC,MACrC,8CAA+C,cAC/C,8CACE,wCAGF,iCAAkC,QAClC,2CAA4C,QAC5C,oCAAqC,eACrC,kCAAmC,kBACnC,oCAAqC,uBACrC,oCAAqC,UACrC,mCAAoC,wCACpC,sCAAuC,gBACvC,uCAAwC,YAGxC,8BAA+B,KAC/B,wCAAyC,QAGzC,oCAAqC,QACrC,8CAA+C,IAE/C,2CAA4C,OAC5C,+CACE,wCACF,+CAAgD,cAChD,gDAAiD,eACjD,8CAA+C,kBAC/C,gDAAiD,uBACjD,gDAAiD,UACjD,mDAAoD,iBACpD,kDAAmD,eACnD,kDAAmD,eACnD,4CAA6C,aAC7C,+CAAgD,yBAChD,qDACE,wCACF,qDACE,wCAGF,mCAAoC,QACpC,6CAA8C,QAE9C,0CAA2C,OAC3C,8CACE,wCACF,8CAA+C,cAC/C,+CAAgD,eAChD,6CAA8C,kBAC9C,+CAAgD,uBAChD,+CAAgD,UAChD,kDAAmD,gBACnD,iDAAkD,cAClD,iDAAkD,cAClD,2CAA4C,aAC5C,8CAA+C,wBAC/C,oDACE,wCACF,oDACE,wCACH,CACF,CAAC"}
package/dist/recipes/controls/dropdown/autocomplete/autocomplete-text-input.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{comboboxTextInput as e}from"../combobox/combobox-text-input.mjs";const t=e.merge({className:`autocomplete__text-input`,jsx:[`Autocomplete`],base:{"--combobox-text-input-root-gap":`var(--autocomplete-text-input-root-gap, {spacing.100})`,"--combobox-text-input-label-font-family":`var(--autocomplete-text-input-label-font-family, {fonts.base})`,"--combobox-text-input-label-font-size":`var(--autocomplete-text-input-label-font-size, {fontSizes.400})`,"--combobox-text-input-label-font-weight":`var(--autocomplete-text-input-label-font-weight, {fontWeights.medium})`,"--combobox-text-input-label-line-height":`var(--autocomplete-text-input-label-line-height, inherit)`,"--combobox-text-input-label-foreground":`var(--autocomplete-text-input-label-foreground, {colors.neutral.foreground.1.enabled})`,"--combobox-text-input-required-font-family":`var(--autocomplete-text-input-required-font-family, {fonts.base})`,"--combobox-text-input-required-font-size":`var(--autocomplete-text-input-required-font-size, {fontSizes.400})`,"--combobox-text-input-required-font-weight":`var(--autocomplete-text-input-required-font-weight, {fontWeights.medium})`,"--combobox-text-input-required-foreground":`var(--autocomplete-text-input-required-foreground, {colors.neutral.foreground.1.enabled})`,"--combobox-text-input-required-foreground-error":`var(--autocomplete-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--combobox-text-input-description-font-family":`var(--autocomplete-text-input-description-font-family, {fonts.base})`,"--combobox-text-input-description-font-size":`var(--autocomplete-text-input-description-font-size, {fontSizes.300})`,"--combobox-text-input-description-font-weight":`var(--autocomplete-text-input-description-font-weight, {fontWeights.regular})`,"--combobox-text-input-description-line-height":`var(--autocomplete-text-input-description-line-height, inherit)`,"--combobox-text-input-description-foreground":`var(--autocomplete-text-input-description-foreground, {colors.neutral.foreground.2.enabled})`,"--combobox-text-input-error-font-family":`var(--autocomplete-text-input-error-font-family, {fonts.base})`,"--combobox-text-input-error-font-size":`var(--autocomplete-text-input-error-font-size, {fontSizes.300})`,"--combobox-text-input-error-font-weight":`var(--autocomplete-text-input-error-font-weight, {fontWeights.regular})`,"--combobox-text-input-error-line-height":`var(--autocomplete-text-input-error-line-height, inherit)`,"--combobox-text-input-error-foreground":`var(--autocomplete-text-input-error-foreground, {colors.danger.foreground.1.enabled})`,"--combobox-text-input-wrapper-margin-top":`var(--autocomplete-text-input-wrapper-margin-top, {spacing.100})`,"--combobox-text-input-wrapper-disabled-opacity":`var(--autocomplete-text-input-wrapper-disabled-opacity, 0.5)`,"--combobox-text-input-input-font-family":`var(--autocomplete-text-input-input-font-family, {fonts.base})`,"--combobox-text-input-input-font-size":`var(--autocomplete-text-input-input-font-size, {fontSizes.400})`,"--combobox-text-input-input-font-weight":`var(--autocomplete-text-input-input-font-weight, {fontWeights.regular})`,"--combobox-text-input-input-line-height":`var(--autocomplete-text-input-input-line-height, inherit)`,"--combobox-text-input-input-text-align":`var(--autocomplete-text-input-input-text-align, left)`,"--combobox-text-input-input-background":`var(--autocomplete-text-input-input-background, transparent)`,"--combobox-text-input-input-foreground":`var(--autocomplete-text-input-input-foreground, {colors.neutral.foreground.1.enabled})`,"--combobox-text-input-input-placeholder-foreground":`var(--autocomplete-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`,"--combobox-text-input-input-border-width":`var(--autocomplete-text-input-input-border-width, {borders.100})`,"--combobox-text-input-input-border-color":`var(--autocomplete-text-input-input-border-color, {colors.neutral.stroke.1.enabled})`,"--combobox-text-input-input-border-color-error":`var(--autocomplete-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,"--combobox-text-input-input-border-style":`var(--autocomplete-text-input-input-border-style, solid)`,"--combobox-text-input-input-radii":`var(--autocomplete-text-input-input-radii, {radii.200})`,"--combobox-text-input-input-height":`var(--autocomplete-text-input-input-height, {sizes.700})`,"--combobox-text-input-input-padding-inline-start":`var(--autocomplete-text-input-input-padding-inline-start, {spacing.300})`,"--combobox-text-input-input-padding-inline-end":`var(--autocomplete-text-input-input-padding-inline-end, {spacing.200})`,"--combobox-text-input-input-focus-outline-width":`var(--autocomplete-text-input-input-focus-outline-width, {borders.150})`,"--combobox-text-input-input-focus-outline-style":`var(--autocomplete-text-input-input-focus-outline-style, solid)`,"--combobox-text-input-input-focus-outline-offset":`var(--autocomplete-text-input-input-focus-outline-offset, {spacing.50})`,"--combobox-text-input-input-focus-outline-color":`var(--autocomplete-text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})`,"--combobox-text-input-input-focus-border-color":`var(--autocomplete-text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})`,"--combobox-text-input-input-focus-shadow":`var(--autocomplete-text-input-input-focus-shadow, none)`,"--combobox-text-input-section-size":`var(--autocomplete-text-input-section-size, {sizes.600})`,"--combobox-text-input-left-section-width":`var(--autocomplete-text-input-left-section-width, {sizes.600})`,"--combobox-text-input-right-section-width":`var(--autocomplete-text-input-right-section-width, {sizes.600})`,"--combobox-text-input-left-section-position":`var(--autocomplete-text-input-left-section-position, {spacing.200})`,"--combobox-text-input-right-section-position":`var(--autocomplete-text-input-right-section-position, {spacing.200})`,"--combobox-text-input-left-section-pointer-events":`var(--autocomplete-text-input-left-section-pointer-events, none)`,"--combobox-text-input-right-section-pointer-events":`var(--autocomplete-text-input-right-section-pointer-events, none)`}});export{t as autocompleteTextInput};
1
+ import{comboboxTextInput as e}from"../combobox/combobox-text-input.mjs";const t=e.merge({className:`autocomplete__text-input`,jsx:[`Autocomplete`],base:{"--combobox-text-input-root-gap":`var(--autocomplete-text-input-root-gap, {spacing.100})`,"--combobox-text-input-root-width":`var(--autocomplete-text-input-root-width, 100%)`,"--combobox-text-input-root-flex-direction":`var(--autocomplete-text-input-root-flex-direction, column)`,"--combobox-text-input-root-justify-content":`var(--autocomplete-text-input-root-justify-content, flex-start)`,"--combobox-text-input-root-align-items":`var(--autocomplete-text-input-root-align-items, stretch)`,"--combobox-text-input-label-font-family":`var(--autocomplete-text-input-label-font-family, {fonts.base})`,"--combobox-text-input-label-font-size":`var(--autocomplete-text-input-label-font-size, {fontSizes.400})`,"--combobox-text-input-label-font-weight":`var(--autocomplete-text-input-label-font-weight, {fontWeights.medium})`,"--combobox-text-input-label-line-height":`var(--autocomplete-text-input-label-line-height, inherit)`,"--combobox-text-input-label-foreground":`var(--autocomplete-text-input-label-foreground, {colors.neutral.foreground.1.enabled})`,"--combobox-text-input-required-font-family":`var(--autocomplete-text-input-required-font-family, {fonts.base})`,"--combobox-text-input-required-font-size":`var(--autocomplete-text-input-required-font-size, {fontSizes.400})`,"--combobox-text-input-required-font-weight":`var(--autocomplete-text-input-required-font-weight, {fontWeights.medium})`,"--combobox-text-input-required-foreground":`var(--autocomplete-text-input-required-foreground, {colors.neutral.foreground.1.enabled})`,"--combobox-text-input-required-foreground-error":`var(--autocomplete-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--combobox-text-input-description-font-family":`var(--autocomplete-text-input-description-font-family, {fonts.base})`,"--combobox-text-input-description-font-size":`var(--autocomplete-text-input-description-font-size, {fontSizes.300})`,"--combobox-text-input-description-font-weight":`var(--autocomplete-text-input-description-font-weight, {fontWeights.regular})`,"--combobox-text-input-description-line-height":`var(--autocomplete-text-input-description-line-height, inherit)`,"--combobox-text-input-description-foreground":`var(--autocomplete-text-input-description-foreground, {colors.neutral.foreground.2.enabled})`,"--combobox-text-input-error-font-family":`var(--autocomplete-text-input-error-font-family, {fonts.base})`,"--combobox-text-input-error-font-size":`var(--autocomplete-text-input-error-font-size, {fontSizes.300})`,"--combobox-text-input-error-font-weight":`var(--autocomplete-text-input-error-font-weight, {fontWeights.regular})`,"--combobox-text-input-error-line-height":`var(--autocomplete-text-input-error-line-height, inherit)`,"--combobox-text-input-error-foreground":`var(--autocomplete-text-input-error-foreground, {colors.danger.foreground.1.enabled})`,"--combobox-text-input-wrapper-margin-top":`var(--autocomplete-text-input-wrapper-margin-top, {spacing.100})`,"--combobox-text-input-wrapper-width":`var(--autocomplete-text-input-wrapper-width, 100%)`,"--combobox-text-input-wrapper-flex":`var(--autocomplete-text-input-wrapper-flex, 1)`,"--combobox-text-input-wrapper-disabled-opacity":`var(--autocomplete-text-input-wrapper-disabled-opacity, 0.5)`,"--combobox-text-input-input-font-family":`var(--autocomplete-text-input-input-font-family, {fonts.base})`,"--combobox-text-input-input-font-size":`var(--autocomplete-text-input-input-font-size, {fontSizes.400})`,"--combobox-text-input-input-font-weight":`var(--autocomplete-text-input-input-font-weight, {fontWeights.regular})`,"--combobox-text-input-input-line-height":`var(--autocomplete-text-input-input-line-height, inherit)`,"--combobox-text-input-input-text-align":`var(--autocomplete-text-input-input-text-align, left)`,"--combobox-text-input-input-background":`var(--autocomplete-text-input-input-background, transparent)`,"--combobox-text-input-input-foreground":`var(--autocomplete-text-input-input-foreground, {colors.neutral.foreground.1.enabled})`,"--combobox-text-input-input-placeholder-foreground":`var(--autocomplete-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`,"--combobox-text-input-input-border-width":`var(--autocomplete-text-input-input-border-width, {borders.100})`,"--combobox-text-input-input-border-color":`var(--autocomplete-text-input-input-border-color, {colors.neutral.stroke.7.enabled})`,"--combobox-text-input-input-border-color-error":`var(--autocomplete-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,"--combobox-text-input-input-border-style":`var(--autocomplete-text-input-input-border-style, solid)`,"--combobox-text-input-input-radii":`var(--autocomplete-text-input-input-radii, {radii.200})`,"--combobox-text-input-input-height":`var(--autocomplete-text-input-input-height, {sizes.700})`,"--combobox-text-input-input-padding-inline-start":`var(--autocomplete-text-input-input-padding-inline-start, {spacing.300})`,"--combobox-text-input-input-padding-inline-end":`var(--autocomplete-text-input-input-padding-inline-end, {spacing.200})`,"--combobox-text-input-input-width":`var(--autocomplete-text-input-input-width, 100%)`,"--combobox-text-input-input-min-width":`var(--autocomplete-text-input-input-min-width, unset)`,"--combobox-text-input-input-field-sizing":`var(--autocomplete-text-input-input-field-sizing, fixed)`,"--combobox-text-input-input-focus-outline-width":`var(--autocomplete-text-input-input-focus-outline-width, {borders.150})`,"--combobox-text-input-input-focus-outline-style":`var(--autocomplete-text-input-input-focus-outline-style, solid)`,"--combobox-text-input-input-focus-outline-offset":`var(--autocomplete-text-input-input-focus-outline-offset, {spacing.50})`,"--combobox-text-input-input-focus-outline-color":`var(--autocomplete-text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})`,"--combobox-text-input-input-focus-border-color":`var(--autocomplete-text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})`,"--combobox-text-input-input-focus-shadow":`var(--autocomplete-text-input-input-focus-shadow, none)`,"--combobox-text-input-section-size":`var(--autocomplete-text-input-section-size, {sizes.600})`,"--combobox-text-input-left-section-width":`var(--autocomplete-text-input-left-section-width, {sizes.600})`,"--combobox-text-input-right-section-width":`var(--autocomplete-text-input-right-section-width, {sizes.600})`,"--combobox-text-input-left-section-position":`var(--autocomplete-text-input-left-section-position, {spacing.200})`,"--combobox-text-input-right-section-position":`var(--autocomplete-text-input-right-section-position, {spacing.200})`,"--combobox-text-input-left-section-pointer-events":`var(--autocomplete-text-input-left-section-pointer-events, none)`,"--combobox-text-input-right-section-pointer-events":`var(--autocomplete-text-input-right-section-pointer-events, none)`}});export{t as autocompleteTextInput};
2
2
  //# sourceMappingURL=autocomplete-text-input.mjs.map
package/dist/recipes/controls/dropdown/autocomplete/autocomplete-text-input.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"autocomplete-text-input.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/autocomplete/autocomplete-text-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { comboboxTextInput } from '../combobox/combobox-text-input';\n\nexport const autocompleteTextInput = comboboxTextInput.merge({\n className: 'autocomplete__text-input',\n jsx: ['Autocomplete'],\n base: {\n '--combobox-text-input-root-gap':\n 'var(--autocomplete-text-input-root-gap, {spacing.100})',\n\n /* Label */\n '--combobox-text-input-label-font-family':\n 'var(--autocomplete-text-input-label-font-family, {fonts.base})',\n '--combobox-text-input-label-font-size':\n 'var(--autocomplete-text-input-label-font-size, {fontSizes.400})',\n '--combobox-text-input-label-font-weight':\n 'var(--autocomplete-text-input-label-font-weight, {fontWeights.medium})',\n '--combobox-text-input-label-line-height':\n 'var(--autocomplete-text-input-label-line-height, inherit)',\n '--combobox-text-input-label-foreground':\n 'var(--autocomplete-text-input-label-foreground, {colors.neutral.foreground.1.enabled})',\n\n /* Required */\n '--combobox-text-input-required-font-family':\n 'var(--autocomplete-text-input-required-font-family, {fonts.base})',\n '--combobox-text-input-required-font-size':\n 'var(--autocomplete-text-input-required-font-size, {fontSizes.400})',\n '--combobox-text-input-required-font-weight':\n 'var(--autocomplete-text-input-required-font-weight, {fontWeights.medium})',\n '--combobox-text-input-required-foreground':\n 'var(--autocomplete-text-input-required-foreground, {colors.neutral.foreground.1.enabled})',\n '--combobox-text-input-required-foreground-error':\n 'var(--autocomplete-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n /* Description */\n '--combobox-text-input-description-font-family':\n 'var(--autocomplete-text-input-description-font-family, {fonts.base})',\n '--combobox-text-input-description-font-size':\n 'var(--autocomplete-text-input-description-font-size, {fontSizes.300})',\n '--combobox-text-input-description-font-weight':\n 'var(--autocomplete-text-input-description-font-weight, {fontWeights.regular})',\n '--combobox-text-input-description-line-height':\n 'var(--autocomplete-text-input-description-line-height, inherit)',\n '--combobox-text-input-description-foreground':\n 'var(--autocomplete-text-input-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n /* Error */\n '--combobox-text-input-error-font-family':\n 'var(--autocomplete-text-input-error-font-family, {fonts.base})',\n '--combobox-text-input-error-font-size':\n 'var(--autocomplete-text-input-error-font-size, {fontSizes.300})',\n '--combobox-text-input-error-font-weight':\n 'var(--autocomplete-text-input-error-font-weight, {fontWeights.regular})',\n '--combobox-text-input-error-line-height':\n 'var(--autocomplete-text-input-error-line-height, inherit)',\n '--combobox-text-input-error-foreground':\n 'var(--autocomplete-text-input-error-foreground, {colors.danger.foreground.1.enabled})',\n\n /* Input wrapper */\n '--combobox-text-input-wrapper-margin-top':\n 'var(--autocomplete-text-input-wrapper-margin-top, {spacing.100})',\n '--combobox-text-input-wrapper-disabled-opacity':\n 'var(--autocomplete-text-input-wrapper-disabled-opacity, 0.5)',\n\n /* Input */\n '--combobox-text-input-input-font-family':\n 'var(--autocomplete-text-input-input-font-family, {fonts.base})',\n '--combobox-text-input-input-font-size':\n 'var(--autocomplete-text-input-input-font-size, {fontSizes.400})',\n '--combobox-text-input-input-font-weight':\n 'var(--autocomplete-text-input-input-font-weight, {fontWeights.regular})',\n '--combobox-text-input-input-line-height':\n 'var(--autocomplete-text-input-input-line-height, inherit)',\n '--combobox-text-input-input-text-align':\n 'var(--autocomplete-text-input-input-text-align, left)',\n '--combobox-text-input-input-background':\n 'var(--autocomplete-text-input-input-background, transparent)',\n '--combobox-text-input-input-foreground':\n 'var(--autocomplete-text-input-input-foreground, {colors.neutral.foreground.1.enabled})',\n '--combobox-text-input-input-placeholder-foreground':\n 'var(--autocomplete-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n\n /* Input borders */\n '--combobox-text-input-input-border-width':\n 'var(--autocomplete-text-input-input-border-width, {borders.100})',\n '--combobox-text-input-input-border-color':\n 'var(--autocomplete-text-input-input-border-color, {colors.neutral.stroke.1.enabled})',\n '--combobox-text-input-input-border-color-error':\n 'var(--autocomplete-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n '--combobox-text-input-input-border-style':\n 'var(--autocomplete-text-input-input-border-style, solid)',\n '--combobox-text-input-input-radii':\n 'var(--autocomplete-text-input-input-radii, {radii.200})',\n\n /* Input sizing & spacing */\n '--combobox-text-input-input-height':\n 'var(--autocomplete-text-input-input-height, {sizes.700})',\n '--combobox-text-input-input-padding-inline-start':\n 'var(--autocomplete-text-input-input-padding-inline-start, {spacing.300})',\n '--combobox-text-input-input-padding-inline-end':\n 'var(--autocomplete-text-input-input-padding-inline-end, {spacing.200})',\n\n /* Input focus */\n '--combobox-text-input-input-focus-outline-width':\n 'var(--autocomplete-text-input-input-focus-outline-width, {borders.150})',\n '--combobox-text-input-input-focus-outline-style':\n 'var(--autocomplete-text-input-input-focus-outline-style, solid)',\n '--combobox-text-input-input-focus-outline-offset':\n 'var(--autocomplete-text-input-input-focus-outline-offset, {spacing.50})',\n '--combobox-text-input-input-focus-outline-color':\n 'var(--autocomplete-text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n '--combobox-text-input-input-focus-border-color':\n 'var(--autocomplete-text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})',\n '--combobox-text-input-input-focus-shadow':\n 'var(--autocomplete-text-input-input-focus-shadow, none)',\n\n /* Sections */\n '--combobox-text-input-section-size':\n 'var(--autocomplete-text-input-section-size, {sizes.600})',\n '--combobox-text-input-left-section-width':\n 'var(--autocomplete-text-input-left-section-width, {sizes.600})',\n '--combobox-text-input-right-section-width':\n 'var(--autocomplete-text-input-right-section-width, {sizes.600})',\n '--combobox-text-input-left-section-position':\n 'var(--autocomplete-text-input-left-section-position, {spacing.200})',\n '--combobox-text-input-right-section-position':\n 'var(--autocomplete-text-input-right-section-position, {spacing.200})',\n '--combobox-text-input-left-section-pointer-events':\n 'var(--autocomplete-text-input-left-section-pointer-events, none)',\n '--combobox-text-input-right-section-pointer-events':\n 'var(--autocomplete-text-input-right-section-pointer-events, none)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"wEAOA,MAAa,EAAwB,EAAkB,MAAM,CAC3D,UAAW,2BACX,IAAK,CAAC,eAAe,CACrB,KAAM,CACJ,iCACE,yDAGF,0CACE,iEACF,wCACE,kEACF,0CACE,yEACF,0CACE,4DACF,yCACE,yFAGF,6CACE,oEACF,2CACE,qEACF,6CACE,4EACF,4CACE,4FACF,kDACE,iGAGF,gDACE,uEACF,8CACE,wEACF,gDACE,gFACF,gDACE,kEACF,+CACE,+FAGF,0CACE,iEACF,wCACE,kEACF,0CACE,0EACF,0CACE,4DACF,yCACE,wFAGF,2CACE,mEACF,iDACE,+DAGF,0CACE,iEACF,wCACE,kEACF,0CACE,0EACF,0CACE,4DACF,yCACE,wDACF,yCACE,+DACF,yCACE,yFACF,qDACE,qGAGF,2CACE,mEACF,2CACE,uFACF,iDACE,4FACF,2CACE,2DACF,oCACE,0DAGF,qCACE,2DACF,mDACE,2EACF,iDACE,yEAGF,kDACE,0EACF,kDACE,kEACF,mDACE,0EACF,kDACE,8FACF,iDACE,6FACF,2CACE,0DAGF,qCACE,2DACF,2CACE,iEACF,4CACE,kEACF,8CACE,sEACF,+CACE,uEACF,oDACE,mEACF,qDACE,oEACH,CACF,CAAC"}
1
+ {"version":3,"file":"autocomplete-text-input.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/autocomplete/autocomplete-text-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { comboboxTextInput } from '../combobox/combobox-text-input';\n\nexport const autocompleteTextInput = comboboxTextInput.merge({\n className: 'autocomplete__text-input',\n jsx: ['Autocomplete'],\n base: {\n '--combobox-text-input-root-gap':\n 'var(--autocomplete-text-input-root-gap, {spacing.100})',\n '--combobox-text-input-root-width':\n 'var(--autocomplete-text-input-root-width, 100%)',\n '--combobox-text-input-root-flex-direction':\n 'var(--autocomplete-text-input-root-flex-direction, column)',\n '--combobox-text-input-root-justify-content':\n 'var(--autocomplete-text-input-root-justify-content, flex-start)',\n '--combobox-text-input-root-align-items':\n 'var(--autocomplete-text-input-root-align-items, stretch)',\n\n /* Label */\n '--combobox-text-input-label-font-family':\n 'var(--autocomplete-text-input-label-font-family, {fonts.base})',\n '--combobox-text-input-label-font-size':\n 'var(--autocomplete-text-input-label-font-size, {fontSizes.400})',\n '--combobox-text-input-label-font-weight':\n 'var(--autocomplete-text-input-label-font-weight, {fontWeights.medium})',\n '--combobox-text-input-label-line-height':\n 'var(--autocomplete-text-input-label-line-height, inherit)',\n '--combobox-text-input-label-foreground':\n 'var(--autocomplete-text-input-label-foreground, {colors.neutral.foreground.1.enabled})',\n\n /* Required */\n '--combobox-text-input-required-font-family':\n 'var(--autocomplete-text-input-required-font-family, {fonts.base})',\n '--combobox-text-input-required-font-size':\n 'var(--autocomplete-text-input-required-font-size, {fontSizes.400})',\n '--combobox-text-input-required-font-weight':\n 'var(--autocomplete-text-input-required-font-weight, {fontWeights.medium})',\n '--combobox-text-input-required-foreground':\n 'var(--autocomplete-text-input-required-foreground, {colors.neutral.foreground.1.enabled})',\n '--combobox-text-input-required-foreground-error':\n 'var(--autocomplete-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n /* Description */\n '--combobox-text-input-description-font-family':\n 'var(--autocomplete-text-input-description-font-family, {fonts.base})',\n '--combobox-text-input-description-font-size':\n 'var(--autocomplete-text-input-description-font-size, {fontSizes.300})',\n '--combobox-text-input-description-font-weight':\n 'var(--autocomplete-text-input-description-font-weight, {fontWeights.regular})',\n '--combobox-text-input-description-line-height':\n 'var(--autocomplete-text-input-description-line-height, inherit)',\n '--combobox-text-input-description-foreground':\n 'var(--autocomplete-text-input-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n /* Error */\n '--combobox-text-input-error-font-family':\n 'var(--autocomplete-text-input-error-font-family, {fonts.base})',\n '--combobox-text-input-error-font-size':\n 'var(--autocomplete-text-input-error-font-size, {fontSizes.300})',\n '--combobox-text-input-error-font-weight':\n 'var(--autocomplete-text-input-error-font-weight, {fontWeights.regular})',\n '--combobox-text-input-error-line-height':\n 'var(--autocomplete-text-input-error-line-height, inherit)',\n '--combobox-text-input-error-foreground':\n 'var(--autocomplete-text-input-error-foreground, {colors.danger.foreground.1.enabled})',\n\n /* Input wrapper */\n '--combobox-text-input-wrapper-margin-top':\n 'var(--autocomplete-text-input-wrapper-margin-top, {spacing.100})',\n '--combobox-text-input-wrapper-width':\n 'var(--autocomplete-text-input-wrapper-width, 100%)',\n '--combobox-text-input-wrapper-flex':\n 'var(--autocomplete-text-input-wrapper-flex, 1)',\n '--combobox-text-input-wrapper-disabled-opacity':\n 'var(--autocomplete-text-input-wrapper-disabled-opacity, 0.5)',\n\n /* Input */\n '--combobox-text-input-input-font-family':\n 'var(--autocomplete-text-input-input-font-family, {fonts.base})',\n '--combobox-text-input-input-font-size':\n 'var(--autocomplete-text-input-input-font-size, {fontSizes.400})',\n '--combobox-text-input-input-font-weight':\n 'var(--autocomplete-text-input-input-font-weight, {fontWeights.regular})',\n '--combobox-text-input-input-line-height':\n 'var(--autocomplete-text-input-input-line-height, inherit)',\n '--combobox-text-input-input-text-align':\n 'var(--autocomplete-text-input-input-text-align, left)',\n '--combobox-text-input-input-background':\n 'var(--autocomplete-text-input-input-background, transparent)',\n '--combobox-text-input-input-foreground':\n 'var(--autocomplete-text-input-input-foreground, {colors.neutral.foreground.1.enabled})',\n '--combobox-text-input-input-placeholder-foreground':\n 'var(--autocomplete-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n\n /* Input borders */\n '--combobox-text-input-input-border-width':\n 'var(--autocomplete-text-input-input-border-width, {borders.100})',\n '--combobox-text-input-input-border-color':\n 'var(--autocomplete-text-input-input-border-color, {colors.neutral.stroke.7.enabled})',\n '--combobox-text-input-input-border-color-error':\n 'var(--autocomplete-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n '--combobox-text-input-input-border-style':\n 'var(--autocomplete-text-input-input-border-style, solid)',\n '--combobox-text-input-input-radii':\n 'var(--autocomplete-text-input-input-radii, {radii.200})',\n\n /* Input sizing & spacing */\n '--combobox-text-input-input-height':\n 'var(--autocomplete-text-input-input-height, {sizes.700})',\n '--combobox-text-input-input-padding-inline-start':\n 'var(--autocomplete-text-input-input-padding-inline-start, {spacing.300})',\n '--combobox-text-input-input-padding-inline-end':\n 'var(--autocomplete-text-input-input-padding-inline-end, {spacing.200})',\n '--combobox-text-input-input-width':\n 'var(--autocomplete-text-input-input-width, 100%)',\n '--combobox-text-input-input-min-width':\n 'var(--autocomplete-text-input-input-min-width, unset)',\n '--combobox-text-input-input-field-sizing':\n 'var(--autocomplete-text-input-input-field-sizing, fixed)',\n\n /* Input focus */\n '--combobox-text-input-input-focus-outline-width':\n 'var(--autocomplete-text-input-input-focus-outline-width, {borders.150})',\n '--combobox-text-input-input-focus-outline-style':\n 'var(--autocomplete-text-input-input-focus-outline-style, solid)',\n '--combobox-text-input-input-focus-outline-offset':\n 'var(--autocomplete-text-input-input-focus-outline-offset, {spacing.50})',\n '--combobox-text-input-input-focus-outline-color':\n 'var(--autocomplete-text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n '--combobox-text-input-input-focus-border-color':\n 'var(--autocomplete-text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})',\n '--combobox-text-input-input-focus-shadow':\n 'var(--autocomplete-text-input-input-focus-shadow, none)',\n\n /* Sections */\n '--combobox-text-input-section-size':\n 'var(--autocomplete-text-input-section-size, {sizes.600})',\n '--combobox-text-input-left-section-width':\n 'var(--autocomplete-text-input-left-section-width, {sizes.600})',\n '--combobox-text-input-right-section-width':\n 'var(--autocomplete-text-input-right-section-width, {sizes.600})',\n '--combobox-text-input-left-section-position':\n 'var(--autocomplete-text-input-left-section-position, {spacing.200})',\n '--combobox-text-input-right-section-position':\n 'var(--autocomplete-text-input-right-section-position, {spacing.200})',\n '--combobox-text-input-left-section-pointer-events':\n 'var(--autocomplete-text-input-left-section-pointer-events, none)',\n '--combobox-text-input-right-section-pointer-events':\n 'var(--autocomplete-text-input-right-section-pointer-events, none)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"wEAOA,MAAa,EAAwB,EAAkB,MAAM,CAC3D,UAAW,2BACX,IAAK,CAAC,eAAe,CACrB,KAAM,CACJ,iCACE,yDACF,mCACE,kDACF,4CACE,6DACF,6CACE,kEACF,yCACE,2DAGF,0CACE,iEACF,wCACE,kEACF,0CACE,yEACF,0CACE,4DACF,yCACE,yFAGF,6CACE,oEACF,2CACE,qEACF,6CACE,4EACF,4CACE,4FACF,kDACE,iGAGF,gDACE,uEACF,8CACE,wEACF,gDACE,gFACF,gDACE,kEACF,+CACE,+FAGF,0CACE,iEACF,wCACE,kEACF,0CACE,0EACF,0CACE,4DACF,yCACE,wFAGF,2CACE,mEACF,sCACE,qDACF,qCACE,iDACF,iDACE,+DAGF,0CACE,iEACF,wCACE,kEACF,0CACE,0EACF,0CACE,4DACF,yCACE,wDACF,yCACE,+DACF,yCACE,yFACF,qDACE,qGAGF,2CACE,mEACF,2CACE,uFACF,iDACE,4FACF,2CACE,2DACF,oCACE,0DAGF,qCACE,2DACF,mDACE,2EACF,iDACE,yEACF,oCACE,mDACF,wCACE,wDACF,2CACE,2DAGF,kDACE,0EACF,kDACE,kEACF,mDACE,0EACF,kDACE,8FACF,iDACE,6FACF,2CACE,0DAGF,qCACE,2DACF,2CACE,iEACF,4CACE,kEACF,8CACE,sEACF,+CACE,uEACF,oDACE,mEACF,qDACE,oEACH,CACF,CAAC"}
package/dist/recipes/controls/dropdown/combobox/combobox-text-input.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{dropdownTextInput as e}from"../dropdown-text-input.mjs";const t=e.merge({className:`combobox__text-input`,jsx:[`Combobox`],base:{"--dropdown-text-input-root-gap":`var(--combobox-text-input-root-gap, {spacing.100})`,"--dropdown-text-input-label-font-family":`var(--combobox-text-input-label-font-family, {fonts.base})`,"--dropdown-text-input-label-font-size":`var(--combobox-text-input-label-font-size, {fontSizes.400})`,"--dropdown-text-input-label-font-weight":`var(--combobox-text-input-label-font-weight, {fontWeights.medium})`,"--dropdown-text-input-label-line-height":`var(--combobox-text-input-label-line-height, inherit)`,"--dropdown-text-input-label-foreground":`var(--combobox-text-input-label-foreground, {colors.neutral.foreground.1.enabled})`,"--dropdown-text-input-required-font-family":`var(--combobox-text-input-required-font-family, {fonts.base})`,"--dropdown-text-input-required-font-size":`var(--combobox-text-input-required-font-size, {fontSizes.400})`,"--dropdown-text-input-required-font-weight":`var(--combobox-text-input-required-font-weight, {fontWeights.medium})`,"--dropdown-text-input-required-foreground":`var(--combobox-text-input-required-foreground, {colors.neutral.foreground.1.enabled})`,"--dropdown-text-input-required-foreground-error":`var(--combobox-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--dropdown-text-input-description-font-family":`var(--combobox-text-input-description-font-family, {fonts.base})`,"--dropdown-text-input-description-font-size":`var(--combobox-text-input-description-font-size, {fontSizes.300})`,"--dropdown-text-input-description-font-weight":`var(--combobox-text-input-description-font-weight, {fontWeights.regular})`,"--dropdown-text-input-description-line-height":`var(--combobox-text-input-description-line-height, inherit)`,"--dropdown-text-input-description-foreground":`var(--combobox-text-input-description-foreground, {colors.neutral.foreground.2.enabled})`,"--dropdown-text-input-error-font-family":`var(--combobox-text-input-error-font-family, {fonts.base})`,"--dropdown-text-input-error-font-size":`var(--combobox-text-input-error-font-size, {fontSizes.300})`,"--dropdown-text-input-error-font-weight":`var(--combobox-text-input-error-font-weight, {fontWeights.regular})`,"--dropdown-text-input-error-line-height":`var(--combobox-text-input-error-line-height, inherit)`,"--dropdown-text-input-error-foreground":`var(--combobox-text-input-error-foreground, {colors.danger.foreground.1.enabled})`,"--dropdown-text-input-wrapper-margin-top":`var(--combobox-text-input-wrapper-margin-top, {spacing.100})`,"--dropdown-text-input-wrapper-disabled-opacity":`var(--combobox-text-input-wrapper-disabled-opacity, 0.5)`,"--dropdown-text-input-input-font-family":`var(--combobox-text-input-input-font-family, {fonts.base})`,"--dropdown-text-input-input-font-size":`var(--combobox-text-input-input-font-size, {fontSizes.400})`,"--dropdown-text-input-input-font-weight":`var(--combobox-text-input-input-font-weight, {fontWeights.regular})`,"--dropdown-text-input-input-line-height":`var(--combobox-text-input-input-line-height, inherit)`,"--dropdown-text-input-input-text-align":`var(--combobox-text-input-input-text-align, left)`,"--dropdown-text-input-input-background":`var(--combobox-text-input-input-background, transparent)`,"--dropdown-text-input-input-foreground":`var(--combobox-text-input-input-foreground, {colors.neutral.foreground.1.enabled})`,"--dropdown-text-input-input-placeholder-foreground":`var(--combobox-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`,"--dropdown-text-input-input-border-width":`var(--combobox-text-input-input-border-width, {borders.100})`,"--dropdown-text-input-input-border-color":`var(--combobox-text-input-input-border-color, {colors.neutral.stroke.1.enabled})`,"--dropdown-text-input-input-border-color-error":`var(--combobox-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,"--dropdown-text-input-input-border-style":`var(--combobox-text-input-input-border-style, solid)`,"--dropdown-text-input-input-radii":`var(--combobox-text-input-input-radii, {radii.200})`,"--dropdown-text-input-input-height":`var(--combobox-text-input-input-height, {sizes.700})`,"--dropdown-text-input-input-padding-inline-start":`var(--combobox-text-input-input-padding-inline-start, {spacing.300})`,"--dropdown-text-input-input-padding-inline-end":`var(--combobox-text-input-input-padding-inline-end, {spacing.200})`,"--dropdown-text-input-input-focus-outline-width":`var(--combobox-text-input-input-focus-outline-width, {borders.150})`,"--dropdown-text-input-input-focus-outline-style":`var(--combobox-text-input-input-focus-outline-style, solid)`,"--dropdown-text-input-input-focus-outline-offset":`var(--combobox-text-input-input-focus-outline-offset, {spacing.50})`,"--dropdown-text-input-input-focus-outline-color":`var(--combobox-text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})`,"--dropdown-text-input-input-focus-border-color":`var(--combobox-text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})`,"--dropdown-text-input-input-focus-shadow":`var(--combobox-text-input-input-focus-shadow, none)`,"--dropdown-text-input-section-size":`var(--combobox-text-input-section-size, {sizes.600})`,"--dropdown-text-input-left-section-width":`var(--combobox-text-input-left-section-width, {sizes.600})`,"--dropdown-text-input-right-section-width":`var(--combobox-text-input-right-section-width, {sizes.600})`,"--dropdown-text-input-left-section-position":`var(--combobox-text-input-left-section-position, {spacing.200})`,"--dropdown-text-input-right-section-position":`var(--combobox-text-input-right-section-position, {spacing.200})`,"--dropdown-text-input-left-section-pointer-events":`var(--combobox-text-input-left-section-pointer-events, none)`,"--dropdown-text-input-right-section-pointer-events":`var(--combobox-text-input-right-section-pointer-events, none)`}});export{t as comboboxTextInput};
1
+ import{dropdownTextInput as e}from"../dropdown-text-input.mjs";const t=e.merge({className:`combobox__text-input`,jsx:[`Combobox`],base:{"--dropdown-text-input-root-gap":`var(--combobox-text-input-root-gap, {spacing.100})`,"--dropdown-text-input-root-width":`var(--combobox-text-input-root-width, 100%)`,"--dropdown-text-input-root-flex-direction":`var(--combobox-text-input-root-flex-direction, column)`,"--dropdown-text-input-root-justify-content":`var(--combobox-text-input-root-justify-content, flex-start)`,"--dropdown-text-input-root-align-items":`var(--combobox-text-input-root-align-items, stretch)`,"--dropdown-text-input-label-font-family":`var(--combobox-text-input-label-font-family, {fonts.base})`,"--dropdown-text-input-label-font-size":`var(--combobox-text-input-label-font-size, {fontSizes.400})`,"--dropdown-text-input-label-font-weight":`var(--combobox-text-input-label-font-weight, {fontWeights.medium})`,"--dropdown-text-input-label-line-height":`var(--combobox-text-input-label-line-height, inherit)`,"--dropdown-text-input-label-foreground":`var(--combobox-text-input-label-foreground, {colors.neutral.foreground.1.enabled})`,"--dropdown-text-input-required-font-family":`var(--combobox-text-input-required-font-family, {fonts.base})`,"--dropdown-text-input-required-font-size":`var(--combobox-text-input-required-font-size, {fontSizes.400})`,"--dropdown-text-input-required-font-weight":`var(--combobox-text-input-required-font-weight, {fontWeights.medium})`,"--dropdown-text-input-required-foreground":`var(--combobox-text-input-required-foreground, {colors.neutral.foreground.1.enabled})`,"--dropdown-text-input-required-foreground-error":`var(--combobox-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--dropdown-text-input-description-font-family":`var(--combobox-text-input-description-font-family, {fonts.base})`,"--dropdown-text-input-description-font-size":`var(--combobox-text-input-description-font-size, {fontSizes.300})`,"--dropdown-text-input-description-font-weight":`var(--combobox-text-input-description-font-weight, {fontWeights.regular})`,"--dropdown-text-input-description-line-height":`var(--combobox-text-input-description-line-height, inherit)`,"--dropdown-text-input-description-foreground":`var(--combobox-text-input-description-foreground, {colors.neutral.foreground.2.enabled})`,"--dropdown-text-input-error-font-family":`var(--combobox-text-input-error-font-family, {fonts.base})`,"--dropdown-text-input-error-font-size":`var(--combobox-text-input-error-font-size, {fontSizes.300})`,"--dropdown-text-input-error-font-weight":`var(--combobox-text-input-error-font-weight, {fontWeights.regular})`,"--dropdown-text-input-error-line-height":`var(--combobox-text-input-error-line-height, inherit)`,"--dropdown-text-input-error-foreground":`var(--combobox-text-input-error-foreground, {colors.danger.foreground.1.enabled})`,"--dropdown-text-input-wrapper-margin-top":`var(--combobox-text-input-wrapper-margin-top, {spacing.100})`,"--dropdown-text-input-wrapper-width":`var(--combobox-text-input-wrapper-width, 100%)`,"--dropdown-text-input-wrapper-flex":`var(--combobox-text-input-wrapper-flex, 1)`,"--dropdown-text-input-wrapper-disabled-opacity":`var(--combobox-text-input-wrapper-disabled-opacity, 0.5)`,"--dropdown-text-input-input-font-family":`var(--combobox-text-input-input-font-family, {fonts.base})`,"--dropdown-text-input-input-font-size":`var(--combobox-text-input-input-font-size, {fontSizes.400})`,"--dropdown-text-input-input-font-weight":`var(--combobox-text-input-input-font-weight, {fontWeights.regular})`,"--dropdown-text-input-input-line-height":`var(--combobox-text-input-input-line-height, inherit)`,"--dropdown-text-input-input-text-align":`var(--combobox-text-input-input-text-align, left)`,"--dropdown-text-input-input-background":`var(--combobox-text-input-input-background, transparent)`,"--dropdown-text-input-input-foreground":`var(--combobox-text-input-input-foreground, {colors.neutral.foreground.1.enabled})`,"--dropdown-text-input-input-placeholder-foreground":`var(--combobox-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`,"--dropdown-text-input-input-border-width":`var(--combobox-text-input-input-border-width, {borders.100})`,"--dropdown-text-input-input-border-color":`var(--combobox-text-input-input-border-color, {colors.neutral.stroke.7.enabled})`,"--dropdown-text-input-input-border-color-error":`var(--combobox-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,"--dropdown-text-input-input-border-style":`var(--combobox-text-input-input-border-style, solid)`,"--dropdown-text-input-input-radii":`var(--combobox-text-input-input-radii, {radii.200})`,"--dropdown-text-input-input-height":`var(--combobox-text-input-input-height, {sizes.700})`,"--dropdown-text-input-input-padding-inline-start":`var(--combobox-text-input-input-padding-inline-start, {spacing.300})`,"--dropdown-text-input-input-padding-inline-end":`var(--combobox-text-input-input-padding-inline-end, {spacing.200})`,"--dropdown-text-input-input-width":`var(--combobox-text-input-input-width, 100%)`,"--dropdown-text-input-input-min-width":`var(--combobox-text-input-input-min-width, unset)`,"--dropdown-text-input-input-field-sizing":`var(--combobox-text-input-input-field-sizing, fixed)`,"--dropdown-text-input-input-focus-outline-width":`var(--combobox-text-input-input-focus-outline-width, {borders.150})`,"--dropdown-text-input-input-focus-outline-style":`var(--combobox-text-input-input-focus-outline-style, solid)`,"--dropdown-text-input-input-focus-outline-offset":`var(--combobox-text-input-input-focus-outline-offset, {spacing.50})`,"--dropdown-text-input-input-focus-outline-color":`var(--combobox-text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})`,"--dropdown-text-input-input-focus-border-color":`var(--combobox-text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})`,"--dropdown-text-input-input-focus-shadow":`var(--combobox-text-input-input-focus-shadow, none)`,"--dropdown-text-input-section-size":`var(--combobox-text-input-section-size, {sizes.600})`,"--dropdown-text-input-left-section-width":`var(--combobox-text-input-left-section-width, {sizes.600})`,"--dropdown-text-input-right-section-width":`var(--combobox-text-input-right-section-width, {sizes.600})`,"--dropdown-text-input-left-section-position":`var(--combobox-text-input-left-section-position, {spacing.200})`,"--dropdown-text-input-right-section-position":`var(--combobox-text-input-right-section-position, {spacing.200})`,"--dropdown-text-input-left-section-pointer-events":`var(--combobox-text-input-left-section-pointer-events, none)`,"--dropdown-text-input-right-section-pointer-events":`var(--combobox-text-input-right-section-pointer-events, none)`}});export{t as comboboxTextInput};
2
2
  //# sourceMappingURL=combobox-text-input.mjs.map
package/dist/recipes/controls/dropdown/combobox/combobox-text-input.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"combobox-text-input.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/combobox/combobox-text-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { dropdownTextInput } from '../dropdown-text-input';\n\nexport const comboboxTextInput = dropdownTextInput.merge({\n className: 'combobox__text-input',\n jsx: ['Combobox'],\n base: {\n '--dropdown-text-input-root-gap':\n 'var(--combobox-text-input-root-gap, {spacing.100})',\n\n /* Label */\n '--dropdown-text-input-label-font-family':\n 'var(--combobox-text-input-label-font-family, {fonts.base})',\n '--dropdown-text-input-label-font-size':\n 'var(--combobox-text-input-label-font-size, {fontSizes.400})',\n '--dropdown-text-input-label-font-weight':\n 'var(--combobox-text-input-label-font-weight, {fontWeights.medium})',\n '--dropdown-text-input-label-line-height':\n 'var(--combobox-text-input-label-line-height, inherit)',\n '--dropdown-text-input-label-foreground':\n 'var(--combobox-text-input-label-foreground, {colors.neutral.foreground.1.enabled})',\n\n /* Required */\n '--dropdown-text-input-required-font-family':\n 'var(--combobox-text-input-required-font-family, {fonts.base})',\n '--dropdown-text-input-required-font-size':\n 'var(--combobox-text-input-required-font-size, {fontSizes.400})',\n '--dropdown-text-input-required-font-weight':\n 'var(--combobox-text-input-required-font-weight, {fontWeights.medium})',\n '--dropdown-text-input-required-foreground':\n 'var(--combobox-text-input-required-foreground, {colors.neutral.foreground.1.enabled})',\n '--dropdown-text-input-required-foreground-error':\n 'var(--combobox-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n /* Description */\n '--dropdown-text-input-description-font-family':\n 'var(--combobox-text-input-description-font-family, {fonts.base})',\n '--dropdown-text-input-description-font-size':\n 'var(--combobox-text-input-description-font-size, {fontSizes.300})',\n '--dropdown-text-input-description-font-weight':\n 'var(--combobox-text-input-description-font-weight, {fontWeights.regular})',\n '--dropdown-text-input-description-line-height':\n 'var(--combobox-text-input-description-line-height, inherit)',\n '--dropdown-text-input-description-foreground':\n 'var(--combobox-text-input-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n /* Error */\n '--dropdown-text-input-error-font-family':\n 'var(--combobox-text-input-error-font-family, {fonts.base})',\n '--dropdown-text-input-error-font-size':\n 'var(--combobox-text-input-error-font-size, {fontSizes.300})',\n '--dropdown-text-input-error-font-weight':\n 'var(--combobox-text-input-error-font-weight, {fontWeights.regular})',\n '--dropdown-text-input-error-line-height':\n 'var(--combobox-text-input-error-line-height, inherit)',\n '--dropdown-text-input-error-foreground':\n 'var(--combobox-text-input-error-foreground, {colors.danger.foreground.1.enabled})',\n\n /* Input wrapper */\n '--dropdown-text-input-wrapper-margin-top':\n 'var(--combobox-text-input-wrapper-margin-top, {spacing.100})',\n '--dropdown-text-input-wrapper-disabled-opacity':\n 'var(--combobox-text-input-wrapper-disabled-opacity, 0.5)',\n\n /* Input */\n '--dropdown-text-input-input-font-family':\n 'var(--combobox-text-input-input-font-family, {fonts.base})',\n '--dropdown-text-input-input-font-size':\n 'var(--combobox-text-input-input-font-size, {fontSizes.400})',\n '--dropdown-text-input-input-font-weight':\n 'var(--combobox-text-input-input-font-weight, {fontWeights.regular})',\n '--dropdown-text-input-input-line-height':\n 'var(--combobox-text-input-input-line-height, inherit)',\n '--dropdown-text-input-input-text-align':\n 'var(--combobox-text-input-input-text-align, left)',\n '--dropdown-text-input-input-background':\n 'var(--combobox-text-input-input-background, transparent)',\n '--dropdown-text-input-input-foreground':\n 'var(--combobox-text-input-input-foreground, {colors.neutral.foreground.1.enabled})',\n '--dropdown-text-input-input-placeholder-foreground':\n 'var(--combobox-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n\n /* Input borders */\n '--dropdown-text-input-input-border-width':\n 'var(--combobox-text-input-input-border-width, {borders.100})',\n '--dropdown-text-input-input-border-color':\n 'var(--combobox-text-input-input-border-color, {colors.neutral.stroke.1.enabled})',\n '--dropdown-text-input-input-border-color-error':\n 'var(--combobox-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n '--dropdown-text-input-input-border-style':\n 'var(--combobox-text-input-input-border-style, solid)',\n '--dropdown-text-input-input-radii':\n 'var(--combobox-text-input-input-radii, {radii.200})',\n\n /* Input sizing & spacing */\n '--dropdown-text-input-input-height':\n 'var(--combobox-text-input-input-height, {sizes.700})',\n '--dropdown-text-input-input-padding-inline-start':\n 'var(--combobox-text-input-input-padding-inline-start, {spacing.300})',\n '--dropdown-text-input-input-padding-inline-end':\n 'var(--combobox-text-input-input-padding-inline-end, {spacing.200})',\n\n /* Input focus */\n '--dropdown-text-input-input-focus-outline-width':\n 'var(--combobox-text-input-input-focus-outline-width, {borders.150})',\n '--dropdown-text-input-input-focus-outline-style':\n 'var(--combobox-text-input-input-focus-outline-style, solid)',\n '--dropdown-text-input-input-focus-outline-offset':\n 'var(--combobox-text-input-input-focus-outline-offset, {spacing.50})',\n '--dropdown-text-input-input-focus-outline-color':\n 'var(--combobox-text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n '--dropdown-text-input-input-focus-border-color':\n 'var(--combobox-text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})',\n '--dropdown-text-input-input-focus-shadow':\n 'var(--combobox-text-input-input-focus-shadow, none)',\n\n /* Sections */\n '--dropdown-text-input-section-size':\n 'var(--combobox-text-input-section-size, {sizes.600})',\n '--dropdown-text-input-left-section-width':\n 'var(--combobox-text-input-left-section-width, {sizes.600})',\n '--dropdown-text-input-right-section-width':\n 'var(--combobox-text-input-right-section-width, {sizes.600})',\n '--dropdown-text-input-left-section-position':\n 'var(--combobox-text-input-left-section-position, {spacing.200})',\n '--dropdown-text-input-right-section-position':\n 'var(--combobox-text-input-right-section-position, {spacing.200})',\n '--dropdown-text-input-left-section-pointer-events':\n 'var(--combobox-text-input-left-section-pointer-events, none)',\n '--dropdown-text-input-right-section-pointer-events':\n 'var(--combobox-text-input-right-section-pointer-events, none)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"+DAOA,MAAa,EAAoB,EAAkB,MAAM,CACvD,UAAW,uBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,iCACE,qDAGF,0CACE,6DACF,wCACE,8DACF,0CACE,qEACF,0CACE,wDACF,yCACE,qFAGF,6CACE,gEACF,2CACE,iEACF,6CACE,wEACF,4CACE,wFACF,kDACE,6FAGF,gDACE,mEACF,8CACE,oEACF,gDACE,4EACF,gDACE,8DACF,+CACE,2FAGF,0CACE,6DACF,wCACE,8DACF,0CACE,sEACF,0CACE,wDACF,yCACE,oFAGF,2CACE,+DACF,iDACE,2DAGF,0CACE,6DACF,wCACE,8DACF,0CACE,sEACF,0CACE,wDACF,yCACE,oDACF,yCACE,2DACF,yCACE,qFACF,qDACE,iGAGF,2CACE,+DACF,2CACE,mFACF,iDACE,wFACF,2CACE,uDACF,oCACE,sDAGF,qCACE,uDACF,mDACE,uEACF,iDACE,qEAGF,kDACE,sEACF,kDACE,8DACF,mDACE,sEACF,kDACE,0FACF,iDACE,yFACF,2CACE,sDAGF,qCACE,uDACF,2CACE,6DACF,4CACE,8DACF,8CACE,kEACF,+CACE,mEACF,oDACE,+DACF,qDACE,gEACH,CACF,CAAC"}
1
+ {"version":3,"file":"combobox-text-input.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/combobox/combobox-text-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { dropdownTextInput } from '../dropdown-text-input';\n\nexport const comboboxTextInput = dropdownTextInput.merge({\n className: 'combobox__text-input',\n jsx: ['Combobox'],\n base: {\n '--dropdown-text-input-root-gap':\n 'var(--combobox-text-input-root-gap, {spacing.100})',\n '--dropdown-text-input-root-width':\n 'var(--combobox-text-input-root-width, 100%)',\n '--dropdown-text-input-root-flex-direction':\n 'var(--combobox-text-input-root-flex-direction, column)',\n '--dropdown-text-input-root-justify-content':\n 'var(--combobox-text-input-root-justify-content, flex-start)',\n '--dropdown-text-input-root-align-items':\n 'var(--combobox-text-input-root-align-items, stretch)',\n\n /* Label */\n '--dropdown-text-input-label-font-family':\n 'var(--combobox-text-input-label-font-family, {fonts.base})',\n '--dropdown-text-input-label-font-size':\n 'var(--combobox-text-input-label-font-size, {fontSizes.400})',\n '--dropdown-text-input-label-font-weight':\n 'var(--combobox-text-input-label-font-weight, {fontWeights.medium})',\n '--dropdown-text-input-label-line-height':\n 'var(--combobox-text-input-label-line-height, inherit)',\n '--dropdown-text-input-label-foreground':\n 'var(--combobox-text-input-label-foreground, {colors.neutral.foreground.1.enabled})',\n\n /* Required */\n '--dropdown-text-input-required-font-family':\n 'var(--combobox-text-input-required-font-family, {fonts.base})',\n '--dropdown-text-input-required-font-size':\n 'var(--combobox-text-input-required-font-size, {fontSizes.400})',\n '--dropdown-text-input-required-font-weight':\n 'var(--combobox-text-input-required-font-weight, {fontWeights.medium})',\n '--dropdown-text-input-required-foreground':\n 'var(--combobox-text-input-required-foreground, {colors.neutral.foreground.1.enabled})',\n '--dropdown-text-input-required-foreground-error':\n 'var(--combobox-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n /* Description */\n '--dropdown-text-input-description-font-family':\n 'var(--combobox-text-input-description-font-family, {fonts.base})',\n '--dropdown-text-input-description-font-size':\n 'var(--combobox-text-input-description-font-size, {fontSizes.300})',\n '--dropdown-text-input-description-font-weight':\n 'var(--combobox-text-input-description-font-weight, {fontWeights.regular})',\n '--dropdown-text-input-description-line-height':\n 'var(--combobox-text-input-description-line-height, inherit)',\n '--dropdown-text-input-description-foreground':\n 'var(--combobox-text-input-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n /* Error */\n '--dropdown-text-input-error-font-family':\n 'var(--combobox-text-input-error-font-family, {fonts.base})',\n '--dropdown-text-input-error-font-size':\n 'var(--combobox-text-input-error-font-size, {fontSizes.300})',\n '--dropdown-text-input-error-font-weight':\n 'var(--combobox-text-input-error-font-weight, {fontWeights.regular})',\n '--dropdown-text-input-error-line-height':\n 'var(--combobox-text-input-error-line-height, inherit)',\n '--dropdown-text-input-error-foreground':\n 'var(--combobox-text-input-error-foreground, {colors.danger.foreground.1.enabled})',\n\n /* Input wrapper */\n '--dropdown-text-input-wrapper-margin-top':\n 'var(--combobox-text-input-wrapper-margin-top, {spacing.100})',\n '--dropdown-text-input-wrapper-width':\n 'var(--combobox-text-input-wrapper-width, 100%)',\n '--dropdown-text-input-wrapper-flex':\n 'var(--combobox-text-input-wrapper-flex, 1)',\n '--dropdown-text-input-wrapper-disabled-opacity':\n 'var(--combobox-text-input-wrapper-disabled-opacity, 0.5)',\n\n /* Input */\n '--dropdown-text-input-input-font-family':\n 'var(--combobox-text-input-input-font-family, {fonts.base})',\n '--dropdown-text-input-input-font-size':\n 'var(--combobox-text-input-input-font-size, {fontSizes.400})',\n '--dropdown-text-input-input-font-weight':\n 'var(--combobox-text-input-input-font-weight, {fontWeights.regular})',\n '--dropdown-text-input-input-line-height':\n 'var(--combobox-text-input-input-line-height, inherit)',\n '--dropdown-text-input-input-text-align':\n 'var(--combobox-text-input-input-text-align, left)',\n '--dropdown-text-input-input-background':\n 'var(--combobox-text-input-input-background, transparent)',\n '--dropdown-text-input-input-foreground':\n 'var(--combobox-text-input-input-foreground, {colors.neutral.foreground.1.enabled})',\n '--dropdown-text-input-input-placeholder-foreground':\n 'var(--combobox-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n\n /* Input borders */\n '--dropdown-text-input-input-border-width':\n 'var(--combobox-text-input-input-border-width, {borders.100})',\n '--dropdown-text-input-input-border-color':\n 'var(--combobox-text-input-input-border-color, {colors.neutral.stroke.7.enabled})',\n '--dropdown-text-input-input-border-color-error':\n 'var(--combobox-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n '--dropdown-text-input-input-border-style':\n 'var(--combobox-text-input-input-border-style, solid)',\n '--dropdown-text-input-input-radii':\n 'var(--combobox-text-input-input-radii, {radii.200})',\n\n /* Input sizing & spacing */\n '--dropdown-text-input-input-height':\n 'var(--combobox-text-input-input-height, {sizes.700})',\n '--dropdown-text-input-input-padding-inline-start':\n 'var(--combobox-text-input-input-padding-inline-start, {spacing.300})',\n '--dropdown-text-input-input-padding-inline-end':\n 'var(--combobox-text-input-input-padding-inline-end, {spacing.200})',\n '--dropdown-text-input-input-width':\n 'var(--combobox-text-input-input-width, 100%)',\n '--dropdown-text-input-input-min-width':\n 'var(--combobox-text-input-input-min-width, unset)',\n '--dropdown-text-input-input-field-sizing':\n 'var(--combobox-text-input-input-field-sizing, fixed)',\n\n /* Input focus */\n '--dropdown-text-input-input-focus-outline-width':\n 'var(--combobox-text-input-input-focus-outline-width, {borders.150})',\n '--dropdown-text-input-input-focus-outline-style':\n 'var(--combobox-text-input-input-focus-outline-style, solid)',\n '--dropdown-text-input-input-focus-outline-offset':\n 'var(--combobox-text-input-input-focus-outline-offset, {spacing.50})',\n '--dropdown-text-input-input-focus-outline-color':\n 'var(--combobox-text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n '--dropdown-text-input-input-focus-border-color':\n 'var(--combobox-text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})',\n '--dropdown-text-input-input-focus-shadow':\n 'var(--combobox-text-input-input-focus-shadow, none)',\n\n /* Sections */\n '--dropdown-text-input-section-size':\n 'var(--combobox-text-input-section-size, {sizes.600})',\n '--dropdown-text-input-left-section-width':\n 'var(--combobox-text-input-left-section-width, {sizes.600})',\n '--dropdown-text-input-right-section-width':\n 'var(--combobox-text-input-right-section-width, {sizes.600})',\n '--dropdown-text-input-left-section-position':\n 'var(--combobox-text-input-left-section-position, {spacing.200})',\n '--dropdown-text-input-right-section-position':\n 'var(--combobox-text-input-right-section-position, {spacing.200})',\n '--dropdown-text-input-left-section-pointer-events':\n 'var(--combobox-text-input-left-section-pointer-events, none)',\n '--dropdown-text-input-right-section-pointer-events':\n 'var(--combobox-text-input-right-section-pointer-events, none)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"+DAOA,MAAa,EAAoB,EAAkB,MAAM,CACvD,UAAW,uBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,iCACE,qDACF,mCACE,8CACF,4CACE,yDACF,6CACE,8DACF,yCACE,uDAGF,0CACE,6DACF,wCACE,8DACF,0CACE,qEACF,0CACE,wDACF,yCACE,qFAGF,6CACE,gEACF,2CACE,iEACF,6CACE,wEACF,4CACE,wFACF,kDACE,6FAGF,gDACE,mEACF,8CACE,oEACF,gDACE,4EACF,gDACE,8DACF,+CACE,2FAGF,0CACE,6DACF,wCACE,8DACF,0CACE,sEACF,0CACE,wDACF,yCACE,oFAGF,2CACE,+DACF,sCACE,iDACF,qCACE,6CACF,iDACE,2DAGF,0CACE,6DACF,wCACE,8DACF,0CACE,sEACF,0CACE,wDACF,yCACE,oDACF,yCACE,2DACF,yCACE,qFACF,qDACE,iGAGF,2CACE,+DACF,2CACE,mFACF,iDACE,wFACF,2CACE,uDACF,oCACE,sDAGF,qCACE,uDACF,mDACE,uEACF,iDACE,qEACF,oCACE,+CACF,wCACE,oDACF,2CACE,uDAGF,kDACE,sEACF,kDACE,8DACF,mDACE,sEACF,kDACE,0FACF,iDACE,yFACF,2CACE,sDAGF,qCACE,uDACF,2CACE,6DACF,4CACE,8DACF,8CACE,kEACF,+CACE,mEACF,oDACE,+DACF,qDACE,gEACH,CACF,CAAC"}
package/dist/recipes/controls/dropdown/dropdown-text-input.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{textInput as e}from"../text-input/text-input.mjs";const t=e.merge({className:`dropdown__text-input`,jsx:[`Dropdown`],base:{"--text-input-root-gap":`var(--dropdown-text-input-root-gap, {spacing.100})`,"--text-input-label-font-family":`var(--dropdown-text-input-label-font-family, {fonts.base})`,"--text-input-label-font-size":`var(--dropdown-text-input-label-font-size, {fontSizes.300})`,"--text-input-label-font-weight":`var(--dropdown-text-input-label-font-weight, {fontWeights.medium})`,"--text-input-label-line-height":`var(--dropdown-text-input-label-line-height, inherit)`,"--text-input-label-foreground":`var(--dropdown-text-input-label-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-required-font-family":`var(--dropdown-text-input-required-font-family, {fonts.base})`,"--text-input-required-font-size":`var(--dropdown-text-input-required-font-size, {fontSizes.300})`,"--text-input-required-font-weight":`var(--dropdown-text-input-required-font-weight, {fontWeights.medium})`,"--text-input-required-foreground":`var(--dropdown-text-input-required-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-required-foreground-error":`var(--dropdown-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--text-input-description-font-family":`var(--dropdown-text-input-description-font-family, {fonts.base})`,"--text-input-description-font-size":`var(--dropdown-text-input-description-font-size, {fontSizes.200})`,"--text-input-description-font-weight":`var(--dropdown-text-input-description-font-weight, {fontWeights.regular})`,"--text-input-description-line-height":`var(--dropdown-text-input-description-line-height, inherit)`,"--text-input-description-foreground":`var(--dropdown-text-input-description-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-error-font-family":`var(--dropdown-text-input-error-font-family, {fonts.base})`,"--text-input-error-font-size":`var(--dropdown-text-input-error-font-size, {fontSizes.200})`,"--text-input-error-font-weight":`var(--dropdown-text-input-error-font-weight, {fontWeights.regular})`,"--text-input-error-line-height":`var(--dropdown-text-input-error-line-height, inherit)`,"--text-input-error-foreground":`var(--dropdown-text-input-error-foreground, {colors.danger.foreground.1.enabled})`,"--text-input-wrapper-margin-top":`var(--dropdown-text-input-wrapper-margin-top, {spacing.100})`,"--text-input-wrapper-disabled-opacity":`var(--dropdown-text-input-wrapper-disabled-opacity, 0.5)`,"--text-input-input-font-family":`var(--dropdown-text-input-input-font-family, {fonts.base})`,"--text-input-input-font-size":`var(--dropdown-text-input-input-font-size, {fontSizes.300})`,"--text-input-input-font-weight":`var(--dropdown-text-input-input-font-weight, {fontWeights.regular})`,"--text-input-input-line-height":`var(--dropdown-text-input-input-line-height, inherit)`,"--text-input-input-text-align":`var(--dropdown-text-input-input-text-align, left)`,"--text-input-input-background":`var(--dropdown-text-input-input-background, transparent)`,"--text-input-input-foreground":`var(--dropdown-text-input-input-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-input-placeholder-foreground":`var(--dropdown-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`,"--text-input-input-border-width":`var(--dropdown-text-input-input-border-width, {borders.100})`,"--text-input-input-border-color":`var(--dropdown-text-input-input-border-color, {colors.neutral.stroke.1.enabled})`,"--text-input-input-border-color-error":`var(--dropdown-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,"--text-input-input-border-style":`var(--dropdown-text-input-input-border-style, solid)`,"--text-input-input-radii":`var(--dropdown-text-input-input-radii, {radii.200})`,"--text-input-input-height":`var(--dropdown-text-input-input-height, {sizes.700})`,"--text-input-input-padding-inline-start":`var(--dropdown-text-input-input-padding-inline-start, {spacing.300})`,"--text-input-input-padding-inline-end":`var(--dropdown-text-input-input-padding-inline-end, {spacing.200})`,"--text-input-input-focus-outline-width":`var(--dropdown-text-input-input-focus-outline-width, {borders.150})`,"--text-input-input-focus-outline-style":`var(--dropdown-text-input-input-focus-outline-style, solid)`,"--text-input-input-focus-outline-offset":`var(--dropdown-text-input-input-focus-outline-offset, {spacing.50})`,"--text-input-input-focus-outline-color":`var(--dropdown-text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})`,"--text-input-input-focus-border-color":`var(--dropdown-text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})`,"--text-input-input-focus-shadow":`var(--dropdown-text-input-input-focus-shadow, none)`,"--text-input-section-size":`var(--dropdown-text-input-section-size, {sizes.600})`,"--text-input-left-section-width":`var(--dropdown-text-input-left-section-width, {sizes.600})`,"--text-input-right-section-width":`var(--dropdown-text-input-right-section-width, {sizes.600})`,"--text-input-left-section-position":`var(--dropdown-text-input-left-section-position, {spacing.200})`,"--text-input-right-section-position":`var(--dropdown-text-input-right-section-position, {spacing.200})`,"--text-input-left-section-pointer-events":`var(--dropdown-text-input-left-section-pointer-events, none)`,"--text-input-right-section-pointer-events":`var(--dropdown-text-input-right-section-pointer-events, none)`}});export{t as dropdownTextInput};
1
+ import{textInput as e}from"../text-input/text-input.mjs";const t=e.merge({className:`dropdown__text-input`,jsx:[`Dropdown`],base:{"--text-input-root-gap":`var(--dropdown-text-input-root-gap, {spacing.100})`,"--text-input-root-width":`var(--dropdown-text-input-root-width, 100%)`,"--text-input-root-flex-direction":`var(--dropdown-text-input-root-flex-direction, column)`,"--text-input-root-justify-content":`var(--dropdown-text-input-root-justify-content, flex-start)`,"--text-input-root-align-items":`var(--dropdown-text-input-root-align-items, stretch)`,"--text-input-label-font-family":`var(--dropdown-text-input-label-font-family, {fonts.base})`,"--text-input-label-font-size":`var(--dropdown-text-input-label-font-size, {fontSizes.300})`,"--text-input-label-font-weight":`var(--dropdown-text-input-label-font-weight, {fontWeights.medium})`,"--text-input-label-line-height":`var(--dropdown-text-input-label-line-height, inherit)`,"--text-input-label-foreground":`var(--dropdown-text-input-label-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-required-font-family":`var(--dropdown-text-input-required-font-family, {fonts.base})`,"--text-input-required-font-size":`var(--dropdown-text-input-required-font-size, {fontSizes.300})`,"--text-input-required-font-weight":`var(--dropdown-text-input-required-font-weight, {fontWeights.medium})`,"--text-input-required-foreground":`var(--dropdown-text-input-required-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-required-foreground-error":`var(--dropdown-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--text-input-description-font-family":`var(--dropdown-text-input-description-font-family, {fonts.base})`,"--text-input-description-font-size":`var(--dropdown-text-input-description-font-size, {fontSizes.200})`,"--text-input-description-font-weight":`var(--dropdown-text-input-description-font-weight, {fontWeights.regular})`,"--text-input-description-line-height":`var(--dropdown-text-input-description-line-height, inherit)`,"--text-input-description-foreground":`var(--dropdown-text-input-description-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-error-font-family":`var(--dropdown-text-input-error-font-family, {fonts.base})`,"--text-input-error-font-size":`var(--dropdown-text-input-error-font-size, {fontSizes.200})`,"--text-input-error-font-weight":`var(--dropdown-text-input-error-font-weight, {fontWeights.regular})`,"--text-input-error-line-height":`var(--dropdown-text-input-error-line-height, inherit)`,"--text-input-error-foreground":`var(--dropdown-text-input-error-foreground, {colors.danger.foreground.1.enabled})`,"--text-input-wrapper-margin-top":`var(--dropdown-text-input-wrapper-margin-top, {spacing.100})`,"--text-input-wrapper-width":`var(--dropdown-text-input-wrapper-width, 100%)`,"--text-input-wrapper-flex":`var(--dropdown-text-input-wrapper-flex, 1)`,"--text-input-wrapper-disabled-opacity":`var(--dropdown-text-input-wrapper-disabled-opacity, 0.5)`,"--text-input-input-font-family":`var(--dropdown-text-input-input-font-family, {fonts.base})`,"--text-input-input-font-size":`var(--dropdown-text-input-input-font-size, {fontSizes.300})`,"--text-input-input-font-weight":`var(--dropdown-text-input-input-font-weight, {fontWeights.regular})`,"--text-input-input-line-height":`var(--dropdown-text-input-input-line-height, inherit)`,"--text-input-input-text-align":`var(--dropdown-text-input-input-text-align, left)`,"--text-input-input-background":`var(--dropdown-text-input-input-background, transparent)`,"--text-input-input-foreground":`var(--dropdown-text-input-input-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-input-placeholder-foreground":`var(--dropdown-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`,"--text-input-input-border-width":`var(--dropdown-text-input-input-border-width, {borders.100})`,"--text-input-input-border-color":`var(--dropdown-text-input-input-border-color, {colors.neutral.stroke.7.enabled})`,"--text-input-input-border-color-error":`var(--dropdown-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,"--text-input-input-border-style":`var(--dropdown-text-input-input-border-style, solid)`,"--text-input-input-radii":`var(--dropdown-text-input-input-radii, {radii.200})`,"--text-input-input-height":`var(--dropdown-text-input-input-height, {sizes.700})`,"--text-input-input-padding-inline-start":`var(--dropdown-text-input-input-padding-inline-start, {spacing.300})`,"--text-input-input-padding-inline-end":`var(--dropdown-text-input-input-padding-inline-end, {spacing.200})`,"--text-input-input-width":`var(--dropdown-text-input-input-width, 100%)`,"--text-input-input-focus-outline-width":`var(--dropdown-text-input-input-focus-outline-width, {borders.150})`,"--text-input-input-focus-outline-style":`var(--dropdown-text-input-input-focus-outline-style, solid)`,"--text-input-input-focus-outline-offset":`var(--dropdown-text-input-input-focus-outline-offset, {spacing.50})`,"--text-input-input-focus-outline-color":`var(--dropdown-text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})`,"--text-input-input-focus-border-color":`var(--dropdown-text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})`,"--text-input-input-focus-shadow":`var(--dropdown-text-input-input-focus-shadow, none)`,"--text-input-section-size":`var(--dropdown-text-input-section-size, {sizes.600})`,"--text-input-left-section-width":`var(--dropdown-text-input-left-section-width, {sizes.600})`,"--text-input-right-section-width":`var(--dropdown-text-input-right-section-width, {sizes.600})`,"--text-input-left-section-position":`var(--dropdown-text-input-left-section-position, {spacing.200})`,"--text-input-right-section-position":`var(--dropdown-text-input-right-section-position, {spacing.200})`,"--text-input-left-section-pointer-events":`var(--dropdown-text-input-left-section-pointer-events, none)`,"--text-input-right-section-pointer-events":`var(--dropdown-text-input-right-section-pointer-events, none)`}});export{t as dropdownTextInput};
2
2
  //# sourceMappingURL=dropdown-text-input.mjs.map
package/dist/recipes/controls/dropdown/dropdown-text-input.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown-text-input.mjs","names":[],"sources":["../../../../src/recipes/controls/dropdown/dropdown-text-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { textInput } from '../text-input/text-input';\n\nexport const dropdownTextInput = textInput.merge({\n className: 'dropdown__text-input',\n jsx: ['Dropdown'],\n base: {\n '--text-input-root-gap':\n 'var(--dropdown-text-input-root-gap, {spacing.100})',\n\n /* Label */\n '--text-input-label-font-family':\n 'var(--dropdown-text-input-label-font-family, {fonts.base})',\n '--text-input-label-font-size':\n 'var(--dropdown-text-input-label-font-size, {fontSizes.300})',\n '--text-input-label-font-weight':\n 'var(--dropdown-text-input-label-font-weight, {fontWeights.medium})',\n '--text-input-label-line-height':\n 'var(--dropdown-text-input-label-line-height, inherit)',\n '--text-input-label-foreground':\n 'var(--dropdown-text-input-label-foreground, {colors.neutral.foreground.1.enabled})',\n\n /* Required */\n '--text-input-required-font-family':\n 'var(--dropdown-text-input-required-font-family, {fonts.base})',\n '--text-input-required-font-size':\n 'var(--dropdown-text-input-required-font-size, {fontSizes.300})',\n '--text-input-required-font-weight':\n 'var(--dropdown-text-input-required-font-weight, {fontWeights.medium})',\n '--text-input-required-foreground':\n 'var(--dropdown-text-input-required-foreground, {colors.neutral.foreground.1.enabled})',\n '--text-input-required-foreground-error':\n 'var(--dropdown-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n /* Description */\n '--text-input-description-font-family':\n 'var(--dropdown-text-input-description-font-family, {fonts.base})',\n '--text-input-description-font-size':\n 'var(--dropdown-text-input-description-font-size, {fontSizes.200})',\n '--text-input-description-font-weight':\n 'var(--dropdown-text-input-description-font-weight, {fontWeights.regular})',\n '--text-input-description-line-height':\n 'var(--dropdown-text-input-description-line-height, inherit)',\n '--text-input-description-foreground':\n 'var(--dropdown-text-input-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n /* Error */\n '--text-input-error-font-family':\n 'var(--dropdown-text-input-error-font-family, {fonts.base})',\n '--text-input-error-font-size':\n 'var(--dropdown-text-input-error-font-size, {fontSizes.200})',\n '--text-input-error-font-weight':\n 'var(--dropdown-text-input-error-font-weight, {fontWeights.regular})',\n '--text-input-error-line-height':\n 'var(--dropdown-text-input-error-line-height, inherit)',\n '--text-input-error-foreground':\n 'var(--dropdown-text-input-error-foreground, {colors.danger.foreground.1.enabled})',\n\n /* Input wrapper */\n '--text-input-wrapper-margin-top':\n 'var(--dropdown-text-input-wrapper-margin-top, {spacing.100})',\n '--text-input-wrapper-disabled-opacity':\n 'var(--dropdown-text-input-wrapper-disabled-opacity, 0.5)',\n\n /* Input */\n '--text-input-input-font-family':\n 'var(--dropdown-text-input-input-font-family, {fonts.base})',\n '--text-input-input-font-size':\n 'var(--dropdown-text-input-input-font-size, {fontSizes.300})',\n '--text-input-input-font-weight':\n 'var(--dropdown-text-input-input-font-weight, {fontWeights.regular})',\n '--text-input-input-line-height':\n 'var(--dropdown-text-input-input-line-height, inherit)',\n '--text-input-input-text-align':\n 'var(--dropdown-text-input-input-text-align, left)',\n '--text-input-input-background':\n 'var(--dropdown-text-input-input-background, transparent)',\n '--text-input-input-foreground':\n 'var(--dropdown-text-input-input-foreground, {colors.neutral.foreground.1.enabled})',\n '--text-input-input-placeholder-foreground':\n 'var(--dropdown-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n\n /* Input borders */\n '--text-input-input-border-width':\n 'var(--dropdown-text-input-input-border-width, {borders.100})',\n '--text-input-input-border-color':\n 'var(--dropdown-text-input-input-border-color, {colors.neutral.stroke.1.enabled})',\n '--text-input-input-border-color-error':\n 'var(--dropdown-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n '--text-input-input-border-style':\n 'var(--dropdown-text-input-input-border-style, solid)',\n '--text-input-input-radii':\n 'var(--dropdown-text-input-input-radii, {radii.200})',\n\n /* Input sizing & spacing */\n '--text-input-input-height':\n 'var(--dropdown-text-input-input-height, {sizes.700})',\n '--text-input-input-padding-inline-start':\n 'var(--dropdown-text-input-input-padding-inline-start, {spacing.300})',\n '--text-input-input-padding-inline-end':\n 'var(--dropdown-text-input-input-padding-inline-end, {spacing.200})',\n\n /* Input focus */\n '--text-input-input-focus-outline-width':\n 'var(--dropdown-text-input-input-focus-outline-width, {borders.150})',\n '--text-input-input-focus-outline-style':\n 'var(--dropdown-text-input-input-focus-outline-style, solid)',\n '--text-input-input-focus-outline-offset':\n 'var(--dropdown-text-input-input-focus-outline-offset, {spacing.50})',\n '--text-input-input-focus-outline-color':\n 'var(--dropdown-text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n '--text-input-input-focus-border-color':\n 'var(--dropdown-text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})',\n '--text-input-input-focus-shadow':\n 'var(--dropdown-text-input-input-focus-shadow, none)',\n\n /* Sections */\n '--text-input-section-size':\n 'var(--dropdown-text-input-section-size, {sizes.600})',\n '--text-input-left-section-width':\n 'var(--dropdown-text-input-left-section-width, {sizes.600})',\n '--text-input-right-section-width':\n 'var(--dropdown-text-input-right-section-width, {sizes.600})',\n '--text-input-left-section-position':\n 'var(--dropdown-text-input-left-section-position, {spacing.200})',\n '--text-input-right-section-position':\n 'var(--dropdown-text-input-right-section-position, {spacing.200})',\n '--text-input-left-section-pointer-events':\n 'var(--dropdown-text-input-left-section-pointer-events, none)',\n '--text-input-right-section-pointer-events':\n 'var(--dropdown-text-input-right-section-pointer-events, none)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"yDAOA,MAAa,EAAoB,EAAU,MAAM,CAC/C,UAAW,uBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,wBACE,qDAGF,iCACE,6DACF,+BACE,8DACF,iCACE,qEACF,iCACE,wDACF,gCACE,qFAGF,oCACE,gEACF,kCACE,iEACF,oCACE,wEACF,mCACE,wFACF,yCACE,6FAGF,uCACE,mEACF,qCACE,oEACF,uCACE,4EACF,uCACE,8DACF,sCACE,2FAGF,iCACE,6DACF,+BACE,8DACF,iCACE,sEACF,iCACE,wDACF,gCACE,oFAGF,kCACE,+DACF,wCACE,2DAGF,iCACE,6DACF,+BACE,8DACF,iCACE,sEACF,iCACE,wDACF,gCACE,oDACF,gCACE,2DACF,gCACE,qFACF,4CACE,iGAGF,kCACE,+DACF,kCACE,mFACF,wCACE,wFACF,kCACE,uDACF,2BACE,sDAGF,4BACE,uDACF,0CACE,uEACF,wCACE,qEAGF,yCACE,sEACF,yCACE,8DACF,0CACE,sEACF,yCACE,0FACF,wCACE,yFACF,kCACE,sDAGF,4BACE,uDACF,kCACE,6DACF,mCACE,8DACF,qCACE,kEACF,sCACE,mEACF,2CACE,+DACF,4CACE,gEACH,CACF,CAAC"}
1
+ {"version":3,"file":"dropdown-text-input.mjs","names":[],"sources":["../../../../src/recipes/controls/dropdown/dropdown-text-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { textInput } from '../text-input/text-input';\n\nexport const dropdownTextInput = textInput.merge({\n className: 'dropdown__text-input',\n jsx: ['Dropdown'],\n base: {\n '--text-input-root-gap':\n 'var(--dropdown-text-input-root-gap, {spacing.100})',\n '--text-input-root-width': 'var(--dropdown-text-input-root-width, 100%)',\n '--text-input-root-flex-direction':\n 'var(--dropdown-text-input-root-flex-direction, column)',\n '--text-input-root-justify-content':\n 'var(--dropdown-text-input-root-justify-content, flex-start)',\n '--text-input-root-align-items':\n 'var(--dropdown-text-input-root-align-items, stretch)',\n\n /* Label */\n '--text-input-label-font-family':\n 'var(--dropdown-text-input-label-font-family, {fonts.base})',\n '--text-input-label-font-size':\n 'var(--dropdown-text-input-label-font-size, {fontSizes.300})',\n '--text-input-label-font-weight':\n 'var(--dropdown-text-input-label-font-weight, {fontWeights.medium})',\n '--text-input-label-line-height':\n 'var(--dropdown-text-input-label-line-height, inherit)',\n '--text-input-label-foreground':\n 'var(--dropdown-text-input-label-foreground, {colors.neutral.foreground.1.enabled})',\n\n /* Required */\n '--text-input-required-font-family':\n 'var(--dropdown-text-input-required-font-family, {fonts.base})',\n '--text-input-required-font-size':\n 'var(--dropdown-text-input-required-font-size, {fontSizes.300})',\n '--text-input-required-font-weight':\n 'var(--dropdown-text-input-required-font-weight, {fontWeights.medium})',\n '--text-input-required-foreground':\n 'var(--dropdown-text-input-required-foreground, {colors.neutral.foreground.1.enabled})',\n '--text-input-required-foreground-error':\n 'var(--dropdown-text-input-required-foreground-error, {colors.danger.foreground.1.enabled})',\n\n /* Description */\n '--text-input-description-font-family':\n 'var(--dropdown-text-input-description-font-family, {fonts.base})',\n '--text-input-description-font-size':\n 'var(--dropdown-text-input-description-font-size, {fontSizes.200})',\n '--text-input-description-font-weight':\n 'var(--dropdown-text-input-description-font-weight, {fontWeights.regular})',\n '--text-input-description-line-height':\n 'var(--dropdown-text-input-description-line-height, inherit)',\n '--text-input-description-foreground':\n 'var(--dropdown-text-input-description-foreground, {colors.neutral.foreground.2.enabled})',\n\n /* Error */\n '--text-input-error-font-family':\n 'var(--dropdown-text-input-error-font-family, {fonts.base})',\n '--text-input-error-font-size':\n 'var(--dropdown-text-input-error-font-size, {fontSizes.200})',\n '--text-input-error-font-weight':\n 'var(--dropdown-text-input-error-font-weight, {fontWeights.regular})',\n '--text-input-error-line-height':\n 'var(--dropdown-text-input-error-line-height, inherit)',\n '--text-input-error-foreground':\n 'var(--dropdown-text-input-error-foreground, {colors.danger.foreground.1.enabled})',\n\n /* Input wrapper */\n '--text-input-wrapper-margin-top':\n 'var(--dropdown-text-input-wrapper-margin-top, {spacing.100})',\n '--text-input-wrapper-width':\n 'var(--dropdown-text-input-wrapper-width, 100%)',\n '--text-input-wrapper-flex': 'var(--dropdown-text-input-wrapper-flex, 1)',\n '--text-input-wrapper-disabled-opacity':\n 'var(--dropdown-text-input-wrapper-disabled-opacity, 0.5)',\n\n /* Input */\n '--text-input-input-font-family':\n 'var(--dropdown-text-input-input-font-family, {fonts.base})',\n '--text-input-input-font-size':\n 'var(--dropdown-text-input-input-font-size, {fontSizes.300})',\n '--text-input-input-font-weight':\n 'var(--dropdown-text-input-input-font-weight, {fontWeights.regular})',\n '--text-input-input-line-height':\n 'var(--dropdown-text-input-input-line-height, inherit)',\n '--text-input-input-text-align':\n 'var(--dropdown-text-input-input-text-align, left)',\n '--text-input-input-background':\n 'var(--dropdown-text-input-input-background, transparent)',\n '--text-input-input-foreground':\n 'var(--dropdown-text-input-input-foreground, {colors.neutral.foreground.1.enabled})',\n '--text-input-input-placeholder-foreground':\n 'var(--dropdown-text-input-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n\n /* Input borders */\n '--text-input-input-border-width':\n 'var(--dropdown-text-input-input-border-width, {borders.100})',\n '--text-input-input-border-color':\n 'var(--dropdown-text-input-input-border-color, {colors.neutral.stroke.7.enabled})',\n '--text-input-input-border-color-error':\n 'var(--dropdown-text-input-input-border-color-error, {colors.danger.stroke.1.enabled})',\n '--text-input-input-border-style':\n 'var(--dropdown-text-input-input-border-style, solid)',\n '--text-input-input-radii':\n 'var(--dropdown-text-input-input-radii, {radii.200})',\n\n /* Input sizing & spacing */\n '--text-input-input-height':\n 'var(--dropdown-text-input-input-height, {sizes.700})',\n '--text-input-input-padding-inline-start':\n 'var(--dropdown-text-input-input-padding-inline-start, {spacing.300})',\n '--text-input-input-padding-inline-end':\n 'var(--dropdown-text-input-input-padding-inline-end, {spacing.200})',\n '--text-input-input-width': 'var(--dropdown-text-input-input-width, 100%)',\n\n /* Input focus */\n '--text-input-input-focus-outline-width':\n 'var(--dropdown-text-input-input-focus-outline-width, {borders.150})',\n '--text-input-input-focus-outline-style':\n 'var(--dropdown-text-input-input-focus-outline-style, solid)',\n '--text-input-input-focus-outline-offset':\n 'var(--dropdown-text-input-input-focus-outline-offset, {spacing.50})',\n '--text-input-input-focus-outline-color':\n 'var(--dropdown-text-input-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n '--text-input-input-focus-border-color':\n 'var(--dropdown-text-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})',\n '--text-input-input-focus-shadow':\n 'var(--dropdown-text-input-input-focus-shadow, none)',\n\n /* Sections */\n '--text-input-section-size':\n 'var(--dropdown-text-input-section-size, {sizes.600})',\n '--text-input-left-section-width':\n 'var(--dropdown-text-input-left-section-width, {sizes.600})',\n '--text-input-right-section-width':\n 'var(--dropdown-text-input-right-section-width, {sizes.600})',\n '--text-input-left-section-position':\n 'var(--dropdown-text-input-left-section-position, {spacing.200})',\n '--text-input-right-section-position':\n 'var(--dropdown-text-input-right-section-position, {spacing.200})',\n '--text-input-left-section-pointer-events':\n 'var(--dropdown-text-input-left-section-pointer-events, none)',\n '--text-input-right-section-pointer-events':\n 'var(--dropdown-text-input-right-section-pointer-events, none)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"yDAOA,MAAa,EAAoB,EAAU,MAAM,CAC/C,UAAW,uBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,wBACE,qDACF,0BAA2B,8CAC3B,mCACE,yDACF,oCACE,8DACF,gCACE,uDAGF,iCACE,6DACF,+BACE,8DACF,iCACE,qEACF,iCACE,wDACF,gCACE,qFAGF,oCACE,gEACF,kCACE,iEACF,oCACE,wEACF,mCACE,wFACF,yCACE,6FAGF,uCACE,mEACF,qCACE,oEACF,uCACE,4EACF,uCACE,8DACF,sCACE,2FAGF,iCACE,6DACF,+BACE,8DACF,iCACE,sEACF,iCACE,wDACF,gCACE,oFAGF,kCACE,+DACF,6BACE,iDACF,4BAA6B,6CAC7B,wCACE,2DAGF,iCACE,6DACF,+BACE,8DACF,iCACE,sEACF,iCACE,wDACF,gCACE,oDACF,gCACE,2DACF,gCACE,qFACF,4CACE,iGAGF,kCACE,+DACF,kCACE,mFACF,wCACE,wFACF,kCACE,uDACF,2BACE,sDAGF,4BACE,uDACF,0CACE,uEACF,wCACE,qEACF,2BAA4B,+CAG5B,yCACE,sEACF,yCACE,8DACF,0CACE,sEACF,yCACE,0FACF,wCACE,yFACF,kCACE,sDAGF,4BACE,uDACF,kCACE,6DACF,mCACE,8DACF,qCACE,kEACF,sCACE,mEACF,2CACE,+DACF,4CACE,gEACH,CACF,CAAC"}
package/dist/recipes/controls/dropdown/select/select-search-input.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{textInputInput as e}from"../../text-input/text-input-input.mjs";const t=e.merge({className:`select__search-input`,jsx:[`Select`],base:{"--text-input-input-font-family":`var(--select-search-input-font-family, {fonts.base})`,"--text-input-input-font-size":`var(--select-search-input-font-size, {fontSizes.300})`,"--text-input-input-font-weight":`var(--select-search-input-font-weight, {fontWeights.regular})`,"--text-input-input-line-height":`var(--select-search-input-line-height, inherit)`,"--text-input-input-text-align":`var(--select-search-input-text-align, left)`,"--text-input-input-background":`var(--select-search-input-background, transparent)`,"--text-input-input-foreground":`var(--select-search-input-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-input-placeholder-foreground":`var(--select-search-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`,"--text-input-input-border-width":`var(--select-search-input-border-width, {borders.150})`,"--text-input-input-border-style":`var(--select-search-input-border-style, solid)`,"--text-input-input-border-color":`var(--select-search-input-border-color, {colors.neutral.stroke.7.enabled})`,"--text-input-input-radii":`var(--select-search-input-radii, {radii.200})`,"--text-input-input-height":`var(--select-search-input-height, {sizes.500})`,"--text-input-input-padding-inline-start":`var(--select-search-input-padding-inline-start, {spacing.100})`,"--text-input-input-padding-inline-end":`var(--select-search-input-padding-inline-end, {spacing.100})`,"--text-input-input-transition":`var(--select-search-input-transition, all 0.2s ease-in-out)`,"--text-input-input-hover-background":`var(--select-search-input-hover-background, transparent)`,"--text-input-input-hover-border-color":`var(--select-search-input-hover-border-color, {colors.neutral.stroke.7.hovered})`,"--text-input-input-hover-foreground":`var(--select-search-input-hover-foreground, {colors.neutral.foreground.2.hovered})`,"--text-input-input-focus-outline-width":`var(--select-search-input-focus-outline-width, {borders.150})`,"--text-input-input-focus-outline-style":`var(--select-search-input-focus-outline-style, solid)`,"--text-input-input-focus-outline-offset":`var(--select-search-input-focus-outline-offset, {spacing.50})`,"--text-input-input-focus-outline-color":`var(--select-search-input-focus-outline-color, {colors.primary.stroke.1.focused})`,"--text-input-input-focus-border-color":`var(--select-search-input-focus-border-color, {colors.neutral.stroke.7.hovered})`,"--text-input-input-focus-shadow":`var(--select-search-input-focus-shadow, none)`}});export{t as selectSearchInput};
1
+ import{textInputInput as e}from"../../text-input/text-input-input.mjs";const t=e.merge({className:`select__search-input`,jsx:[`Select`],base:{"--text-input-input-font-family":`var(--select-search-input-font-family, {fonts.base})`,"--text-input-input-font-size":`var(--select-search-input-font-size, {fontSizes.300})`,"--text-input-input-font-weight":`var(--select-search-input-font-weight, {fontWeights.regular})`,"--text-input-input-line-height":`var(--select-search-input-line-height, inherit)`,"--text-input-input-text-align":`var(--select-search-input-text-align, left)`,"--text-input-input-background":`var(--select-search-input-background, transparent)`,"--text-input-input-foreground":`var(--select-search-input-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-input-placeholder-foreground":`var(--select-search-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})`,"--text-input-input-border-width":`var(--select-search-input-border-width, {borders.150})`,"--text-input-input-border-style":`var(--select-search-input-border-style, solid)`,"--text-input-input-border-color":`var(--select-search-input-border-color, {colors.neutral.stroke.7.enabled})`,"--text-input-input-radii":`var(--select-search-input-radii, {radii.200})`,"--text-input-input-height":`var(--select-search-input-height, {sizes.500})`,"--text-input-input-padding-inline-start":`var(--select-search-input-padding-inline-start, {spacing.100})`,"--text-input-input-padding-inline-end":`var(--select-search-input-padding-inline-end, {spacing.100})`,"--text-input-input-width":`var(--select-search-input-width, 100%)`,"--text-input-input-min-width":`var(--select-search-input-min-width, unset)`,"--text-input-input-field-sizing":`var(--select-search-input-field-sizing, fixed)`,"--text-input-input-transition":`var(--select-search-input-transition, all 0.2s ease-in-out)`,"--text-input-input-hover-background":`var(--select-search-input-hover-background, transparent)`,"--text-input-input-hover-border-color":`var(--select-search-input-hover-border-color, {colors.neutral.stroke.7.hovered})`,"--text-input-input-hover-foreground":`var(--select-search-input-hover-foreground, {colors.neutral.foreground.2.hovered})`,"--text-input-input-focus-outline-width":`var(--select-search-input-focus-outline-width, {borders.150})`,"--text-input-input-focus-outline-style":`var(--select-search-input-focus-outline-style, solid)`,"--text-input-input-focus-outline-offset":`var(--select-search-input-focus-outline-offset, {spacing.50})`,"--text-input-input-focus-outline-color":`var(--select-search-input-focus-outline-color, {colors.primary.stroke.1.focused})`,"--text-input-input-focus-border-color":`var(--select-search-input-focus-border-color, {colors.neutral.stroke.7.hovered})`,"--text-input-input-focus-shadow":`var(--select-search-input-focus-shadow, none)`}});export{t as selectSearchInput};
2
2
  //# sourceMappingURL=select-search-input.mjs.map
package/dist/recipes/controls/dropdown/select/select-search-input.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"select-search-input.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/select/select-search-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { textInputInput } from '../../text-input/text-input-input';\n\nexport const selectSearchInput = textInputInput.merge({\n className: 'select__search-input',\n jsx: ['Select'],\n base: {\n '--text-input-input-font-family':\n 'var(--select-search-input-font-family, {fonts.base})',\n '--text-input-input-font-size':\n 'var(--select-search-input-font-size, {fontSizes.300})',\n '--text-input-input-font-weight':\n 'var(--select-search-input-font-weight, {fontWeights.regular})',\n '--text-input-input-line-height':\n 'var(--select-search-input-line-height, inherit)',\n '--text-input-input-text-align':\n 'var(--select-search-input-text-align, left)',\n '--text-input-input-background':\n 'var(--select-search-input-background, transparent)',\n '--text-input-input-foreground':\n 'var(--select-search-input-foreground, {colors.neutral.foreground.2.enabled})',\n '--text-input-input-placeholder-foreground':\n 'var(--select-search-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n '--text-input-input-border-width':\n 'var(--select-search-input-border-width, {borders.150})',\n '--text-input-input-border-style':\n 'var(--select-search-input-border-style, solid)',\n '--text-input-input-border-color':\n 'var(--select-search-input-border-color, {colors.neutral.stroke.7.enabled})',\n '--text-input-input-radii': 'var(--select-search-input-radii, {radii.200})',\n '--text-input-input-height':\n 'var(--select-search-input-height, {sizes.500})',\n '--text-input-input-padding-inline-start':\n 'var(--select-search-input-padding-inline-start, {spacing.100})',\n '--text-input-input-padding-inline-end':\n 'var(--select-search-input-padding-inline-end, {spacing.100})',\n '--text-input-input-transition':\n 'var(--select-search-input-transition, all 0.2s ease-in-out)',\n\n '--text-input-input-hover-background':\n 'var(--select-search-input-hover-background, transparent)',\n '--text-input-input-hover-border-color':\n 'var(--select-search-input-hover-border-color, {colors.neutral.stroke.7.hovered})',\n '--text-input-input-hover-foreground':\n 'var(--select-search-input-hover-foreground, {colors.neutral.foreground.2.hovered})',\n\n '--text-input-input-focus-outline-width':\n 'var(--select-search-input-focus-outline-width, {borders.150})',\n '--text-input-input-focus-outline-style':\n 'var(--select-search-input-focus-outline-style, solid)',\n '--text-input-input-focus-outline-offset':\n 'var(--select-search-input-focus-outline-offset, {spacing.50})',\n '--text-input-input-focus-outline-color':\n 'var(--select-search-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n '--text-input-input-focus-border-color':\n 'var(--select-search-input-focus-border-color, {colors.neutral.stroke.7.hovered})',\n '--text-input-input-focus-shadow':\n 'var(--select-search-input-focus-shadow, none)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uEAOA,MAAa,EAAoB,EAAe,MAAM,CACpD,UAAW,uBACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,iCACE,uDACF,+BACE,wDACF,iCACE,gEACF,iCACE,kDACF,gCACE,8CACF,gCACE,qDACF,gCACE,+EACF,4CACE,2FACF,kCACE,yDACF,kCACE,iDACF,kCACE,6EACF,2BAA4B,gDAC5B,4BACE,iDACF,0CACE,iEACF,wCACE,+DACF,gCACE,8DAEF,sCACE,2DACF,wCACE,mFACF,sCACE,qFAEF,yCACE,gEACF,yCACE,wDACF,0CACE,gEACF,yCACE,oFACF,wCACE,mFACF,kCACE,gDACH,CACF,CAAC"}
1
+ {"version":3,"file":"select-search-input.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/select/select-search-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { textInputInput } from '../../text-input/text-input-input';\n\nexport const selectSearchInput = textInputInput.merge({\n className: 'select__search-input',\n jsx: ['Select'],\n base: {\n '--text-input-input-font-family':\n 'var(--select-search-input-font-family, {fonts.base})',\n '--text-input-input-font-size':\n 'var(--select-search-input-font-size, {fontSizes.300})',\n '--text-input-input-font-weight':\n 'var(--select-search-input-font-weight, {fontWeights.regular})',\n '--text-input-input-line-height':\n 'var(--select-search-input-line-height, inherit)',\n '--text-input-input-text-align':\n 'var(--select-search-input-text-align, left)',\n '--text-input-input-background':\n 'var(--select-search-input-background, transparent)',\n '--text-input-input-foreground':\n 'var(--select-search-input-foreground, {colors.neutral.foreground.2.enabled})',\n '--text-input-input-placeholder-foreground':\n 'var(--select-search-input-placeholder-foreground, {colors.neutral.foreground.3.enabled})',\n '--text-input-input-border-width':\n 'var(--select-search-input-border-width, {borders.150})',\n '--text-input-input-border-style':\n 'var(--select-search-input-border-style, solid)',\n '--text-input-input-border-color':\n 'var(--select-search-input-border-color, {colors.neutral.stroke.7.enabled})',\n '--text-input-input-radii': 'var(--select-search-input-radii, {radii.200})',\n '--text-input-input-height':\n 'var(--select-search-input-height, {sizes.500})',\n '--text-input-input-padding-inline-start':\n 'var(--select-search-input-padding-inline-start, {spacing.100})',\n '--text-input-input-padding-inline-end':\n 'var(--select-search-input-padding-inline-end, {spacing.100})',\n '--text-input-input-width': 'var(--select-search-input-width, 100%)',\n '--text-input-input-min-width':\n 'var(--select-search-input-min-width, unset)',\n '--text-input-input-field-sizing':\n 'var(--select-search-input-field-sizing, fixed)',\n '--text-input-input-transition':\n 'var(--select-search-input-transition, all 0.2s ease-in-out)',\n\n '--text-input-input-hover-background':\n 'var(--select-search-input-hover-background, transparent)',\n '--text-input-input-hover-border-color':\n 'var(--select-search-input-hover-border-color, {colors.neutral.stroke.7.hovered})',\n '--text-input-input-hover-foreground':\n 'var(--select-search-input-hover-foreground, {colors.neutral.foreground.2.hovered})',\n\n '--text-input-input-focus-outline-width':\n 'var(--select-search-input-focus-outline-width, {borders.150})',\n '--text-input-input-focus-outline-style':\n 'var(--select-search-input-focus-outline-style, solid)',\n '--text-input-input-focus-outline-offset':\n 'var(--select-search-input-focus-outline-offset, {spacing.50})',\n '--text-input-input-focus-outline-color':\n 'var(--select-search-input-focus-outline-color, {colors.primary.stroke.1.focused})',\n '--text-input-input-focus-border-color':\n 'var(--select-search-input-focus-border-color, {colors.neutral.stroke.7.hovered})',\n '--text-input-input-focus-shadow':\n 'var(--select-search-input-focus-shadow, none)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uEAOA,MAAa,EAAoB,EAAe,MAAM,CACpD,UAAW,uBACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,iCACE,uDACF,+BACE,wDACF,iCACE,gEACF,iCACE,kDACF,gCACE,8CACF,gCACE,qDACF,gCACE,+EACF,4CACE,2FACF,kCACE,yDACF,kCACE,iDACF,kCACE,6EACF,2BAA4B,gDAC5B,4BACE,iDACF,0CACE,iEACF,wCACE,+DACF,2BAA4B,yCAC5B,+BACE,8CACF,kCACE,iDACF,gCACE,8DAEF,sCACE,2DACF,wCACE,mFACF,sCACE,qFAEF,yCACE,gEACF,yCACE,wDACF,0CACE,gEACF,yCACE,oFACF,wCACE,mFACF,kCACE,gDACH,CACF,CAAC"}
package/dist/recipes/controls/dropdown/select/select-text-input.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{dropdownTextInput as e}from"../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};
1
+ import{dropdownTextInput as e}from"../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-root-width":`var(--select-text-input-root-width, 100%)`,"--dropdown-text-input-root-flex-direction":`var(--select-text-input-root-flex-direction, column)`,"--dropdown-text-input-root-justify-content":`var(--select-text-input-root-justify-content, flex-start)`,"--dropdown-text-input-root-align-items":`var(--select-text-input-root-align-items, stretch)`,"--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-width":`var(--select-text-input-wrapper-width, 100%)`,"--dropdown-text-input-wrapper-flex":`var(--select-text-input-wrapper-flex, 1)`,"--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.7.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-width":`var(--select-text-input-input-width, 100%)`,"--dropdown-text-input-input-min-width":`var(--select-text-input-input-min-width, unset)`,"--dropdown-text-input-input-field-sizing":`var(--select-text-input-input-field-sizing, fixed)`,"--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
package/dist/recipes/controls/dropdown/select/select-text-input.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"select-text-input.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/select/select-text-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { dropdownTextInput } from '../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":"+DAOA,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
+ {"version":3,"file":"select-text-input.mjs","names":[],"sources":["../../../../../src/recipes/controls/dropdown/select/select-text-input.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { dropdownTextInput } from '../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 '--dropdown-text-input-root-width':\n 'var(--select-text-input-root-width, 100%)',\n '--dropdown-text-input-root-flex-direction':\n 'var(--select-text-input-root-flex-direction, column)',\n '--dropdown-text-input-root-justify-content':\n 'var(--select-text-input-root-justify-content, flex-start)',\n '--dropdown-text-input-root-align-items':\n 'var(--select-text-input-root-align-items, stretch)',\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-width':\n 'var(--select-text-input-wrapper-width, 100%)',\n '--dropdown-text-input-wrapper-flex':\n 'var(--select-text-input-wrapper-flex, 1)',\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.7.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 '--dropdown-text-input-input-width':\n 'var(--select-text-input-input-width, 100%)',\n '--dropdown-text-input-input-min-width':\n 'var(--select-text-input-input-min-width, unset)',\n '--dropdown-text-input-input-field-sizing':\n 'var(--select-text-input-input-field-sizing, fixed)',\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":"+DAOA,MAAa,EAAkB,EAAkB,MAAM,CACrD,UAAW,qBACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,iCACE,mDACF,mCACE,4CACF,4CACE,uDACF,6CACE,4DACF,yCACE,qDAGF,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,sCACE,+CACF,qCACE,2CACF,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,mEACF,oCACE,6CACF,wCACE,kDACF,2CACE,qDAGF,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"}
package/dist/recipes/controls/file-input/file-input.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`file-input`,jsx:[`FileInput`],base:{"--text-input-root-gap":`var(--file-input-root-gap, {spacing.100})`,"--text-input-label-font-family":`var(--file-input-label-font-family, {fonts.base})`,"--text-input-label-font-size":`var(--file-input-label-font-size, {fontSizes.400})`,"--text-input-label-font-weight":`var(--file-input-label-font-weight, {fontWeights.medium})`,"--text-input-label-line-height":`var(--file-input-label-line-height, inherit)`,"--text-input-label-foreground":`var(--file-input-label-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-required-font-family":`var(--file-input-required-font-family, {fonts.base})`,"--text-input-required-font-size":`var(--file-input-required-font-size, {fontSizes.400})`,"--text-input-required-font-weight":`var(--file-input-required-font-weight, {fontWeights.medium})`,"--text-input-required-foreground":`var(--file-input-required-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-required-foreground-error":`var(--file-input-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--text-input-description-font-family":`var(--file-input-description-font-family, {fonts.base})`,"--text-input-description-font-size":`var(--file-input-description-font-size, {fontSizes.300})`,"--text-input-description-font-weight":`var(--file-input-description-font-weight, {fontWeights.regular})`,"--text-input-description-line-height":`var(--file-input-description-line-height, inherit)`,"--text-input-description-foreground":`var(--file-input-description-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-error-font-family":`var(--file-input-error-font-family, {fonts.base})`,"--text-input-error-font-size":`var(--file-input-error-font-size, {fontSizes.300})`,"--text-input-error-font-weight":`var(--file-input-error-font-weight, {fontWeights.regular})`,"--text-input-error-line-height":`var(--file-input-error-line-height, inherit)`,"--text-input-error-foreground":`var(--file-input-error-foreground, {colors.danger.foreground.1.enabled})`,"--text-input-wrapper-margin-top":`var(--file-input-wrapper-margin-top, {spacing.100})`,"--text-input-wrapper-disabled-opacity":`var(--file-input-wrapper-disabled-opacity, 0.5)`,"--text-input-input-font-family":`var(--file-input-input-font-family, {fonts.base})`,"--text-input-input-font-size":`var(--file-input-input-font-size, {fontSizes.400})`,"--text-input-input-font-weight":`var(--file-input-input-font-weight, {fontWeights.regular})`,"--text-input-input-line-height":`var(--file-input-line-height, inherit)`,"--text-input-input-text-align":`var(--file-input-input-text-align, left)`,"--text-input-input-background":`var(--file-input-input-background, transparent)`,"--text-input-input-foreground":`var(--file-input-input-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-input-placeholder-foreground":`var(--file-input-input-placeholder-foreground,{colors.neutral.foreground.3.enabled})`,"--text-input-input-border-width":`var(--file-input-input-border-width, {borders.100})`,"--text-input-input-border-color":`var(--file-input-input-border-color, {colors.neutral.stroke.1.enabled})`,"--text-input-input-border-color-error":`var(--file-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,"--text-input-input-border-style":`var(--file-input-input-border-style, solid)`,"--text-input-input-radii":`var(--file-input-input-radii, {radii.200})`,"--text-input-input-height":`auto`,"--file-input-input-min-height":`{sizes.700}`,"--text-input-input-padding-inline-start":`var(--file-input-input-padding-inline-start, {spacing.300})`,"--text-input-input-padding-inline-end":`var(--file-input-input-padding-inline-end, {spacing.300})`,"--file-input-input-padding-block-start":`{spacing.200}`,"--file-input-input-padding-block-end":`{spacing.200}`,"--file-input-input-gap":`{spacing.100}`,"--text-input-input-focus-outline-width":`var(--file-input-input-focus-outline-width, {borders.150})`,"--text-input-input-focus-outline-style":`var(--file-input-input-focus-outline-style, solid)`,"--text-input-input-focus-outline-offset":`var(--file-input-input-focus-outline-offset, {spacing.50})`,"--text-input-input-focus-outline-color":`var(--file-input-input-focus-outline-color, {colors.primary.stroke.1.focused})`,"--text-input-input-focus-border-color":`var(--file-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})`,"--text-input-input-focus-shadow":`var(--file-input-input-focus-shadow, none)`,"--file-input-placeholder-gap":`{spacing.200}`,"--text-input-section-size":`var(--file-input-section-size, {sizes.600})`,"--text-input-left-section-width":`var(--file-input-left-section-width, {sizes.300})`,"--text-input-right-section-width":`var(--file-input-right-section-width, {sizes.300})`,"--text-input-left-section-position":`var(--file-input-left-section-position, {spacing.300})`,"--text-input-right-section-position":`var(--file-input-right-section-position, {spacing.200})`,"--text-input-left-section-pointer-events":`var(--file-input-left-section-pointer-events, none)`,"--text-input-right-section-pointer-events":`var(--file-input-right-section-pointer-events, auto)`,"--file-input-right-section-foreground":`{colors.neutral.foreground.1.enabled}`}});export{t as fileInput};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`file-input`,jsx:[`FileInput`],base:{"--text-input-root-gap":`var(--file-input-root-gap, {spacing.100})`,"--text-input-root-width":`var(--file-input-root-width, 100%)`,"--text-input-root-flex-direction":`var(--file-input-root-flex-direction, column)`,"--text-input-root-justify-content":`var(--file-input-root-justify-content, flex-start)`,"--text-input-root-align-items":`var(--file-input-root-align-items, stretch)`,"--text-input-label-font-family":`var(--file-input-label-font-family, {fonts.base})`,"--text-input-label-font-size":`var(--file-input-label-font-size, {fontSizes.400})`,"--text-input-label-font-weight":`var(--file-input-label-font-weight, {fontWeights.medium})`,"--text-input-label-line-height":`var(--file-input-label-line-height, inherit)`,"--text-input-label-foreground":`var(--file-input-label-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-required-font-family":`var(--file-input-required-font-family, {fonts.base})`,"--text-input-required-font-size":`var(--file-input-required-font-size, {fontSizes.400})`,"--text-input-required-font-weight":`var(--file-input-required-font-weight, {fontWeights.medium})`,"--text-input-required-foreground":`var(--file-input-required-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-required-foreground-error":`var(--file-input-required-foreground-error, {colors.danger.foreground.1.enabled})`,"--text-input-description-font-family":`var(--file-input-description-font-family, {fonts.base})`,"--text-input-description-font-size":`var(--file-input-description-font-size, {fontSizes.300})`,"--text-input-description-font-weight":`var(--file-input-description-font-weight, {fontWeights.regular})`,"--text-input-description-line-height":`var(--file-input-description-line-height, inherit)`,"--text-input-description-foreground":`var(--file-input-description-foreground, {colors.neutral.foreground.2.enabled})`,"--text-input-error-font-family":`var(--file-input-error-font-family, {fonts.base})`,"--text-input-error-font-size":`var(--file-input-error-font-size, {fontSizes.300})`,"--text-input-error-font-weight":`var(--file-input-error-font-weight, {fontWeights.regular})`,"--text-input-error-line-height":`var(--file-input-error-line-height, inherit)`,"--text-input-error-foreground":`var(--file-input-error-foreground, {colors.danger.foreground.1.enabled})`,"--text-input-wrapper-margin-top":`var(--file-input-wrapper-margin-top, {spacing.100})`,"--text-input-wrapper-width":`var(--file-input-wrapper-width, 100%)`,"--text-input-wrapper-flex":`var(--file-input-wrapper-flex, 1)`,"--text-input-wrapper-disabled-opacity":`var(--file-input-wrapper-disabled-opacity, 0.5)`,"--text-input-input-font-family":`var(--file-input-input-font-family, {fonts.base})`,"--text-input-input-font-size":`var(--file-input-input-font-size, {fontSizes.400})`,"--text-input-input-font-weight":`var(--file-input-input-font-weight, {fontWeights.regular})`,"--text-input-input-line-height":`var(--file-input-line-height, inherit)`,"--text-input-input-text-align":`var(--file-input-input-text-align, left)`,"--text-input-input-background":`var(--file-input-input-background, transparent)`,"--text-input-input-foreground":`var(--file-input-input-foreground, {colors.neutral.foreground.1.enabled})`,"--text-input-input-placeholder-foreground":`var(--file-input-input-placeholder-foreground,{colors.neutral.foreground.3.enabled})`,"--text-input-input-border-width":`var(--file-input-input-border-width, {borders.100})`,"--text-input-input-border-color":`var(--file-input-input-border-color, {colors.neutral.stroke.1.enabled})`,"--text-input-input-border-color-error":`var(--file-input-input-border-color-error, {colors.danger.stroke.1.enabled})`,"--text-input-input-border-style":`var(--file-input-input-border-style, solid)`,"--text-input-input-radii":`var(--file-input-input-radii, {radii.200})`,"--text-input-input-height":`auto`,"--file-input-input-min-height":`{sizes.700}`,"--text-input-input-padding-inline-start":`var(--file-input-input-padding-inline-start, {spacing.300})`,"--text-input-input-padding-inline-end":`var(--file-input-input-padding-inline-end, {spacing.300})`,"--text-input-input-width":`var(--file-input-input-width, 100%)`,"--text-input-input-min-width":`var(--file-input-input-min-width, unset)`,"--text-input-input-field-sizing":`var(--file-input-input-field-sizing, fixed)`,"--file-input-input-padding-block-start":`{spacing.200}`,"--file-input-input-padding-block-end":`{spacing.200}`,"--file-input-input-gap":`{spacing.100}`,"--text-input-input-focus-outline-width":`var(--file-input-input-focus-outline-width, {borders.150})`,"--text-input-input-focus-outline-style":`var(--file-input-input-focus-outline-style, solid)`,"--text-input-input-focus-outline-offset":`var(--file-input-input-focus-outline-offset, {spacing.50})`,"--text-input-input-focus-outline-color":`var(--file-input-input-focus-outline-color, {colors.primary.stroke.1.focused})`,"--text-input-input-focus-border-color":`var(--file-input-input-focus-border-color, {colors.neutral.stroke.7.hovered})`,"--text-input-input-focus-shadow":`var(--file-input-input-focus-shadow, none)`,"--file-input-placeholder-gap":`{spacing.200}`,"--text-input-section-size":`var(--file-input-section-size, {sizes.600})`,"--text-input-left-section-width":`var(--file-input-left-section-width, {sizes.300})`,"--text-input-right-section-width":`var(--file-input-right-section-width, {sizes.300})`,"--text-input-left-section-position":`var(--file-input-left-section-position, {spacing.300})`,"--text-input-right-section-position":`var(--file-input-right-section-position, {spacing.200})`,"--text-input-left-section-pointer-events":`var(--file-input-left-section-pointer-events, none)`,"--text-input-right-section-pointer-events":`var(--file-input-right-section-pointer-events, auto)`,"--file-input-right-section-foreground":`{colors.neutral.foreground.1.enabled}`}});export{t as fileInput};
2
2
  //# sourceMappingURL=file-input.mjs.map