@vireo-ai/trellis-ui 0.1.56 → 0.1.58

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 (124) hide show
  1. package/package.json +2 -1
  2. package/packages/client/src/components/data-grid/styles.css +0 -16
  3. package/packages/client/src/components/panels/styles.css +2 -10
  4. package/packages/client/src/runtime/drag-and-drop/resize-handle.css +50 -0
  5. package/packages/client/src/styles/components.css +1 -1
  6. package/packages/client/src/styles/generated/theme-fonts.css +1 -1
  7. package/packages/client/src/styles/generated/theme-palette.css +275 -59
  8. package/packages/client/src/styles/generated/theme-runtime.css +1007 -24
  9. package/packages/client/src/styles/generated-sources.css +1 -1
  10. package/packages/client/src/styles/recipes/selection.css +62 -12
  11. package/packages/client/src/styles/theme-support.css +23 -2
  12. package/packages/client/types/components/accordion/index.d.ts +3 -3
  13. package/packages/client/types/components/accordion/machine.d.ts +11 -7
  14. package/packages/client/types/components/app/contract.d.ts +5 -5
  15. package/packages/client/types/components/box/contract.d.ts +2 -2
  16. package/packages/client/types/components/card/contract.d.ts +2 -2
  17. package/packages/client/types/components/common.d.ts +3 -3
  18. package/packages/client/types/components/container/contract.d.ts +1 -1
  19. package/packages/client/types/components/date-picker/contract.d.ts +2 -2
  20. package/packages/client/types/components/date-picker/machine.d.ts +2 -2
  21. package/packages/client/types/components/flex/contract.d.ts +1 -1
  22. package/packages/client/types/components/frame/contract.d.ts +2 -2
  23. package/packages/client/types/components/grid/contract.d.ts +1 -1
  24. package/packages/client/types/components/layout.d.ts +2 -2
  25. package/packages/client/types/components/menu/contract.d.ts +4 -2
  26. package/packages/client/types/components/modal/contract.d.ts +2 -2
  27. package/packages/client/types/components/section/contract.d.ts +1 -1
  28. package/packages/client/types/components/select/contract.d.ts +2 -2
  29. package/packages/client/types/components/select/machine.d.ts +2 -2
  30. package/packages/client/types/components/sidebar/contract.d.ts +3 -3
  31. package/packages/client/types/components/stack/contract.d.ts +1 -1
  32. package/packages/client/types/components/tooltip/contract.d.ts +2 -2
  33. package/packages/client/types/runtime/engine/stream.d.ts +1 -0
  34. package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.css +3278 -265
  35. package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.min.css +1 -1
  36. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/build-metadata.json +343 -342
  37. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/capabilities/motion.js +1 -1
  38. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/capabilities/sortable.js +1 -1
  39. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{capability-motion-B7n3PcSH.js → capability-motion-BGVnZE_T.js} +2 -2
  40. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{capability-motion-B7n3PcSH.js.map → capability-motion-BGVnZE_T.js.map} +1 -1
  41. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{capability-sortable-BgPVyFfh.js → capability-sortable-ehmPfdn1.js} +2 -2
  42. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{capability-sortable-BgPVyFfh.js.map → capability-sortable-ehmPfdn1.js.map} +1 -1
  43. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/common-CBK89mIt.js +2 -0
  44. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/common-CBK89mIt.js.map +1 -0
  45. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{core-CYvnO__o.js → core-Ybm_WmKr.js} +2 -2
  46. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{core-CYvnO__o.js.map → core-Ybm_WmKr.js.map} +1 -1
  47. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-BAghaHV-.js +2 -0
  48. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-BAghaHV-.js.map +1 -0
  49. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-D-2vjhTV.js → entry.generated-BREj4oHG.js} +2 -2
  50. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-BREj4oHG.js.map +1 -0
  51. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-DSWnCzSX.js → entry.generated-BZWdGtgg.js} +2 -2
  52. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-DSWnCzSX.js.map → entry.generated-BZWdGtgg.js.map} +1 -1
  53. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-CwuIK_Zx.js → entry.generated-COp9wMCd.js} +2 -2
  54. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-CwuIK_Zx.js.map → entry.generated-COp9wMCd.js.map} +1 -1
  55. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-Dfm1775-.js → entry.generated-CVOYoh61.js} +2 -2
  56. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-Dfm1775-.js.map → entry.generated-CVOYoh61.js.map} +1 -1
  57. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-d1MxpnFh.js → entry.generated-CVWqQEed.js} +2 -2
  58. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-d1MxpnFh.js.map → entry.generated-CVWqQEed.js.map} +1 -1
  59. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-BXvp4vUv.js → entry.generated-C_ObpRjR.js} +2 -2
  60. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-BXvp4vUv.js.map → entry.generated-C_ObpRjR.js.map} +1 -1
  61. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-BLduYCHm.js → entry.generated-C_SxTqg5.js} +2 -2
  62. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-BLduYCHm.js.map → entry.generated-C_SxTqg5.js.map} +1 -1
  63. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-B4lDxzh9.js → entry.generated-Cb-VMAE1.js} +2 -2
  64. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-B4lDxzh9.js.map → entry.generated-Cb-VMAE1.js.map} +1 -1
  65. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-DaC7gw-h.js → entry.generated-CfYgsDun.js} +2 -2
  66. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-DaC7gw-h.js.map → entry.generated-CfYgsDun.js.map} +1 -1
  67. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-Dcm3s3ey.js → entry.generated-D2es_Wi2.js} +2 -2
  68. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-Dcm3s3ey.js.map → entry.generated-D2es_Wi2.js.map} +1 -1
  69. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-D6ai6meC.js +2 -0
  70. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-D6ai6meC.js.map +1 -0
  71. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-CheA8dXD.js → entry.generated-DYQxGle9.js} +2 -2
  72. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-CheA8dXD.js.map → entry.generated-DYQxGle9.js.map} +1 -1
  73. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-D_jeOgRf.js +2 -0
  74. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-D_jeOgRf.js.map +1 -0
  75. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-DuY9bHje.js → entry.generated-DqL-zI7j.js} +2 -2
  76. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-DuY9bHje.js.map → entry.generated-DqL-zI7j.js.map} +1 -1
  77. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-C3y5qBcc.js → entry.generated-EqHVGr1d.js} +2 -2
  78. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-C3y5qBcc.js.map → entry.generated-EqHVGr1d.js.map} +1 -1
  79. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-z3EbXrD0.js +2 -0
  80. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-z3EbXrD0.js.map +1 -0
  81. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{flip-BGTjVnQy.js → flip-Bzn312Nc.js} +2 -2
  82. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{flip-BGTjVnQy.js.map → flip-Bzn312Nc.js.map} +1 -1
  83. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{motion-fU4E5Q4w.js → motion-DI5H1Js0.js} +3 -3
  84. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{motion-fU4E5Q4w.js.map → motion-DI5H1Js0.js.map} +1 -1
  85. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{styles-C9PrQrca.js → styles-CQDZhwd_.js} +2 -2
  86. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{styles-C9PrQrca.js.map → styles-CQDZhwd_.js.map} +1 -1
  87. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{ui-B3f-Nt9P.js → ui-CTQoglp3.js} +2 -2
  88. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/ui-CTQoglp3.js.map +1 -0
  89. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/accordion.js +1 -1
  90. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/checkbox.js +1 -1
  91. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/data-grid.js +1 -1
  92. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/date-picker.js +1 -1
  93. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/dropdown.js +1 -1
  94. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/field.js +1 -1
  95. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/index.js +1 -1
  96. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/input.js +1 -1
  97. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/modal.js +1 -1
  98. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/panels.js +1 -1
  99. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/radio.js +1 -1
  100. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/select.js +1 -1
  101. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/sidebar.js +1 -1
  102. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/slider.js +1 -1
  103. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/switch.js +1 -1
  104. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/tabs.js +1 -1
  105. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/toast.js +1 -1
  106. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/tooltip.js +1 -1
  107. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/core.js +1 -1
  108. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/index.js +1 -1
  109. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/logical-entry-manifest.json +129 -129
  110. package/packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.js +5 -5
  111. package/packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.min.js +5 -5
  112. package/packages/client/src/styles/layout-participation.css +0 -17
  113. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/common-De1R7Xh6.js +0 -2
  114. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/common-De1R7Xh6.js.map +0 -1
  115. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-BlsLkwW8.js +0 -2
  116. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-BlsLkwW8.js.map +0 -1
  117. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-CC-C5gQn.js +0 -2
  118. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-CC-C5gQn.js.map +0 -1
  119. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-D-2vjhTV.js.map +0 -1
  120. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-QFVPoffg.js +0 -2
  121. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-QFVPoffg.js.map +0 -1
  122. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-pfUkaGe1.js +0 -2
  123. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-pfUkaGe1.js.map +0 -1
  124. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/ui-B3f-Nt9P.js.map +0 -1
package/packages/client/src/styles/generated-sources.css CHANGED
@@ -1,3 +1,3 @@
1
1
  /* Generated by `pnpm run build:manifests`. Do not edit. */
2
2
  /* Tailwind source hints derived from Trellis defineStyles. */
