@mage-ui/preset 1.0.26 → 1.0.27

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 (99) hide show
  1. package/dist/recipes/buttons/button-visual/button-visual.mjs +1 -1
  2. package/dist/recipes/buttons/button-visual/button-visual.mjs.map +1 -1
  3. package/dist/recipes/controls/autocomplete/autocomplete.mjs +1 -1
  4. package/dist/recipes/controls/autocomplete/autocomplete.mjs.map +1 -1
  5. package/dist/recipes/controls/combobox/combobox.mjs +1 -1
  6. package/dist/recipes/controls/combobox/combobox.mjs.map +1 -1
  7. package/dist/recipes/controls/date-picker/date-picker-day.mjs +1 -1
  8. package/dist/recipes/controls/date-picker/date-picker-day.mjs.map +1 -1
  9. package/dist/recipes/controls/date-picker/date-picker.mjs +1 -1
  10. package/dist/recipes/controls/date-picker/date-picker.mjs.map +1 -1
  11. package/dist/recipes/controls/dropdown/dropdown-chevron.mjs +1 -1
  12. package/dist/recipes/controls/dropdown/dropdown-chevron.mjs.map +1 -1
  13. package/dist/recipes/controls/dropdown/dropdown-option.mjs +1 -1
  14. package/dist/recipes/controls/dropdown/dropdown-option.mjs.map +1 -1
  15. package/dist/recipes/controls/dropdown/dropdown.mjs +1 -1
  16. package/dist/recipes/controls/dropdown/dropdown.mjs.map +1 -1
  17. package/dist/recipes/controls/dropzone-files/dropzone-files-uploaded-file-start-icon-wrapped.mjs +1 -1
  18. package/dist/recipes/controls/dropzone-files/dropzone-files-uploaded-file-start-icon-wrapped.mjs.map +1 -1
  19. package/dist/recipes/controls/multi-select/multi-select.mjs +1 -1
  20. package/dist/recipes/controls/multi-select/multi-select.mjs.map +1 -1
  21. package/dist/recipes/controls/multi-select-tags/multi-select-tags.mjs +1 -1
  22. package/dist/recipes/controls/multi-select-tags/multi-select-tags.mjs.map +1 -1
  23. package/dist/recipes/controls/select/select-chevron.mjs +1 -1
  24. package/dist/recipes/controls/select/select-chevron.mjs.map +1 -1
  25. package/dist/recipes/controls/select/select.mjs +1 -1
  26. package/dist/recipes/controls/select/select.mjs.map +1 -1
  27. package/dist/recipes/controls/select-searchable/select-searchable.mjs +1 -1
  28. package/dist/recipes/controls/select-searchable/select-searchable.mjs.map +1 -1
  29. package/dist/recipes/controls/utils/chevron/chevron.mjs +1 -1
  30. package/dist/recipes/controls/utils/chevron/chevron.mjs.map +1 -1
  31. package/dist/recipes/data-display/avatar/avatar-root.mjs +1 -1
  32. package/dist/recipes/data-display/avatar/avatar-root.mjs.map +1 -1
  33. package/dist/recipes/data-display/avatar/avatar.mjs +1 -1
  34. package/dist/recipes/data-display/avatar/avatar.mjs.map +1 -1
  35. package/dist/recipes/data-display/calendar/calendar-event.mjs +1 -1
  36. package/dist/recipes/data-display/calendar/calendar-event.mjs.map +1 -1
  37. package/dist/recipes/data-display/calendar/calendar-root.mjs +1 -1
  38. package/dist/recipes/data-display/calendar/calendar-root.mjs.map +1 -1
  39. package/dist/recipes/data-display/calendar/calendar-time-grid.mjs +1 -1
  40. package/dist/recipes/data-display/calendar/calendar-time-grid.mjs.map +1 -1
  41. package/dist/recipes/data-display/calendar/calendar-toolbar.mjs +1 -1
  42. package/dist/recipes/data-display/calendar/calendar-toolbar.mjs.map +1 -1
  43. package/dist/recipes/data-display/calendar/calendar.mjs +1 -1
  44. package/dist/recipes/data-display/calendar/calendar.mjs.map +1 -1
  45. package/dist/recipes/data-display/icons/icon-wrapped/icon-wrapped-root.mjs +1 -1
  46. package/dist/recipes/data-display/icons/icon-wrapped/icon-wrapped-root.mjs.map +1 -1
  47. package/dist/recipes/data-display/icons/icon-wrapped/icon-wrapped.mjs +1 -1
  48. package/dist/recipes/data-display/icons/icon-wrapped/icon-wrapped.mjs.map +1 -1
  49. package/dist/recipes/data-display/index.mjs +1 -1
  50. package/dist/recipes/data-display/index.mjs.map +1 -1
  51. package/dist/recipes/data-display/notification-banner/index.mjs +2 -0
  52. package/dist/recipes/data-display/notification-banner/index.mjs.map +1 -0
  53. package/dist/recipes/data-display/notification-banner/notification-banner-content.mjs +2 -0
  54. package/dist/recipes/data-display/notification-banner/notification-banner-content.mjs.map +1 -0
  55. package/dist/recipes/data-display/notification-banner/notification-banner-root.mjs +2 -0
  56. package/dist/recipes/data-display/notification-banner/notification-banner-root.mjs.map +1 -0
  57. package/dist/recipes/data-display/notification-banner/notification-banner-section.mjs +2 -0
  58. package/dist/recipes/data-display/notification-banner/notification-banner-section.mjs.map +1 -0
  59. package/dist/recipes/data-display/notification-banner/notification-banner-wrapper.mjs +2 -0
  60. package/dist/recipes/data-display/notification-banner/notification-banner-wrapper.mjs.map +1 -0
  61. package/dist/recipes/data-display/notification-banner/notification-banner.mjs +2 -0
  62. package/dist/recipes/data-display/notification-banner/notification-banner.mjs.map +1 -0
  63. package/dist/recipes/data-display/tag/tag-button-icon.mjs +1 -1
  64. package/dist/recipes/data-display/tag/tag-button-icon.mjs.map +1 -1
  65. package/dist/recipes/data-display/uploaded-file/uploaded-file-link.mjs +1 -1
  66. package/dist/recipes/data-display/uploaded-file/uploaded-file-link.mjs.map +1 -1
  67. package/dist/recipes/data-display/uploaded-file/uploaded-file-start-icon-wrapped.mjs +1 -1
  68. package/dist/recipes/data-display/uploaded-file/uploaded-file-start-icon-wrapped.mjs.map +1 -1
  69. package/dist/recipes/data-display/uploaded-file/uploaded-file.mjs +1 -1
  70. package/dist/recipes/data-display/uploaded-file/uploaded-file.mjs.map +1 -1
  71. package/dist/recipes/navigations/menu/menu-item.mjs +1 -1
  72. package/dist/recipes/navigations/menu/menu-item.mjs.map +1 -1
  73. package/dist/recipes/navigations/menu/menu.mjs +1 -1
  74. package/dist/recipes/navigations/menu/menu.mjs.map +1 -1
  75. package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-anchor.mjs +1 -1
  76. package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-anchor.mjs.map +1 -1
  77. package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-item-link-anchor.mjs +1 -1
  78. package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-item-link-anchor.mjs.map +1 -1
  79. package/dist/recipes/overlays/modal-alert/modal-alert-button-confirm.mjs +1 -1
  80. package/dist/recipes/overlays/modal-alert/modal-alert-button-confirm.mjs.map +1 -1
  81. package/dist/recipes/overlays/modal-alert/modal-alert.mjs +1 -1
  82. package/dist/recipes/overlays/modal-alert/modal-alert.mjs.map +1 -1
  83. package/dist/recipes/overlays/modal-confirm/modal-confirm-button-confirm.mjs +1 -1
  84. package/dist/recipes/overlays/modal-confirm/modal-confirm-button-confirm.mjs.map +1 -1
  85. package/dist/recipes/overlays/modal-confirm/modal-confirm.mjs +1 -1
  86. package/dist/recipes/overlays/modal-confirm/modal-confirm.mjs.map +1 -1
  87. package/dist/recipes/overlays/tooltip/tooltip-root.mjs +1 -1
  88. package/dist/recipes/overlays/tooltip/tooltip-root.mjs.map +1 -1
  89. package/dist/recipes/overlays/tooltip/tooltip.mjs +1 -1
  90. package/dist/recipes/overlays/tooltip/tooltip.mjs.map +1 -1
  91. package/dist/recipes/semedlab/data-display/user-group-preview/user-group-preview-avatar.mjs +1 -1
  92. package/dist/recipes/semedlab/data-display/user-group-preview/user-group-preview-avatar.mjs.map +1 -1
  93. package/dist/recipes/semedlab/navigations/notification-menu/notification-menu-indicator.mjs +1 -1
  94. package/dist/recipes/semedlab/navigations/notification-menu/notification-menu-indicator.mjs.map +1 -1
  95. package/dist/semantic-tokens/colors.mjs +1 -1
  96. package/dist/semantic-tokens/colors.mjs.map +1 -1
  97. package/dist/tokens/colors.mjs +1 -1
  98. package/dist/tokens/colors.mjs.map +1 -1
  99. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"select.mjs","names":[],"sources":["../../../../src/recipes/controls/select/select.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { dropdown } from '../dropdown/dropdown';\n\nexport const select = dropdown.merge({\n className: 'select',\n jsx: ['Select'],\n base: {\n '--dropdown-background':\n 'var(--select-background, {colors.neutral.background.1.enabled})',\n\n '--dropdown-border-width': 'var(--select-border-width, {borders.100})',\n '--dropdown-border-style': 'var(--select-border-style, solid)',\n '--dropdown-border-color':\n 'var(--select-border-color, {colors.neutral.stroke.7.enabled})',\n\n '--dropdown-padding-inline': 'var(--select-padding-inline, {spacing.200})',\n '--dropdown-padding-block': 'var(--select-padding-block, {spacing.200})',\n\n '--dropdown-radii': 'var(--select-radii, {radii.200})',\n\n '--dropdown-margin-top': 'var(--select-margin-top, {spacing.0})',\n\n '--dropdown-options-gap': 'var(--select-options-gap, {spacing.100})',\n\n '--dropdown-option-font-family':\n 'var(--select-option-font-family, {fonts.base})',\n '--dropdown-option-font-size':\n 'var(--select-option-font-size, {fontSizes.300})',\n '--dropdown-option-line-height':\n 'var(--select-option-line-height, {lineHeights.400})',\n\n '--dropdown-option-padding-inline':\n 'var(--select-option-padding-inline, {spacing.200})',\n '--dropdown-option-padding-block':\n 'var(--select-option-padding-block, {spacing.100})',\n\n '--dropdown-option-radii': 'var(--select-option-radii, {radii.100})',\n\n '--dropdown-option-background':\n 'var(--select-option-background, transparent)',\n '--dropdown-option-color':\n 'var(--select-option-color, {colors.neutral.foreground.1.enabled})',\n\n '--dropdown-option-transition':\n 'var(--select-option-transition, {animations.base.100})',\n\n '--dropdown-option-background-hover':\n 'var(--select-option-background-hover, {colors.neutral.background.2.hovered})',\n '--dropdown-option-color-hover':\n 'var(--select-option-color-hover, {colors.neutral.foreground.1.hovered})',\n\n '--dropdown-option-background-selected':\n 'var(--select-option-background-selected, {colors.neutral.background.1.brand.selected})',\n '--dropdown-option-color-selected':\n 'var(--select-option-color-selected, {colors.neutral.foreground.1.onBrand.selected})',\n\n '--dropdown-option-background-active':\n 'var(--select-option-background-active, {colors.neutral.background.1.brand.selected})',\n '--dropdown-option-color-active':\n 'var(--select-option-color-active, {colors.neutral.foreground.1.onBrand.selected})',\n\n '--dropdown-empty-font-family':\n 'var(--select-empty-font-family, {fonts.base})',\n '--dropdown-empty-font-size':\n 'var(--select-empty-font-size, {fontSizes.300})',\n '--dropdown-empty-line-height': 'var(--select-empty-line-height, 1)',\n '--dropdown-empty-color':\n 'var(--select-empty-color, {colors.neutral.foreground.5.enabled})',\n '--dropdown-empty-padding-block':\n 'var(--select-empty-padding-block, {spacing.200})',\n '--dropdown-empty-text-align': 'var(--select-empty-text-align, center)',\n\n '--select-search-font-family': '{fonts.base}',\n '--select-search-font-size': '{fontSizes.300}',\n '--select-search-font-weight': '{fontWeights.regular}',\n '--select-search-line-height': 'inherit',\n '--select-search-color': '{colors.neutral.foreground.1.enabled}',\n '--select-search-background': 'transparent',\n '--select-search-border-width': '{borders.100}',\n '--select-search-border-color': '{colors.neutral.stroke.7.enabled}',\n '--select-search-border-style': 'solid',\n '--select-search-radii': '{radii.200}',\n '--select-search-height': '{sizes.500}',\n '--select-search-padding-inline-start': '{spacing.300}',\n '--select-search-padding-inline-end': '{spacing.300}',\n '--select-search-margin-bottom': '{spacing.100}',\n '--select-search-placeholder-foreground':\n '{colors.neutral.foreground.3.enabled}',\n '--select-search-focus-outline-width': '{borders.100}',\n '--select-search-focus-outline-style': 'solid',\n '--select-search-focus-outline-color': '{colors.primary.stroke.1.focused}',\n '--select-search-focus-outline-offset': '{spacing.0}',\n '--select-search-focus-shadow': 'none',\n '--select-search-focus-border-color': '{colors.primary.stroke.1.focused}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"oDAOA,MAAa,EAAS,EAAS,MAAM,CACnC,UAAW,SACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,wBACE,kEAEF,0BAA2B,4CAC3B,0BAA2B,oCAC3B,0BACE,gEAEF,4BAA6B,8CAC7B,2BAA4B,6CAE5B,mBAAoB,mCAEpB,wBAAyB,wCAEzB,yBAA0B,2CAE1B,gCACE,iDACF,8BACE,kDACF,gCACE,sDAEF,mCACE,qDACF,kCACE,oDAEF,0BAA2B,0CAE3B,+BACE,+CACF,0BACE,oEAEF,+BACE,yDAEF,qCACE,+EACF,gCACE,0EAEF,wCACE,yFACF,mCACE,sFAEF,sCACE,uFACF,iCACE,oFAEF,+BACE,gDACF,6BACE,iDACF,+BAAgC,qCAChC,yBACE,mEACF,iCACE,mDACF,8BAA+B,yCAE/B,8BAA+B,eAC/B,4BAA6B,kBAC7B,8BAA+B,wBAC/B,8BAA+B,UAC/B,wBAAyB,wCACzB,6BAA8B,cAC9B,+BAAgC,gBAChC,+BAAgC,oCAChC,+BAAgC,QAChC,wBAAyB,cACzB,yBAA0B,cAC1B,uCAAwC,gBACxC,qCAAsC,gBACtC,gCAAiC,gBACjC,yCACE,wCACF,sCAAuC,gBACvC,sCAAuC,QACvC,sCAAuC,oCACvC,uCAAwC,cACxC,+BAAgC,OAChC,qCAAsC,oCACvC,CACF,CAAC"}
1
+ {"version":3,"file":"select.mjs","names":[],"sources":["../../../../src/recipes/controls/select/select.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { dropdown } from '../dropdown/dropdown';\n\nexport const select = dropdown.merge({\n className: 'select',\n jsx: ['Select'],\n base: {\n '--dropdown-background':\n 'var(--select-background, {colors.neutral.background.1.enabled})',\n\n '--dropdown-border-width': 'var(--select-border-width, {borders.100})',\n '--dropdown-border-style': 'var(--select-border-style, solid)',\n '--dropdown-border-color':\n 'var(--select-border-color, {colors.neutral.stroke.7.enabled})',\n\n '--dropdown-padding-inline': 'var(--select-padding-inline, {spacing.200})',\n '--dropdown-padding-block': 'var(--select-padding-block, {spacing.200})',\n\n '--dropdown-radii': 'var(--select-radii, {radii.200})',\n\n '--dropdown-margin-top': 'var(--select-margin-top, {spacing.0})',\n\n '--dropdown-options-gap': 'var(--select-options-gap, {spacing.100})',\n\n '--dropdown-option-font-family':\n 'var(--select-option-font-family, {fonts.base})',\n '--dropdown-option-font-size':\n 'var(--select-option-font-size, {fontSizes.300})',\n '--dropdown-option-line-height':\n 'var(--select-option-line-height, {lineHeights.400})',\n\n '--dropdown-option-padding-inline':\n 'var(--select-option-padding-inline, {spacing.200})',\n '--dropdown-option-padding-block':\n 'var(--select-option-padding-block, {spacing.100})',\n\n '--dropdown-option-radii': 'var(--select-option-radii, {radii.100})',\n\n '--dropdown-option-background':\n 'var(--select-option-background, transparent)',\n '--dropdown-option-color':\n 'var(--select-option-color, {colors.neutral.foreground.1.enabled})',\n\n '--dropdown-option-transition':\n 'var(--select-option-transition, {animations.base.100})',\n\n '--dropdown-option-background-hover':\n 'var(--select-option-background-hover, {colors.neutral.background.2.hovered})',\n '--dropdown-option-color-hover':\n 'var(--select-option-color-hover, {colors.neutral.foreground.1.hovered})',\n\n '--dropdown-option-background-selected':\n 'var(--select-option-background-selected, {colors.neutral.background.2.primary.selected})',\n '--dropdown-option-color-selected':\n 'var(--select-option-color-selected, {colors.neutral.foreground.2.primary.selected})',\n\n '--dropdown-option-background-active':\n 'var(--select-option-background-active, {colors.neutral.background.2.primary.selected})',\n '--dropdown-option-color-active':\n 'var(--select-option-color-active, {colors.neutral.foreground.2.primary.selected})',\n\n '--dropdown-empty-font-family':\n 'var(--select-empty-font-family, {fonts.base})',\n '--dropdown-empty-font-size':\n 'var(--select-empty-font-size, {fontSizes.300})',\n '--dropdown-empty-line-height': 'var(--select-empty-line-height, 1)',\n '--dropdown-empty-color':\n 'var(--select-empty-color, {colors.neutral.foreground.5.enabled})',\n '--dropdown-empty-padding-block':\n 'var(--select-empty-padding-block, {spacing.200})',\n '--dropdown-empty-text-align': 'var(--select-empty-text-align, center)',\n\n '--select-search-font-family': '{fonts.base}',\n '--select-search-font-size': '{fontSizes.300}',\n '--select-search-font-weight': '{fontWeights.regular}',\n '--select-search-line-height': 'inherit',\n '--select-search-color': '{colors.neutral.foreground.1.enabled}',\n '--select-search-background': 'transparent',\n '--select-search-border-width': '{borders.100}',\n '--select-search-border-color': '{colors.neutral.stroke.7.enabled}',\n '--select-search-border-style': 'solid',\n '--select-search-radii': '{radii.200}',\n '--select-search-height': '{sizes.500}',\n '--select-search-padding-inline-start': '{spacing.300}',\n '--select-search-padding-inline-end': '{spacing.300}',\n '--select-search-margin-bottom': '{spacing.100}',\n '--select-search-placeholder-foreground':\n '{colors.neutral.foreground.3.enabled}',\n '--select-search-focus-outline-width': '{borders.100}',\n '--select-search-focus-outline-style': 'solid',\n '--select-search-focus-outline-color': '{colors.primary.stroke.1.focused}',\n '--select-search-focus-outline-offset': '{spacing.0}',\n '--select-search-focus-shadow': 'none',\n '--select-search-focus-border-color': '{colors.primary.stroke.1.focused}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"oDAOA,MAAa,EAAS,EAAS,MAAM,CACnC,UAAW,SACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,wBACE,kEAEF,0BAA2B,4CAC3B,0BAA2B,oCAC3B,0BACE,gEAEF,4BAA6B,8CAC7B,2BAA4B,6CAE5B,mBAAoB,mCAEpB,wBAAyB,wCAEzB,yBAA0B,2CAE1B,gCACE,iDACF,8BACE,kDACF,gCACE,sDAEF,mCACE,qDACF,kCACE,oDAEF,0BAA2B,0CAE3B,+BACE,+CACF,0BACE,oEAEF,+BACE,yDAEF,qCACE,+EACF,gCACE,0EAEF,wCACE,2FACF,mCACE,sFAEF,sCACE,yFACF,iCACE,oFAEF,+BACE,gDACF,6BACE,iDACF,+BAAgC,qCAChC,yBACE,mEACF,iCACE,mDACF,8BAA+B,yCAE/B,8BAA+B,eAC/B,4BAA6B,kBAC7B,8BAA+B,wBAC/B,8BAA+B,UAC/B,wBAAyB,wCACzB,6BAA8B,cAC9B,+BAAgC,gBAChC,+BAAgC,oCAChC,+BAAgC,QAChC,wBAAyB,cACzB,yBAA0B,cAC1B,uCAAwC,gBACxC,qCAAsC,gBACtC,gCAAiC,gBACjC,yCACE,wCACF,sCAAuC,gBACvC,sCAAuC,QACvC,sCAAuC,oCACvC,uCAAwC,cACxC,+BAAgC,OAChC,qCAAsC,oCACvC,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`select-searchable`,jsx:[`SelectSearchable`],base:{"--combobox-root-background":`var(--select-searchable-root-background, {colors.neutral.background.1.enabled})`,"--combobox-root-border-width":`var(--select-searchable-root-border-width, 1px)`,"--combobox-root-border-style":`var(--select-searchable-root-border-style, solid)`,"--combobox-root-border-color":`var(--select-searchable-root-border-color, {colors.neutral.stroke.7.enabled})`,"--combobox-root-padding":`var(--select-searchable-root-padding, {spacing.200})`,"--combobox-root-radii":`var(--select-searchable-root-radii, {radii.200})`,"--combobox-root-margin-top":`var(--select-searchable-root-margin-top, {spacing.200})`,"--combobox-root-max-height":`var(--select-searchable-root-max-height, 200px)`,"--combobox-options-gap":`var(--select-searchable-options-gap, {spacing.100})`,"--combobox-option-font-family":`var(--select-searchable-option-font-family, {fonts.base})`,"--combobox-option-font-size":`var(--select-searchable-option-font-size, {fontSizes.300})`,"--combobox-option-line-height":`var(--select-searchable-option-line-height, {lineHeights.400})`,"--combobox-option-padding-inline":`var(--select-searchable-option-padding-inline, {spacing.200})`,"--combobox-option-radii":`var(--select-searchable-option-radii, {radii.100})`,"--combobox-option-padding-block":`var(--select-searchable-option-padding-block, {spacing.100})`,"--combobox-option-background":`var(--select-searchable-option-background, transparent)`,"--combobox-option-color":`var(--select-searchable-option-color, {colors.neutral.foreground.1.enabled})`,"--combobox-option-transition":`var(--select-searchable-option-transition, {animations.base.100})`,"--combobox-option-background-hover":`var(--select-searchable-option-background-hover, {colors.neutral.background.2.hovered})`,"--combobox-option-color-hover":`var(--select-searchable-option-color-hover, {colors.neutral.foreground.1.hovered})`,"--combobox-option-background-selected":`var(--select-searchable-option-background-selected, {colors.neutral.background.1.brand.selected})`,"--combobox-option-color-selected":`var(--select-searchable-option-color-selected, {colors.neutral.foreground.1.onBrand.selected})`,"--combobox-option-background-active":`var(--select-searchable-option-background-active, {colors.neutral.background.1.brand.selected})`,"--combobox-option-color-active":`var(--select-searchable-option-color-active, {colors.neutral.foreground.1.onBrand.selected})`,"--combobox-empty-font-family":`var(--select-searchable-empty-font-family, {fonts.base})`,"--combobox-empty-font-size":`var(--select-searchable-empty-font-size, {fontSizes.300})`,"--combobox-empty-line-height":`var(--select-searchable-empty-line-height, 1)`,"--combobox-empty-color":`var(--select-searchable-empty-color, {colors.neutral.foreground.5.enabled})`,"--combobox-empty-padding-block":`var(--select-searchable-empty-padding-block, {spacing.200})`,"--select-searchable-search-font-family":`var(--select-searchable-search-font-family, {fonts.base})`,"--select-searchable-search-font-size":`var(--select-searchable-search-font-size, {fontSizes.300})`,"--select-searchable-search-font-weight":`var(--select-searchable-search-font-weight, {fontWeights.regular})`,"--select-searchable-search-line-height":`var(--select-searchable-search-line-height, inherit)`,"--select-searchable-search-foreground":`var(--select-searchable-search-foreground, {colors.neutral.foreground.1.enabled})`,"--select-searchable-search-background":`var(--select-searchable-search-background, transparent)`,"--select-searchable-search-border-width":`var(--select-searchable-search-border-width, {borders.100})`,"--select-searchable-search-border-color":`var(--select-searchable-search-border-color, {colors.neutral.stroke.7.enabled})`,"--select-searchable-search-border-style":`var(--select-searchable-search-border-style, solid)`,"--select-searchable-search-radii":`var(--select-searchable-search-radii, {radii.200})`,"--select-searchable-search-width":`var(--select-searchable-search-width, 100%)`,"--select-searchable-search-height":`var(--select-searchable-search-height, {sizes.500})`,"--select-searchable-search-padding-inline-start":`var(--select-searchable-search-padding-inline-start, {spacing.300})`,"--select-searchable-search-padding-inline-end":`var(--select-searchable-search-padding-inline-end, {spacing.300})`,"--select-searchable-search-margin-bottom":`var(--select-searchable-search-margin-bottom, {spacing.100})`,"--select-searchable-search-focus-outline-width":`var(--select-searchable-search-focus-outline-width, {borders.100})`,"--select-searchable-search-focus-outline-style":`var(--select-searchable-search-focus-outline-style, solid)`,"--select-searchable-search-focus-outline-color":`var(--select-searchable-search-focus-outline-color, {colors.neutral.stroke.1.focused})`,"--select-searchable-search-focus-outline-offset":`var(--select-searchable-search-focus-outline-offset, {spacing.0})`,"--select-searchable-search-focus-shadow":`var(--select-searchable-search-focus-shadow)`,"--select-searchable-search-focus-border-color":`var(--select-searchable-search-focus-border-color, {colors.neutral.stroke.1.focused})`}});export{t as selectSearchable};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`select-searchable`,jsx:[`SelectSearchable`],base:{"--combobox-root-background":`var(--select-searchable-root-background, {colors.neutral.background.1.enabled})`,"--combobox-root-border-width":`var(--select-searchable-root-border-width, 1px)`,"--combobox-root-border-style":`var(--select-searchable-root-border-style, solid)`,"--combobox-root-border-color":`var(--select-searchable-root-border-color, {colors.neutral.stroke.7.enabled})`,"--combobox-root-padding":`var(--select-searchable-root-padding, {spacing.200})`,"--combobox-root-radii":`var(--select-searchable-root-radii, {radii.200})`,"--combobox-root-margin-top":`var(--select-searchable-root-margin-top, {spacing.200})`,"--combobox-root-max-height":`var(--select-searchable-root-max-height, 200px)`,"--combobox-options-gap":`var(--select-searchable-options-gap, {spacing.100})`,"--combobox-option-font-family":`var(--select-searchable-option-font-family, {fonts.base})`,"--combobox-option-font-size":`var(--select-searchable-option-font-size, {fontSizes.300})`,"--combobox-option-line-height":`var(--select-searchable-option-line-height, {lineHeights.400})`,"--combobox-option-padding-inline":`var(--select-searchable-option-padding-inline, {spacing.200})`,"--combobox-option-radii":`var(--select-searchable-option-radii, {radii.100})`,"--combobox-option-padding-block":`var(--select-searchable-option-padding-block, {spacing.100})`,"--combobox-option-background":`var(--select-searchable-option-background, transparent)`,"--combobox-option-color":`var(--select-searchable-option-color, {colors.neutral.foreground.1.enabled})`,"--combobox-option-transition":`var(--select-searchable-option-transition, {animations.base.100})`,"--combobox-option-background-hover":`var(--select-searchable-option-background-hover, {colors.neutral.background.2.hovered})`,"--combobox-option-color-hover":`var(--select-searchable-option-color-hover, {colors.neutral.foreground.1.hovered})`,"--combobox-option-background-selected":`var(--select-searchable-option-background-selected, {colors.neutral.background.2.primary.selected})`,"--combobox-option-color-selected":`var(--select-searchable-option-color-selected, {colors.neutral.foreground.2.primary.selected})`,"--combobox-option-background-active":`var(--select-searchable-option-background-active, {colors.neutral.background.2.primary.selected})`,"--combobox-option-color-active":`var(--select-searchable-option-color-active, {colors.neutral.foreground.2.primary.selected})`,"--combobox-empty-font-family":`var(--select-searchable-empty-font-family, {fonts.base})`,"--combobox-empty-font-size":`var(--select-searchable-empty-font-size, {fontSizes.300})`,"--combobox-empty-line-height":`var(--select-searchable-empty-line-height, 1)`,"--combobox-empty-color":`var(--select-searchable-empty-color, {colors.neutral.foreground.5.enabled})`,"--combobox-empty-padding-block":`var(--select-searchable-empty-padding-block, {spacing.200})`,"--select-searchable-search-font-family":`var(--select-searchable-search-font-family, {fonts.base})`,"--select-searchable-search-font-size":`var(--select-searchable-search-font-size, {fontSizes.300})`,"--select-searchable-search-font-weight":`var(--select-searchable-search-font-weight, {fontWeights.regular})`,"--select-searchable-search-line-height":`var(--select-searchable-search-line-height, inherit)`,"--select-searchable-search-foreground":`var(--select-searchable-search-foreground, {colors.neutral.foreground.1.enabled})`,"--select-searchable-search-background":`var(--select-searchable-search-background, transparent)`,"--select-searchable-search-border-width":`var(--select-searchable-search-border-width, {borders.100})`,"--select-searchable-search-border-color":`var(--select-searchable-search-border-color, {colors.neutral.stroke.7.enabled})`,"--select-searchable-search-border-style":`var(--select-searchable-search-border-style, solid)`,"--select-searchable-search-radii":`var(--select-searchable-search-radii, {radii.200})`,"--select-searchable-search-width":`var(--select-searchable-search-width, 100%)`,"--select-searchable-search-height":`var(--select-searchable-search-height, {sizes.500})`,"--select-searchable-search-padding-inline-start":`var(--select-searchable-search-padding-inline-start, {spacing.300})`,"--select-searchable-search-padding-inline-end":`var(--select-searchable-search-padding-inline-end, {spacing.300})`,"--select-searchable-search-margin-bottom":`var(--select-searchable-search-margin-bottom, {spacing.100})`,"--select-searchable-search-focus-outline-width":`var(--select-searchable-search-focus-outline-width, {borders.100})`,"--select-searchable-search-focus-outline-style":`var(--select-searchable-search-focus-outline-style, solid)`,"--select-searchable-search-focus-outline-color":`var(--select-searchable-search-focus-outline-color, {colors.neutral.stroke.1.focused})`,"--select-searchable-search-focus-outline-offset":`var(--select-searchable-search-focus-outline-offset, {spacing.0})`,"--select-searchable-search-focus-shadow":`var(--select-searchable-search-focus-shadow)`,"--select-searchable-search-focus-border-color":`var(--select-searchable-search-focus-border-color, {colors.neutral.stroke.1.focused})`}});export{t as selectSearchable};
2
2
  //# sourceMappingURL=select-searchable.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"select-searchable.mjs","names":[],"sources":["../../../../src/recipes/controls/select-searchable/select-searchable.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const selectSearchable = defineRecipe({\n className: 'select-searchable',\n jsx: ['SelectSearchable'],\n base: {\n // TODO: ??\n '--combobox-root-background':\n 'var(--select-searchable-root-background, {colors.neutral.background.1.enabled})',\n '--combobox-root-border-width':\n 'var(--select-searchable-root-border-width, 1px)',\n '--combobox-root-border-style':\n 'var(--select-searchable-root-border-style, solid)',\n '--combobox-root-border-color':\n 'var(--select-searchable-root-border-color, {colors.neutral.stroke.7.enabled})',\n '--combobox-root-padding':\n 'var(--select-searchable-root-padding, {spacing.200})',\n '--combobox-root-radii': 'var(--select-searchable-root-radii, {radii.200})',\n '--combobox-root-margin-top':\n 'var(--select-searchable-root-margin-top, {spacing.200})',\n '--combobox-root-max-height':\n 'var(--select-searchable-root-max-height, 200px)',\n\n '--combobox-options-gap':\n 'var(--select-searchable-options-gap, {spacing.100})',\n\n '--combobox-option-font-family':\n 'var(--select-searchable-option-font-family, {fonts.base})',\n '--combobox-option-font-size':\n 'var(--select-searchable-option-font-size, {fontSizes.300})',\n '--combobox-option-line-height':\n 'var(--select-searchable-option-line-height, {lineHeights.400})',\n '--combobox-option-padding-inline':\n 'var(--select-searchable-option-padding-inline, {spacing.200})',\n '--combobox-option-radii':\n 'var(--select-searchable-option-radii, {radii.100})',\n '--combobox-option-padding-block':\n 'var(--select-searchable-option-padding-block, {spacing.100})',\n '--combobox-option-background':\n 'var(--select-searchable-option-background, transparent)',\n '--combobox-option-color':\n 'var(--select-searchable-option-color, {colors.neutral.foreground.1.enabled})',\n '--combobox-option-transition':\n 'var(--select-searchable-option-transition, {animations.base.100})',\n '--combobox-option-background-hover':\n 'var(--select-searchable-option-background-hover, {colors.neutral.background.2.hovered})',\n '--combobox-option-color-hover':\n 'var(--select-searchable-option-color-hover, {colors.neutral.foreground.1.hovered})',\n '--combobox-option-background-selected':\n 'var(--select-searchable-option-background-selected, {colors.neutral.background.1.brand.selected})',\n '--combobox-option-color-selected':\n 'var(--select-searchable-option-color-selected, {colors.neutral.foreground.1.onBrand.selected})',\n '--combobox-option-background-active':\n 'var(--select-searchable-option-background-active, {colors.neutral.background.1.brand.selected})',\n '--combobox-option-color-active':\n 'var(--select-searchable-option-color-active, {colors.neutral.foreground.1.onBrand.selected})',\n\n '--combobox-empty-font-family':\n 'var(--select-searchable-empty-font-family, {fonts.base})',\n '--combobox-empty-font-size':\n 'var(--select-searchable-empty-font-size, {fontSizes.300})',\n '--combobox-empty-line-height':\n 'var(--select-searchable-empty-line-height, 1)',\n '--combobox-empty-color':\n 'var(--select-searchable-empty-color, {colors.neutral.foreground.5.enabled})',\n '--combobox-empty-padding-block':\n 'var(--select-searchable-empty-padding-block, {spacing.200})',\n\n '--select-searchable-search-font-family':\n 'var(--select-searchable-search-font-family, {fonts.base})',\n '--select-searchable-search-font-size':\n 'var(--select-searchable-search-font-size, {fontSizes.300})',\n '--select-searchable-search-font-weight':\n 'var(--select-searchable-search-font-weight, {fontWeights.regular})',\n '--select-searchable-search-line-height':\n 'var(--select-searchable-search-line-height, inherit)',\n '--select-searchable-search-foreground':\n 'var(--select-searchable-search-foreground, {colors.neutral.foreground.1.enabled})',\n '--select-searchable-search-background':\n 'var(--select-searchable-search-background, transparent)',\n '--select-searchable-search-border-width':\n 'var(--select-searchable-search-border-width, {borders.100})',\n '--select-searchable-search-border-color':\n 'var(--select-searchable-search-border-color, {colors.neutral.stroke.7.enabled})',\n '--select-searchable-search-border-style':\n 'var(--select-searchable-search-border-style, solid)',\n '--select-searchable-search-radii':\n 'var(--select-searchable-search-radii, {radii.200})',\n '--select-searchable-search-width':\n 'var(--select-searchable-search-width, 100%)',\n '--select-searchable-search-height':\n 'var(--select-searchable-search-height, {sizes.500})',\n '--select-searchable-search-padding-inline-start':\n 'var(--select-searchable-search-padding-inline-start, {spacing.300})',\n '--select-searchable-search-padding-inline-end':\n 'var(--select-searchable-search-padding-inline-end, {spacing.300})',\n '--select-searchable-search-margin-bottom':\n 'var(--select-searchable-search-margin-bottom, {spacing.100})',\n '--select-searchable-search-focus-outline-width':\n 'var(--select-searchable-search-focus-outline-width, {borders.100})',\n '--select-searchable-search-focus-outline-style':\n 'var(--select-searchable-search-focus-outline-style, solid)',\n '--select-searchable-search-focus-outline-color':\n 'var(--select-searchable-search-focus-outline-color, {colors.neutral.stroke.1.focused})',\n '--select-searchable-search-focus-outline-offset':\n 'var(--select-searchable-search-focus-outline-offset, {spacing.0})',\n '--select-searchable-search-focus-shadow':\n 'var(--select-searchable-search-focus-shadow)',\n '--select-searchable-search-focus-border-color':\n 'var(--select-searchable-search-focus-border-color, {colors.neutral.stroke.1.focused})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,oBACX,IAAK,CAAC,mBAAmB,CACzB,KAAM,CAEJ,6BACE,kFACF,+BACE,kDACF,+BACE,oDACF,+BACE,gFACF,0BACE,uDACF,wBAAyB,mDACzB,6BACE,0DACF,6BACE,kDAEF,yBACE,sDAEF,gCACE,4DACF,8BACE,6DACF,gCACE,iEACF,mCACE,gEACF,0BACE,qDACF,kCACE,+DACF,+BACE,0DACF,0BACE,+EACF,+BACE,oEACF,qCACE,0FACF,gCACE,qFACF,wCACE,oGACF,mCACE,iGACF,sCACE,kGACF,iCACE,+FAEF,+BACE,2DACF,6BACE,4DACF,+BACE,gDACF,yBACE,8EACF,iCACE,8DAEF,yCACE,4DACF,uCACE,6DACF,yCACE,qEACF,yCACE,uDACF,wCACE,oFACF,wCACE,0DACF,0CACE,8DACF,0CACE,kFACF,0CACE,sDACF,mCACE,qDACF,mCACE,8CACF,oCACE,sDACF,kDACE,sEACF,gDACE,oEACF,2CACE,+DACF,iDACE,qEACF,iDACE,6DACF,iDACE,yFACF,kDACE,oEACF,0CACE,+CACF,gDACE,wFACH,CACF,CAAC"}
