@mage-ui/preset 1.0.49 → 1.0.50

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 (189) hide show
  1. package/dist/recipes/buttons/button/button-root.mjs +1 -1
  2. package/dist/recipes/buttons/button/button-root.mjs.map +1 -1
  3. package/dist/recipes/buttons/button-icon-visual/button-icon-visual.mjs +1 -1
  4. package/dist/recipes/buttons/button-icon-visual/button-icon-visual.mjs.map +1 -1
  5. package/dist/recipes/controls/autocomplete/autocomplete-clear-button-icon-raw-root.mjs.map +1 -1
  6. package/dist/recipes/controls/autocomplete/autocomplete-clear-button-icon-raw.mjs.map +1 -1
  7. package/dist/recipes/controls/autocomplete/autocomplete-clear-button-icon.mjs.map +1 -1
  8. package/dist/recipes/controls/autocomplete/autocomplete-clear-button-root.mjs.map +1 -1
  9. package/dist/recipes/controls/autocomplete/autocomplete-clear-button.mjs.map +1 -1
  10. package/dist/recipes/controls/autocomplete/autocomplete-scrollarea-autosize.mjs.map +1 -1
  11. package/dist/recipes/controls/autocomplete/autocomplete-text-input-description.mjs.map +1 -1
  12. package/dist/recipes/controls/autocomplete/autocomplete-text-input-error.mjs.map +1 -1
  13. package/dist/recipes/controls/autocomplete/autocomplete-text-input-input.mjs.map +1 -1
  14. package/dist/recipes/controls/autocomplete/autocomplete-text-input-label.mjs.map +1 -1
  15. package/dist/recipes/controls/autocomplete/autocomplete-text-input-required.mjs.map +1 -1
  16. package/dist/recipes/controls/autocomplete/autocomplete-text-input-root.mjs.map +1 -1
  17. package/dist/recipes/controls/autocomplete/autocomplete-text-input-section.mjs.map +1 -1
  18. package/dist/recipes/controls/autocomplete/autocomplete-text-input-wrapper.mjs.map +1 -1
  19. package/dist/recipes/controls/autocomplete/autocomplete-text-input.mjs.map +1 -1
  20. package/dist/recipes/controls/checkbox/checkbox-input.mjs +1 -1
  21. package/dist/recipes/controls/checkbox/checkbox-input.mjs.map +1 -1
  22. package/dist/recipes/controls/checkbox/checkbox.mjs.map +1 -1
  23. package/dist/recipes/controls/combobox/combobox-chevron-icon-root.mjs.map +1 -1
  24. package/dist/recipes/controls/combobox/combobox-chevron-icon.mjs.map +1 -1
  25. package/dist/recipes/controls/combobox/combobox-chevron-root.mjs.map +1 -1
  26. package/dist/recipes/controls/combobox/combobox-chevron.mjs.map +1 -1
  27. package/dist/recipes/controls/combobox/combobox-clear-button-icon-raw-root.mjs.map +1 -1
  28. package/dist/recipes/controls/combobox/combobox-clear-button-icon-raw.mjs.map +1 -1
  29. package/dist/recipes/controls/combobox/combobox-clear-button-icon.mjs.map +1 -1
  30. package/dist/recipes/controls/combobox/combobox-clear-button-root.mjs.map +1 -1
  31. package/dist/recipes/controls/combobox/combobox-clear-button.mjs.map +1 -1
  32. package/dist/recipes/controls/combobox/combobox-scrollarea-autosize.mjs.map +1 -1
  33. package/dist/recipes/controls/combobox/combobox-text-input-description.mjs.map +1 -1
  34. package/dist/recipes/controls/combobox/combobox-text-input-error.mjs.map +1 -1
  35. package/dist/recipes/controls/combobox/combobox-text-input-input.mjs.map +1 -1
  36. package/dist/recipes/controls/combobox/combobox-text-input-label.mjs.map +1 -1
  37. package/dist/recipes/controls/combobox/combobox-text-input-required.mjs.map +1 -1
  38. package/dist/recipes/controls/combobox/combobox-text-input-root.mjs.map +1 -1
  39. package/dist/recipes/controls/combobox/combobox-text-input-section.mjs.map +1 -1
  40. package/dist/recipes/controls/combobox/combobox-text-input-wrapper.mjs.map +1 -1
  41. package/dist/recipes/controls/combobox/combobox-text-input.mjs.map +1 -1
  42. package/dist/recipes/controls/date-picker/date-picker-month-row.mjs +1 -1
  43. package/dist/recipes/controls/date-picker/date-picker-month-row.mjs.map +1 -1
  44. package/dist/recipes/controls/dropdown/dropdown-chevron-icon-root.mjs.map +1 -1
  45. package/dist/recipes/controls/dropdown/dropdown-chevron-icon.mjs.map +1 -1
  46. package/dist/recipes/controls/dropdown/dropdown-chevron-root.mjs.map +1 -1
  47. package/dist/recipes/controls/dropdown/dropdown-chevron.mjs.map +1 -1
  48. package/dist/recipes/controls/dropdown/dropdown-clear-button-icon.mjs.map +1 -1
  49. package/dist/recipes/controls/dropdown/dropdown-clear-button-root.mjs.map +1 -1
  50. package/dist/recipes/controls/dropdown/dropdown-clear-button.mjs.map +1 -1
  51. package/dist/recipes/controls/dropdown/dropdown-scrollarea-autosize.mjs.map +1 -1
  52. package/dist/recipes/controls/dropdown/dropdown-text-input-description.mjs.map +1 -1
  53. package/dist/recipes/controls/dropdown/dropdown-text-input-error.mjs.map +1 -1
  54. package/dist/recipes/controls/dropdown/dropdown-text-input-input.mjs.map +1 -1
  55. package/dist/recipes/controls/dropdown/dropdown-text-input-label.mjs.map +1 -1
  56. package/dist/recipes/controls/dropdown/dropdown-text-input-required.mjs.map +1 -1
  57. package/dist/recipes/controls/dropdown/dropdown-text-input-root.mjs.map +1 -1
  58. package/dist/recipes/controls/dropdown/dropdown-text-input-section.mjs.map +1 -1
  59. package/dist/recipes/controls/dropdown/dropdown-text-input-wrapper.mjs.map +1 -1
  60. package/dist/recipes/controls/dropdown/dropdown-text-input.mjs.map +1 -1
  61. package/dist/recipes/controls/password-strength-input/password-strength-input-bar-wrapper.mjs +1 -1
  62. package/dist/recipes/controls/password-strength-input/password-strength-input-bar-wrapper.mjs.map +1 -1
  63. package/dist/recipes/controls/password-strength-input/password-strength-input-bar.mjs +1 -1
  64. package/dist/recipes/controls/password-strength-input/password-strength-input-bar.mjs.map +1 -1
  65. package/dist/recipes/controls/password-strength-input/password-strength-input-root.mjs +1 -1
  66. package/dist/recipes/controls/password-strength-input/password-strength-input-root.mjs.map +1 -1
  67. package/dist/recipes/controls/password-strength-input/password-strength-input-rule-icon.mjs +1 -1
  68. package/dist/recipes/controls/password-strength-input/password-strength-input-rule-icon.mjs.map +1 -1
  69. package/dist/recipes/controls/password-strength-input/password-strength-input-rule-text.mjs +1 -1
  70. package/dist/recipes/controls/password-strength-input/password-strength-input-rule-text.mjs.map +1 -1
  71. package/dist/recipes/controls/password-strength-input/password-strength-input-rule.mjs +1 -1
  72. package/dist/recipes/controls/password-strength-input/password-strength-input-rule.mjs.map +1 -1
  73. package/dist/recipes/controls/password-strength-input/password-strength-input-rules.mjs +1 -1
  74. package/dist/recipes/controls/password-strength-input/password-strength-input-rules.mjs.map +1 -1
  75. package/dist/recipes/controls/password-strength-input/password-strength-input-segment.mjs +1 -1
  76. package/dist/recipes/controls/password-strength-input/password-strength-input-segment.mjs.map +1 -1
  77. package/dist/recipes/controls/password-strength-input/password-strength-input-strength-label.mjs +1 -1
  78. package/dist/recipes/controls/password-strength-input/password-strength-input-strength-label.mjs.map +1 -1
  79. package/dist/recipes/controls/password-strength-input/password-strength-input-strength-wrapper.mjs +1 -1
  80. package/dist/recipes/controls/password-strength-input/password-strength-input-strength-wrapper.mjs.map +1 -1
  81. package/dist/recipes/controls/radio-group/radio-group-group.mjs +1 -1
  82. package/dist/recipes/controls/radio-group/radio-group-group.mjs.map +1 -1
  83. package/dist/recipes/controls/radio-group/radio-group-root.mjs +1 -1
  84. package/dist/recipes/controls/radio-group/radio-group-root.mjs.map +1 -1
  85. package/dist/recipes/controls/select/select-chevron-icon-root.mjs.map +1 -1
  86. package/dist/recipes/controls/select/select-chevron-icon.mjs.map +1 -1
  87. package/dist/recipes/controls/select/select-chevron-root.mjs.map +1 -1
  88. package/dist/recipes/controls/select/select-chevron.mjs.map +1 -1
  89. package/dist/recipes/controls/select/select-clear-button-icon-raw-root.mjs.map +1 -1
  90. package/dist/recipes/controls/select/select-clear-button-icon-raw.mjs.map +1 -1
  91. package/dist/recipes/controls/select/select-clear-button-icon.mjs.map +1 -1
  92. package/dist/recipes/controls/select/select-clear-button-root.mjs.map +1 -1
  93. package/dist/recipes/controls/select/select-clear-button.mjs.map +1 -1
  94. package/dist/recipes/controls/select/select-root.mjs.map +1 -1
  95. package/dist/recipes/controls/select/select-scrollarea-autosize.mjs.map +1 -1
  96. package/dist/recipes/controls/select/select-text-input-description.mjs.map +1 -1
  97. package/dist/recipes/controls/select/select-text-input-error.mjs.map +1 -1
  98. package/dist/recipes/controls/select/select-text-input-input.mjs.map +1 -1
  99. package/dist/recipes/controls/select/select-text-input-label.mjs.map +1 -1
  100. package/dist/recipes/controls/select/select-text-input-required.mjs.map +1 -1
  101. package/dist/recipes/controls/select/select-text-input-root.mjs.map +1 -1
  102. package/dist/recipes/controls/select/select-text-input-section.mjs.map +1 -1
  103. package/dist/recipes/controls/select/select-text-input-wrapper.mjs.map +1 -1
  104. package/dist/recipes/controls/select/select-text-input.mjs.map +1 -1
  105. package/dist/recipes/controls/select-searchable/select-searchable-search.mjs +1 -1
  106. package/dist/recipes/controls/select-searchable/select-searchable-search.mjs.map +1 -1
  107. package/dist/recipes/controls/select-searchable/select-searchable.mjs +1 -1
  108. package/dist/recipes/controls/select-searchable/select-searchable.mjs.map +1 -1
  109. package/dist/recipes/controls/text-input/text-input-input.mjs +1 -1
  110. package/dist/recipes/controls/text-input/text-input-input.mjs.map +1 -1
  111. package/dist/recipes/controls/utils/chevron/chevron-icon-root.mjs.map +1 -1
  112. package/dist/recipes/controls/utils/chevron/chevron-icon.mjs.map +1 -1
  113. package/dist/recipes/controls/utils/chevron/chevron-root.mjs.map +1 -1
  114. package/dist/recipes/controls/utils/chevron/chevron.mjs.map +1 -1
  115. package/dist/recipes/controls/utils/clear-button/clear-button-icon.mjs.map +1 -1
  116. package/dist/recipes/controls/utils/clear-button/clear-button-root.mjs.map +1 -1
  117. package/dist/recipes/controls/utils/clear-button/clear-button.mjs.map +1 -1
  118. package/dist/recipes/data-display/loader-oval/loader-oval-root.mjs +1 -1
  119. package/dist/recipes/data-display/loader-oval/loader-oval-root.mjs.map +1 -1
  120. package/dist/recipes/data-display/logos/logo-image/logo-image-root.mjs +1 -1
  121. package/dist/recipes/data-display/logos/logo-image/logo-image-root.mjs.map +1 -1
  122. package/dist/recipes/data-display/logos/logo-svg/logo-svg-root.mjs +1 -1
  123. package/dist/recipes/data-display/logos/logo-svg/logo-svg-root.mjs.map +1 -1
  124. package/dist/recipes/data-display/tag/tag-button-icon-icon-raw-root.mjs.map +1 -1
  125. package/dist/recipes/data-display/tag/tag-button-icon-icon-raw.mjs.map +1 -1
  126. package/dist/recipes/data-display/tag/tag-button-icon-icon.mjs.map +1 -1
  127. package/dist/recipes/data-display/tag/tag-button-icon-root.mjs.map +1 -1
  128. package/dist/recipes/data-display/tag/tag-button-icon.mjs.map +1 -1
  129. package/dist/recipes/data-display/tag/tag-label.mjs.map +1 -1
  130. package/dist/recipes/data-display/tag/tag-root.mjs.map +1 -1
  131. package/dist/recipes/data-display/tag/tag-section.mjs.map +1 -1
  132. package/dist/recipes/data-display/tag/tag.mjs.map +1 -1
  133. package/dist/recipes/data-display/uploaded-file/uploaded-file-details.mjs +1 -1
  134. package/dist/recipes/data-display/uploaded-file/uploaded-file-details.mjs.map +1 -1
  135. package/dist/recipes/layouts/card/card-root.mjs +1 -1
  136. package/dist/recipes/layouts/card/card-root.mjs.map +1 -1
  137. package/dist/recipes/layouts/card/card.mjs +1 -1
  138. package/dist/recipes/layouts/card/card.mjs.map +1 -1
  139. package/dist/recipes/misc/horizontal-divider/horizontal-divider-root.mjs +1 -1
  140. package/dist/recipes/misc/horizontal-divider/horizontal-divider-root.mjs.map +1 -1
  141. package/dist/recipes/misc/scroll-area/scroll-area-corner.mjs +1 -1
  142. package/dist/recipes/misc/scroll-area/scroll-area-corner.mjs.map +1 -1
  143. package/dist/recipes/misc/scroll-area/scroll-area-root.mjs +1 -1
  144. package/dist/recipes/misc/scroll-area/scroll-area-root.mjs.map +1 -1
  145. package/dist/recipes/misc/scroll-area/scroll-area-scrollbar.mjs +1 -1
  146. package/dist/recipes/misc/scroll-area/scroll-area-scrollbar.mjs.map +1 -1
  147. package/dist/recipes/misc/scroll-area/scroll-area-viewport.mjs +1 -1
  148. package/dist/recipes/misc/scroll-area/scroll-area-viewport.mjs.map +1 -1
  149. package/dist/recipes/navigations/sidebars/sidebar/sidebar-bottom-slot.mjs +1 -1
  150. package/dist/recipes/navigations/sidebars/sidebar/sidebar-bottom-slot.mjs.map +1 -1
  151. package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-group/sidebar-nav-group-title.mjs +1 -1
  152. package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-group/sidebar-nav-group-title.mjs.map +1 -1
  153. package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-group/sidebar-nav-group.mjs +1 -1
  154. package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-group/sidebar-nav-group.mjs.map +1 -1
  155. package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-collapsed-root.mjs +1 -1
  156. package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-collapsed-root.mjs.map +1 -1
  157. package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-inner.mjs +1 -1
  158. package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-inner.mjs.map +1 -1
  159. package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-root.mjs +1 -1
  160. package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-root.mjs.map +1 -1
  161. package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-anchor.mjs +1 -1
  162. package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-anchor.mjs.map +1 -1
  163. package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-label.mjs +1 -1
  164. package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-label.mjs.map +1 -1
  165. package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-list/sidebar-nav-list.mjs +1 -1
  166. package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-list/sidebar-nav-list.mjs.map +1 -1
  167. package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-root.mjs +1 -1
  168. package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-root.mjs.map +1 -1
  169. package/dist/recipes/navigations/sidebars/sidebar/sidebar-root.mjs +1 -1
  170. package/dist/recipes/navigations/sidebars/sidebar/sidebar-root.mjs.map +1 -1
  171. package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-collapsed-root.mjs +1 -1
  172. package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-collapsed-root.mjs.map +1 -1
  173. package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-item-link-anchor.mjs +1 -1
  174. package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-item-link-anchor.mjs.map +1 -1
  175. package/dist/recipes/navigations/sidebars/sidebar/sidebar-top-slot.mjs +1 -1
  176. package/dist/recipes/navigations/sidebars/sidebar/sidebar-top-slot.mjs.map +1 -1
  177. package/dist/recipes/navigations/sidebars/sidebar/sidebar.mjs +1 -1
  178. package/dist/recipes/navigations/sidebars/sidebar/sidebar.mjs.map +1 -1
  179. package/dist/recipes/overlays/modal/modal-close.mjs +1 -1
  180. package/dist/recipes/overlays/modal/modal-close.mjs.map +1 -1
  181. package/dist/recipes/overlays/modal/modal-content.mjs +1 -1
  182. package/dist/recipes/overlays/modal/modal-content.mjs.map +1 -1
  183. package/dist/recipes/overlays/modal/modal-footer.mjs +1 -1
  184. package/dist/recipes/overlays/modal/modal-footer.mjs.map +1 -1
  185. package/dist/recipes/overlays/modal/modal-overlay.mjs +1 -1
  186. package/dist/recipes/overlays/modal/modal-overlay.mjs.map +1 -1
  187. package/dist/recipes/overlays/tooltip/tooltip-root.mjs +1 -1
  188. package/dist/recipes/overlays/tooltip/tooltip-root.mjs.map +1 -1
  189. package/package.json +1 -1