3
- @source inline("!items-center !mt-0 !pl-1.5 -mb-1 -ml-1.5 -ml-2 -ml-2.5 -ml-3 -ml-4 -mr-1 -mr-1.5 -mr-2 -mr-2.5 -mr-3 -mr-4 -mt-1 -mt-3 -mx-popover -top-px -translate-x-1/2 -translate-y-1/2 [&::-webkit-details-marker]:hidden [&:has(+[data-ui-text])]:mb-2 [&:has([data-ui-select-option-label]>*+*)]:h-auto [&:has([data-ui-select-option-label]>*+*)]:items-start [&:has([data-ui-select-option-label]>*+*)]:py-2 [&:not([data-responsive-mode=desktop])]:border-0 [&:not([data-responsive-mode=desktop])]:h-dvh [&:not([data-responsive-mode=desktop])]:inset-0 [&:not([data-responsive-mode=desktop])]:max-w-none [&:not([data-responsive-mode=desktop])]:rounded-none [&:not([data-responsive-mode=desktop])]:w-full [&>[data-ui-modal-body]]:-mx-1 [&>[data-ui-modal-body]]:content-start [&>[data-ui-modal-body]]:min-h-0 [&>[data-ui-modal-body]]:overflow-x-hidden [&>[data-ui-modal-body]]:overflow-y-auto [&>[data-ui-modal-body]]:px-1 [&>[data-ui-modal-footer]]:self-end [&>[data-ui-separator]]:-mx-sidebar-content-padding-inline [&>[data-ui-separator]]:w-auto [&[data-current]>*]:bg-interaction-hover [&[data-selected]>*]:bg-interaction-selected [&_[data-ui-checkbox-indicator]]:hidden [&_[data-ui-table-cell]]:min-w-0 [&_[data-ui-table-cell]]:px-2 [&_[data-ui-table-cell]]:px-3 [&_[data-ui-table-cell]]:px-4 [&_[data-ui-table-cell]]:py-1.5 [&_[data-ui-table-cell]]:py-2 [&_[data-ui-table-cell]]:py-3 [&_[data-ui-table-cell]]:text-surface-ink [&_[data-ui-table-cell]]:whitespace-nowrap [&_[data-ui-table-column]]:font-medium [&_[data-ui-table-column]]:min-w-0 [&_[data-ui-table-column]]:px-2 [&_[data-ui-table-column]]:px-3 [&_[data-ui-table-column]]:px-4 [&_[data-ui-table-column]]:py-1.5 [&_[data-ui-table-column]]:py-2 [&_[data-ui-table-column]]:py-3 [&_[data-ui-table-column]]:text-xs [&_[data-ui-table-column]]:whitespace-nowrap [&_[data-ui-table-header]]:bg-surface [&_[data-ui-table-header]]:sticky [&_[data-ui-table-header]]:top-0 [&_[data-ui-table-header]]:z-10 [&_[data-ui-table-row-header]]:font-medium [&_[data-ui-table-row-header]]:min-w-0 [&_[data-ui-table-row-header]]:px-2 [&_[data-ui-table-row-header]]:px-3 [&_[data-ui-table-row-header]]:px-4 [&_[data-ui-table-row-header]]:py-1.5 [&_[data-ui-table-row-header]]:py-2 [&_[data-ui-table-row-header]]:py-3 [&_[data-ui-table-row-header]]:text-surface-ink [&_[data-ui-table-row-header]]:whitespace-nowrap [&_[data-ui-table-row]>*+*]:border-l-edge-separator [&_[data-ui-table-row]>*:first-child]:ps-0 [&_[data-ui-table-row]>*:last-child]:pe-0 [&_[data-ui-table-row]>*]:border-separator [&_[data-ui-table-row][data-disabled]]:opacity-disabled [&_tbody_[data-ui-table-row]:not(:last-child)>*]:border-b-edge-separator [&_tbody_[data-ui-table-row]:not([data-disabled]):not([data-selected]):not([data-current]):hover>*]:bg-interaction-hover [&_tbody_[data-ui-table-row]:nth-child(even)>*]:bg-interaction-hover [&_tfoot]:text-surface-ink-muted [&_tfoot_[data-ui-table-row]>*]:border-t-edge-separator [&_thead]:text-surface-ink-muted [&_thead_[data-ui-table-row]>*]:border-b-edge-separator [--ui-interaction-rest-edge:var(--ui-surface-edge)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-0)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-1)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-2)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-3)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-4)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-5)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-6)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-7)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-8)] [--ui-sidebar-drawer-elevation:var(--ui-matched-elevation)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-0)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-1)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-2)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-3)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-4)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-5)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-6)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-7)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-8)] [--ui-sidebar-resting-elevation:var(--ui-matched-elevation)] [[data-ui-text]+&]:mt-2 [font-weight:var(--font-weight-badge-lg)] [font-weight:var(--font-weight-badge-md)] [font-weight:var(--font-weight-badge-sm)] [font-weight:var(--font-weight-badge-xlg)] [font-weight:var(--font-weight-badge-xs)] [font-weight:var(--font-weight-control-lg)] [font-weight:var(--font-weight-control-md)] [font-weight:var(--font-weight-control-sm)] [font-weight:var(--font-weight-control-xlg)] [font-weight:var(--font-weight-control-xs)] [font-weight:var(--font-weight-description)] [font-weight:var(--font-weight-heading)] [font-weight:var(--font-weight-label)] [font-weight:var(--font-weight-menu-item)] [font-weight:var(--font-weight-metadata)] [font-weight:var(--font-weight-normal)] [font:inherit] [grid-area:aside] [grid-area:footer] [grid-area:header] [grid-area:main] [grid-area:sidebar] [print-color-adjust:exact] absolute active:bg-interaction-pressed align-baseline align-bottom align-middle align-top appearance-none auto-cols-max auto-rows-min backdrop:bg-transparent basis-0 basis-full bg-current bg-interaction-hover bg-scrim bg-scrollbar-thumb bg-separator bg-separator-muted bg-surface bg-transparent block border border-0 border-b-edge-divider border-b-edge-separator border-l-edge-divider border-r-edge-divider border-separate border-separator border-spacing-0 border-t-edge-divider border-transparent bottom-0 bottom-4 bottom-scrollbar-inset caption-bottom caption-top col-start-1 col-start-2 contain-strict content-between content-center content-end content-start content-stretch contents cursor-col-resize cursor-default cursor-row-resize dark:block dark:hidden dark:inline data-[drawer-state=open]:bg-surface data-[mobile-state=closed]:-translate-x-full data-[mobile-state=closed]:translate-x-full data-[mobile-state=open]:translate-x-0 data-[placement=side][data-side=left]:border-r-edge-divider data-[placement=side][data-side=right]:border-l-edge-divider data-[placement=top]:border-b-edge-divider data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content-inner]]:flex data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content-inner]]:items-center data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content]>[data-ui-scroll-area]]:overflow-visible data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content]]:flex-1 data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content]]:overflow-visible data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-footer]]:flex data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-footer]]:items-center data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-item]]:w-auto data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-nav]]:flex data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-nav]]:items-center data-[placement=top]:data-[responsive-mode=desktop]:flex-row data-[placement=top]:data-[responsive-mode=desktop]:h-[var(--ui-sidebar-height,auto)] data-[placement=top]:data-[responsive-mode=desktop]:inset-auto data-[placement=top]:data-[responsive-mode=desktop]:max-w-none data-[placement=top]:data-[responsive-mode=desktop]:overflow-visible data-[placement=top]:data-[responsive-mode=desktop]:relative data-[placement=top]:data-[responsive-mode=desktop]:translate-x-0 data-[placement=top]:data-[responsive-mode=desktop]:w-full data-[placement=top]:data-[responsive-mode=desktop]:z-auto data-[responsive-mode=desktop]:data-[desktop-state=expanded]:inset-y-0 data-[responsive-mode=desktop]:data-[desktop-state=expanded]:left-auto data-[responsive-mode=desktop]:data-[desktop-state=expanded]:right-auto data-[responsive-mode=desktop]:data-[desktop-state=expanded]:rounded-none data-[responsive-mode=desktop]:data-[desktop-state=expanded]:w-full data-[responsive-mode=desktop]:data-[desktop-state=stashed]:data-[drawer-state=closed]:data-[sidebar-exiting=false]:hidden data-[responsive-mode=desktop]:data-[desktop-state=stashed]:data-[drawer-state=open]:fixed data-[responsive-mode=desktop]:data-[desktop-state=stashed]:data-[drawer-state=open]:h-auto data-[responsive-mode=desktop]:data-[desktop-state=stashed]:data-[drawer-state=open]:z-dialog data-[responsive-mode=desktop]:data-[mobile-state=closed]:translate-x-0 data-[responsive-mode=desktop]:data-[mobile-state=open]:translate-x-0 data-[responsive-mode=desktop]:data-[sticky=False]:h-auto data-[responsive-mode=desktop]:data-[sticky=False]:relative data-[responsive-mode=desktop]:data-[sticky=false]:h-auto data-[responsive-mode=desktop]:data-[sticky=false]:relative data-[responsive-mode=desktop]:h-auto data-[responsive-mode=desktop]:h-screen data-[responsive-mode=desktop]:relative data-[responsive-mode=desktop]:sticky data-[responsive-mode=desktop]:translate-x-0 data-[responsive-mode=desktop]:w-[var(--ui-sidebar-width,var(--spacing-sidebar-width))] data-[responsive-mode=desktop]:z-auto data-[state=closed]:opacity-0 data-[state=closed]:pointer-events-none data-[state=hidden]:hidden data-[state=visible]:block data-checked:opacity-100 data-checked:translate-x-switch-travel-lg data-checked:translate-x-switch-travel-md data-checked:translate-x-switch-travel-sm data-checked:translate-x-switch-travel-xlg data-checked:translate-x-switch-travel-xs data-current:border-transparent data-current:shadow-none data-disabled:hidden data-disabled:opacity-50 data-disabled:opacity-60 data-disabled:pointer-events-none data-dragging:bg-scrollbar-thumb-hover data-indeterminate:opacity-100 data-invalid:has-[:focus-visible]:ui-focus-ring-danger data-invalid:hover:shadow-[0_0_0_var(--border-width-edge-control)_var(--color-intent-danger-edge-hover)] data-invalid:shadow-[0_0_0_var(--border-width-edge-control)_var(--color-intent-danger-edge)] data-resizing:bg-intent-neutral-edge-hover data-resizing:border-intent-neutral-edge-strong data-selected:bg-interaction-selected data-selected:opacity-100 data-visible:opacity-100 data-visible:pointer-events-auto file:bg-transparent file:border-0 file:font-normal file:h-full file:mr-3 file:text-inherit file:text-sm fill-current fixed flex flex-1 flex-col flex-col-reverse flex-none flex-nowrap flex-row flex-row-reverse flex-wrap flex-wrap-reverse focus-visible:bg-intent-neutral-edge-hover focus-visible:ring-2 focus-visible:ring-focus focus-visible:ui-focus-ring focus-visible:ui-focus-ring-inset font-badge font-body font-bold font-control font-description font-heading font-label font-medium font-menu-item font-metadata font-mono font-normal font-sans font-semibold gap-0 gap-0.5 gap-1 gap-1.5 gap-10 gap-10.5 gap-11 gap-11.5 gap-12 gap-2 gap-2.5 gap-3 gap-3.5 gap-4 gap-4.5 gap-5 gap-5.5 gap-6 gap-6.5 gap-7 gap-7.5 gap-8 gap-8.5 gap-9 gap-9.5 gap-app-region-gap gap-control-gap gap-sidebar-content-gap gap-sidebar-header-gap gap-x-0.5 gap-x-1 gap-x-1.5 gap-x-10 gap-x-10.5 gap-x-11 gap-x-11.5 gap-x-12 gap-x-2 gap-x-2.5 gap-x-3 gap-x-3.5 gap-x-4 gap-x-4.5 gap-x-5 gap-x-5.5 gap-x-6 gap-x-6.5 gap-x-7 gap-x-7.5 gap-x-8 gap-x-8.5 gap-x-9 gap-x-9.5 gap-y-0.5 gap-y-1 gap-y-1.5 gap-y-10 gap-y-10.5 gap-y-11 gap-y-11.5 gap-y-12 gap-y-2 gap-y-2.5 gap-y-3 gap-y-3.5 gap-y-4 gap-y-4.5 gap-y-5 gap-y-5.5 gap-y-6 gap-y-6.5 gap-y-7 gap-y-7.5 gap-y-8 gap-y-8.5 gap-y-9 gap-y-9.5 grid grid-cols-[auto_minmax(0,1fr)] grid-cols-[auto_minmax(0,1fr)_auto] grid-cols-[minmax(0,1fr)] grid-cols-[minmax(0,1fr)_auto] grid-flow-col grid-flow-col-dense grid-flow-dense grid-flow-row grid-flow-row-dense grid-rows-1 grid-rows-2 grid-rows-3 grid-rows-4 grid-rows-5 grid-rows-6 grid-rows-[auto_auto_minmax(0,1fr)_auto] grid-rows-[auto_minmax(0,1fr)_auto] group-data-[placement=top]/sidebar:border-b-edge-divider group-data-[placement=top]/sidebar:border-l-0 group-data-[placement=top]/sidebar:border-r-0 group-data-[placement=top]/sidebar:bottom-0 group-data-[placement=top]/sidebar:cursor-row-resize group-data-[placement=top]/sidebar:h-3 group-data-[placement=top]/sidebar:inset-x-0 group-data-[placement=top]/sidebar:top-auto group-data-[placement=top]/sidebar:w-auto group-data-[responsive-mode=desktop]/sidebar:block group-open/sidebar-group:rotate-90 group/sidebar-item group/sidebar-item-row group/tabs-tab group/toast h-1.5 h-40 h-5 h-[var(--border-width-edge-separator)] h-auto h-control-lg h-control-md h-control-sm h-control-xlg h-control-xs h-dvh h-full h-menu-item h-panel-resize-handle h-px h-scrollbar h-slider-track-lg h-slider-track-md h-slider-track-sm h-slider-track-xlg h-slider-track-xs h-switch-track-height-lg h-switch-track-height-md h-switch-track-height-sm h-switch-track-height-xlg h-switch-track-height-xs has-[:focus-visible]:ui-focus-ring hidden hover:bg-intent-neutral-edge-hover hover:bg-interaction-hover hover:bg-scrollbar-thumb-hover hover:border-intent-neutral-edge-hover hover:text-surface-ink inline-block inline-flex inline-grid inset-0 inset-x-0 inset-y-0 inset-y-2 isolate items-baseline items-center items-end items-start items-stretch justify-between justify-center justify-end justify-items-baseline justify-items-center justify-items-end justify-items-start justify-items-stretch justify-self-end justify-start last:border-b-0 leading-5 leading-none left-0 left-1/2 left-2 left-4 left-full left-scrollbar-inset list-none m-0 m-0.5 m-1 m-1.5 m-10 m-10.5 m-11 m-11.5 m-12 m-2 m-2.5 m-3 m-3.5 m-4 m-4.5 m-5 m-5.5 m-6 m-6.5 m-7 m-7.5 m-8 m-8.5 m-9 m-9.5 max-h-full max-h-lg max-h-md max-h-none max-h-prose max-h-sm max-h-xl max-h-xs max-w-2xl max-w-2xs max-w-3xl max-w-3xs max-w-4xl max-w-56 max-w-5xl max-w-64 max-w-6xl max-w-72 max-w-7xl max-w-[calc(100vw-2rem)] max-w-[var(--ui-popover-available-width,none)] max-w-full max-w-lg max-w-md max-w-modal-lg max-w-modal-md max-w-modal-sm max-w-modal-xl max-w-none max-w-prose max-w-sm max-w-xl max-w-xs md:auto-cols-fr md:gap-x-4 md:grid-cols-[minmax(10rem,14rem)_minmax(0,1fr)] md:grid-flow-col md:items-start min-h-0 min-h-control-lg min-h-control-md min-h-control-multiline-lg min-h-control-multiline-md min-h-control-multiline-sm min-h-control-multiline-xlg min-h-control-multiline-xs min-h-control-sm min-h-control-xlg min-h-control-xs min-h-dvh min-w-0 min-w-16 min-w-28 min-w-72 min-w-[min(var(--container-2xs),var(--ui-popover-available-width,var(--container-2xs)))] min-w-[min(var(--container-3xs),var(--ui-popover-available-width,var(--container-3xs)))] min-w-[min(var(--container-xs),var(--ui-popover-available-width,var(--container-xs)))] min-w-[min(var(--spacing-menu-min-width),var(--ui-popover-available-width,var(--spacing-menu-min-width)))] min-w-control-lg min-w-full min-w-max ml-0 ml-1 ml-2 ml-auto mr-0 mr-1 mr-auto mt-0.5 mx-0.5 mx-1 mx-1.5 mx-10 mx-10.5 mx-11 mx-11.5 mx-12 mx-2 mx-2.5 mx-3 mx-3.5 mx-4 mx-4.5 mx-5 mx-5.5 mx-6 mx-6.5 mx-7 mx-7.5 mx-8 mx-8.5 mx-9 mx-9.5 mx-auto my-0.5 my-1 my-1.5 my-10 my-10.5 my-11 my-11.5 my-12 my-2 my-2.5 my-3 my-3.5 my-4 my-4.5 my-5 my-5.5 my-6 my-6.5 my-7 my-7.5 my-8 my-8.5 my-9 my-9.5 my-popover no-underline object-contain object-cover object-fill object-none object-scale-down opacity-0 opacity-25 opacity-70 opacity-75 order-10 outline-none overflow-auto overflow-hidden overflow-visible overflow-x-auto overflow-x-hidden overflow-y-auto overflow-y-hidden p-0 p-0.5 p-1 p-1.5 p-10 p-10.5 p-11 p-11.5 p-12 p-2 p-2.5 p-3 p-3.5 p-4 p-4.5 p-5 p-5.5 p-6 p-6.5 p-7 p-7.5 p-8 p-8.5 p-9 p-9.5 p-popover-padding p-switch-inset pb-2 pb-3 pe-10 peer place-items-center pointer-events-auto pointer-events-none pr-2 pr-8 pr-9 pt-1 pt-2 pt-4 px-0 px-0.5 px-1 px-1.5 px-10 px-10.5 px-11 px-11.5 px-12 px-2 px-2.5 px-3 px-3.5 px-4 px-4.5 px-5 px-5.5 px-6 px-6.5 px-7 px-7.5 px-8 px-8.5 px-9 px-9.5 px-app-region-padding-inline px-badge-padding-lg px-badge-padding-md px-badge-padding-sm px-badge-padding-xlg px-badge-padding-xs px-control-padding-lg px-control-padding-md px-control-padding-sm px-control-padding-xlg px-control-padding-xs px-menu-item-padding-inline px-popover-padding px-sidebar-content-padding-inline px-sidebar-header-padding-inline py-0.5 py-1 py-1.5 py-10 py-10.5 py-11 py-11.5 py-12 py-2 py-2.5 py-3 py-3.5 py-4 py-4.5 py-5 py-5.5 py-6 py-6.5 py-7 py-7.5 py-8 py-8.5 py-9 py-9.5 py-app-region-padding-block py-sidebar-content-padding-block py-sidebar-header-padding-block relative resize resize-none resize-x resize-y right-0 right-1 right-2 right-3 right-4 right-scrollbar-inset rotate-180 rounded-b-overlay-md rounded-control-lg rounded-control-md rounded-control-sm rounded-control-xs rounded-full rounded-l-overlay-md rounded-overlay-md rounded-overlay-sm rounded-r-overlay-md rounded-scrollbar-thumb rounded-surface-lg rounded-surface-md rounded-surface-sm rounded-surface-xs rounded-t-overlay-md row-span-2 row-start-1 select-none self-center self-start self-stretch shadow-[0_0_0_var(--border-width-edge-control)_var(--ui-surface-edge)] shrink-0 size-2 size-9 size-badge-close-lg size-badge-close-md size-badge-close-sm size-badge-close-xlg size-badge-close-xs size-brand-logo-lg size-brand-logo-md size-brand-logo-sm size-brand-logo-xlg size-brand-logo-xs size-checkbox-indicator-lg size-checkbox-indicator-md size-checkbox-indicator-sm size-checkbox-indicator-xlg size-checkbox-indicator-xs size-control-md size-control-sm size-control-xs size-full size-icon size-icon-lg size-icon-md size-icon-sm size-icon-xs size-radio-dot-lg size-radio-dot-md size-radio-dot-sm size-radio-dot-xlg size-radio-dot-xs size-radio-indicator-lg size-radio-indicator-md size-radio-indicator-sm size-radio-indicator-xlg size-radio-indicator-xs size-scrollbar size-slider-thumb-lg size-slider-thumb-md size-slider-thumb-sm size-slider-thumb-xlg size-slider-thumb-xs size-switch-thumb-lg size-switch-thumb-md size-switch-thumb-sm size-switch-thumb-xlg size-switch-thumb-xs sm:grid-cols-2 sm:grid-cols-[auto_minmax(9rem,11rem)] sm:grid-cols-[minmax(9rem,11rem)_auto] sr-only sticky table-auto table-fixed tabular-nums text-1 text-10 text-11 text-12 text-13 text-2 text-3 text-4 text-5 text-6 text-7 text-8 text-9 text-[var(--ui-semantic-surface-ink-muted)] text-badge-lg text-badge-md text-badge-sm text-badge-xlg text-badge-xs text-base text-center text-control-lg text-control-md text-control-sm text-control-xlg text-control-xs text-current text-description text-icon text-inherit text-intent-accent-text text-intent-danger-text text-label text-label-ink text-left text-menu-item text-metadata text-right text-sm text-surface-ink text-surface-ink-muted text-xs top-0 top-1/2 top-3 top-4 top-scrollbar-inset touch-none translate-y-1/2 truncate ui-image-outline ui-interactive:hover:bg-interaction-hover ui-interactive:ui-active:bg-interaction-pressed ui-interactive:ui-selected:bg-interaction-selected ui-interactive:ui-selected:hover:bg-interaction-selected-hover ui-motion-progress w-1.5 w-10 w-2 w-3 w-4 w-[min(24rem,calc(100vw-2rem))] w-[var(--border-width-edge-separator)] w-[var(--container-2xs)] w-[var(--container-3xs)] w-[var(--container-xs)] w-[var(--spacing-sidebar-drawer-width)] w-auto w-control-lg w-control-md w-control-sm w-control-xlg w-control-xs w-full w-max w-panel-resize-handle w-px w-scrollbar w-slider-track-lg w-slider-track-md w-slider-track-sm w-slider-track-xlg w-slider-track-xs w-switch-track-width-lg w-switch-track-width-md w-switch-track-width-sm w-switch-track-width-xlg w-switch-track-width-xs whitespace-nowrap z-0 z-10 z-20 z-30 z-40 z-dialog z-popover z-toast");
3
+ @source inline("!items-center !mt-0 !pl-1.5 -mb-1 -ml-1.5 -ml-2 -ml-2.5 -ml-3 -ml-4 -mr-1 -mr-1.5 -mr-2 -mr-2.5 -mr-3 -mr-4 -mt-1 -mt-3 -mx-popover -top-px -translate-x-1/2 -translate-y-1/2 [&::-webkit-details-marker]:hidden [&:has(+[data-ui-text])]:mb-2 [&:has([data-ui-select-option-label]>*+*)]:h-auto [&:has([data-ui-select-option-label]>*+*)]:items-start [&:has([data-ui-select-option-label]>*+*)]:py-2 [&:not([data-responsive-mode=desktop])]:border-0 [&:not([data-responsive-mode=desktop])]:h-dvh [&:not([data-responsive-mode=desktop])]:inset-0 [&:not([data-responsive-mode=desktop])]:max-w-none [&:not([data-responsive-mode=desktop])]:rounded-none [&:not([data-responsive-mode=desktop])]:w-full [&>[data-ui-modal-body]]:-mx-1 [&>[data-ui-modal-body]]:content-start [&>[data-ui-modal-body]]:min-h-0 [&>[data-ui-modal-body]]:overflow-x-hidden [&>[data-ui-modal-body]]:overflow-y-auto [&>[data-ui-modal-body]]:px-1 [&>[data-ui-modal-footer]]:self-end [&>[data-ui-separator]]:-mx-sidebar-content-padding-inline [&>[data-ui-separator]]:w-auto [&[data-current]>*]:bg-interaction-hover [&[data-selected]>*]:bg-interaction-selected [&_[data-ui-checkbox-indicator]]:hidden [&_[data-ui-table-cell]]:min-w-0 [&_[data-ui-table-cell]]:px-2 [&_[data-ui-table-cell]]:px-3 [&_[data-ui-table-cell]]:px-4 [&_[data-ui-table-cell]]:py-1.5 [&_[data-ui-table-cell]]:py-2 [&_[data-ui-table-cell]]:py-3 [&_[data-ui-table-cell]]:text-surface-ink [&_[data-ui-table-cell]]:whitespace-nowrap [&_[data-ui-table-column]]:font-medium [&_[data-ui-table-column]]:min-w-0 [&_[data-ui-table-column]]:px-2 [&_[data-ui-table-column]]:px-3 [&_[data-ui-table-column]]:px-4 [&_[data-ui-table-column]]:py-1.5 [&_[data-ui-table-column]]:py-2 [&_[data-ui-table-column]]:py-3 [&_[data-ui-table-column]]:text-xs [&_[data-ui-table-column]]:whitespace-nowrap [&_[data-ui-table-header]]:bg-surface [&_[data-ui-table-header]]:sticky [&_[data-ui-table-header]]:top-0 [&_[data-ui-table-header]]:z-10 [&_[data-ui-table-row-header]]:font-medium [&_[data-ui-table-row-header]]:min-w-0 [&_[data-ui-table-row-header]]:px-2 [&_[data-ui-table-row-header]]:px-3 [&_[data-ui-table-row-header]]:px-4 [&_[data-ui-table-row-header]]:py-1.5 [&_[data-ui-table-row-header]]:py-2 [&_[data-ui-table-row-header]]:py-3 [&_[data-ui-table-row-header]]:text-surface-ink [&_[data-ui-table-row-header]]:whitespace-nowrap [&_[data-ui-table-row]>*+*]:border-l-edge-separator [&_[data-ui-table-row]>*:first-child]:ps-0 [&_[data-ui-table-row]>*:last-child]:pe-0 [&_[data-ui-table-row]>*]:border-separator [&_[data-ui-table-row][data-disabled]]:opacity-disabled [&_tbody_[data-ui-table-row]:not(:last-child)>*]:border-b-edge-separator [&_tbody_[data-ui-table-row]:not([data-disabled]):not([data-selected]):not([data-current]):hover>*]:bg-interaction-hover [&_tbody_[data-ui-table-row]:nth-child(even)>*]:bg-interaction-hover [&_tfoot]:text-surface-ink-muted [&_tfoot_[data-ui-table-row]>*]:border-t-edge-separator [&_thead]:text-surface-ink-muted [&_thead_[data-ui-table-row]>*]:border-b-edge-separator [--ui-interaction-rest-edge:var(--ui-surface-edge)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-0)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-1)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-2)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-3)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-4)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-5)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-6)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-7)] [--ui-sidebar-drawer-elevation:var(--shadow-elevation-8)] [--ui-sidebar-drawer-elevation:var(--ui-matched-elevation)] [--ui-sidebar-drawer-elevation:var(--ui-relative-elevation-1)] [--ui-sidebar-drawer-elevation:var(--ui-relative-elevation-2)] [--ui-sidebar-drawer-elevation:var(--ui-relative-elevation-3)] [--ui-sidebar-drawer-elevation:var(--ui-relative-elevation-4)] [--ui-sidebar-drawer-elevation:var(--ui-relative-elevation-5)] [--ui-sidebar-drawer-elevation:var(--ui-relative-elevation-6)] [--ui-sidebar-drawer-elevation:var(--ui-relative-elevation-7)] [--ui-sidebar-drawer-elevation:var(--ui-relative-elevation-8)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-0)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-1)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-2)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-3)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-4)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-5)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-6)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-7)] [--ui-sidebar-resting-elevation:var(--shadow-elevation-8)] [--ui-sidebar-resting-elevation:var(--ui-matched-elevation)] [--ui-sidebar-resting-elevation:var(--ui-relative-elevation-1)] [--ui-sidebar-resting-elevation:var(--ui-relative-elevation-2)] [--ui-sidebar-resting-elevation:var(--ui-relative-elevation-3)] [--ui-sidebar-resting-elevation:var(--ui-relative-elevation-4)] [--ui-sidebar-resting-elevation:var(--ui-relative-elevation-5)] [--ui-sidebar-resting-elevation:var(--ui-relative-elevation-6)] [--ui-sidebar-resting-elevation:var(--ui-relative-elevation-7)] [--ui-sidebar-resting-elevation:var(--ui-relative-elevation-8)] [[data-ui-text]+&]:mt-2 [font-weight:var(--font-weight-badge-lg)] [font-weight:var(--font-weight-badge-md)] [font-weight:var(--font-weight-badge-sm)] [font-weight:var(--font-weight-badge-xlg)] [font-weight:var(--font-weight-badge-xs)] [font-weight:var(--font-weight-control-lg)] [font-weight:var(--font-weight-control-md)] [font-weight:var(--font-weight-control-sm)] [font-weight:var(--font-weight-control-xlg)] [font-weight:var(--font-weight-control-xs)] [font-weight:var(--font-weight-description)] [font-weight:var(--font-weight-heading)] [font-weight:var(--font-weight-label)] [font-weight:var(--font-weight-menu-item)] [font-weight:var(--font-weight-metadata)] [font-weight:var(--font-weight-normal)] [font:inherit] [grid-area:aside] [grid-area:footer] [grid-area:header] [grid-area:main] [grid-area:sidebar] [print-color-adjust:exact] absolute active:bg-interaction-pressed align-baseline align-bottom align-middle align-top appearance-none auto-cols-max auto-rows-min backdrop:bg-transparent basis-0 basis-full bg-current bg-interaction-hover bg-scrim bg-scrollbar-thumb bg-separator bg-separator-muted bg-surface bg-transparent block border border-0 border-b-edge-divider border-b-edge-separator border-l-edge-divider border-r-edge-divider border-separate border-separator border-spacing-0 border-t-edge-divider border-transparent bottom-0 bottom-4 bottom-scrollbar-inset caption-bottom caption-top col-start-1 col-start-2 contain-strict content-between content-center content-end content-start content-stretch contents cursor-col-resize cursor-default cursor-row-resize dark:block dark:hidden dark:inline data-[drawer-state=open]:bg-surface data-[mobile-state=closed]:-translate-x-full data-[mobile-state=closed]:translate-x-full data-[mobile-state=open]:translate-x-0 data-[placement=side][data-side=left]:border-r-edge-divider data-[placement=side][data-side=right]:border-l-edge-divider data-[placement=top]:border-b-edge-divider data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content-inner]]:flex data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content-inner]]:items-center data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content]>[data-ui-scroll-area]]:overflow-visible data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content]]:flex-1 data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-content]]:overflow-visible data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-footer]]:flex data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-footer]]:items-center data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-item]]:w-auto data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-nav]]:flex data-[placement=top]:data-[responsive-mode=desktop]:[&_[data-ui-sidebar-nav]]:items-center data-[placement=top]:data-[responsive-mode=desktop]:flex-row data-[placement=top]:data-[responsive-mode=desktop]:h-[var(--ui-sidebar-height,auto)] data-[placement=top]:data-[responsive-mode=desktop]:inset-auto data-[placement=top]:data-[responsive-mode=desktop]:max-w-none data-[placement=top]:data-[responsive-mode=desktop]:overflow-visible data-[placement=top]:data-[responsive-mode=desktop]:relative data-[placement=top]:data-[responsive-mode=desktop]:translate-x-0 data-[placement=top]:data-[responsive-mode=desktop]:w-full data-[placement=top]:data-[responsive-mode=desktop]:z-auto data-[responsive-mode=desktop]:data-[desktop-state=expanded]:inset-y-0 data-[responsive-mode=desktop]:data-[desktop-state=expanded]:left-auto data-[responsive-mode=desktop]:data-[desktop-state=expanded]:right-auto data-[responsive-mode=desktop]:data-[desktop-state=expanded]:rounded-none data-[responsive-mode=desktop]:data-[desktop-state=expanded]:w-full data-[responsive-mode=desktop]:data-[desktop-state=stashed]:data-[drawer-state=closed]:data-[sidebar-exiting=false]:hidden data-[responsive-mode=desktop]:data-[desktop-state=stashed]:data-[drawer-state=open]:fixed data-[responsive-mode=desktop]:data-[desktop-state=stashed]:data-[drawer-state=open]:h-auto data-[responsive-mode=desktop]:data-[desktop-state=stashed]:data-[drawer-state=open]:z-dialog data-[responsive-mode=desktop]:data-[mobile-state=closed]:translate-x-0 data-[responsive-mode=desktop]:data-[mobile-state=open]:translate-x-0 data-[responsive-mode=desktop]:data-[sticky=False]:h-auto data-[responsive-mode=desktop]:data-[sticky=False]:relative data-[responsive-mode=desktop]:data-[sticky=false]:h-auto data-[responsive-mode=desktop]:data-[sticky=false]:relative data-[responsive-mode=desktop]:h-auto data-[responsive-mode=desktop]:h-screen data-[responsive-mode=desktop]:relative data-[responsive-mode=desktop]:sticky data-[responsive-mode=desktop]:translate-x-0 data-[responsive-mode=desktop]:w-[var(--ui-sidebar-width,var(--spacing-sidebar-width))] data-[responsive-mode=desktop]:z-auto data-[state=closed]:opacity-0 data-[state=closed]:pointer-events-none data-[state=hidden]:hidden data-[state=visible]:block data-checked:opacity-100 data-checked:translate-x-switch-travel-lg data-checked:translate-x-switch-travel-md data-checked:translate-x-switch-travel-sm data-checked:translate-x-switch-travel-xlg data-checked:translate-x-switch-travel-xs data-current:border-transparent data-current:shadow-none data-disabled:hidden data-disabled:opacity-50 data-disabled:opacity-60 data-disabled:pointer-events-none data-dragging:bg-scrollbar-thumb-hover data-indeterminate:opacity-100 data-invalid:has-[:focus-visible]:ui-focus-ring-danger data-invalid:hover:shadow-[0_0_0_var(--border-width-edge-control)_var(--color-intent-danger-edge-hover)] data-invalid:shadow-[0_0_0_var(--border-width-edge-control)_var(--color-intent-danger-edge)] data-selected:bg-interaction-selected data-selected:opacity-100 data-visible:opacity-100 data-visible:pointer-events-auto file:bg-transparent file:border-0 file:font-normal file:h-full file:mr-3 file:text-inherit file:text-sm fill-current fixed flex flex-1 flex-col flex-col-reverse flex-none flex-nowrap flex-row flex-row-reverse flex-wrap flex-wrap-reverse focus-visible:ring-2 focus-visible:ring-focus focus-visible:ui-focus-ring focus-visible:ui-focus-ring-inset font-badge font-body font-bold font-control font-description font-heading font-label font-medium font-menu-item font-metadata font-mono font-normal font-sans font-semibold gap-0 gap-0.5 gap-1 gap-1.5 gap-10 gap-10.5 gap-11 gap-11.5 gap-12 gap-2 gap-2.5 gap-3 gap-3.5 gap-4 gap-4.5 gap-5 gap-5.5 gap-6 gap-6.5 gap-7 gap-7.5 gap-8 gap-8.5 gap-9 gap-9.5 gap-app-region-gap gap-control-gap gap-sidebar-content-gap gap-sidebar-header-gap gap-x-0.5 gap-x-1 gap-x-1.5 gap-x-10 gap-x-10.5 gap-x-11 gap-x-11.5 gap-x-12 gap-x-2 gap-x-2.5 gap-x-3 gap-x-3.5 gap-x-4 gap-x-4.5 gap-x-5 gap-x-5.5 gap-x-6 gap-x-6.5 gap-x-7 gap-x-7.5 gap-x-8 gap-x-8.5 gap-x-9 gap-x-9.5 gap-y-0.5 gap-y-1 gap-y-1.5 gap-y-10 gap-y-10.5 gap-y-11 gap-y-11.5 gap-y-12 gap-y-2 gap-y-2.5 gap-y-3 gap-y-3.5 gap-y-4 gap-y-4.5 gap-y-5 gap-y-5.5 gap-y-6 gap-y-6.5 gap-y-7 gap-y-7.5 gap-y-8 gap-y-8.5 gap-y-9 gap-y-9.5 grid grid-cols-[auto_minmax(0,1fr)] grid-cols-[auto_minmax(0,1fr)_auto] grid-cols-[minmax(0,1fr)] grid-cols-[minmax(0,1fr)_auto] grid-flow-col grid-flow-col-dense grid-flow-dense grid-flow-row grid-flow-row-dense grid-rows-1 grid-rows-2 grid-rows-3 grid-rows-4 grid-rows-5 grid-rows-6 grid-rows-[auto_auto_minmax(0,1fr)_auto] grid-rows-[auto_minmax(0,1fr)_auto] group-data-[placement=top]/sidebar:bottom-0 group-data-[placement=top]/sidebar:cursor-row-resize group-data-[placement=top]/sidebar:h-3 group-data-[placement=top]/sidebar:inset-x-0 group-data-[placement=top]/sidebar:top-auto group-data-[placement=top]/sidebar:w-auto group-data-[responsive-mode=desktop]/sidebar:block group-open/sidebar-group:rotate-90 group/sidebar-item group/sidebar-item-row group/tabs-tab group/toast h-1.5 h-40 h-5 h-[var(--border-width-edge-separator)] h-auto h-control-lg h-control-md h-control-sm h-control-xlg h-control-xs h-dvh h-full h-menu-item h-panel-resize-handle h-px h-scrollbar h-slider-track-lg h-slider-track-md h-slider-track-sm h-slider-track-xlg h-slider-track-xs h-switch-track-height-lg h-switch-track-height-md h-switch-track-height-sm h-switch-track-height-xlg h-switch-track-height-xs has-[:focus-visible]:ui-focus-ring hidden hover:bg-interaction-hover hover:bg-scrollbar-thumb-hover hover:text-surface-ink inline-block inline-flex inline-grid inset-0 inset-x-0 inset-y-0 inset-y-2 isolate items-baseline items-center items-end items-start items-stretch justify-between justify-center justify-end justify-items-baseline justify-items-center justify-items-end justify-items-start justify-items-stretch justify-self-end justify-start last:border-b-0 leading-5 leading-none left-0 left-1/2 left-2 left-4 left-full left-scrollbar-inset list-none m-0 m-0.5 m-1 m-1.5 m-10 m-10.5 m-11 m-11.5 m-12 m-2 m-2.5 m-3 m-3.5 m-4 m-4.5 m-5 m-5.5 m-6 m-6.5 m-7 m-7.5 m-8 m-8.5 m-9 m-9.5 max-h-full max-h-lg max-h-md max-h-none max-h-prose max-h-sm max-h-xl max-h-xs max-w-2xl max-w-2xs max-w-3xl max-w-3xs max-w-4xl max-w-56 max-w-5xl max-w-64 max-w-6xl max-w-72 max-w-7xl max-w-[calc(100vw-2rem)] max-w-[var(--ui-popover-available-width,none)] max-w-full max-w-lg max-w-md max-w-modal-lg max-w-modal-md max-w-modal-sm max-w-modal-xl max-w-none max-w-prose max-w-sm max-w-xl max-w-xs md:auto-cols-fr md:gap-x-4 md:grid-cols-[minmax(10rem,14rem)_minmax(0,1fr)] md:grid-flow-col md:items-start min-h-0 min-h-control-lg min-h-control-md min-h-control-multiline-lg min-h-control-multiline-md min-h-control-multiline-sm min-h-control-multiline-xlg min-h-control-multiline-xs min-h-control-sm min-h-control-xlg min-h-control-xs min-h-dvh min-w-0 min-w-16 min-w-28 min-w-72 min-w-[min(var(--container-2xs),var(--ui-popover-available-width,var(--container-2xs)))] min-w-[min(var(--container-3xs),var(--ui-popover-available-width,var(--container-3xs)))] min-w-[min(var(--container-xs),var(--ui-popover-available-width,var(--container-xs)))] min-w-[min(var(--spacing-menu-min-width),var(--ui-popover-available-width,var(--spacing-menu-min-width)))] min-w-control-lg min-w-full min-w-max ml-0 ml-1 ml-2 ml-auto mr-0 mr-1 mr-auto mt-0.5 mx-0.5 mx-1 mx-1.5 mx-10 mx-10.5 mx-11 mx-11.5 mx-12 mx-2 mx-2.5 mx-3 mx-3.5 mx-4 mx-4.5 mx-5 mx-5.5 mx-6 mx-6.5 mx-7 mx-7.5 mx-8 mx-8.5 mx-9 mx-9.5 mx-auto my-0.5 my-1 my-1.5 my-10 my-10.5 my-11 my-11.5 my-12 my-2 my-2.5 my-3 my-3.5 my-4 my-4.5 my-5 my-5.5 my-6 my-6.5 my-7 my-7.5 my-8 my-8.5 my-9 my-9.5 my-popover no-underline object-contain object-cover object-fill object-none object-scale-down opacity-0 opacity-25 opacity-70 opacity-75 order-10 outline-none overflow-auto overflow-hidden overflow-visible overflow-x-auto overflow-x-hidden overflow-y-auto overflow-y-hidden p-0 p-0.5 p-1 p-1.5 p-10 p-10.5 p-11 p-11.5 p-12 p-2 p-2.5 p-3 p-3.5 p-4 p-4.5 p-5 p-5.5 p-6 p-6.5 p-7 p-7.5 p-8 p-8.5 p-9 p-9.5 p-popover-padding p-switch-inset pb-2 pb-3 pe-10 peer place-items-center pointer-events-auto pointer-events-none pr-2 pr-8 pr-9 pt-1 pt-2 pt-4 px-0 px-0.5 px-1 px-1.5 px-10 px-10.5 px-11 px-11.5 px-12 px-2 px-2.5 px-3 px-3.5 px-4 px-4.5 px-5 px-5.5 px-6 px-6.5 px-7 px-7.5 px-8 px-8.5 px-9 px-9.5 px-app-region-padding-inline px-badge-padding-lg px-badge-padding-md px-badge-padding-sm px-badge-padding-xlg px-badge-padding-xs px-control-padding-lg px-control-padding-md px-control-padding-sm px-control-padding-xlg px-control-padding-xs px-menu-item-padding-inline px-popover-padding px-sidebar-content-padding-inline px-sidebar-header-padding-inline py-0.5 py-1 py-1.5 py-10 py-10.5 py-11 py-11.5 py-12 py-2 py-2.5 py-3 py-3.5 py-4 py-4.5 py-5 py-5.5 py-6 py-6.5 py-7 py-7.5 py-8 py-8.5 py-9 py-9.5 py-app-region-padding-block py-sidebar-content-padding-block py-sidebar-header-padding-block relative resize resize-none resize-x resize-y right-0 right-1 right-2 right-3 right-4 right-scrollbar-inset rotate-180 rounded-b-overlay-md rounded-control-lg rounded-control-md rounded-control-sm rounded-control-xs rounded-full rounded-l-overlay-md rounded-overlay-md rounded-overlay-sm rounded-r-overlay-md rounded-scrollbar-thumb rounded-surface-lg rounded-surface-md rounded-surface-sm rounded-surface-xs rounded-t-overlay-md row-span-2 row-start-1 select-none self-center self-start self-stretch shadow-[0_0_0_var(--border-width-edge-control)_var(--ui-surface-edge)] shrink-0 size-2 size-9 size-badge-close-lg size-badge-close-md size-badge-close-sm size-badge-close-xlg size-badge-close-xs size-brand-logo-lg size-brand-logo-md size-brand-logo-sm size-brand-logo-xlg size-brand-logo-xs size-checkbox-indicator-lg size-checkbox-indicator-md size-checkbox-indicator-sm size-checkbox-indicator-xlg size-checkbox-indicator-xs size-control-md size-control-sm size-control-xs size-full size-icon size-icon-lg size-icon-md size-icon-sm size-icon-xs size-radio-dot-lg size-radio-dot-md size-radio-dot-sm size-radio-dot-xlg size-radio-dot-xs size-radio-indicator-lg size-radio-indicator-md size-radio-indicator-sm size-radio-indicator-xlg size-radio-indicator-xs size-scrollbar size-slider-thumb-lg size-slider-thumb-md size-slider-thumb-sm size-slider-thumb-xlg size-slider-thumb-xs size-switch-thumb-lg size-switch-thumb-md size-switch-thumb-sm size-switch-thumb-xlg size-switch-thumb-xs sm:grid-cols-2 sm:grid-cols-[auto_minmax(9rem,11rem)] sm:grid-cols-[minmax(9rem,11rem)_auto] sr-only sticky table-auto table-fixed tabular-nums text-1 text-10 text-11 text-12 text-13 text-2 text-3 text-4 text-5 text-6 text-7 text-8 text-9 text-[var(--ui-semantic-surface-ink-muted)] text-badge-lg text-badge-md text-badge-sm text-badge-xlg text-badge-xs text-base text-center text-control-lg text-control-md text-control-sm text-control-xlg text-control-xs text-current text-description text-icon text-inherit text-intent-accent-text text-intent-danger-text text-label text-label-ink text-left text-menu-item text-metadata text-right text-sm text-surface-ink text-surface-ink-muted text-surface-ink-subtle text-xs top-0 top-1/2 top-3 top-4 top-scrollbar-inset touch-none translate-y-1/2 truncate ui-image-outline ui-interactive:hover:bg-interaction-hover ui-interactive:ui-active:bg-interaction-pressed ui-interactive:ui-selected:bg-interaction-selected ui-interactive:ui-selected:hover:bg-interaction-selected-hover ui-motion-progress w-1.5 w-10 w-2 w-3 w-4 w-[min(24rem,calc(100vw-2rem))] w-[var(--border-width-edge-separator)] w-[var(--container-2xs)] w-[var(--container-3xs)] w-[var(--container-xs)] w-[var(--spacing-sidebar-drawer-width)] w-auto w-control-lg w-control-md w-control-sm w-control-xlg w-control-xs w-full w-max w-panel-resize-handle w-px w-scrollbar w-slider-track-lg w-slider-track-md w-slider-track-sm w-slider-track-xlg w-slider-track-xs w-switch-track-width-lg w-switch-track-width-md w-switch-track-width-sm w-switch-track-width-xlg w-switch-track-width-xs whitespace-nowrap z-0 z-10 z-20 z-30 z-40 z-dialog z-popover z-toast");
package/packages/client/src/styles/recipes/selection.css CHANGED
@@ -5,7 +5,6 @@
5
5
  }