1
+ {"version":3,"file":"select-searchable.mjs","names":[],"sources":["../../../../src/recipes/controls/select-searchable/select-searchable.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const selectSearchable = defineRecipe({\n className: 'select-searchable',\n jsx: ['SelectSearchable'],\n base: {\n // TODO: ??\n '--combobox-root-background':\n 'var(--select-searchable-root-background, {colors.neutral.background.1.enabled})',\n '--combobox-root-border-width':\n 'var(--select-searchable-root-border-width, 1px)',\n '--combobox-root-border-style':\n 'var(--select-searchable-root-border-style, solid)',\n '--combobox-root-border-color':\n 'var(--select-searchable-root-border-color, {colors.neutral.stroke.7.enabled})',\n '--combobox-root-padding':\n 'var(--select-searchable-root-padding, {spacing.200})',\n '--combobox-root-radii': 'var(--select-searchable-root-radii, {radii.200})',\n '--combobox-root-margin-top':\n 'var(--select-searchable-root-margin-top, {spacing.200})',\n '--combobox-root-max-height':\n 'var(--select-searchable-root-max-height, 200px)',\n\n '--combobox-options-gap':\n 'var(--select-searchable-options-gap, {spacing.100})',\n\n '--combobox-option-font-family':\n 'var(--select-searchable-option-font-family, {fonts.base})',\n '--combobox-option-font-size':\n 'var(--select-searchable-option-font-size, {fontSizes.300})',\n '--combobox-option-line-height':\n 'var(--select-searchable-option-line-height, {lineHeights.400})',\n '--combobox-option-padding-inline':\n 'var(--select-searchable-option-padding-inline, {spacing.200})',\n '--combobox-option-radii':\n 'var(--select-searchable-option-radii, {radii.100})',\n '--combobox-option-padding-block':\n 'var(--select-searchable-option-padding-block, {spacing.100})',\n '--combobox-option-background':\n 'var(--select-searchable-option-background, transparent)',\n '--combobox-option-color':\n 'var(--select-searchable-option-color, {colors.neutral.foreground.1.enabled})',\n '--combobox-option-transition':\n 'var(--select-searchable-option-transition, {animations.base.100})',\n '--combobox-option-background-hover':\n 'var(--select-searchable-option-background-hover, {colors.neutral.background.2.hovered})',\n '--combobox-option-color-hover':\n 'var(--select-searchable-option-color-hover, {colors.neutral.foreground.1.hovered})',\n '--combobox-option-background-selected':\n 'var(--select-searchable-option-background-selected, {colors.neutral.background.2.primary.selected})',\n '--combobox-option-color-selected':\n 'var(--select-searchable-option-color-selected, {colors.neutral.foreground.2.primary.selected})',\n '--combobox-option-background-active':\n 'var(--select-searchable-option-background-active, {colors.neutral.background.2.primary.selected})',\n '--combobox-option-color-active':\n 'var(--select-searchable-option-color-active, {colors.neutral.foreground.2.primary.selected})',\n\n '--combobox-empty-font-family':\n 'var(--select-searchable-empty-font-family, {fonts.base})',\n '--combobox-empty-font-size':\n 'var(--select-searchable-empty-font-size, {fontSizes.300})',\n '--combobox-empty-line-height':\n 'var(--select-searchable-empty-line-height, 1)',\n '--combobox-empty-color':\n 'var(--select-searchable-empty-color, {colors.neutral.foreground.5.enabled})',\n '--combobox-empty-padding-block':\n 'var(--select-searchable-empty-padding-block, {spacing.200})',\n\n '--select-searchable-search-font-family':\n 'var(--select-searchable-search-font-family, {fonts.base})',\n '--select-searchable-search-font-size':\n 'var(--select-searchable-search-font-size, {fontSizes.300})',\n '--select-searchable-search-font-weight':\n 'var(--select-searchable-search-font-weight, {fontWeights.regular})',\n '--select-searchable-search-line-height':\n 'var(--select-searchable-search-line-height, inherit)',\n '--select-searchable-search-foreground':\n 'var(--select-searchable-search-foreground, {colors.neutral.foreground.1.enabled})',\n '--select-searchable-search-background':\n 'var(--select-searchable-search-background, transparent)',\n '--select-searchable-search-border-width':\n 'var(--select-searchable-search-border-width, {borders.100})',\n '--select-searchable-search-border-color':\n 'var(--select-searchable-search-border-color, {colors.neutral.stroke.7.enabled})',\n '--select-searchable-search-border-style':\n 'var(--select-searchable-search-border-style, solid)',\n '--select-searchable-search-radii':\n 'var(--select-searchable-search-radii, {radii.200})',\n '--select-searchable-search-width':\n 'var(--select-searchable-search-width, 100%)',\n '--select-searchable-search-height':\n 'var(--select-searchable-search-height, {sizes.500})',\n '--select-searchable-search-padding-inline-start':\n 'var(--select-searchable-search-padding-inline-start, {spacing.300})',\n '--select-searchable-search-padding-inline-end':\n 'var(--select-searchable-search-padding-inline-end, {spacing.300})',\n '--select-searchable-search-margin-bottom':\n 'var(--select-searchable-search-margin-bottom, {spacing.100})',\n '--select-searchable-search-focus-outline-width':\n 'var(--select-searchable-search-focus-outline-width, {borders.100})',\n '--select-searchable-search-focus-outline-style':\n 'var(--select-searchable-search-focus-outline-style, solid)',\n '--select-searchable-search-focus-outline-color':\n 'var(--select-searchable-search-focus-outline-color, {colors.neutral.stroke.1.focused})',\n '--select-searchable-search-focus-outline-offset':\n 'var(--select-searchable-search-focus-outline-offset, {spacing.0})',\n '--select-searchable-search-focus-shadow':\n 'var(--select-searchable-search-focus-shadow)',\n '--select-searchable-search-focus-border-color':\n 'var(--select-searchable-search-focus-border-color, {colors.neutral.stroke.1.focused})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,oBACX,IAAK,CAAC,mBAAmB,CACzB,KAAM,CAEJ,6BACE,kFACF,+BACE,kDACF,+BACE,oDACF,+BACE,gFACF,0BACE,uDACF,wBAAyB,mDACzB,6BACE,0DACF,6BACE,kDAEF,yBACE,sDAEF,gCACE,4DACF,8BACE,6DACF,gCACE,iEACF,mCACE,gEACF,0BACE,qDACF,kCACE,+DACF,+BACE,0DACF,0BACE,+EACF,+BACE,oEACF,qCACE,0FACF,gCACE,qFACF,wCACE,sGACF,mCACE,iGACF,sCACE,oGACF,iCACE,+FAEF,+BACE,2DACF,6BACE,4DACF,+BACE,gDACF,yBACE,8EACF,iCACE,8DAEF,yCACE,4DACF,uCACE,6DACF,yCACE,qEACF,yCACE,uDACF,wCACE,oFACF,wCACE,0DACF,0CACE,8DACF,0CACE,kFACF,0CACE,sDACF,mCACE,qDACF,mCACE,8CACF,oCACE,sDACF,kDACE,sEACF,gDACE,oEACF,2CACE,+DACF,iDACE,qEACF,iDACE,6DACF,iDACE,yFACF,kDACE,oEACF,0CACE,+CACF,gDACE,wFACH,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{iconWrapped as e}from"../../../data-display/icons/icon-wrapped/icon-wrapped.mjs";const t=e.merge({className:`chevron`,jsx:[`Chevron`],base:{"--icon-wrapped-size":`var(--chevron-size, {sizes.600})`,"--icon-wrapped-background":`var(--chevron-background, {colors.neutral.background.2.enabled})`,"--icon-wrapped-foreground":`var(--chevron-foreground, {colors.neutral.foreground.2.onBrand.enabled})`,"--icon-wrapped-radii":`var(--chevron-radii, {radii.900})`,"--icon-wrapped-border-width":`var(--chevron-border-width, {borders.100})`,"--icon-wrapped-border-style":`var(--chevron-border-style, solid)`,"--icon-wrapped-border-color":`var(--chevron-border-color, {colors.neutral.stroke.1.enabled})`,"--icon-wrapped-padding-inline":`var(--chevron-padding-inline, {spacing.200})`,"--icon-wrapped-padding-block":`var(--chevron-padding-block, {spacing.200})`}});export{t as chevron};
1
+ import{iconWrapped as e}from"../../../data-display/icons/icon-wrapped/icon-wrapped.mjs";const t=e.merge({className:`chevron`,jsx:[`Chevron`],base:{"--icon-wrapped-size":`var(--chevron-size, {sizes.600})`,"--icon-wrapped-background":`var(--chevron-background, {colors.neutral.background.2.enabled})`,"--icon-wrapped-foreground":`var(--chevron-foreground, {colors.neutral.foreground.2.enabled})`,"--icon-wrapped-radii":`var(--chevron-radii, {radii.900})`,"--icon-wrapped-border-width":`var(--chevron-border-width, {borders.100})`,"--icon-wrapped-border-style":`var(--chevron-border-style, solid)`,"--icon-wrapped-border-color":`var(--chevron-border-color, {colors.neutral.stroke.1.enabled})`,"--icon-wrapped-padding-inline":`var(--chevron-padding-inline, {spacing.200})`,"--icon-wrapped-padding-block":`var(--chevron-padding-block, {spacing.200})`}});export{t as chevron};
2
2
  //# sourceMappingURL=chevron.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"chevron.mjs","names":[],"sources":["../../../../../src/recipes/controls/utils/chevron/chevron.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nimport { iconWrapped } from '../../../data-display/icons/icon-wrapped/icon-wrapped';\n\nexport const chevron = iconWrapped.merge({\n className: 'chevron',\n jsx: ['Chevron'],\n base: {\n '--icon-wrapped-size': 'var(--chevron-size, {sizes.600})',\n '--icon-wrapped-background':\n 'var(--chevron-background, {colors.neutral.background.2.enabled})',\n '--icon-wrapped-foreground':\n 'var(--chevron-foreground, {colors.neutral.foreground.2.onBrand.enabled})',\n '--icon-wrapped-radii': 'var(--chevron-radii, {radii.900})',\n '--icon-wrapped-border-width': 'var(--chevron-border-width, {borders.100})',\n '--icon-wrapped-border-style': 'var(--chevron-border-style, solid)',\n '--icon-wrapped-border-color':\n 'var(--chevron-border-color, {colors.neutral.stroke.1.enabled})',\n '--icon-wrapped-padding-inline':\n 'var(--chevron-padding-inline, {spacing.200})',\n '--icon-wrapped-padding-block':\n 'var(--chevron-padding-block, {spacing.200})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"wFAKA,MAAa,EAAU,EAAY,MAAM,CACvC,UAAW,UACX,IAAK,CAAC,UAAU,CAChB,KAAM,CACJ,sBAAuB,mCACvB,4BACE,mEACF,4BACE,2EACF,uBAAwB,oCACxB,8BAA+B,6CAC/B,8BAA+B,qCAC/B,8BACE,iEACF,gCACE,+CACF,+BACE,8CACH,CACF,CAAC"}
1
+ {"version":3,"file":"chevron.mjs","names":[],"sources":["../../../../../src/recipes/controls/utils/chevron/chevron.ts"],"sourcesContent":["import type { RecipeBuilder } from '@pandabox/define-recipe';\nimport type { RecipeVariantRecord } from '@pandacss/dev';\n\nimport { iconWrapped } from '../../../data-display/icons/icon-wrapped/icon-wrapped';\n\nexport const chevron = iconWrapped.merge({\n className: 'chevron',\n jsx: ['Chevron'],\n base: {\n '--icon-wrapped-size': 'var(--chevron-size, {sizes.600})',\n '--icon-wrapped-background':\n 'var(--chevron-background, {colors.neutral.background.2.enabled})',\n '--icon-wrapped-foreground':\n 'var(--chevron-foreground, {colors.neutral.foreground.2.enabled})',\n '--icon-wrapped-radii': 'var(--chevron-radii, {radii.900})',\n '--icon-wrapped-border-width': 'var(--chevron-border-width, {borders.100})',\n '--icon-wrapped-border-style': 'var(--chevron-border-style, solid)',\n '--icon-wrapped-border-color':\n 'var(--chevron-border-color, {colors.neutral.stroke.1.enabled})',\n '--icon-wrapped-padding-inline':\n 'var(--chevron-padding-inline, {spacing.200})',\n '--icon-wrapped-padding-block':\n 'var(--chevron-padding-block, {spacing.200})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"wFAKA,MAAa,EAAU,EAAY,MAAM,CACvC,UAAW,UACX,IAAK,CAAC,UAAU,CAChB,KAAM,CACJ,sBAAuB,mCACvB,4BACE,mEACF,4BACE,mEACF,uBAAwB,oCACxB,8BAA+B,6CAC/B,8BAA+B,qCAC/B,8BACE,iEACF,gCACE,+CACF,+BACE,8CACH,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`avatar__root`,jsx:[`Avatar`],base:{backgroundColor:`var(--avatar-background, {colors.primary.background.1.enabled})`,color:`var(--avatar-foreground, {colors.neutral.foreground.1.enabled})`,fontSize:`var(--avatar-font-size, {fontSizes.100})`,fontWeight:`var(--avatar-font-weight, {fontWeights.medium})`,textTransform:`var(--avatar-text-transform, uppercase)`,textDecoration:`none`,display:`inline-flex`,justifyContent:`center`,alignItems:`center`,flexShrink:0,aspectRatio:`1`,overflow:`hidden`,height:`var(--avatar-size, {sizes.600})`,borderRadius:`var(--avatar-radii, {radii.900})`,borderWidth:`var(--avatar-border-width, {borders.0})`,borderStyle:`var(--avatar-border-style, solid)`,borderColor:`var(--avatar-border-color, transparent)`}});export{t as avatarRoot};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`avatar__root`,jsx:[`Avatar`],base:{backgroundColor:`var(--avatar-background, {colors.primary.background.1.enabled})`,color:`var(--avatar-foreground, {colors.primary.foreground.1.onPrimary.enabled})`,fontSize:`var(--avatar-font-size, {fontSizes.100})`,fontWeight:`var(--avatar-font-weight, {fontWeights.medium})`,textTransform:`var(--avatar-text-transform, uppercase)`,textDecoration:`none`,display:`inline-flex`,justifyContent:`center`,alignItems:`center`,flexShrink:0,aspectRatio:`1`,overflow:`hidden`,height:`var(--avatar-size, {sizes.600})`,borderRadius:`var(--avatar-radii, {radii.900})`,borderWidth:`var(--avatar-border-width, {borders.0})`,borderStyle:`var(--avatar-border-style, solid)`,borderColor:`var(--avatar-border-color, transparent)`}});export{t as avatarRoot};
2
2
  //# sourceMappingURL=avatar-root.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"avatar-root.mjs","names":[],"sources":["../../../../src/recipes/data-display/avatar/avatar-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const avatarRoot = defineRecipe({\n className: 'avatar__root',\n jsx: ['Avatar'],\n base: {\n backgroundColor:\n 'var(--avatar-background, {colors.primary.background.1.enabled})',\n color: 'var(--avatar-foreground, {colors.neutral.foreground.1.enabled})',\n fontSize: 'var(--avatar-font-size, {fontSizes.100})',\n fontWeight: 'var(--avatar-font-weight, {fontWeights.medium})',\n textTransform: 'var(--avatar-text-transform, uppercase)',\n textDecoration: 'none',\n display: 'inline-flex',\n justifyContent: 'center',\n alignItems: 'center',\n flexShrink: 0,\n aspectRatio: '1',\n overflow: 'hidden',\n height: 'var(--avatar-size, {sizes.600})',\n borderRadius: 'var(--avatar-radii, {radii.900})',\n borderWidth: 'var(--avatar-border-width, {borders.0})',\n borderStyle: 'var(--avatar-border-style, solid)',\n borderColor: 'var(--avatar-border-color, transparent)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,gBACE,kEACF,MAAO,mEACP,SAAU,2CACV,WAAY,kDACZ,cAAe,0CACf,eAAgB,OAChB,QAAS,cACT,eAAgB,SAChB,WAAY,SACZ,WAAY,EACZ,YAAa,IACb,SAAU,SACV,OAAQ,kCACR,aAAc,mCACd,YAAa,0CACb,YAAa,oCACb,YAAa,0CACd,CACF,CAAC"}