package/dist/recipes/misc/scroll-area/scroll-area-scrollbar.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"scroll-area-scrollbar.mjs","names":[],"sources":["../../../../src/recipes/misc/scroll-area/scroll-area-scrollbar.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const scrollAreaScrollbar = defineRecipe({\n className: 'scroll-area__scrollbar',\n jsx: ['ScrollArea'],\n base: {\n position: 'absolute',\n display: 'flex',\n backgroundColor:\n 'var(--scrollarea-scrollbar-background, {colors.neutral.background.2.enabled})',\n width: 'var(--scrollarea-scrollbar-size)',\n borderRadius: 'var(--scrollarea-scrollbar-radius, {radii.100})',\n userSelect: 'none',\n touchAction: 'none',\n top: '0',\n bottom: 'var(--sa-corner-width)',\n insetInlineEnd: 'var(--scrollarea-scrollbar-vertical-inset-inline-end, 0)',\n boxSizing: 'border-box',\n transition: '.15s ease, opacity .15s ease',\n zIndex: 'var(--scrollarea-scrollbar-zindex, {zIndex.scrollArea})',\n\n '&[data-orientation=\"vertical\"]': {\n width: 'var(--scrollarea-scrollbar-size)',\n height: '100%',\n top: '0',\n bottom: 'var(--sa-corner-width)',\n insetInlineEnd:\n 'var(--scrollarea-scrollbar-vertical-inset-inline-end, 0)',\n flexDirection: 'row',\n '--sa-thumb-width': 'var(--scrollarea-scrollbar-size)',\n },\n '&[data-orientation=\"horizontal\"]': {\n width: '100%',\n height: 'var(--scrollarea-scrollbar-size)',\n flexDirection: 'column',\n bottom: '0',\n top: 'unset',\n insetInlineStart: '0',\n insetInlineEnd: 'var(--sa-corner-width)',\n '--sa-thumb-height': 'var(--scrollarea-scrollbar-size)',\n },\n '&[data-state=\"visible\"]': {\n opacity: 1,\n },\n '&:where([data-hidden],[data-state=hidden])': {\n display: 'none',\n },\n '[data-orientation=\"horizontal\"]:not(:empty) ~ &[data-orientation=\"vertical\"]:not(:empty)':\n {\n height: 'calc(100% - var(--sa-corner-height, 0.75rem))',\n },\n '&[data-orientation=\"horizontal\"]:has(~ [data-orientation=\"vertical\"])': {\n width: 'calc(100% - var(--sa-corner-height, 0.75rem))',\n },\n\n _hover: {\n backgroundColor:\n 'var(--scrollarea-scrollbar-background-hover, {colors.neutral.background.2.hovered})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAsB,EAAa,CAC9C,UAAW,yBACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,SAAU,WACV,QAAS,OACT,gBACE,gFACF,MAAO,mCACP,aAAc,kDACd,WAAY,OACZ,YAAa,OACb,IAAK,IACL,OAAQ,yBACR,eAAgB,2DAChB,UAAW,aACX,WAAY,+BACZ,OAAQ,0DAER,iCAAkC,CAChC,MAAO,mCACP,OAAQ,OACR,IAAK,IACL,OAAQ,yBACR,eACE,2DACF,cAAe,MACf,mBAAoB,mCACrB,CACD,mCAAoC,CAClC,MAAO,OACP,OAAQ,mCACR,cAAe,SACf,OAAQ,IACR,IAAK,QACL,iBAAkB,IAClB,eAAgB,yBAChB,oBAAqB,mCACtB,CACD,0BAA2B,CACzB,QAAS,EACV,CACD,6CAA8C,CAC5C,QAAS,OACV,CACD,2FACE,CACE,OAAQ,gDACT,CACH,wEAAyE,CACvE,MAAO,gDACR,CAED,OAAQ,CACN,gBACE,sFACH,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"scroll-area-scrollbar.mjs","names":[],"sources":["../../../../src/recipes/misc/scroll-area/scroll-area-scrollbar.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const scrollAreaScrollbar = defineRecipe({\n className: 'scroll-area__scrollbar',\n jsx: ['ScrollArea'],\n base: {\n position: 'absolute',\n display: 'flex',\n backgroundColor:\n 'var(--scrollarea-scrollbar-background, {colors.neutral.background.2.enabled})',\n width: 'var(--scrollarea-scrollbar-size, {sizes.100})',\n borderRadius: 'var(--scrollarea-scrollbar-radius, {radii.100})',\n userSelect: 'none',\n touchAction: 'none',\n top: '0',\n bottom: 'var(--sa-corner-width)',\n insetInlineEnd: 'var(--scrollarea-scrollbar-vertical-inset-inline-end, 0)',\n boxSizing: 'border-box',\n transition: '.15s ease, opacity .15s ease',\n zIndex: 'var(--scrollarea-scrollbar-zindex, {zIndex.scrollArea})',\n\n '&[data-orientation=\"vertical\"]': {\n width: 'var(--scrollarea-scrollbar-size, {sizes.100})',\n height: '100%',\n top: '0',\n bottom: 'var(--sa-corner-width)',\n insetInlineEnd:\n 'var(--scrollarea-scrollbar-vertical-inset-inline-end, 0)',\n flexDirection: 'row',\n '--sa-thumb-width': 'var(--scrollarea-scrollbar-size, {sizes.100})',\n },\n '&[data-orientation=\"horizontal\"]': {\n width: '100%',\n height: 'var(--scrollarea-scrollbar-size, {sizes.100})',\n flexDirection: 'column',\n bottom: '0',\n top: 'unset',\n insetInlineStart: '0',\n insetInlineEnd: 'var(--sa-corner-width)',\n '--sa-thumb-height': 'var(--scrollarea-scrollbar-size, {sizes.100})',\n },\n '&[data-state=\"visible\"]': {\n opacity: 1,\n },\n '&:where([data-hidden],[data-state=hidden])': {\n display: 'none',\n },\n '[data-orientation=\"horizontal\"]:not(:empty) ~ &[data-orientation=\"vertical\"]:not(:empty)':\n {\n height: 'calc(100% - var(--sa-corner-height, 0.75rem))',\n },\n '&[data-orientation=\"horizontal\"]:has(~ [data-orientation=\"vertical\"])': {\n width: 'calc(100% - var(--sa-corner-height, 0.75rem))',\n },\n\n _hover: {\n backgroundColor:\n 'var(--scrollarea-scrollbar-background-hover, {colors.neutral.background.2.hovered})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAsB,EAAa,CAC9C,UAAW,yBACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,SAAU,WACV,QAAS,OACT,gBACE,gFACF,MAAO,gDACP,aAAc,kDACd,WAAY,OACZ,YAAa,OACb,IAAK,IACL,OAAQ,yBACR,eAAgB,2DAChB,UAAW,aACX,WAAY,+BACZ,OAAQ,0DAER,iCAAkC,CAChC,MAAO,gDACP,OAAQ,OACR,IAAK,IACL,OAAQ,yBACR,eACE,2DACF,cAAe,MACf,mBAAoB,gDACrB,CACD,mCAAoC,CAClC,MAAO,OACP,OAAQ,gDACR,cAAe,SACf,OAAQ,IACR,IAAK,QACL,iBAAkB,IAClB,eAAgB,yBAChB,oBAAqB,gDACtB,CACD,0BAA2B,CACzB,QAAS,EACV,CACD,6CAA8C,CAC5C,QAAS,OACV,CACD,2FACE,CACE,OAAQ,gDACT,CACH,wEAAyE,CACvE,MAAO,gDACR,CAED,OAAQ,CACN,gBACE,sFACH,CACF,CACF,CAAC"}
package/dist/recipes/misc/scroll-area/scroll-area-viewport.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`scroll-area__viewport`,jsx:[`ScrollArea`],base:{overflowY:`var(--scrollarea-overflow-y-behavior, auto)`,overflowX:`var(--scrollarea-overflow-x-behavior, hidden)`,height:`var(--scrollarea-viewport-height, 100%)`,width:`var(--scrollarea-viewport-width, 100%)`,paddingBlockStart:`var(--scrollarea-viewport-padding-block-start, 0px)`,paddingBlockEnd:`var(--scrollarea-viewport-padding-block-end, 0px)`,paddingInlineEnd:`var(--scrollarea-viewport-padding-inline-end, var(--scrollarea-scrollbar-size))`,paddingInlineStart:`var(--scrollarea-viewport-padding-inline-start, unset)`,scrollbarWidth:`none`,overscrollBehavior:`var(--scrollarea-over-scroll-behavior, contain)`,msOverflowStyle:`none`,webkitOverflowScrolling:`touch`,"&:where([data-scrollbars=xy],[data-scrollbars=y]):where([data-offset-scrollbars=xy],[data-offset-scrollbars=y],[data-offset-scrollbars=present]):not([data-vertical-hidden])":{paddingInlineEnd:`var(--scrollarea-viewport-padding-inline-end, var(--scrollarea-scrollbar-size))`},"&:where([data-scrollbars=xy],[data-scrollbars=x]):where([data-offset-scrollbars=xy],[data-offset-scrollbars=x],[data-offset-scrollbars=present]):not([data-horizontal-hidden])":{paddingBottom:`calc(var(--scrollarea-viewport-padding-block-end, 0px) + var(--scrollarea-scrollbar-size))`}}});export{t as scrollAreaViewport};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`scroll-area__viewport`,jsx:[`ScrollArea`],base:{overflowY:`var(--scrollarea-overflow-y-behavior, auto)`,overflowX:`var(--scrollarea-overflow-x-behavior, hidden)`,height:`var(--scrollarea-viewport-height, 100%)`,width:`var(--scrollarea-viewport-width, 100%)`,paddingBlockStart:`var(--scrollarea-viewport-padding-block-start, {spacing.0})`,paddingBlockEnd:`var(--scrollarea-viewport-padding-block-end, {spacing.0})`,paddingInlineEnd:`var(--scrollarea-viewport-padding-inline-end, var(--scrollarea-scrollbar-size))`,paddingInlineStart:`var(--scrollarea-viewport-padding-inline-start, unset)`,scrollbarWidth:`none`,overscrollBehavior:`var(--scrollarea-over-scroll-behavior, contain)`,msOverflowStyle:`none`,webkitOverflowScrolling:`touch`,"&:where([data-scrollbars=xy],[data-scrollbars=y]):where([data-offset-scrollbars=xy],[data-offset-scrollbars=y],[data-offset-scrollbars=present]):not([data-vertical-hidden])":{paddingInlineEnd:`var(--scrollarea-viewport-padding-inline-end, var(--scrollarea-scrollbar-size))`},"&:where([data-scrollbars=xy],[data-scrollbars=x]):where([data-offset-scrollbars=xy],[data-offset-scrollbars=x],[data-offset-scrollbars=present]):not([data-horizontal-hidden])":{paddingBottom:`calc(var(--scrollarea-viewport-padding-block-end, {spacing.0}) + var(--scrollarea-scrollbar-size))`}}});export{t as scrollAreaViewport};
2
2
  //# sourceMappingURL=scroll-area-viewport.mjs.map
package/dist/recipes/misc/scroll-area/scroll-area-viewport.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"scroll-area-viewport.mjs","names":[],"sources":["../../../../src/recipes/misc/scroll-area/scroll-area-viewport.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const scrollAreaViewport = defineRecipe({\n className: 'scroll-area__viewport',\n jsx: ['ScrollArea'],\n base: {\n overflowY: 'var(--scrollarea-overflow-y-behavior, auto)',\n overflowX: 'var(--scrollarea-overflow-x-behavior, hidden)',\n height: 'var(--scrollarea-viewport-height, 100%)',\n width: 'var(--scrollarea-viewport-width, 100%)',\n paddingBlockStart: 'var(--scrollarea-viewport-padding-block-start, 0px)',\n paddingBlockEnd: 'var(--scrollarea-viewport-padding-block-end, 0px)',\n paddingInlineEnd:\n 'var(--scrollarea-viewport-padding-inline-end, var(--scrollarea-scrollbar-size))',\n paddingInlineStart:\n 'var(--scrollarea-viewport-padding-inline-start, unset)',\n scrollbarWidth: 'none',\n overscrollBehavior: 'var(--scrollarea-over-scroll-behavior, contain)',\n msOverflowStyle: 'none',\n webkitOverflowScrolling: 'touch',\n\n '&:where([data-scrollbars=xy],[data-scrollbars=y]):where([data-offset-scrollbars=xy],[data-offset-scrollbars=y],[data-offset-scrollbars=present]):not([data-vertical-hidden])':\n {\n paddingInlineEnd:\n 'var(--scrollarea-viewport-padding-inline-end, var(--scrollarea-scrollbar-size))',\n },\n '&:where([data-scrollbars=xy],[data-scrollbars=x]):where([data-offset-scrollbars=xy],[data-offset-scrollbars=x],[data-offset-scrollbars=present]):not([data-horizontal-hidden])':\n {\n paddingBottom:\n 'calc(var(--scrollarea-viewport-padding-block-end, 0px) + var(--scrollarea-scrollbar-size))',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAqB,EAAa,CAC7C,UAAW,wBACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,UAAW,8CACX,UAAW,gDACX,OAAQ,0CACR,MAAO,yCACP,kBAAmB,sDACnB,gBAAiB,oDACjB,iBACE,kFACF,mBACE,yDACF,eAAgB,OAChB,mBAAoB,kDACpB,gBAAiB,OACjB,wBAAyB,QAEzB,+KACE,CACE,iBACE,kFACH,CACH,iLACE,CACE,cACE,6FACH,CACJ,CACF,CAAC"}
1
+ {"version":3,"file":"scroll-area-viewport.mjs","names":[],"sources":["../../../../src/recipes/misc/scroll-area/scroll-area-viewport.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const scrollAreaViewport = defineRecipe({\n className: 'scroll-area__viewport',\n jsx: ['ScrollArea'],\n base: {\n overflowY: 'var(--scrollarea-overflow-y-behavior, auto)',\n overflowX: 'var(--scrollarea-overflow-x-behavior, hidden)',\n height: 'var(--scrollarea-viewport-height, 100%)',\n width: 'var(--scrollarea-viewport-width, 100%)',\n paddingBlockStart:\n 'var(--scrollarea-viewport-padding-block-start, {spacing.0})',\n paddingBlockEnd:\n 'var(--scrollarea-viewport-padding-block-end, {spacing.0})',\n paddingInlineEnd:\n 'var(--scrollarea-viewport-padding-inline-end, var(--scrollarea-scrollbar-size))',\n paddingInlineStart:\n 'var(--scrollarea-viewport-padding-inline-start, unset)',\n scrollbarWidth: 'none',\n overscrollBehavior: 'var(--scrollarea-over-scroll-behavior, contain)',\n msOverflowStyle: 'none',\n webkitOverflowScrolling: 'touch',\n\n '&:where([data-scrollbars=xy],[data-scrollbars=y]):where([data-offset-scrollbars=xy],[data-offset-scrollbars=y],[data-offset-scrollbars=present]):not([data-vertical-hidden])':\n {\n paddingInlineEnd:\n 'var(--scrollarea-viewport-padding-inline-end, var(--scrollarea-scrollbar-size))',\n },\n '&:where([data-scrollbars=xy],[data-scrollbars=x]):where([data-offset-scrollbars=xy],[data-offset-scrollbars=x],[data-offset-scrollbars=present]):not([data-horizontal-hidden])':\n {\n paddingBottom:\n 'calc(var(--scrollarea-viewport-padding-block-end, {spacing.0}) + var(--scrollarea-scrollbar-size))',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAqB,EAAa,CAC7C,UAAW,wBACX,IAAK,CAAC,aAAa,CACnB,KAAM,CACJ,UAAW,8CACX,UAAW,gDACX,OAAQ,0CACR,MAAO,yCACP,kBACE,8DACF,gBACE,4DACF,iBACE,kFACF,mBACE,yDACF,eAAgB,OAChB,mBAAoB,kDACpB,gBAAiB,OACjB,wBAAyB,QAEzB,+KACE,CACE,iBACE,kFACH,CACH,iLACE,CACE,cACE,qGACH,CACJ,CACF,CAAC"}
package/dist/recipes/navigations/sidebars/sidebar/sidebar-bottom-slot.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__bottom-slot`,jsx:[`Sidebar`],base:{display:`flex`,flexDirection:`row-reverse`,justifyContent:`space-between`,alignItems:`center`,gap:`var(--sidebar-slot-gap, {spacing.200})`,paddingInlineStart:`var(--sidebar-slot-padding-inline-start, var(--sidebar-slot-padding-inline, {spacing.300}))`,paddingInlineEnd:`var(--sidebar-slot-padding-inline-end, var(--sidebar-slot-padding-inline, {spacing.300}))`,paddingBlock:`var(--sidebar-slot-padding-block, {spacing.0})`,width:`100%`,"--button-focus-outline-width":`var(--sidebar-nav-list-item-focus-outline-width)`,"--button-focus-outline-style":`var(--sidebar-nav-list-item-focus-outline-style)`,"--button-focus-outline-color":`var(--sidebar-nav-list-item-focus-outline-color)`,"--button-focus-outline-offset":`var(--sidebar-nav-list-item-focus-outline-offset)`,"--button-icon-focus-outline-width":`var(--sidebar-nav-list-item-focus-outline-width)`,"--button-icon-focus-outline-style":`var(--sidebar-nav-list-item-focus-outline-style)`,"--button-icon-focus-outline-color":`var(--sidebar-nav-list-item-focus-outline-color)`,"--button-icon-focus-outline-offset":`var(--sidebar-nav-list-item-focus-outline-offset)`,"[data-collapsed=true] &":{tablet:{flexDirection:`column-reverse`}}}});export{t as sidebarBottomSlot};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__bottom-slot`,jsx:[`Sidebar`],base:{display:`flex`,flexDirection:`row-reverse`,justifyContent:`space-between`,alignItems:`center`,gap:`var(--sidebar-slot-gap, {spacing.200})`,paddingInlineStart:`var(--sidebar-slot-padding-inline-start, var(--sidebar-slot-padding-inline, {spacing.300}))`,paddingInlineEnd:`var(--sidebar-slot-padding-inline-end, var(--sidebar-slot-padding-inline, {spacing.300}))`,paddingBlock:`var(--sidebar-slot-padding-block, {spacing.0})`,width:`100%`,"[data-collapsed=true] &":{tablet:{flexDirection:`column-reverse`}}}});export{t as sidebarBottomSlot};
2
2
  //# sourceMappingURL=sidebar-bottom-slot.mjs.map