6
6
 
7
7
  [data-ui-selection-recipe="indicator"],
8
- [data-ui-selection-recipe="switch-track"],
9
8
  [data-ui-selection-recipe="slider-track"] {
10
9
  --ui-selection-edge: var(--ui-surface-edge);
11
10
  color: var(--color-intent-accent-solid-ink);
@@ -15,12 +14,14 @@
15
14
 
16
15
  [data-ui-selection-recipe="indicator"]:is([data-checked], [data-indeterminate]),
17
16
  [data-ui-selection-recipe="switch-track"][data-checked] {
18
- --ui-selection-edge: var(--ui-interaction-selected-edge, var(--color-intent-accent-edge));
19
17
  color: var(--ui-selection-solid-ink, var(--color-intent-accent-solid-ink));
20
18
  background-color: var(--ui-selection-solid, var(--color-intent-accent-solid));
21
19
  }
22
20
 
23
- [data-ui-selection-recipe="switch-thumb"],
21
+ [data-ui-selection-recipe="indicator"]:is([data-checked], [data-indeterminate]) {
22
+ --ui-selection-edge: var(--ui-interaction-selected-edge, var(--color-intent-accent-edge));
23
+ }
24
+
24
25
  [data-ui-selection-recipe="slider-thumb"] {
25
26
  background-color: var(--ui-surface-color);
26
27
  }
@@ -30,16 +31,59 @@
30
31
  }
