@vireo-ai/trellis-ui 0.1.40 → 0.1.42

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 (100) hide show
  1. package/package.json +1 -1
  2. package/packages/client/src/components/keybinding/styles.css +14 -0
  3. package/packages/client/src/components/toast/styles.css +2 -21
  4. package/packages/client/src/components/tooltip/styles.css +23 -0
  5. package/packages/client/src/styles/components.css +3 -0
  6. package/packages/client/src/styles/generated/theme-runtime.css +268 -1
  7. package/packages/client/src/styles/generated-sources.css +1 -1
  8. package/packages/client/src/styles/recipes/floating-surface.css +24 -0
  9. package/packages/client/src/styles/recipes/intent.css +8 -8
  10. package/packages/client/types/assets/full-runtime.generated.d.ts +1 -1
  11. package/packages/client/types/capabilities/shortcut.d.ts +43 -0
  12. package/packages/client/types/capabilities/shortcut.entry.generated.d.ts +3 -0
  13. package/packages/client/types/components/common.d.ts +3 -1
  14. package/packages/client/types/components/entry.generated.d.ts +3 -0
  15. package/packages/client/types/components/keybinding/contract.d.ts +8 -0
  16. package/packages/client/types/components/keybinding/controller.d.ts +7 -0
  17. package/packages/client/types/components/keybinding/entry.generated.d.ts +5 -0
  18. package/packages/client/types/components/keybinding/index.d.ts +5 -0
  19. package/packages/client/types/components/runtime.d.ts +4 -0
  20. package/packages/client/types/components/tooltip/contract.d.ts +36 -0
  21. package/packages/client/types/components/tooltip/entry.generated.d.ts +5 -0
  22. package/packages/client/types/components/tooltip/index.d.ts +21 -0
  23. package/packages/client/types/components/tooltip/machine.d.ts +40 -0
  24. package/packages/client/types/components/tooltip/runtime-docs.d.ts +2 -0
  25. package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.css +255 -23
  26. package/packages/server/trellis_ui/static/trellis_ui/assets/css/trellis.min.css +1 -1
  27. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/build-metadata.json +331 -231
  28. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/capabilities/motion.js +1 -1
  29. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/capabilities/shortcut.js +2 -0
  30. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/capabilities/shortcut.js.map +1 -0
  31. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/capabilities/sortable.js +1 -1
  32. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{capability-motion-VFYcNVM5.js → capability-motion-C_8mc71v.js} +2 -2
  33. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{capability-motion-VFYcNVM5.js.map → capability-motion-C_8mc71v.js.map} +1 -1
  34. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-shortcut-Br_XBf7u.js +2 -0
  35. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-shortcut-Br_XBf7u.js.map +1 -0
  36. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-sortable-Ds2wQEQq.js +3 -0
  37. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-sortable-Ds2wQEQq.js.map +1 -0
  38. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/common-BOd_thC-.js.map +1 -1
  39. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/controller-DsXbNzqk.js +2 -0
  40. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/controller-DsXbNzqk.js.map +1 -0
  41. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/core-Bmzg6DLB.js +2 -0
  42. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/core-Bmzg6DLB.js.map +1 -0
  43. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-LUzMUcng.js → entry.generated-51hjJ_lu.js} +2 -2
  44. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-LUzMUcng.js.map → entry.generated-51hjJ_lu.js.map} +1 -1
  45. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-B7ROYMLZ.js +2 -0
  46. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-B7ROYMLZ.js.map +1 -0
  47. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-C35Q-qoz.js → entry.generated-BLloDlP5.js} +2 -2
  48. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-C35Q-qoz.js.map → entry.generated-BLloDlP5.js.map} +1 -1
  49. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-UHQD4FyC.js → entry.generated-BO0EDjBb.js} +2 -2
  50. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-UHQD4FyC.js.map → entry.generated-BO0EDjBb.js.map} +1 -1
  51. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-2VgVfygk.js → entry.generated-BPZeXRC3.js} +2 -2
  52. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-2VgVfygk.js.map → entry.generated-BPZeXRC3.js.map} +1 -1
  53. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-D91HRlIV.js → entry.generated-BoOsILKj.js} +2 -2
  54. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-D91HRlIV.js.map → entry.generated-BoOsILKj.js.map} +1 -1
  55. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-C7Kas-N2.js → entry.generated-C1JdfrdC.js} +2 -2
  56. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-C7Kas-N2.js.map → entry.generated-C1JdfrdC.js.map} +1 -1
  57. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-BVBXXN6t.js → entry.generated-C8pt5QeK.js} +2 -2
  58. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-BVBXXN6t.js.map → entry.generated-C8pt5QeK.js.map} +1 -1
  59. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-bERshNT6.js → entry.generated-DJMDdEtO.js} +2 -2
  60. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-bERshNT6.js.map → entry.generated-DJMDdEtO.js.map} +1 -1
  61. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-Cc5mRBBS.js → entry.generated-DjMJNzy1.js} +2 -2
  62. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-Cc5mRBBS.js.map → entry.generated-DjMJNzy1.js.map} +1 -1
  63. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-MnVr6QxG.js +2 -0
  64. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-MnVr6QxG.js.map +1 -0
  65. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-jP0UEZIS.js +2 -0
  66. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-jP0UEZIS.js.map +1 -0
  67. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{entry.generated-Dgrr543E.js → entry2.generated-Dgrr543E.js} +1 -1
  68. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry2.generated-Dgrr543E.js.map +1 -0
  69. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{motion-D44EkjK3.js → motion-BhADgUVd.js} +2 -2
  70. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{motion-D44EkjK3.js.map → motion-BhADgUVd.js.map} +1 -1
  71. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{ui-BWVDkV-D.js → ui-egQWc4ws.js} +2 -2
  72. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/{ui-BWVDkV-D.js.map → ui-egQWc4ws.js.map} +1 -1
  73. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/accordion.js +1 -1
  74. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/data-grid.js +1 -1
  75. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/date-picker.js +1 -1
  76. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/dropdown.js +1 -1
  77. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/index.js +1 -1
  78. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/index.js.map +1 -1
  79. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/keybinding.js +1 -0
  80. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/modal.js +1 -1
  81. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/panels.js +1 -1
  82. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/select.js +1 -1
  83. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/sidebar.js +1 -1
  84. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/slider.js +1 -1
  85. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/tabs.js +1 -1
  86. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/toast.js +1 -1
  87. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/components/tooltip.js +1 -0
  88. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/core.js +1 -1
  89. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/index.js +1 -1
  90. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/index.js.map +1 -1
  91. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/logical-entry-manifest.json +127 -81
  92. package/packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.js +5 -5
  93. package/packages/server/trellis_ui/static/trellis_ui/assets/js/trellis.min.js +5 -5
  94. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-sortable-BU1g9uTC.js +0 -3
  95. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/capability-sortable-BU1g9uTC.js.map +0 -1
  96. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/core-LsAXy99P.js +0 -2
  97. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/core-LsAXy99P.js.map +0 -1
  98. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry.generated-Dgrr543E.js.map +0 -1
  99. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry2.generated-C5DAZC4R.js +0 -2
  100. package/packages/server/trellis_ui/static/trellis_ui/assets/js/esm/chunks/entry2.generated-C5DAZC4R.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("!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 -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 [&>*]:bg-interaction-selected [&>[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-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)] [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 animate-spin appearance-none 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-pointer 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-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-3xl max-w-4xl max-w-56 max-w-5xl max-w-64 max-w-6xl max-w-7xl max-w-[calc(100vw-2rem)] 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-48 min-w-72 min-w-control-lg min-w-full min-w-max ml-0 ml-2 ml-auto mr-0 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 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-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-edge 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 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(--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("!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 -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 [&>*]:bg-interaction-selected [&>[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-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)] [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 animate-spin 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-pointer 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-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-4.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-3xl 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-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-4.5 min-w-48 min-w-72 min-w-control-lg min-w-full min-w-max ml-0 ml-1 ml-2 ml-auto mr-0 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 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-edge 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 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(--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/floating-surface.css ADDED
@@ -0,0 +1,24 @@
1
+ @layer components {
2
+ [data-ui-semantic-surface] {
3
+ --ui-semantic-surface-ink: var(--ui-surface-ink);
4
+ --ui-semantic-surface-ink-muted: var(--ui-surface-ink-muted);
5
+ color: var(--ui-semantic-surface-ink);
6
+ background-color: var(--ui-surface-color);
7
+ }
8
+
9
+ [data-ui-semantic-surface][data-variant="soft"] {
10
+ --ui-semantic-surface-ink: var(--ui-intent-soft-ink);
11
+ --ui-semantic-surface-ink-muted: var(--ui-intent-soft-ink-muted);
12
+ background-color: var(--ui-intent-soft);
13
+ }
14
+
15
+ [data-ui-semantic-surface][data-variant="surface"] {
16
+ --ui-state-shadow-layers: 0 0 0 var(--border-width-edge-perimeter) var(--ui-intent-edge);
17
+ }
18
+
19
+ [data-ui-semantic-surface][data-variant="solid"] {
20
+ --ui-semantic-surface-ink: var(--ui-intent-solid-ink);
21
+ --ui-semantic-surface-ink-muted: var(--ui-intent-solid-ink);
22
+ background-color: var(--ui-intent-solid);
23
+ }
24
+ }
package/packages/client/src/styles/recipes/intent.css CHANGED
@@ -1,10 +1,10 @@
1
1
  @layer components {
2
2
  /*
3
- Action and Toast consume the same semantic intent channels. Reset the
4
- bridge on every recipe root so a nested neutral treatment never inherits
5
- an ancestor's named intent.
3
+ Action, Toast, and semantic floating surfaces consume the same intent
4
+ channels. Reset the bridge on every recipe root so a nested neutral
5
+ treatment never inherits an ancestor's named intent.
6
6
  */
7
- :is([data-ui-action-recipe], [data-ui-toast-recipe]) {
7
+ :is([data-ui-action-recipe], [data-ui-toast-recipe], [data-ui-semantic-surface]) {
8
8
  --ui-intent-text: var(--ui-surface-ink);
9
9
  --ui-intent-text-hover: var(--ui-surface-ink);
10
10
  --ui-intent-soft: var(--color-intent-neutral-soft);
@@ -23,7 +23,7 @@
23
23
  --ui-intent-focus-width: var(--color-intent-neutral-focus-width);
24
24
  }
25
25
 
26
- :is([data-ui-action-recipe], [data-ui-toast-recipe])[data-color="accent"] {
26
+ :is([data-ui-action-recipe], [data-ui-toast-recipe], [data-ui-semantic-surface])[data-color="accent"] {
27
27
  --ui-intent-text: var(--color-intent-accent-text);
28
28
  --ui-intent-text-hover: var(--color-intent-accent-text-hover);
29
29
  --ui-intent-soft: var(--color-intent-accent-soft);
@@ -42,7 +42,7 @@
42
42
  --ui-intent-focus-width: var(--color-intent-accent-focus-width);
43
43
  }
44
44
 
45
- :is([data-ui-action-recipe], [data-ui-toast-recipe])[data-color="success"] {
45
+ :is([data-ui-action-recipe], [data-ui-toast-recipe], [data-ui-semantic-surface])[data-color="success"] {
46
46
  --ui-intent-text: var(--color-intent-success-text);
47
47
  --ui-intent-text-hover: var(--color-intent-success-text-hover);
48
48
  --ui-intent-soft: var(--color-intent-success-soft);
@@ -61,7 +61,7 @@
61
61
  --ui-intent-focus-width: var(--color-intent-success-focus-width);
62
62
  }
63
63
 
64
- :is([data-ui-action-recipe], [data-ui-toast-recipe])[data-color="warning"] {
64
+ :is([data-ui-action-recipe], [data-ui-toast-recipe], [data-ui-semantic-surface])[data-color="warning"] {
65
65
  --ui-intent-text: var(--color-intent-warning-text);
66
66
  --ui-intent-text-hover: var(--color-intent-warning-text-hover);
67
67
  --ui-intent-soft: var(--color-intent-warning-soft);
@@ -80,7 +80,7 @@
80
80
  --ui-intent-focus-width: var(--color-intent-warning-focus-width);
81
81
  }
82
82
 
83
- :is([data-ui-action-recipe], [data-ui-toast-recipe])[data-color="danger"] {
83
+ :is([data-ui-action-recipe], [data-ui-toast-recipe], [data-ui-semantic-surface])[data-color="danger"] {
84
84
  --ui-intent-text: var(--color-intent-danger-text);
85
85
  --ui-intent-text-hover: var(--color-intent-danger-text-hover);
86
86
  --ui-intent-soft: var(--color-intent-danger-soft);
package/packages/client/types/assets/full-runtime.generated.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const fullRuntimeAssetIds: readonly ["trellis:core", "trellis:motion", "trellis:resizable", "trellis:sortable", "trellis:accordion", "trellis:button", "trellis:checkbox", "trellis:date-picker", "trellis:direct-upload", "trellis:dropdown", "trellis:field", "trellis:file-upload", "trellis:input", "trellis:modal", "trellis:panels", "trellis:radio", "trellis:scroll-area", "trellis:select", "trellis:sidebar", "trellis:slider", "trellis:switch", "trellis:tabs", "trellis:toast", "trellis:data-grid", "trellis:virtualizer", "trellis:table"];
1
+ declare const fullRuntimeAssetIds: readonly ["trellis:core", "trellis:motion", "trellis:resizable", "trellis:sortable", "trellis:shortcut", "trellis:accordion", "trellis:button", "trellis:checkbox", "trellis:date-picker", "trellis:direct-upload", "trellis:dropdown", "trellis:field", "trellis:file-upload", "trellis:input", "trellis:keybinding", "trellis:modal", "trellis:panels", "trellis:radio", "trellis:scroll-area", "trellis:select", "trellis:sidebar", "trellis:slider", "trellis:switch", "trellis:tabs", "trellis:toast", "trellis:tooltip", "trellis:data-grid", "trellis:virtualizer", "trellis:table"];
2
2
  export { fullRuntimeAssetIds };
package/packages/client/types/capabilities/shortcut.d.ts ADDED
@@ -0,0 +1,43 @@
1
+ import type Alpine from 'alpinejs';
2
+ type ShortcutPlatform = {
3
+ apple?: boolean;
4
+ };
5
+ type ShortcutOptions = ShortcutPlatform & {
6
+ timeout?: number;
7
+ };
8
+ type ShortcutMatch = 'none' | 'partial' | 'complete';
9
+ type ShortcutDisplayKey = {
10
+ label: string;
11
+ token: string;
12
+ };
13
+ type ShortcutPressedListener = (keys: ReadonlySet<string>) => void;
14
+ type ShortcutStep = {
15
+ key: string;
16
+ altKey: boolean;
17
+ ctrlKey: boolean;
18
+ metaKey: boolean;
19
+ shiftKey: boolean;
20
+ };
21
+ type ParsedShortcut = {
22
+ normalized: string;
23
+ steps: ShortcutStep[];
24
+ };
25
+ type ShortcutEventDetail = {
26
+ shortcut: string;
27
+ keyboardEvent: KeyboardEvent;
28
+ owner: HTMLElement;
29
+ sequence: boolean;
30
+ };
31
+ type ShortcutMatcher = {
32
+ readonly shortcut: ParsedShortcut;
33
+ match(event: KeyboardEvent, timestamp?: number): ShortcutMatch;
34
+ reset(): void;
35
+ };
36
+ declare const parseShortcut: (value: string, options?: ShortcutPlatform) => ParsedShortcut | null;
37
+ declare const formatShortcutKeys: (value: string, options?: ShortcutPlatform) => ShortcutDisplayKey[][];
38
+ declare const formatShortcut: (value: string, options?: ShortcutPlatform) => string[][];
39
+ declare const observePressedShortcutKeys: (document: Document, listener: ShortcutPressedListener) => (() => void);
40
+ declare const createShortcutMatcher: (value: string, options?: ShortcutOptions) => ShortcutMatcher | null;
41
+ declare const registerShortcutCapability: (AlpineInstance: Alpine.Alpine) => void;
42
+ export { createShortcutMatcher, formatShortcut, formatShortcutKeys, observePressedShortcutKeys, parseShortcut, registerShortcutCapability, };
43
+ export type { ParsedShortcut, ShortcutEventDetail, ShortcutDisplayKey, ShortcutMatch, ShortcutMatcher, ShortcutOptions, ShortcutPlatform, ShortcutStep, };
package/packages/client/types/capabilities/shortcut.entry.generated.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { registerShortcutCapability } from './shortcut';
2
+ export default registerShortcutCapability;
3
+ export * from './shortcut';
package/packages/client/types/components/common.d.ts CHANGED
@@ -95,6 +95,8 @@ declare const FIELD_CONTROL_MULTILINE_ROOT_CLASSES: string[];
95
95
  declare const FIELD_CONTROL_INPUT_CLASSES: string[];
96
96
  declare const FIELD_CONTROL_ACTION_CLASSES: string[];
97
97
  declare const FIELD_CONTROL_NATIVE_CLASSES: string[];
98
+ declare const FIELD_LABEL_CLASSES = "font-label text-label [font-weight:var(--font-weight-label)] text-label-ink";
99
+ declare const FIELD_DESCRIPTION_CLASSES = "font-description text-description [font-weight:var(--font-weight-description)] text-surface-ink-muted";
98
100
  declare const POPOVER_GEOMETRY_CLASSES: string[];
99
101
  declare const INTERACTIVE_ITEM_CLASSES: string[];
100
102
  declare const SELECTION_COLORS: readonly ["neutral", "accent"];
@@ -116,6 +118,6 @@ type InteractionTreatment = typeof INTERACTION_TREATMENTS[number];
116
118
  type DefaultVariant = typeof DEFAULT_VARIANTS[number];
117
119
  type HeadingLevel = typeof HEADING_LEVELS[number];
118
120
  type ComponentRadius = typeof COMPONENT_RADII[number];
119
- export { ABSOLUTE_SURFACE_REFERENCES, ALIGNMENTS, BUTTON_TYPES, COMPONENT_RADII, CONTROL_RADIUS_CLASSES, CONTROL_MIN_SIZE_CLASSES, CONTROL_MULTILINE_SIZE_CLASSES, CONTROL_SIZES, CONTROL_SIZE_CLASSES, CONTROL_TYPOGRAPHY_CLASSES, CONTROL_VARIANTS, DEFAULT_VARIANTS, EDGE_POSITIONS, ELEVATION_REFERENCES, FIELD_CONTROL_ACTION_CLASSES, FIELD_CONTROL_INPUT_CLASSES, FIELD_CONTROL_MULTILINE_ROOT_CLASSES, FIELD_CONTROL_NATIVE_CLASSES, FIELD_CONTROL_ROOT_CLASSES, elevationReferenceClasses, HEADING_LEVELS, ICON_COLORS, ICON_COLOR_CLASSES, ICON_VARIANTS, INDICATOR_PLACEMENTS, INTERACTION_TREATMENTS, INTERACTIVE_ITEM_CLASSES, LAYOUT_GAP_CLASSES, LAYOUT_GAP_X_CLASSES, LAYOUT_GAP_Y_CLASSES, LAYOUT_MARGIN_CLASSES, LAYOUT_MARGIN_X_CLASSES, LAYOUT_MARGIN_Y_CLASSES, LAYOUT_PADDING_CLASSES, LAYOUT_PADDING_X_CLASSES, LAYOUT_PADDING_Y_CLASSES, LAYOUT_SPACES, OPTION_ICON_CLASSES, OPTION_INDICATOR_CLASSES, OPTION_ITEM_CLASSES, ORIENTATIONS, POPOVER_GEOMETRY_CLASSES, POSITIONS, SELECTION_COLORS, SURFACE_RADIUS_CLASSES, SURFACE_REFERENCES, TYPOGRAPHY_COLOR_CLASSES, TYPOGRAPHY_COLORS, };
121
+ export { ABSOLUTE_SURFACE_REFERENCES, ALIGNMENTS, BUTTON_TYPES, COMPONENT_RADII, CONTROL_RADIUS_CLASSES, CONTROL_MIN_SIZE_CLASSES, CONTROL_MULTILINE_SIZE_CLASSES, CONTROL_SIZES, CONTROL_SIZE_CLASSES, CONTROL_TYPOGRAPHY_CLASSES, CONTROL_VARIANTS, DEFAULT_VARIANTS, EDGE_POSITIONS, ELEVATION_REFERENCES, FIELD_CONTROL_ACTION_CLASSES, FIELD_CONTROL_INPUT_CLASSES, FIELD_CONTROL_MULTILINE_ROOT_CLASSES, FIELD_CONTROL_NATIVE_CLASSES, FIELD_CONTROL_ROOT_CLASSES, FIELD_DESCRIPTION_CLASSES, FIELD_LABEL_CLASSES, elevationReferenceClasses, HEADING_LEVELS, ICON_COLORS, ICON_COLOR_CLASSES, ICON_VARIANTS, INDICATOR_PLACEMENTS, INTERACTION_TREATMENTS, INTERACTIVE_ITEM_CLASSES, LAYOUT_GAP_CLASSES, LAYOUT_GAP_X_CLASSES, LAYOUT_GAP_Y_CLASSES, LAYOUT_MARGIN_CLASSES, LAYOUT_MARGIN_X_CLASSES, LAYOUT_MARGIN_Y_CLASSES, LAYOUT_PADDING_CLASSES, LAYOUT_PADDING_X_CLASSES, LAYOUT_PADDING_Y_CLASSES, LAYOUT_SPACES, OPTION_ICON_CLASSES, OPTION_INDICATOR_CLASSES, OPTION_ITEM_CLASSES, ORIENTATIONS, POPOVER_GEOMETRY_CLASSES, POSITIONS, SELECTION_COLORS, SURFACE_RADIUS_CLASSES, SURFACE_REFERENCES, TYPOGRAPHY_COLOR_CLASSES, TYPOGRAPHY_COLORS, };
120
122
  export type { InteractionTreatment, SelectionColor };
121
123
  export type { AbsoluteSurfaceReference, Alignment, CommonButtonType, ComponentRadius, ControlSize, ControlVariant, DefaultVariant, EdgePosition, ElevationReference, HeadingLevel, IconColor, IconVariant, IndicatorPlacement, LayoutSpace, Orientation, Position, SurfaceReference, TypographyColor, };
package/packages/client/types/components/entry.generated.d.ts CHANGED
@@ -13,6 +13,7 @@ export * from './dropdown/entry.generated';
13
13
  export * from './field/entry.generated';
14
14
  export * from './file-upload/entry.generated';
15
15
  export * from './input/entry.generated';
16
+ export * from './keybinding/entry.generated';
16
17
  export * from './modal/entry.generated';
17
18
  export * from './panels/entry.generated';
18
19
  export * from './radio/entry.generated';
@@ -23,9 +24,11 @@ export * from './slider/entry.generated';
23
24
  export * from './switch/entry.generated';
24
25
  export * from './tabs/entry.generated';
25
26
  export * from './toast/entry.generated';
27
+ export * from './tooltip/entry.generated';
26
28
  export * from './data-grid/entry.generated';
27
29
  export * from './virtualizer/entry.generated';
28
30
  export * from './table/entry.generated';
29
31
  export * from '../capabilities/motion';
30
32
  export * from '../capabilities/resizable';
31
33
  export * from '../capabilities/sortable';
34
+ export * from '../capabilities/shortcut';
package/packages/client/types/components/keybinding/contract.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import { type SchemaToProps } from '../../runtime';
2
+ declare const keybindingSchema: {
3
+ keys: import("../../runtime/codecs").StringCodec;
4
+ class: import("../../runtime/codecs").StringCodec;
5
+ };
6
+ type KeybindingProps = SchemaToProps<typeof keybindingSchema>;
7
+ export { keybindingSchema };
8
+ export type { KeybindingProps };
package/packages/client/types/components/keybinding/controller.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ type KeybindingController = {
2
+ setValue(value: unknown): void;
3
+ destroy(): void;
4
+ };
5
+ declare const createKeybindingController: (root: HTMLElement) => KeybindingController;
6
+ export { createKeybindingController };
7
+ export type { KeybindingController };
package/packages/client/types/components/keybinding/entry.generated.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import type { Alpine as AlpineType } from 'alpinejs';
2
+ declare const registerKeybinding: (AlpineInstance: AlpineType) => void;
3
+ export { registerKeybinding };
4
+ export default registerKeybinding;
5
+ export * from './index';
package/packages/client/types/components/keybinding/index.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import type Alpine from 'alpinejs';
2
+ import { createKeybindingController } from './controller';
3
+ declare const registerKeybinding: (AlpineInstance: Alpine.Alpine) => void;
4
+ export { createKeybindingController, registerKeybinding };
5
+ export type { KeybindingController } from './controller';
package/packages/client/types/components/runtime.d.ts CHANGED
@@ -15,6 +15,8 @@ export { registerFileUpload, UiFileUpload } from './file-upload';
15
15
  export type { FileTransferStatus, FileUploadData, FileUploadMetadata, FileUploadRecord, FileUploadTransition, UiFileUploadApi, } from './file-upload';
16
16
  export { registerInput, UiInput } from './input';
17
17
  export type { InputData, UiInputApi } from './input';
18
+ export { createKeybindingController, registerKeybinding } from './keybinding';
19
+ export type { KeybindingController } from './keybinding';
18
20
  export { registerModal, UiModal, UiModalTrigger, } from './modal';
19
21
  export type { ModalCancelDetail, ModalTransition, UiModalApi, UiModalTriggerApi } from './modal';
20
22
  export { registerPanels, UiPanels, UiPanelToggle } from './panels';
@@ -35,5 +37,7 @@ export { registerTabs, UiTabs, type UiTabsApi } from './tabs';
35
37
  export type { TabsActivateDetail, TabsChangeDetail, TabsTransition } from './tabs';
36
38
  export { registerToast, UiToast, UiToastOutlet, } from './toast';
37
39
  export type { ToastData, ToastDetail, ToastOutletData, ToastTransition } from './toast';
40
+ export { registerTooltip, registerTooltipDirective, UiTooltip } from './tooltip';
41
+ export type { TooltipData, TooltipTransition } from './tooltip';
38
42
  export { registerVirtualizer, UiVirtualizer } from './virtualizer';
39
43
  export type { ResetOptions, SetUrlOptions, UiVirtualizerApi, VirtualizerData, } from './virtualizer';
package/packages/client/types/components/tooltip/contract.d.ts ADDED
@@ -0,0 +1,36 @@
1
+ import { type SchemaToProps } from '../../runtime';
2
+ declare const TOOLTIP_COLORS: readonly ["neutral", "accent", "success", "warning", "danger"];
3
+ declare const TOOLTIP_VARIANTS: readonly ["surface", "soft", "solid"];
4
+ declare const tooltipSchema: {
5
+ side: import("../../runtime/codecs").OneOfCodec<"bottom" | "left" | "right" | "top">;
6
+ align: import("../../runtime/codecs").OneOfCodec<"end" | "center" | "start">;
7
+ offset: import("../../runtime/codecs").NumberCodec;
8
+ gap: import("../../runtime/codecs").NumberCodec;
9
+ openDelay: import("../../runtime/codecs").NumberCodec;
10
+ closeDelay: import("../../runtime/codecs").NumberCodec;
11
+ color: import("../../runtime/codecs").OneOfCodec<"neutral" | "accent" | "danger" | "success" | "warning">;
12
+ variant: import("../../runtime/codecs").OneOfCodec<"solid" | "soft" | "surface">;
13
+ surface: import("../../runtime/codecs").OneOfCodec<"inherit" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
14
+ elevation: import("../../runtime/codecs").OneOfCodec<"match" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none">;
15
+ disabled: import("../../runtime/codecs").BoolCodec;
16
+ class: import("../../runtime/codecs").StringCodec;
17
+ };
18
+ declare const tooltipDirectiveSchema: {
19
+ side: import("../..").CodecFn<"bottom" | "left" | "right" | "top">;
20
+ align: import("../..").CodecFn<"end" | "center" | "start">;
21
+ offset: import("../..").CodecFn<number>;
22
+ gap: import("../..").CodecFn<number>;
23
+ openDelay: import("../..").CodecFn<number>;
24
+ closeDelay: import("../..").CodecFn<number>;
25
+ color: import("../..").CodecFn<"neutral" | "accent" | "danger" | "success" | "warning">;
26
+ variant: import("../..").CodecFn<"solid" | "soft" | "surface">;
27
+ surface: import("../..").CodecFn<"inherit" | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "+1" | "+2" | "+3" | "+4" | "+5" | "+6" | "+7" | "+8">;
28
+ elevation: import("../..").CodecFn<"match" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "none">;
29
+ disabled: import("../..").CodecFn<boolean>;
30
+ };
31
+ type TooltipProps = SchemaToProps<typeof tooltipSchema>;
32
+ type TooltipDirectiveProps = SchemaToProps<typeof tooltipDirectiveSchema>;
33
+ type TooltipColor = typeof TOOLTIP_COLORS[number];
34
+ type TooltipVariant = typeof TOOLTIP_VARIANTS[number];
35
+ export { TOOLTIP_COLORS, TOOLTIP_VARIANTS, tooltipDirectiveSchema, tooltipSchema, };
36
+ export type { TooltipColor, TooltipDirectiveProps, TooltipProps, TooltipVariant };
package/packages/client/types/components/tooltip/entry.generated.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import type { Alpine as AlpineType } from 'alpinejs';
2
+ declare const registerTooltip: (AlpineInstance: AlpineType) => void;
3
+ export { registerTooltip };
4
+ export default registerTooltip;
5
+ export * from './index';
package/packages/client/types/components/tooltip/index.d.ts ADDED
@@ -0,0 +1,21 @@
1
+ import type Alpine from 'alpinejs';
2
+ import { createAlpineMachine, type TransitionForHook, type TrellisAlpineComponent } from '../../runtime';
3
+ import { type BindingObject } from '../../runtime/merge-bindings';
4
+ import { type TooltipDirectiveProps, tooltipSchema } from './contract';
5
+ import { tooltipHooks, type TooltipContext } from './machine';
6
+ type TooltipTransitionName = (typeof tooltipHooks)[number]['name'];
7
+ type TooltipTransition<TName extends TooltipTransitionName = TooltipTransitionName> = TransitionForHook<Extract<(typeof tooltipHooks)[number], {
8
+ name: TName;
9
+ }>, HTMLElement>;
10
+ type TooltipBridge = ReturnType<typeof createAlpineMachine<TooltipContext, typeof tooltipSchema, typeof tooltipHooks>>;
11
+ type TooltipData = TooltipBridge & {
12
+ readonly root: BindingObject;
13
+ readonly content: BindingObject;
14
+ init(): void;
15
+ destroy(): void;
16
+ };
17
+ declare const UiTooltip: () => TrellisAlpineComponent<TooltipData>;
18
+ declare const registerTooltipDirective: (AlpineInstance: Alpine.Alpine) => void;
19
+ declare const registerTooltip: (AlpineInstance: Alpine.Alpine) => void;
20
+ export { registerTooltip, registerTooltipDirective, UiTooltip };
21
+ export type { TooltipData, TooltipDirectiveProps, TooltipTransition };
package/packages/client/types/components/tooltip/machine.d.ts ADDED
@@ -0,0 +1,40 @@
1
+ import { type Machine } from '../../runtime/state-machine';
2
+ import type { TooltipProps } from './contract';
3
+ type TooltipReason = 'pointer' | 'focus' | 'escape' | 'activation' | 'scroll' | 'blur' | 'disabled' | 'replacement';
4
+ type TooltipContext = {
5
+ transition: {
6
+ reason: TooltipReason;
7
+ instant: boolean;
8
+ };
9
+ };
10
+ type TooltipTransitionData = {
11
+ reason: TooltipReason;
12
+ instant: boolean;
13
+ };
14
+ type TooltipMachineEffects = {
15
+ prepareOpen(): void;
16
+ finishOpen(): void;
17
+ prepareClose(): void;
18
+ finishClose(): void;
19
+ syncProps(): void;
20
+ };
21
+ declare const tooltipHooks: readonly [{
22
+ name: "opening";
23
+ state: string;
24
+ project: ({ context }: {
25
+ context: TooltipContext;
26
+ }) => TooltipTransitionData;
27
+ onDone: string;
28
+ onError: string;
29
+ }, {
30
+ name: "closing";
31
+ state: string;
32
+ project: ({ context }: {
33
+ context: TooltipContext;
34
+ }) => TooltipTransitionData;
35
+ onDone: string;
36
+ onError: string;
37
+ }];
38
+ declare const createTooltipMachine: (props: TooltipProps, effects: TooltipMachineEffects) => Machine<TooltipContext, TooltipProps>;
39
+ export { createTooltipMachine, tooltipHooks };
40
+ export type { TooltipContext, TooltipMachineEffects, TooltipReason, TooltipTransitionData };
package/packages/client/types/components/tooltip/runtime-docs.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ declare const tooltipRuntimeDocs: import("../../docs/transition-docs").ComponentTransitionDocs;
2
+ export { tooltipRuntimeDocs };