package/dist/recipes/navigations/sidebars/sidebar/sidebar-bottom-slot.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar-bottom-slot.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-bottom-slot.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarBottomSlot = defineRecipe({\n className: 'sidebar__bottom-slot',\n jsx: ['Sidebar'],\n base: {\n display: 'flex',\n flexDirection: 'row-reverse',\n justifyContent: 'space-between',\n alignItems: 'center',\n gap: 'var(--sidebar-slot-gap, {spacing.200})',\n paddingInlineStart:\n 'var(--sidebar-slot-padding-inline-start, var(--sidebar-slot-padding-inline, {spacing.300}))',\n paddingInlineEnd:\n 'var(--sidebar-slot-padding-inline-end, var(--sidebar-slot-padding-inline, {spacing.300}))',\n paddingBlock: 'var(--sidebar-slot-padding-block, {spacing.0})',\n width: '100%',\n '--button-focus-outline-width':\n 'var(--sidebar-nav-list-item-focus-outline-width)',\n '--button-focus-outline-style':\n 'var(--sidebar-nav-list-item-focus-outline-style)',\n '--button-focus-outline-color':\n 'var(--sidebar-nav-list-item-focus-outline-color)',\n '--button-focus-outline-offset':\n 'var(--sidebar-nav-list-item-focus-outline-offset)',\n '--button-icon-focus-outline-width':\n 'var(--sidebar-nav-list-item-focus-outline-width)',\n '--button-icon-focus-outline-style':\n 'var(--sidebar-nav-list-item-focus-outline-style)',\n '--button-icon-focus-outline-color':\n 'var(--sidebar-nav-list-item-focus-outline-color)',\n '--button-icon-focus-outline-offset':\n 'var(--sidebar-nav-list-item-focus-outline-offset)',\n\n '[data-collapsed=true] &': {\n tablet: {\n flexDirection: 'column-reverse',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAoB,EAAa,CAC5C,UAAW,uBACX,IAAK,CAAC,UAAU,CAChB,KAAM,CACJ,QAAS,OACT,cAAe,cACf,eAAgB,gBAChB,WAAY,SACZ,IAAK,yCACL,mBACE,8FACF,iBACE,4FACF,aAAc,iDACd,MAAO,OACP,+BACE,mDACF,+BACE,mDACF,+BACE,mDACF,gCACE,oDACF,oCACE,mDACF,oCACE,mDACF,oCACE,mDACF,qCACE,oDAEF,0BAA2B,CACzB,OAAQ,CACN,cAAe,iBAChB,CACF,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"sidebar-bottom-slot.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-bottom-slot.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarBottomSlot = defineRecipe({\n className: 'sidebar__bottom-slot',\n jsx: ['Sidebar'],\n base: {\n display: 'flex',\n flexDirection: 'row-reverse',\n justifyContent: 'space-between',\n alignItems: 'center',\n gap: 'var(--sidebar-slot-gap, {spacing.200})',\n paddingInlineStart:\n 'var(--sidebar-slot-padding-inline-start, var(--sidebar-slot-padding-inline, {spacing.300}))',\n paddingInlineEnd:\n 'var(--sidebar-slot-padding-inline-end, var(--sidebar-slot-padding-inline, {spacing.300}))',\n paddingBlock: 'var(--sidebar-slot-padding-block, {spacing.0})',\n width: '100%',\n\n '[data-collapsed=true] &': {\n tablet: {\n flexDirection: 'column-reverse',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAoB,EAAa,CAC5C,UAAW,uBACX,IAAK,CAAC,UAAU,CAChB,KAAM,CACJ,QAAS,OACT,cAAe,cACf,eAAgB,gBAChB,WAAY,SACZ,IAAK,yCACL,mBACE,8FACF,iBACE,4FACF,aAAc,iDACd,MAAO,OAEP,0BAA2B,CACzB,OAAQ,CACN,cAAe,iBAChB,CACF,CACF,CACF,CAAC"}
package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-group/sidebar-nav-group-title.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav-group__title`,jsx:[`Sidebar.NavGroup`],base:{display:`block`,fontSize:`var(--sidebar-nav-group-title-font-size)`,fontWeight:`var(--sidebar-nav-group-title-font-weight)`,color:`var(--sidebar-nav-group-title-color)`,textTransform:`var(--sidebar-nav-group-title-text-transform)`,paddingBlock:`var(--sidebar-nav-group-title-padding-block)`,paddingInline:`var(--sidebar-nav-group-title-padding-inline)`,tablet:{"[data-collapsed=true] &":{srOnly:!0}}}});export{t as sidebarNavGroupTitle};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav-group__title`,jsx:[`Sidebar.NavGroup`],base:{display:`block`,fontSize:`var(--sidebar-nav-group-title-font-size, {fontSizes.200})`,fontWeight:`var(--sidebar-nav-group-title-font-weight, {fontWeights.medium})`,color:`var(--sidebar-nav-group-title-color, {colors.neutral.foreground.3.enabled})`,textTransform:`var(--sidebar-nav-group-title-text-transform, uppercase)`,paddingBlock:`var(--sidebar-nav-group-title-padding-block, {spacing.0})`,paddingInline:`var(--sidebar-nav-group-title-padding-inline, {spacing.300})`,tablet:{"[data-collapsed=true] &":{srOnly:!0}}}});export{t as sidebarNavGroupTitle};
2
2
  //# sourceMappingURL=sidebar-nav-group-title.mjs.map
package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-group/sidebar-nav-group-title.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar-nav-group-title.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-group/sidebar-nav-group-title.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarNavGroupTitle = defineRecipe({\n className: 'sidebar__nav-group__title',\n jsx: ['Sidebar.NavGroup'],\n base: {\n display: 'block',\n fontSize: 'var(--sidebar-nav-group-title-font-size)',\n fontWeight: 'var(--sidebar-nav-group-title-font-weight)',\n color: 'var(--sidebar-nav-group-title-color)',\n textTransform: 'var(--sidebar-nav-group-title-text-transform)',\n paddingBlock: 'var(--sidebar-nav-group-title-padding-block)',\n paddingInline: 'var(--sidebar-nav-group-title-padding-inline)',\n tablet: {\n '[data-collapsed=true] &': {\n srOnly: true,\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAuB,EAAa,CAC/C,UAAW,4BACX,IAAK,CAAC,mBAAmB,CACzB,KAAM,CACJ,QAAS,QACT,SAAU,2CACV,WAAY,6CACZ,MAAO,uCACP,cAAe,gDACf,aAAc,+CACd,cAAe,gDACf,OAAQ,CACN,0BAA2B,CACzB,OAAQ,GACT,CACF,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"sidebar-nav-group-title.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-group/sidebar-nav-group-title.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarNavGroupTitle = defineRecipe({\n className: 'sidebar__nav-group__title',\n jsx: ['Sidebar.NavGroup'],\n base: {\n display: 'block',\n fontSize: 'var(--sidebar-nav-group-title-font-size, {fontSizes.200})',\n fontWeight:\n 'var(--sidebar-nav-group-title-font-weight, {fontWeights.medium})',\n color:\n 'var(--sidebar-nav-group-title-color, {colors.neutral.foreground.3.enabled})',\n textTransform: 'var(--sidebar-nav-group-title-text-transform, uppercase)',\n paddingBlock: 'var(--sidebar-nav-group-title-padding-block, {spacing.0})',\n paddingInline:\n 'var(--sidebar-nav-group-title-padding-inline, {spacing.300})',\n tablet: {\n '[data-collapsed=true] &': {\n srOnly: true,\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAuB,EAAa,CAC/C,UAAW,4BACX,IAAK,CAAC,mBAAmB,CACzB,KAAM,CACJ,QAAS,QACT,SAAU,4DACV,WACE,mEACF,MACE,8EACF,cAAe,2DACf,aAAc,4DACd,cACE,+DACF,OAAQ,CACN,0BAA2B,CACzB,OAAQ,GACT,CACF,CACF,CACF,CAAC"}
package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-group/sidebar-nav-group.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav-group`,jsx:[`Sidebar.NavGroup`],base:{display:`grid`,gridTemplateColumns:`minmax(0, 1fr)`,gap:`var(--sidebar-nav-group-gap)`,paddingTop:`var(--sidebar-nav-group-padding-top)`,paddingBottom:`var(--sidebar-nav-group-padding-bottom)`,paddingInline:`var(--sidebar-nav-group-padding-inline)`,background:`var(--sidebar-nav-group-background)`,borderTopWidth:`var(--sidebar-nav-group-border-top-width)`,borderBottomWidth:`var(--sidebar-nav-group-border-bottom-width)`,borderLeftWidth:`var(--sidebar-nav-group-border-left-width)`,borderRightWidth:`var(--sidebar-nav-group-border-right-width)`,borderColor:`var(--sidebar-nav-group-border-color)`,borderStyle:`solid`,borderRadius:`var(--sidebar-nav-group-radii)`,"&:last-of-type":{borderBottomWidth:`0`}}});export{t as sidebarNavGroup};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav-group`,jsx:[`Sidebar.NavGroup`],base:{display:`grid`,gridTemplateColumns:`minmax(0, 1fr)`,gap:`var(--sidebar-nav-group-gap, {spacing.300})`,paddingTop:`var(--sidebar-nav-group-padding-top, {spacing.200})`,paddingBottom:`var(--sidebar-nav-group-padding-bottom, {spacing.400})`,paddingInline:`var(--sidebar-nav-group-padding-inline, {spacing.0})`,background:`var(--sidebar-nav-group-background, transparent)`,borderTopWidth:`var(--sidebar-nav-group-border-top-width, {borders.0})`,borderBottomWidth:`var(--sidebar-nav-group-border-bottom-width, {borders.100})`,borderLeftWidth:`var(--sidebar-nav-group-border-left-width, {borders.0})`,borderRightWidth:`var(--sidebar-nav-group-border-right-width, {borders.0})`,borderColor:`var(--sidebar-nav-group-border-color, {colors.neutral.stroke.7.enabled})`,borderStyle:`solid`,borderRadius:`var(--sidebar-nav-group-radii, {radii.0})`,"&:last-of-type":{borderBottomWidth:`0`}}});export{t as sidebarNavGroup};
2
2
  //# sourceMappingURL=sidebar-nav-group.mjs.map
package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-group/sidebar-nav-group.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar-nav-group.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-group/sidebar-nav-group.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarNavGroup = defineRecipe({\n className: 'sidebar__nav-group',\n jsx: ['Sidebar.NavGroup'],\n base: {\n display: 'grid',\n gridTemplateColumns: 'minmax(0, 1fr)',\n gap: 'var(--sidebar-nav-group-gap)',\n paddingTop: 'var(--sidebar-nav-group-padding-top)',\n paddingBottom: 'var(--sidebar-nav-group-padding-bottom)',\n paddingInline: 'var(--sidebar-nav-group-padding-inline)',\n background: 'var(--sidebar-nav-group-background)',\n borderTopWidth: 'var(--sidebar-nav-group-border-top-width)',\n borderBottomWidth: 'var(--sidebar-nav-group-border-bottom-width)',\n borderLeftWidth: 'var(--sidebar-nav-group-border-left-width)',\n borderRightWidth: 'var(--sidebar-nav-group-border-right-width)',\n borderColor: 'var(--sidebar-nav-group-border-color)',\n borderStyle: 'solid',\n borderRadius: 'var(--sidebar-nav-group-radii)',\n\n '&:last-of-type': {\n borderBottomWidth: '0',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAkB,EAAa,CAC1C,UAAW,qBACX,IAAK,CAAC,mBAAmB,CACzB,KAAM,CACJ,QAAS,OACT,oBAAqB,iBACrB,IAAK,+BACL,WAAY,uCACZ,cAAe,0CACf,cAAe,0CACf,WAAY,sCACZ,eAAgB,4CAChB,kBAAmB,+CACnB,gBAAiB,6CACjB,iBAAkB,8CAClB,YAAa,wCACb,YAAa,QACb,aAAc,iCAEd,iBAAkB,CAChB,kBAAmB,IACpB,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"sidebar-nav-group.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-group/sidebar-nav-group.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarNavGroup = defineRecipe({\n className: 'sidebar__nav-group',\n jsx: ['Sidebar.NavGroup'],\n base: {\n display: 'grid',\n gridTemplateColumns: 'minmax(0, 1fr)',\n gap: 'var(--sidebar-nav-group-gap, {spacing.300})',\n paddingTop: 'var(--sidebar-nav-group-padding-top, {spacing.200})',\n paddingBottom: 'var(--sidebar-nav-group-padding-bottom, {spacing.400})',\n paddingInline: 'var(--sidebar-nav-group-padding-inline, {spacing.0})',\n background: 'var(--sidebar-nav-group-background, transparent)',\n borderTopWidth: 'var(--sidebar-nav-group-border-top-width, {borders.0})',\n borderBottomWidth:\n 'var(--sidebar-nav-group-border-bottom-width, {borders.100})',\n borderLeftWidth: 'var(--sidebar-nav-group-border-left-width, {borders.0})',\n borderRightWidth:\n 'var(--sidebar-nav-group-border-right-width, {borders.0})',\n borderColor:\n 'var(--sidebar-nav-group-border-color, {colors.neutral.stroke.7.enabled})',\n borderStyle: 'solid',\n borderRadius: 'var(--sidebar-nav-group-radii, {radii.0})',\n\n '&:last-of-type': {\n borderBottomWidth: '0',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAkB,EAAa,CAC1C,UAAW,qBACX,IAAK,CAAC,mBAAmB,CACzB,KAAM,CACJ,QAAS,OACT,oBAAqB,iBACrB,IAAK,8CACL,WAAY,sDACZ,cAAe,yDACf,cAAe,uDACf,WAAY,mDACZ,eAAgB,yDAChB,kBACE,8DACF,gBAAiB,0DACjB,iBACE,2DACF,YACE,2EACF,YAAa,QACb,aAAc,4CAEd,iBAAkB,CAChB,kBAAmB,IACpB,CACF,CACF,CAAC"}
package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-collapsed-root.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{sidebarNavItemLinkAnchor as e}from"../sidebar-nav-item-link/sidebar-nav-item-link-anchor.mjs";const t=e.merge({className:`sidebar__nav-item-button-collapsed__root`,jsx:[`Sidebar.NavItemButton`],base:{cursor:`pointer`,height:`var(--sidebar-nav-list-item-height)`,paddingInline:`{spacing.0}`,border:`none`,_focus:{outline:`none`},_focusVisible:{outlineWidth:`var(--sidebar-nav-list-item-focus-outline-width)`,outlineStyle:`var(--sidebar-nav-list-item-focus-outline-style)`,outlineColor:`var(--sidebar-nav-list-item-focus-outline-color)`,outlineOffset:`var(--sidebar-nav-list-item-focus-outline-offset)`}}});export{t as sidebarNavItemButtonCollapsedRoot};
1
+ import{sidebarNavItemLinkAnchor as e}from"../sidebar-nav-item-link/sidebar-nav-item-link-anchor.mjs";const t=e.merge({className:`sidebar__nav-item-button-collapsed__root`,jsx:[`Sidebar.NavItemButton`],base:{cursor:`pointer`,height:`var(--sidebar-nav-list-item-height, {sizes.600})`,paddingInline:`{spacing.0}`,border:`none`,_focus:{outline:`none`},_focusVisible:{outlineWidth:`var(--sidebar-nav-list-item-focus-outline-width, {borders.200})`,outlineStyle:`var(--sidebar-nav-list-item-focus-outline-style, solid)`,outlineColor:`var(--sidebar-nav-list-item-focus-outline-color, {colors.primary.stroke.1.focused})`,outlineOffset:`var(--sidebar-nav-list-item-focus-outline-offset, {spacing.50})`}}});export{t as sidebarNavItemButtonCollapsedRoot};
2
2
  //# sourceMappingURL=sidebar-nav-item-button-collapsed-root.mjs.map
package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-collapsed-root.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar-nav-item-button-collapsed-root.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-collapsed-root.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { sidebarNavItemLinkAnchor } from '../sidebar-nav-item-link/sidebar-nav-item-link-anchor';\n\nexport const sidebarNavItemButtonCollapsedRoot = sidebarNavItemLinkAnchor.merge(\n {\n className: 'sidebar__nav-item-button-collapsed__root',\n jsx: ['Sidebar.NavItemButton'],\n base: {\n cursor: 'pointer',\n height: 'var(--sidebar-nav-list-item-height)',\n paddingInline: '{spacing.0}',\n border: 'none',\n _focus: {\n outline: 'none',\n },\n _focusVisible: {\n outlineWidth: 'var(--sidebar-nav-list-item-focus-outline-width)',\n outlineStyle: 'var(--sidebar-nav-list-item-focus-outline-style)',\n outlineColor: 'var(--sidebar-nav-list-item-focus-outline-color)',\n outlineOffset: 'var(--sidebar-nav-list-item-focus-outline-offset)',\n },\n },\n },\n) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"qGAOA,MAAa,EAAoC,EAAyB,MACxE,CACE,UAAW,2CACX,IAAK,CAAC,wBAAwB,CAC9B,KAAM,CACJ,OAAQ,UACR,OAAQ,sCACR,cAAe,cACf,OAAQ,OACR,OAAQ,CACN,QAAS,OACV,CACD,cAAe,CACb,aAAc,mDACd,aAAc,mDACd,aAAc,mDACd,cAAe,oDAChB,CACF,CACF,CACF"}
1
+ {"version":3,"file":"sidebar-nav-item-button-collapsed-root.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-collapsed-root.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { sidebarNavItemLinkAnchor } from '../sidebar-nav-item-link/sidebar-nav-item-link-anchor';\n\nexport const sidebarNavItemButtonCollapsedRoot = sidebarNavItemLinkAnchor.merge(\n {\n className: 'sidebar__nav-item-button-collapsed__root',\n jsx: ['Sidebar.NavItemButton'],\n base: {\n cursor: 'pointer',\n height: 'var(--sidebar-nav-list-item-height, {sizes.600})',\n paddingInline: '{spacing.0}',\n border: 'none',\n _focus: {\n outline: 'none',\n },\n _focusVisible: {\n outlineWidth:\n 'var(--sidebar-nav-list-item-focus-outline-width, {borders.200})',\n outlineStyle: 'var(--sidebar-nav-list-item-focus-outline-style, solid)',\n outlineColor:\n 'var(--sidebar-nav-list-item-focus-outline-color, {colors.primary.stroke.1.focused})',\n outlineOffset:\n 'var(--sidebar-nav-list-item-focus-outline-offset, {spacing.50})',\n },\n },\n },\n) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"qGAOA,MAAa,EAAoC,EAAyB,MACxE,CACE,UAAW,2CACX,IAAK,CAAC,wBAAwB,CAC9B,KAAM,CACJ,OAAQ,UACR,OAAQ,mDACR,cAAe,cACf,OAAQ,OACR,OAAQ,CACN,QAAS,OACV,CACD,cAAe,CACb,aACE,kEACF,aAAc,0DACd,aACE,sFACF,cACE,kEACH,CACF,CACF,CACF"}
package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-inner.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav-item-button__inner`,jsx:[`Sidebar.NavItemButton`],base:{display:`flex`,flexDirection:`row`,flexWrap:`nowrap`,justifyContent:`space-between`,alignItems:`center`,gap:`var(--sidebar-nav-list-item-gap)`,width:`100%`,minWidth:`0`,"[data-collapsed=true] &":{justifyContent:`center`}}});export{t as sidebarNavItemButtonInner};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav-item-button__inner`,jsx:[`Sidebar.NavItemButton`],base:{display:`flex`,flexDirection:`row`,flexWrap:`nowrap`,justifyContent:`space-between`,alignItems:`center`,gap:`var(--sidebar-nav-list-item-gap, {spacing.300})`,width:`100%`,minWidth:`0`,"[data-collapsed=true] &":{justifyContent:`center`}}});export{t as sidebarNavItemButtonInner};
2
2
  //# sourceMappingURL=sidebar-nav-item-button-inner.mjs.map
package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-inner.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar-nav-item-button-inner.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-inner.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarNavItemButtonInner = defineRecipe({\n className: 'sidebar__nav-item-button__inner',\n jsx: ['Sidebar.NavItemButton'],\n base: {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'nowrap',\n justifyContent: 'space-between',\n alignItems: 'center',\n gap: 'var(--sidebar-nav-list-item-gap)',\n width: '100%',\n minWidth: '0',\n '[data-collapsed=true] &': {\n justifyContent: 'center',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAA4B,EAAa,CACpD,UAAW,kCACX,IAAK,CAAC,wBAAwB,CAC9B,KAAM,CACJ,QAAS,OACT,cAAe,MACf,SAAU,SACV,eAAgB,gBAChB,WAAY,SACZ,IAAK,mCACL,MAAO,OACP,SAAU,IACV,0BAA2B,CACzB,eAAgB,SACjB,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"sidebar-nav-item-button-inner.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-inner.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarNavItemButtonInner = defineRecipe({\n className: 'sidebar__nav-item-button__inner',\n jsx: ['Sidebar.NavItemButton'],\n base: {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'nowrap',\n justifyContent: 'space-between',\n alignItems: 'center',\n gap: 'var(--sidebar-nav-list-item-gap, {spacing.300})',\n width: '100%',\n minWidth: '0',\n '[data-collapsed=true] &': {\n justifyContent: 'center',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAA4B,EAAa,CACpD,UAAW,kCACX,IAAK,CAAC,wBAAwB,CAC9B,KAAM,CACJ,QAAS,OACT,cAAe,MACf,SAAU,SACV,eAAgB,gBAChB,WAAY,SACZ,IAAK,kDACL,MAAO,OACP,SAAU,IACV,0BAA2B,CACzB,eAAgB,SACjB,CACF,CACF,CAAC"}
package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-root.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{sidebarNavItemLinkAnchor as e}from"../sidebar-nav-item-link/sidebar-nav-item-link-anchor.mjs";const t=e.merge({className:`sidebar__nav-item-button__root`,jsx:[`Sidebar.NavItemButton`],base:{cursor:`pointer`,border:`none`,_focus:{outline:`none`},_focusVisible:{outlineWidth:`var(--sidebar-nav-list-item-focus-outline-width)`,outlineStyle:`var(--sidebar-nav-list-item-focus-outline-style)`,outlineColor:`var(--sidebar-nav-list-item-focus-outline-color)`,outlineOffset:`var(--sidebar-nav-list-item-focus-outline-offset)`}}});export{t as sidebarNavItemButtonRoot};
1
+ import{sidebarNavItemLinkAnchor as e}from"../sidebar-nav-item-link/sidebar-nav-item-link-anchor.mjs";const t=e.merge({className:`sidebar__nav-item-button__root`,jsx:[`Sidebar.NavItemButton`],base:{cursor:`pointer`,border:`none`,_focus:{outline:`none`},_focusVisible:{outlineWidth:`var(--sidebar-nav-list-item-focus-outline-width, {borders.200})`,outlineStyle:`var(--sidebar-nav-list-item-focus-outline-style, solid)`,outlineColor:`var(--sidebar-nav-list-item-focus-outline-color, {colors.primary.stroke.1.focused})`,outlineOffset:`var(--sidebar-nav-list-item-focus-outline-offset, {spacing.50})`}}});export{t as sidebarNavItemButtonRoot};
2
2
  //# sourceMappingURL=sidebar-nav-item-button-root.mjs.map
package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-root.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar-nav-item-button-root.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-root.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { sidebarNavItemLinkAnchor } from '../sidebar-nav-item-link/sidebar-nav-item-link-anchor';\n\nexport const sidebarNavItemButtonRoot = sidebarNavItemLinkAnchor.merge({\n className: 'sidebar__nav-item-button__root',\n jsx: ['Sidebar.NavItemButton'],\n base: {\n cursor: 'pointer',\n border: 'none',\n _focus: {\n outline: 'none',\n },\n _focusVisible: {\n outlineWidth: 'var(--sidebar-nav-list-item-focus-outline-width)',\n outlineStyle: 'var(--sidebar-nav-list-item-focus-outline-style)',\n outlineColor: 'var(--sidebar-nav-list-item-focus-outline-color)',\n outlineOffset: 'var(--sidebar-nav-list-item-focus-outline-offset)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"qGAOA,MAAa,EAA2B,EAAyB,MAAM,CACrE,UAAW,iCACX,IAAK,CAAC,wBAAwB,CAC9B,KAAM,CACJ,OAAQ,UACR,OAAQ,OACR,OAAQ,CACN,QAAS,OACV,CACD,cAAe,CACb,aAAc,mDACd,aAAc,mDACd,aAAc,mDACd,cAAe,oDAChB,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"sidebar-nav-item-button-root.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-item-button/sidebar-nav-item-button-root.ts"],"sourcesContent":["import type {\n RecipeBuilder,\n RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nimport { sidebarNavItemLinkAnchor } from '../sidebar-nav-item-link/sidebar-nav-item-link-anchor';\n\nexport const sidebarNavItemButtonRoot = sidebarNavItemLinkAnchor.merge({\n className: 'sidebar__nav-item-button__root',\n jsx: ['Sidebar.NavItemButton'],\n base: {\n cursor: 'pointer',\n border: 'none',\n _focus: {\n outline: 'none',\n },\n _focusVisible: {\n outlineWidth:\n 'var(--sidebar-nav-list-item-focus-outline-width, {borders.200})',\n outlineStyle: 'var(--sidebar-nav-list-item-focus-outline-style, solid)',\n outlineColor:\n 'var(--sidebar-nav-list-item-focus-outline-color, {colors.primary.stroke.1.focused})',\n outlineOffset:\n 'var(--sidebar-nav-list-item-focus-outline-offset, {spacing.50})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"qGAOA,MAAa,EAA2B,EAAyB,MAAM,CACrE,UAAW,iCACX,IAAK,CAAC,wBAAwB,CAC9B,KAAM,CACJ,OAAQ,UACR,OAAQ,OACR,OAAQ,CACN,QAAS,OACV,CACD,cAAe,CACb,aACE,kEACF,aAAc,0DACd,aACE,sFACF,cACE,kEACH,CACF,CACF,CAAC"}
package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-anchor.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav-item-link__anchor`,jsx:[`Sidebar.NavItemLink`],base:{display:`flex`,flexDirection:`row`,flexWrap:`nowrap`,justifyContent:`space-between`,alignItems:`center`,gap:`var(--sidebar-nav-list-item-gap)`,textDecoration:`none`,backgroundColor:`var(--sidebar-nav-list-item-background)`,color:`var(--sidebar-nav-list-item-foreground)`,height:`var(--sidebar-nav-list-item-height)`,width:`100%`,paddingInline:`var(--sidebar-nav-list-item-padding-inline)`,cursor:`pointer`,position:`relative`,transition:`var(--sidebar-nav-list-item-transition, {animations.base.100})`,tablet:{borderRadius:`var(--sidebar-nav-list-item-radii)`,"[data-collapsed=true] &":{justifyContent:`center`,width:`var(--sidebar-nav-list-item-height)`,paddingInline:`0`,marginInline:`auto`},"[data-collapsed=false] &":{overflow:`hidden`}},_hover:{backgroundColor:`var(--sidebar-nav-list-item-background-hovered)`,color:`var(--sidebar-nav-list-item-foreground-hovered)`},_active:{backgroundColor:`var(--sidebar-nav-list-item-background-active)`,color:`var(--sidebar-nav-list-item-foreground-active)`},"&[data-selected=true]":{backgroundColor:`var(--sidebar-nav-list-item-background-selected)`,color:`var(--sidebar-nav-list-item-foreground-selected)`},"&[data-selected=true]:hover":{backgroundColor:`var(--sidebar-nav-list-item-background-selected-hovered)`,color:`var(--sidebar-nav-list-item-foreground-selected-hovered)`},"&[data-expanded=true]":{backgroundColor:`var(--sidebar-nav-list-item-background-expanded)`,color:`var(--sidebar-nav-list-item-foreground-expanded)`},"&[data-expanded=true]:hover":{backgroundColor:`var(--sidebar-nav-list-item-background-expanded-hovered)`,color:`var(--sidebar-nav-list-item-foreground-expanded-hovered)`},"&:has(:focus-visible)":{outlineWidth:`var(--sidebar-nav-list-item-focus-outline-width)`,outlineStyle:`var(--sidebar-nav-list-item-focus-outline-style)`,outlineColor:`var(--sidebar-nav-list-item-focus-outline-color)`,outlineOffset:`var(--sidebar-nav-list-item-focus-outline-offset)`}}});export{t as sidebarNavItemLinkAnchor};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav-item-link__anchor`,jsx:[`Sidebar.NavItemLink`],base:{display:`flex`,flexDirection:`row`,flexWrap:`nowrap`,justifyContent:`space-between`,alignItems:`center`,gap:`var(--sidebar-nav-list-item-gap, {spacing.300})`,textDecoration:`none`,backgroundColor:`var(--sidebar-nav-list-item-background, transparent)`,color:`var(--sidebar-nav-list-item-foreground, {colors.neutral.foreground.2.enabled})`,height:`var(--sidebar-nav-list-item-height, {sizes.600})`,width:`100%`,paddingInline:`var(--sidebar-nav-list-item-padding-inline, {spacing.300})`,cursor:`pointer`,position:`relative`,transition:`var(--sidebar-nav-list-item-transition, {animations.base.100})`,tablet:{borderRadius:`var(--sidebar-nav-list-item-radii, {radii.100})`,"[data-collapsed=true] &":{justifyContent:`center`,width:`var(--sidebar-nav-list-item-height, {sizes.600})`,paddingInline:`0`,marginInline:`auto`},"[data-collapsed=false] &":{overflow:`hidden`}},_hover:{backgroundColor:`var(--sidebar-nav-list-item-background-hovered, {colors.neutral.background.2.hovered})`,color:`var(--sidebar-nav-list-item-foreground-hovered, {colors.neutral.foreground.2.hovered})`},_active:{backgroundColor:`var(--sidebar-nav-list-item-background-active, {colors.neutral.background.2.selected})`,color:`var(--sidebar-nav-list-item-foreground-active, {colors.neutral.foreground.2.selected})`},"&[data-selected=true]":{backgroundColor:`var(--sidebar-nav-list-item-background-selected, {colors.neutral.background.2.primary.selected})`,color:`var(--sidebar-nav-list-item-foreground-selected, {colors.neutral.foreground.2.primary.selected})`},"&[data-selected=true]:hover":{backgroundColor:`var(--sidebar-nav-list-item-background-selected-hovered, {colors.neutral.background.2.primary.selectedHovered})`,color:`var(--sidebar-nav-list-item-foreground-selected-hovered, {colors.neutral.foreground.2.primary.selectedHovered})`},"&[data-expanded=true]":{backgroundColor:`var(--sidebar-nav-list-item-background-expanded, {colors.neutral.background.2.selected})`,color:`var(--sidebar-nav-list-item-foreground-expanded, {colors.neutral.foreground.2.selected})`},"&[data-expanded=true]:hover":{backgroundColor:`var(--sidebar-nav-list-item-background-expanded-hovered, {colors.neutral.background.2.selectedHovered})`,color:`var(--sidebar-nav-list-item-foreground-expanded-hovered, {colors.neutral.foreground.2.selectedHovered})`},"&:has(:focus-visible)":{outlineWidth:`var(--sidebar-nav-list-item-focus-outline-width, {borders.200})`,outlineStyle:`var(--sidebar-nav-list-item-focus-outline-style, solid)`,outlineColor:`var(--sidebar-nav-list-item-focus-outline-color, {colors.primary.stroke.1.focused})`,outlineOffset:`var(--sidebar-nav-list-item-focus-outline-offset, {spacing.50})`}}});export{t as sidebarNavItemLinkAnchor};
2
2
  //# sourceMappingURL=sidebar-nav-item-link-anchor.mjs.map
package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-anchor.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar-nav-item-link-anchor.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-anchor.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarNavItemLinkAnchor = defineRecipe({\n className: 'sidebar__nav-item-link__anchor',\n jsx: ['Sidebar.NavItemLink'],\n base: {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'nowrap',\n justifyContent: 'space-between',\n alignItems: 'center',\n gap: 'var(--sidebar-nav-list-item-gap)',\n textDecoration: 'none',\n backgroundColor: 'var(--sidebar-nav-list-item-background)',\n color: 'var(--sidebar-nav-list-item-foreground)',\n height: 'var(--sidebar-nav-list-item-height)',\n width: '100%',\n paddingInline: 'var(--sidebar-nav-list-item-padding-inline)',\n cursor: 'pointer',\n position: 'relative',\n transition:\n 'var(--sidebar-nav-list-item-transition, {animations.base.100})',\n tablet: {\n borderRadius: 'var(--sidebar-nav-list-item-radii)',\n '[data-collapsed=true] &': {\n justifyContent: 'center',\n width: 'var(--sidebar-nav-list-item-height)',\n paddingInline: '0',\n marginInline: 'auto',\n },\n '[data-collapsed=false] &': {\n overflow: 'hidden',\n },\n },\n _hover: {\n backgroundColor: 'var(--sidebar-nav-list-item-background-hovered)',\n color: 'var(--sidebar-nav-list-item-foreground-hovered)',\n },\n _active: {\n backgroundColor: 'var(--sidebar-nav-list-item-background-active)',\n color: 'var(--sidebar-nav-list-item-foreground-active)',\n },\n '&[data-selected=true]': {\n backgroundColor: 'var(--sidebar-nav-list-item-background-selected)',\n color: 'var(--sidebar-nav-list-item-foreground-selected)',\n },\n '&[data-selected=true]:hover': {\n backgroundColor:\n 'var(--sidebar-nav-list-item-background-selected-hovered)',\n color: 'var(--sidebar-nav-list-item-foreground-selected-hovered)',\n },\n '&[data-expanded=true]': {\n backgroundColor: 'var(--sidebar-nav-list-item-background-expanded)',\n color: 'var(--sidebar-nav-list-item-foreground-expanded)',\n },\n '&[data-expanded=true]:hover': {\n backgroundColor:\n 'var(--sidebar-nav-list-item-background-expanded-hovered)',\n color: 'var(--sidebar-nav-list-item-foreground-expanded-hovered)',\n },\n '&:has(:focus-visible)': {\n outlineWidth: 'var(--sidebar-nav-list-item-focus-outline-width)',\n outlineStyle: 'var(--sidebar-nav-list-item-focus-outline-style)',\n outlineColor: 'var(--sidebar-nav-list-item-focus-outline-color)',\n outlineOffset: 'var(--sidebar-nav-list-item-focus-outline-offset)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAA2B,EAAa,CACnD,UAAW,iCACX,IAAK,CAAC,sBAAsB,CAC5B,KAAM,CACJ,QAAS,OACT,cAAe,MACf,SAAU,SACV,eAAgB,gBAChB,WAAY,SACZ,IAAK,mCACL,eAAgB,OAChB,gBAAiB,0CACjB,MAAO,0CACP,OAAQ,sCACR,MAAO,OACP,cAAe,8CACf,OAAQ,UACR,SAAU,WACV,WACE,iEACF,OAAQ,CACN,aAAc,qCACd,0BAA2B,CACzB,eAAgB,SAChB,MAAO,sCACP,cAAe,IACf,aAAc,OACf,CACD,2BAA4B,CAC1B,SAAU,SACX,CACF,CACD,OAAQ,CACN,gBAAiB,kDACjB,MAAO,kDACR,CACD,QAAS,CACP,gBAAiB,iDACjB,MAAO,iDACR,CACD,wBAAyB,CACvB,gBAAiB,mDACjB,MAAO,mDACR,CACD,8BAA+B,CAC7B,gBACE,2DACF,MAAO,2DACR,CACD,wBAAyB,CACvB,gBAAiB,mDACjB,MAAO,mDACR,CACD,8BAA+B,CAC7B,gBACE,2DACF,MAAO,2DACR,CACD,wBAAyB,CACvB,aAAc,mDACd,aAAc,mDACd,aAAc,mDACd,cAAe,oDAChB,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"sidebar-nav-item-link-anchor.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-anchor.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarNavItemLinkAnchor = defineRecipe({\n className: 'sidebar__nav-item-link__anchor',\n jsx: ['Sidebar.NavItemLink'],\n base: {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'nowrap',\n justifyContent: 'space-between',\n alignItems: 'center',\n gap: 'var(--sidebar-nav-list-item-gap, {spacing.300})',\n textDecoration: 'none',\n backgroundColor: 'var(--sidebar-nav-list-item-background, transparent)',\n color:\n 'var(--sidebar-nav-list-item-foreground, {colors.neutral.foreground.2.enabled})',\n height: 'var(--sidebar-nav-list-item-height, {sizes.600})',\n width: '100%',\n paddingInline: 'var(--sidebar-nav-list-item-padding-inline, {spacing.300})',\n cursor: 'pointer',\n position: 'relative',\n transition:\n 'var(--sidebar-nav-list-item-transition, {animations.base.100})',\n tablet: {\n borderRadius: 'var(--sidebar-nav-list-item-radii, {radii.100})',\n '[data-collapsed=true] &': {\n justifyContent: 'center',\n width: 'var(--sidebar-nav-list-item-height, {sizes.600})',\n paddingInline: '0',\n marginInline: 'auto',\n },\n '[data-collapsed=false] &': {\n overflow: 'hidden',\n },\n },\n _hover: {\n backgroundColor:\n 'var(--sidebar-nav-list-item-background-hovered, {colors.neutral.background.2.hovered})',\n color:\n 'var(--sidebar-nav-list-item-foreground-hovered, {colors.neutral.foreground.2.hovered})',\n },\n _active: {\n backgroundColor:\n 'var(--sidebar-nav-list-item-background-active, {colors.neutral.background.2.selected})',\n color:\n 'var(--sidebar-nav-list-item-foreground-active, {colors.neutral.foreground.2.selected})',\n },\n '&[data-selected=true]': {\n backgroundColor:\n 'var(--sidebar-nav-list-item-background-selected, {colors.neutral.background.2.primary.selected})',\n color:\n 'var(--sidebar-nav-list-item-foreground-selected, {colors.neutral.foreground.2.primary.selected})',\n },\n '&[data-selected=true]:hover': {\n backgroundColor:\n 'var(--sidebar-nav-list-item-background-selected-hovered, {colors.neutral.background.2.primary.selectedHovered})',\n color:\n 'var(--sidebar-nav-list-item-foreground-selected-hovered, {colors.neutral.foreground.2.primary.selectedHovered})',\n },\n '&[data-expanded=true]': {\n backgroundColor:\n 'var(--sidebar-nav-list-item-background-expanded, {colors.neutral.background.2.selected})',\n color:\n 'var(--sidebar-nav-list-item-foreground-expanded, {colors.neutral.foreground.2.selected})',\n },\n '&[data-expanded=true]:hover': {\n backgroundColor:\n 'var(--sidebar-nav-list-item-background-expanded-hovered, {colors.neutral.background.2.selectedHovered})',\n color:\n 'var(--sidebar-nav-list-item-foreground-expanded-hovered, {colors.neutral.foreground.2.selectedHovered})',\n },\n '&:has(:focus-visible)': {\n outlineWidth:\n 'var(--sidebar-nav-list-item-focus-outline-width, {borders.200})',\n outlineStyle: 'var(--sidebar-nav-list-item-focus-outline-style, solid)',\n outlineColor:\n 'var(--sidebar-nav-list-item-focus-outline-color, {colors.primary.stroke.1.focused})',\n outlineOffset:\n 'var(--sidebar-nav-list-item-focus-outline-offset, {spacing.50})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAA2B,EAAa,CACnD,UAAW,iCACX,IAAK,CAAC,sBAAsB,CAC5B,KAAM,CACJ,QAAS,OACT,cAAe,MACf,SAAU,SACV,eAAgB,gBAChB,WAAY,SACZ,IAAK,kDACL,eAAgB,OAChB,gBAAiB,uDACjB,MACE,iFACF,OAAQ,mDACR,MAAO,OACP,cAAe,6DACf,OAAQ,UACR,SAAU,WACV,WACE,iEACF,OAAQ,CACN,aAAc,kDACd,0BAA2B,CACzB,eAAgB,SAChB,MAAO,mDACP,cAAe,IACf,aAAc,OACf,CACD,2BAA4B,CAC1B,SAAU,SACX,CACF,CACD,OAAQ,CACN,gBACE,yFACF,MACE,yFACH,CACD,QAAS,CACP,gBACE,yFACF,MACE,yFACH,CACD,wBAAyB,CACvB,gBACE,mGACF,MACE,mGACH,CACD,8BAA+B,CAC7B,gBACE,kHACF,MACE,kHACH,CACD,wBAAyB,CACvB,gBACE,2FACF,MACE,2FACH,CACD,8BAA+B,CAC7B,gBACE,0GACF,MACE,0GACH,CACD,wBAAyB,CACvB,aACE,kEACF,aAAc,0DACd,aACE,sFACF,cACE,kEACH,CACF,CACF,CAAC"}
package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-label.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav-item-link__label`,jsx:[`Sidebar.NavItemLink`],base:{fontSize:`var(--sidebar-nav-item-label-font-size)`,fontWeight:`var(--sidebar-nav-item-label-font-weight)`,textTransform:`var(--sidebar-nav-item-label-text-transform)`,flexGrow:`1`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,textAlign:`left`,tablet:{"[data-collapsed=true] &":{position:`absolute`,inset:`0`,flexGrow:`0`,opacity:`0`,overflow:`visible`}},"& > a":{_focus:{outline:`none`},_after:{position:`absolute`,inset:0,content:`""`}}}});export{t as sidebarNavItemLinkLabel};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav-item-link__label`,jsx:[`Sidebar.NavItemLink`],base:{fontSize:`var(--sidebar-nav-item-label-font-size, {fontSizes.300})`,fontWeight:`var(--sidebar-nav-item-label-font-weight, {fontWeights.medium})`,textTransform:`var(--sidebar-nav-item-label-text-transform, none)`,flexGrow:`1`,overflow:`hidden`,textOverflow:`ellipsis`,whiteSpace:`nowrap`,textAlign:`left`,tablet:{"[data-collapsed=true] &":{position:`absolute`,inset:`0`,flexGrow:`0`,opacity:`0`,overflow:`visible`}},"& > a":{_focus:{outline:`none`},_after:{position:`absolute`,inset:0,content:`""`}}}});export{t as sidebarNavItemLinkLabel};
2
2
  //# sourceMappingURL=sidebar-nav-item-link-label.mjs.map
package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-label.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar-nav-item-link-label.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-label.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarNavItemLinkLabel = defineRecipe({\n className: 'sidebar__nav-item-link__label',\n jsx: ['Sidebar.NavItemLink'],\n base: {\n fontSize: 'var(--sidebar-nav-item-label-font-size)',\n fontWeight: 'var(--sidebar-nav-item-label-font-weight)',\n textTransform: 'var(--sidebar-nav-item-label-text-transform)',\n flexGrow: '1',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n textAlign: 'left',\n tablet: {\n '[data-collapsed=true] &': {\n position: 'absolute',\n inset: '0',\n flexGrow: '0',\n opacity: '0',\n overflow: 'visible',\n },\n },\n '& > a': {\n _focus: {\n outline: 'none',\n },\n _after: {\n position: 'absolute',\n inset: 0,\n content: '\"\"',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAA0B,EAAa,CAClD,UAAW,gCACX,IAAK,CAAC,sBAAsB,CAC5B,KAAM,CACJ,SAAU,0CACV,WAAY,4CACZ,cAAe,+CACf,SAAU,IACV,SAAU,SACV,aAAc,WACd,WAAY,SACZ,UAAW,OACX,OAAQ,CACN,0BAA2B,CACzB,SAAU,WACV,MAAO,IACP,SAAU,IACV,QAAS,IACT,SAAU,UACX,CACF,CACD,QAAS,CACP,OAAQ,CACN,QAAS,OACV,CACD,OAAQ,CACN,SAAU,WACV,MAAO,EACP,QAAS,KACV,CACF,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"sidebar-nav-item-link-label.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-item-link/sidebar-nav-item-link-label.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarNavItemLinkLabel = defineRecipe({\n className: 'sidebar__nav-item-link__label',\n jsx: ['Sidebar.NavItemLink'],\n base: {\n fontSize: 'var(--sidebar-nav-item-label-font-size, {fontSizes.300})',\n fontWeight:\n 'var(--sidebar-nav-item-label-font-weight, {fontWeights.medium})',\n textTransform: 'var(--sidebar-nav-item-label-text-transform, none)',\n flexGrow: '1',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n textAlign: 'left',\n tablet: {\n '[data-collapsed=true] &': {\n position: 'absolute',\n inset: '0',\n flexGrow: '0',\n opacity: '0',\n overflow: 'visible',\n },\n },\n '& > a': {\n _focus: {\n outline: 'none',\n },\n _after: {\n position: 'absolute',\n inset: 0,\n content: '\"\"',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAA0B,EAAa,CAClD,UAAW,gCACX,IAAK,CAAC,sBAAsB,CAC5B,KAAM,CACJ,SAAU,2DACV,WACE,kEACF,cAAe,qDACf,SAAU,IACV,SAAU,SACV,aAAc,WACd,WAAY,SACZ,UAAW,OACX,OAAQ,CACN,0BAA2B,CACzB,SAAU,WACV,MAAO,IACP,SAAU,IACV,QAAS,IACT,SAAU,UACX,CACF,CACD,QAAS,CACP,OAAQ,CACN,QAAS,OACV,CACD,OAAQ,CACN,SAAU,WACV,MAAO,EACP,QAAS,KACV,CACF,CACF,CACF,CAAC"}
package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-list/sidebar-nav-list.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav__list`,jsx:[`Sidebar.NavList`],base:{listStyle:`none`,display:`grid`,gridTemplateColumns:`minmax(0, 1fr)`,gap:`var(--sidebar-nav-list-gap)`,padding:`var(--sidebar-nav-list-padding, 0)`,margin:`var(--sidebar-nav-list-margin, 0)`}});export{t as sidebarNavList};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav__list`,jsx:[`Sidebar.NavList`],base:{listStyle:`none`,display:`grid`,gridTemplateColumns:`minmax(0, 1fr)`,gap:`var(--sidebar-nav-list-gap, {spacing.200})`,padding:`var(--sidebar-nav-list-padding, {spacing.0})`,margin:`var(--sidebar-nav-list-margin, {spacing.0})`}});export{t as sidebarNavList};
2
2
  //# sourceMappingURL=sidebar-nav-list.mjs.map
package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-list/sidebar-nav-list.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar-nav-list.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-list/sidebar-nav-list.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarNavList = defineRecipe({\n className: 'sidebar__nav__list',\n jsx: ['Sidebar.NavList'],\n base: {\n listStyle: 'none',\n display: 'grid',\n gridTemplateColumns: 'minmax(0, 1fr)',\n gap: 'var(--sidebar-nav-list-gap)',\n padding: 'var(--sidebar-nav-list-padding, 0)',\n margin: 'var(--sidebar-nav-list-margin, 0)',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,qBACX,IAAK,CAAC,kBAAkB,CACxB,KAAM,CACJ,UAAW,OACX,QAAS,OACT,oBAAqB,iBACrB,IAAK,8BACL,QAAS,qCACT,OAAQ,oCACT,CACF,CAAC"}
1
+ {"version":3,"file":"sidebar-nav-list.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-list/sidebar-nav-list.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarNavList = defineRecipe({\n className: 'sidebar__nav__list',\n jsx: ['Sidebar.NavList'],\n base: {\n listStyle: 'none',\n display: 'grid',\n gridTemplateColumns: 'minmax(0, 1fr)',\n gap: 'var(--sidebar-nav-list-gap, {spacing.200})',\n padding: 'var(--sidebar-nav-list-padding, {spacing.0})',\n margin: 'var(--sidebar-nav-list-margin, {spacing.0})',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,qBACX,IAAK,CAAC,kBAAkB,CACxB,KAAM,CACJ,UAAW,OACX,QAAS,OACT,oBAAqB,iBACrB,IAAK,6CACL,QAAS,+CACT,OAAQ,8CACT,CACF,CAAC"}
package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-root.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav__root`,jsx:[`Sidebar`],base:{backgroundColor:`var(--sidebar-nav-background)`,borderTopWidth:`var(--sidebar-nav-border-top-width)`,borderBottomWidth:`var(--sidebar-nav-border-bottom-width)`,borderLeftWidth:`var(--sidebar-nav-border-left-width)`,borderRightWidth:`var(--sidebar-nav-border-right-width)`,borderStyle:`solid`,borderColor:`var(--sidebar-nav-border-color)`,borderRadius:`var(--sidebar-nav-border-radius)`,display:`flex`,flexDirection:`column`,minHeight:`0`,overflow:`hidden`,gap:`var(--sidebar-nav-gap)`,flexGrow:`1`,"& > *":{flex:`1 1 auto`,minHeight:`0`,maxHeight:`100%`},_toTablet:{paddingTop:`var(--sidebar-nav-padding-top, {spacing.400})`}}});export{t as sidebarNavRoot};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__nav__root`,jsx:[`Sidebar`],base:{backgroundColor:`var(--sidebar-nav-background, transparent)`,borderTopWidth:`var(--sidebar-nav-border-top-width, {borders.0})`,borderBottomWidth:`var(--sidebar-nav-border-bottom-width, {borders.0})`,borderLeftWidth:`var(--sidebar-nav-border-left-width, {borders.0})`,borderRightWidth:`var(--sidebar-nav-border-right-width, {borders.0})`,borderStyle:`solid`,borderColor:`var(--sidebar-nav-border-color, transparent)`,borderRadius:`var(--sidebar-nav-border-radius, {radii.0})`,display:`flex`,flexDirection:`column`,minHeight:`0`,overflow:`hidden`,gap:`var(--sidebar-nav-gap, {spacing.300})`,flexGrow:`1`,"& > *":{flex:`1 1 auto`,minHeight:`0`,maxHeight:`100%`},_toTablet:{paddingTop:`var(--sidebar-nav-padding-top, {spacing.400})`}}});export{t as sidebarNavRoot};
2
2
  //# sourceMappingURL=sidebar-nav-root.mjs.map
package/dist/recipes/navigations/sidebars/sidebar/sidebar-nav-root.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar-nav-root.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarNavRoot = defineRecipe({\n className: 'sidebar__nav__root',\n jsx: ['Sidebar'],\n base: {\n backgroundColor: 'var(--sidebar-nav-background)',\n borderTopWidth: 'var(--sidebar-nav-border-top-width)',\n borderBottomWidth: 'var(--sidebar-nav-border-bottom-width)',\n borderLeftWidth: 'var(--sidebar-nav-border-left-width)',\n borderRightWidth: 'var(--sidebar-nav-border-right-width)',\n borderStyle: 'solid',\n borderColor: 'var(--sidebar-nav-border-color)',\n borderRadius: 'var(--sidebar-nav-border-radius)',\n display: 'flex',\n flexDirection: 'column',\n minHeight: '0',\n overflow: 'hidden',\n gap: 'var(--sidebar-nav-gap)',\n flexGrow: '1',\n '& > *': {\n flex: '1 1 auto',\n minHeight: '0',\n maxHeight: '100%',\n },\n\n _toTablet: {\n paddingTop: 'var(--sidebar-nav-padding-top, {spacing.400})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,qBACX,IAAK,CAAC,UAAU,CAChB,KAAM,CACJ,gBAAiB,gCACjB,eAAgB,sCAChB,kBAAmB,yCACnB,gBAAiB,uCACjB,iBAAkB,wCAClB,YAAa,QACb,YAAa,kCACb,aAAc,mCACd,QAAS,OACT,cAAe,SACf,UAAW,IACX,SAAU,SACV,IAAK,yBACL,SAAU,IACV,QAAS,CACP,KAAM,WACN,UAAW,IACX,UAAW,OACZ,CAED,UAAW,CACT,WAAY,gDACb,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"sidebar-nav-root.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-nav-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarNavRoot = defineRecipe({\n className: 'sidebar__nav__root',\n jsx: ['Sidebar'],\n base: {\n backgroundColor: 'var(--sidebar-nav-background, transparent)',\n borderTopWidth: 'var(--sidebar-nav-border-top-width, {borders.0})',\n borderBottomWidth: 'var(--sidebar-nav-border-bottom-width, {borders.0})',\n borderLeftWidth: 'var(--sidebar-nav-border-left-width, {borders.0})',\n borderRightWidth: 'var(--sidebar-nav-border-right-width, {borders.0})',\n borderStyle: 'solid',\n borderColor: 'var(--sidebar-nav-border-color, transparent)',\n borderRadius: 'var(--sidebar-nav-border-radius, {radii.0})',\n display: 'flex',\n flexDirection: 'column',\n minHeight: '0',\n overflow: 'hidden',\n gap: 'var(--sidebar-nav-gap, {spacing.300})',\n flexGrow: '1',\n '& > *': {\n flex: '1 1 auto',\n minHeight: '0',\n maxHeight: '100%',\n },\n\n _toTablet: {\n paddingTop: 'var(--sidebar-nav-padding-top, {spacing.400})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,qBACX,IAAK,CAAC,UAAU,CAChB,KAAM,CACJ,gBAAiB,6CACjB,eAAgB,mDAChB,kBAAmB,sDACnB,gBAAiB,oDACjB,iBAAkB,qDAClB,YAAa,QACb,YAAa,+CACb,aAAc,8CACd,QAAS,OACT,cAAe,SACf,UAAW,IACX,SAAU,SACV,IAAK,wCACL,SAAU,IACV,QAAS,CACP,KAAM,WACN,UAAW,IACX,UAAW,OACZ,CAED,UAAW,CACT,WAAY,gDACb,CACF,CACF,CAAC"}
package/dist/recipes/navigations/sidebars/sidebar/sidebar-root.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__root`,jsx:[`Sidebar`],base:{backgroundColor:`var(--sidebar-background)`,display:`flex`,flexDirection:`column`,justifyContent:`flex-start`,alignItems:`stretch`,gap:`var(--sidebar-gap)`,height:`var(--sidebar-height)`,width:`var(--sidebar-width)`,paddingInlineStart:`var(--sidebar-padding-inline-start, var(--sidebar-padding-inline))`,paddingInlineEnd:`var(--sidebar-padding-inline-end, var(--sidebar-padding-inline))`,paddingBlock:`var(--sidebar-padding-block)`,transition:`var(--sidebar-transition)`,boxSizing:`border-box`,zIndex:`var(--sidebar-zindex)`,_toTablet:{left:`-100%`,paddingTop:`0`,"&.show-nav":{zIndex:`nav`,left:`0`},"&.hide-nav":{zIndex:`deep`,opacity:`0`}},tablet:{gridArea:`var(--sidebar-grid-area, "sidebar")`,position:`var(--sidebar-position, sticky)`,top:`var(--sidebar-top, {spacing.100})`,alignItems:`stretch`,borderRadius:`var(--sidebar-radii)`,"&[data-collapsed=true]":{alignItems:`center`}}}});export{t as sidebarRoot};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__root`,jsx:[`Sidebar`],base:{backgroundColor:`var(--sidebar-background, {colors.neutral.background.2.enabled})`,display:`flex`,flexDirection:`column`,justifyContent:`flex-start`,alignItems:`stretch`,gap:`var(--sidebar-gap, {spacing.200})`,height:`var(--sidebar-height)`,width:`var(--sidebar-width)`,paddingInlineStart:`var(--sidebar-padding-inline-start, var(--sidebar-padding-inline))`,paddingInlineEnd:`var(--sidebar-padding-inline-end, var(--sidebar-padding-inline))`,paddingBlock:`var(--sidebar-padding-block, {spacing.400})`,transition:`var(--sidebar-transition, {animations.base.100})`,boxSizing:`border-box`,zIndex:`var(--sidebar-zindex, {zIndex.nav})`,_toTablet:{left:`-100%`,paddingTop:`0`,"&.show-nav":{zIndex:`nav`,left:`0`},"&.hide-nav":{zIndex:`deep`,opacity:`0`}},tablet:{gridArea:`var(--sidebar-grid-area, "sidebar")`,position:`var(--sidebar-position, sticky)`,top:`var(--sidebar-top, {spacing.100})`,alignItems:`stretch`,borderRadius:`var(--sidebar-radii, {radii.200})`,"&[data-collapsed=true]":{alignItems:`center`}}}});export{t as sidebarRoot};
2
2
  //# sourceMappingURL=sidebar-root.mjs.map
package/dist/recipes/navigations/sidebars/sidebar/sidebar-root.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar-root.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarRoot = defineRecipe({\n className: 'sidebar__root',\n jsx: ['Sidebar'],\n base: {\n backgroundColor: 'var(--sidebar-background)',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'flex-start',\n alignItems: 'stretch',\n gap: 'var(--sidebar-gap)',\n height: 'var(--sidebar-height)',\n width: 'var(--sidebar-width)',\n paddingInlineStart:\n 'var(--sidebar-padding-inline-start, var(--sidebar-padding-inline))',\n paddingInlineEnd:\n 'var(--sidebar-padding-inline-end, var(--sidebar-padding-inline))',\n paddingBlock: 'var(--sidebar-padding-block)',\n transition: 'var(--sidebar-transition)',\n boxSizing: 'border-box',\n zIndex: 'var(--sidebar-zindex)',\n\n _toTablet: {\n left: '-100%',\n paddingTop: '0',\n '&.show-nav': {\n zIndex: 'nav',\n left: '0',\n },\n '&.hide-nav': {\n zIndex: 'deep',\n opacity: '0',\n },\n },\n\n tablet: {\n gridArea: 'var(--sidebar-grid-area, \"sidebar\")',\n position: 'var(--sidebar-position, sticky)',\n top: 'var(--sidebar-top, {spacing.100})',\n alignItems: 'stretch',\n borderRadius: 'var(--sidebar-radii)',\n '&[data-collapsed=true]': {\n alignItems: 'center',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAc,EAAa,CACtC,UAAW,gBACX,IAAK,CAAC,UAAU,CAChB,KAAM,CACJ,gBAAiB,4BACjB,QAAS,OACT,cAAe,SACf,eAAgB,aAChB,WAAY,UACZ,IAAK,qBACL,OAAQ,wBACR,MAAO,uBACP,mBACE,qEACF,iBACE,mEACF,aAAc,+BACd,WAAY,4BACZ,UAAW,aACX,OAAQ,wBAER,UAAW,CACT,KAAM,QACN,WAAY,IACZ,aAAc,CACZ,OAAQ,MACR,KAAM,IACP,CACD,aAAc,CACZ,OAAQ,OACR,QAAS,IACV,CACF,CAED,OAAQ,CACN,SAAU,sCACV,SAAU,kCACV,IAAK,oCACL,WAAY,UACZ,aAAc,uBACd,yBAA0B,CACxB,WAAY,SACb,CACF,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"sidebar-root.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarRoot = defineRecipe({\n className: 'sidebar__root',\n jsx: ['Sidebar'],\n base: {\n backgroundColor:\n 'var(--sidebar-background, {colors.neutral.background.2.enabled})',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'flex-start',\n alignItems: 'stretch',\n gap: 'var(--sidebar-gap, {spacing.200})',\n height: 'var(--sidebar-height)',\n width: 'var(--sidebar-width)',\n paddingInlineStart:\n 'var(--sidebar-padding-inline-start, var(--sidebar-padding-inline))',\n paddingInlineEnd:\n 'var(--sidebar-padding-inline-end, var(--sidebar-padding-inline))',\n paddingBlock: 'var(--sidebar-padding-block, {spacing.400})',\n transition: 'var(--sidebar-transition, {animations.base.100})',\n boxSizing: 'border-box',\n zIndex: 'var(--sidebar-zindex, {zIndex.nav})',\n\n _toTablet: {\n left: '-100%',\n paddingTop: '0',\n '&.show-nav': {\n zIndex: 'nav',\n left: '0',\n },\n '&.hide-nav': {\n zIndex: 'deep',\n opacity: '0',\n },\n },\n\n tablet: {\n gridArea: 'var(--sidebar-grid-area, \"sidebar\")',\n position: 'var(--sidebar-position, sticky)',\n top: 'var(--sidebar-top, {spacing.100})',\n alignItems: 'stretch',\n borderRadius: 'var(--sidebar-radii, {radii.200})',\n '&[data-collapsed=true]': {\n alignItems: 'center',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAc,EAAa,CACtC,UAAW,gBACX,IAAK,CAAC,UAAU,CAChB,KAAM,CACJ,gBACE,mEACF,QAAS,OACT,cAAe,SACf,eAAgB,aAChB,WAAY,UACZ,IAAK,oCACL,OAAQ,wBACR,MAAO,uBACP,mBACE,qEACF,iBACE,mEACF,aAAc,8CACd,WAAY,mDACZ,UAAW,aACX,OAAQ,sCAER,UAAW,CACT,KAAM,QACN,WAAY,IACZ,aAAc,CACZ,OAAQ,MACR,KAAM,IACP,CACD,aAAc,CACZ,OAAQ,OACR,QAAS,IACV,CACF,CAED,OAAQ,CACN,SAAU,sCACV,SAAU,kCACV,IAAK,oCACL,WAAY,UACZ,aAAc,oCACd,yBAA0B,CACxB,WAAY,SACb,CACF,CACF,CACF,CAAC"}
package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-collapsed-root.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__subnav-collapsed__root`,jsx:[`Sidebar.Subnav`],base:{backgroundColor:`var(--sidebar-subnav-collapsed-background, {colors.neutral.background.2.enabled})`,position:`absolute`,top:`100%`,left:`0`,width:`max-content`,paddingBlock:`var(--sidebar-subnav-collapsed-padding-block, {spacing.400})`,paddingInline:`var(--sidebar-subnav-collapsed-padding-inline, {spacing.450})`,marginLeft:`var(--sidebar-subnav-collapsed-margin-left, {spacing.50})`,borderRadius:`var(--sidebar-subnav-collapsed-border-radius, {radii.200})`,boxShadow:`0 32px 32px 0 rgba(0, 0, 0, 0.16)`,zIndex:`var(--sidebar-subnav-zindex)`,_before:{left:`var(--sidebar-subnav-collapsed-padding-inline)`,top:`var(--sidebar-subnav-collapsed-padding-block)`}}});export{t as sidebarSubnavCollapsedRoot};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__subnav-collapsed__root`,jsx:[`Sidebar.Subnav`],base:{backgroundColor:`var(--sidebar-subnav-collapsed-background, {colors.neutral.background.2.enabled})`,position:`absolute`,top:`100%`,left:`0`,width:`max-content`,paddingBlock:`var(--sidebar-subnav-collapsed-padding-block, {spacing.400})`,paddingInline:`var(--sidebar-subnav-collapsed-padding-inline, {spacing.450})`,marginLeft:`var(--sidebar-subnav-collapsed-margin-left, {spacing.50})`,borderRadius:`var(--sidebar-subnav-collapsed-border-radius, {radii.200})`,boxShadow:`0 32px 32px 0 rgba(0, 0, 0, 0.16)`,zIndex:`var(--sidebar-subnav-zindex)`,_before:{left:`var(--sidebar-subnav-collapsed-padding-inline, {spacing.450})`,top:`var(--sidebar-subnav-collapsed-padding-block, {spacing.400})`}}});export{t as sidebarSubnavCollapsedRoot};
2
2
  //# sourceMappingURL=sidebar-subnav-collapsed-root.mjs.map
package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-collapsed-root.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar-subnav-collapsed-root.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-collapsed-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarSubnavCollapsedRoot = defineRecipe({\n className: 'sidebar__subnav-collapsed__root',\n jsx: ['Sidebar.Subnav'],\n base: {\n backgroundColor:\n 'var(--sidebar-subnav-collapsed-background, {colors.neutral.background.2.enabled})',\n position: 'absolute',\n top: '100%',\n left: '0',\n width: 'max-content',\n paddingBlock:\n 'var(--sidebar-subnav-collapsed-padding-block, {spacing.400})',\n paddingInline:\n 'var(--sidebar-subnav-collapsed-padding-inline, {spacing.450})',\n marginLeft: 'var(--sidebar-subnav-collapsed-margin-left, {spacing.50})',\n borderRadius: 'var(--sidebar-subnav-collapsed-border-radius, {radii.200})',\n boxShadow: '0 32px 32px 0 rgba(0, 0, 0, 0.16)',\n zIndex: 'var(--sidebar-subnav-zindex)',\n _before: {\n left: 'var(--sidebar-subnav-collapsed-padding-inline)',\n top: 'var(--sidebar-subnav-collapsed-padding-block)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAA6B,EAAa,CACrD,UAAW,kCACX,IAAK,CAAC,iBAAiB,CACvB,KAAM,CACJ,gBACE,oFACF,SAAU,WACV,IAAK,OACL,KAAM,IACN,MAAO,cACP,aACE,+DACF,cACE,gEACF,WAAY,4DACZ,aAAc,6DACd,UAAW,oCACX,OAAQ,+BACR,QAAS,CACP,KAAM,iDACN,IAAK,gDACN,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"sidebar-subnav-collapsed-root.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-collapsed-root.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarSubnavCollapsedRoot = defineRecipe({\n className: 'sidebar__subnav-collapsed__root',\n jsx: ['Sidebar.Subnav'],\n base: {\n backgroundColor:\n 'var(--sidebar-subnav-collapsed-background, {colors.neutral.background.2.enabled})',\n position: 'absolute',\n top: '100%',\n left: '0',\n width: 'max-content',\n paddingBlock:\n 'var(--sidebar-subnav-collapsed-padding-block, {spacing.400})',\n paddingInline:\n 'var(--sidebar-subnav-collapsed-padding-inline, {spacing.450})',\n marginLeft: 'var(--sidebar-subnav-collapsed-margin-left, {spacing.50})',\n borderRadius: 'var(--sidebar-subnav-collapsed-border-radius, {radii.200})',\n boxShadow: '0 32px 32px 0 rgba(0, 0, 0, 0.16)',\n zIndex: 'var(--sidebar-subnav-zindex)',\n _before: {\n left: 'var(--sidebar-subnav-collapsed-padding-inline, {spacing.450})',\n top: 'var(--sidebar-subnav-collapsed-padding-block, {spacing.400})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAA6B,EAAa,CACrD,UAAW,kCACX,IAAK,CAAC,iBAAiB,CACvB,KAAM,CACJ,gBACE,oFACF,SAAU,WACV,IAAK,OACL,KAAM,IACN,MAAO,cACP,aACE,+DACF,cACE,gEACF,WAAY,4DACZ,aAAc,6DACd,UAAW,oCACX,OAAQ,+BACR,QAAS,CACP,KAAM,gEACN,IAAK,+DACN,CACF,CACF,CAAC"}
package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-item-link-anchor.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__subnav__item-link__anchor`,jsx:[`Sidebar.Subnav`],base:{backgroundColor:`var(--sidebar-subnav-list-item-background)`,color:`var(--sidebar-subnav-list-item-foreground)`,display:`flex`,alignItems:`center`,justifyContent:`flex-start`,gap:`var(--sidebar-subnav-list-item-gap)`,width:`100%`,height:`var(--sidebar-subnav-list-item-height, 2rem)`,paddingLeft:`var(--sidebar-subnav-list-item-padding-left, {spacing.300})`,paddingRight:`var(--sidebar-subnav-list-item-padding-right, {spacing.300})`,borderRadius:`var(--sidebar-subnav-list-item-border-radius, {radii.100})`,textDecoration:`none`,cursor:`pointer`,boxSizing:`border-box`,position:`relative`,zIndex:`foreground`,transition:`var(--sidebar-subnav-list-item-transition, {animations.base.100})`,tablet:{"[data-collapsed=true] &":{width:`auto!`}},_hover:{backgroundColor:`var(--sidebar-subnav-list-item-background-hovered)`,color:`var(--sidebar-subnav-list-item-foreground-hovered)`},_active:{backgroundColor:`var(--sidebar-subnav-list-item-background-active)`,color:`var(--sidebar-subnav-list-item-foreground-active)`},"&[data-selected=true]":{backgroundColor:`var(--sidebar-subnav-list-item-background-selected)`,color:`var(--sidebar-subnav-list-item-foreground-selected)`},"&[data-selected=true]:hover":{backgroundColor:`var(--sidebar-subnav-list-item-background-selected-hovered)`,color:`var(--sidebar-subnav-list-item-foreground-selected-hovered)`},"&:has(:focus-visible)":{outlineWidth:`var(--sidebar-subnav-list-item-focus-outline-width)`,outlineStyle:`var(--sidebar-subnav-list-item-focus-outline-style)`,outlineColor:`var(--sidebar-subnav-list-item-focus-outline-color)`,outlineOffset:`var(--sidebar-subnav-list-item-focus-outline-offset)`}}});export{t as sidebarSubnavItemLinkAnchor};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__subnav__item-link__anchor`,jsx:[`Sidebar.Subnav`],base:{backgroundColor:`var(--sidebar-subnav-list-item-background, {colors.neutral.background.2.enabled})`,color:`var(--sidebar-subnav-list-item-foreground, {colors.neutral.foreground.2.enabled})`,display:`flex`,alignItems:`center`,justifyContent:`flex-start`,gap:`var(--sidebar-subnav-list-item-gap, {spacing.0})`,width:`100%`,height:`var(--sidebar-subnav-list-item-height, {sizes.500})`,paddingLeft:`var(--sidebar-subnav-list-item-padding-left, {spacing.300})`,paddingRight:`var(--sidebar-subnav-list-item-padding-right, {spacing.300})`,borderRadius:`var(--sidebar-subnav-list-item-border-radius, {radii.100})`,textDecoration:`none`,cursor:`pointer`,boxSizing:`border-box`,position:`relative`,zIndex:`foreground`,transition:`var(--sidebar-subnav-list-item-transition, {animations.base.100})`,tablet:{"[data-collapsed=true] &":{width:`auto!`}},_hover:{backgroundColor:`var(--sidebar-subnav-list-item-background-hovered, {colors.neutral.background.2.hovered})`,color:`var(--sidebar-subnav-list-item-foreground-hovered, {colors.neutral.foreground.2.hovered})`},_active:{backgroundColor:`var(--sidebar-subnav-list-item-background-active, {colors.neutral.background.2.selected})`,color:`var(--sidebar-subnav-list-item-foreground-active, {colors.neutral.foreground.2.selected})`},"&[data-selected=true]":{backgroundColor:`var(--sidebar-subnav-list-item-background-selected, {colors.neutral.background.2.primary.selectedHovered})`,color:`var(--sidebar-subnav-list-item-foreground-selected, {colors.neutral.foreground.2.primary.selectedHovered})`},"&[data-selected=true]:hover":{backgroundColor:`var(--sidebar-subnav-list-item-background-selected-hovered, {colors.neutral.background.2.primary.selectedHovered})`,color:`var(--sidebar-subnav-list-item-foreground-selected-hovered, {colors.neutral.foreground.2.primary.selectedHovered})`},"&:has(:focus-visible)":{outlineWidth:`var(--sidebar-subnav-list-item-focus-outline-width, {borders.200})`,outlineStyle:`var(--sidebar-subnav-list-item-focus-outline-style, solid)`,outlineColor:`var(--sidebar-subnav-list-item-focus-outline-color, {colors.primary.stroke.1.focused})`,outlineOffset:`var(--sidebar-subnav-list-item-focus-outline-offset, {spacing.50})`}}});export{t as sidebarSubnavItemLinkAnchor};
2
2
  //# sourceMappingURL=sidebar-subnav-item-link-anchor.mjs.map
package/dist/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-item-link-anchor.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar-subnav-item-link-anchor.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-item-link-anchor.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarSubnavItemLinkAnchor = defineRecipe({\n className: 'sidebar__subnav__item-link__anchor',\n jsx: ['Sidebar.Subnav'],\n base: {\n backgroundColor: 'var(--sidebar-subnav-list-item-background)',\n color: 'var(--sidebar-subnav-list-item-foreground)',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n gap: 'var(--sidebar-subnav-list-item-gap)',\n\n width: '100%',\n height: 'var(--sidebar-subnav-list-item-height, 2rem)',\n paddingLeft: 'var(--sidebar-subnav-list-item-padding-left, {spacing.300})',\n paddingRight:\n 'var(--sidebar-subnav-list-item-padding-right, {spacing.300})',\n\n borderRadius: 'var(--sidebar-subnav-list-item-border-radius, {radii.100})',\n textDecoration: 'none',\n cursor: 'pointer',\n boxSizing: 'border-box',\n position: 'relative',\n zIndex: 'foreground',\n\n transition:\n 'var(--sidebar-subnav-list-item-transition, {animations.base.100})',\n\n tablet: {\n '[data-collapsed=true] &': {\n width: 'auto!',\n },\n },\n\n _hover: {\n backgroundColor: 'var(--sidebar-subnav-list-item-background-hovered)',\n color: 'var(--sidebar-subnav-list-item-foreground-hovered)',\n },\n _active: {\n backgroundColor: 'var(--sidebar-subnav-list-item-background-active)',\n color: 'var(--sidebar-subnav-list-item-foreground-active)',\n },\n '&[data-selected=true]': {\n backgroundColor: 'var(--sidebar-subnav-list-item-background-selected)',\n color: 'var(--sidebar-subnav-list-item-foreground-selected)',\n },\n '&[data-selected=true]:hover': {\n backgroundColor:\n 'var(--sidebar-subnav-list-item-background-selected-hovered)',\n color: 'var(--sidebar-subnav-list-item-foreground-selected-hovered)',\n },\n '&:has(:focus-visible)': {\n outlineWidth: 'var(--sidebar-subnav-list-item-focus-outline-width)',\n outlineStyle: 'var(--sidebar-subnav-list-item-focus-outline-style)',\n outlineColor: 'var(--sidebar-subnav-list-item-focus-outline-color)',\n outlineOffset: 'var(--sidebar-subnav-list-item-focus-outline-offset)',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAA8B,EAAa,CACtD,UAAW,qCACX,IAAK,CAAC,iBAAiB,CACvB,KAAM,CACJ,gBAAiB,6CACjB,MAAO,6CACP,QAAS,OACT,WAAY,SACZ,eAAgB,aAChB,IAAK,sCAEL,MAAO,OACP,OAAQ,+CACR,YAAa,8DACb,aACE,+DAEF,aAAc,6DACd,eAAgB,OAChB,OAAQ,UACR,UAAW,aACX,SAAU,WACV,OAAQ,aAER,WACE,oEAEF,OAAQ,CACN,0BAA2B,CACzB,MAAO,QACR,CACF,CAED,OAAQ,CACN,gBAAiB,qDACjB,MAAO,qDACR,CACD,QAAS,CACP,gBAAiB,oDACjB,MAAO,oDACR,CACD,wBAAyB,CACvB,gBAAiB,sDACjB,MAAO,sDACR,CACD,8BAA+B,CAC7B,gBACE,8DACF,MAAO,8DACR,CACD,wBAAyB,CACvB,aAAc,sDACd,aAAc,sDACd,aAAc,sDACd,cAAe,uDAChB,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"sidebar-subnav-item-link-anchor.mjs","names":[],"sources":["../../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-subnav/sidebar-subnav-item-link-anchor.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarSubnavItemLinkAnchor = defineRecipe({\n className: 'sidebar__subnav__item-link__anchor',\n jsx: ['Sidebar.Subnav'],\n base: {\n backgroundColor:\n 'var(--sidebar-subnav-list-item-background, {colors.neutral.background.2.enabled})',\n color:\n 'var(--sidebar-subnav-list-item-foreground, {colors.neutral.foreground.2.enabled})',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-start',\n gap: 'var(--sidebar-subnav-list-item-gap, {spacing.0})',\n\n width: '100%',\n height: 'var(--sidebar-subnav-list-item-height, {sizes.500})',\n paddingLeft: 'var(--sidebar-subnav-list-item-padding-left, {spacing.300})',\n paddingRight:\n 'var(--sidebar-subnav-list-item-padding-right, {spacing.300})',\n\n borderRadius: 'var(--sidebar-subnav-list-item-border-radius, {radii.100})',\n textDecoration: 'none',\n cursor: 'pointer',\n boxSizing: 'border-box',\n position: 'relative',\n zIndex: 'foreground',\n\n transition:\n 'var(--sidebar-subnav-list-item-transition, {animations.base.100})',\n\n tablet: {\n '[data-collapsed=true] &': {\n width: 'auto!',\n },\n },\n\n _hover: {\n backgroundColor:\n 'var(--sidebar-subnav-list-item-background-hovered, {colors.neutral.background.2.hovered})',\n color:\n 'var(--sidebar-subnav-list-item-foreground-hovered, {colors.neutral.foreground.2.hovered})',\n },\n _active: {\n backgroundColor:\n 'var(--sidebar-subnav-list-item-background-active, {colors.neutral.background.2.selected})',\n color:\n 'var(--sidebar-subnav-list-item-foreground-active, {colors.neutral.foreground.2.selected})',\n },\n '&[data-selected=true]': {\n backgroundColor:\n 'var(--sidebar-subnav-list-item-background-selected, {colors.neutral.background.2.primary.selectedHovered})',\n color:\n 'var(--sidebar-subnav-list-item-foreground-selected, {colors.neutral.foreground.2.primary.selectedHovered})',\n },\n '&[data-selected=true]:hover': {\n backgroundColor:\n 'var(--sidebar-subnav-list-item-background-selected-hovered, {colors.neutral.background.2.primary.selectedHovered})',\n color:\n 'var(--sidebar-subnav-list-item-foreground-selected-hovered, {colors.neutral.foreground.2.primary.selectedHovered})',\n },\n '&:has(:focus-visible)': {\n outlineWidth:\n 'var(--sidebar-subnav-list-item-focus-outline-width, {borders.200})',\n outlineStyle:\n 'var(--sidebar-subnav-list-item-focus-outline-style, solid)',\n outlineColor:\n 'var(--sidebar-subnav-list-item-focus-outline-color, {colors.primary.stroke.1.focused})',\n outlineOffset:\n 'var(--sidebar-subnav-list-item-focus-outline-offset, {spacing.50})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAA8B,EAAa,CACtD,UAAW,qCACX,IAAK,CAAC,iBAAiB,CACvB,KAAM,CACJ,gBACE,oFACF,MACE,oFACF,QAAS,OACT,WAAY,SACZ,eAAgB,aAChB,IAAK,mDAEL,MAAO,OACP,OAAQ,sDACR,YAAa,8DACb,aACE,+DAEF,aAAc,6DACd,eAAgB,OAChB,OAAQ,UACR,UAAW,aACX,SAAU,WACV,OAAQ,aAER,WACE,oEAEF,OAAQ,CACN,0BAA2B,CACzB,MAAO,QACR,CACF,CAED,OAAQ,CACN,gBACE,4FACF,MACE,4FACH,CACD,QAAS,CACP,gBACE,4FACF,MACE,4FACH,CACD,wBAAyB,CACvB,gBACE,6GACF,MACE,6GACH,CACD,8BAA+B,CAC7B,gBACE,qHACF,MACE,qHACH,CACD,wBAAyB,CACvB,aACE,qEACF,aACE,6DACF,aACE,yFACF,cACE,qEACH,CACF,CACF,CAAC"}
package/dist/recipes/navigations/sidebars/sidebar/sidebar-top-slot.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__top-slot`,jsx:[`Sidebar`],base:{display:`flex`,flexDirection:`row`,justifyContent:`space-between`,alignItems:`center`,gap:`var(--sidebar-slot-gap, {spacing.200})`,paddingInlineStart:`var(--sidebar-slot-padding-inline-start, var(--sidebar-slot-padding-inline, {spacing.300}))`,paddingInlineEnd:`var(--sidebar-slot-padding-inline-end, var(--sidebar-slot-padding-inline, {spacing.300}))`,paddingBlock:`var(--sidebar-slot-padding-block, {spacing.0})`,width:`100%`,"--button-focus-outline-width":`var(--sidebar-nav-list-item-focus-outline-width)`,"--button-focus-outline-style":`var(--sidebar-nav-list-item-focus-outline-style)`,"--button-focus-outline-color":`var(--sidebar-nav-list-item-focus-outline-color)`,"--button-focus-outline-offset":`var(--sidebar-nav-list-item-focus-outline-offset)`,"--button-icon-focus-outline-width":`var(--sidebar-nav-list-item-focus-outline-width)`,"--button-icon-focus-outline-style":`var(--sidebar-nav-list-item-focus-outline-style)`,"--button-icon-focus-outline-color":`var(--sidebar-nav-list-item-focus-outline-color)`,"--button-icon-focus-outline-offset":`var(--sidebar-nav-list-item-focus-outline-offset)`,"[data-collapsed=true] &":{tablet:{flexDirection:`column`}}}});export{t as sidebarTopSlot};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar__top-slot`,jsx:[`Sidebar`],base:{display:`flex`,flexDirection:`row`,justifyContent:`space-between`,alignItems:`center`,gap:`var(--sidebar-slot-gap, {spacing.200})`,paddingInlineStart:`var(--sidebar-slot-padding-inline-start, var(--sidebar-slot-padding-inline, {spacing.300}))`,paddingInlineEnd:`var(--sidebar-slot-padding-inline-end, var(--sidebar-slot-padding-inline, {spacing.300}))`,paddingBlock:`var(--sidebar-slot-padding-block, {spacing.0})`,width:`100%`,"[data-collapsed=true] &":{tablet:{flexDirection:`column`}}}});export{t as sidebarTopSlot};
2
2
  //# sourceMappingURL=sidebar-top-slot.mjs.map
package/dist/recipes/navigations/sidebars/sidebar/sidebar-top-slot.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar-top-slot.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-top-slot.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarTopSlot = defineRecipe({\n className: 'sidebar__top-slot',\n jsx: ['Sidebar'],\n base: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n alignItems: 'center',\n gap: 'var(--sidebar-slot-gap, {spacing.200})',\n paddingInlineStart:\n 'var(--sidebar-slot-padding-inline-start, var(--sidebar-slot-padding-inline, {spacing.300}))',\n paddingInlineEnd:\n 'var(--sidebar-slot-padding-inline-end, var(--sidebar-slot-padding-inline, {spacing.300}))',\n paddingBlock: 'var(--sidebar-slot-padding-block, {spacing.0})',\n width: '100%',\n '--button-focus-outline-width':\n 'var(--sidebar-nav-list-item-focus-outline-width)',\n '--button-focus-outline-style':\n 'var(--sidebar-nav-list-item-focus-outline-style)',\n '--button-focus-outline-color':\n 'var(--sidebar-nav-list-item-focus-outline-color)',\n '--button-focus-outline-offset':\n 'var(--sidebar-nav-list-item-focus-outline-offset)',\n '--button-icon-focus-outline-width':\n 'var(--sidebar-nav-list-item-focus-outline-width)',\n '--button-icon-focus-outline-style':\n 'var(--sidebar-nav-list-item-focus-outline-style)',\n '--button-icon-focus-outline-color':\n 'var(--sidebar-nav-list-item-focus-outline-color)',\n '--button-icon-focus-outline-offset':\n 'var(--sidebar-nav-list-item-focus-outline-offset)',\n\n '[data-collapsed=true] &': {\n tablet: {\n flexDirection: 'column',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,oBACX,IAAK,CAAC,UAAU,CAChB,KAAM,CACJ,QAAS,OACT,cAAe,MACf,eAAgB,gBAChB,WAAY,SACZ,IAAK,yCACL,mBACE,8FACF,iBACE,4FACF,aAAc,iDACd,MAAO,OACP,+BACE,mDACF,+BACE,mDACF,+BACE,mDACF,gCACE,oDACF,oCACE,mDACF,oCACE,mDACF,oCACE,mDACF,qCACE,oDAEF,0BAA2B,CACzB,OAAQ,CACN,cAAe,SAChB,CACF,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"sidebar-top-slot.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/sidebar-top-slot.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebarTopSlot = defineRecipe({\n className: 'sidebar__top-slot',\n jsx: ['Sidebar'],\n base: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n alignItems: 'center',\n gap: 'var(--sidebar-slot-gap, {spacing.200})',\n paddingInlineStart:\n 'var(--sidebar-slot-padding-inline-start, var(--sidebar-slot-padding-inline, {spacing.300}))',\n paddingInlineEnd:\n 'var(--sidebar-slot-padding-inline-end, var(--sidebar-slot-padding-inline, {spacing.300}))',\n paddingBlock: 'var(--sidebar-slot-padding-block, {spacing.0})',\n width: '100%',\n\n '[data-collapsed=true] &': {\n tablet: {\n flexDirection: 'column',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAiB,EAAa,CACzC,UAAW,oBACX,IAAK,CAAC,UAAU,CAChB,KAAM,CACJ,QAAS,OACT,cAAe,MACf,eAAgB,gBAChB,WAAY,SACZ,IAAK,yCACL,mBACE,8FACF,iBACE,4FACF,aAAc,iDACd,MAAO,OAEP,0BAA2B,CACzB,OAAQ,CACN,cAAe,SAChB,CACF,CACF,CACF,CAAC"}
package/dist/recipes/navigations/sidebars/sidebar/sidebar.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar`,jsx:[`Sidebar`],base:{"--sidebar-grid-area":`sidebar`,"--sidebar-position":`fixed`,"--sidebar-background":`{colors.neutral.background.2.enabled}`,"--sidebar-gap":`{spacing.200}`,"--sidebar-width":`16.5rem`,"--sidebar-height":`100dvh`,"--sidebar-top":`{spacing.100}`,"--sidebar-padding-block":`{spacing.400}`,"--sidebar-padding-inline-base":`{spacing.350}`,"--sidebar-padding-inline":`var(--sidebar-padding-inline-start, var(--sidebar-padding-inline-base))`,"--sidebar-padding-inline-start":`max(0px, calc(var(--sidebar-padding-inline-base) - var(--sidebar-nav-focus-safe-padding-inline-start, 0px)))`,"--sidebar-padding-inline-end":`max(0px, calc(var(--sidebar-padding-inline-base) - var(--sidebar-nav-focus-safe-padding-inline-end, 0px)))`,"--sidebar-radii":`{radii.200}`,"--sidebar-transition":`{animations.base.100}`,"--sidebar-zindex":`{zIndex.nav}`,"--sidebar-slot-gap":`{spacing.200}`,"--sidebar-slot-padding-block":`{spacing.0}`,"--sidebar-slot-padding-inline":`var(--sidebar-padding-inline-base)`,"--sidebar-slot-padding-inline-start":`var(--sidebar-slot-padding-inline)`,"--sidebar-slot-padding-inline-end":`var(--sidebar-slot-padding-inline)`,"--sidebar-nav-gap":`{spacing.300}`,"--sidebar-nav-padding-top":`{spacing.400}`,"--sidebar-nav-height":`calc(100dvh - token(spacing.1000))`,"--sidebar-nav-background":`transparent`,"--sidebar-nav-border-color":`transparent`,"--sidebar-nav-border-top-width":`{borders.0}`,"--sidebar-nav-border-bottom-width":`{borders.0}`,"--sidebar-nav-border-left-width":`{borders.0}`,"--sidebar-nav-border-right-width":`{borders.0}`,"--sidebar-nav-border-radius":`{radii.0}`,"--sidebar-nav-focus-safe-padding-inline":`calc(var(--sidebar-nav-list-item-focus-outline-width) + var(--sidebar-nav-list-item-focus-outline-offset))`,"--sidebar-nav-focus-safe-padding-block":`calc(var(--sidebar-nav-list-item-focus-outline-width) + var(--sidebar-nav-list-item-focus-outline-offset))`,"--sidebar-nav-focus-safe-padding-inline-start":`var(--sidebar-nav-focus-safe-padding-inline)`,"--sidebar-nav-focus-safe-padding-inline-end":`calc(var(--sidebar-nav-focus-safe-padding-inline) + var(--sidebar-scrollarea-autosize-scrollbar-size))`,"--sidebar-scrollarea-autosize-height":`100%`,"--sidebar-scrollarea-autosize-max-height":`100%`,"--sidebar-scrollarea-autosize-scrollbar-size":`{sizes.50}`,"--sidebar-scrollarea-autosize-scrollbar-inline-offset":`0`,"--sidebar-scrollarea-autosize-scrollbar-background":`{colors.neutral.background.alpha.1.enabled}`,"--sidebar-scrollarea-autosize-scrollbar-background-hover":`{colors.neutral.background.alpha.2.enabled}`,"--sidebar-scrollarea-autosize-thumb-background":`{colors.neutral.background.4.enabled}`,"--sidebar-scrollarea-autosize-thumb-background-hover":`{colors.neutral.background.5.enabled}`,"--sidebar-scrollarea-autosize-overflow-y-behavior":`auto`,"--sidebar-scrollarea-autosize-overflow-x-behavior":`hidden`,"--sidebar-scrollarea-autosize-viewport-padding-block-start":`var(--sidebar-nav-focus-safe-padding-block)`,"--sidebar-scrollarea-autosize-viewport-padding-block-end":`var(--sidebar-nav-focus-safe-padding-block)`,"--sidebar-scrollarea-autosize-viewport-padding-inline-start":`var(--sidebar-nav-focus-safe-padding-inline-start)`,"--sidebar-scrollarea-autosize-viewport-padding-inline-end":`var(--sidebar-nav-focus-safe-padding-inline-end)`,"--sidebar-nav-group-gap":`{spacing.300}`,"--sidebar-nav-group-padding-top":`{spacing.200}`,"--sidebar-nav-group-padding-bottom":`{spacing.400}`,"--sidebar-nav-group-padding-inline":`{spacing.0}`,"--sidebar-nav-group-background":`transparent`,"--sidebar-nav-group-border-color":`{colors.neutral.stroke.7.enabled}`,"--sidebar-nav-group-border-top-width":`{borders.0}`,"--sidebar-nav-group-border-bottom-width":`{borders.100}`,"--sidebar-nav-group-border-left-width":`{borders.0}`,"--sidebar-nav-group-border-right-width":`{borders.0}`,"--sidebar-nav-group-radii":`{radii.0}`,"--sidebar-nav-group-title-font-size":`{fontSizes.200}`,"--sidebar-nav-group-title-font-weight":`{fontWeights.medium}`,"--sidebar-nav-group-title-color":`{colors.neutral.foreground.3.enabled}`,"--sidebar-nav-group-title-text-transform":`uppercase`,"--sidebar-nav-group-title-padding-block":`{spacing.0}`,"--sidebar-nav-group-title-padding-inline":`var(--sidebar-nav-list-item-padding-inline, {spacing.300})`,"--sidebar-nav-list-gap":`{spacing.200}`,"--sidebar-nav-list-padding":`{spacing.0}`,"--sidebar-nav-list-margin":`{spacing.0}`,"--sidebar-nav-list-item-height":`2.5rem`,"--sidebar-nav-list-item-gap":`{spacing.300}`,"--sidebar-nav-list-item-transition":`{animations.base.100}`,"--sidebar-nav-list-item-padding-inline":`{spacing.300}`,"--sidebar-nav-list-item-radii":`{radii.100}`,"--sidebar-nav-list-item-background":`transparent`,"--sidebar-nav-list-item-background-hovered":`{colors.neutral.background.2.hovered}`,"--sidebar-nav-list-item-background-active":`{colors.neutral.background.2.selected}`,"--sidebar-nav-list-item-background-selected":`{colors.neutral.background.2.primary.selected}`,"--sidebar-nav-list-item-background-selected-hovered":`{colors.neutral.background.2.primary.selectedHovered}`,"--sidebar-nav-list-item-background-expanded":`{colors.neutral.background.2.primary.selected}`,"--sidebar-nav-list-item-background-expanded-hovered":`{colors.neutral.background.2.primary.selectedHovered}`,"--sidebar-nav-list-item-foreground":`{colors.neutral.foreground.2.enabled}`,"--sidebar-nav-list-item-foreground-hovered":`{colors.neutral.foreground.2.primary.hovered}`,"--sidebar-nav-list-item-foreground-active":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-nav-list-item-foreground-selected":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-nav-list-item-foreground-selected-hovered":`{colors.neutral.foreground.2.primary.selectedHovered}`,"--sidebar-nav-list-item-foreground-expanded":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-nav-list-item-foreground-expanded-hovered":`{colors.neutral.foreground.2.primary.selectedHovered}`,"--sidebar-nav-item-button-icon-toggle-size":`{sizes.300}`,"--sidebar-nav-item-label-font-size":`{fontSizes.400}`,"--sidebar-nav-item-label-font-weight":`{fontWeights.medium}`,"--sidebar-nav-item-label-text-transform":`none`,"--sidebar-nav-list-item-focus-outline-width":`{borders.200}`,"--sidebar-nav-list-item-focus-outline-style":`solid`,"--sidebar-nav-list-item-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--sidebar-nav-list-item-focus-outline-offset":`{spacing.50}`,"--sidebar-subnav-list-stroke-color":`{colors.neutral.stroke.6.enabled}`,"--sidebar-subnav-zindex":`{zIndex.dropdown}`,"--sidebar-subnav-animation-name":`expandY`,"--sidebar-subnav-animation-duration":`150ms`,"--sidebar-subnav-animation-timing-function":`ease-out`,"--sidebar-subnav-animation-fill-mode":`both`,"--sidebar-subnav-padding-left":`{spacing.450}`,"--sidebar-subnav-list-gap":`{spacing.0}`,"--sidebar-subnav-list-padding-top":`{spacing.100}`,"--sidebar-subnav-collapsed-background":`{colors.neutral.background.2.enabled}`,"--sidebar-subnav-collapsed-padding-block":`{spacing.400}`,"--sidebar-subnav-collapsed-padding-inline":`{spacing.450}`,"--sidebar-subnav-collapsed-margin-left":`{spacing.50}`,"--sidebar-subnav-collapsed-border-radius":`{radii.200}`,"--sidebar-subnav-list-item-height":`2rem`,"--sidebar-subnav-list-item-padding-left":`{spacing.300}`,"--sidebar-subnav-list-item-padding-right":`{spacing.300}`,"--sidebar-subnav-list-item-padding-block":`{spacing.100}`,"--sidebar-subnav-list-item-border-radius":`{radii.100}`,"--sidebar-subnav-list-item-transition":`{animations.base.100}`,"--sidebar-subnav-list-stroke-width":`{borders.100}`,"--sidebar-subnav-list-item-gap":`{spacing.0}`,"--sidebar-subnav-list-item-background":`{colors.neutral.background.2.enabled}`,"--sidebar-subnav-list-item-background-hovered":`{colors.neutral.background.2.hovered}`,"--sidebar-subnav-list-item-background-active":`{colors.neutral.background.2.selected}`,"--sidebar-subnav-list-item-background-selected":`{colors.neutral.background.2.primary.selected}`,"--sidebar-subnav-list-item-background-selected-hovered":`{colors.neutral.background.2.primary.selectedHovered}`,"--sidebar-subnav-list-item-foreground":`{colors.neutral.foreground.3.enabled}`,"--sidebar-subnav-list-item-foreground-hovered":`{colors.neutral.foreground.2.primary.hovered}`,"--sidebar-subnav-list-item-foreground-active":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-subnav-list-item-foreground-selected":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-subnav-list-item-foreground-selected-hovered":`{colors.neutral.foreground.2.primary.selectedHovered}`,"--sidebar-subnav-list-item-focus-outline-width":`{borders.200}`,"--sidebar-subnav-list-item-focus-outline-style":`solid`,"--sidebar-subnav-list-item-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--sidebar-subnav-list-item-focus-outline-offset":`{spacing.50}`,"--sidebar-subnav-list-item-label-font-size":`{fontSizes.300}`,"--sidebar-subnav-list-item-label-font-weight":`{fontWeights.medium}`,"--sidebar-subnav-list-item-label-text-transform":`none`,tablet:{"--sidebar-position":`sticky`,"--sidebar-height":`calc(100dvh - 0.5rem)`,"--sidebar-nav-list-item-height":`2.75rem`,"--sidebar-nav-item-label-font-size":`{fontSizes.300}`,"&[data-collapsed=true]":{"--sidebar-width":`3.5rem`,"--sidebar-padding-inline-base":`{spacing.100}`,"--sidebar-nav-focus-safe-padding-inline-start":`calc(var(--sidebar-nav-focus-safe-padding-inline) + (var(--sidebar-scrollarea-autosize-scrollbar-size) / 2))`,"--sidebar-nav-focus-safe-padding-inline-end":`calc(var(--sidebar-nav-focus-safe-padding-inline) + (var(--sidebar-scrollarea-autosize-scrollbar-size) / 2))`}}}});export{t as sidebar};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`sidebar`,jsx:[`Sidebar`],base:{"--sidebar-grid-area":`sidebar`,"--sidebar-position":`fixed`,"--sidebar-background":`{colors.neutral.background.2.enabled}`,"--sidebar-gap":`{spacing.200}`,"--sidebar-width":`16.5rem`,"--sidebar-height":`100dvh`,"--sidebar-top":`{spacing.100}`,"--sidebar-padding-block":`{spacing.400}`,"--sidebar-padding-inline-base":`{spacing.350}`,"--sidebar-padding-inline":`var(--sidebar-padding-inline-start, var(--sidebar-padding-inline-base))`,"--sidebar-padding-inline-start":`max(0px, calc(var(--sidebar-padding-inline-base) - var(--sidebar-nav-focus-safe-padding-inline-start, 0px)))`,"--sidebar-padding-inline-end":`max(0px, calc(var(--sidebar-padding-inline-base) - var(--sidebar-nav-focus-safe-padding-inline-end, 0px)))`,"--sidebar-radii":`{radii.200}`,"--sidebar-transition":`{animations.base.100}`,"--sidebar-zindex":`{zIndex.nav}`,"--sidebar-slot-gap":`{spacing.200}`,"--sidebar-slot-padding-block":`{spacing.0}`,"--sidebar-slot-padding-inline":`var(--sidebar-padding-inline-base)`,"--sidebar-slot-padding-inline-start":`var(--sidebar-slot-padding-inline)`,"--sidebar-slot-padding-inline-end":`var(--sidebar-slot-padding-inline)`,"--sidebar-nav-gap":`{spacing.300}`,"--sidebar-nav-padding-top":`{spacing.400}`,"--sidebar-nav-height":`calc(100dvh - token(spacing.1000))`,"--sidebar-nav-background":`transparent`,"--sidebar-nav-border-color":`transparent`,"--sidebar-nav-border-top-width":`{borders.0}`,"--sidebar-nav-border-bottom-width":`{borders.0}`,"--sidebar-nav-border-left-width":`{borders.0}`,"--sidebar-nav-border-right-width":`{borders.0}`,"--sidebar-nav-border-radius":`{radii.0}`,"--sidebar-nav-focus-safe-padding-inline":`calc(var(--sidebar-nav-list-item-focus-outline-width) + var(--sidebar-nav-list-item-focus-outline-offset))`,"--sidebar-nav-focus-safe-padding-block":`calc(var(--sidebar-nav-list-item-focus-outline-width) + var(--sidebar-nav-list-item-focus-outline-offset))`,"--sidebar-nav-focus-safe-padding-inline-start":`var(--sidebar-nav-focus-safe-padding-inline)`,"--sidebar-nav-focus-safe-padding-inline-end":`calc(var(--sidebar-nav-focus-safe-padding-inline) + var(--sidebar-scrollarea-autosize-scrollbar-size))`,"--sidebar-scrollarea-autosize-height":`100%`,"--sidebar-scrollarea-autosize-max-height":`100%`,"--sidebar-scrollarea-autosize-scrollbar-size":`{sizes.50}`,"--sidebar-scrollarea-autosize-scrollbar-inline-offset":`0`,"--sidebar-scrollarea-autosize-scrollbar-background":`{colors.neutral.background.alpha.1.enabled}`,"--sidebar-scrollarea-autosize-scrollbar-background-hover":`{colors.neutral.background.alpha.2.enabled}`,"--sidebar-scrollarea-autosize-thumb-background":`{colors.neutral.background.4.enabled}`,"--sidebar-scrollarea-autosize-thumb-background-hover":`{colors.neutral.background.5.enabled}`,"--sidebar-scrollarea-autosize-overflow-y-behavior":`auto`,"--sidebar-scrollarea-autosize-overflow-x-behavior":`hidden`,"--sidebar-scrollarea-autosize-viewport-padding-block-start":`var(--sidebar-nav-focus-safe-padding-block)`,"--sidebar-scrollarea-autosize-viewport-padding-block-end":`var(--sidebar-nav-focus-safe-padding-block)`,"--sidebar-scrollarea-autosize-viewport-padding-inline-start":`var(--sidebar-nav-focus-safe-padding-inline-start)`,"--sidebar-scrollarea-autosize-viewport-padding-inline-end":`var(--sidebar-nav-focus-safe-padding-inline-end)`,"--sidebar-nav-group-gap":`{spacing.300}`,"--sidebar-nav-group-padding-top":`{spacing.200}`,"--sidebar-nav-group-padding-bottom":`{spacing.400}`,"--sidebar-nav-group-padding-inline":`{spacing.0}`,"--sidebar-nav-group-background":`transparent`,"--sidebar-nav-group-border-color":`{colors.neutral.stroke.7.enabled}`,"--sidebar-nav-group-border-top-width":`{borders.0}`,"--sidebar-nav-group-border-bottom-width":`{borders.100}`,"--sidebar-nav-group-border-left-width":`{borders.0}`,"--sidebar-nav-group-border-right-width":`{borders.0}`,"--sidebar-nav-group-radii":`{radii.0}`,"--sidebar-nav-group-title-font-size":`{fontSizes.200}`,"--sidebar-nav-group-title-font-weight":`{fontWeights.medium}`,"--sidebar-nav-group-title-color":`{colors.neutral.foreground.3.enabled}`,"--sidebar-nav-group-title-text-transform":`uppercase`,"--sidebar-nav-group-title-padding-block":`{spacing.0}`,"--sidebar-nav-group-title-padding-inline":`var(--sidebar-nav-list-item-padding-inline, {spacing.300})`,"--sidebar-nav-list-gap":`{spacing.200}`,"--sidebar-nav-list-padding":`{spacing.0}`,"--sidebar-nav-list-margin":`{spacing.0}`,"--sidebar-nav-list-item-height":`{sizes.600}`,"--sidebar-nav-list-item-gap":`{spacing.300}`,"--sidebar-nav-list-item-transition":`{animations.base.100}`,"--sidebar-nav-list-item-padding-inline":`{spacing.300}`,"--sidebar-nav-list-item-radii":`{radii.100}`,"--sidebar-nav-list-item-background":`transparent`,"--sidebar-nav-list-item-background-hovered":`{colors.neutral.background.2.hovered}`,"--sidebar-nav-list-item-background-active":`{colors.neutral.background.2.selected}`,"--sidebar-nav-list-item-background-selected":`{colors.neutral.background.2.primary.selected}`,"--sidebar-nav-list-item-background-selected-hovered":`{colors.neutral.background.2.primary.selectedHovered}`,"--sidebar-nav-list-item-background-expanded":`{colors.neutral.background.2.primary.selected}`,"--sidebar-nav-list-item-background-expanded-hovered":`{colors.neutral.background.2.primary.selectedHovered}`,"--sidebar-nav-list-item-foreground":`{colors.neutral.foreground.2.enabled}`,"--sidebar-nav-list-item-foreground-hovered":`{colors.neutral.foreground.2.primary.hovered}`,"--sidebar-nav-list-item-foreground-active":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-nav-list-item-foreground-selected":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-nav-list-item-foreground-selected-hovered":`{colors.neutral.foreground.2.primary.selectedHovered}`,"--sidebar-nav-list-item-foreground-expanded":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-nav-list-item-foreground-expanded-hovered":`{colors.neutral.foreground.2.primary.selectedHovered}`,"--sidebar-nav-item-button-icon-toggle-size":`{sizes.300}`,"--sidebar-nav-item-label-font-size":`{fontSizes.400}`,"--sidebar-nav-item-label-font-weight":`{fontWeights.medium}`,"--sidebar-nav-item-label-text-transform":`none`,"--sidebar-nav-list-item-focus-outline-width":`{borders.200}`,"--sidebar-nav-list-item-focus-outline-style":`solid`,"--sidebar-nav-list-item-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--sidebar-nav-list-item-focus-outline-offset":`{spacing.50}`,"--sidebar-subnav-list-stroke-color":`{colors.neutral.stroke.6.enabled}`,"--sidebar-subnav-zindex":`{zIndex.dropdown}`,"--sidebar-subnav-animation-name":`expandY`,"--sidebar-subnav-animation-duration":`150ms`,"--sidebar-subnav-animation-timing-function":`ease-out`,"--sidebar-subnav-animation-fill-mode":`both`,"--sidebar-subnav-padding-left":`{spacing.450}`,"--sidebar-subnav-list-gap":`{spacing.0}`,"--sidebar-subnav-list-padding-top":`{spacing.100}`,"--sidebar-subnav-collapsed-background":`{colors.neutral.background.2.enabled}`,"--sidebar-subnav-collapsed-padding-block":`{spacing.400}`,"--sidebar-subnav-collapsed-padding-inline":`{spacing.450}`,"--sidebar-subnav-collapsed-margin-left":`{spacing.50}`,"--sidebar-subnav-collapsed-border-radius":`{radii.200}`,"--sidebar-subnav-list-item-height":`{sizes.500}`,"--sidebar-subnav-list-item-padding-left":`{spacing.300}`,"--sidebar-subnav-list-item-padding-right":`{spacing.300}`,"--sidebar-subnav-list-item-padding-block":`{spacing.100}`,"--sidebar-subnav-list-item-border-radius":`{radii.100}`,"--sidebar-subnav-list-item-transition":`{animations.base.100}`,"--sidebar-subnav-list-stroke-width":`{borders.100}`,"--sidebar-subnav-list-item-gap":`{spacing.0}`,"--sidebar-subnav-list-item-background":`{colors.neutral.background.2.enabled}`,"--sidebar-subnav-list-item-background-hovered":`{colors.neutral.background.2.hovered}`,"--sidebar-subnav-list-item-background-active":`{colors.neutral.background.2.selected}`,"--sidebar-subnav-list-item-background-selected":`{colors.neutral.background.2.primary.selected}`,"--sidebar-subnav-list-item-background-selected-hovered":`{colors.neutral.background.2.primary.selectedHovered}`,"--sidebar-subnav-list-item-foreground":`{colors.neutral.foreground.3.enabled}`,"--sidebar-subnav-list-item-foreground-hovered":`{colors.neutral.foreground.2.primary.hovered}`,"--sidebar-subnav-list-item-foreground-active":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-subnav-list-item-foreground-selected":`{colors.neutral.foreground.2.primary.selected}`,"--sidebar-subnav-list-item-foreground-selected-hovered":`{colors.neutral.foreground.2.primary.selectedHovered}`,"--sidebar-subnav-list-item-focus-outline-width":`{borders.200}`,"--sidebar-subnav-list-item-focus-outline-style":`solid`,"--sidebar-subnav-list-item-focus-outline-color":`{colors.primary.stroke.1.focused}`,"--sidebar-subnav-list-item-focus-outline-offset":`{spacing.50}`,"--sidebar-subnav-list-item-label-font-size":`{fontSizes.300}`,"--sidebar-subnav-list-item-label-font-weight":`{fontWeights.medium}`,"--sidebar-subnav-list-item-label-text-transform":`none`,tablet:{"--sidebar-position":`sticky`,"--sidebar-height":`calc(100dvh - 0.5rem)`,"--sidebar-nav-list-item-height":`2.75rem`,"--sidebar-nav-item-label-font-size":`{fontSizes.300}`,"&[data-collapsed=true]":{"--sidebar-width":`3.5rem`,"--sidebar-padding-inline-base":`{spacing.100}`,"--sidebar-nav-focus-safe-padding-inline-start":`calc(var(--sidebar-nav-focus-safe-padding-inline) + (var(--sidebar-scrollarea-autosize-scrollbar-size) / 2))`,"--sidebar-nav-focus-safe-padding-inline-end":`calc(var(--sidebar-nav-focus-safe-padding-inline) + (var(--sidebar-scrollarea-autosize-scrollbar-size) / 2))`}}}});export{t as sidebar};
2
2
  //# sourceMappingURL=sidebar.mjs.map
package/dist/recipes/navigations/sidebars/sidebar/sidebar.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/sidebar.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebar = defineRecipe({\n className: 'sidebar',\n jsx: ['Sidebar'],\n base: {\n /* root */\n '--sidebar-grid-area': 'sidebar',\n\n '--sidebar-position': 'fixed',\n '--sidebar-background': '{colors.neutral.background.2.enabled}',\n '--sidebar-gap': '{spacing.200}',\n '--sidebar-width': '16.5rem',\n '--sidebar-height': '100dvh',\n '--sidebar-top': '{spacing.100}',\n '--sidebar-padding-block': '{spacing.400}',\n '--sidebar-padding-inline-base': '{spacing.350}',\n '--sidebar-padding-inline':\n 'var(--sidebar-padding-inline-start, var(--sidebar-padding-inline-base))',\n '--sidebar-padding-inline-start':\n 'max(0px, calc(var(--sidebar-padding-inline-base) - var(--sidebar-nav-focus-safe-padding-inline-start, 0px)))',\n '--sidebar-padding-inline-end':\n 'max(0px, calc(var(--sidebar-padding-inline-base) - var(--sidebar-nav-focus-safe-padding-inline-end, 0px)))',\n '--sidebar-radii': '{radii.200}',\n '--sidebar-transition': '{animations.base.100}',\n '--sidebar-zindex': '{zIndex.nav}',\n\n /* slots */\n '--sidebar-slot-gap': '{spacing.200}',\n '--sidebar-slot-padding-block': '{spacing.0}',\n '--sidebar-slot-padding-inline': 'var(--sidebar-padding-inline-base)',\n '--sidebar-slot-padding-inline-start': 'var(--sidebar-slot-padding-inline)',\n '--sidebar-slot-padding-inline-end': 'var(--sidebar-slot-padding-inline)',\n\n /* nav */\n '--sidebar-nav-gap': '{spacing.300}',\n '--sidebar-nav-padding-top': '{spacing.400}',\n '--sidebar-nav-height': 'calc(100dvh - token(spacing.1000))',\n '--sidebar-nav-background': 'transparent',\n '--sidebar-nav-border-color': 'transparent',\n '--sidebar-nav-border-top-width': '{borders.0}',\n '--sidebar-nav-border-bottom-width': '{borders.0}',\n '--sidebar-nav-border-left-width': '{borders.0}',\n '--sidebar-nav-border-right-width': '{borders.0}',\n '--sidebar-nav-border-radius': '{radii.0}',\n '--sidebar-nav-focus-safe-padding-inline':\n 'calc(var(--sidebar-nav-list-item-focus-outline-width) + var(--sidebar-nav-list-item-focus-outline-offset))',\n '--sidebar-nav-focus-safe-padding-block':\n 'calc(var(--sidebar-nav-list-item-focus-outline-width) + var(--sidebar-nav-list-item-focus-outline-offset))',\n '--sidebar-nav-focus-safe-padding-inline-start':\n 'var(--sidebar-nav-focus-safe-padding-inline)',\n '--sidebar-nav-focus-safe-padding-inline-end':\n 'calc(var(--sidebar-nav-focus-safe-padding-inline) + var(--sidebar-scrollarea-autosize-scrollbar-size))',\n\n /* nav scroll area autosize */\n '--sidebar-scrollarea-autosize-height': '100%',\n '--sidebar-scrollarea-autosize-max-height': '100%',\n '--sidebar-scrollarea-autosize-scrollbar-size': '{sizes.50}',\n '--sidebar-scrollarea-autosize-scrollbar-inline-offset': '0',\n '--sidebar-scrollarea-autosize-scrollbar-background':\n '{colors.neutral.background.alpha.1.enabled}',\n '--sidebar-scrollarea-autosize-scrollbar-background-hover':\n '{colors.neutral.background.alpha.2.enabled}',\n '--sidebar-scrollarea-autosize-thumb-background':\n '{colors.neutral.background.4.enabled}',\n '--sidebar-scrollarea-autosize-thumb-background-hover':\n '{colors.neutral.background.5.enabled}',\n '--sidebar-scrollarea-autosize-overflow-y-behavior': 'auto',\n '--sidebar-scrollarea-autosize-overflow-x-behavior': 'hidden',\n '--sidebar-scrollarea-autosize-viewport-padding-block-start':\n 'var(--sidebar-nav-focus-safe-padding-block)',\n '--sidebar-scrollarea-autosize-viewport-padding-block-end':\n 'var(--sidebar-nav-focus-safe-padding-block)',\n '--sidebar-scrollarea-autosize-viewport-padding-inline-start':\n 'var(--sidebar-nav-focus-safe-padding-inline-start)',\n '--sidebar-scrollarea-autosize-viewport-padding-inline-end':\n 'var(--sidebar-nav-focus-safe-padding-inline-end)',\n\n /* nav group */\n '--sidebar-nav-group-gap': '{spacing.300}',\n '--sidebar-nav-group-padding-top': '{spacing.200}',\n '--sidebar-nav-group-padding-bottom': '{spacing.400}',\n '--sidebar-nav-group-padding-inline': '{spacing.0}',\n '--sidebar-nav-group-background': 'transparent',\n '--sidebar-nav-group-border-color': '{colors.neutral.stroke.7.enabled}',\n '--sidebar-nav-group-border-top-width': '{borders.0}',\n '--sidebar-nav-group-border-bottom-width': '{borders.100}',\n '--sidebar-nav-group-border-left-width': '{borders.0}',\n '--sidebar-nav-group-border-right-width': '{borders.0}',\n '--sidebar-nav-group-radii': '{radii.0}',\n\n /* nav group title */\n '--sidebar-nav-group-title-font-size': '{fontSizes.200}',\n '--sidebar-nav-group-title-font-weight': '{fontWeights.medium}',\n '--sidebar-nav-group-title-color': '{colors.neutral.foreground.3.enabled}',\n '--sidebar-nav-group-title-text-transform': 'uppercase',\n '--sidebar-nav-group-title-padding-block': '{spacing.0}',\n '--sidebar-nav-group-title-padding-inline':\n 'var(--sidebar-nav-list-item-padding-inline, {spacing.300})',\n\n /* nav list */\n '--sidebar-nav-list-gap': '{spacing.200}',\n '--sidebar-nav-list-padding': '{spacing.0}',\n '--sidebar-nav-list-margin': '{spacing.0}',\n\n /* nav list item */\n '--sidebar-nav-list-item-height': '2.5rem',\n '--sidebar-nav-list-item-gap': '{spacing.300}',\n '--sidebar-nav-list-item-transition': '{animations.base.100}',\n '--sidebar-nav-list-item-padding-inline': '{spacing.300}',\n '--sidebar-nav-list-item-radii': '{radii.100}',\n '--sidebar-nav-list-item-background': 'transparent',\n '--sidebar-nav-list-item-background-hovered':\n '{colors.neutral.background.2.hovered}',\n '--sidebar-nav-list-item-background-active':\n '{colors.neutral.background.2.selected}',\n '--sidebar-nav-list-item-background-selected':\n '{colors.neutral.background.2.primary.selected}',\n '--sidebar-nav-list-item-background-selected-hovered':\n '{colors.neutral.background.2.primary.selectedHovered}',\n '--sidebar-nav-list-item-background-expanded':\n '{colors.neutral.background.2.primary.selected}',\n '--sidebar-nav-list-item-background-expanded-hovered':\n '{colors.neutral.background.2.primary.selectedHovered}',\n '--sidebar-nav-list-item-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--sidebar-nav-list-item-foreground-hovered':\n '{colors.neutral.foreground.2.primary.hovered}',\n '--sidebar-nav-list-item-foreground-active':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-nav-list-item-foreground-selected':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-nav-list-item-foreground-selected-hovered':\n '{colors.neutral.foreground.2.primary.selectedHovered}',\n '--sidebar-nav-list-item-foreground-expanded':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-nav-list-item-foreground-expanded-hovered':\n '{colors.neutral.foreground.2.primary.selectedHovered}',\n\n /* nav item button */\n '--sidebar-nav-item-button-icon-toggle-size': '{sizes.300}',\n\n /* nav item label */\n '--sidebar-nav-item-label-font-size': '{fontSizes.400}',\n '--sidebar-nav-item-label-font-weight': '{fontWeights.medium}',\n '--sidebar-nav-item-label-text-transform': 'none',\n\n '--sidebar-nav-list-item-focus-outline-width': '{borders.200}',\n '--sidebar-nav-list-item-focus-outline-style': 'solid',\n '--sidebar-nav-list-item-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--sidebar-nav-list-item-focus-outline-offset': '{spacing.50}',\n\n /* subnav */\n '--sidebar-subnav-list-stroke-color': '{colors.neutral.stroke.6.enabled}',\n\n '--sidebar-subnav-zindex': '{zIndex.dropdown}',\n '--sidebar-subnav-animation-name': 'expandY',\n '--sidebar-subnav-animation-duration': '150ms',\n '--sidebar-subnav-animation-timing-function': 'ease-out',\n '--sidebar-subnav-animation-fill-mode': 'both',\n '--sidebar-subnav-padding-left': '{spacing.450}',\n '--sidebar-subnav-list-gap': '{spacing.0}',\n '--sidebar-subnav-list-padding-top': '{spacing.100}',\n\n /* subnav collapsed */\n '--sidebar-subnav-collapsed-background':\n '{colors.neutral.background.2.enabled}',\n '--sidebar-subnav-collapsed-padding-block': '{spacing.400}',\n '--sidebar-subnav-collapsed-padding-inline': '{spacing.450}',\n '--sidebar-subnav-collapsed-margin-left': '{spacing.50}',\n '--sidebar-subnav-collapsed-border-radius': '{radii.200}',\n\n /* subnav list item */\n '--sidebar-subnav-list-item-height': '2rem',\n '--sidebar-subnav-list-item-padding-left': '{spacing.300}',\n '--sidebar-subnav-list-item-padding-right': '{spacing.300}',\n '--sidebar-subnav-list-item-padding-block': '{spacing.100}',\n '--sidebar-subnav-list-item-border-radius': '{radii.100}',\n '--sidebar-subnav-list-item-transition': '{animations.base.100}',\n '--sidebar-subnav-list-stroke-width': '{borders.100}',\n '--sidebar-subnav-list-item-gap': '{spacing.0}',\n '--sidebar-subnav-list-item-background':\n '{colors.neutral.background.2.enabled}',\n '--sidebar-subnav-list-item-background-hovered':\n '{colors.neutral.background.2.hovered}',\n '--sidebar-subnav-list-item-background-active':\n '{colors.neutral.background.2.selected}',\n '--sidebar-subnav-list-item-background-selected':\n '{colors.neutral.background.2.primary.selected}',\n '--sidebar-subnav-list-item-background-selected-hovered':\n '{colors.neutral.background.2.primary.selectedHovered}',\n '--sidebar-subnav-list-item-foreground':\n '{colors.neutral.foreground.3.enabled}',\n '--sidebar-subnav-list-item-foreground-hovered':\n '{colors.neutral.foreground.2.primary.hovered}',\n '--sidebar-subnav-list-item-foreground-active':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-subnav-list-item-foreground-selected':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-subnav-list-item-foreground-selected-hovered':\n '{colors.neutral.foreground.2.primary.selectedHovered}',\n\n '--sidebar-subnav-list-item-focus-outline-width': '{borders.200}',\n '--sidebar-subnav-list-item-focus-outline-style': 'solid',\n '--sidebar-subnav-list-item-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--sidebar-subnav-list-item-focus-outline-offset': '{spacing.50}',\n\n /* subnav list item label */\n '--sidebar-subnav-list-item-label-font-size': '{fontSizes.300}',\n '--sidebar-subnav-list-item-label-font-weight': '{fontWeights.medium}',\n '--sidebar-subnav-list-item-label-text-transform': 'none',\n\n tablet: {\n /* root */\n '--sidebar-position': 'sticky',\n '--sidebar-height': 'calc(100dvh - 0.5rem)',\n\n /* nav list item */\n '--sidebar-nav-list-item-height': '2.75rem',\n\n /* nav item label */\n '--sidebar-nav-item-label-font-size': '{fontSizes.300}',\n\n '&[data-collapsed=true]': {\n /* root */\n '--sidebar-width': '3.5rem',\n '--sidebar-padding-inline-base': '{spacing.100}',\n '--sidebar-nav-focus-safe-padding-inline-start':\n 'calc(var(--sidebar-nav-focus-safe-padding-inline) + (var(--sidebar-scrollarea-autosize-scrollbar-size) / 2))',\n '--sidebar-nav-focus-safe-padding-inline-end':\n 'calc(var(--sidebar-nav-focus-safe-padding-inline) + (var(--sidebar-scrollarea-autosize-scrollbar-size) / 2))',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAU,EAAa,CAClC,UAAW,UACX,IAAK,CAAC,UAAU,CAChB,KAAM,CAEJ,sBAAuB,UAEvB,qBAAsB,QACtB,uBAAwB,wCACxB,gBAAiB,gBACjB,kBAAmB,UACnB,mBAAoB,SACpB,gBAAiB,gBACjB,0BAA2B,gBAC3B,gCAAiC,gBACjC,2BACE,0EACF,iCACE,+GACF,+BACE,6GACF,kBAAmB,cACnB,uBAAwB,wBACxB,mBAAoB,eAGpB,qBAAsB,gBACtB,+BAAgC,cAChC,gCAAiC,qCACjC,sCAAuC,qCACvC,oCAAqC,qCAGrC,oBAAqB,gBACrB,4BAA6B,gBAC7B,uBAAwB,qCACxB,2BAA4B,cAC5B,6BAA8B,cAC9B,iCAAkC,cAClC,oCAAqC,cACrC,kCAAmC,cACnC,mCAAoC,cACpC,8BAA+B,YAC/B,0CACE,6GACF,yCACE,6GACF,gDACE,+CACF,8CACE,yGAGF,uCAAwC,OACxC,2CAA4C,OAC5C,+CAAgD,aAChD,wDAAyD,IACzD,qDACE,8CACF,2DACE,8CACF,iDACE,wCACF,uDACE,wCACF,oDAAqD,OACrD,oDAAqD,SACrD,6DACE,8CACF,2DACE,8CACF,8DACE,qDACF,4DACE,mDAGF,0BAA2B,gBAC3B,kCAAmC,gBACnC,qCAAsC,gBACtC,qCAAsC,cACtC,iCAAkC,cAClC,mCAAoC,oCACpC,uCAAwC,cACxC,0CAA2C,gBAC3C,wCAAyC,cACzC,yCAA0C,cAC1C,4BAA6B,YAG7B,sCAAuC,kBACvC,wCAAyC,uBACzC,kCAAmC,wCACnC,2CAA4C,YAC5C,0CAA2C,cAC3C,2CACE,6DAGF,yBAA0B,gBAC1B,6BAA8B,cAC9B,4BAA6B,cAG7B,iCAAkC,SAClC,8BAA+B,gBAC/B,qCAAsC,wBACtC,yCAA0C,gBAC1C,gCAAiC,cACjC,qCAAsC,cACtC,6CACE,wCACF,4CACE,yCACF,8CACE,iDACF,sDACE,wDACF,8CACE,iDACF,sDACE,wDACF,qCACE,wCACF,6CACE,gDACF,4CACE,iDACF,8CACE,iDACF,sDACE,wDACF,8CACE,iDACF,sDACE,wDAGF,6CAA8C,cAG9C,qCAAsC,kBACtC,uCAAwC,uBACxC,0CAA2C,OAE3C,8CAA+C,gBAC/C,8CAA+C,QAC/C,8CACE,oCACF,+CAAgD,eAGhD,qCAAsC,oCAEtC,0BAA2B,oBAC3B,kCAAmC,UACnC,sCAAuC,QACvC,6CAA8C,WAC9C,uCAAwC,OACxC,gCAAiC,gBACjC,4BAA6B,cAC7B,oCAAqC,gBAGrC,wCACE,wCACF,2CAA4C,gBAC5C,4CAA6C,gBAC7C,yCAA0C,eAC1C,2CAA4C,cAG5C,oCAAqC,OACrC,0CAA2C,gBAC3C,2CAA4C,gBAC5C,2CAA4C,gBAC5C,2CAA4C,cAC5C,wCAAyC,wBACzC,qCAAsC,gBACtC,iCAAkC,cAClC,wCACE,wCACF,gDACE,wCACF,+CACE,yCACF,iDACE,iDACF,yDACE,wDACF,wCACE,wCACF,gDACE,gDACF,+CACE,iDACF,iDACE,iDACF,yDACE,wDAEF,iDAAkD,gBAClD,iDAAkD,QAClD,iDACE,oCACF,kDAAmD,eAGnD,6CAA8C,kBAC9C,+CAAgD,uBAChD,kDAAmD,OAEnD,OAAQ,CAEN,qBAAsB,SACtB,mBAAoB,wBAGpB,iCAAkC,UAGlC,qCAAsC,kBAEtC,yBAA0B,CAExB,kBAAmB,SACnB,gCAAiC,gBACjC,gDACE,+GACF,8CACE,+GACH,CACF,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"sidebar.mjs","names":[],"sources":["../../../../../src/recipes/navigations/sidebars/sidebar/sidebar.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const sidebar = defineRecipe({\n className: 'sidebar',\n jsx: ['Sidebar'],\n base: {\n /* root */\n '--sidebar-grid-area': 'sidebar',\n\n '--sidebar-position': 'fixed',\n '--sidebar-background': '{colors.neutral.background.2.enabled}',\n '--sidebar-gap': '{spacing.200}',\n '--sidebar-width': '16.5rem',\n '--sidebar-height': '100dvh',\n '--sidebar-top': '{spacing.100}',\n '--sidebar-padding-block': '{spacing.400}',\n '--sidebar-padding-inline-base': '{spacing.350}',\n '--sidebar-padding-inline':\n 'var(--sidebar-padding-inline-start, var(--sidebar-padding-inline-base))',\n '--sidebar-padding-inline-start':\n 'max(0px, calc(var(--sidebar-padding-inline-base) - var(--sidebar-nav-focus-safe-padding-inline-start, 0px)))',\n '--sidebar-padding-inline-end':\n 'max(0px, calc(var(--sidebar-padding-inline-base) - var(--sidebar-nav-focus-safe-padding-inline-end, 0px)))',\n '--sidebar-radii': '{radii.200}',\n '--sidebar-transition': '{animations.base.100}',\n '--sidebar-zindex': '{zIndex.nav}',\n\n /* slots */\n '--sidebar-slot-gap': '{spacing.200}',\n '--sidebar-slot-padding-block': '{spacing.0}',\n '--sidebar-slot-padding-inline': 'var(--sidebar-padding-inline-base)',\n '--sidebar-slot-padding-inline-start': 'var(--sidebar-slot-padding-inline)',\n '--sidebar-slot-padding-inline-end': 'var(--sidebar-slot-padding-inline)',\n\n /* nav */\n '--sidebar-nav-gap': '{spacing.300}',\n '--sidebar-nav-padding-top': '{spacing.400}',\n '--sidebar-nav-height': 'calc(100dvh - token(spacing.1000))',\n '--sidebar-nav-background': 'transparent',\n '--sidebar-nav-border-color': 'transparent',\n '--sidebar-nav-border-top-width': '{borders.0}',\n '--sidebar-nav-border-bottom-width': '{borders.0}',\n '--sidebar-nav-border-left-width': '{borders.0}',\n '--sidebar-nav-border-right-width': '{borders.0}',\n '--sidebar-nav-border-radius': '{radii.0}',\n '--sidebar-nav-focus-safe-padding-inline':\n 'calc(var(--sidebar-nav-list-item-focus-outline-width) + var(--sidebar-nav-list-item-focus-outline-offset))',\n '--sidebar-nav-focus-safe-padding-block':\n 'calc(var(--sidebar-nav-list-item-focus-outline-width) + var(--sidebar-nav-list-item-focus-outline-offset))',\n '--sidebar-nav-focus-safe-padding-inline-start':\n 'var(--sidebar-nav-focus-safe-padding-inline)',\n '--sidebar-nav-focus-safe-padding-inline-end':\n 'calc(var(--sidebar-nav-focus-safe-padding-inline) + var(--sidebar-scrollarea-autosize-scrollbar-size))',\n\n /* nav scroll area autosize */\n '--sidebar-scrollarea-autosize-height': '100%',\n '--sidebar-scrollarea-autosize-max-height': '100%',\n '--sidebar-scrollarea-autosize-scrollbar-size': '{sizes.50}',\n '--sidebar-scrollarea-autosize-scrollbar-inline-offset': '0',\n '--sidebar-scrollarea-autosize-scrollbar-background':\n '{colors.neutral.background.alpha.1.enabled}',\n '--sidebar-scrollarea-autosize-scrollbar-background-hover':\n '{colors.neutral.background.alpha.2.enabled}',\n '--sidebar-scrollarea-autosize-thumb-background':\n '{colors.neutral.background.4.enabled}',\n '--sidebar-scrollarea-autosize-thumb-background-hover':\n '{colors.neutral.background.5.enabled}',\n '--sidebar-scrollarea-autosize-overflow-y-behavior': 'auto',\n '--sidebar-scrollarea-autosize-overflow-x-behavior': 'hidden',\n '--sidebar-scrollarea-autosize-viewport-padding-block-start':\n 'var(--sidebar-nav-focus-safe-padding-block)',\n '--sidebar-scrollarea-autosize-viewport-padding-block-end':\n 'var(--sidebar-nav-focus-safe-padding-block)',\n '--sidebar-scrollarea-autosize-viewport-padding-inline-start':\n 'var(--sidebar-nav-focus-safe-padding-inline-start)',\n '--sidebar-scrollarea-autosize-viewport-padding-inline-end':\n 'var(--sidebar-nav-focus-safe-padding-inline-end)',\n\n /* nav group */\n '--sidebar-nav-group-gap': '{spacing.300}',\n '--sidebar-nav-group-padding-top': '{spacing.200}',\n '--sidebar-nav-group-padding-bottom': '{spacing.400}',\n '--sidebar-nav-group-padding-inline': '{spacing.0}',\n '--sidebar-nav-group-background': 'transparent',\n '--sidebar-nav-group-border-color': '{colors.neutral.stroke.7.enabled}',\n '--sidebar-nav-group-border-top-width': '{borders.0}',\n '--sidebar-nav-group-border-bottom-width': '{borders.100}',\n '--sidebar-nav-group-border-left-width': '{borders.0}',\n '--sidebar-nav-group-border-right-width': '{borders.0}',\n '--sidebar-nav-group-radii': '{radii.0}',\n\n /* nav group title */\n '--sidebar-nav-group-title-font-size': '{fontSizes.200}',\n '--sidebar-nav-group-title-font-weight': '{fontWeights.medium}',\n '--sidebar-nav-group-title-color': '{colors.neutral.foreground.3.enabled}',\n '--sidebar-nav-group-title-text-transform': 'uppercase',\n '--sidebar-nav-group-title-padding-block': '{spacing.0}',\n '--sidebar-nav-group-title-padding-inline':\n 'var(--sidebar-nav-list-item-padding-inline, {spacing.300})',\n\n /* nav list */\n '--sidebar-nav-list-gap': '{spacing.200}',\n '--sidebar-nav-list-padding': '{spacing.0}',\n '--sidebar-nav-list-margin': '{spacing.0}',\n\n /* nav list item */\n '--sidebar-nav-list-item-height': '{sizes.600}',\n '--sidebar-nav-list-item-gap': '{spacing.300}',\n '--sidebar-nav-list-item-transition': '{animations.base.100}',\n '--sidebar-nav-list-item-padding-inline': '{spacing.300}',\n '--sidebar-nav-list-item-radii': '{radii.100}',\n '--sidebar-nav-list-item-background': 'transparent',\n '--sidebar-nav-list-item-background-hovered':\n '{colors.neutral.background.2.hovered}',\n '--sidebar-nav-list-item-background-active':\n '{colors.neutral.background.2.selected}',\n '--sidebar-nav-list-item-background-selected':\n '{colors.neutral.background.2.primary.selected}',\n '--sidebar-nav-list-item-background-selected-hovered':\n '{colors.neutral.background.2.primary.selectedHovered}',\n '--sidebar-nav-list-item-background-expanded':\n '{colors.neutral.background.2.primary.selected}',\n '--sidebar-nav-list-item-background-expanded-hovered':\n '{colors.neutral.background.2.primary.selectedHovered}',\n '--sidebar-nav-list-item-foreground':\n '{colors.neutral.foreground.2.enabled}',\n '--sidebar-nav-list-item-foreground-hovered':\n '{colors.neutral.foreground.2.primary.hovered}',\n '--sidebar-nav-list-item-foreground-active':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-nav-list-item-foreground-selected':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-nav-list-item-foreground-selected-hovered':\n '{colors.neutral.foreground.2.primary.selectedHovered}',\n '--sidebar-nav-list-item-foreground-expanded':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-nav-list-item-foreground-expanded-hovered':\n '{colors.neutral.foreground.2.primary.selectedHovered}',\n\n /* nav item button */\n '--sidebar-nav-item-button-icon-toggle-size': '{sizes.300}',\n\n /* nav item label */\n '--sidebar-nav-item-label-font-size': '{fontSizes.400}',\n '--sidebar-nav-item-label-font-weight': '{fontWeights.medium}',\n '--sidebar-nav-item-label-text-transform': 'none',\n\n '--sidebar-nav-list-item-focus-outline-width': '{borders.200}',\n '--sidebar-nav-list-item-focus-outline-style': 'solid',\n '--sidebar-nav-list-item-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--sidebar-nav-list-item-focus-outline-offset': '{spacing.50}',\n\n /* subnav */\n '--sidebar-subnav-list-stroke-color': '{colors.neutral.stroke.6.enabled}',\n\n '--sidebar-subnav-zindex': '{zIndex.dropdown}',\n '--sidebar-subnav-animation-name': 'expandY',\n '--sidebar-subnav-animation-duration': '150ms',\n '--sidebar-subnav-animation-timing-function': 'ease-out',\n '--sidebar-subnav-animation-fill-mode': 'both',\n '--sidebar-subnav-padding-left': '{spacing.450}',\n '--sidebar-subnav-list-gap': '{spacing.0}',\n '--sidebar-subnav-list-padding-top': '{spacing.100}',\n\n /* subnav collapsed */\n '--sidebar-subnav-collapsed-background':\n '{colors.neutral.background.2.enabled}',\n '--sidebar-subnav-collapsed-padding-block': '{spacing.400}',\n '--sidebar-subnav-collapsed-padding-inline': '{spacing.450}',\n '--sidebar-subnav-collapsed-margin-left': '{spacing.50}',\n '--sidebar-subnav-collapsed-border-radius': '{radii.200}',\n\n /* subnav list item */\n '--sidebar-subnav-list-item-height': '{sizes.500}',\n '--sidebar-subnav-list-item-padding-left': '{spacing.300}',\n '--sidebar-subnav-list-item-padding-right': '{spacing.300}',\n '--sidebar-subnav-list-item-padding-block': '{spacing.100}',\n '--sidebar-subnav-list-item-border-radius': '{radii.100}',\n '--sidebar-subnav-list-item-transition': '{animations.base.100}',\n '--sidebar-subnav-list-stroke-width': '{borders.100}',\n '--sidebar-subnav-list-item-gap': '{spacing.0}',\n '--sidebar-subnav-list-item-background':\n '{colors.neutral.background.2.enabled}',\n '--sidebar-subnav-list-item-background-hovered':\n '{colors.neutral.background.2.hovered}',\n '--sidebar-subnav-list-item-background-active':\n '{colors.neutral.background.2.selected}',\n '--sidebar-subnav-list-item-background-selected':\n '{colors.neutral.background.2.primary.selected}',\n '--sidebar-subnav-list-item-background-selected-hovered':\n '{colors.neutral.background.2.primary.selectedHovered}',\n '--sidebar-subnav-list-item-foreground':\n '{colors.neutral.foreground.3.enabled}',\n '--sidebar-subnav-list-item-foreground-hovered':\n '{colors.neutral.foreground.2.primary.hovered}',\n '--sidebar-subnav-list-item-foreground-active':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-subnav-list-item-foreground-selected':\n '{colors.neutral.foreground.2.primary.selected}',\n '--sidebar-subnav-list-item-foreground-selected-hovered':\n '{colors.neutral.foreground.2.primary.selectedHovered}',\n\n '--sidebar-subnav-list-item-focus-outline-width': '{borders.200}',\n '--sidebar-subnav-list-item-focus-outline-style': 'solid',\n '--sidebar-subnav-list-item-focus-outline-color':\n '{colors.primary.stroke.1.focused}',\n '--sidebar-subnav-list-item-focus-outline-offset': '{spacing.50}',\n\n /* subnav list item label */\n '--sidebar-subnav-list-item-label-font-size': '{fontSizes.300}',\n '--sidebar-subnav-list-item-label-font-weight': '{fontWeights.medium}',\n '--sidebar-subnav-list-item-label-text-transform': 'none',\n\n tablet: {\n /* root */\n '--sidebar-position': 'sticky',\n '--sidebar-height': 'calc(100dvh - 0.5rem)',\n\n /* nav list item */\n '--sidebar-nav-list-item-height': '2.75rem',\n\n /* nav item label */\n '--sidebar-nav-item-label-font-size': '{fontSizes.300}',\n\n '&[data-collapsed=true]': {\n /* root */\n '--sidebar-width': '3.5rem',\n '--sidebar-padding-inline-base': '{spacing.100}',\n '--sidebar-nav-focus-safe-padding-inline-start':\n 'calc(var(--sidebar-nav-focus-safe-padding-inline) + (var(--sidebar-scrollarea-autosize-scrollbar-size) / 2))',\n '--sidebar-nav-focus-safe-padding-inline-end':\n 'calc(var(--sidebar-nav-focus-safe-padding-inline) + (var(--sidebar-scrollarea-autosize-scrollbar-size) / 2))',\n },\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAU,EAAa,CAClC,UAAW,UACX,IAAK,CAAC,UAAU,CAChB,KAAM,CAEJ,sBAAuB,UAEvB,qBAAsB,QACtB,uBAAwB,wCACxB,gBAAiB,gBACjB,kBAAmB,UACnB,mBAAoB,SACpB,gBAAiB,gBACjB,0BAA2B,gBAC3B,gCAAiC,gBACjC,2BACE,0EACF,iCACE,+GACF,+BACE,6GACF,kBAAmB,cACnB,uBAAwB,wBACxB,mBAAoB,eAGpB,qBAAsB,gBACtB,+BAAgC,cAChC,gCAAiC,qCACjC,sCAAuC,qCACvC,oCAAqC,qCAGrC,oBAAqB,gBACrB,4BAA6B,gBAC7B,uBAAwB,qCACxB,2BAA4B,cAC5B,6BAA8B,cAC9B,iCAAkC,cAClC,oCAAqC,cACrC,kCAAmC,cACnC,mCAAoC,cACpC,8BAA+B,YAC/B,0CACE,6GACF,yCACE,6GACF,gDACE,+CACF,8CACE,yGAGF,uCAAwC,OACxC,2CAA4C,OAC5C,+CAAgD,aAChD,wDAAyD,IACzD,qDACE,8CACF,2DACE,8CACF,iDACE,wCACF,uDACE,wCACF,oDAAqD,OACrD,oDAAqD,SACrD,6DACE,8CACF,2DACE,8CACF,8DACE,qDACF,4DACE,mDAGF,0BAA2B,gBAC3B,kCAAmC,gBACnC,qCAAsC,gBACtC,qCAAsC,cACtC,iCAAkC,cAClC,mCAAoC,oCACpC,uCAAwC,cACxC,0CAA2C,gBAC3C,wCAAyC,cACzC,yCAA0C,cAC1C,4BAA6B,YAG7B,sCAAuC,kBACvC,wCAAyC,uBACzC,kCAAmC,wCACnC,2CAA4C,YAC5C,0CAA2C,cAC3C,2CACE,6DAGF,yBAA0B,gBAC1B,6BAA8B,cAC9B,4BAA6B,cAG7B,iCAAkC,cAClC,8BAA+B,gBAC/B,qCAAsC,wBACtC,yCAA0C,gBAC1C,gCAAiC,cACjC,qCAAsC,cACtC,6CACE,wCACF,4CACE,yCACF,8CACE,iDACF,sDACE,wDACF,8CACE,iDACF,sDACE,wDACF,qCACE,wCACF,6CACE,gDACF,4CACE,iDACF,8CACE,iDACF,sDACE,wDACF,8CACE,iDACF,sDACE,wDAGF,6CAA8C,cAG9C,qCAAsC,kBACtC,uCAAwC,uBACxC,0CAA2C,OAE3C,8CAA+C,gBAC/C,8CAA+C,QAC/C,8CACE,oCACF,+CAAgD,eAGhD,qCAAsC,oCAEtC,0BAA2B,oBAC3B,kCAAmC,UACnC,sCAAuC,QACvC,6CAA8C,WAC9C,uCAAwC,OACxC,gCAAiC,gBACjC,4BAA6B,cAC7B,oCAAqC,gBAGrC,wCACE,wCACF,2CAA4C,gBAC5C,4CAA6C,gBAC7C,yCAA0C,eAC1C,2CAA4C,cAG5C,oCAAqC,cACrC,0CAA2C,gBAC3C,2CAA4C,gBAC5C,2CAA4C,gBAC5C,2CAA4C,cAC5C,wCAAyC,wBACzC,qCAAsC,gBACtC,iCAAkC,cAClC,wCACE,wCACF,gDACE,wCACF,+CACE,yCACF,iDACE,iDACF,yDACE,wDACF,wCACE,wCACF,gDACE,gDACF,+CACE,iDACF,iDACE,iDACF,yDACE,wDAEF,iDAAkD,gBAClD,iDAAkD,QAClD,iDACE,oCACF,kDAAmD,eAGnD,6CAA8C,kBAC9C,+CAAgD,uBAChD,kDAAmD,OAEnD,OAAQ,CAEN,qBAAsB,SACtB,mBAAoB,wBAGpB,iCAAkC,UAGlC,qCAAsC,kBAEtC,yBAA0B,CAExB,kBAAmB,SACnB,gCAAiC,gBACjC,gDACE,+GACF,8CACE,+GACH,CACF,CACF,CACF,CAAC"}
package/dist/recipes/overlays/modal/modal-close.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal__close`,jsx:[`Modal`],base:{backgroundColor:`var(--modal-close-background, transparent)`,color:`var(--modal-close-foreground, {colors.neutral.foreground.3.enabled})`,fontSize:`var(--modal-close-font-size, {fontSizes.300})`,alignSelf:`flex-start`,display:`flex`,justifyContent:`center`,alignItems:`center`,position:`relative`,width:`var(--modal-close-size)`,height:`var(--modal-close-size)`,minWidth:`var(--modal-close-size)`,minHeight:`var(--modal-close-size)`,borderWidth:`var(--modal-close-border-width, {borders.0})`,borderStyle:`var(--modal-close-border-style, solid)`,borderColor:`var(--modal-close-border-color, transparent)`,padding:`var(--modal-close-padding)`,borderRadius:`var(--modal-close-radii)`,cursor:`pointer`,userSelect:`none`,appearance:`none`,touchAction:`manipulation`,_hover:{backgroundColor:`var(--modal-close-background-hovered, {colors.neutral.background.1.hovered})`,color:`var(--modal-close-foreground-hovered, {colors.neutral.foreground.3.hovered})`}}});export{t as modalClose};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal__close`,jsx:[`Modal`],base:{backgroundColor:`var(--modal-close-background, transparent)`,color:`var(--modal-close-foreground, {colors.neutral.foreground.3.enabled})`,fontSize:`var(--modal-close-font-size, {fontSizes.300})`,alignSelf:`flex-start`,display:`flex`,justifyContent:`center`,alignItems:`center`,position:`relative`,width:`var(--modal-close-size, {sizes.500})`,height:`var(--modal-close-size, {sizes.500})`,minWidth:`var(--modal-close-size, {sizes.500})`,minHeight:`var(--modal-close-size, {sizes.500})`,borderWidth:`var(--modal-close-border-width, {borders.0})`,borderStyle:`var(--modal-close-border-style, solid)`,borderColor:`var(--modal-close-border-color, transparent)`,padding:`var(--modal-close-padding)`,borderRadius:`var(--modal-close-radii, {radii.100})`,cursor:`pointer`,userSelect:`none`,appearance:`none`,touchAction:`manipulation`,_hover:{backgroundColor:`var(--modal-close-background-hovered, {colors.neutral.background.1.hovered})`,color:`var(--modal-close-foreground-hovered, {colors.neutral.foreground.3.hovered})`}}});export{t as modalClose};
2
2
  //# sourceMappingURL=modal-close.mjs.map
package/dist/recipes/overlays/modal/modal-close.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"modal-close.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal-close.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modalClose = defineRecipe({\n className: 'modal__close',\n jsx: ['Modal'],\n base: {\n backgroundColor: 'var(--modal-close-background, transparent)',\n color:\n 'var(--modal-close-foreground, {colors.neutral.foreground.3.enabled})',\n fontSize: 'var(--modal-close-font-size, {fontSizes.300})',\n alignSelf: 'flex-start',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n position: 'relative',\n width: 'var(--modal-close-size)',\n height: 'var(--modal-close-size)',\n minWidth: 'var(--modal-close-size)',\n minHeight: 'var(--modal-close-size)',\n borderWidth: 'var(--modal-close-border-width, {borders.0})',\n borderStyle: 'var(--modal-close-border-style, solid)',\n borderColor: 'var(--modal-close-border-color, transparent)',\n padding: 'var(--modal-close-padding)',\n borderRadius: 'var(--modal-close-radii)',\n cursor: 'pointer',\n userSelect: 'none',\n appearance: 'none',\n touchAction: 'manipulation',\n _hover: {\n backgroundColor:\n 'var(--modal-close-background-hovered, {colors.neutral.background.1.hovered})',\n color:\n 'var(--modal-close-foreground-hovered, {colors.neutral.foreground.3.hovered})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,gBAAiB,6CACjB,MACE,uEACF,SAAU,gDACV,UAAW,aACX,QAAS,OACT,eAAgB,SAChB,WAAY,SACZ,SAAU,WACV,MAAO,0BACP,OAAQ,0BACR,SAAU,0BACV,UAAW,0BACX,YAAa,+CACb,YAAa,yCACb,YAAa,+CACb,QAAS,6BACT,aAAc,2BACd,OAAQ,UACR,WAAY,OACZ,WAAY,OACZ,YAAa,eACb,OAAQ,CACN,gBACE,+EACF,MACE,+EACH,CACF,CACF,CAAC"}
1
+ {"version":3,"file":"modal-close.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal-close.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modalClose = defineRecipe({\n className: 'modal__close',\n jsx: ['Modal'],\n base: {\n backgroundColor: 'var(--modal-close-background, transparent)',\n color:\n 'var(--modal-close-foreground, {colors.neutral.foreground.3.enabled})',\n fontSize: 'var(--modal-close-font-size, {fontSizes.300})',\n alignSelf: 'flex-start',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n position: 'relative',\n width: 'var(--modal-close-size, {sizes.500})',\n height: 'var(--modal-close-size, {sizes.500})',\n minWidth: 'var(--modal-close-size, {sizes.500})',\n minHeight: 'var(--modal-close-size, {sizes.500})',\n borderWidth: 'var(--modal-close-border-width, {borders.0})',\n borderStyle: 'var(--modal-close-border-style, solid)',\n borderColor: 'var(--modal-close-border-color, transparent)',\n padding: 'var(--modal-close-padding)',\n borderRadius: 'var(--modal-close-radii, {radii.100})',\n cursor: 'pointer',\n userSelect: 'none',\n appearance: 'none',\n touchAction: 'manipulation',\n _hover: {\n backgroundColor:\n 'var(--modal-close-background-hovered, {colors.neutral.background.1.hovered})',\n color:\n 'var(--modal-close-foreground-hovered, {colors.neutral.foreground.3.hovered})',\n },\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAa,EAAa,CACrC,UAAW,eACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,gBAAiB,6CACjB,MACE,uEACF,SAAU,gDACV,UAAW,aACX,QAAS,OACT,eAAgB,SAChB,WAAY,SACZ,SAAU,WACV,MAAO,uCACP,OAAQ,uCACR,SAAU,uCACV,UAAW,uCACX,YAAa,+CACb,YAAa,yCACb,YAAa,+CACb,QAAS,6BACT,aAAc,wCACd,OAAQ,UACR,WAAY,OACZ,WAAY,OACZ,YAAa,eACb,OAAQ,CACN,gBACE,+EACF,MACE,+EACH,CACF,CACF,CAAC"}
package/dist/recipes/overlays/modal/modal-content.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal__content`,jsx:[`Modal`],base:{display:`grid`,gridTemplateColumns:`minmax(0, 1fr)`,gap:`var(--modal-content-gap, var(--modal-body-gap, {spacing.600}))`,backgroundColor:`var(--modal-content-background)`,flex:`var(--modal-content-flex, 0 0 var(--modal-size))`,width:`var(--modal-content-width, var(--modal-size))`,height:`var(--modal-content-height, auto)`,minWidth:`var(--modal-content-min-width, 33.75rem)`,maxWidth:`var(--modal-content-max-width, 33.75rem)`,maxHeight:`var(--modal-content-max-height, calc(100dvh - var(--modal-y-offset) * 2))`,overflowY:`auto`,borderRadius:`var(--modal-content-radii)`,borderWidth:`var(--modal-content-border-width)`,borderStyle:`var(--modal-content-border-style)`,borderColor:`var(--modal-content-border-color)`,boxShadow:`var(--modal-content-shadow)`,touchAction:`manipulation`,pointerEvents:`all`}});export{t as modalContent};
1
+ import{defineRecipe as e}from"@pandabox/define-recipe";const t=e({className:`modal__content`,jsx:[`Modal`],base:{display:`grid`,gridTemplateColumns:`minmax(0, 1fr)`,gap:`var(--modal-content-gap, var(--modal-body-gap, {spacing.600}))`,backgroundColor:`var(--modal-content-background, {colors.neutral.background.1.enabled})`,flex:`var(--modal-content-flex, 0 0 var(--modal-size))`,width:`var(--modal-content-width, var(--modal-size))`,height:`var(--modal-content-height, auto)`,minWidth:`var(--modal-content-min-width, 33.75rem)`,maxWidth:`var(--modal-content-max-width, 33.75rem)`,maxHeight:`var(--modal-content-max-height, calc(100dvh - var(--modal-y-offset) * 2))`,overflowY:`auto`,borderRadius:`var(--modal-content-radii, {radii.200})`,borderWidth:`var(--modal-content-border-width, {borders.100})`,borderStyle:`var(--modal-content-border-style, solid)`,borderColor:`var(--modal-content-border-color)`,boxShadow:`var(--modal-content-shadow, none)`,touchAction:`manipulation`,pointerEvents:`all`}});export{t as modalContent};
2
2
  //# sourceMappingURL=modal-content.mjs.map
package/dist/recipes/overlays/modal/modal-content.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"modal-content.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal-content.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modalContent = defineRecipe({\n className: 'modal__content',\n jsx: ['Modal'],\n base: {\n display: 'grid',\n gridTemplateColumns: 'minmax(0, 1fr)',\n gap: 'var(--modal-content-gap, var(--modal-body-gap, {spacing.600}))',\n backgroundColor: 'var(--modal-content-background)',\n flex: 'var(--modal-content-flex, 0 0 var(--modal-size))',\n width: 'var(--modal-content-width, var(--modal-size))',\n height: 'var(--modal-content-height, auto)',\n minWidth: 'var(--modal-content-min-width, 33.75rem)',\n maxWidth: 'var(--modal-content-max-width, 33.75rem)',\n maxHeight:\n 'var(--modal-content-max-height, calc(100dvh - var(--modal-y-offset) * 2))',\n overflowY: 'auto',\n borderRadius: 'var(--modal-content-radii)',\n borderWidth: 'var(--modal-content-border-width)',\n borderStyle: 'var(--modal-content-border-style)',\n borderColor: 'var(--modal-content-border-color)',\n boxShadow: 'var(--modal-content-shadow)',\n touchAction: 'manipulation',\n pointerEvents: 'all',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,iBACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,QAAS,OACT,oBAAqB,iBACrB,IAAK,iEACL,gBAAiB,kCACjB,KAAM,mDACN,MAAO,gDACP,OAAQ,oCACR,SAAU,2CACV,SAAU,2CACV,UACE,4EACF,UAAW,OACX,aAAc,6BACd,YAAa,oCACb,YAAa,oCACb,YAAa,oCACb,UAAW,8BACX,YAAa,eACb,cAAe,MAChB,CACF,CAAC"}
1
+ {"version":3,"file":"modal-content.mjs","names":[],"sources":["../../../../src/recipes/overlays/modal/modal-content.ts"],"sourcesContent":["import {\n defineRecipe,\n type RecipeBuilder,\n type RecipeVariantRecord,\n} from '@pandabox/define-recipe';\n\nexport const modalContent = defineRecipe({\n className: 'modal__content',\n jsx: ['Modal'],\n base: {\n display: 'grid',\n gridTemplateColumns: 'minmax(0, 1fr)',\n gap: 'var(--modal-content-gap, var(--modal-body-gap, {spacing.600}))',\n backgroundColor:\n 'var(--modal-content-background, {colors.neutral.background.1.enabled})',\n flex: 'var(--modal-content-flex, 0 0 var(--modal-size))',\n width: 'var(--modal-content-width, var(--modal-size))',\n height: 'var(--modal-content-height, auto)',\n minWidth: 'var(--modal-content-min-width, 33.75rem)',\n maxWidth: 'var(--modal-content-max-width, 33.75rem)',\n maxHeight:\n 'var(--modal-content-max-height, calc(100dvh - var(--modal-y-offset) * 2))',\n overflowY: 'auto',\n borderRadius: 'var(--modal-content-radii, {radii.200})',\n borderWidth: 'var(--modal-content-border-width, {borders.100})',\n borderStyle: 'var(--modal-content-border-style, solid)',\n borderColor: 'var(--modal-content-border-color)',\n boxShadow: 'var(--modal-content-shadow, none)',\n touchAction: 'manipulation',\n pointerEvents: 'all',\n },\n}) as RecipeBuilder<RecipeVariantRecord>;\n"],"mappings":"uDAMA,MAAa,EAAe,EAAa,CACvC,UAAW,iBACX,IAAK,CAAC,QAAQ,CACd,KAAM,CACJ,QAAS,OACT,oBAAqB,iBACrB,IAAK,iEACL,gBACE,yEACF,KAAM,mDACN,MAAO,gDACP,OAAQ,oCACR,SAAU,2CACV,SAAU,2CACV,UACE,4EACF,UAAW,OACX,aAAc,0CACd,YAAa,mDACb,YAAa,2CACb,YAAa,oCACb,UAAW,oCACX,YAAa,eACb,cAAe,MAChB,CACF,CAAC"}