31
32
 
32
33
  [data-ui-selection-recipe="switch-track"] {
33
- background-color: var(--color-intent-neutral-soft-pressed);
34
+ color: var(--color-intent-accent-solid-ink);
35
+ background-color: light-dark(var(--color-neutral-4), var(--color-neutral-8));
36
+ transition: background-color var(--motion-duration-fast) cubic-bezier(0.23, 1, 0.32, 1);
37
+ }
38
+
39
+ [data-ui-selection-recipe="switch-thumb"] {
40
+ background-color: light-dark(var(--color-neutral-1), var(--color-neutral-12));
41
+ transform-origin: left center;
42
+ transition:
43
+ translate var(--motion-duration-moderate) cubic-bezier(0.77, 0, 0.175, 1),
44
+ scale var(--motion-duration-fast) cubic-bezier(0.23, 1, 0.32, 1),
45
+ background-color var(--motion-duration-fast) cubic-bezier(0.23, 1, 0.32, 1);
34
46
  }
35
47
 
36
48
  [data-ui-selection-recipe="switch-thumb"][data-checked] {
37
- &::after {
38
- position: absolute;
39
- inset: 0;
40
- border-radius: inherit;
41
- background-color: var(--color-intent-accent-solid-ink);
42
- content: "";
49
+ background-color: var(--ui-selection-solid-ink, var(--color-intent-accent-solid-ink));
50
+ transform-origin: right center;
51
+ }
52
+
53
+ @media (hover: hover) and (pointer: fine) {
54
+ [data-ui-switch]:not([data-disabled]):hover [data-ui-selection-recipe="switch-track"]:not([data-checked]) {
55
+ background-color: color-mix(
56
+ in oklab,
57
+ light-dark(var(--color-neutral-4), var(--color-neutral-8)),
58
+ var(--ui-surface-ink) 5%
59
+ );
60
+ }
61
+
62
+ [data-ui-switch]:not([data-disabled]):hover [data-ui-selection-recipe="switch-track"][data-checked] {
63
+ background-color: var(--color-intent-accent-solid-hover);
64
+ }
65
+
66
+ [data-ui-switch]:not([data-disabled]):hover [data-ui-selection-recipe="switch-thumb"] {
67
+ scale: 1.06;
68
+ }
69
+
70
+ [data-ui-switch]:not([data-disabled]):has([data-ui-switch-input]:active) [data-ui-selection-recipe="switch-thumb"] {
71
+ scale: 1.04 1;
72
+ }
73
+ }
74
+
75
+ [data-ui-switch]:has([data-ui-switch-input]:focus-visible) [data-ui-selection-recipe="switch-thumb"] {
76
+ transition-duration: 0ms, var(--motion-duration-fast), var(--motion-duration-fast);
77
+ }
78
+
79
+ @media (prefers-reduced-motion: reduce) {
80
+ [data-ui-selection-recipe="switch-thumb"] {
81
+ transition-duration: 0ms, 0ms, var(--motion-duration-fast);
82
+ }
83
+
84
+ [data-ui-switch]:not([data-disabled]):hover [data-ui-selection-recipe="switch-thumb"],
85
+ [data-ui-switch]:not([data-disabled]):has([data-ui-switch-input]:active) [data-ui-selection-recipe="switch-thumb"] {
86
+ scale: 1;
43
87
  }
44
88
  }
45
89
 
@@ -52,13 +96,16 @@
52
96
  }