1
+ {"version":3,"file":"avatar-root.mjs","names":[],"sources":["../../../../src/recipes/data-display/avatar/avatar-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const avatarRoot = defineRecipe({\n className: 'avatar__root',\n jsx: ['Avatar'],\n base: {\n backgroundColor:\n 'var(--avatar-background, {colors.primary.background.1.enabled})',\n color:\n 'var(--avatar-foreground, {colors.primary.foreground.1.onPrimary.enabled})',\n fontSize: 'var(--avatar-font-size, {fontSizes.100})',\n fontWeight: 'var(--avatar-font-weight, {fontWeights.medium})',\n textTransform: 'var(--avatar-text-transform, uppercase)',\n textDecoration: 'none',\n display: 'inline-flex',\n justifyContent: 'center',\n alignItems: 'center',\n flexShrink: 0,\n aspectRatio: '1',\n overflow: 'hidden',\n height: 'var(--avatar-size, {sizes.600})',\n borderRadius: 'var(--avatar-radii, {radii.900})',\n borderWidth: 'var(--avatar-border-width, {borders.0})',\n borderStyle: 'var(--avatar-border-style, solid)',\n borderColor: 'var(--avatar-border-color, transparent)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,gBACE,kEACF,MACE,6EACF,SAAU,2CACV,WAAY,kDACZ,cAAe,0CACf,eAAgB,OAChB,QAAS,cACT,eAAgB,SAChB,WAAY,SACZ,WAAY,EACZ,YAAa,IACb,SAAU,SACV,OAAQ,kCACR,aAAc,mCACd,YAAa,0CACb,YAAa,oCACb,YAAa,0CACd,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`avatar`,jsx:[`Avatar`],base:{"--avatar-background":`{colors.primary.background.1.enabled}`,"--avatar-foreground":`{colors.neutral.foreground.1.onBrand.enabled}`,"--avatar-border-width":`{borders.0}`,"--avatar-border-style":`solid`,"--avatar-border-color":`transparent`,"--avatar-line-height":`1`,"--avatar-font-size":`{fontSizes.100}`,"--avatar-font-weight":`{fontWeights.medium}`,"--avatar-text-transform":`uppercase`,"--avatar-size":`{sizes.600}`,"--avatar-radii":`{radii.900}`}});export{t as avatar};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`avatar`,jsx:[`Avatar`],base:{"--avatar-background":`{colors.primary.background.1.enabled}`,"--avatar-foreground":`{colors.primary.foreground.onPrimary.2.enabled}`,"--avatar-border-width":`{borders.0}`,"--avatar-border-style":`solid`,"--avatar-border-color":`transparent`,"--avatar-line-height":`1`,"--avatar-font-size":`{fontSizes.100}`,"--avatar-font-weight":`{fontWeights.medium}`,"--avatar-text-transform":`uppercase`,"--avatar-size":`{sizes.600}`,"--avatar-radii":`{radii.900}`}});export{t as avatar};
2
2
  //# sourceMappingURL=avatar.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.mjs","names":[],"sources":["../../../../src/recipes/data-display/avatar/avatar.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const avatar = defineRecipe({\n className: 'avatar',\n jsx: ['Avatar'],\n base: {\n '--avatar-background': '{colors.primary.background.1.enabled}',\n '--avatar-foreground': '{colors.neutral.foreground.1.onBrand.enabled}',\n '--avatar-border-width': '{borders.0}',\n '--avatar-border-style': 'solid',\n '--avatar-border-color': 'transparent',\n '--avatar-line-height': '1',\n '--avatar-font-size': '{fontSizes.100}',\n '--avatar-font-weight': '{fontWeights.medium}',\n '--avatar-text-transform': 'uppercase',\n '--avatar-size': '{sizes.600}',\n '--avatar-radii': '{radii.900}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAS,EAAa,CACjC,UAAW,SACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,sBAAuB,wCACvB,sBAAuB,gDACvB,wBAAyB,cACzB,wBAAyB,QACzB,wBAAyB,cACzB,uBAAwB,IACxB,qBAAsB,kBACtB,uBAAwB,uBACxB,0BAA2B,YAC3B,gBAAiB,cACjB,iBAAkB,cACnB,CACF,CAAC"}
1
+ {"version":3,"file":"avatar.mjs","names":[],"sources":["../../../../src/recipes/data-display/avatar/avatar.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const avatar = defineRecipe({\n className: 'avatar',\n jsx: ['Avatar'],\n base: {\n '--avatar-background': '{colors.primary.background.1.enabled}',\n '--avatar-foreground': '{colors.primary.foreground.onPrimary.2.enabled}',\n '--avatar-border-width': '{borders.0}',\n '--avatar-border-style': 'solid',\n '--avatar-border-color': 'transparent',\n '--avatar-line-height': '1',\n '--avatar-font-size': '{fontSizes.100}',\n '--avatar-font-weight': '{fontWeights.medium}',\n '--avatar-text-transform': 'uppercase',\n '--avatar-size': '{sizes.600}',\n '--avatar-radii': '{radii.900}',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAS,EAAa,CACjC,UAAW,SACX,IAAK,CAAC,SAAS,CACf,KAAM,CACJ,sBAAuB,wCACvB,sBAAuB,kDACvB,wBAAyB,cACzB,wBAAyB,QACzB,wBAAyB,cACzB,uBAAwB,IACxB,qBAAsB,kBACtB,uBAAwB,uBACxB,0BAA2B,YAC3B,gBAAiB,cACjB,iBAAkB,cACnB,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__event`,jsx:[`Calendar`],base:{"& .rbc-event, &.rbc-day-slot .rbc-background-event, :root:has(&) .rbc-overlay .rbc-event":{borderWidth:`var(--calendar-event-border-width, 0)`,borderStyle:`solid`,borderColor:`var(--calendar-event-border-color, transparent)`,boxSizing:`border-box`,margin:0,paddingBlock:`var(--calendar-event-padding-block, {spacing.100})`,paddingInline:`var(--calendar-event-padding-inline, {spacing.200})`,backgroundColor:`var(--calendar-event-background, {colors.primary.background.1.enabled})`,borderRadius:`var(--calendar-event-border-radius, {radii.200})`,color:`var(--calendar-event-foreground, {colors.neutral.foreground.1.onBrand.enabled})`,cursor:`pointer`,width:`100%`,textAlign:`left`,fontFamily:`var(--calendar-event-font-family, {fonts.base})`,fontWeight:`var(--calendar-event-font-weight, {fontWeights.regular})`,fontSize:`var(--calendar-event-font-size, {fontSizes.150})`,lineHeight:`var(--calendar-event-line-height, 1.2)`,"& strong":{fontWeight:`var(--calendar-event-font-weight-strong, {fontWeights.bold})`,color:`var(--calendar-event-foreground-strong, {colors.neutral.foreground.1.onBrand.enabled})`}},"& .rbc-slot-selecting .rbc-event, & .rbc-slot-selecting .rbc-day-slot .rbc-background-event, :root:has(&) .rbc-overlay .rbc-slot-selecting .rbc-event":{cursor:`inherit`,pointerEvents:`none`},"& .rbc-event.rbc-selected, & .rbc-day-slot .rbc-selected.rbc-background-event, :root:has(&) .rbc-overlay .rbc-event.rbc-selected":{backgroundColor:`var(--calendar-event-background-selected, {colors.neutral.background.1.brand.selected})`},"& .rbc-event:focus-visible, & .rbc-day-slot .rbc-background-event:focus-visible, :root:has(&) .rbc-overlay .rbc-event:focus-visible":{outlineWidth:`var(--calendar-event-focus-outline-width, {borders.100})`,outlineStyle:`var(--calendar-event-focus-outline-style, solid)`,outlineColor:`var(--calendar-event-focus-outline-color, {colors.primary.stroke.1.focused})`,outlineOffset:`var(--calendar-event-focus-outline-offset, 0)`},":root:has(&) .rbc-overlay .rbc-event + .rbc-event-continues-after":{marginTop:`{spacing.100}`},"& .rbc-event-label":{display:`block`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,transition:`var(--calendar-event-transition, {animations.base.100})`},"& .rbc-event-overlaps":{boxShadow:`var(--calendar-event-overlaps-box-shadow, -1px 1px 5px 0px rgba(51, 51, 51, 0.5))`},"& .rbc-event-continues-prior":{borderTopLeftRadius:0,borderBottomLeftRadius:0},"& .rbc-event-continues-after":{borderTopRightRadius:0,borderBottomRightRadius:0},"& .rbc-event-continues-earlier":{borderTopLeftRadius:0,borderTopRightRadius:0},"& .rbc-event-continues-later":{borderBottomLeftRadius:0,borderBottomRightRadius:0}}});export{t as calendarEvent};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__event`,jsx:[`Calendar`],base:{"& .rbc-event, &.rbc-day-slot .rbc-background-event, :root:has(&) .rbc-overlay .rbc-event":{borderWidth:`var(--calendar-event-border-width, 0)`,borderStyle:`solid`,borderColor:`var(--calendar-event-border-color, transparent)`,boxSizing:`border-box`,margin:0,paddingBlock:`var(--calendar-event-padding-block, {spacing.100})`,paddingInline:`var(--calendar-event-padding-inline, {spacing.200})`,backgroundColor:`var(--calendar-event-background, {colors.primary.background.1.enabled})`,borderRadius:`var(--calendar-event-border-radius, {radii.200})`,color:`var(--calendar-event-foreground, {colors.primary.foreground.onPrimary.2.enabled})`,cursor:`pointer`,width:`100%`,textAlign:`left`,fontFamily:`var(--calendar-event-font-family, {fonts.base})`,fontWeight:`var(--calendar-event-font-weight, {fontWeights.regular})`,fontSize:`var(--calendar-event-font-size, {fontSizes.150})`,lineHeight:`var(--calendar-event-line-height, 1.2)`,"& strong":{fontWeight:`var(--calendar-event-font-weight-strong, {fontWeights.bold})`,color:`var(--calendar-event-foreground-strong, {colors.primary.foreground.onPrimary.2.enabled})`}},"& .rbc-slot-selecting .rbc-event, & .rbc-slot-selecting .rbc-day-slot .rbc-background-event, :root:has(&) .rbc-overlay .rbc-slot-selecting .rbc-event":{cursor:`inherit`,pointerEvents:`none`},"& .rbc-event.rbc-selected, & .rbc-day-slot .rbc-selected.rbc-background-event, :root:has(&) .rbc-overlay .rbc-event.rbc-selected":{backgroundColor:`var(--calendar-event-background-selected, {colors.primary.background.1.selected})`},"& .rbc-event:focus-visible, & .rbc-day-slot .rbc-background-event:focus-visible, :root:has(&) .rbc-overlay .rbc-event:focus-visible":{outlineWidth:`var(--calendar-event-focus-outline-width, {borders.100})`,outlineStyle:`var(--calendar-event-focus-outline-style, solid)`,outlineColor:`var(--calendar-event-focus-outline-color, {colors.primary.stroke.1.focused})`,outlineOffset:`var(--calendar-event-focus-outline-offset, 0)`},":root:has(&) .rbc-overlay .rbc-event + .rbc-event-continues-after":{marginTop:`{spacing.100}`},"& .rbc-event-label":{display:`block`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,transition:`var(--calendar-event-transition, {animations.base.100})`},"& .rbc-event-overlaps":{boxShadow:`var(--calendar-event-overlaps-box-shadow, -1px 1px 5px 0px rgba(51, 51, 51, 0.5))`},"& .rbc-event-continues-prior":{borderTopLeftRadius:0,borderBottomLeftRadius:0},"& .rbc-event-continues-after":{borderTopRightRadius:0,borderBottomRightRadius:0},"& .rbc-event-continues-earlier":{borderTopLeftRadius:0,borderTopRightRadius:0},"& .rbc-event-continues-later":{borderBottomLeftRadius:0,borderBottomRightRadius:0}}});export{t as calendarEvent};
2
2
  //# sourceMappingURL=calendar-event.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"calendar-event.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-event.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendarEvent = defineRecipe({\n className: 'calendar__event',\n jsx: ['Calendar'],\n base: {\n '& .rbc-event, &.rbc-day-slot .rbc-background-event, :root:has(&) .rbc-overlay .rbc-event':\n {\n borderWidth: 'var(--calendar-event-border-width, 0)',\n borderStyle: 'solid',\n borderColor: 'var(--calendar-event-border-color, transparent)',\n boxSizing: 'border-box',\n margin: 0,\n paddingBlock: 'var(--calendar-event-padding-block, {spacing.100})',\n paddingInline: 'var(--calendar-event-padding-inline, {spacing.200})',\n backgroundColor:\n 'var(--calendar-event-background, {colors.primary.background.1.enabled})',\n borderRadius: 'var(--calendar-event-border-radius, {radii.200})',\n color:\n 'var(--calendar-event-foreground, {colors.neutral.foreground.1.onBrand.enabled})',\n cursor: 'pointer',\n width: '100%',\n textAlign: 'left',\n fontFamily: 'var(--calendar-event-font-family, {fonts.base})',\n fontWeight: 'var(--calendar-event-font-weight, {fontWeights.regular})',\n fontSize: 'var(--calendar-event-font-size, {fontSizes.150})',\n lineHeight: 'var(--calendar-event-line-height, 1.2)',\n '& strong': {\n fontWeight:\n 'var(--calendar-event-font-weight-strong, {fontWeights.bold})',\n color:\n 'var(--calendar-event-foreground-strong, {colors.neutral.foreground.1.onBrand.enabled})',\n },\n },\n\n '& .rbc-slot-selecting .rbc-event, & .rbc-slot-selecting .rbc-day-slot .rbc-background-event, :root:has(&) .rbc-overlay .rbc-slot-selecting .rbc-event':\n {\n cursor: 'inherit',\n pointerEvents: 'none',\n },\n\n '& .rbc-event.rbc-selected, & .rbc-day-slot .rbc-selected.rbc-background-event, :root:has(&) .rbc-overlay .rbc-event.rbc-selected':\n {\n backgroundColor:\n 'var(--calendar-event-background-selected, {colors.neutral.background.1.brand.selected})',\n },\n\n '& .rbc-event:focus-visible, & .rbc-day-slot .rbc-background-event:focus-visible, :root:has(&) .rbc-overlay .rbc-event:focus-visible':\n {\n outlineWidth:\n 'var(--calendar-event-focus-outline-width, {borders.100})',\n outlineStyle: 'var(--calendar-event-focus-outline-style, solid)',\n outlineColor:\n 'var(--calendar-event-focus-outline-color, {colors.primary.stroke.1.focused})',\n outlineOffset: 'var(--calendar-event-focus-outline-offset, 0)',\n },\n ':root:has(&) .rbc-overlay .rbc-event + .rbc-event-continues-after': {\n marginTop: '{spacing.100}',\n },\n\n // Event label\n '& .rbc-event-label': {\n display: 'block',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n transition: 'var(--calendar-event-transition, {animations.base.100})',\n },\n\n // Event overlaps\n '& .rbc-event-overlaps': {\n boxShadow:\n 'var(--calendar-event-overlaps-box-shadow, -1px 1px 5px 0px rgba(51, 51, 51, 0.5))',\n },\n\n '& .rbc-event-continues-prior': {\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n },\n\n '& .rbc-event-continues-after': {\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0,\n },\n\n '& .rbc-event-continues-earlier': {\n borderTopLeftRadius: 0,\n borderTopRightRadius: 0,\n },\n\n '& .rbc-event-continues-later': {\n borderBottomLeftRadius: 0,\n borderBottomRightRadius: 0,\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,kBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,2FACE,CACE,YAAa,wCACb,YAAa,QACb,YAAa,kDACb,UAAW,aACX,OAAQ,EACR,aAAc,qDACd,cAAe,sDACf,gBACE,0EACF,aAAc,mDACd,MACE,kFACF,OAAQ,UACR,MAAO,OACP,UAAW,OACX,WAAY,kDACZ,WAAY,2DACZ,SAAU,mDACV,WAAY,yCACZ,WAAY,CACV,WACE,+DACF,MACE,yFACH,CACF,CAEH,wJACE,CACE,OAAQ,UACR,cAAe,OAChB,CAEH,mIACE,CACE,gBACE,0FACH,CAEH,sIACE,CACE,aACE,2DACF,aAAc,mDACd,aACE,+EACF,cAAe,gDAChB,CACH,oEAAqE,CACnE,UAAW,gBACZ,CAGD,qBAAsB,CACpB,QAAS,QACT,SAAU,SACV,aAAc,WACd,WAAY,SACZ,WAAY,0DACb,CAGD,wBAAyB,CACvB,UACE,oFACH,CAED,+BAAgC,CAC9B,oBAAqB,EACrB,uBAAwB,EACzB,CAED,+BAAgC,CAC9B,qBAAsB,EACtB,wBAAyB,EAC1B,CAED,iCAAkC,CAChC,oBAAqB,EACrB,qBAAsB,EACvB,CAED,+BAAgC,CAC9B,uBAAwB,EACxB,wBAAyB,EAC1B,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"calendar-event.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-event.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendarEvent = defineRecipe({\n className: 'calendar__event',\n jsx: ['Calendar'],\n base: {\n '& .rbc-event, &.rbc-day-slot .rbc-background-event, :root:has(&) .rbc-overlay .rbc-event':\n {\n borderWidth: 'var(--calendar-event-border-width, 0)',\n borderStyle: 'solid',\n borderColor: 'var(--calendar-event-border-color, transparent)',\n boxSizing: 'border-box',\n margin: 0,\n paddingBlock: 'var(--calendar-event-padding-block, {spacing.100})',\n paddingInline: 'var(--calendar-event-padding-inline, {spacing.200})',\n backgroundColor:\n 'var(--calendar-event-background, {colors.primary.background.1.enabled})',\n borderRadius: 'var(--calendar-event-border-radius, {radii.200})',\n color:\n 'var(--calendar-event-foreground, {colors.primary.foreground.onPrimary.2.enabled})',\n cursor: 'pointer',\n width: '100%',\n textAlign: 'left',\n fontFamily: 'var(--calendar-event-font-family, {fonts.base})',\n fontWeight: 'var(--calendar-event-font-weight, {fontWeights.regular})',\n fontSize: 'var(--calendar-event-font-size, {fontSizes.150})',\n lineHeight: 'var(--calendar-event-line-height, 1.2)',\n '& strong': {\n fontWeight:\n 'var(--calendar-event-font-weight-strong, {fontWeights.bold})',\n color:\n 'var(--calendar-event-foreground-strong, {colors.primary.foreground.onPrimary.2.enabled})',\n },\n },\n\n '& .rbc-slot-selecting .rbc-event, & .rbc-slot-selecting .rbc-day-slot .rbc-background-event, :root:has(&) .rbc-overlay .rbc-slot-selecting .rbc-event':\n {\n cursor: 'inherit',\n pointerEvents: 'none',\n },\n\n '& .rbc-event.rbc-selected, & .rbc-day-slot .rbc-selected.rbc-background-event, :root:has(&) .rbc-overlay .rbc-event.rbc-selected':\n {\n backgroundColor:\n 'var(--calendar-event-background-selected, {colors.primary.background.1.selected})',\n },\n\n '& .rbc-event:focus-visible, & .rbc-day-slot .rbc-background-event:focus-visible, :root:has(&) .rbc-overlay .rbc-event:focus-visible':\n {\n outlineWidth:\n 'var(--calendar-event-focus-outline-width, {borders.100})',\n outlineStyle: 'var(--calendar-event-focus-outline-style, solid)',\n outlineColor:\n 'var(--calendar-event-focus-outline-color, {colors.primary.stroke.1.focused})',\n outlineOffset: 'var(--calendar-event-focus-outline-offset, 0)',\n },\n ':root:has(&) .rbc-overlay .rbc-event + .rbc-event-continues-after': {\n marginTop: '{spacing.100}',\n },\n\n // Event label\n '& .rbc-event-label': {\n display: 'block',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n transition: 'var(--calendar-event-transition, {animations.base.100})',\n },\n\n // Event overlaps\n '& .rbc-event-overlaps': {\n boxShadow:\n 'var(--calendar-event-overlaps-box-shadow, -1px 1px 5px 0px rgba(51, 51, 51, 0.5))',\n },\n\n '& .rbc-event-continues-prior': {\n borderTopLeftRadius: 0,\n borderBottomLeftRadius: 0,\n },\n\n '& .rbc-event-continues-after': {\n borderTopRightRadius: 0,\n borderBottomRightRadius: 0,\n },\n\n '& .rbc-event-continues-earlier': {\n borderTopLeftRadius: 0,\n borderTopRightRadius: 0,\n },\n\n '& .rbc-event-continues-later': {\n borderBottomLeftRadius: 0,\n borderBottomRightRadius: 0,\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAgB,EAAa,CACxC,UAAW,kBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,2FACE,CACE,YAAa,wCACb,YAAa,QACb,YAAa,kDACb,UAAW,aACX,OAAQ,EACR,aAAc,qDACd,cAAe,sDACf,gBACE,0EACF,aAAc,mDACd,MACE,oFACF,OAAQ,UACR,MAAO,OACP,UAAW,OACX,WAAY,kDACZ,WAAY,2DACZ,SAAU,mDACV,WAAY,yCACZ,WAAY,CACV,WACE,+DACF,MACE,2FACH,CACF,CAEH,wJACE,CACE,OAAQ,UACR,cAAe,OAChB,CAEH,mIACE,CACE,gBACE,oFACH,CAEH,sIACE,CACE,aACE,2DACF,aAAc,mDACd,aACE,+EACF,cAAe,gDAChB,CACH,oEAAqE,CACnE,UAAW,gBACZ,CAGD,qBAAsB,CACpB,QAAS,QACT,SAAU,SACV,aAAc,WACd,WAAY,SACZ,WAAY,0DACb,CAGD,wBAAyB,CACvB,UACE,oFACH,CAED,+BAAgC,CAC9B,oBAAqB,EACrB,uBAAwB,EACzB,CAED,+BAAgC,CAC9B,qBAAsB,EACtB,wBAAyB,EAC1B,CAED,iCAAkC,CAChC,oBAAqB,EACrB,qBAAsB,EACvB,CAED,+BAAgC,CAC9B,uBAAwB,EACxB,wBAAyB,EAC1B,CACF,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__root`,jsx:[`Calendar`],base:{"&.rbc-calendar":{boxSizing:`border-box`,height:`100%`,display:`flex`,flexDirection:`column`,alignItems:`stretch`},"& .rbc-m-b-negative-3":{marginBottom:`-0.1875rem`},"& .rbc-h-full":{height:`100%`},"& .rbc-calendar *, & .rbc-calendar *:before, & .rbc-calendar *:after":{boxSizing:`inherit`},"& .rbc-abs-full, & .rbc-row-bg":{overflow:`hidden`,position:`absolute`,top:0,left:0,right:0,bottom:0},"& .rbc-ellipsis, & .rbc-show-more, & .rbc-row-segment .rbc-event-content, & .rbc-event-label":{display:`block`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},"& .rbc-rtl":{direction:`rtl`},"& .rbc-off-range":{opacity:`var(--calendar-off-range-opacity, 0.5)`},"& .rbc-off-range-bg":{background:`var(--calendar-off-range-background, transparent)`},"& .rbc-header":{display:`flex`,alignItems:`center`,justifyContent:`center`,flex:`1 0 0%`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,paddingInline:`var(--calendar-header-padding-inline, {spacing.200})`,paddingBlock:`var(--calendar-header-padding-block, {spacing.200})`,textAlign:`center`,verticalAlign:`middle`,fontFamily:`var(--calendar-header-font-family, {fonts.base})`,fontWeight:`var(--calendar-header-font-weight, {fontWeights.semibold})`,fontSize:`var(--calendar-header-font-size, {fontSizes.100})`,color:`var(--calendar-header-foreground, {colors.neutral.foreground.2.enabled})`,textTransform:`var(--calendar-header-text-transform, uppercase)`,borderBottomColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,borderBottomStyle:`solid`,borderBottomWidth:`var(--calendar-cell-border-width, {borders.100})`},"& .rbc-header + .rbc-header":{borderLeftColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,borderLeftStyle:`solid`,borderLeftWidth:`var(--calendar-cell-border-width, {borders.100})`},"& .rbc-rtl .rbc-header + .rbc-header":{borderLeftWidth:0,borderRightColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,borderRightStyle:`solid`,borderRightWidth:`var(--calendar-cell-border-width, {borders.100})`},"& .rbc-header > a, & .rbc-header > a:active, & .rbc-header > a:visited":{color:`inherit`,textDecoration:`none`},"& .rbc-button-link":{fontFamily:`var(--calendar-button-link-font-family, {fonts.base})`,fontSize:`var(--calendar-button-link-font-size, {fontSizes.200})`,fontWeight:`var(--calendar-button-link-font-weight, {fontWeights.regular})`,color:`var(--calendar-button-link-foreground, {colors.neutral.foreground.2.enabled})`,backgroundColor:`var(--calendar-button-link-background, transparent)`,margin:0,padding:0,border:`none`,cursor:`pointer`,userSelect:`text`,_hover:{color:`var(--calendar-button-link-foreground-hover, {colors.neutral.foreground.2.brand.hovered})`,backgroundColor:`var(--calendar-button-link-background-hover, transparent)`}},"& .rbc-row-content":{position:`relative`,userSelect:`none`,WebkitUserSelect:`none`,zIndex:4},"& .rbc-row-content-scrollable":{display:`flex`,flexDirection:`column`,height:`100%`},"& .rbc-row-content-scrollable .rbc-row-content-scroll-container":{height:`100%`,overflowY:`scroll`,msOverflowStyle:`none`,scrollbarWidth:`none`},"& .rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar":{display:`none`},"& .rbc-today":{backgroundColor:`var(--calendar-today-background, {colors.primary.background.1.enabled/10})`}}});export{t as calendarRoot};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__root`,jsx:[`Calendar`],base:{"&.rbc-calendar":{boxSizing:`border-box`,height:`100%`,display:`flex`,flexDirection:`column`,alignItems:`stretch`},"& .rbc-m-b-negative-3":{marginBottom:`-0.1875rem`},"& .rbc-h-full":{height:`100%`},"& .rbc-calendar *, & .rbc-calendar *:before, & .rbc-calendar *:after":{boxSizing:`inherit`},"& .rbc-abs-full, & .rbc-row-bg":{overflow:`hidden`,position:`absolute`,top:0,left:0,right:0,bottom:0},"& .rbc-ellipsis, & .rbc-show-more, & .rbc-row-segment .rbc-event-content, & .rbc-event-label":{display:`block`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`},"& .rbc-rtl":{direction:`rtl`},"& .rbc-off-range":{opacity:`var(--calendar-off-range-opacity, 0.5)`},"& .rbc-off-range-bg":{background:`var(--calendar-off-range-background, transparent)`},"& .rbc-header":{display:`flex`,alignItems:`center`,justifyContent:`center`,flex:`1 0 0%`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,paddingInline:`var(--calendar-header-padding-inline, {spacing.200})`,paddingBlock:`var(--calendar-header-padding-block, {spacing.200})`,textAlign:`center`,verticalAlign:`middle`,fontFamily:`var(--calendar-header-font-family, {fonts.base})`,fontWeight:`var(--calendar-header-font-weight, {fontWeights.semibold})`,fontSize:`var(--calendar-header-font-size, {fontSizes.100})`,color:`var(--calendar-header-foreground, {colors.neutral.foreground.2.enabled})`,textTransform:`var(--calendar-header-text-transform, uppercase)`,borderBottomColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,borderBottomStyle:`solid`,borderBottomWidth:`var(--calendar-cell-border-width, {borders.100})`},"& .rbc-header + .rbc-header":{borderLeftColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,borderLeftStyle:`solid`,borderLeftWidth:`var(--calendar-cell-border-width, {borders.100})`},"& .rbc-rtl .rbc-header + .rbc-header":{borderLeftWidth:0,borderRightColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,borderRightStyle:`solid`,borderRightWidth:`var(--calendar-cell-border-width, {borders.100})`},"& .rbc-header > a, & .rbc-header > a:active, & .rbc-header > a:visited":{color:`inherit`,textDecoration:`none`},"& .rbc-button-link":{fontFamily:`var(--calendar-button-link-font-family, {fonts.base})`,fontSize:`var(--calendar-button-link-font-size, {fontSizes.200})`,fontWeight:`var(--calendar-button-link-font-weight, {fontWeights.regular})`,color:`var(--calendar-button-link-foreground, {colors.neutral.foreground.2.enabled})`,backgroundColor:`var(--calendar-button-link-background, transparent)`,margin:0,padding:0,border:`none`,cursor:`pointer`,userSelect:`text`,_hover:{color:`var(--calendar-button-link-foreground-hover, {colors.neutral.foreground.2.primary.hovered})`,backgroundColor:`var(--calendar-button-link-background-hover, transparent)`}},"& .rbc-row-content":{position:`relative`,userSelect:`none`,WebkitUserSelect:`none`,zIndex:4},"& .rbc-row-content-scrollable":{display:`flex`,flexDirection:`column`,height:`100%`},"& .rbc-row-content-scrollable .rbc-row-content-scroll-container":{height:`100%`,overflowY:`scroll`,msOverflowStyle:`none`,scrollbarWidth:`none`},"& .rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar":{display:`none`},"& .rbc-today":{backgroundColor:`var(--calendar-today-background, {colors.primary.background.1.enabled/10})`}}});export{t as calendarRoot};
2
2
  //# sourceMappingURL=calendar-root.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"calendar-root.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendarRoot = defineRecipe({\n className: 'calendar__root',\n jsx: ['Calendar'],\n base: {\n '&.rbc-calendar': {\n boxSizing: 'border-box',\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'stretch',\n },\n\n '& .rbc-m-b-negative-3': {\n marginBottom: '-0.1875rem', // -3px\n },\n\n '& .rbc-h-full': {\n height: '100%',\n },\n\n '& .rbc-calendar *, & .rbc-calendar *:before, & .rbc-calendar *:after': {\n boxSizing: 'inherit',\n },\n\n '& .rbc-abs-full, & .rbc-row-bg': {\n overflow: 'hidden',\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n\n '& .rbc-ellipsis, & .rbc-show-more, & .rbc-row-segment .rbc-event-content, & .rbc-event-label':\n {\n display: 'block',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n },\n\n '& .rbc-rtl': {\n direction: 'rtl',\n },\n\n '& .rbc-off-range': {\n opacity: 'var(--calendar-off-range-opacity, 0.5)',\n },\n\n '& .rbc-off-range-bg': {\n background: 'var(--calendar-off-range-background, transparent)',\n },\n\n // Header\n '& .rbc-header': {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n flex: '1 0 0%',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n paddingInline: 'var(--calendar-header-padding-inline, {spacing.200})',\n paddingBlock: 'var(--calendar-header-padding-block, {spacing.200})',\n textAlign: 'center',\n verticalAlign: 'middle',\n fontFamily: 'var(--calendar-header-font-family, {fonts.base})',\n fontWeight: 'var(--calendar-header-font-weight, {fontWeights.semibold})',\n fontSize: 'var(--calendar-header-font-size, {fontSizes.100})',\n color:\n 'var(--calendar-header-foreground, {colors.neutral.foreground.2.enabled})',\n textTransform: 'var(--calendar-header-text-transform, uppercase)',\n borderBottomColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n borderBottomStyle: 'solid',\n borderBottomWidth: 'var(--calendar-cell-border-width, {borders.100})',\n },\n\n '& .rbc-header + .rbc-header': {\n borderLeftColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n borderLeftStyle: 'solid',\n borderLeftWidth: 'var(--calendar-cell-border-width, {borders.100})',\n },\n\n '& .rbc-rtl .rbc-header + .rbc-header': {\n borderLeftWidth: 0,\n borderRightColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n borderRightStyle: 'solid',\n borderRightWidth: 'var(--calendar-cell-border-width, {borders.100})',\n },\n\n '& .rbc-header > a, & .rbc-header > a:active, & .rbc-header > a:visited': {\n color: 'inherit',\n textDecoration: 'none',\n },\n\n // Button link\n '& .rbc-button-link': {\n fontFamily: 'var(--calendar-button-link-font-family, {fonts.base})',\n fontSize: 'var(--calendar-button-link-font-size, {fontSizes.200})',\n fontWeight:\n 'var(--calendar-button-link-font-weight, {fontWeights.regular})',\n color:\n 'var(--calendar-button-link-foreground, {colors.neutral.foreground.2.enabled})',\n backgroundColor: 'var(--calendar-button-link-background, transparent)',\n margin: 0,\n padding: 0,\n border: 'none',\n cursor: 'pointer',\n userSelect: 'text',\n _hover: {\n color:\n 'var(--calendar-button-link-foreground-hover, {colors.neutral.foreground.2.brand.hovered})',\n backgroundColor:\n 'var(--calendar-button-link-background-hover, transparent)',\n },\n },\n\n // Row content\n '& .rbc-row-content': {\n position: 'relative',\n userSelect: 'none',\n WebkitUserSelect: 'none',\n zIndex: 4,\n },\n\n '& .rbc-row-content-scrollable': {\n display: 'flex',\n flexDirection: 'column',\n height: '100%',\n },\n\n '& .rbc-row-content-scrollable .rbc-row-content-scroll-container': {\n height: '100%',\n overflowY: 'scroll',\n msOverflowStyle: 'none',\n scrollbarWidth: 'none',\n },\n\n '& .rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar':\n {\n display: 'none',\n },\n\n // Today highlight\n '& .rbc-today': {\n backgroundColor:\n 'var(--calendar-today-background, {colors.primary.background.1.enabled/10})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,iBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,iBAAkB,CAChB,UAAW,aACX,OAAQ,OACR,QAAS,OACT,cAAe,SACf,WAAY,UACb,CAED,wBAAyB,CACvB,aAAc,aACf,CAED,gBAAiB,CACf,OAAQ,OACT,CAED,uEAAwE,CACtE,UAAW,UACZ,CAED,iCAAkC,CAChC,SAAU,SACV,SAAU,WACV,IAAK,EACL,KAAM,EACN,MAAO,EACP,OAAQ,EACT,CAED,+FACE,CACE,QAAS,QACT,SAAU,SACV,aAAc,WACd,WAAY,SACb,CAEH,aAAc,CACZ,UAAW,MACZ,CAED,mBAAoB,CAClB,QAAS,yCACV,CAED,sBAAuB,CACrB,WAAY,oDACb,CAGD,gBAAiB,CACf,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,KAAM,SACN,aAAc,WACd,WAAY,SACZ,cAAe,uDACf,aAAc,sDACd,UAAW,SACX,cAAe,SACf,WAAY,mDACZ,WAAY,6DACZ,SAAU,oDACV,MACE,2EACF,cAAe,mDACf,kBACE,uEACF,kBAAmB,QACnB,kBAAmB,mDACpB,CAED,8BAA+B,CAC7B,gBACE,uEACF,gBAAiB,QACjB,gBAAiB,mDAClB,CAED,uCAAwC,CACtC,gBAAiB,EACjB,iBACE,uEACF,iBAAkB,QAClB,iBAAkB,mDACnB,CAED,yEAA0E,CACxE,MAAO,UACP,eAAgB,OACjB,CAGD,qBAAsB,CACpB,WAAY,wDACZ,SAAU,yDACV,WACE,iEACF,MACE,gFACF,gBAAiB,sDACjB,OAAQ,EACR,QAAS,EACT,OAAQ,OACR,OAAQ,UACR,WAAY,OACZ,OAAQ,CACN,MACE,4FACF,gBACE,4DACH,CACF,CAGD,qBAAsB,CACpB,SAAU,WACV,WAAY,OACZ,iBAAkB,OAClB,OAAQ,EACT,CAED,gCAAiC,CAC/B,QAAS,OACT,cAAe,SACf,OAAQ,OACT,CAED,kEAAmE,CACjE,OAAQ,OACR,UAAW,SACX,gBAAiB,OACjB,eAAgB,OACjB,CAED,qFACE,CACE,QAAS,OACV,CAGH,eAAgB,CACd,gBACE,6EACH,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"calendar-root.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendarRoot = defineRecipe({\n className: 'calendar__root',\n jsx: ['Calendar'],\n base: {\n '&.rbc-calendar': {\n boxSizing: 'border-box',\n height: '100%',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'stretch',\n },\n\n '& .rbc-m-b-negative-3': {\n marginBottom: '-0.1875rem', // -3px\n },\n\n '& .rbc-h-full': {\n height: '100%',\n },\n\n '& .rbc-calendar *, & .rbc-calendar *:before, & .rbc-calendar *:after': {\n boxSizing: 'inherit',\n },\n\n '& .rbc-abs-full, & .rbc-row-bg': {\n overflow: 'hidden',\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n },\n\n '& .rbc-ellipsis, & .rbc-show-more, & .rbc-row-segment .rbc-event-content, & .rbc-event-label':\n {\n display: 'block',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n },\n\n '& .rbc-rtl': {\n direction: 'rtl',\n },\n\n '& .rbc-off-range': {\n opacity: 'var(--calendar-off-range-opacity, 0.5)',\n },\n\n '& .rbc-off-range-bg': {\n background: 'var(--calendar-off-range-background, transparent)',\n },\n\n // Header\n '& .rbc-header': {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n flex: '1 0 0%',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n paddingInline: 'var(--calendar-header-padding-inline, {spacing.200})',\n paddingBlock: 'var(--calendar-header-padding-block, {spacing.200})',\n textAlign: 'center',\n verticalAlign: 'middle',\n fontFamily: 'var(--calendar-header-font-family, {fonts.base})',\n fontWeight: 'var(--calendar-header-font-weight, {fontWeights.semibold})',\n fontSize: 'var(--calendar-header-font-size, {fontSizes.100})',\n color:\n 'var(--calendar-header-foreground, {colors.neutral.foreground.2.enabled})',\n textTransform: 'var(--calendar-header-text-transform, uppercase)',\n borderBottomColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n borderBottomStyle: 'solid',\n borderBottomWidth: 'var(--calendar-cell-border-width, {borders.100})',\n },\n\n '& .rbc-header + .rbc-header': {\n borderLeftColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n borderLeftStyle: 'solid',\n borderLeftWidth: 'var(--calendar-cell-border-width, {borders.100})',\n },\n\n '& .rbc-rtl .rbc-header + .rbc-header': {\n borderLeftWidth: 0,\n borderRightColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n borderRightStyle: 'solid',\n borderRightWidth: 'var(--calendar-cell-border-width, {borders.100})',\n },\n\n '& .rbc-header > a, & .rbc-header > a:active, & .rbc-header > a:visited': {\n color: 'inherit',\n textDecoration: 'none',\n },\n\n // Button link\n '& .rbc-button-link': {\n fontFamily: 'var(--calendar-button-link-font-family, {fonts.base})',\n fontSize: 'var(--calendar-button-link-font-size, {fontSizes.200})',\n fontWeight:\n 'var(--calendar-button-link-font-weight, {fontWeights.regular})',\n color:\n 'var(--calendar-button-link-foreground, {colors.neutral.foreground.2.enabled})',\n backgroundColor: 'var(--calendar-button-link-background, transparent)',\n margin: 0,\n padding: 0,\n border: 'none',\n cursor: 'pointer',\n userSelect: 'text',\n _hover: {\n color:\n 'var(--calendar-button-link-foreground-hover, {colors.neutral.foreground.2.primary.hovered})',\n backgroundColor:\n 'var(--calendar-button-link-background-hover, transparent)',\n },\n },\n\n // Row content\n '& .rbc-row-content': {\n position: 'relative',\n userSelect: 'none',\n WebkitUserSelect: 'none',\n zIndex: 4,\n },\n\n '& .rbc-row-content-scrollable': {\n display: 'flex',\n flexDirection: 'column',\n height: '100%',\n },\n\n '& .rbc-row-content-scrollable .rbc-row-content-scroll-container': {\n height: '100%',\n overflowY: 'scroll',\n msOverflowStyle: 'none',\n scrollbarWidth: 'none',\n },\n\n '& .rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar':\n {\n display: 'none',\n },\n\n // Today highlight\n '& .rbc-today': {\n backgroundColor:\n 'var(--calendar-today-background, {colors.primary.background.1.enabled/10})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,iBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CACJ,iBAAkB,CAChB,UAAW,aACX,OAAQ,OACR,QAAS,OACT,cAAe,SACf,WAAY,UACb,CAED,wBAAyB,CACvB,aAAc,aACf,CAED,gBAAiB,CACf,OAAQ,OACT,CAED,uEAAwE,CACtE,UAAW,UACZ,CAED,iCAAkC,CAChC,SAAU,SACV,SAAU,WACV,IAAK,EACL,KAAM,EACN,MAAO,EACP,OAAQ,EACT,CAED,+FACE,CACE,QAAS,QACT,SAAU,SACV,aAAc,WACd,WAAY,SACb,CAEH,aAAc,CACZ,UAAW,MACZ,CAED,mBAAoB,CAClB,QAAS,yCACV,CAED,sBAAuB,CACrB,WAAY,oDACb,CAGD,gBAAiB,CACf,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,KAAM,SACN,aAAc,WACd,WAAY,SACZ,cAAe,uDACf,aAAc,sDACd,UAAW,SACX,cAAe,SACf,WAAY,mDACZ,WAAY,6DACZ,SAAU,oDACV,MACE,2EACF,cAAe,mDACf,kBACE,uEACF,kBAAmB,QACnB,kBAAmB,mDACpB,CAED,8BAA+B,CAC7B,gBACE,uEACF,gBAAiB,QACjB,gBAAiB,mDAClB,CAED,uCAAwC,CACtC,gBAAiB,EACjB,iBACE,uEACF,iBAAkB,QAClB,iBAAkB,mDACnB,CAED,yEAA0E,CACxE,MAAO,UACP,eAAgB,OACjB,CAGD,qBAAsB,CACpB,WAAY,wDACZ,SAAU,yDACV,WACE,iEACF,MACE,gFACF,gBAAiB,sDACjB,OAAQ,EACR,QAAS,EACT,OAAQ,OACR,OAAQ,UACR,WAAY,OACZ,OAAQ,CACN,MACE,8FACF,gBACE,4DACH,CACF,CAGD,qBAAsB,CACpB,SAAU,WACV,WAAY,OACZ,iBAAkB,OAClB,OAAQ,EACT,CAED,gCAAiC,CAC/B,QAAS,OACT,cAAe,SACf,OAAQ,OACT,CAED,kEAAmE,CACjE,OAAQ,OACR,UAAW,SACX,gBAAiB,OACjB,eAAgB,OACjB,CAED,qFACE,CACE,QAAS,OACV,CAGH,eAAgB,CACd,gBACE,6EACH,CACF,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__time-grid`,jsx:[`Calendar`],base:{"& .rbc-slot-selection":{zIndex:`10`,position:`absolute`,backgroundColor:`var(--calendar-time-grid-slot-selection-background, rgba(0, 0, 0, 0.5))`,color:`var(--calendar-time-grid-slot-selection-foreground, {colors.neutral.foreground.1.onBrand.enabled})`,fontSize:`var(--calendar-time-grid-slot-selection-font-size, {fontSizes.100})`,width:`100%`,paddingBlock:`var(--calendar-time-grid-slot-selection-padding-block, 0.1875rem)`,paddingInline:`var(--calendar-time-grid-slot-selection-padding-inline, 0.1875rem)`},"& .rbc-slot-selecting":{cursor:`move`},"& .rbc-time-view":{display:`flex`,flexDirection:`column`,flex:`1`,width:`100%`,borderWidth:`var(--calendar-border-width, {borders.100})`,borderStyle:`solid`,borderColor:`var(--calendar-border-color, {colors.neutral.stroke.7.enabled})`,borderRadius:`var(--calendar-time-grid-view-border-radius, {radii.100})`,minHeight:0},"& .rbc-time-view .rbc-time-gutter":{whiteSpace:`nowrap`,textAlign:`right`,fontFamily:`var(--calendar-time-grid-view-font-family, {fonts.base})`,fontSize:`var(--calendar-time-grid-view-font-size, {fontSizes.100})`,fontWeight:`var(--calendar-time-grid-view-font-weight, {fontWeights.medium})`},"& .rbc-time-view .rbc-allday-cell":{boxSizing:`content-box`,width:`100%`,height:`100%`,position:`relative`},"& .rbc-time-view .rbc-allday-cell + .rbc-allday-cell":{borderLeftWidth:`var(--calendar-cell-border-width, {borders.100})`,borderLeftStyle:`solid`,borderLeftColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-time-view .rbc-allday-events":{position:`relative`,zIndex:4},"& .rbc-time-view .rbc-row":{boxSizing:`border-box`,minHeight:`var(--calendar-time-grid-row-min-height, 1.25rem)`},"& .rbc-time-header":{display:`flex`,flex:`0 0 auto`,flexDirection:`row`},"& .rbc-time-header.rbc-overflowing":{borderRightWidth:`var(--calendar-cell-border-width, {borders.100})`,borderRightStyle:`solid`,borderRightColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-rtl .rbc-time-header.rbc-overflowing":{borderRightWidth:0,borderLeftWidth:`var(--calendar-cell-border-width, {borders.100})`,borderLeftStyle:`solid`,borderLeftColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-time-header > .rbc-row:first-child":{borderBottomWidth:`var(--calendar-cell-border-width, {borders.100})`,borderBottomStyle:`solid`,borderBottomColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-time-header > .rbc-row.rbc-row-resource":{borderBottomWidth:`var(--calendar-cell-border-width, {borders.100})`,borderBottomStyle:`solid`,borderBottomColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-time-header-cell-single-day":{display:`none`},"& .rbc-time-header-content":{flex:`1`,display:`flex`,minWidth:0,flexDirection:`column`,borderLeftWidth:`var(--calendar-cell-border-width, {borders.100})`,borderLeftStyle:`solid`,borderLeftColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-rtl .rbc-time-header-content":{borderLeftWidth:0,borderRightWidth:`var(--calendar-cell-border-width, {borders.100})`,borderRightStyle:`solid`,borderRightColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-time-header-content > .rbc-row.rbc-row-resource":{borderBottomWidth:`var(--calendar-cell-border-width, {borders.100})`,borderBottomStyle:`solid`,borderBottomColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,flexShrink:0},"& .rbc-time-content":{display:`flex`,flex:`1 0 0%`,alignItems:`flex-start`,width:`100%`,borderTopWidth:`var(--calendar-cell-border-width, {borders.200})`,borderTopStyle:`solid`,borderTopColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,overflowY:`auto`,position:`relative`},"& .rbc-time-content > .rbc-time-gutter":{flex:`none`},"& .rbc-time-content > * + * > *":{borderLeftWidth:`var(--calendar-cell-border-width, {borders.100})`,borderLeftStyle:`solid`,borderLeftColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-rtl .rbc-time-content > * + * > *":{borderLeftWidth:0,borderRightWidth:`var(--calendar-cell-border-width, {borders.100})`,borderRightStyle:`solid`,borderRightColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-time-content > .rbc-day-slot":{width:`100%`,userSelect:`none`,WebkitUserSelect:`none`},"& .rbc-current-time-indicator":{position:`absolute`,zIndex:3,left:0,right:0,height:`var(--calendar-time-grid-current-time-indicator-height, 0.125rem)`,backgroundColor:`var(--calendar-time-grid-current-time-indicator-background, {colors.primary.background.1.enabled})`,pointerEvents:`none`},"& .rbc-time-column":{display:`flex`,flexDirection:`column`,minHeight:`100%`},"& .rbc-time-column .rbc-timeslot-group":{flex:`1`},"& .rbc-timeslot-group":{borderBottomWidth:`var(--calendar-cell-border-width, {borders.100})`,borderBottomStyle:`solid`,borderBottomColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,minHeight:`var(--calendar-time-grid-timeslot-group-min-height, 2.5rem)`,display:`flex`,flexFlow:`column nowrap`},"& .rbc-time-gutter, & .rbc-header-gutter":{flex:`none`},"& .rbc-label":{paddingBlock:`var(--calendar-time-grid-label-padding-block, 0)`,paddingInline:`var(--calendar-time-grid-label-padding-inline, 0.3125rem)`,color:`var(--calendar-time-slot-label-foreground, {colors.neutral.foreground.2.enabled})`,fontFamily:`var(--calendar-time-slot-label-font-family, {fonts.base})`,fontSize:`var(--calendar-time-slot-label-font-size, {fontSizes.100})`,fontWeight:`var(--calendar-time-slot-label-font-weight, {fontWeights.medium})`},"& .rbc-day-slot":{position:`relative`},"& .rbc-day-slot .rbc-events-container":{bottom:0,left:`0`,position:`absolute`,right:0,marginRight:`var(--calendar-time-grid-events-container-margin-right, 0.625rem)`,top:0},"& .rbc-day-slot .rbc-events-container.rbc-rtl":{left:`var(--calendar-time-grid-events-container-position-left, 0.625rem)`,right:0},"& .rbc-day-slot .rbc-event":{borderWidth:`var(--calendar-event-border-width, 0)`,borderStyle:`solid`,borderColor:`var(--calendar-event-border-color, {colors.primary.stroke.1.enabled})`,display:`flex`,maxHeight:`100%`,minHeight:`var(--calendar-time-grid-day-slot-event-min-height, 1.25rem)`,flexFlow:`column wrap`,alignItems:`flex-start`,overflow:`hidden`,position:`absolute`},"& .rbc-day-slot .rbc-background-event":{opacity:`var(--calendar-time-grid-background-event-opacity, 0.5)`},"& .rbc-day-slot .rbc-event-label":{flex:`none`,paddingRight:`5px`,width:`auto`},"& .rbc-day-slot .rbc-event-content":{width:`100%`,flex:`1 1 0`,wordWrap:`break-word`,lineHeight:`1`,height:`100%`,minHeight:`1em`},"& .rbc-day-slot .rbc-time-slot":{borderTopWidth:`var(--calendar-time-slot-border-top-width, 0)`,borderTopStyle:`solid`,borderTopColor:`var(--calendar-time-slot-border-top-color, transparent)`},"& .rbc-time-view-resources .rbc-time-gutter, & .rbc-time-view-resources .rbc-time-header-gutter":{position:`sticky`,left:0,backgroundColor:`var(--calendar-time-grid-resources-gutter-background, {colors.neutral.background.1.enabled})`,borderRightWidth:`var(--calendar-cell-border-width, {borders.100})`,borderRightStyle:`solid`,borderRightColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,zIndex:10,marginRight:`-1px`},"& .rbc-time-view-resources .rbc-time-header":{overflow:`hidden`},"& .rbc-time-view-resources .rbc-time-header-content":{minWidth:`auto`,flex:`1 0 0`,flexBasis:`0px`},"& .rbc-time-view-resources .rbc-time-header-cell-single-day":{display:`none`},"& .rbc-time-view-resources .rbc-day-slot":{minWidth:`var(--calendar-time-grid-resources-day-slot-min-width, 8.75rem)`},"& .rbc-time-view-resources .rbc-header, & .rbc-time-view-resources .rbc-day-bg":{width:`var(--calendar-time-grid-resources-column-width, 8.75rem)`,flex:`1 1 0`,flexBasis:`0px`},"& .rbc-time-header-content + .rbc-time-header-content":{marginLeft:`-1px`},"& .rbc-time-slot":{flex:`1 0 0`,display:`flex`,justifyContent:`center`,alignItems:`center`},"& .rbc-time-slot.rbc-now":{fontWeight:`var(--calendar-time-grid-time-slot-now-font-weight, {fontWeights.bold})`},"& .rbc-day-header":{textAlign:`center`,fontFamily:`var(--calendar-time-grid-day-header-font-family, {fonts.base})`,fontSize:`var(--calendar-time-grid-day-header-font-size, {fontSizes.100})`,fontWeight:`var(--calendar-time-grid-day-header-font-weight, {fontWeights.semibold})`},"& .rbc-resource-grouping.rbc-time-header-content":{display:`flex`,flexDirection:`column`},"& .rbc-resource-grouping .rbc-row .rbc-header":{width:`var(--calendar-time-grid-resource-grouping-header-width, 8.8125rem)`}}});export{t as calendarTimeGrid};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__time-grid`,jsx:[`Calendar`],base:{"& .rbc-slot-selection":{zIndex:`10`,position:`absolute`,backgroundColor:`var(--calendar-time-grid-slot-selection-background, {colors.neutral.background.alpha.1.enabled})`,color:`var(--calendar-time-grid-slot-selection-foreground, {colors.neutral.foreground.1.enabled})`,fontSize:`var(--calendar-time-grid-slot-selection-font-size, {fontSizes.100})`,width:`100%`,paddingBlock:`var(--calendar-time-grid-slot-selection-padding-block, 0.1875rem)`,paddingInline:`var(--calendar-time-grid-slot-selection-padding-inline, 0.1875rem)`},"& .rbc-slot-selecting":{cursor:`move`},"& .rbc-time-view":{display:`flex`,flexDirection:`column`,flex:`1`,width:`100%`,borderWidth:`var(--calendar-border-width, {borders.100})`,borderStyle:`solid`,borderColor:`var(--calendar-border-color, {colors.neutral.stroke.7.enabled})`,borderRadius:`var(--calendar-time-grid-view-border-radius, {radii.100})`,minHeight:0},"& .rbc-time-view .rbc-time-gutter":{whiteSpace:`nowrap`,textAlign:`right`,fontFamily:`var(--calendar-time-grid-view-font-family, {fonts.base})`,fontSize:`var(--calendar-time-grid-view-font-size, {fontSizes.100})`,fontWeight:`var(--calendar-time-grid-view-font-weight, {fontWeights.medium})`},"& .rbc-time-view .rbc-allday-cell":{boxSizing:`content-box`,width:`100%`,height:`100%`,position:`relative`},"& .rbc-time-view .rbc-allday-cell + .rbc-allday-cell":{borderLeftWidth:`var(--calendar-cell-border-width, {borders.100})`,borderLeftStyle:`solid`,borderLeftColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-time-view .rbc-allday-events":{position:`relative`,zIndex:4},"& .rbc-time-view .rbc-row":{boxSizing:`border-box`,minHeight:`var(--calendar-time-grid-row-min-height, 1.25rem)`},"& .rbc-time-header":{display:`flex`,flex:`0 0 auto`,flexDirection:`row`},"& .rbc-time-header.rbc-overflowing":{borderRightWidth:`var(--calendar-cell-border-width, {borders.100})`,borderRightStyle:`solid`,borderRightColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-rtl .rbc-time-header.rbc-overflowing":{borderRightWidth:0,borderLeftWidth:`var(--calendar-cell-border-width, {borders.100})`,borderLeftStyle:`solid`,borderLeftColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-time-header > .rbc-row:first-child":{borderBottomWidth:`var(--calendar-cell-border-width, {borders.100})`,borderBottomStyle:`solid`,borderBottomColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-time-header > .rbc-row.rbc-row-resource":{borderBottomWidth:`var(--calendar-cell-border-width, {borders.100})`,borderBottomStyle:`solid`,borderBottomColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-time-header-cell-single-day":{display:`none`},"& .rbc-time-header-content":{flex:`1`,display:`flex`,minWidth:0,flexDirection:`column`,borderLeftWidth:`var(--calendar-cell-border-width, {borders.100})`,borderLeftStyle:`solid`,borderLeftColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-rtl .rbc-time-header-content":{borderLeftWidth:0,borderRightWidth:`var(--calendar-cell-border-width, {borders.100})`,borderRightStyle:`solid`,borderRightColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-time-header-content > .rbc-row.rbc-row-resource":{borderBottomWidth:`var(--calendar-cell-border-width, {borders.100})`,borderBottomStyle:`solid`,borderBottomColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,flexShrink:0},"& .rbc-time-content":{display:`flex`,flex:`1 0 0%`,alignItems:`flex-start`,width:`100%`,borderTopWidth:`var(--calendar-cell-border-width, {borders.200})`,borderTopStyle:`solid`,borderTopColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,overflowY:`auto`,position:`relative`},"& .rbc-time-content > .rbc-time-gutter":{flex:`none`},"& .rbc-time-content > * + * > *":{borderLeftWidth:`var(--calendar-cell-border-width, {borders.100})`,borderLeftStyle:`solid`,borderLeftColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-rtl .rbc-time-content > * + * > *":{borderLeftWidth:0,borderRightWidth:`var(--calendar-cell-border-width, {borders.100})`,borderRightStyle:`solid`,borderRightColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`},"& .rbc-time-content > .rbc-day-slot":{width:`100%`,userSelect:`none`,WebkitUserSelect:`none`},"& .rbc-current-time-indicator":{position:`absolute`,zIndex:3,left:0,right:0,height:`var(--calendar-time-grid-current-time-indicator-height, 0.125rem)`,backgroundColor:`var(--calendar-time-grid-current-time-indicator-background, {colors.primary.background.1.enabled})`,pointerEvents:`none`},"& .rbc-time-column":{display:`flex`,flexDirection:`column`,minHeight:`100%`},"& .rbc-time-column .rbc-timeslot-group":{flex:`1`},"& .rbc-timeslot-group":{borderBottomWidth:`var(--calendar-cell-border-width, {borders.100})`,borderBottomStyle:`solid`,borderBottomColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,minHeight:`var(--calendar-time-grid-timeslot-group-min-height, 2.5rem)`,display:`flex`,flexFlow:`column nowrap`},"& .rbc-time-gutter, & .rbc-header-gutter":{flex:`none`},"& .rbc-label":{paddingBlock:`var(--calendar-time-grid-label-padding-block, 0)`,paddingInline:`var(--calendar-time-grid-label-padding-inline, 0.3125rem)`,color:`var(--calendar-time-slot-label-foreground, {colors.neutral.foreground.2.enabled})`,fontFamily:`var(--calendar-time-slot-label-font-family, {fonts.base})`,fontSize:`var(--calendar-time-slot-label-font-size, {fontSizes.100})`,fontWeight:`var(--calendar-time-slot-label-font-weight, {fontWeights.medium})`},"& .rbc-day-slot":{position:`relative`},"& .rbc-day-slot .rbc-events-container":{bottom:0,left:`0`,position:`absolute`,right:0,marginRight:`var(--calendar-time-grid-events-container-margin-right, 0.625rem)`,top:0},"& .rbc-day-slot .rbc-events-container.rbc-rtl":{left:`var(--calendar-time-grid-events-container-position-left, 0.625rem)`,right:0},"& .rbc-day-slot .rbc-event":{borderWidth:`var(--calendar-event-border-width, 0)`,borderStyle:`solid`,borderColor:`var(--calendar-event-border-color, {colors.primary.stroke.1.enabled})`,display:`flex`,maxHeight:`100%`,minHeight:`var(--calendar-time-grid-day-slot-event-min-height, 1.25rem)`,flexFlow:`column wrap`,alignItems:`flex-start`,overflow:`hidden`,position:`absolute`},"& .rbc-day-slot .rbc-background-event":{opacity:`var(--calendar-time-grid-background-event-opacity, 0.5)`},"& .rbc-day-slot .rbc-event-label":{flex:`none`,paddingRight:`5px`,width:`auto`},"& .rbc-day-slot .rbc-event-content":{width:`100%`,flex:`1 1 0`,wordWrap:`break-word`,lineHeight:`1`,height:`100%`,minHeight:`1em`},"& .rbc-day-slot .rbc-time-slot":{borderTopWidth:`var(--calendar-time-slot-border-top-width, 0)`,borderTopStyle:`solid`,borderTopColor:`var(--calendar-time-slot-border-top-color, transparent)`},"& .rbc-time-view-resources .rbc-time-gutter, & .rbc-time-view-resources .rbc-time-header-gutter":{position:`sticky`,left:0,backgroundColor:`var(--calendar-time-grid-resources-gutter-background, {colors.neutral.background.1.enabled})`,borderRightWidth:`var(--calendar-cell-border-width, {borders.100})`,borderRightStyle:`solid`,borderRightColor:`var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})`,zIndex:10,marginRight:`-1px`},"& .rbc-time-view-resources .rbc-time-header":{overflow:`hidden`},"& .rbc-time-view-resources .rbc-time-header-content":{minWidth:`auto`,flex:`1 0 0`,flexBasis:`0px`},"& .rbc-time-view-resources .rbc-time-header-cell-single-day":{display:`none`},"& .rbc-time-view-resources .rbc-day-slot":{minWidth:`var(--calendar-time-grid-resources-day-slot-min-width, 8.75rem)`},"& .rbc-time-view-resources .rbc-header, & .rbc-time-view-resources .rbc-day-bg":{width:`var(--calendar-time-grid-resources-column-width, 8.75rem)`,flex:`1 1 0`,flexBasis:`0px`},"& .rbc-time-header-content + .rbc-time-header-content":{marginLeft:`-1px`},"& .rbc-time-slot":{flex:`1 0 0`,display:`flex`,justifyContent:`center`,alignItems:`center`},"& .rbc-time-slot.rbc-now":{fontWeight:`var(--calendar-time-grid-time-slot-now-font-weight, {fontWeights.bold})`},"& .rbc-day-header":{textAlign:`center`,fontFamily:`var(--calendar-time-grid-day-header-font-family, {fonts.base})`,fontSize:`var(--calendar-time-grid-day-header-font-size, {fontSizes.100})`,fontWeight:`var(--calendar-time-grid-day-header-font-weight, {fontWeights.semibold})`},"& .rbc-resource-grouping.rbc-time-header-content":{display:`flex`,flexDirection:`column`},"& .rbc-resource-grouping .rbc-row .rbc-header":{width:`var(--calendar-time-grid-resource-grouping-header-width, 8.8125rem)`}}});export{t as calendarTimeGrid};
2
2
  //# sourceMappingURL=calendar-time-grid.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"calendar-time-grid.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-time-grid.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendarTimeGrid = defineRecipe({\n className: 'calendar__time-grid',\n jsx: ['Calendar'],\n base: {\n // Slot selection\n '& .rbc-slot-selection': {\n zIndex: '10',\n position: 'absolute',\n backgroundColor:\n 'var(--calendar-time-grid-slot-selection-background, rgba(0, 0, 0, 0.5))',\n color:\n 'var(--calendar-time-grid-slot-selection-foreground, {colors.neutral.foreground.1.onBrand.enabled})',\n fontSize:\n 'var(--calendar-time-grid-slot-selection-font-size, {fontSizes.100})',\n width: '100%',\n paddingBlock:\n 'var(--calendar-time-grid-slot-selection-padding-block, 0.1875rem)',\n paddingInline:\n 'var(--calendar-time-grid-slot-selection-padding-inline, 0.1875rem)',\n },\n\n // Slot selecting\n '& .rbc-slot-selecting': {\n cursor: 'move',\n },\n\n // Time view\n '& .rbc-time-view': {\n display: 'flex',\n flexDirection: 'column',\n flex: '1',\n width: '100%',\n borderWidth: 'var(--calendar-border-width, {borders.100})',\n borderStyle: 'solid',\n borderColor:\n 'var(--calendar-border-color, {colors.neutral.stroke.7.enabled})',\n borderRadius: 'var(--calendar-time-grid-view-border-radius, {radii.100})',\n minHeight: 0,\n },\n\n '& .rbc-time-view .rbc-time-gutter': {\n whiteSpace: 'nowrap',\n textAlign: 'right',\n fontFamily: 'var(--calendar-time-grid-view-font-family, {fonts.base})',\n fontSize: 'var(--calendar-time-grid-view-font-size, {fontSizes.100})',\n fontWeight:\n 'var(--calendar-time-grid-view-font-weight, {fontWeights.medium})',\n },\n\n '& .rbc-time-view .rbc-allday-cell': {\n boxSizing: 'content-box',\n width: '100%',\n height: '100%',\n position: 'relative',\n },\n\n '& .rbc-time-view .rbc-allday-cell + .rbc-allday-cell': {\n borderLeftWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderLeftStyle: 'solid',\n borderLeftColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n },\n\n '& .rbc-time-view .rbc-allday-events': {\n position: 'relative',\n zIndex: 4,\n },\n\n '& .rbc-time-view .rbc-row': {\n boxSizing: 'border-box',\n minHeight: 'var(--calendar-time-grid-row-min-height, 1.25rem)',\n },\n\n // Time header\n '& .rbc-time-header': {\n display: 'flex',\n flex: '0 0 auto',\n flexDirection: 'row',\n },\n\n '& .rbc-time-header.rbc-overflowing': {\n borderRightWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderRightStyle: 'solid',\n borderRightColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n },\n\n '& .rbc-rtl .rbc-time-header.rbc-overflowing': {\n borderRightWidth: 0,\n borderLeftWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderLeftStyle: 'solid',\n borderLeftColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n },\n\n '& .rbc-time-header > .rbc-row:first-child': {\n borderBottomWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderBottomStyle: 'solid',\n borderBottomColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n },\n\n '& .rbc-time-header > .rbc-row.rbc-row-resource': {\n borderBottomWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderBottomStyle: 'solid',\n borderBottomColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n },\n\n // Time header cell single day\n '& .rbc-time-header-cell-single-day': {\n display: 'none',\n },\n\n // Time header content\n '& .rbc-time-header-content': {\n flex: '1',\n display: 'flex',\n minWidth: 0,\n flexDirection: 'column',\n borderLeftWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderLeftStyle: 'solid',\n borderLeftColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n },\n\n '& .rbc-rtl .rbc-time-header-content': {\n borderLeftWidth: 0,\n borderRightWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderRightStyle: 'solid',\n borderRightColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n },\n\n '& .rbc-time-header-content > .rbc-row.rbc-row-resource': {\n borderBottomWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderBottomStyle: 'solid',\n borderBottomColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n flexShrink: 0,\n },\n\n // Time content\n '& .rbc-time-content': {\n display: 'flex',\n flex: '1 0 0%',\n alignItems: 'flex-start',\n width: '100%',\n borderTopWidth: 'var(--calendar-cell-border-width, {borders.200})',\n borderTopStyle: 'solid',\n borderTopColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n overflowY: 'auto',\n position: 'relative',\n },\n\n '& .rbc-time-content > .rbc-time-gutter': {\n flex: 'none',\n },\n\n '& .rbc-time-content > * + * > *': {\n borderLeftWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderLeftStyle: 'solid',\n borderLeftColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n },\n\n '& .rbc-rtl .rbc-time-content > * + * > *': {\n borderLeftWidth: 0,\n borderRightWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderRightStyle: 'solid',\n borderRightColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n },\n\n '& .rbc-time-content > .rbc-day-slot': {\n width: '100%',\n userSelect: 'none',\n WebkitUserSelect: 'none',\n },\n\n // Current time indicator\n '& .rbc-current-time-indicator': {\n position: 'absolute',\n zIndex: 3,\n left: 0,\n right: 0,\n height:\n 'var(--calendar-time-grid-current-time-indicator-height, 0.125rem)',\n backgroundColor:\n 'var(--calendar-time-grid-current-time-indicator-background, {colors.primary.background.1.enabled})',\n pointerEvents: 'none',\n },\n\n // Time column\n '& .rbc-time-column': {\n display: 'flex',\n flexDirection: 'column',\n minHeight: '100%',\n },\n\n '& .rbc-time-column .rbc-timeslot-group': {\n flex: '1',\n },\n\n // Timeslot group\n '& .rbc-timeslot-group': {\n borderBottomWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderBottomStyle: 'solid',\n borderBottomColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n minHeight: 'var(--calendar-time-grid-timeslot-group-min-height, 2.5rem)',\n display: 'flex',\n flexFlow: 'column nowrap',\n },\n\n // Time gutter and header gutter\n '& .rbc-time-gutter, & .rbc-header-gutter': {\n flex: 'none',\n },\n\n // Label\n '& .rbc-label': {\n paddingBlock: 'var(--calendar-time-grid-label-padding-block, 0)',\n paddingInline:\n 'var(--calendar-time-grid-label-padding-inline, 0.3125rem)',\n color:\n 'var(--calendar-time-slot-label-foreground, {colors.neutral.foreground.2.enabled})',\n fontFamily: 'var(--calendar-time-slot-label-font-family, {fonts.base})',\n fontSize: 'var(--calendar-time-slot-label-font-size, {fontSizes.100})',\n fontWeight:\n 'var(--calendar-time-slot-label-font-weight, {fontWeights.medium})',\n },\n\n // Day slot\n '& .rbc-day-slot': {\n position: 'relative',\n },\n\n '& .rbc-day-slot .rbc-events-container': {\n bottom: 0,\n left: '0',\n position: 'absolute',\n right: 0,\n marginRight:\n 'var(--calendar-time-grid-events-container-margin-right, 0.625rem)',\n top: 0,\n },\n\n '& .rbc-day-slot .rbc-events-container.rbc-rtl': {\n left: 'var(--calendar-time-grid-events-container-position-left, 0.625rem)',\n right: 0,\n },\n\n '& .rbc-day-slot .rbc-event': {\n borderWidth: 'var(--calendar-event-border-width, 0)',\n borderStyle: 'solid',\n borderColor:\n 'var(--calendar-event-border-color, {colors.primary.stroke.1.enabled})',\n display: 'flex',\n maxHeight: '100%',\n minHeight: 'var(--calendar-time-grid-day-slot-event-min-height, 1.25rem)',\n flexFlow: 'column wrap',\n alignItems: 'flex-start',\n overflow: 'hidden',\n position: 'absolute',\n },\n\n '& .rbc-day-slot .rbc-background-event': {\n opacity: 'var(--calendar-time-grid-background-event-opacity, 0.5)',\n },\n\n '& .rbc-day-slot .rbc-event-label': {\n flex: 'none',\n paddingRight: '5px',\n width: 'auto',\n },\n\n '& .rbc-day-slot .rbc-event-content': {\n width: '100%',\n flex: '1 1 0',\n wordWrap: 'break-word',\n lineHeight: '1',\n height: '100%',\n minHeight: '1em',\n },\n\n '& .rbc-day-slot .rbc-time-slot': {\n borderTopWidth: 'var(--calendar-time-slot-border-top-width, 0)',\n borderTopStyle: 'solid',\n borderTopColor: 'var(--calendar-time-slot-border-top-color, transparent)',\n },\n\n // Time view resources\n '& .rbc-time-view-resources .rbc-time-gutter, & .rbc-time-view-resources .rbc-time-header-gutter':\n {\n position: 'sticky',\n left: 0,\n backgroundColor:\n 'var(--calendar-time-grid-resources-gutter-background, {colors.neutral.background.1.enabled})',\n borderRightWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderRightStyle: 'solid',\n borderRightColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n zIndex: 10,\n marginRight: '-1px',\n },\n\n '& .rbc-time-view-resources .rbc-time-header': {\n overflow: 'hidden',\n },\n\n '& .rbc-time-view-resources .rbc-time-header-content': {\n minWidth: 'auto',\n flex: '1 0 0',\n flexBasis: '0px',\n },\n\n '& .rbc-time-view-resources .rbc-time-header-cell-single-day': {\n display: 'none',\n },\n\n '& .rbc-time-view-resources .rbc-day-slot': {\n minWidth:\n 'var(--calendar-time-grid-resources-day-slot-min-width, 8.75rem)',\n },\n\n '& .rbc-time-view-resources .rbc-header, & .rbc-time-view-resources .rbc-day-bg':\n {\n width: 'var(--calendar-time-grid-resources-column-width, 8.75rem)',\n flex: '1 1 0',\n flexBasis: '0px',\n },\n\n '& .rbc-time-header-content + .rbc-time-header-content': {\n marginLeft: '-1px',\n },\n\n // Time slot\n '& .rbc-time-slot': {\n flex: '1 0 0',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n },\n\n '& .rbc-time-slot.rbc-now': {\n fontWeight:\n 'var(--calendar-time-grid-time-slot-now-font-weight, {fontWeights.bold})',\n },\n\n // Day header\n '& .rbc-day-header': {\n textAlign: 'center',\n fontFamily:\n 'var(--calendar-time-grid-day-header-font-family, {fonts.base})',\n fontSize:\n 'var(--calendar-time-grid-day-header-font-size, {fontSizes.100})',\n fontWeight:\n 'var(--calendar-time-grid-day-header-font-weight, {fontWeights.semibold})',\n },\n\n // Resource grouping\n '& .rbc-resource-grouping.rbc-time-header-content': {\n display: 'flex',\n flexDirection: 'column',\n },\n\n '& .rbc-resource-grouping .rbc-row .rbc-header': {\n width:\n 'var(--calendar-time-grid-resource-grouping-header-width, 8.8125rem)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,sBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,wBAAyB,CACvB,OAAQ,KACR,SAAU,WACV,gBACE,0EACF,MACE,qGACF,SACE,sEACF,MAAO,OACP,aACE,oEACF,cACE,qEACH,CAGD,wBAAyB,CACvB,OAAQ,OACT,CAGD,mBAAoB,CAClB,QAAS,OACT,cAAe,SACf,KAAM,IACN,MAAO,OACP,YAAa,8CACb,YAAa,QACb,YACE,kEACF,aAAc,4DACd,UAAW,EACZ,CAED,oCAAqC,CACnC,WAAY,SACZ,UAAW,QACX,WAAY,2DACZ,SAAU,4DACV,WACE,mEACH,CAED,oCAAqC,CACnC,UAAW,cACX,MAAO,OACP,OAAQ,OACR,SAAU,WACX,CAED,uDAAwD,CACtD,gBAAiB,mDACjB,gBAAiB,QACjB,gBACE,uEACH,CAED,sCAAuC,CACrC,SAAU,WACV,OAAQ,EACT,CAED,4BAA6B,CAC3B,UAAW,aACX,UAAW,oDACZ,CAGD,qBAAsB,CACpB,QAAS,OACT,KAAM,WACN,cAAe,MAChB,CAED,qCAAsC,CACpC,iBAAkB,mDAClB,iBAAkB,QAClB,iBACE,uEACH,CAED,8CAA+C,CAC7C,iBAAkB,EAClB,gBAAiB,mDACjB,gBAAiB,QACjB,gBACE,uEACH,CAED,4CAA6C,CAC3C,kBAAmB,mDACnB,kBAAmB,QACnB,kBACE,uEACH,CAED,iDAAkD,CAChD,kBAAmB,mDACnB,kBAAmB,QACnB,kBACE,uEACH,CAGD,qCAAsC,CACpC,QAAS,OACV,CAGD,6BAA8B,CAC5B,KAAM,IACN,QAAS,OACT,SAAU,EACV,cAAe,SACf,gBAAiB,mDACjB,gBAAiB,QACjB,gBACE,uEACH,CAED,sCAAuC,CACrC,gBAAiB,EACjB,iBAAkB,mDAClB,iBAAkB,QAClB,iBACE,uEACH,CAED,yDAA0D,CACxD,kBAAmB,mDACnB,kBAAmB,QACnB,kBACE,uEACF,WAAY,EACb,CAGD,sBAAuB,CACrB,QAAS,OACT,KAAM,SACN,WAAY,aACZ,MAAO,OACP,eAAgB,mDAChB,eAAgB,QAChB,eACE,uEACF,UAAW,OACX,SAAU,WACX,CAED,yCAA0C,CACxC,KAAM,OACP,CAED,kCAAmC,CACjC,gBAAiB,mDACjB,gBAAiB,QACjB,gBACE,uEACH,CAED,2CAA4C,CAC1C,gBAAiB,EACjB,iBAAkB,mDAClB,iBAAkB,QAClB,iBACE,uEACH,CAED,sCAAuC,CACrC,MAAO,OACP,WAAY,OACZ,iBAAkB,OACnB,CAGD,gCAAiC,CAC/B,SAAU,WACV,OAAQ,EACR,KAAM,EACN,MAAO,EACP,OACE,oEACF,gBACE,qGACF,cAAe,OAChB,CAGD,qBAAsB,CACpB,QAAS,OACT,cAAe,SACf,UAAW,OACZ,CAED,yCAA0C,CACxC,KAAM,IACP,CAGD,wBAAyB,CACvB,kBAAmB,mDACnB,kBAAmB,QACnB,kBACE,uEACF,UAAW,8DACX,QAAS,OACT,SAAU,gBACX,CAGD,2CAA4C,CAC1C,KAAM,OACP,CAGD,eAAgB,CACd,aAAc,mDACd,cACE,4DACF,MACE,oFACF,WAAY,4DACZ,SAAU,6DACV,WACE,oEACH,CAGD,kBAAmB,CACjB,SAAU,WACX,CAED,wCAAyC,CACvC,OAAQ,EACR,KAAM,IACN,SAAU,WACV,MAAO,EACP,YACE,oEACF,IAAK,EACN,CAED,gDAAiD,CAC/C,KAAM,qEACN,MAAO,EACR,CAED,6BAA8B,CAC5B,YAAa,wCACb,YAAa,QACb,YACE,wEACF,QAAS,OACT,UAAW,OACX,UAAW,+DACX,SAAU,cACV,WAAY,aACZ,SAAU,SACV,SAAU,WACX,CAED,wCAAyC,CACvC,QAAS,0DACV,CAED,mCAAoC,CAClC,KAAM,OACN,aAAc,MACd,MAAO,OACR,CAED,qCAAsC,CACpC,MAAO,OACP,KAAM,QACN,SAAU,aACV,WAAY,IACZ,OAAQ,OACR,UAAW,MACZ,CAED,iCAAkC,CAChC,eAAgB,gDAChB,eAAgB,QAChB,eAAgB,0DACjB,CAGD,kGACE,CACE,SAAU,SACV,KAAM,EACN,gBACE,+FACF,iBAAkB,mDAClB,iBAAkB,QAClB,iBACE,uEACF,OAAQ,GACR,YAAa,OACd,CAEH,8CAA+C,CAC7C,SAAU,SACX,CAED,sDAAuD,CACrD,SAAU,OACV,KAAM,QACN,UAAW,MACZ,CAED,8DAA+D,CAC7D,QAAS,OACV,CAED,2CAA4C,CAC1C,SACE,kEACH,CAED,iFACE,CACE,MAAO,4DACP,KAAM,QACN,UAAW,MACZ,CAEH,wDAAyD,CACvD,WAAY,OACb,CAGD,mBAAoB,CAClB,KAAM,QACN,QAAS,OACT,eAAgB,SAChB,WAAY,SACb,CAED,2BAA4B,CAC1B,WACE,0EACH,CAGD,oBAAqB,CACnB,UAAW,SACX,WACE,iEACF,SACE,kEACF,WACE,2EACH,CAGD,mDAAoD,CAClD,QAAS,OACT,cAAe,SAChB,CAED,gDAAiD,CAC/C,MACE,sEACH,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"calendar-time-grid.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-time-grid.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendarTimeGrid = defineRecipe({\n className: 'calendar__time-grid',\n jsx: ['Calendar'],\n base: {\n // Slot selection\n '& .rbc-slot-selection': {\n zIndex: '10',\n position: 'absolute',\n backgroundColor:\n 'var(--calendar-time-grid-slot-selection-background, {colors.neutral.background.alpha.1.enabled})',\n color:\n 'var(--calendar-time-grid-slot-selection-foreground, {colors.neutral.foreground.1.enabled})',\n fontSize:\n 'var(--calendar-time-grid-slot-selection-font-size, {fontSizes.100})',\n width: '100%',\n paddingBlock:\n 'var(--calendar-time-grid-slot-selection-padding-block, 0.1875rem)',\n paddingInline:\n 'var(--calendar-time-grid-slot-selection-padding-inline, 0.1875rem)',\n },\n\n // Slot selecting\n '& .rbc-slot-selecting': {\n cursor: 'move',\n },\n\n // Time view\n '& .rbc-time-view': {\n display: 'flex',\n flexDirection: 'column',\n flex: '1',\n width: '100%',\n borderWidth: 'var(--calendar-border-width, {borders.100})',\n borderStyle: 'solid',\n borderColor:\n 'var(--calendar-border-color, {colors.neutral.stroke.7.enabled})',\n borderRadius: 'var(--calendar-time-grid-view-border-radius, {radii.100})',\n minHeight: 0,\n },\n\n '& .rbc-time-view .rbc-time-gutter': {\n whiteSpace: 'nowrap',\n textAlign: 'right',\n fontFamily: 'var(--calendar-time-grid-view-font-family, {fonts.base})',\n fontSize: 'var(--calendar-time-grid-view-font-size, {fontSizes.100})',\n fontWeight:\n 'var(--calendar-time-grid-view-font-weight, {fontWeights.medium})',\n },\n\n '& .rbc-time-view .rbc-allday-cell': {\n boxSizing: 'content-box',\n width: '100%',\n height: '100%',\n position: 'relative',\n },\n\n '& .rbc-time-view .rbc-allday-cell + .rbc-allday-cell': {\n borderLeftWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderLeftStyle: 'solid',\n borderLeftColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n },\n\n '& .rbc-time-view .rbc-allday-events': {\n position: 'relative',\n zIndex: 4,\n },\n\n '& .rbc-time-view .rbc-row': {\n boxSizing: 'border-box',\n minHeight: 'var(--calendar-time-grid-row-min-height, 1.25rem)',\n },\n\n // Time header\n '& .rbc-time-header': {\n display: 'flex',\n flex: '0 0 auto',\n flexDirection: 'row',\n },\n\n '& .rbc-time-header.rbc-overflowing': {\n borderRightWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderRightStyle: 'solid',\n borderRightColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n },\n\n '& .rbc-rtl .rbc-time-header.rbc-overflowing': {\n borderRightWidth: 0,\n borderLeftWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderLeftStyle: 'solid',\n borderLeftColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n },\n\n '& .rbc-time-header > .rbc-row:first-child': {\n borderBottomWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderBottomStyle: 'solid',\n borderBottomColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n },\n\n '& .rbc-time-header > .rbc-row.rbc-row-resource': {\n borderBottomWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderBottomStyle: 'solid',\n borderBottomColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n },\n\n // Time header cell single day\n '& .rbc-time-header-cell-single-day': {\n display: 'none',\n },\n\n // Time header content\n '& .rbc-time-header-content': {\n flex: '1',\n display: 'flex',\n minWidth: 0,\n flexDirection: 'column',\n borderLeftWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderLeftStyle: 'solid',\n borderLeftColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n },\n\n '& .rbc-rtl .rbc-time-header-content': {\n borderLeftWidth: 0,\n borderRightWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderRightStyle: 'solid',\n borderRightColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n },\n\n '& .rbc-time-header-content > .rbc-row.rbc-row-resource': {\n borderBottomWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderBottomStyle: 'solid',\n borderBottomColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n flexShrink: 0,\n },\n\n // Time content\n '& .rbc-time-content': {\n display: 'flex',\n flex: '1 0 0%',\n alignItems: 'flex-start',\n width: '100%',\n borderTopWidth: 'var(--calendar-cell-border-width, {borders.200})',\n borderTopStyle: 'solid',\n borderTopColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n overflowY: 'auto',\n position: 'relative',\n },\n\n '& .rbc-time-content > .rbc-time-gutter': {\n flex: 'none',\n },\n\n '& .rbc-time-content > * + * > *': {\n borderLeftWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderLeftStyle: 'solid',\n borderLeftColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n },\n\n '& .rbc-rtl .rbc-time-content > * + * > *': {\n borderLeftWidth: 0,\n borderRightWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderRightStyle: 'solid',\n borderRightColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n },\n\n '& .rbc-time-content > .rbc-day-slot': {\n width: '100%',\n userSelect: 'none',\n WebkitUserSelect: 'none',\n },\n\n // Current time indicator\n '& .rbc-current-time-indicator': {\n position: 'absolute',\n zIndex: 3,\n left: 0,\n right: 0,\n height:\n 'var(--calendar-time-grid-current-time-indicator-height, 0.125rem)',\n backgroundColor:\n 'var(--calendar-time-grid-current-time-indicator-background, {colors.primary.background.1.enabled})',\n pointerEvents: 'none',\n },\n\n // Time column\n '& .rbc-time-column': {\n display: 'flex',\n flexDirection: 'column',\n minHeight: '100%',\n },\n\n '& .rbc-time-column .rbc-timeslot-group': {\n flex: '1',\n },\n\n // Timeslot group\n '& .rbc-timeslot-group': {\n borderBottomWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderBottomStyle: 'solid',\n borderBottomColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n minHeight: 'var(--calendar-time-grid-timeslot-group-min-height, 2.5rem)',\n display: 'flex',\n flexFlow: 'column nowrap',\n },\n\n // Time gutter and header gutter\n '& .rbc-time-gutter, & .rbc-header-gutter': {\n flex: 'none',\n },\n\n // Label\n '& .rbc-label': {\n paddingBlock: 'var(--calendar-time-grid-label-padding-block, 0)',\n paddingInline:\n 'var(--calendar-time-grid-label-padding-inline, 0.3125rem)',\n color:\n 'var(--calendar-time-slot-label-foreground, {colors.neutral.foreground.2.enabled})',\n fontFamily: 'var(--calendar-time-slot-label-font-family, {fonts.base})',\n fontSize: 'var(--calendar-time-slot-label-font-size, {fontSizes.100})',\n fontWeight:\n 'var(--calendar-time-slot-label-font-weight, {fontWeights.medium})',\n },\n\n // Day slot\n '& .rbc-day-slot': {\n position: 'relative',\n },\n\n '& .rbc-day-slot .rbc-events-container': {\n bottom: 0,\n left: '0',\n position: 'absolute',\n right: 0,\n marginRight:\n 'var(--calendar-time-grid-events-container-margin-right, 0.625rem)',\n top: 0,\n },\n\n '& .rbc-day-slot .rbc-events-container.rbc-rtl': {\n left: 'var(--calendar-time-grid-events-container-position-left, 0.625rem)',\n right: 0,\n },\n\n '& .rbc-day-slot .rbc-event': {\n borderWidth: 'var(--calendar-event-border-width, 0)',\n borderStyle: 'solid',\n borderColor:\n 'var(--calendar-event-border-color, {colors.primary.stroke.1.enabled})',\n display: 'flex',\n maxHeight: '100%',\n minHeight: 'var(--calendar-time-grid-day-slot-event-min-height, 1.25rem)',\n flexFlow: 'column wrap',\n alignItems: 'flex-start',\n overflow: 'hidden',\n position: 'absolute',\n },\n\n '& .rbc-day-slot .rbc-background-event': {\n opacity: 'var(--calendar-time-grid-background-event-opacity, 0.5)',\n },\n\n '& .rbc-day-slot .rbc-event-label': {\n flex: 'none',\n paddingRight: '5px',\n width: 'auto',\n },\n\n '& .rbc-day-slot .rbc-event-content': {\n width: '100%',\n flex: '1 1 0',\n wordWrap: 'break-word',\n lineHeight: '1',\n height: '100%',\n minHeight: '1em',\n },\n\n '& .rbc-day-slot .rbc-time-slot': {\n borderTopWidth: 'var(--calendar-time-slot-border-top-width, 0)',\n borderTopStyle: 'solid',\n borderTopColor: 'var(--calendar-time-slot-border-top-color, transparent)',\n },\n\n // Time view resources\n '& .rbc-time-view-resources .rbc-time-gutter, & .rbc-time-view-resources .rbc-time-header-gutter':\n {\n position: 'sticky',\n left: 0,\n backgroundColor:\n 'var(--calendar-time-grid-resources-gutter-background, {colors.neutral.background.1.enabled})',\n borderRightWidth: 'var(--calendar-cell-border-width, {borders.100})',\n borderRightStyle: 'solid',\n borderRightColor:\n 'var(--calendar-cell-border-color, {colors.neutral.stroke.7.enabled})',\n zIndex: 10,\n marginRight: '-1px',\n },\n\n '& .rbc-time-view-resources .rbc-time-header': {\n overflow: 'hidden',\n },\n\n '& .rbc-time-view-resources .rbc-time-header-content': {\n minWidth: 'auto',\n flex: '1 0 0',\n flexBasis: '0px',\n },\n\n '& .rbc-time-view-resources .rbc-time-header-cell-single-day': {\n display: 'none',\n },\n\n '& .rbc-time-view-resources .rbc-day-slot': {\n minWidth:\n 'var(--calendar-time-grid-resources-day-slot-min-width, 8.75rem)',\n },\n\n '& .rbc-time-view-resources .rbc-header, & .rbc-time-view-resources .rbc-day-bg':\n {\n width: 'var(--calendar-time-grid-resources-column-width, 8.75rem)',\n flex: '1 1 0',\n flexBasis: '0px',\n },\n\n '& .rbc-time-header-content + .rbc-time-header-content': {\n marginLeft: '-1px',\n },\n\n // Time slot\n '& .rbc-time-slot': {\n flex: '1 0 0',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n },\n\n '& .rbc-time-slot.rbc-now': {\n fontWeight:\n 'var(--calendar-time-grid-time-slot-now-font-weight, {fontWeights.bold})',\n },\n\n // Day header\n '& .rbc-day-header': {\n textAlign: 'center',\n fontFamily:\n 'var(--calendar-time-grid-day-header-font-family, {fonts.base})',\n fontSize:\n 'var(--calendar-time-grid-day-header-font-size, {fontSizes.100})',\n fontWeight:\n 'var(--calendar-time-grid-day-header-font-weight, {fontWeights.semibold})',\n },\n\n // Resource grouping\n '& .rbc-resource-grouping.rbc-time-header-content': {\n display: 'flex',\n flexDirection: 'column',\n },\n\n '& .rbc-resource-grouping .rbc-row .rbc-header': {\n width:\n 'var(--calendar-time-grid-resource-grouping-header-width, 8.8125rem)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAmB,EAAa,CAC3C,UAAW,sBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,wBAAyB,CACvB,OAAQ,KACR,SAAU,WACV,gBACE,mGACF,MACE,6FACF,SACE,sEACF,MAAO,OACP,aACE,oEACF,cACE,qEACH,CAGD,wBAAyB,CACvB,OAAQ,OACT,CAGD,mBAAoB,CAClB,QAAS,OACT,cAAe,SACf,KAAM,IACN,MAAO,OACP,YAAa,8CACb,YAAa,QACb,YACE,kEACF,aAAc,4DACd,UAAW,EACZ,CAED,oCAAqC,CACnC,WAAY,SACZ,UAAW,QACX,WAAY,2DACZ,SAAU,4DACV,WACE,mEACH,CAED,oCAAqC,CACnC,UAAW,cACX,MAAO,OACP,OAAQ,OACR,SAAU,WACX,CAED,uDAAwD,CACtD,gBAAiB,mDACjB,gBAAiB,QACjB,gBACE,uEACH,CAED,sCAAuC,CACrC,SAAU,WACV,OAAQ,EACT,CAED,4BAA6B,CAC3B,UAAW,aACX,UAAW,oDACZ,CAGD,qBAAsB,CACpB,QAAS,OACT,KAAM,WACN,cAAe,MAChB,CAED,qCAAsC,CACpC,iBAAkB,mDAClB,iBAAkB,QAClB,iBACE,uEACH,CAED,8CAA+C,CAC7C,iBAAkB,EAClB,gBAAiB,mDACjB,gBAAiB,QACjB,gBACE,uEACH,CAED,4CAA6C,CAC3C,kBAAmB,mDACnB,kBAAmB,QACnB,kBACE,uEACH,CAED,iDAAkD,CAChD,kBAAmB,mDACnB,kBAAmB,QACnB,kBACE,uEACH,CAGD,qCAAsC,CACpC,QAAS,OACV,CAGD,6BAA8B,CAC5B,KAAM,IACN,QAAS,OACT,SAAU,EACV,cAAe,SACf,gBAAiB,mDACjB,gBAAiB,QACjB,gBACE,uEACH,CAED,sCAAuC,CACrC,gBAAiB,EACjB,iBAAkB,mDAClB,iBAAkB,QAClB,iBACE,uEACH,CAED,yDAA0D,CACxD,kBAAmB,mDACnB,kBAAmB,QACnB,kBACE,uEACF,WAAY,EACb,CAGD,sBAAuB,CACrB,QAAS,OACT,KAAM,SACN,WAAY,aACZ,MAAO,OACP,eAAgB,mDAChB,eAAgB,QAChB,eACE,uEACF,UAAW,OACX,SAAU,WACX,CAED,yCAA0C,CACxC,KAAM,OACP,CAED,kCAAmC,CACjC,gBAAiB,mDACjB,gBAAiB,QACjB,gBACE,uEACH,CAED,2CAA4C,CAC1C,gBAAiB,EACjB,iBAAkB,mDAClB,iBAAkB,QAClB,iBACE,uEACH,CAED,sCAAuC,CACrC,MAAO,OACP,WAAY,OACZ,iBAAkB,OACnB,CAGD,gCAAiC,CAC/B,SAAU,WACV,OAAQ,EACR,KAAM,EACN,MAAO,EACP,OACE,oEACF,gBACE,qGACF,cAAe,OAChB,CAGD,qBAAsB,CACpB,QAAS,OACT,cAAe,SACf,UAAW,OACZ,CAED,yCAA0C,CACxC,KAAM,IACP,CAGD,wBAAyB,CACvB,kBAAmB,mDACnB,kBAAmB,QACnB,kBACE,uEACF,UAAW,8DACX,QAAS,OACT,SAAU,gBACX,CAGD,2CAA4C,CAC1C,KAAM,OACP,CAGD,eAAgB,CACd,aAAc,mDACd,cACE,4DACF,MACE,oFACF,WAAY,4DACZ,SAAU,6DACV,WACE,oEACH,CAGD,kBAAmB,CACjB,SAAU,WACX,CAED,wCAAyC,CACvC,OAAQ,EACR,KAAM,IACN,SAAU,WACV,MAAO,EACP,YACE,oEACF,IAAK,EACN,CAED,gDAAiD,CAC/C,KAAM,qEACN,MAAO,EACR,CAED,6BAA8B,CAC5B,YAAa,wCACb,YAAa,QACb,YACE,wEACF,QAAS,OACT,UAAW,OACX,UAAW,+DACX,SAAU,cACV,WAAY,aACZ,SAAU,SACV,SAAU,WACX,CAED,wCAAyC,CACvC,QAAS,0DACV,CAED,mCAAoC,CAClC,KAAM,OACN,aAAc,MACd,MAAO,OACR,CAED,qCAAsC,CACpC,MAAO,OACP,KAAM,QACN,SAAU,aACV,WAAY,IACZ,OAAQ,OACR,UAAW,MACZ,CAED,iCAAkC,CAChC,eAAgB,gDAChB,eAAgB,QAChB,eAAgB,0DACjB,CAGD,kGACE,CACE,SAAU,SACV,KAAM,EACN,gBACE,+FACF,iBAAkB,mDAClB,iBAAkB,QAClB,iBACE,uEACF,OAAQ,GACR,YAAa,OACd,CAEH,8CAA+C,CAC7C,SAAU,SACX,CAED,sDAAuD,CACrD,SAAU,OACV,KAAM,QACN,UAAW,MACZ,CAED,8DAA+D,CAC7D,QAAS,OACV,CAED,2CAA4C,CAC1C,SACE,kEACH,CAED,iFACE,CACE,MAAO,4DACP,KAAM,QACN,UAAW,MACZ,CAEH,wDAAyD,CACvD,WAAY,OACb,CAGD,mBAAoB,CAClB,KAAM,QACN,QAAS,OACT,eAAgB,SAChB,WAAY,SACb,CAED,2BAA4B,CAC1B,WACE,0EACH,CAGD,oBAAqB,CACnB,UAAW,SACX,WACE,iEACF,SACE,kEACF,WACE,2EACH,CAGD,mDAAoD,CAClD,QAAS,OACT,cAAe,SAChB,CAED,gDAAiD,CAC/C,MACE,sEACH,CACF,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__toolbar`,jsx:[`Calendar`],base:{"& .rbc-toolbar":{display:`flex`,flexDirection:`column`,flexWrap:`wrap`,justifyContent:`center`,alignItems:`center`,marginBottom:`10px`,fontSize:`16px`,_md:{flexDirection:`row`}},"& .rbc-toolbar-label":{flexGrow:1,color:`var(--calendar-toolbar-label-foreground, {colors.neutral.foreground.1.enabled})`,paddingInline:`var(--calendar-toolbar-label-padding-inline, {spacing.200})`,fontFamily:`var(--calendar-toolbar-label--font-family, {fonts.base})`,fontSize:`var(--calendar-toolbar-label--font-size, {fontSizes.500})`,fontWeight:`var(--calendar-toolbar-label--font-weight, {fontWeights.medium})`,textAlign:`var(--calendar-toolbar-label--text-align, center)`},"& .rbc-btn-group":{display:`inline-flex`,gap:`var(--calendar-button-group-gap, {spacing.100})`,flexDirection:`row`,whiteSpace:`nowrap`},"& .rbc-btn-group button":{display:`inline-block`,margin:0,color:`var(--calendar-button-foreground, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--calendar-button-background, {colors.neutral.background.3.enabled})`,fontFamily:`var(--calendar-button-font-family, {fonts.base})`,fontSize:`var(--calendar-button-font-size, {fontSizes.200})`,fontWeight:`var(--calendar-button-font-weight, {fontWeights.medium})`,textAlign:`var(--calendar-button-text-align, center)`,verticalAlign:`middle`,borderWidth:`var(--calendar-button-border-width, 0)`,borderStyle:`solid`,borderColor:`var(--calendar-button-border-color, {colors.neutral.stroke.1.enabled})`,paddingBlock:`var(--calendar-button-padding-block, {spacing.150})`,paddingInline:`var(--calendar-button-padding-inline, {spacing.400})`,borderRadius:`var(--calendar-button-border-radius, {radii.100})`,lineHeight:`var(--calendar-button-line-height, 1)`,whiteSpace:`nowrap`,cursor:`pointer`,transition:`var(--calendar-button-transition, {animations.base.100})`,_hover:{color:`var(--calendar-button-foreground-hover, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--calendar-button-background-hover, {colors.neutral.background.2.hovered})`,borderColor:`var(--calendar-button-border-color-hover, {colors.neutral.stroke.1.hovered})`},"&.rbc-active":{color:`var(--calendar-button-foreground-active, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--calendar-button-background-active, {colors.neutral.background.2.brand.actived})`,borderColor:`var(--calendar-button-border-color-active, {colors.neutral.stroke.2.enabled})`},_focusVisible:{color:`var(--calendar-button-foreground-focus, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--calendar-button-background-focus, {colors.neutral.background.1.focused})`,borderColor:`var(--calendar-button-border-focus, {colors.neutral.stroke.1.focused})`,outlineWidth:`var(--calendar-button-focus-outline-width, {borders.100})`,outlineStyle:`var(--calendar-button-focus-outline-style, solid)`,outlineColor:`var(--calendar-button-focus-outline-color, {colors.neutral.stroke.1.focused})`,outlineOffset:`var(--calendar-button-focus-outline-offset, 0)`}}}});export{t as calendarToolbar};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar__toolbar`,jsx:[`Calendar`],base:{"& .rbc-toolbar":{display:`flex`,flexDirection:`column`,flexWrap:`wrap`,justifyContent:`center`,alignItems:`center`,marginBottom:`10px`,fontSize:`16px`,_md:{flexDirection:`row`}},"& .rbc-toolbar-label":{flexGrow:1,color:`var(--calendar-toolbar-label-foreground, {colors.neutral.foreground.1.enabled})`,paddingInline:`var(--calendar-toolbar-label-padding-inline, {spacing.200})`,fontFamily:`var(--calendar-toolbar-label--font-family, {fonts.base})`,fontSize:`var(--calendar-toolbar-label--font-size, {fontSizes.500})`,fontWeight:`var(--calendar-toolbar-label--font-weight, {fontWeights.medium})`,textAlign:`var(--calendar-toolbar-label--text-align, center)`},"& .rbc-btn-group":{display:`inline-flex`,gap:`var(--calendar-button-group-gap, {spacing.100})`,flexDirection:`row`,whiteSpace:`nowrap`},"& .rbc-btn-group button":{display:`inline-block`,margin:0,color:`var(--calendar-button-foreground, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--calendar-button-background, {colors.neutral.background.3.enabled})`,fontFamily:`var(--calendar-button-font-family, {fonts.base})`,fontSize:`var(--calendar-button-font-size, {fontSizes.200})`,fontWeight:`var(--calendar-button-font-weight, {fontWeights.medium})`,textAlign:`var(--calendar-button-text-align, center)`,verticalAlign:`middle`,borderWidth:`var(--calendar-button-border-width, 0)`,borderStyle:`solid`,borderColor:`var(--calendar-button-border-color, transparent)`,paddingBlock:`var(--calendar-button-padding-block, {spacing.150})`,paddingInline:`var(--calendar-button-padding-inline, {spacing.400})`,borderRadius:`var(--calendar-button-border-radius, {radii.100})`,lineHeight:`var(--calendar-button-line-height, 1)`,whiteSpace:`nowrap`,cursor:`pointer`,transition:`var(--calendar-button-transition, {animations.base.100})`,_hover:{color:`var(--calendar-button-foreground-hover, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--calendar-button-background-hover,{colors.neutral.background.2.primary.selected})`,borderColor:`var(--calendar-button-border-color-hover, transparent)`},"&.rbc-active":{color:`var(--calendar-button-foreground-active, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--calendar-button-background-active, {colors.neutral.background.2.primary.selected})`,borderColor:`var(--calendar-button-border-color-active, transparent)`},_focusVisible:{color:`var(--calendar-button-foreground-focus, {colors.neutral.foreground.1.enabled})`,backgroundColor:`var(--calendar-button-background-focus, {colors.neutral.background.3.enabled})`,borderColor:`var(--calendar-button-border-focus, {colors.neutral.stroke.1.focused})`,outlineWidth:`var(--calendar-button-focus-outline-width, {borders.100})`,outlineStyle:`var(--calendar-button-focus-outline-style, solid)`,outlineColor:`var(--calendar-button-focus-outline-color, {colors.neutral.stroke.1.focused})`,outlineOffset:`var(--calendar-button-focus-outline-offset, 0)`}}}});export{t as calendarToolbar};
2
2
  //# sourceMappingURL=calendar-toolbar.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"calendar-toolbar.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-toolbar.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendarToolbar = defineRecipe({\n className: 'calendar__toolbar',\n jsx: ['Calendar'],\n base: {\n // Toolbar container\n '& .rbc-toolbar': {\n display: 'flex',\n flexDirection: 'column',\n flexWrap: 'wrap',\n justifyContent: 'center',\n alignItems: 'center',\n marginBottom: '10px',\n fontSize: '16px',\n _md: {\n flexDirection: 'row',\n },\n },\n\n '& .rbc-toolbar-label': {\n flexGrow: 1,\n color:\n 'var(--calendar-toolbar-label-foreground, {colors.neutral.foreground.1.enabled})',\n paddingInline:\n 'var(--calendar-toolbar-label-padding-inline, {spacing.200})',\n fontFamily: 'var(--calendar-toolbar-label--font-family, {fonts.base})',\n fontSize: 'var(--calendar-toolbar-label--font-size, {fontSizes.500})',\n fontWeight:\n 'var(--calendar-toolbar-label--font-weight, {fontWeights.medium})',\n textAlign: 'var(--calendar-toolbar-label--text-align, center)',\n },\n\n // Button group\n '& .rbc-btn-group': {\n display: 'inline-flex',\n gap: 'var(--calendar-button-group-gap, {spacing.100})',\n flexDirection: 'row',\n whiteSpace: 'nowrap',\n },\n '& .rbc-btn-group button': {\n display: 'inline-block',\n margin: 0,\n color:\n 'var(--calendar-button-foreground, {colors.neutral.foreground.1.enabled})',\n backgroundColor:\n 'var(--calendar-button-background, {colors.neutral.background.3.enabled})',\n fontFamily: 'var(--calendar-button-font-family, {fonts.base})',\n fontSize: 'var(--calendar-button-font-size, {fontSizes.200})',\n fontWeight: 'var(--calendar-button-font-weight, {fontWeights.medium})',\n textAlign: 'var(--calendar-button-text-align, center)',\n verticalAlign: 'middle',\n borderWidth: 'var(--calendar-button-border-width, 0)',\n borderStyle: 'solid',\n borderColor:\n 'var(--calendar-button-border-color, {colors.neutral.stroke.1.enabled})',\n paddingBlock: 'var(--calendar-button-padding-block, {spacing.150})',\n paddingInline: 'var(--calendar-button-padding-inline, {spacing.400})',\n borderRadius: 'var(--calendar-button-border-radius, {radii.100})',\n lineHeight: 'var(--calendar-button-line-height, 1)',\n whiteSpace: 'nowrap',\n cursor: 'pointer',\n transition: 'var(--calendar-button-transition, {animations.base.100})',\n _hover: {\n color:\n 'var(--calendar-button-foreground-hover, {colors.neutral.foreground.1.enabled})',\n backgroundColor:\n 'var(--calendar-button-background-hover, {colors.neutral.background.2.hovered})',\n borderColor:\n 'var(--calendar-button-border-color-hover, {colors.neutral.stroke.1.hovered})',\n },\n '&.rbc-active': {\n color:\n 'var(--calendar-button-foreground-active, {colors.neutral.foreground.1.enabled})',\n backgroundColor:\n 'var(--calendar-button-background-active, {colors.neutral.background.2.brand.actived})',\n borderColor:\n 'var(--calendar-button-border-color-active, {colors.neutral.stroke.2.enabled})',\n },\n _focusVisible: {\n color:\n 'var(--calendar-button-foreground-focus, {colors.neutral.foreground.1.enabled})',\n backgroundColor:\n 'var(--calendar-button-background-focus, {colors.neutral.background.1.focused})',\n borderColor:\n 'var(--calendar-button-border-focus, {colors.neutral.stroke.1.focused})',\n outlineWidth:\n 'var(--calendar-button-focus-outline-width, {borders.100})',\n outlineStyle: 'var(--calendar-button-focus-outline-style, solid)',\n outlineColor:\n 'var(--calendar-button-focus-outline-color, {colors.neutral.stroke.1.focused})',\n outlineOffset: 'var(--calendar-button-focus-outline-offset, 0)',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAkB,EAAa,CAC1C,UAAW,oBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,iBAAkB,CAChB,QAAS,OACT,cAAe,SACf,SAAU,OACV,eAAgB,SAChB,WAAY,SACZ,aAAc,OACd,SAAU,OACV,IAAK,CACH,cAAe,MAChB,CACF,CAED,uBAAwB,CACtB,SAAU,EACV,MACE,kFACF,cACE,8DACF,WAAY,2DACZ,SAAU,4DACV,WACE,mEACF,UAAW,oDACZ,CAGD,mBAAoB,CAClB,QAAS,cACT,IAAK,kDACL,cAAe,MACf,WAAY,SACb,CACD,0BAA2B,CACzB,QAAS,eACT,OAAQ,EACR,MACE,2EACF,gBACE,2EACF,WAAY,mDACZ,SAAU,oDACV,WAAY,2DACZ,UAAW,4CACX,cAAe,SACf,YAAa,yCACb,YAAa,QACb,YACE,yEACF,aAAc,sDACd,cAAe,uDACf,aAAc,oDACd,WAAY,wCACZ,WAAY,SACZ,OAAQ,UACR,WAAY,2DACZ,OAAQ,CACN,MACE,iFACF,gBACE,iFACF,YACE,+EACH,CACD,eAAgB,CACd,MACE,kFACF,gBACE,wFACF,YACE,gFACH,CACD,cAAe,CACb,MACE,iFACF,gBACE,iFACF,YACE,yEACF,aACE,4DACF,aAAc,oDACd,aACE,gFACF,cAAe,iDAChB,CACF,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"calendar-toolbar.mjs","names":[],"sources":["../../../../src/recipes/data-display/calendar/calendar-toolbar.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const calendarToolbar = defineRecipe({\n className: 'calendar__toolbar',\n jsx: ['Calendar'],\n base: {\n // Toolbar container\n '& .rbc-toolbar': {\n display: 'flex',\n flexDirection: 'column',\n flexWrap: 'wrap',\n justifyContent: 'center',\n alignItems: 'center',\n marginBottom: '10px',\n fontSize: '16px',\n _md: {\n flexDirection: 'row',\n },\n },\n\n '& .rbc-toolbar-label': {\n flexGrow: 1,\n color:\n 'var(--calendar-toolbar-label-foreground, {colors.neutral.foreground.1.enabled})',\n paddingInline:\n 'var(--calendar-toolbar-label-padding-inline, {spacing.200})',\n fontFamily: 'var(--calendar-toolbar-label--font-family, {fonts.base})',\n fontSize: 'var(--calendar-toolbar-label--font-size, {fontSizes.500})',\n fontWeight:\n 'var(--calendar-toolbar-label--font-weight, {fontWeights.medium})',\n textAlign: 'var(--calendar-toolbar-label--text-align, center)',\n },\n\n // Button group\n '& .rbc-btn-group': {\n display: 'inline-flex',\n gap: 'var(--calendar-button-group-gap, {spacing.100})',\n flexDirection: 'row',\n whiteSpace: 'nowrap',\n },\n '& .rbc-btn-group button': {\n display: 'inline-block',\n margin: 0,\n color:\n 'var(--calendar-button-foreground, {colors.neutral.foreground.1.enabled})',\n backgroundColor:\n 'var(--calendar-button-background, {colors.neutral.background.3.enabled})',\n fontFamily: 'var(--calendar-button-font-family, {fonts.base})',\n fontSize: 'var(--calendar-button-font-size, {fontSizes.200})',\n fontWeight: 'var(--calendar-button-font-weight, {fontWeights.medium})',\n textAlign: 'var(--calendar-button-text-align, center)',\n verticalAlign: 'middle',\n borderWidth: 'var(--calendar-button-border-width, 0)',\n borderStyle: 'solid',\n borderColor: 'var(--calendar-button-border-color, transparent)',\n paddingBlock: 'var(--calendar-button-padding-block, {spacing.150})',\n paddingInline: 'var(--calendar-button-padding-inline, {spacing.400})',\n borderRadius: 'var(--calendar-button-border-radius, {radii.100})',\n lineHeight: 'var(--calendar-button-line-height, 1)',\n whiteSpace: 'nowrap',\n cursor: 'pointer',\n transition: 'var(--calendar-button-transition, {animations.base.100})',\n _hover: {\n color:\n 'var(--calendar-button-foreground-hover, {colors.neutral.foreground.1.enabled})',\n backgroundColor:\n 'var(--calendar-button-background-hover,{colors.neutral.background.2.primary.selected})',\n borderColor: 'var(--calendar-button-border-color-hover, transparent)',\n },\n '&.rbc-active': {\n color:\n 'var(--calendar-button-foreground-active, {colors.neutral.foreground.1.enabled})',\n backgroundColor:\n 'var(--calendar-button-background-active, {colors.neutral.background.2.primary.selected})',\n borderColor: 'var(--calendar-button-border-color-active, transparent)',\n },\n _focusVisible: {\n color:\n 'var(--calendar-button-foreground-focus, {colors.neutral.foreground.1.enabled})',\n backgroundColor:\n 'var(--calendar-button-background-focus, {colors.neutral.background.3.enabled})',\n borderColor:\n 'var(--calendar-button-border-focus, {colors.neutral.stroke.1.focused})',\n outlineWidth:\n 'var(--calendar-button-focus-outline-width, {borders.100})',\n outlineStyle: 'var(--calendar-button-focus-outline-style, solid)',\n outlineColor:\n 'var(--calendar-button-focus-outline-color, {colors.neutral.stroke.1.focused})',\n outlineOffset: 'var(--calendar-button-focus-outline-offset, 0)',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAkB,EAAa,CAC1C,UAAW,oBACX,IAAK,CAAC,WAAW,CACjB,KAAM,CAEJ,iBAAkB,CAChB,QAAS,OACT,cAAe,SACf,SAAU,OACV,eAAgB,SAChB,WAAY,SACZ,aAAc,OACd,SAAU,OACV,IAAK,CACH,cAAe,MAChB,CACF,CAED,uBAAwB,CACtB,SAAU,EACV,MACE,kFACF,cACE,8DACF,WAAY,2DACZ,SAAU,4DACV,WACE,mEACF,UAAW,oDACZ,CAGD,mBAAoB,CAClB,QAAS,cACT,IAAK,kDACL,cAAe,MACf,WAAY,SACb,CACD,0BAA2B,CACzB,QAAS,eACT,OAAQ,EACR,MACE,2EACF,gBACE,2EACF,WAAY,mDACZ,SAAU,oDACV,WAAY,2DACZ,UAAW,4CACX,cAAe,SACf,YAAa,yCACb,YAAa,QACb,YAAa,mDACb,aAAc,sDACd,cAAe,uDACf,aAAc,oDACd,WAAY,wCACZ,WAAY,SACZ,OAAQ,UACR,WAAY,2DACZ,OAAQ,CACN,MACE,iFACF,gBACE,yFACF,YAAa,yDACd,CACD,eAAgB,CACd,MACE,kFACF,gBACE,2FACF,YAAa,0DACd,CACD,cAAe,CACb,MACE,iFACF,gBACE,iFACF,YACE,yEACF,aACE,4DACF,aAAc,oDACd,aACE,gFACF,cAAe,iDAChB,CACF,CACF,CACF,CAAC"}
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar`,jsx:[`Calendar`],base:{"--calendar-off-range-opacity":`0.5`,"--calendar-off-range-background":`transparent`,"--calendar-header-padding-inline":`{spacing.200}`,"--calendar-header-padding-block":`{spacing.200}`,"--calendar-header-font-family":`{fonts.base}`,"--calendar-header-font-weight":`{fontWeights.semibold}`,"--calendar-header-font-size":`{fontSizes.100}`,"--calendar-header-foreground":`{colors.neutral.foreground.2.enabled}`,"--calendar-header-text-transform":`uppercase`,"--calendar-button-link-font-family":`{fonts.base}`,"--calendar-button-link-font-size":`{fontSizes.200}`,"--calendar-button-link-foreground":`{colors.neutral.foreground.2.enabled}`,"--calendar-button-link-background":`transparent`,"--calendar-button-link-foreground-hover":`{colors.neutral.foreground.2.brand.hovered}`,"--calendar-button-link-background-hover":`transparent`,"--calendar-today-background":`{colors.primary.background.1.enabled/10}`,"--calendar-cell-border-width":`{borders.100}`,"--calendar-border-width":`{borders.100}`,"--calendar-cell-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-toolbar-label-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-toolbar-label-padding-inline":`{spacing.200}`,"--calendar-toolbar-label--font-family":`{fonts.base}`,"--calendar-toolbar-label--font-size":`{fontSizes.500}`,"--calendar-toolbar-label--font-weight":`{fontWeights.medium}`,"--calendar-toolbar-label--text-align":`center`,"--calendar-button-group-gap":`{spacing.100}`,"--calendar-button-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-button-background":`{colors.neutral.background.3.enabled}`,"--calendar-button-font-family":`{fonts.base}`,"--calendar-button-font-size":`{fontSizes.200}`,"--calendar-button-font-weight":`{fontWeights.medium}`,"--calendar-button-text-align":`center`,"--calendar-button-border-width":`0`,"--calendar-button-border-color":`{colors.neutral.stroke.1.enabled}`,"--calendar-button-border-radius":`{radii.100}`,"--calendar-button-padding-block":`{spacing.150}`,"--calendar-button-padding-inline":`{spacing.400}`,"--calendar-button-line-height":`1rem`,"--calendar-button-transition":`{animations.base.100}`,"--calendar-button-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--calendar-button-background-hover":`{colors.neutral.background.2.hovered}`,"--calendar-button-border-color-hover":`{colors.neutral.stroke.1.hovered}`,"--calendar-button-foreground-active":`{colors.neutral.foreground.1.enabled}`,"--calendar-button-background-active":`{colors.neutral.background.2.brand.actived}`,"--calendar-button-border-color-active":`{colors.neutral.stroke.1.enabled}`,"--calendar-button-foreground-focus":`{colors.neutral.foreground.1.enabled}`,"--calendar-button-background-focus":`{colors.neutral.background.1.focused}`,"--calendar-button-border-focus":`{colors.neutral.stroke.1.focused}`,"--calendar-button-focus-outline-width":`{borders.100}`,"--calendar-button-focus-outline-style":`solid`,"--calendar-button-focus-outline-color":`{colors.neutral.stroke.1.focused}`,"--calendar-button-focus-outline-offset":`0`,"--calendar-month-selected-cell-background":`rgba(0, 0, 0, 0.1)`,"--calendar-month-show-more-background":`transparent`,"--calendar-month-show-more-z-index":`4`,"--calendar-month-show-more-font-weight":`{fontWeights.bold}`,"--calendar-month-show-more-font-size":`{fontSizes.100}`,"--calendar-month-show-more-foreground":`{colors.primary.foreground.1.enabled}`,"--calendar-month-show-more-foreground-hover":`{colors.primary.foreground.1.hovered}`,"--calendar-month-date-cell-font-family":`{fonts.base}`,"--calendar-month-date-cell-font-size":`{fontSizes.200}`,"--calendar-month-date-cell-font-weight":`{fontWeights.regular}`,"--calendar-month-date-cell-now-font-weight":`{fontWeights.bold}`,"--calendar-agenda-table-cell-padding-block":`{spacing.150}`,"--calendar-agenda-table-cell-padding-inline":`{spacing.200}`,"--calendar-agenda-time-cell-padding-left":`{spacing.400}`,"--calendar-agenda-time-cell-padding-right":`{spacing.400}`,"--calendar-agenda-table-header-padding-block":`0.1875rem`,"--calendar-agenda-table-header-padding-inline":`0.3125rem`,"--calendar-agenda-table-header-font-family":`{fonts.base}`,"--calendar-agenda-table-header-font-size":`{fontSizes.100}`,"--calendar-agenda-table-header-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-time-cell-font-family":`{fonts.base}`,"--calendar-agenda-time-cell-font-size":`{fontSizes.200}`,"--calendar-agenda-time-cell-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-time-cell-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-agenda-time-cell-text-transform":`capitalize`,"--calendar-agenda-time-cell-continues-after-content":` " »"`,"--calendar-agenda-time-cell-continues-prior-content":` "« "`,"--calendar-agenda-date-cell-font-family":`{fonts.base}`,"--calendar-agenda-date-cell-font-size":`{fontSizes.200}`,"--calendar-agenda-date-cell-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-date-cell-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-agenda-event-cell-font-family":`{fonts.base}`,"--calendar-agenda-event-cell-font-size":`{fontSizes.200}`,"--calendar-agenda-event-cell-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-event-cell-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-time-grid-slot-selection-background":`rgba(0, 0, 0, 0.5)`,"--calendar-time-grid-slot-selection-foreground":`{colors.neutral.foreground.1.onBrand.enabled}`,"--calendar-time-grid-slot-selection-font-size":`{fontSizes.100}`,"--calendar-time-grid-slot-selection-padding-block":`0.1875rem`,"--calendar-time-grid-slot-selection-padding-inline":`0.1875rem`,"--calendar-time-grid-view-border-radius":`{radii.100}`,"--calendar-time-grid-view-font-family":`{fonts.base}`,"--calendar-time-grid-view-font-size":`{fontSizes.100}`,"--calendar-time-grid-view-font-weight":`{fontWeights.medium}`,"--calendar-time-grid-row-min-height":`1.25rem`,"--calendar-time-grid-current-time-indicator-height":`0.125rem`,"--calendar-time-grid-current-time-indicator-background":`{colors.primary.background.1.enabled}`,"--calendar-time-grid-timeslot-group-min-height":`2.5rem`,"--calendar-time-grid-label-padding-block":`0`,"--calendar-time-grid-label-padding-inline":`0.3125rem`,"--calendar-time-slot-label-foreground":`{colors.neutral.foreground.2.enabled}`,"--calendar-time-slot-label-font-family":`{fonts.base}`,"--calendar-time-slot-label-font-size":`{fontSizes.100}`,"--calendar-time-slot-label-font-weight":`{fontWeights.medium}`,"--calendar-time-grid-events-container-margin-right":`0.625rem`,"--calendar-time-grid-events-container-position-left":`0.625rem`,"--calendar-time-grid-day-slot-event-min-height":`1.25rem`,"--calendar-time-grid-background-event-opacity":`0.5`,"--calendar-time-slot-border-top-width":`0`,"--calendar-time-slot-border-top-color":`transparent`,"--calendar-time-grid-resources-gutter-background":`{colors.neutral.background.1.enabled}`,"--calendar-time-grid-resources-day-slot-min-width":`8.75rem`,"--calendar-time-grid-resources-column-width":`8.75rem`,"--calendar-time-grid-resource-grouping-header-width":`8.8125rem`,"--calendar-time-grid-time-slot-now-font-weight":`{fontWeights.bold}`,"--calendar-time-grid-day-header-font-family":`{fonts.base}`,"--calendar-time-grid-day-header-font-size":`{fontSizes.100}`,"--calendar-time-grid-day-header-font-weight":`{fontWeights.semibold}`,":root:has(&)":{"--calendar-month-overlay-border-width":`{borders.100}`,"--calendar-month-overlay-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-month-overlay-background":`{colors.neutral.background.2.enabled}`,"--calendar-month-overlay-padding":`{spacing.200}`,"--calendar-month-overlay-header-border-width":`{borders.100}`,"--calendar-month-overlay-header-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-month-overlay-header-border-radius":`{radii.200}`,"--calendar-month-overlay-header-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-month-overlay-header-font-weight":`{fontWeights.medium}`,"--calendar-month-overlay-header-font-size":`{fontSizes.300}`,"--calendar-month-overlay-header-font-family":`{fonts.base}`,"--calendar-month-overlay-gap":`{spacing.100}`,"--calendar-month-overlay-header-margin-bottom":`{spacing.150}`,"--calendar-month-overlay-max-width":`18.75rem`,"--calendar-month-overlay-box-shadow":`0px 4px 7px rgba(3, 7, 18, 0.15), 0px 15px 28px rgba(3, 7, 18, 0.31), 0px 33px 64px rgba(3, 7, 18, 0.46)`,"--calendar-event-padding-block":`{spacing.100}`,"--calendar-event-padding-inline":`{spacing.200}`,"--calendar-event-background":`{colors.primary.background.1.enabled}`,"--calendar-event-border-width":`{borders.100}`,"--calendar-event-border-color":`{colors.primary.stroke.1.enabled}`,"--calendar-event-border-radius":`{radii.200}`,"--calendar-event-foreground":`{colors.neutral.foreground.1.onBrand.enabled}`,"--calendar-event-foreground-strong":`{colors.neutral.foreground.1.onBrand.enabled}`,"--calendar-event-font-family":`{fonts.base}`,"--calendar-event-font-weight":`{fontWeights.medium}`,"--calendar-event-font-weight-strong":`{fontWeights.bold}`,"--calendar-event-font-size":`{fontSizes.100}`,"--calendar-event-line-height":`1.2`,"--calendar-event-background-selected":`{colors.neutral.background.1.brand.selected}`,"--calendar-event-focus-outline-width":`{borders.100}`,"--calendar-event-focus-outline-style":`solid`,"--calendar-event-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--calendar-event-focus-outline-offset":`0`,"--calendar-event-transition":`{animations.base.100}`,"--calendar-event-overlaps-box-shadow":`-1px 1px 5px 0px rgba(51, 51, 51, 0.5)`},"--calendar-agenda-empty-padding-block":`{spacing.750}`,"--calendar-agenda-empty-padding-inline":`{spacing.750}`,"--calendar-agenda-empty-font-family":`{fonts.base}`,"--calendar-agenda-empty-font-size":`{fontSizes.400}`,"--calendar-agenda-empty-font-weight":`{fontWeights.regular}`,"--calendar-agenda-empty-foreground":`{colors.neutral.foreground.2.enabled}`}});export{t as calendar};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`calendar`,jsx:[`Calendar`],base:{"--calendar-off-range-opacity":`0.5`,"--calendar-off-range-background":`transparent`,"--calendar-header-padding-inline":`{spacing.200}`,"--calendar-header-padding-block":`{spacing.200}`,"--calendar-header-font-family":`{fonts.base}`,"--calendar-header-font-weight":`{fontWeights.semibold}`,"--calendar-header-font-size":`{fontSizes.100}`,"--calendar-header-foreground":`{colors.neutral.foreground.2.enabled}`,"--calendar-header-text-transform":`uppercase`,"--calendar-button-link-font-family":`{fonts.base}`,"--calendar-button-link-font-size":`{fontSizes.200}`,"--calendar-button-link-foreground":`{colors.neutral.foreground.2.enabled}`,"--calendar-button-link-background":`transparent`,"--calendar-button-link-foreground-hover":`{colors.neutral.foreground.2.primary.hovered}`,"--calendar-button-link-background-hover":`transparent`,"--calendar-today-background":`{colors.primary.background.1.enabled/10}`,"--calendar-cell-border-width":`{borders.100}`,"--calendar-border-width":`{borders.100}`,"--calendar-cell-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-toolbar-label-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-toolbar-label-padding-inline":`{spacing.200}`,"--calendar-toolbar-label--font-family":`{fonts.base}`,"--calendar-toolbar-label--font-size":`{fontSizes.500}`,"--calendar-toolbar-label--font-weight":`{fontWeights.medium}`,"--calendar-toolbar-label--text-align":`center`,"--calendar-button-group-gap":`{spacing.100}`,"--calendar-button-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-button-background":`{colors.neutral.background.3.enabled}`,"--calendar-button-font-family":`{fonts.base}`,"--calendar-button-font-size":`{fontSizes.200}`,"--calendar-button-font-weight":`{fontWeights.medium}`,"--calendar-button-text-align":`center`,"--calendar-button-border-width":`0`,"--calendar-button-border-color":`{colors.neutral.stroke.1.enabled}`,"--calendar-button-border-radius":`{radii.100}`,"--calendar-button-padding-block":`{spacing.150}`,"--calendar-button-padding-inline":`{spacing.400}`,"--calendar-button-line-height":`1rem`,"--calendar-button-transition":`{animations.base.100}`,"--calendar-button-foreground-hover":`{colors.neutral.foreground.1.hovered}`,"--calendar-button-background-hover":`{colors.neutral.background.2.hovered}`,"--calendar-button-border-color-hover":`{colors.neutral.stroke.1.hovered}`,"--calendar-button-foreground-active":`{colors.neutral.foreground.1.enabled}`,"--calendar-button-background-active":`{colors.neutral.background.2.primary.selected}`,"--calendar-button-border-color-active":`{colors.neutral.stroke.1.enabled}`,"--calendar-button-foreground-focus":`{colors.neutral.foreground.1.enabled}`,"--calendar-button-background-focus":`{colors.neutral.background.3.enabled}`,"--calendar-button-border-focus":`{colors.neutral.stroke.1.focused}`,"--calendar-button-focus-outline-width":`{borders.100}`,"--calendar-button-focus-outline-style":`solid`,"--calendar-button-focus-outline-color":`{colors.neutral.stroke.1.focused}`,"--calendar-button-focus-outline-offset":`0`,"--calendar-month-selected-cell-background":`rgba(0, 0, 0, 0.1)`,"--calendar-month-show-more-background":`transparent`,"--calendar-month-show-more-z-index":`4`,"--calendar-month-show-more-font-weight":`{fontWeights.bold}`,"--calendar-month-show-more-font-size":`{fontSizes.100}`,"--calendar-month-show-more-foreground":`{colors.primary.foreground.1.enabled}`,"--calendar-month-show-more-foreground-hover":`{colors.primary.foreground.1.hovered}`,"--calendar-month-date-cell-font-family":`{fonts.base}`,"--calendar-month-date-cell-font-size":`{fontSizes.200}`,"--calendar-month-date-cell-font-weight":`{fontWeights.regular}`,"--calendar-month-date-cell-now-font-weight":`{fontWeights.bold}`,"--calendar-agenda-table-cell-padding-block":`{spacing.150}`,"--calendar-agenda-table-cell-padding-inline":`{spacing.200}`,"--calendar-agenda-time-cell-padding-left":`{spacing.400}`,"--calendar-agenda-time-cell-padding-right":`{spacing.400}`,"--calendar-agenda-table-header-padding-block":`0.1875rem`,"--calendar-agenda-table-header-padding-inline":`0.3125rem`,"--calendar-agenda-table-header-font-family":`{fonts.base}`,"--calendar-agenda-table-header-font-size":`{fontSizes.100}`,"--calendar-agenda-table-header-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-time-cell-font-family":`{fonts.base}`,"--calendar-agenda-time-cell-font-size":`{fontSizes.200}`,"--calendar-agenda-time-cell-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-time-cell-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-agenda-time-cell-text-transform":`capitalize`,"--calendar-agenda-time-cell-continues-after-content":` " »"`,"--calendar-agenda-time-cell-continues-prior-content":` "« "`,"--calendar-agenda-date-cell-font-family":`{fonts.base}`,"--calendar-agenda-date-cell-font-size":`{fontSizes.200}`,"--calendar-agenda-date-cell-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-date-cell-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-agenda-event-cell-font-family":`{fonts.base}`,"--calendar-agenda-event-cell-font-size":`{fontSizes.200}`,"--calendar-agenda-event-cell-font-weight":`{fontWeights.semibold}`,"--calendar-agenda-event-cell-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-time-grid-slot-selection-background":`{colors.neutral.background.alpha.1.enabled}`,"--calendar-time-grid-slot-selection-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-time-grid-slot-selection-font-size":`{fontSizes.100}`,"--calendar-time-grid-slot-selection-padding-block":`0.1875rem`,"--calendar-time-grid-slot-selection-padding-inline":`0.1875rem`,"--calendar-time-grid-view-border-radius":`{radii.100}`,"--calendar-time-grid-view-font-family":`{fonts.base}`,"--calendar-time-grid-view-font-size":`{fontSizes.100}`,"--calendar-time-grid-view-font-weight":`{fontWeights.medium}`,"--calendar-time-grid-row-min-height":`1.25rem`,"--calendar-time-grid-current-time-indicator-height":`0.125rem`,"--calendar-time-grid-current-time-indicator-background":`{colors.primary.background.1.enabled}`,"--calendar-time-grid-timeslot-group-min-height":`2.5rem`,"--calendar-time-grid-label-padding-block":`0`,"--calendar-time-grid-label-padding-inline":`0.3125rem`,"--calendar-time-slot-label-foreground":`{colors.neutral.foreground.2.enabled}`,"--calendar-time-slot-label-font-family":`{fonts.base}`,"--calendar-time-slot-label-font-size":`{fontSizes.100}`,"--calendar-time-slot-label-font-weight":`{fontWeights.medium}`,"--calendar-time-grid-events-container-margin-right":`0.625rem`,"--calendar-time-grid-events-container-position-left":`0.625rem`,"--calendar-time-grid-day-slot-event-min-height":`1.25rem`,"--calendar-time-grid-background-event-opacity":`0.5`,"--calendar-time-slot-border-top-width":`0`,"--calendar-time-slot-border-top-color":`transparent`,"--calendar-time-grid-resources-gutter-background":`{colors.neutral.background.1.enabled}`,"--calendar-time-grid-resources-day-slot-min-width":`8.75rem`,"--calendar-time-grid-resources-column-width":`8.75rem`,"--calendar-time-grid-resource-grouping-header-width":`8.8125rem`,"--calendar-time-grid-time-slot-now-font-weight":`{fontWeights.bold}`,"--calendar-time-grid-day-header-font-family":`{fonts.base}`,"--calendar-time-grid-day-header-font-size":`{fontSizes.100}`,"--calendar-time-grid-day-header-font-weight":`{fontWeights.semibold}`,":root:has(&)":{"--calendar-month-overlay-border-width":`{borders.100}`,"--calendar-month-overlay-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-month-overlay-background":`{colors.neutral.background.2.enabled}`,"--calendar-month-overlay-padding":`{spacing.200}`,"--calendar-month-overlay-header-border-width":`{borders.100}`,"--calendar-month-overlay-header-border-color":`{colors.neutral.stroke.7.enabled}`,"--calendar-month-overlay-header-border-radius":`{radii.200}`,"--calendar-month-overlay-header-foreground":`{colors.neutral.foreground.1.enabled}`,"--calendar-month-overlay-header-font-weight":`{fontWeights.medium}`,"--calendar-month-overlay-header-font-size":`{fontSizes.300}`,"--calendar-month-overlay-header-font-family":`{fonts.base}`,"--calendar-month-overlay-gap":`{spacing.100}`,"--calendar-month-overlay-header-margin-bottom":`{spacing.150}`,"--calendar-month-overlay-max-width":`18.75rem`,"--calendar-month-overlay-box-shadow":`0px 4px 7px rgba(3, 7, 18, 0.15), 0px 15px 28px rgba(3, 7, 18, 0.31), 0px 33px 64px rgba(3, 7, 18, 0.46)`,"--calendar-event-padding-block":`{spacing.100}`,"--calendar-event-padding-inline":`{spacing.200}`,"--calendar-event-background":`{colors.primary.background.1.enabled}`,"--calendar-event-border-width":`{borders.100}`,"--calendar-event-border-color":`{colors.primary.stroke.1.enabled}`,"--calendar-event-border-radius":`{radii.200}`,"--calendar-event-foreground":`{colors.primary.foreground.onPrimary.2.enabled}`,"--calendar-event-foreground-strong":`{colors.primary.foreground.onPrimary.2.enabled}`,"--calendar-event-font-family":`{fonts.base}`,"--calendar-event-font-weight":`{fontWeights.medium}`,"--calendar-event-font-weight-strong":`{fontWeights.bold}`,"--calendar-event-font-size":`{fontSizes.100}`,"--calendar-event-line-height":`1.2`,"--calendar-event-background-selected":`{colors.primary.background.1.selected}`,"--calendar-event-focus-outline-width":`{borders.100}`,"--calendar-event-focus-outline-style":`solid`,"--calendar-event-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--calendar-event-focus-outline-offset":`0`,"--calendar-event-transition":`{animations.base.100}`,"--calendar-event-overlaps-box-shadow":`-1px 1px 5px 0px rgba(51, 51, 51, 0.5)`},"--calendar-agenda-empty-padding-block":`{spacing.750}`,"--calendar-agenda-empty-padding-inline":`{spacing.750}`,"--calendar-agenda-empty-font-family":`{fonts.base}`,"--calendar-agenda-empty-font-size":`{fontSizes.400}`,"--calendar-agenda-empty-font-weight":`{fontWeights.regular}`,"--calendar-agenda-empty-foreground":`{colors.neutral.foreground.2.enabled}`}});export{t as calendar};
2
2
  //# sourceMappingURL=calendar.mjs.map