53
97
 
54
98
  [data-ui-selection-root]:has(input:focus-visible) [data-ui-selection-recipe="indicator"],
55
- [data-ui-selection-root]:has(input:focus-visible) [data-ui-selection-recipe="switch-track"],
56
99
  [data-ui-selection-recipe="slider-thumb"][data-focus] {
57
100
  box-shadow:
58
101
  0 0 0 var(--border-width-edge-control) var(--ui-selection-edge, var(--ui-surface-edge)),
59
102
  0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
60
103
  }
61
104
 
105
+ [data-ui-selection-root]:has(input:focus-visible) [data-ui-selection-recipe="switch-track"] {
106
+ box-shadow: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
107
+ }
108
+
62
109
  [data-ui-selection-recipe="slider-thumb"][data-focus] {
63
110
  box-shadow:
64
111
  0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus),
@@ -66,13 +113,16 @@
66
113
  }
67
114
 
68
115
  [data-ui-selection-root][data-invalid]:has(input:focus-visible) [data-ui-selection-recipe="indicator"],
69
- [data-ui-selection-root][data-invalid]:has(input:focus-visible) [data-ui-selection-recipe="switch-track"],
70
116
  [data-ui-selection-recipe="slider-thumb"][data-invalid][data-focus] {
71
117
  box-shadow:
72
118
  0 0 0 var(--border-width-edge-control) var(--ui-selection-edge, var(--color-intent-danger-edge-strong)),
73
119
  0 0 0 var(--color-intent-danger-focus-width) var(--color-intent-danger-focus);
74
120
  }
75
121
 
122
+ [data-ui-selection-root][data-invalid]:has(input:focus-visible) [data-ui-selection-recipe="switch-track"] {
123
+ box-shadow: 0 0 0 var(--color-intent-danger-focus-width) var(--color-intent-danger-focus);
124
+ }
125
+
76
126
  [data-ui-selection-recipe="slider-thumb"][data-invalid][data-focus] {
77
127
  box-shadow:
78
128
  0 0 0 var(--color-intent-danger-focus-width) var(--color-intent-danger-focus),
package/packages/client/src/styles/theme-support.css CHANGED
@@ -3,9 +3,11 @@
3
3
  @custom-variant ui-active (&:is(:active, :focus-visible, [data-active], [data-highlighted]));
4
4
  @custom-variant ui-selected (&:is([data-selected="true"], [aria-selected="true"], [data-current], [aria-current]:not([aria-current="false"]), [data-checked], [aria-checked="true"], [data-pressed], [aria-pressed="true"]));
5
5
 
6
- /* Keep the core authored palette available to custom components in the precompiled package. */
6
+ /* Keep authored palette families available to custom components in the precompiled package. */
7
7
  @source inline("{bg,text,border,ring,fill,stroke}-{neutral,accent}-{1..12}");
8
8
  @source inline("{bg,text,border,ring,fill,stroke}-{neutral,accent}-a{1..12}");
9
+ @source inline("{bg,text,border,ring,fill,stroke}-status-{information,success,warning,danger}-{1..12}");
10
+ @source inline("{bg,text,border,ring,fill,stroke}-status-{information,success,warning,danger}-a{1..12}");
9
11
  @source inline("bg-canvas {bg,border,ring,fill,stroke}-surface-{0..8}");
10
12
  @source inline("text-surface-{0..8}-{ink,ink-muted} shadow-elevation-{0..8}");
11
13
  @source inline("rounded-{1..6} rounded-{control,surface,overlay} rounded-{control,surface,overlay}-{xs,sm,md,lg}");
@@ -23,6 +25,7 @@
23
25
  @source inline("{h,w}-slider-track-{xs,sm,md,lg,xlg} max-w-modal-{sm,md,lg,xl}");
24
26
  @source inline("border-{0..3} border-edge-{perimeter,control,separator,divider}");
25
27
  @source inline("{border-t,border-r,border-b,border-l}-edge-{perimeter,control,separator,divider}");
28
+ @source inline("layout-{shrink,fill} flex-none");
26
29
 
27
30
  @media (hover: hover) {
28
31
  [data-ui-elevation][data-ui-interactive="surface"]:hover {
@@ -148,7 +151,12 @@
148
151
  }
149
152
  }
150
153
 
151
- [data-ui-interaction]:is(:focus-visible, :has(:focus-visible)) {
154
+ [data-ui-interaction]:is(:focus-visible, :has(:focus-visible)):not(
155
+ [data-ui-card]:has(> [data-ui-card-link][data-ui-overlay-link])
156
+ ),
157
+ [data-ui-card][data-ui-interaction]:has(
158
+ > [data-ui-card-link][data-ui-overlay-link]:focus-visible
159
+ ) {
152
160
  --ui-state-shadow-layers:
153
161
  0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
154
162
  }
@@ -184,6 +192,7 @@
184
192
  @theme inline {
185
193
  --color-surface: var(--ui-surface-color);
186
194
  --color-surface-ink: var(--ui-surface-ink);
195
+ --color-surface-ink-subtle: var(--ui-surface-ink-subtle);
187
196
  --color-surface-ink-muted: var(--ui-surface-ink-muted);
188
197
  --color-label-ink: var(--ui-label-ink);
189
198
  --color-icon: var(--ui-surface-ink-muted);
@@ -253,6 +262,18 @@
253
262
  box-shadow: 0 0 0 var(--border-width-edge-control) var(--ui-surface-edge);
254
263
  }
255
264
 
265
+ @utility layout-shrink {
266
+ flex: 0 1 auto;
267
+ min-block-size: 0;
268
+ min-inline-size: 0;
269
+ }
270
+
271
+ @utility layout-fill {
272
+ flex: 1 1 0%;
273
+ min-block-size: 0;
274
+ min-inline-size: 0;
275
+ }
276
+
256
277
  @utility ui-focus-ring {
257
278
  box-shadow: 0 0 0 var(--color-intent-accent-focus-width) var(--color-intent-accent-focus);
258
279
  }
package/packages/client/types/components/accordion/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { type AlpineMachine, type BindingObject, type TransitionForHook, type TrellisAlpineComponent } from '../../runtime';
2
- import { type AccordionMode, type AccordionProps } from './contract';
3
- import { accordionHooks, type AccordionContext } from './machine';
2
+ import { type AccordionMode } from './contract';
3
+ import { accordionHooks, type AccordionContext, type AccordionMachineProps } from './machine';
4
4
  type AccordionTransitionName = (typeof accordionHooks)[number]['name'];
5
5
  type AccordionTransition<TName extends AccordionTransitionName = AccordionTransitionName> = TransitionForHook<Extract<(typeof accordionHooks)[number], {
6
6
  name: TName;
@@ -24,7 +24,7 @@ interface UiAccordionApi {
24
24
  /** Whether an item belongs to the current open-value set. */
25
25
  isOpen(value: string): boolean;
26
26
  }
27
- type AccordionData = AlpineMachine<AccordionContext, AccordionProps, typeof accordionHooks> & UiAccordionApi & {
27
+ type AccordionData = AlpineMachine<AccordionContext, AccordionMachineProps, typeof accordionHooks> & UiAccordionApi & {
28
28
  readonly root: BindingObject;
29
29
  init(): void;
30
30
  destroy(): void;
package/packages/client/types/components/accordion/machine.d.ts CHANGED
@@ -13,17 +13,21 @@ type AccordionContext = {
13
13
  disabledValues: string[];
14
14
  };
15
15
  };
16
+ type AccordionMachineProps = AccordionProps & {
17
+ selectionControlled: boolean;
18
+ };
16
19
  type AccordionTransitionData = {
17
20
  value: string;
18
21
  };
19
22
  type AccordionMachineEffects = {
20
- prepareChange(scope: MachineScope<AccordionContext, AccordionProps>): void;
21
- finishChange(scope: MachineScope<AccordionContext, AccordionProps>): void;
22
- syncProps(scope: MachineScope<AccordionContext, AccordionProps>): void;
23
- syncItems(scope: MachineScope<AccordionContext, AccordionProps>): void;
23
+ prepareChange(scope: MachineScope<AccordionContext, AccordionMachineProps>): void;
24
+ finishChange(scope: MachineScope<AccordionContext, AccordionMachineProps>): void;
25
+ syncDom(scope: MachineScope<AccordionContext, AccordionMachineProps>): void;
26
+ syncProps(scope: MachineScope<AccordionContext, AccordionMachineProps>): void;
27
+ syncItems(scope: MachineScope<AccordionContext, AccordionMachineProps>): void;
24
28
  };
25
29
  type CreateAccordionMachineOptions = {
26
- props: AccordionProps;
30
+ props: AccordionMachineProps;
27
31
  context: AccordionContext;
28
32
  effects: AccordionMachineEffects;
29
33
  };
@@ -120,6 +124,6 @@ declare const accordionHooks: readonly [{
120
124
  };
121
125
  };
122
126
  }];
123
- declare const createAccordionMachine: ({ props, context, effects, }: CreateAccordionMachineOptions) => Machine<AccordionContext, AccordionProps>;
127
+ declare const createAccordionMachine: ({ props, context, effects, }: CreateAccordionMachineOptions) => Machine<AccordionContext, AccordionMachineProps>;
124
128
  export { accordionHooks, createAccordionMachine };
125
- export type { AccordionContext, AccordionMachineEffects, AccordionTransitionData, CreateAccordionMachineOptions, };
129
+ export type { AccordionContext, AccordionMachineProps, AccordionMachineEffects, AccordionTransitionData, CreateAccordionMachineOptions, };
package/packages/client/types/components/app/contract.d.ts CHANGED
@@ -5,10 +5,10 @@ declare const APP_SIDEBARS: readonly ["left", "right", "both", "none"];
5
5
  declare const APP_MAIN_SCROLLS: readonly ["auto", "none"];
6
6
  declare const APP_SURFACES: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8"];
7
7
  declare const APP_REGION_SURFACES: readonly ["inherit", "0", "1", "2", "3", "4", "5", "6", "7", "8", "+1", "+2", "+3", "+4", "+5", "+6", "+7", "+8"];
8
- declare const APP_ELEVATIONS: readonly ["none", "match", "1", "2", "3", "4", "5", "6", "7", "8"];
8
+ declare const APP_ELEVATIONS: readonly ["none", "match", "1", "2", "3", "4", "5", "6", "7", "8", "+1", "+2", "+3", "+4", "+5", "+6", "+7", "+8"];
9
9
  declare const appRegionSchema: {
10
10
  surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
11
- elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
11
+ elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
12
12
  class: import("../../runtime/codecs").StringCodec;
13
13
  };
14
14
  declare const appSchema: {
@@ -16,21 +16,21 @@ declare const appSchema: {
16
16
  height: import("../../runtime/codecs").OneOfCodec<"min" | "screen">;
17
17
  sidebar: import("../../runtime/codecs").OneOfCodec<"left" | "right" | "none" | "both">;
18
18
  surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8">;
19
- elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
19
+ elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
20
20
  class: import("../../runtime/codecs").StringCodec;
21
21
  };
22
22
  declare const appHeaderSchema: {
23
23
  sticky: import("../../runtime/codecs").BoolCodec;
24
24
  divider: import("../../runtime/codecs").BoolCodec;
25
25
  surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
26
- elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
26
+ elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
27
27
  class: import("../../runtime/codecs").StringCodec;
28
28
  };
29
29
  declare const appMainSchema: {
30
30
  id: import("../../runtime/codecs").StringCodec;
31
31
  scroll: import("../../runtime/codecs").OneOfCodec<"none" | "auto">;
32
32
  surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
33
- elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
33
+ elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
34
34
  class: import("../../runtime/codecs").StringCodec;
35
35
  };
36
36
  type AppHeight = typeof APP_HEIGHTS[number];
package/packages/client/types/components/box/contract.d.ts CHANGED
@@ -6,7 +6,7 @@ declare const BOX_SPACES: readonly ["0", "0.5", "1", "1.5", "2", "2.5", "3", "3.
6
6
  declare const BOX_COLUMNS: readonly ["none", "1", "2", "3", "4", "5", "6"];
7
7
  declare const BOX_SURFACES: readonly ["inherit", "0", "1", "2", "3", "4", "5", "6", "7", "8", "+1", "+2", "+3", "+4", "+5", "+6", "+7", "+8"];
8
8
  declare const BOX_RADII: readonly ["none", "xs", "sm", "md", "lg", "full"];
9
- declare const BOX_ELEVATIONS: readonly ["none", "match", "1", "2", "3", "4", "5", "6", "7", "8"];
9
+ declare const BOX_ELEVATIONS: readonly ["none", "match", "1", "2", "3", "4", "5", "6", "7", "8", "+1", "+2", "+3", "+4", "+5", "+6", "+7", "+8"];
10
10
  declare const BOX_WIDTHS: readonly ["auto", "full", "3xs", "2xs", "xs", "sm", "md", "lg", "xl", "prose"];
11
11
  declare const BOX_HEIGHTS: readonly ["auto", "full", "xs", "sm", "md", "lg", "xl"];
12
12
  declare const BOX_ALIGNS: readonly ["start", "center", "end", "stretch"];
@@ -17,7 +17,7 @@ declare const boxSchema: {
17
17
  class: import("../../runtime/codecs").StringCodec;
18
18
  height: import("../../runtime/codecs").OneOfCodec<"full" | "auto" | "xs" | "sm" | "md" | "lg" | "xl">;
19
19
  width: import("../../runtime/codecs").OneOfCodec<"full" | "auto" | "xs" | "sm" | "md" | "lg" | "3xs" | "2xs" | "xl" | "prose">;
20
- elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
20
+ elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
21
21
  radius: import("../../runtime/codecs").OneOfCodec<"none" | "full" | "xs" | "sm" | "md" | "lg">;
22
22
  surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
23
23
  margin: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
package/packages/client/types/components/card/contract.d.ts CHANGED
@@ -4,7 +4,7 @@ declare const CARD_AS_VALUES: readonly ["div", "section", "article", "aside", "l
4
4
  declare const CARD_INTERACTIONS: readonly ["none", "tonal", "edge", "combined"];
5
5
  declare const CARD_COLORS: readonly ["neutral", "accent"];
6
6
  declare const CARD_SURFACES: readonly ["inherit", "0", "1", "2", "3", "4", "5", "6", "7", "8", "+1", "+2", "+3", "+4", "+5", "+6", "+7", "+8"];
7
- declare const CARD_ELEVATIONS: readonly ["none", "match", "1", "2", "3", "4", "5", "6", "7", "8"];
7
+ declare const CARD_ELEVATIONS: readonly ["none", "match", "1", "2", "3", "4", "5", "6", "7", "8", "+1", "+2", "+3", "+4", "+5", "+6", "+7", "+8"];
8
8
  declare const CARD_SIZES: readonly ["sm", "md"];
9
9
  declare const CARD_SPACES: readonly ["0", "0.5", "1", "1.5", "2", "2.5", "3", "3.5", "4", "4.5", "5", "5.5", "6", "6.5", "7", "7.5", "8", "8.5", "9", "9.5", "10", "10.5", "11", "11.5", "12"];
10
10
  declare const CARD_TITLE_AS_VALUES: readonly ["h2", "h3", "h4", "div"];
@@ -18,7 +18,7 @@ declare const cardSchema: {
18
18
  interaction: import("../../runtime/codecs").OneOfCodec<"none" | "tonal" | "edge" | "combined">;
19
19
  selected: import("../../runtime/codecs").BoolCodec;
20
20
  surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
21
- elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
21
+ elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
22
22
  size: import("../../runtime/codecs").OneOfCodec<"sm" | "md">;
23
23
  padding: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
24
24
  paddingX: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
package/packages/client/types/components/common.d.ts CHANGED
@@ -20,7 +20,7 @@ type IconColor = typeof ICON_COLORS[number];
20
20
  declare const TYPOGRAPHY_COLOR_CLASSES: {
21
21
  readonly inherit: "text-inherit";
22
22
  readonly muted: "text-surface-ink-muted";
23
- readonly subtle: "text-surface-ink-muted";
23
+ readonly subtle: "text-surface-ink-subtle";
24
24
  readonly accent: "text-intent-accent-text";
25
25
  readonly danger: "text-intent-danger-text";
26
26
  };
@@ -43,7 +43,7 @@ declare const TYPOGRAPHY_FONT_CLASSES: {
43
43
  declare const ICON_COLOR_CLASSES: {
44
44
  readonly inherit: "text-current";
45
45
  readonly muted: "text-surface-ink-muted";
46
- readonly subtle: "text-surface-ink-muted";
46
+ readonly subtle: "text-surface-ink-subtle";
47
47
  readonly accent: "text-intent-accent-text";
48
48
  readonly danger: "text-intent-danger-text";
49
49
  };
@@ -61,7 +61,7 @@ declare const LAYOUT_MARGIN_Y_CLASSES: Record<"0" | "1" | "2" | "3" | "4" | "5"
61
61
  declare const COMPONENT_RADII: readonly ["none", "xs", "sm", "md", "lg", "full"];
62
62
  declare const ABSOLUTE_SURFACE_REFERENCES: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8"];
63
63
  declare const SURFACE_REFERENCES: readonly ["inherit", "0", "1", "2", "3", "4", "5", "6", "7", "8", "+1", "+2", "+3", "+4", "+5", "+6", "+7", "+8"];
64
- declare const ELEVATION_REFERENCES: readonly ["none", "match", "1", "2", "3", "4", "5", "6", "7", "8"];
64
+ declare const ELEVATION_REFERENCES: readonly ["none", "match", "1", "2", "3", "4", "5", "6", "7", "8", "+1", "+2", "+3", "+4", "+5", "+6", "+7", "+8"];
65
65
  type SurfaceReference = typeof SURFACE_REFERENCES[number];
66
66
  type AbsoluteSurfaceReference = typeof ABSOLUTE_SURFACE_REFERENCES[number];
67
67
  type ElevationReference = typeof ELEVATION_REFERENCES[number];
package/packages/client/types/components/container/contract.d.ts CHANGED
@@ -7,7 +7,7 @@ declare const containerSchema: {
7
7
  class: import("../../runtime/codecs").StringCodec;
8
8
  height: import("../../runtime/codecs").OneOfCodec<"full" | "auto" | "xs" | "sm" | "md" | "lg" | "xl">;
9
9
  width: import("../../runtime/codecs").OneOfCodec<"full" | "auto" | "xs" | "sm" | "md" | "lg" | "3xs" | "2xs" | "xl" | "prose">;
10
- elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
10
+ elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
11
11
  radius: import("../../runtime/codecs").OneOfCodec<"none" | "full" | "xs" | "sm" | "md" | "lg">;
12
12
  surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
13
13
  margin: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
package/packages/client/types/components/date-picker/contract.d.ts CHANGED
@@ -8,7 +8,7 @@ declare const DATE_PICKER_COLORS: readonly ["neutral", "accent"];
8
8
  declare const DATE_PICKER_RADII: readonly ["none", "xs", "sm", "md", "lg", "full"];
9
9
  declare const DATE_PICKER_PRESETS_POSITIONS: readonly ["left", "right", "top", "bottom"];
10
10
  declare const DATE_PICKER_SURFACES: readonly ["inherit", "0", "1", "2", "3", "4", "5", "6", "7", "8", "+1", "+2", "+3", "+4", "+5", "+6", "+7", "+8"];
11
- declare const DATE_PICKER_ELEVATIONS: readonly ["none", "match", "1", "2", "3", "4", "5", "6", "7", "8"];
11
+ declare const DATE_PICKER_ELEVATIONS: readonly ["none", "match", "1", "2", "3", "4", "5", "6", "7", "8", "+1", "+2", "+3", "+4", "+5", "+6", "+7", "+8"];
12
12
  type DatePickerMode = typeof DATE_PICKER_MODES[number];
13
13
  type DatePickerImplementation = typeof DATE_PICKER_IMPLEMENTATIONS[number];
14
14
  type DatePickerVariant = ControlVariant;
@@ -63,7 +63,7 @@ declare const datePickerSchema: {
63
63
  color: import("../../runtime/codecs").OneOfCodec<"neutral" | "accent">;
64
64
  radius: import("../../runtime/codecs").OneOfCodec<"none" | "full" | "xs" | "sm" | "md" | "lg">;
65
65
  surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
66
- elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
66
+ elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
67
67
  close: import("../../runtime/codecs").OneOfCodec<"auto" | "confirm">;
68
68
  presets: import("../../runtime/codecs").JsonCodec<DatePickerPreset[]>;
69
69
  presetsPosition: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
package/packages/client/types/components/date-picker/machine.d.ts CHANGED
@@ -98,7 +98,7 @@ declare const datePickerHooks: readonly [{
98
98
  color: import("../../runtime/codecs").OneOfCodec<"neutral" | "accent">;
99
99
  radius: import("../../runtime/codecs").OneOfCodec<"none" | "full" | "xs" | "sm" | "md" | "lg">;
100
100
  surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
101
- elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
101
+ elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
102
102
  close: import("../../runtime/codecs").OneOfCodec<"auto" | "confirm">;
103
103
  presets: import("../../runtime/codecs").JsonCodec<import("./contract").DatePickerPreset[]>;
104
104
  presetsPosition: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
@@ -172,7 +172,7 @@ declare const datePickerHooks: readonly [{
172
172
  color: import("../../runtime/codecs").OneOfCodec<"neutral" | "accent">;
173
173
  radius: import("../../runtime/codecs").OneOfCodec<"none" | "full" | "xs" | "sm" | "md" | "lg">;
174
174
  surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
175
- elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
175
+ elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
176
176
  close: import("../../runtime/codecs").OneOfCodec<"auto" | "confirm">;
177
177
  presets: import("../../runtime/codecs").JsonCodec<import("./contract").DatePickerPreset[]>;
178
178
  presetsPosition: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
package/packages/client/types/components/flex/contract.d.ts CHANGED
@@ -7,7 +7,7 @@ declare const flexSchema: {
7
7
  class: import("../../runtime/codecs").StringCodec;
8
8
  height: import("../../runtime/codecs").OneOfCodec<"full" | "auto" | "xs" | "sm" | "md" | "lg" | "xl">;
9
9
  width: import("../../runtime/codecs").OneOfCodec<"full" | "auto" | "xs" | "sm" | "md" | "lg" | "3xs" | "2xs" | "xl" | "prose">;
10
- elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
10
+ elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
11
11
  radius: import("../../runtime/codecs").OneOfCodec<"none" | "full" | "xs" | "sm" | "md" | "lg">;
12
12
  surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
13
13
  margin: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
package/packages/client/types/components/frame/contract.d.ts CHANGED
@@ -8,7 +8,7 @@ declare const FRAME_REGION_LAYOUTS: readonly ["block", "row", "stack", "cluster"
8
8
  declare const FRAME_SPACES: readonly ["0", "0.5", "1", "1.5", "2", "2.5", "3", "3.5", "4", "4.5", "5", "5.5", "6", "6.5", "7", "7.5", "8", "8.5", "9", "9.5", "10", "10.5", "11", "11.5", "12"];
9
9
  declare const FRAME_SURFACES: readonly ["inherit", "0", "1", "2", "3", "4", "5", "6", "7", "8", "+1", "+2", "+3", "+4", "+5", "+6", "+7", "+8"];
10
10
  declare const FRAME_RADII: readonly ["none", "xs", "sm", "md", "lg", "full"];
11
- declare const FRAME_ELEVATIONS: readonly ["none", "match", "1", "2", "3", "4", "5", "6", "7", "8"];
11
+ declare const FRAME_ELEVATIONS: readonly ["none", "match", "1", "2", "3", "4", "5", "6", "7", "8", "+1", "+2", "+3", "+4", "+5", "+6", "+7", "+8"];
12
12
  declare const FRAME_WIDTHS: readonly ["auto", "full", "3xs", "2xs", "xs", "sm", "md", "lg", "xl", "prose"];
13
13
  declare const FRAME_HEIGHTS: readonly ["auto", "full", "xs", "sm", "md", "lg", "xl", "prose"];
14
14
  declare const FRAME_ALIGNS: readonly ["start", "center", "end", "stretch"];
@@ -17,7 +17,7 @@ declare const frameSchema: {
17
17
  height: import("../../runtime/codecs").OneOfCodec<"full" | "auto" | "xs" | "sm" | "md" | "lg" | "xl" | "prose">;
18
18
  class: import("../../runtime/codecs").StringCodec;
19
19
  width: import("../../runtime/codecs").OneOfCodec<"full" | "auto" | "xs" | "sm" | "md" | "lg" | "3xs" | "2xs" | "xl" | "prose">;
20
- elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
20
+ elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
21
21
  radius: import("../../runtime/codecs").OneOfCodec<"none" | "full" | "xs" | "sm" | "md" | "lg">;
22
22
  surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
23
23
  margin: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
package/packages/client/types/components/grid/contract.d.ts CHANGED
@@ -8,7 +8,7 @@ declare const gridSchema: {
8
8
  class: import("../../runtime/codecs").StringCodec;
9
9
  height: import("../../runtime/codecs").OneOfCodec<"full" | "auto" | "xs" | "sm" | "md" | "lg" | "xl">;
10
10
  width: import("../../runtime/codecs").OneOfCodec<"full" | "auto" | "xs" | "sm" | "md" | "lg" | "3xs" | "2xs" | "xl" | "prose">;
11
- elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
11
+ elevation: import("../../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
12
12
  radius: import("../../runtime/codecs").OneOfCodec<"none" | "full" | "xs" | "sm" | "md" | "lg">;
13
13
  surface: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "inherit" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
14
14
  margin: import("../../runtime/codecs").OneOfCodec<"0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "0.5" | "1.5" | "2.5" | "3.5" | "4.5" | "5.5" | "6.5" | "7.5" | "8.5" | "9.5" | "10.5" | "11.5">;
package/packages/client/types/components/layout.d.ts CHANGED
@@ -244,7 +244,7 @@ declare const layoutRadius: {
244
244
  };
245
245
  declare const layoutElevation: {
246
246
  readonly schema: {
247
- readonly elevation: import("../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
247
+ readonly elevation: import("../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
248
248
  };
249
249
  readonly details: {
250
250
  readonly elevation: {
@@ -254,7 +254,7 @@ declare const layoutElevation: {
254
254
  };
255
255
  declare const explicitLayoutElevation: {
256
256
  readonly schema: {
257
- readonly elevation: import("../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8">;
257
+ readonly elevation: import("../runtime/codecs").OneOfCodec<"1" | "match" | "2" | "3" | "4" | "5" | "6" | "7" | "none" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
258
258
  };
259
259
  readonly details: {
260
260
  readonly elevation: {