haze-ui 1.34.0 → 1.35.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (99) hide show
  1. package/README.md +26 -0
  2. package/dist/THIRD-PARTY-NOTICES.md +2 -1
  3. package/dist/components/Anchor/Anchor.js +84 -65
  4. package/dist/components/BackToTop/BackToTop.js +18 -12
  5. package/dist/components/Combobox/Combobox.js +109 -99
  6. package/dist/components/CopyButton/CopyButton.js +13 -12
  7. package/dist/components/DataTable/DataTable.js +16 -16
  8. package/dist/components/FloatButton/FloatButton.js +11 -19
  9. package/dist/components/FollowUpSuggestions/FollowUpSuggestions.js +45 -0
  10. package/dist/components/FollowUpSuggestions/index.js +3 -0
  11. package/dist/components/LocaleProvider/ar-sa.js +9 -0
  12. package/dist/components/LocaleProvider/de-de.js +9 -0
  13. package/dist/components/LocaleProvider/es-es.js +9 -0
  14. package/dist/components/LocaleProvider/fr-fr.js +9 -0
  15. package/dist/components/LocaleProvider/it-it.js +9 -0
  16. package/dist/components/LocaleProvider/ja-jp.js +9 -0
  17. package/dist/components/LocaleProvider/ko-kr.js +9 -0
  18. package/dist/components/LocaleProvider/locale.js +9 -0
  19. package/dist/components/LocaleProvider/pt-br.js +9 -0
  20. package/dist/components/LocaleProvider/ru-ru.js +9 -0
  21. package/dist/components/LocaleProvider/zh-cn.js +9 -0
  22. package/dist/components/NavigationBar/NavLink.js +15 -16
  23. package/dist/components/NotificationCenter/NotificationCenter.js +294 -0
  24. package/dist/components/NotificationCenter/index.js +3 -0
  25. package/dist/components/Tabs/Tab.js +58 -50
  26. package/dist/components/TaskList/TaskList.js +96 -0
  27. package/dist/components/TaskList/index.js +3 -0
  28. package/dist/components/Toggle/Toggle.js +8 -8
  29. package/dist/components/Toggle/ToggleCore.js +4 -5
  30. package/dist/components/Toolbar/ToolbarButton.js +7 -7
  31. package/dist/components/Toolbar/ToolbarToggle.js +9 -9
  32. package/dist/components/Tree/Tree.js +159 -137
  33. package/dist/components/Tree/index.js +2 -1
  34. package/dist/components/Tree/useTree.js +32 -0
  35. package/dist/components/Tree/utils.js +21 -11
  36. package/dist/css/anchor.css +1 -1
  37. package/dist/css/combobox.css +1 -1
  38. package/dist/css/copy-button.css +1 -1
  39. package/dist/css/data-table.css +1 -1
  40. package/dist/css/follow-up-suggestions.css +4 -0
  41. package/dist/css/notification-center.css +5 -0
  42. package/dist/css/task-list.css +4 -0
  43. package/dist/css/tokens.css +1 -0
  44. package/dist/css-manifest.json +21 -0
  45. package/dist/haze-ui.css +18 -4
  46. package/dist/headless/index.js +2 -1
  47. package/dist/hooks/index.js +25 -0
  48. package/dist/hooks/useAnchorSpy.js +49 -0
  49. package/dist/hooks/useElementSize.js +31 -0
  50. package/dist/hooks/useIdle.js +45 -0
  51. package/dist/hooks/useMutationObserver.js +31 -0
  52. package/dist/hooks/useNetwork.js +28 -0
  53. package/dist/hooks/useOrientation.js +27 -0
  54. package/dist/hooks/useResizeObserver.js +16 -0
  55. package/dist/icons/index.js +9 -0
  56. package/dist/index.js +323 -318
  57. package/dist/mcp-docs.json +535 -13
  58. package/dist/registry.json +387 -7
  59. package/dist/sitemap.xml +6 -0
  60. package/dist/tokens/index.js +2 -1
  61. package/dist/tokens/zoom.js +6 -0
  62. package/dist/types/components/Anchor/Anchor.d.ts +5 -1
  63. package/dist/types/components/BackToTop/BackToTop.d.ts +23 -5
  64. package/dist/types/components/Combobox/Combobox.d.ts +17 -1
  65. package/dist/types/components/ConfigProvider/ConfigContext.d.ts +6 -0
  66. package/dist/types/components/CopyButton/CopyButton.d.ts +16 -4
  67. package/dist/types/components/DataTable/DataTable.bench.d.ts +1 -0
  68. package/dist/types/components/FloatButton/FloatButton.d.ts +25 -5
  69. package/dist/types/components/FollowUpSuggestions/FollowUpSuggestions.d.ts +27 -0
  70. package/dist/types/components/FollowUpSuggestions/index.d.ts +2 -0
  71. package/dist/types/components/LocaleProvider/locale.d.ts +9 -0
  72. package/dist/types/components/NavigationBar/NavLink.d.ts +24 -32
  73. package/dist/types/components/NotificationCenter/NotificationCenter.d.ts +111 -0
  74. package/dist/types/components/NotificationCenter/index.d.ts +2 -0
  75. package/dist/types/components/Select/Select.bench.d.ts +1 -0
  76. package/dist/types/components/Tabs/Tab.d.ts +26 -4
  77. package/dist/types/components/TaskList/TaskList.d.ts +50 -0
  78. package/dist/types/components/TaskList/index.d.ts +2 -0
  79. package/dist/types/components/Toggle/Toggle.d.ts +15 -8
  80. package/dist/types/components/Toggle/ToggleCore.d.ts +16 -7
  81. package/dist/types/components/Toolbar/ToolbarButton.d.ts +17 -5
  82. package/dist/types/components/Toolbar/ToolbarToggle.d.ts +22 -5
  83. package/dist/types/components/Tree/Tree.d.ts +1 -1
  84. package/dist/types/components/Tree/index.d.ts +4 -1
  85. package/dist/types/components/Tree/types.d.ts +20 -0
  86. package/dist/types/components/Tree/useTree.d.ts +96 -0
  87. package/dist/types/components/Tree/utils.d.ts +7 -0
  88. package/dist/types/components/VirtualList/VirtualList.bench.d.ts +1 -0
  89. package/dist/types/headless/index.d.ts +16 -0
  90. package/dist/types/hooks/index.d.ts +4 -0
  91. package/dist/types/hooks/useAnchorSpy.d.ts +62 -0
  92. package/dist/types/icons/index.d.ts +138 -0
  93. package/dist/types/index.d.ts +10 -2
  94. package/dist/types/tokens/index.d.ts +1 -0
  95. package/dist/types/tokens/zoom.d.ts +33 -0
  96. package/dist/types/utils/deprecate.d.ts +13 -0
  97. package/dist/types/utils/portal.d.ts +29 -0
  98. package/dist/utils/portal.js +13 -0
  99. package/package.json +40 -8
package/dist/css/data-table.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /* haze-ui data-table — generated by scripts/split-css.mjs, do not edit */
2
2
  @layer haze {
3
3
  .haze-CellEditor__editorInput{min-width:0;margin-block:calc(-1 * var(--haze-space-1))}
4
- .haze-DataTable__root{flex-direction:column;display:flex}.haze-DataTable__scrollArea{overflow-x:auto}.haze-DataTable__stickyScrollArea{flex:1;min-height:0;overflow:auto}.haze-DataTable__virtualArea{-webkit-scrollbar-gutter:stable;-ms-scrollbar-gutter:stable;scrollbar-gutter:stable;flex:1;min-height:0;overflow:auto hidden}.haze-DataTable__fixedLayout{table-layout:fixed}.haze-DataTable__virtualRowTable{height:100%}.haze-DataTable__tableBase{border-collapse:collapse;width:100%;font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text)}.haze-DataTable__stickyHead th{z-index:var(--haze-z-local-2);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-sm);position:sticky;top:0}.haze-DataTable__sortButton{align-items:center;gap:var(--haze-space-1);font:inherit;font-weight:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}.haze-DataTable__sortButton:hover{color:var(--haze-color-primary)}.haze-DataTable__sortButton:focus-visible{border-radius:var(--haze-radius-sm);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-DataTable__sortIcon{color:var(--haze-color-text-muted);font-size:var(--haze-text-xs)}.haze-DataTable__rowHover:hover{background:var(--haze-color-bg-subtle)}.haze-DataTable__rowSelected,.haze-DataTable__rowSelected:hover{background:var(--haze-color-primary-subtle)}.haze-DataTable__clickableRow{cursor:pointer}.haze-DataTable__checkCell{white-space:nowrap;width:1%}.haze-DataTable__checkCellCol{white-space:nowrap}.haze-DataTable__fixedCell{z-index:var(--haze-z-local-1);background:var(--haze-color-bg);position:sticky}tr:hover .haze-DataTable__fixedCell{background:var(--haze-color-bg-subtle)}tr .haze-DataTable__fixedCellSelected,tr:hover .haze-DataTable__fixedCellSelected{background:var(--haze-color-primary-subtle)}.haze-DataTable__fixedHeadCell{z-index:var(--haze-z-local-3)}.haze-DataTable__fixedLeftEdge{clip-path:inset(0 -8px 0 0);box-shadow:6px 0 8px -6px var(--haze-color-border)}.haze-DataTable__fixedRightEdge{clip-path:inset(0 0 0 -8px);box-shadow:-6px 0 8px -6px var(--haze-color-border)}.haze-DataTable__emptyCell{padding:0}.haze-DataTable__footer{margin-top:var(--haze-space-3);justify-content:flex-end;align-items:center;display:flex}.haze-DataTable__toolbar{-webkit-box-flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:var(--haze-space-2);margin-bottom:var(--haze-space-3);flex-wrap:wrap;display:flex}.haze-DataTable__footerMenu{-webkit-margin-end:auto;margin-inline-end:auto}.haze-DataTable__columnsTrigger{align-items:center;gap:var(--haze-space-1);padding:var(--haze-space-1) var(--haze-space-2);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);color:var(--haze-color-text);font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);display:inline-flex}.haze-DataTable__columnsTrigger:hover{border-color:var(--haze-color-border-hover);background:var(--haze-color-bg-subtle)}.haze-DataTable__toggleRow{padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-sm);cursor:pointer;font-size:var(--haze-text-sm);align-items:center;display:flex}.haze-DataTable__toggleRow:hover{background:var(--haze-color-bg-subtle)}.haze-DataTable__resizableHead{position:relative}.haze-DataTable__resizeHandle{top:0;bottom:0;width:6px;z-index:var(--haze-z-local-1);cursor:col-resize;touch-action:none;border-radius:var(--haze-radius-sm);position:absolute;inset-inline-end:-3px}.haze-DataTable__resizeHandle:after{content:"";top:25%;bottom:25%;background:var(--haze-color-border);width:1px;position:absolute;inset-inline-end:2.5px}.haze-DataTable__resizeHandle:hover:after,.haze-DataTable__resizeHandle:focus-visible:after{background:var(--haze-color-primary);top:0;bottom:0}.haze-DataTable__resizeHandle:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-DataTable__reorderGripClass{width:var(--haze-space-6);height:var(--haze-space-6);-webkit-margin-end:var(--haze-space-1);font:inherit;font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);vertical-align:middle;border-radius:var(--haze-radius-sm);background:0 0;border:none;justify-content:center;align-items:center;margin-inline-end:var(--haze-space-1);padding:0;line-height:1;display:inline-flex}.haze-DataTable__reorderGripClass:hover{color:var(--haze-color-primary);background:var(--haze-color-bg-subtle)}.haze-DataTable__reorderGripClass:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-DataTable__reorderItemClass{vertical-align:middle;display:inline-flex}.haze-DataTable__endSentinelClass{height:1px}.haze-DataTable__expander{width:var(--haze-space-5);height:var(--haze-space-5);-webkit-margin-end:var(--haze-space-1);color:var(--haze-color-text-muted);font-size:var(--haze-text-xs);vertical-align:middle;cursor:pointer;border-radius:var(--haze-radius-sm);background:0 0;border:none;justify-content:center;align-items:center;margin-inline-end:var(--haze-space-1);padding:0;display:inline-flex}.haze-DataTable__expander:hover{color:var(--haze-color-text);background:var(--haze-color-bg-subtle)}.haze-DataTable__expander:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-DataTable__expanderIcon{-webkit-transition:-webkit-transform var(--haze-duration-fast) var(--haze-ease);transition:transform var(--haze-duration-fast) var(--haze-ease)}[aria-expanded=true] .haze-DataTable__expanderIcon{transform:rotate(90deg)}.haze-DataTable__panelCell{padding:var(--haze-space-3);background:var(--haze-color-bg-subtle)}.haze-DataTable__treeIndent{vertical-align:middle;display:inline-block}.haze-DataTable__summaryFoot td{padding:var(--haze-space-2) var(--haze-space-3);border-top:2px solid var(--haze-color-border);color:var(--haze-color-text);font-weight:var(--haze-weight-semibold);white-space:nowrap}.haze-DataTable__stickyFoot td{z-index:var(--haze-z-local-2);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-sm);position:sticky;bottom:0}.haze-DataTable__editableCell{cursor:text}.haze-DataTable__navCell:focus-visible{box-shadow:inset 0 0 0 2px var(--haze-color-focus-ring);outline:none}.haze-DataTable__sizeSm>thead>tr>th,.haze-DataTable__sizeSm>tbody>tr>td:not([data-slot=panel-cell]):not([data-slot=empty-cell]),.haze-DataTable__sizeSm>tfoot>tr>td{padding:var(--haze-space-1) var(--haze-space-2)}.haze-DataTable__sizeLg>thead>tr>th,.haze-DataTable__sizeLg>tbody>tr>td:not([data-slot=panel-cell]):not([data-slot=empty-cell]),.haze-DataTable__sizeLg>tfoot>tr>td{padding:var(--haze-space-3) var(--haze-space-4)}
4
+ .haze-DataTable__root{flex-direction:column;display:flex}.haze-DataTable__scrollArea{overflow-x:auto}.haze-DataTable__stickyScrollArea{flex:1;min-height:0;overflow:auto}.haze-DataTable__virtualArea{-webkit-scrollbar-gutter:stable;-ms-scrollbar-gutter:stable;scrollbar-gutter:stable;flex:1;min-height:0;overflow:auto hidden}.haze-DataTable__fixedLayout{table-layout:fixed}.haze-DataTable__virtualRowTable{height:100%}.haze-DataTable__tableBase{border-collapse:collapse;width:100%;font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text)}.haze-DataTable__stickyHead th{z-index:var(--haze-z-local-2);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-sm);position:sticky;top:0}.haze-DataTable__sortButton{align-items:center;gap:var(--haze-space-1);font:inherit;font-weight:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}.haze-DataTable__sortButton:hover{color:var(--haze-color-primary)}.haze-DataTable__sortButton:focus-visible{border-radius:var(--haze-radius-sm);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-DataTable__sortIcon{color:var(--haze-color-text-muted);font-size:var(--haze-text-xs)}.haze-DataTable__rowHover:hover{background:var(--haze-color-bg-subtle)}.haze-DataTable__rowSelected,.haze-DataTable__rowSelected:hover{background:var(--haze-color-primary-subtle)}.haze-DataTable__clickableRow{cursor:pointer}.haze-DataTable__checkCell{white-space:nowrap;width:1%}.haze-DataTable__checkCellCol{white-space:nowrap}.haze-DataTable__resizableHead{position:relative}.haze-DataTable__fixedCell{z-index:var(--haze-z-local-1);background:var(--haze-color-bg);position:sticky}tr:hover .haze-DataTable__fixedCell{background:var(--haze-color-bg-subtle)}tr .haze-DataTable__fixedCellSelected,tr:hover .haze-DataTable__fixedCellSelected{background:var(--haze-color-primary-subtle)}thead .haze-DataTable__fixedHeadCell{z-index:var(--haze-z-local-3)}.haze-DataTable__fixedLeftEdge{clip-path:inset(0 -8px 0 0);box-shadow:6px 0 8px -6px var(--haze-color-border)}.haze-DataTable__fixedRightEdge{clip-path:inset(0 0 0 -8px);box-shadow:-6px 0 8px -6px var(--haze-color-border)}.haze-DataTable__emptyCell{padding:0}.haze-DataTable__footer{margin-top:var(--haze-space-3);justify-content:flex-end;align-items:center;display:flex}.haze-DataTable__toolbar{-webkit-box-flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:var(--haze-space-2);margin-bottom:var(--haze-space-3);flex-wrap:wrap;display:flex}.haze-DataTable__footerMenu{-webkit-margin-end:auto;margin-inline-end:auto}.haze-DataTable__columnsTrigger{align-items:center;gap:var(--haze-space-1);padding:var(--haze-space-1) var(--haze-space-2);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);color:var(--haze-color-text);font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);display:inline-flex}.haze-DataTable__columnsTrigger:hover{border-color:var(--haze-color-border-hover);background:var(--haze-color-bg-subtle)}.haze-DataTable__toggleRow{padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-sm);cursor:pointer;font-size:var(--haze-text-sm);align-items:center;display:flex}.haze-DataTable__toggleRow:hover{background:var(--haze-color-bg-subtle)}.haze-DataTable__resizeHandle{top:0;bottom:0;width:6px;z-index:var(--haze-z-local-1);cursor:col-resize;touch-action:none;border-radius:var(--haze-radius-sm);position:absolute;inset-inline-end:-3px}.haze-DataTable__resizeHandle:after{content:"";top:25%;bottom:25%;background:var(--haze-color-border);width:1px;position:absolute;inset-inline-end:2.5px}.haze-DataTable__resizeHandle:hover:after,.haze-DataTable__resizeHandle:focus-visible:after{background:var(--haze-color-primary);top:0;bottom:0}.haze-DataTable__resizeHandle:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-DataTable__reorderGripClass{width:var(--haze-space-6);height:var(--haze-space-6);-webkit-margin-end:var(--haze-space-1);font:inherit;font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);vertical-align:middle;border-radius:var(--haze-radius-sm);background:0 0;border:none;justify-content:center;align-items:center;margin-inline-end:var(--haze-space-1);padding:0;line-height:1;display:inline-flex}.haze-DataTable__reorderGripClass:hover{color:var(--haze-color-primary);background:var(--haze-color-bg-subtle)}.haze-DataTable__reorderGripClass:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-DataTable__reorderItemClass{vertical-align:middle;display:inline-flex}.haze-DataTable__endSentinelClass{height:1px}.haze-DataTable__expander{width:var(--haze-space-5);height:var(--haze-space-5);-webkit-margin-end:var(--haze-space-1);color:var(--haze-color-text-muted);font-size:var(--haze-text-xs);vertical-align:middle;cursor:pointer;border-radius:var(--haze-radius-sm);background:0 0;border:none;justify-content:center;align-items:center;margin-inline-end:var(--haze-space-1);padding:0;display:inline-flex}.haze-DataTable__expander:hover{color:var(--haze-color-text);background:var(--haze-color-bg-subtle)}.haze-DataTable__expander:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-DataTable__expanderIcon{-webkit-transition:-webkit-transform var(--haze-duration-fast) var(--haze-ease);transition:transform var(--haze-duration-fast) var(--haze-ease)}[aria-expanded=true] .haze-DataTable__expanderIcon{transform:rotate(90deg)}.haze-DataTable__panelCell{padding:var(--haze-space-3);background:var(--haze-color-bg-subtle)}.haze-DataTable__treeIndent{vertical-align:middle;display:inline-block}.haze-DataTable__summaryFoot td{padding:var(--haze-space-2) var(--haze-space-3);border-top:2px solid var(--haze-color-border);color:var(--haze-color-text);font-weight:var(--haze-weight-semibold);white-space:nowrap}.haze-DataTable__stickyFoot td{z-index:var(--haze-z-local-2);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-sm);position:sticky;bottom:0}.haze-DataTable__editableCell{cursor:text}.haze-DataTable__navCell:focus-visible{box-shadow:inset 0 0 0 2px var(--haze-color-focus-ring);outline:none}.haze-DataTable__sizeSm>thead>tr>th,.haze-DataTable__sizeSm>tbody>tr>td:not([data-slot=panel-cell]):not([data-slot=empty-cell]),.haze-DataTable__sizeSm>tfoot>tr>td{padding:var(--haze-space-1) var(--haze-space-2)}.haze-DataTable__sizeLg>thead>tr>th,.haze-DataTable__sizeLg>tbody>tr>td:not([data-slot=panel-cell]):not([data-slot=empty-cell]),.haze-DataTable__sizeLg>tfoot>tr>td{padding:var(--haze-space-3) var(--haze-space-4)}
5
5
  .haze-column-filter__filterTrigger{-webkit-margin-start:var(--haze-space-1);font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;margin-inline-start:var(--haze-space-1);padding:0;display:inline-flex}.haze-column-filter__filterTrigger:hover [data-slot=icon],.haze-column-filter__filterTrigger:focus-visible [data-slot=icon]{color:var(--haze-color-primary)}.haze-column-filter__filterTrigger:focus-visible{border-radius:var(--haze-radius-sm);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-column-filter__filterIcon{font-size:var(--haze-text-xs);color:var(--haze-color-text-muted)}.haze-column-filter__filterIconActive{color:var(--haze-color-primary)}.haze-column-filter__filterMenu{gap:var(--haze-space-2);flex-direction:column;display:flex}.haze-column-filter__filterOptions{gap:var(--haze-space-1);flex-direction:column;display:flex}.haze-column-filter__filterActions{justify-content:flex-end;gap:var(--haze-space-2);display:flex}
6
6
  }
package/dist/css/follow-up-suggestions.css ADDED
@@ -0,0 +1,4 @@
1
+ /* haze-ui follow-up-suggestions — generated by scripts/split-css.mjs, do not edit */
2
+ @layer haze {
3
+ .haze-FollowUpSuggestions__list{-webkit-box-flex-wrap:wrap;align-items:center;gap:var(--haze-space-2);flex-wrap:wrap;display:flex}.haze-FollowUpSuggestions__item{display:flex}
4
+ }
package/dist/css/notification-center.css ADDED
@@ -0,0 +1,5 @@
1
+ /* haze-ui notification-center — generated by scripts/split-css.mjs, do not edit */
2
+ @layer haze {
3
+ .haze-NotificationCenter__container{display:inline-flex;position:relative}.haze-NotificationCenter__triggerBtn{padding:var(--haze-space-2);border-radius:var(--haze-radius-md);color:var(--haze-color-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.haze-NotificationCenter__triggerBtn:hover{color:var(--haze-color-text);background:var(--haze-color-bg-muted)}.haze-NotificationCenter__triggerBtn:focus-visible{outline:2px solid var(--haze-color-focus-ring);outline-offset:2px}@media (forced-colors:active){.haze-NotificationCenter__triggerBtn:focus-visible{outline-color:highlight}}.haze-NotificationCenter__badgeWrap{pointer-events:none;position:absolute;inset-block-start:0;inset-inline-end:0}.haze-NotificationCenter__panelVisuals{box-sizing:border-box;gap:var(--haze-space-1);width:360px;max-width:calc(100vw - var(--haze-space-4) * 2);padding:var(--haze-space-2);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);box-shadow:var(--haze-shadow-lg);flex-direction:column;display:flex}@media (forced-colors:active){.haze-NotificationCenter__panelVisuals{border-color:canvastext}}.haze-NotificationCenter__panelHeader{align-items:center;gap:var(--haze-space-2);padding:var(--haze-space-1) var(--haze-space-2) var(--haze-space-2);display:flex}.haze-NotificationCenter__panelTitle{font-size:var(--haze-text-sm);font-weight:var(--haze-weight-semibold);line-height:var(--haze-leading-tight);color:var(--haze-color-text);margin:0}.haze-NotificationCenter__notificationList{gap:var(--haze-space-1);flex-direction:column;max-height:60vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.haze-NotificationCenter__notificationItem{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--haze-space-2);padding:var(--haze-space-2);border-radius:var(--haze-radius-md);background:0 0;display:flex}.haze-NotificationCenter__notificationItem:focus-visible{background:var(--haze-color-bg-muted);box-shadow:0 0 0 2px var(--haze-color-focus-ring);outline:none}@media (forced-colors:active){.haze-NotificationCenter__notificationItem:focus-visible{box-shadow:none;outline:2px solid highlight}}.haze-NotificationCenter__itemUnread,.haze-NotificationCenter__itemUnread:focus-visible{background:var(--haze-color-primary-subtle)}.haze-NotificationCenter__unreadDot{width:var(--haze-space-2);height:var(--haze-space-2);border-radius:var(--haze-radius-full);background:var(--haze-color-primary);flex-shrink:0;margin-block-start:var(--haze-space-1)}.haze-NotificationCenter__itemIconWrap{width:var(--haze-space-6);height:var(--haze-space-6);border-radius:var(--haze-radius-md);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.haze-NotificationCenter__info{background:var(--haze-color-info-subtle);color:var(--haze-color-info)}.haze-NotificationCenter__success{background:var(--haze-color-success-subtle);color:var(--haze-color-success)}.haze-NotificationCenter__warning{background:var(--haze-color-warning-subtle);color:var(--haze-color-warning)}.haze-NotificationCenter__danger{background:var(--haze-color-danger-subtle);color:var(--haze-color-danger)}.haze-NotificationCenter__itemBody{gap:var(--haze-space-1);flex-direction:column;flex:1;min-width:0;display:flex}.haze-NotificationCenter__itemTitle{font-weight:var(--haze-weight-medium);color:var(--haze-color-text);line-height:var(--haze-leading-tight)}.haze-NotificationCenter__itemDescription{color:var(--haze-color-text-secondary);line-height:var(--haze-leading-normal)}.haze-NotificationCenter__itemTimestamp{color:var(--haze-color-text-muted);font-size:var(--haze-text-xs);flex-shrink:0;margin-block-start:var(--haze-space-1)}.haze-NotificationCenter__panelActions{-webkit-box-pack:justify;align-items:center;-ms-flex-pack:space-between;justify-content:space-between;gap:var(--haze-space-2);padding:var(--haze-space-2) var(--haze-space-1) var(--haze-space-1);border-top:1px solid var(--haze-color-border);display:flex}.haze-NotificationCenter__actionBtn{appearance:none;border-radius:var(--haze-radius-sm);padding:var(--haze-space-1) var(--haze-space-2);font-family:var(--haze-font-sans);font-size:var(--haze-text-xs);color:var(--haze-color-text-secondary);cursor:pointer;background:0 0;border:none}.haze-NotificationCenter__actionBtn:hover:not(:disabled){color:var(--haze-color-text);background:var(--haze-color-bg-muted)}.haze-NotificationCenter__actionBtn:focus-visible{outline:2px solid var(--haze-color-focus-ring);outline-offset:1px}.haze-NotificationCenter__actionBtn:disabled{color:var(--haze-color-text-muted);cursor:not-allowed}@media (forced-colors:active){.haze-NotificationCenter__actionBtn:focus-visible{outline-color:highlight}}.haze-NotificationCenter__emptyState{padding:var(--haze-space-8) var(--haze-space-4);text-align:center;color:var(--haze-color-text-muted)}
4
+ .haze-floating__floatingNative{margin:0;inset:auto}.haze-floating__floatingAnchored{position-anchor:var(--haze-floating-anchor)}.haze-floating__floatingFixed{position:fixed}.haze-floating__floatingHidden{display:none}.haze-floating__floatingAnimated[data-state=open]{-webkit-animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease);animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease)}.haze-floating__floatingAnimated[data-state=closed]{-webkit-animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards}@keyframes haze-floating-in-haze-floating__floatingAnimated{0%{opacity:0}}@keyframes haze-floating-out-haze-floating__floatingAnimated{to{opacity:0}}.haze-floating__anchoredBottom,.haze-floating__anchoredBottomSpan{position-area:bottom span-right;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomCenter{position-area:bottom center;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomEnd{position-area:bottom span-left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredTop{position-area:top center;margin-bottom:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredLeft{position-area:left center;margin-right:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredRight{position-area:right center;margin-left:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredLogicalBottom{position-area:span-inline-end block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomCenter{position-area:block-end center;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomEnd{position-area:span-inline-start block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalTop{position-area:block-start center;position-try-fallbacks:flip-block;margin-block-end:var(--haze-space-1)}.haze-floating__anchoredLogicalLeft{position-area:inline-start center;-webkit-margin-end:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-end:var(--haze-space-1)}.haze-floating__anchoredLogicalRight{position-area:inline-end center;-webkit-margin-start:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-start:var(--haze-space-1)}.haze-floating__fallbackBottom{z-index:var(--haze-z-overlay-fallback);margin-top:var(--haze-space-1);position:absolute;top:100%;left:0}.haze-floating__fallbackBottomCenter{z-index:var(--haze-z-overlay-fallback);margin-top:var(--haze-space-1);position:absolute;top:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackBottomEnd{z-index:var(--haze-z-overlay-fallback);margin-top:var(--haze-space-1);position:absolute;top:100%;right:0}.haze-floating__fallbackTop{z-index:var(--haze-z-overlay-fallback);margin-bottom:var(--haze-space-1);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackLeft{z-index:var(--haze-z-overlay-fallback);margin-right:var(--haze-space-1);position:absolute;top:50%;right:100%;transform:translateY(-50%)}.haze-floating__fallbackRight{z-index:var(--haze-z-overlay-fallback);margin-left:var(--haze-space-1);position:absolute;top:50%;left:100%;transform:translateY(-50%)}.haze-floating__gapBelow{margin-top:var(--haze-space-1)}.haze-floating__gapAbove{margin-bottom:var(--haze-space-1)}.haze-floating__gapBefore{margin-right:var(--haze-space-1)}.haze-floating__gapAfter{margin-left:var(--haze-space-1)}
5
+ }
package/dist/css/task-list.css ADDED
@@ -0,0 +1,4 @@
1
+ /* haze-ui task-list — generated by scripts/split-css.mjs, do not edit */
2
+ @layer haze {
3
+ .haze-TaskList__list{gap:var(--haze-space-1);font-family:var(--haze-font-sans);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.haze-TaskList__item{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--haze-space-2);padding-block:var(--haze-space-1);display:flex}.haze-TaskList__row{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--haze-space-3);flex:1;min-width:0;display:flex}.haze-TaskList__rowLabel{cursor:pointer;-webkit-user-select:none;user-select:none}.haze-TaskList__rowLabel>input{margin:0;margin-block-start:-.125rem}.haze-TaskList__indicatorSlot{width:var(--haze-space-6);height:var(--haze-space-6);flex-shrink:0;justify-content:center;align-items:center;margin-block-start:-.125rem;display:flex}.haze-TaskList__body{flex:1;min-width:0}.haze-TaskList__titleStyle{font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);color:var(--haze-color-text)}.haze-TaskList__titleDone{color:var(--haze-color-text-muted);-webkit-text-decoration:line-through;text-decoration:line-through}.haze-TaskList__descriptionStyle{font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);margin-block-start:var(--haze-space-1)}.haze-TaskList__actionsStyle{align-items:center;gap:var(--haze-space-1);flex-shrink:0;display:flex}
4
+ }
package/dist/css/tokens.css CHANGED
@@ -6,4 +6,5 @@
6
6
  .haze-motion__motion{--haze-duration-fast:.12s;--haze-duration-normal:.2s;--haze-duration-slow:.3s;--haze-ease:cubic-bezier(.2, 0, 0, 1);--haze-ease-in-out:cubic-bezier(.4, 0, .2, 1)}@media (prefers-reduced-motion:reduce){.haze-motion__motion{--haze-duration-fast:0s;--haze-duration-normal:0s;--haze-duration-slow:0s}}.haze-motion__fade[data-state=open]{-webkit-animation:haze-motion-fade-in-haze-motion__fade var(--haze-duration-normal) var(--haze-ease);animation:haze-motion-fade-in-haze-motion__fade var(--haze-duration-normal) var(--haze-ease)}.haze-motion__fade[data-state=closed]{-webkit-animation:haze-motion-fade-out-haze-motion__fade var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-motion-fade-out-haze-motion__fade var(--haze-duration-fast) var(--haze-ease) forwards}@media (prefers-reduced-motion:reduce){.haze-motion__fade[data-state=open],.haze-motion__fade[data-state=closed]{animation:none}}@keyframes haze-motion-fade-in-haze-motion__fade{0%{opacity:0}}@keyframes haze-motion-fade-out-haze-motion__fade{to{opacity:0}}.haze-motion__fadeScale[data-state=open]{-webkit-animation:haze-motion-fade-scale-in-haze-motion__fadeScale var(--haze-duration-normal) var(--haze-ease);animation:haze-motion-fade-scale-in-haze-motion__fadeScale var(--haze-duration-normal) var(--haze-ease)}.haze-motion__fadeScale[data-state=closed]{-webkit-animation:haze-motion-fade-scale-out-haze-motion__fadeScale var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-motion-fade-scale-out-haze-motion__fadeScale var(--haze-duration-fast) var(--haze-ease) forwards}@media (prefers-reduced-motion:reduce){.haze-motion__fadeScale[data-state=open],.haze-motion__fadeScale[data-state=closed]{animation:none}}@keyframes haze-motion-fade-scale-in-haze-motion__fadeScale{0%{opacity:0;transform:scale(.97)}}@keyframes haze-motion-fade-scale-out-haze-motion__fadeScale{to{opacity:0;transform:scale(.97)}}.haze-motion__slideUp[data-state=open]{-webkit-animation:haze-motion-slide-up-in-haze-motion__slideUp var(--haze-duration-normal) var(--haze-ease);animation:haze-motion-slide-up-in-haze-motion__slideUp var(--haze-duration-normal) var(--haze-ease)}.haze-motion__slideUp[data-state=closed]{-webkit-animation:haze-motion-slide-up-out-haze-motion__slideUp var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-motion-slide-up-out-haze-motion__slideUp var(--haze-duration-fast) var(--haze-ease) forwards}@media (prefers-reduced-motion:reduce){.haze-motion__slideUp[data-state=open],.haze-motion__slideUp[data-state=closed]{animation:none}}@keyframes haze-motion-slide-up-in-haze-motion__slideUp{0%{opacity:0;-webkit-transform:translateY(var(--haze-space-4));-moz-transform:translateY(var(--haze-space-4));-ms-transform:translateY(var(--haze-space-4));transform:translateY(var(--haze-space-4))}}@keyframes haze-motion-slide-up-out-haze-motion__slideUp{to{opacity:0;-webkit-transform:translateY(var(--haze-space-4));-moz-transform:translateY(var(--haze-space-4));-ms-transform:translateY(var(--haze-space-4));transform:translateY(var(--haze-space-4))}}.haze-motion__slideDown[data-state=open]{-webkit-animation:haze-motion-slide-down-in-haze-motion__slideDown var(--haze-duration-normal) var(--haze-ease);animation:haze-motion-slide-down-in-haze-motion__slideDown var(--haze-duration-normal) var(--haze-ease)}.haze-motion__slideDown[data-state=closed]{-webkit-animation:haze-motion-slide-down-out-haze-motion__slideDown var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-motion-slide-down-out-haze-motion__slideDown var(--haze-duration-fast) var(--haze-ease) forwards}@media (prefers-reduced-motion:reduce){.haze-motion__slideDown[data-state=open],.haze-motion__slideDown[data-state=closed]{animation:none}}@keyframes haze-motion-slide-down-in-haze-motion__slideDown{0%{opacity:0;-webkit-transform:translateY(calc(-1 * var(--haze-space-4)));-moz-transform:translateY(calc(-1 * var(--haze-space-4)));-ms-transform:translateY(calc(-1 * var(--haze-space-4)));transform:translateY(calc(-1 * var(--haze-space-4)))}}@keyframes haze-motion-slide-down-out-haze-motion__slideDown{to{opacity:0;-webkit-transform:translateY(calc(-1 * var(--haze-space-4)));-moz-transform:translateY(calc(-1 * var(--haze-space-4)));-ms-transform:translateY(calc(-1 * var(--haze-space-4)));transform:translateY(calc(-1 * var(--haze-space-4)))}}.haze-motion__slideLeft[data-state=open]{-webkit-animation:haze-motion-slide-left-in-haze-motion__slideLeft var(--haze-duration-normal) var(--haze-ease);animation:haze-motion-slide-left-in-haze-motion__slideLeft var(--haze-duration-normal) var(--haze-ease)}.haze-motion__slideLeft[data-state=closed]{-webkit-animation:haze-motion-slide-left-out-haze-motion__slideLeft var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-motion-slide-left-out-haze-motion__slideLeft var(--haze-duration-fast) var(--haze-ease) forwards}@media (prefers-reduced-motion:reduce){.haze-motion__slideLeft[data-state=open],.haze-motion__slideLeft[data-state=closed]{animation:none}}@keyframes haze-motion-slide-left-in-haze-motion__slideLeft{0%{opacity:0;-webkit-transform:translateX(var(--haze-space-4));-moz-transform:translateX(var(--haze-space-4));-ms-transform:translateX(var(--haze-space-4));transform:translateX(var(--haze-space-4))}}@keyframes haze-motion-slide-left-out-haze-motion__slideLeft{to{opacity:0;-webkit-transform:translateX(var(--haze-space-4));-moz-transform:translateX(var(--haze-space-4));-ms-transform:translateX(var(--haze-space-4));transform:translateX(var(--haze-space-4))}}.haze-motion__slideRight[data-state=open]{-webkit-animation:haze-motion-slide-right-in-haze-motion__slideRight var(--haze-duration-normal) var(--haze-ease);animation:haze-motion-slide-right-in-haze-motion__slideRight var(--haze-duration-normal) var(--haze-ease)}.haze-motion__slideRight[data-state=closed]{-webkit-animation:haze-motion-slide-right-out-haze-motion__slideRight var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-motion-slide-right-out-haze-motion__slideRight var(--haze-duration-fast) var(--haze-ease) forwards}@media (prefers-reduced-motion:reduce){.haze-motion__slideRight[data-state=open],.haze-motion__slideRight[data-state=closed]{animation:none}}@keyframes haze-motion-slide-right-in-haze-motion__slideRight{0%{opacity:0;-webkit-transform:translateX(calc(-1 * var(--haze-space-4)));-moz-transform:translateX(calc(-1 * var(--haze-space-4)));-ms-transform:translateX(calc(-1 * var(--haze-space-4)));transform:translateX(calc(-1 * var(--haze-space-4)))}}@keyframes haze-motion-slide-right-out-haze-motion__slideRight{to{opacity:0;-webkit-transform:translateX(calc(-1 * var(--haze-space-4)));-moz-transform:translateX(calc(-1 * var(--haze-space-4)));-ms-transform:translateX(calc(-1 * var(--haze-space-4)));transform:translateX(calc(-1 * var(--haze-space-4)))}}
7
7
  .haze-spacing__spacing{--haze-space-0:0;--haze-space-1:var(--haze-density-space-1,4px);--haze-space-2:var(--haze-density-space-2,8px);--haze-space-3:var(--haze-density-space-3,12px);--haze-space-4:var(--haze-density-space-4,16px);--haze-space-5:var(--haze-density-space-5,20px);--haze-space-6:var(--haze-density-space-6,24px);--haze-space-8:var(--haze-density-space-8,32px);--haze-space-10:var(--haze-density-space-10,40px);--haze-space-12:var(--haze-density-space-12,48px);--haze-space-16:var(--haze-density-space-16,64px);--haze-radius-none:0;--haze-radius-sm:4px;--haze-radius-md:6px;--haze-radius-lg:8px;--haze-radius-xl:12px;--haze-radius-2xl:16px;--haze-radius-full:9999px;--haze-shadow-sm:0 1px 2px #0000000d;--haze-shadow-md:0 4px 6px #00000012;--haze-shadow-lg:0 10px 15px #0000001a;--haze-shadow-xl:0 20px 25px #0000001a;--haze-z-local-1:1;--haze-z-local-2:2;--haze-z-local-3:3;--haze-z-overlay:100;--haze-z-overlay-fallback:1000;--haze-z-toast:9999}
8
8
  .haze-typography__typography{--haze-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--haze-font-mono:"SF Mono",SFMono-Regular,ui-monospace,"DejaVu Sans Mono",Menlo,Consolas,monospace;--haze-text-xs:12px;--haze-text-sm:14px;--haze-text-base:16px;--haze-text-lg:18px;--haze-text-xl:20px;--haze-text-2xl:24px;--haze-text-3xl:30px;--haze-leading-tight:1.25;--haze-leading-normal:1.5;--haze-leading-relaxed:1.75;--haze-weight-normal:400;--haze-weight-medium:500;--haze-weight-semibold:600;--haze-weight-bold:700}
9
+ .haze-zoom__remScale{--haze-density-space-1:.25rem;--haze-density-space-2:.5rem;--haze-density-space-3:.75rem;--haze-density-space-4:1rem;--haze-density-space-5:1.25rem;--haze-density-space-6:1.5rem;--haze-density-space-8:2rem;--haze-density-space-10:2.5rem;--haze-density-space-12:3rem;--haze-density-space-16:4rem;--haze-text-xs:.75rem;--haze-text-sm:.875rem;--haze-text-base:1rem;--haze-text-lg:1.125rem;--haze-text-xl:1.25rem;--haze-text-2xl:1.5rem;--haze-text-3xl:1.875rem;--haze-radius-none:0;--haze-radius-sm:.25rem;--haze-radius-md:.375rem;--haze-radius-lg:.5rem;--haze-radius-xl:.75rem;--haze-radius-2xl:1rem;--haze-radius-full:624.938rem}
9
10
  }
package/dist/css-manifest.json CHANGED
@@ -96,6 +96,7 @@
96
96
  "Flex": "flex",
97
97
  "FloatButton": "float-button",
98
98
  "FloatButtonGroup": "float-button",
99
+ "FollowUpSuggestions": "follow-up-suggestions",
99
100
  "Form": "form",
100
101
  "FormItem": "form",
101
102
  "FormList": "form",
@@ -146,6 +147,7 @@
146
147
  "NavigationMenuItem": "navigation-menu",
147
148
  "NavigationMenuList": "navigation-menu",
148
149
  "NavigationMenuTrigger": "navigation-menu",
150
+ "NotificationCenter": "notification-center",
149
151
  "NumberInput": "number-input",
150
152
  "NumberInputCore": "number-input",
151
153
  "OTPInput": "otp-input",
@@ -235,6 +237,8 @@
235
237
  "TagGroupItem": "tag-group",
236
238
  "TagInput": "tag-input",
237
239
  "TagInputCore": "tag-input",
240
+ "TaskList": "task-list",
241
+ "TaskListItem": "task-list",
238
242
  "Text": "typography",
239
243
  "Textarea": "textarea",
240
244
  "TextareaCore": "textarea",
@@ -303,6 +307,7 @@
303
307
  "motion": "tokens",
304
308
  "motionPresets": "tokens",
305
309
  "orangeTheme": "tokens",
310
+ "remScale": "tokens",
306
311
  "reset": "form",
307
312
  "roseTheme": "tokens",
308
313
  "setFocus": "form",
@@ -329,6 +334,7 @@
329
334
  "useFormContext": "form",
330
335
  "useInputGroup": "input-group",
331
336
  "useToast": "toast",
337
+ "useTree": "tree",
332
338
  "useValue": "form",
333
339
  "useValues": "form",
334
340
  "useWatch": "form",
@@ -498,6 +504,11 @@
498
504
  "FilePreview": [
499
505
  "progress"
500
506
  ],
507
+ "FollowUpSuggestions": [
508
+ "button",
509
+ "skeleton",
510
+ "spinner"
511
+ ],
501
512
  "Highlight": [
502
513
  "mark"
503
514
  ],
@@ -513,6 +524,10 @@
513
524
  "Menu": [
514
525
  "virtual-list"
515
526
  ],
527
+ "NotificationCenter": [
528
+ "badge",
529
+ "icon"
530
+ ],
516
531
  "PasswordInput": [
517
532
  "input"
518
533
  ],
@@ -600,6 +615,12 @@
600
615
  "menu",
601
616
  "virtual-list"
602
617
  ],
618
+ "TaskList": [
619
+ "checkbox"
620
+ ],
621
+ "TaskListItem": [
622
+ "checkbox"
623
+ ],
603
624
  "TimeField": [
604
625
  "date-field",
605
626
  "time-picker"
package/dist/haze-ui.css CHANGED
@@ -5,6 +5,7 @@
5
5
  .haze-motion__motion{--haze-duration-fast:.12s;--haze-duration-normal:.2s;--haze-duration-slow:.3s;--haze-ease:cubic-bezier(.2, 0, 0, 1);--haze-ease-in-out:cubic-bezier(.4, 0, .2, 1)}@media (prefers-reduced-motion:reduce){.haze-motion__motion{--haze-duration-fast:0s;--haze-duration-normal:0s;--haze-duration-slow:0s}}.haze-motion__fade[data-state=open]{-webkit-animation:haze-motion-fade-in-haze-motion__fade var(--haze-duration-normal) var(--haze-ease);animation:haze-motion-fade-in-haze-motion__fade var(--haze-duration-normal) var(--haze-ease)}.haze-motion__fade[data-state=closed]{-webkit-animation:haze-motion-fade-out-haze-motion__fade var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-motion-fade-out-haze-motion__fade var(--haze-duration-fast) var(--haze-ease) forwards}@media (prefers-reduced-motion:reduce){.haze-motion__fade[data-state=open],.haze-motion__fade[data-state=closed]{animation:none}}@keyframes haze-motion-fade-in-haze-motion__fade{0%{opacity:0}}@keyframes haze-motion-fade-out-haze-motion__fade{to{opacity:0}}.haze-motion__fadeScale[data-state=open]{-webkit-animation:haze-motion-fade-scale-in-haze-motion__fadeScale var(--haze-duration-normal) var(--haze-ease);animation:haze-motion-fade-scale-in-haze-motion__fadeScale var(--haze-duration-normal) var(--haze-ease)}.haze-motion__fadeScale[data-state=closed]{-webkit-animation:haze-motion-fade-scale-out-haze-motion__fadeScale var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-motion-fade-scale-out-haze-motion__fadeScale var(--haze-duration-fast) var(--haze-ease) forwards}@media (prefers-reduced-motion:reduce){.haze-motion__fadeScale[data-state=open],.haze-motion__fadeScale[data-state=closed]{animation:none}}@keyframes haze-motion-fade-scale-in-haze-motion__fadeScale{0%{opacity:0;transform:scale(.97)}}@keyframes haze-motion-fade-scale-out-haze-motion__fadeScale{to{opacity:0;transform:scale(.97)}}.haze-motion__slideUp[data-state=open]{-webkit-animation:haze-motion-slide-up-in-haze-motion__slideUp var(--haze-duration-normal) var(--haze-ease);animation:haze-motion-slide-up-in-haze-motion__slideUp var(--haze-duration-normal) var(--haze-ease)}.haze-motion__slideUp[data-state=closed]{-webkit-animation:haze-motion-slide-up-out-haze-motion__slideUp var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-motion-slide-up-out-haze-motion__slideUp var(--haze-duration-fast) var(--haze-ease) forwards}@media (prefers-reduced-motion:reduce){.haze-motion__slideUp[data-state=open],.haze-motion__slideUp[data-state=closed]{animation:none}}@keyframes haze-motion-slide-up-in-haze-motion__slideUp{0%{opacity:0;-webkit-transform:translateY(var(--haze-space-4));-moz-transform:translateY(var(--haze-space-4));-ms-transform:translateY(var(--haze-space-4));transform:translateY(var(--haze-space-4))}}@keyframes haze-motion-slide-up-out-haze-motion__slideUp{to{opacity:0;-webkit-transform:translateY(var(--haze-space-4));-moz-transform:translateY(var(--haze-space-4));-ms-transform:translateY(var(--haze-space-4));transform:translateY(var(--haze-space-4))}}.haze-motion__slideDown[data-state=open]{-webkit-animation:haze-motion-slide-down-in-haze-motion__slideDown var(--haze-duration-normal) var(--haze-ease);animation:haze-motion-slide-down-in-haze-motion__slideDown var(--haze-duration-normal) var(--haze-ease)}.haze-motion__slideDown[data-state=closed]{-webkit-animation:haze-motion-slide-down-out-haze-motion__slideDown var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-motion-slide-down-out-haze-motion__slideDown var(--haze-duration-fast) var(--haze-ease) forwards}@media (prefers-reduced-motion:reduce){.haze-motion__slideDown[data-state=open],.haze-motion__slideDown[data-state=closed]{animation:none}}@keyframes haze-motion-slide-down-in-haze-motion__slideDown{0%{opacity:0;-webkit-transform:translateY(calc(-1 * var(--haze-space-4)));-moz-transform:translateY(calc(-1 * var(--haze-space-4)));-ms-transform:translateY(calc(-1 * var(--haze-space-4)));transform:translateY(calc(-1 * var(--haze-space-4)))}}@keyframes haze-motion-slide-down-out-haze-motion__slideDown{to{opacity:0;-webkit-transform:translateY(calc(-1 * var(--haze-space-4)));-moz-transform:translateY(calc(-1 * var(--haze-space-4)));-ms-transform:translateY(calc(-1 * var(--haze-space-4)));transform:translateY(calc(-1 * var(--haze-space-4)))}}.haze-motion__slideLeft[data-state=open]{-webkit-animation:haze-motion-slide-left-in-haze-motion__slideLeft var(--haze-duration-normal) var(--haze-ease);animation:haze-motion-slide-left-in-haze-motion__slideLeft var(--haze-duration-normal) var(--haze-ease)}.haze-motion__slideLeft[data-state=closed]{-webkit-animation:haze-motion-slide-left-out-haze-motion__slideLeft var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-motion-slide-left-out-haze-motion__slideLeft var(--haze-duration-fast) var(--haze-ease) forwards}@media (prefers-reduced-motion:reduce){.haze-motion__slideLeft[data-state=open],.haze-motion__slideLeft[data-state=closed]{animation:none}}@keyframes haze-motion-slide-left-in-haze-motion__slideLeft{0%{opacity:0;-webkit-transform:translateX(var(--haze-space-4));-moz-transform:translateX(var(--haze-space-4));-ms-transform:translateX(var(--haze-space-4));transform:translateX(var(--haze-space-4))}}@keyframes haze-motion-slide-left-out-haze-motion__slideLeft{to{opacity:0;-webkit-transform:translateX(var(--haze-space-4));-moz-transform:translateX(var(--haze-space-4));-ms-transform:translateX(var(--haze-space-4));transform:translateX(var(--haze-space-4))}}.haze-motion__slideRight[data-state=open]{-webkit-animation:haze-motion-slide-right-in-haze-motion__slideRight var(--haze-duration-normal) var(--haze-ease);animation:haze-motion-slide-right-in-haze-motion__slideRight var(--haze-duration-normal) var(--haze-ease)}.haze-motion__slideRight[data-state=closed]{-webkit-animation:haze-motion-slide-right-out-haze-motion__slideRight var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-motion-slide-right-out-haze-motion__slideRight var(--haze-duration-fast) var(--haze-ease) forwards}@media (prefers-reduced-motion:reduce){.haze-motion__slideRight[data-state=open],.haze-motion__slideRight[data-state=closed]{animation:none}}@keyframes haze-motion-slide-right-in-haze-motion__slideRight{0%{opacity:0;-webkit-transform:translateX(calc(-1 * var(--haze-space-4)));-moz-transform:translateX(calc(-1 * var(--haze-space-4)));-ms-transform:translateX(calc(-1 * var(--haze-space-4)));transform:translateX(calc(-1 * var(--haze-space-4)))}}@keyframes haze-motion-slide-right-out-haze-motion__slideRight{to{opacity:0;-webkit-transform:translateX(calc(-1 * var(--haze-space-4)));-moz-transform:translateX(calc(-1 * var(--haze-space-4)));-ms-transform:translateX(calc(-1 * var(--haze-space-4)));transform:translateX(calc(-1 * var(--haze-space-4)))}}
6
6
  .haze-spacing__spacing{--haze-space-0:0;--haze-space-1:var(--haze-density-space-1,4px);--haze-space-2:var(--haze-density-space-2,8px);--haze-space-3:var(--haze-density-space-3,12px);--haze-space-4:var(--haze-density-space-4,16px);--haze-space-5:var(--haze-density-space-5,20px);--haze-space-6:var(--haze-density-space-6,24px);--haze-space-8:var(--haze-density-space-8,32px);--haze-space-10:var(--haze-density-space-10,40px);--haze-space-12:var(--haze-density-space-12,48px);--haze-space-16:var(--haze-density-space-16,64px);--haze-radius-none:0;--haze-radius-sm:4px;--haze-radius-md:6px;--haze-radius-lg:8px;--haze-radius-xl:12px;--haze-radius-2xl:16px;--haze-radius-full:9999px;--haze-shadow-sm:0 1px 2px #0000000d;--haze-shadow-md:0 4px 6px #00000012;--haze-shadow-lg:0 10px 15px #0000001a;--haze-shadow-xl:0 20px 25px #0000001a;--haze-z-local-1:1;--haze-z-local-2:2;--haze-z-local-3:3;--haze-z-overlay:100;--haze-z-overlay-fallback:1000;--haze-z-toast:9999}
7
7
  .haze-typography__typography{--haze-font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--haze-font-mono:"SF Mono",SFMono-Regular,ui-monospace,"DejaVu Sans Mono",Menlo,Consolas,monospace;--haze-text-xs:12px;--haze-text-sm:14px;--haze-text-base:16px;--haze-text-lg:18px;--haze-text-xl:20px;--haze-text-2xl:24px;--haze-text-3xl:30px;--haze-leading-tight:1.25;--haze-leading-normal:1.5;--haze-leading-relaxed:1.75;--haze-weight-normal:400;--haze-weight-medium:500;--haze-weight-semibold:600;--haze-weight-bold:700}
8
+ .haze-zoom__remScale{--haze-density-space-1:.25rem;--haze-density-space-2:.5rem;--haze-density-space-3:.75rem;--haze-density-space-4:1rem;--haze-density-space-5:1.25rem;--haze-density-space-6:1.5rem;--haze-density-space-8:2rem;--haze-density-space-10:2.5rem;--haze-density-space-12:3rem;--haze-density-space-16:4rem;--haze-text-xs:.75rem;--haze-text-sm:.875rem;--haze-text-base:1rem;--haze-text-lg:1.125rem;--haze-text-xl:1.25rem;--haze-text-2xl:1.5rem;--haze-text-3xl:1.875rem;--haze-radius-none:0;--haze-radius-sm:.25rem;--haze-radius-md:.375rem;--haze-radius-lg:.5rem;--haze-radius-xl:.75rem;--haze-radius-2xl:1rem;--haze-radius-full:624.938rem}
8
9
  }
9
10
 
10
11
  @layer haze {
@@ -25,7 +26,7 @@
25
26
  }
26
27
 
27
28
  @layer haze {
28
- .haze-Anchor__nav{font-size:var(--haze-text-sm);position:sticky;top:0}.haze-Anchor__list{gap:var(--haze-space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.haze-Anchor__link{padding:var(--haze-space-1) var(--haze-space-2);border-inline-start:var(--haze-space-1) solid transparent;border-radius:0 var(--haze-radius-sm) var(--haze-radius-sm) 0;color:var(--haze-color-text-muted);-webkit-transition:color var(--haze-duration-fast) var(--haze-ease),border-color var(--haze-duration-fast) var(--haze-ease);transition:color var(--haze-duration-fast) var(--haze-ease),border-color var(--haze-duration-fast) var(--haze-ease);-webkit-text-decoration:none;text-decoration:none;display:block}.haze-Anchor__link:hover{color:var(--haze-color-text)}.haze-Anchor__linkActive{border-inline-start-color:var(--haze-color-primary);color:var(--haze-color-primary);font-weight:var(--haze-weight-medium)}
29
+ .haze-Anchor__nav{font-size:var(--haze-text-sm);position:sticky;top:0}.haze-Anchor__list{gap:var(--haze-space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.haze-Anchor__sublist{gap:var(--haze-space-1);margin:var(--haze-space-1) 0 0;-webkit-padding-start:var(--haze-space-4);flex-direction:column;padding-inline-start:var(--haze-space-4);list-style:none;display:flex}.haze-Anchor__link{padding:var(--haze-space-1) var(--haze-space-2);border-inline-start:var(--haze-space-1) solid transparent;border-radius:0 var(--haze-radius-sm) var(--haze-radius-sm) 0;color:var(--haze-color-text-muted);-webkit-transition:color var(--haze-duration-fast) var(--haze-ease),border-color var(--haze-duration-fast) var(--haze-ease);transition:color var(--haze-duration-fast) var(--haze-ease),border-color var(--haze-duration-fast) var(--haze-ease);-webkit-text-decoration:none;text-decoration:none;display:block}.haze-Anchor__link:hover{color:var(--haze-color-text)}.haze-Anchor__linkActive{color:var(--haze-color-primary);font-weight:var(--haze-weight-medium)}.haze-Anchor__linkActiveBar{border-inline-start-color:var(--haze-color-primary)}.haze-Anchor__indicatorBar{inset-inline-start:0;width:var(--haze-space-1);border-radius:var(--haze-radius-sm);background:var(--haze-color-primary);pointer-events:none;-webkit-transition:-webkit-transform var(--haze-duration-normal) var(--haze-ease),height var(--haze-duration-normal) var(--haze-ease),opacity var(--haze-duration-fast) var(--haze-ease);transition:transform var(--haze-duration-normal) var(--haze-ease),height var(--haze-duration-normal) var(--haze-ease),opacity var(--haze-duration-fast) var(--haze-ease);position:absolute;top:0}@media (prefers-reduced-motion:reduce){.haze-Anchor__indicatorBar{transition:none}}.haze-Anchor__indicatorHidden{opacity:0}
29
30
  }
30
31
 
31
32
  @layer haze {
@@ -139,7 +140,7 @@
139
140
  }
140
141
 
141
142
  @layer haze {
142
- .haze-Combobox__wrapper{width:100%;display:inline-block;position:relative}.haze-Combobox__input{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);padding:var(--haze-space-2) var(--haze-space-3);line-height:var(--haze-leading-normal);-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);box-sizing:border-box;display:block}.haze-Combobox__input:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Combobox__multiBox{-webkit-box-flex-wrap:wrap;align-items:center;gap:var(--haze-space-1);box-sizing:border-box;border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);cursor:text;width:100%;padding:var(--haze-space-1) var(--haze-space-2);-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);flex-wrap:wrap;display:flex}.haze-Combobox__multiBox:focus-within{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-Combobox__multiInput{min-width:4rem;padding:var(--haze-space-1) 0;color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal);background:0 0;border:none;outline:none;flex:1}.haze-Combobox__multiInput::-webkit-input-placeholder{color:var(--haze-color-text-muted)}.haze-Combobox__multiInput::placeholder{color:var(--haze-color-text-muted)}.haze-Combobox__multiInput:-ms-placeholder-shown{color:var(--haze-color-text-muted)}.haze-Combobox__multiInput::placeholder{color:var(--haze-color-text-muted)}.haze-Combobox__matchMark{background:var(--haze-color-primary-subtle);color:var(--haze-color-primary);border-radius:var(--haze-radius-sm);padding:0}.haze-Combobox__stateRow{justify-content:center;align-items:center;gap:var(--haze-space-2);padding:var(--haze-space-2) var(--haze-space-3);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text-muted);cursor:default;display:flex}.haze-Combobox__groupHeadingText{font-family:var(--haze-font-sans);font-size:var(--haze-text-xs);color:var(--haze-color-text-muted)}.haze-Combobox__listbox{box-sizing:border-box;min-width:100%;min-width:anchor-size(width);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);max-height:200px;box-shadow:var(--haze-shadow-lg);overflow-y:auto}.haze-Combobox__listboxVirtual{box-sizing:border-box;min-width:100%;min-width:anchor-size(width);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-lg)}.haze-Combobox__virtualRow{box-sizing:border-box;height:100%}
143
+ .haze-Combobox__wrapper{width:100%;display:inline-block;position:relative}.haze-Combobox__input{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);padding:var(--haze-space-2) var(--haze-space-3);line-height:var(--haze-leading-normal);-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);box-sizing:border-box;display:block}.haze-Combobox__input:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Combobox__multiBox{-webkit-box-flex-wrap:wrap;align-items:center;gap:var(--haze-space-1);box-sizing:border-box;border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);cursor:text;width:100%;padding:var(--haze-space-1) var(--haze-space-2);-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);flex-wrap:wrap;display:flex}.haze-Combobox__multiBox:focus-within{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-Combobox__multiInput{min-width:4rem;padding:var(--haze-space-1) 0;color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);line-height:var(--haze-leading-normal);background:0 0;border:none;outline:none;flex:1}.haze-Combobox__multiInput::-webkit-input-placeholder{color:var(--haze-color-text-muted)}.haze-Combobox__multiInput::placeholder{color:var(--haze-color-text-muted)}.haze-Combobox__multiInput:-ms-placeholder-shown{color:var(--haze-color-text-muted)}.haze-Combobox__multiInput::placeholder{color:var(--haze-color-text-muted)}.haze-Combobox__overflowBadge{border-radius:var(--haze-radius-full);background:var(--haze-color-bg-muted);color:var(--haze-color-text-secondary);font-family:var(--haze-font-sans);font-size:var(--haze-text-xs);font-weight:var(--haze-weight-medium);white-space:nowrap;padding:var(--haze-space-1) var(--haze-space-2);cursor:default;align-items:center;line-height:1;display:inline-flex}.haze-Combobox__matchMark{background:var(--haze-color-primary-subtle);color:var(--haze-color-primary);border-radius:var(--haze-radius-sm);padding:0}.haze-Combobox__stateRow{justify-content:center;align-items:center;gap:var(--haze-space-2);padding:var(--haze-space-2) var(--haze-space-3);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text-muted);cursor:default;display:flex}.haze-Combobox__groupHeadingText{font-family:var(--haze-font-sans);font-size:var(--haze-text-xs);color:var(--haze-color-text-muted)}.haze-Combobox__listbox{box-sizing:border-box;min-width:100%;min-width:anchor-size(width);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);max-height:200px;box-shadow:var(--haze-shadow-lg);overflow-y:auto}.haze-Combobox__listboxVirtual{box-sizing:border-box;min-width:100%;min-width:anchor-size(width);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-lg)}.haze-Combobox__virtualRow{box-sizing:border-box;height:100%}
143
144
  .haze-ComboboxGroup__groupHeading{z-index:var(--haze-z-local-1);box-sizing:border-box;background:var(--haze-color-bg);border-bottom:1px solid var(--haze-color-border);padding:var(--haze-space-1) var(--haze-space-3);font-family:var(--haze-font-sans);font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);position:sticky;top:0}
144
145
  .haze-ComboboxOption__option{padding:var(--haze-space-2) var(--haze-space-3);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);cursor:pointer;-webkit-transition:background var(--haze-duration-fast);transition:background var(--haze-duration-fast);align-items:center;display:flex}.haze-ComboboxOption__option:hover:not([data-disabled]){background:var(--haze-color-bg-subtle)}.haze-ComboboxOption__option:active:not([data-disabled]){background:var(--haze-color-bg-muted)}.haze-ComboboxOption__option[data-disabled]{opacity:.5;cursor:not-allowed}.haze-ComboboxOption__highlightedStyle{background:var(--haze-color-bg-subtle)}.haze-ComboboxOption__selectedStyle{font-weight:var(--haze-weight-medium);color:var(--haze-color-primary)}
145
146
  .haze-floating__floatingNative{margin:0;inset:auto}.haze-floating__floatingAnchored{position-anchor:var(--haze-floating-anchor)}.haze-floating__floatingFixed{position:fixed}.haze-floating__floatingHidden{display:none}.haze-floating__floatingAnimated[data-state=open]{-webkit-animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease);animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease)}.haze-floating__floatingAnimated[data-state=closed]{-webkit-animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards}@keyframes haze-floating-in-haze-floating__floatingAnimated{0%{opacity:0}}@keyframes haze-floating-out-haze-floating__floatingAnimated{to{opacity:0}}.haze-floating__anchoredBottom,.haze-floating__anchoredBottomSpan{position-area:bottom span-right;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomCenter{position-area:bottom center;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomEnd{position-area:bottom span-left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredTop{position-area:top center;margin-bottom:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredLeft{position-area:left center;margin-right:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredRight{position-area:right center;margin-left:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredLogicalBottom{position-area:span-inline-end block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomCenter{position-area:block-end center;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomEnd{position-area:span-inline-start block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalTop{position-area:block-start center;position-try-fallbacks:flip-block;margin-block-end:var(--haze-space-1)}.haze-floating__anchoredLogicalLeft{position-area:inline-start center;-webkit-margin-end:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-end:var(--haze-space-1)}.haze-floating__anchoredLogicalRight{position-area:inline-end center;-webkit-margin-start:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-start:var(--haze-space-1)}.haze-floating__fallbackBottom{z-index:var(--haze-z-overlay-fallback);margin-top:var(--haze-space-1);position:absolute;top:100%;left:0}.haze-floating__fallbackBottomCenter{z-index:var(--haze-z-overlay-fallback);margin-top:var(--haze-space-1);position:absolute;top:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackBottomEnd{z-index:var(--haze-z-overlay-fallback);margin-top:var(--haze-space-1);position:absolute;top:100%;right:0}.haze-floating__fallbackTop{z-index:var(--haze-z-overlay-fallback);margin-bottom:var(--haze-space-1);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackLeft{z-index:var(--haze-z-overlay-fallback);margin-right:var(--haze-space-1);position:absolute;top:50%;right:100%;transform:translateY(-50%)}.haze-floating__fallbackRight{z-index:var(--haze-z-overlay-fallback);margin-left:var(--haze-space-1);position:absolute;top:50%;left:100%;transform:translateY(-50%)}.haze-floating__gapBelow{margin-top:var(--haze-space-1)}.haze-floating__gapAbove{margin-bottom:var(--haze-space-1)}.haze-floating__gapBefore{margin-right:var(--haze-space-1)}.haze-floating__gapAfter{margin-left:var(--haze-space-1)}
@@ -174,7 +175,7 @@
174
175
 
175
176
  @layer haze {
176
177
  .haze-copy-button-styles__sm{width:var(--haze-space-3);height:var(--haze-space-3)}.haze-copy-button-styles__md{width:var(--haze-space-4);height:var(--haze-space-4)}.haze-copy-button-styles__lg{width:var(--haze-space-5);height:var(--haze-space-5)}.haze-copy-button-styles__copiedSkin[data-copied]{color:var(--haze-color-success)}
177
- .haze-snippet-styles__snippet{align-items:center;gap:var(--haze-space-1);max-width:100%;padding-inline:var(--haze-space-3) var(--haze-space-1);padding-block:var(--haze-space-1);background:var(--haze-color-bg-muted);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);font-family:var(--haze-font-mono);display:inline-flex}.haze-snippet-styles__content{text-overflow:ellipsis;white-space:nowrap;font-size:var(--haze-text-sm);line-height:var(--haze-leading-relaxed);color:var(--haze-color-text);overflow:hidden}
178
+ .haze-snippet-styles__snippet{align-items:center;gap:var(--haze-space-1);max-width:100%;padding-inline:var(--haze-space-3) var(--haze-space-1);padding-block:var(--haze-space-1);background:var(--haze-color-bg-muted);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);font-family:var(--haze-font-mono);display:inline-flex}.haze-snippet-styles__content{text-overflow:ellipsis;white-space:nowrap;font-family:inherit;font-size:var(--haze-text-sm);line-height:var(--haze-leading-relaxed);color:var(--haze-color-text);overflow:hidden}
178
179
  }
179
180
 
180
181
  @layer haze {
@@ -187,7 +188,7 @@
187
188
 
188
189
  @layer haze {
189
190
  .haze-CellEditor__editorInput{min-width:0;margin-block:calc(-1 * var(--haze-space-1))}
190
- .haze-DataTable__root{flex-direction:column;display:flex}.haze-DataTable__scrollArea{overflow-x:auto}.haze-DataTable__stickyScrollArea{flex:1;min-height:0;overflow:auto}.haze-DataTable__virtualArea{-webkit-scrollbar-gutter:stable;-ms-scrollbar-gutter:stable;scrollbar-gutter:stable;flex:1;min-height:0;overflow:auto hidden}.haze-DataTable__fixedLayout{table-layout:fixed}.haze-DataTable__virtualRowTable{height:100%}.haze-DataTable__tableBase{border-collapse:collapse;width:100%;font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text)}.haze-DataTable__stickyHead th{z-index:var(--haze-z-local-2);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-sm);position:sticky;top:0}.haze-DataTable__sortButton{align-items:center;gap:var(--haze-space-1);font:inherit;font-weight:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}.haze-DataTable__sortButton:hover{color:var(--haze-color-primary)}.haze-DataTable__sortButton:focus-visible{border-radius:var(--haze-radius-sm);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-DataTable__sortIcon{color:var(--haze-color-text-muted);font-size:var(--haze-text-xs)}.haze-DataTable__rowHover:hover{background:var(--haze-color-bg-subtle)}.haze-DataTable__rowSelected,.haze-DataTable__rowSelected:hover{background:var(--haze-color-primary-subtle)}.haze-DataTable__clickableRow{cursor:pointer}.haze-DataTable__checkCell{white-space:nowrap;width:1%}.haze-DataTable__checkCellCol{white-space:nowrap}.haze-DataTable__fixedCell{z-index:var(--haze-z-local-1);background:var(--haze-color-bg);position:sticky}tr:hover .haze-DataTable__fixedCell{background:var(--haze-color-bg-subtle)}tr .haze-DataTable__fixedCellSelected,tr:hover .haze-DataTable__fixedCellSelected{background:var(--haze-color-primary-subtle)}.haze-DataTable__fixedHeadCell{z-index:var(--haze-z-local-3)}.haze-DataTable__fixedLeftEdge{clip-path:inset(0 -8px 0 0);box-shadow:6px 0 8px -6px var(--haze-color-border)}.haze-DataTable__fixedRightEdge{clip-path:inset(0 0 0 -8px);box-shadow:-6px 0 8px -6px var(--haze-color-border)}.haze-DataTable__emptyCell{padding:0}.haze-DataTable__footer{margin-top:var(--haze-space-3);justify-content:flex-end;align-items:center;display:flex}.haze-DataTable__toolbar{-webkit-box-flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:var(--haze-space-2);margin-bottom:var(--haze-space-3);flex-wrap:wrap;display:flex}.haze-DataTable__footerMenu{-webkit-margin-end:auto;margin-inline-end:auto}.haze-DataTable__columnsTrigger{align-items:center;gap:var(--haze-space-1);padding:var(--haze-space-1) var(--haze-space-2);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);color:var(--haze-color-text);font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);display:inline-flex}.haze-DataTable__columnsTrigger:hover{border-color:var(--haze-color-border-hover);background:var(--haze-color-bg-subtle)}.haze-DataTable__toggleRow{padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-sm);cursor:pointer;font-size:var(--haze-text-sm);align-items:center;display:flex}.haze-DataTable__toggleRow:hover{background:var(--haze-color-bg-subtle)}.haze-DataTable__resizableHead{position:relative}.haze-DataTable__resizeHandle{top:0;bottom:0;width:6px;z-index:var(--haze-z-local-1);cursor:col-resize;touch-action:none;border-radius:var(--haze-radius-sm);position:absolute;inset-inline-end:-3px}.haze-DataTable__resizeHandle:after{content:"";top:25%;bottom:25%;background:var(--haze-color-border);width:1px;position:absolute;inset-inline-end:2.5px}.haze-DataTable__resizeHandle:hover:after,.haze-DataTable__resizeHandle:focus-visible:after{background:var(--haze-color-primary);top:0;bottom:0}.haze-DataTable__resizeHandle:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-DataTable__reorderGripClass{width:var(--haze-space-6);height:var(--haze-space-6);-webkit-margin-end:var(--haze-space-1);font:inherit;font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);vertical-align:middle;border-radius:var(--haze-radius-sm);background:0 0;border:none;justify-content:center;align-items:center;margin-inline-end:var(--haze-space-1);padding:0;line-height:1;display:inline-flex}.haze-DataTable__reorderGripClass:hover{color:var(--haze-color-primary);background:var(--haze-color-bg-subtle)}.haze-DataTable__reorderGripClass:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-DataTable__reorderItemClass{vertical-align:middle;display:inline-flex}.haze-DataTable__endSentinelClass{height:1px}.haze-DataTable__expander{width:var(--haze-space-5);height:var(--haze-space-5);-webkit-margin-end:var(--haze-space-1);color:var(--haze-color-text-muted);font-size:var(--haze-text-xs);vertical-align:middle;cursor:pointer;border-radius:var(--haze-radius-sm);background:0 0;border:none;justify-content:center;align-items:center;margin-inline-end:var(--haze-space-1);padding:0;display:inline-flex}.haze-DataTable__expander:hover{color:var(--haze-color-text);background:var(--haze-color-bg-subtle)}.haze-DataTable__expander:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-DataTable__expanderIcon{-webkit-transition:-webkit-transform var(--haze-duration-fast) var(--haze-ease);transition:transform var(--haze-duration-fast) var(--haze-ease)}[aria-expanded=true] .haze-DataTable__expanderIcon{transform:rotate(90deg)}.haze-DataTable__panelCell{padding:var(--haze-space-3);background:var(--haze-color-bg-subtle)}.haze-DataTable__treeIndent{vertical-align:middle;display:inline-block}.haze-DataTable__summaryFoot td{padding:var(--haze-space-2) var(--haze-space-3);border-top:2px solid var(--haze-color-border);color:var(--haze-color-text);font-weight:var(--haze-weight-semibold);white-space:nowrap}.haze-DataTable__stickyFoot td{z-index:var(--haze-z-local-2);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-sm);position:sticky;bottom:0}.haze-DataTable__editableCell{cursor:text}.haze-DataTable__navCell:focus-visible{box-shadow:inset 0 0 0 2px var(--haze-color-focus-ring);outline:none}.haze-DataTable__sizeSm>thead>tr>th,.haze-DataTable__sizeSm>tbody>tr>td:not([data-slot=panel-cell]):not([data-slot=empty-cell]),.haze-DataTable__sizeSm>tfoot>tr>td{padding:var(--haze-space-1) var(--haze-space-2)}.haze-DataTable__sizeLg>thead>tr>th,.haze-DataTable__sizeLg>tbody>tr>td:not([data-slot=panel-cell]):not([data-slot=empty-cell]),.haze-DataTable__sizeLg>tfoot>tr>td{padding:var(--haze-space-3) var(--haze-space-4)}
191
+ .haze-DataTable__root{flex-direction:column;display:flex}.haze-DataTable__scrollArea{overflow-x:auto}.haze-DataTable__stickyScrollArea{flex:1;min-height:0;overflow:auto}.haze-DataTable__virtualArea{-webkit-scrollbar-gutter:stable;-ms-scrollbar-gutter:stable;scrollbar-gutter:stable;flex:1;min-height:0;overflow:auto hidden}.haze-DataTable__fixedLayout{table-layout:fixed}.haze-DataTable__virtualRowTable{height:100%}.haze-DataTable__tableBase{border-collapse:collapse;width:100%;font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text)}.haze-DataTable__stickyHead th{z-index:var(--haze-z-local-2);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-sm);position:sticky;top:0}.haze-DataTable__sortButton{align-items:center;gap:var(--haze-space-1);font:inherit;font-weight:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}.haze-DataTable__sortButton:hover{color:var(--haze-color-primary)}.haze-DataTable__sortButton:focus-visible{border-radius:var(--haze-radius-sm);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-DataTable__sortIcon{color:var(--haze-color-text-muted);font-size:var(--haze-text-xs)}.haze-DataTable__rowHover:hover{background:var(--haze-color-bg-subtle)}.haze-DataTable__rowSelected,.haze-DataTable__rowSelected:hover{background:var(--haze-color-primary-subtle)}.haze-DataTable__clickableRow{cursor:pointer}.haze-DataTable__checkCell{white-space:nowrap;width:1%}.haze-DataTable__checkCellCol{white-space:nowrap}.haze-DataTable__resizableHead{position:relative}.haze-DataTable__fixedCell{z-index:var(--haze-z-local-1);background:var(--haze-color-bg);position:sticky}tr:hover .haze-DataTable__fixedCell{background:var(--haze-color-bg-subtle)}tr .haze-DataTable__fixedCellSelected,tr:hover .haze-DataTable__fixedCellSelected{background:var(--haze-color-primary-subtle)}thead .haze-DataTable__fixedHeadCell{z-index:var(--haze-z-local-3)}.haze-DataTable__fixedLeftEdge{clip-path:inset(0 -8px 0 0);box-shadow:6px 0 8px -6px var(--haze-color-border)}.haze-DataTable__fixedRightEdge{clip-path:inset(0 0 0 -8px);box-shadow:-6px 0 8px -6px var(--haze-color-border)}.haze-DataTable__emptyCell{padding:0}.haze-DataTable__footer{margin-top:var(--haze-space-3);justify-content:flex-end;align-items:center;display:flex}.haze-DataTable__toolbar{-webkit-box-flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:var(--haze-space-2);margin-bottom:var(--haze-space-3);flex-wrap:wrap;display:flex}.haze-DataTable__footerMenu{-webkit-margin-end:auto;margin-inline-end:auto}.haze-DataTable__columnsTrigger{align-items:center;gap:var(--haze-space-1);padding:var(--haze-space-1) var(--haze-space-2);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);color:var(--haze-color-text);font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);display:inline-flex}.haze-DataTable__columnsTrigger:hover{border-color:var(--haze-color-border-hover);background:var(--haze-color-bg-subtle)}.haze-DataTable__toggleRow{padding:var(--haze-space-1) var(--haze-space-2);border-radius:var(--haze-radius-sm);cursor:pointer;font-size:var(--haze-text-sm);align-items:center;display:flex}.haze-DataTable__toggleRow:hover{background:var(--haze-color-bg-subtle)}.haze-DataTable__resizeHandle{top:0;bottom:0;width:6px;z-index:var(--haze-z-local-1);cursor:col-resize;touch-action:none;border-radius:var(--haze-radius-sm);position:absolute;inset-inline-end:-3px}.haze-DataTable__resizeHandle:after{content:"";top:25%;bottom:25%;background:var(--haze-color-border);width:1px;position:absolute;inset-inline-end:2.5px}.haze-DataTable__resizeHandle:hover:after,.haze-DataTable__resizeHandle:focus-visible:after{background:var(--haze-color-primary);top:0;bottom:0}.haze-DataTable__resizeHandle:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-DataTable__reorderGripClass{width:var(--haze-space-6);height:var(--haze-space-6);-webkit-margin-end:var(--haze-space-1);font:inherit;font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);vertical-align:middle;border-radius:var(--haze-radius-sm);background:0 0;border:none;justify-content:center;align-items:center;margin-inline-end:var(--haze-space-1);padding:0;line-height:1;display:inline-flex}.haze-DataTable__reorderGripClass:hover{color:var(--haze-color-primary);background:var(--haze-color-bg-subtle)}.haze-DataTable__reorderGripClass:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-DataTable__reorderItemClass{vertical-align:middle;display:inline-flex}.haze-DataTable__endSentinelClass{height:1px}.haze-DataTable__expander{width:var(--haze-space-5);height:var(--haze-space-5);-webkit-margin-end:var(--haze-space-1);color:var(--haze-color-text-muted);font-size:var(--haze-text-xs);vertical-align:middle;cursor:pointer;border-radius:var(--haze-radius-sm);background:0 0;border:none;justify-content:center;align-items:center;margin-inline-end:var(--haze-space-1);padding:0;display:inline-flex}.haze-DataTable__expander:hover{color:var(--haze-color-text);background:var(--haze-color-bg-subtle)}.haze-DataTable__expander:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-DataTable__expanderIcon{-webkit-transition:-webkit-transform var(--haze-duration-fast) var(--haze-ease);transition:transform var(--haze-duration-fast) var(--haze-ease)}[aria-expanded=true] .haze-DataTable__expanderIcon{transform:rotate(90deg)}.haze-DataTable__panelCell{padding:var(--haze-space-3);background:var(--haze-color-bg-subtle)}.haze-DataTable__treeIndent{vertical-align:middle;display:inline-block}.haze-DataTable__summaryFoot td{padding:var(--haze-space-2) var(--haze-space-3);border-top:2px solid var(--haze-color-border);color:var(--haze-color-text);font-weight:var(--haze-weight-semibold);white-space:nowrap}.haze-DataTable__stickyFoot td{z-index:var(--haze-z-local-2);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-sm);position:sticky;bottom:0}.haze-DataTable__editableCell{cursor:text}.haze-DataTable__navCell:focus-visible{box-shadow:inset 0 0 0 2px var(--haze-color-focus-ring);outline:none}.haze-DataTable__sizeSm>thead>tr>th,.haze-DataTable__sizeSm>tbody>tr>td:not([data-slot=panel-cell]):not([data-slot=empty-cell]),.haze-DataTable__sizeSm>tfoot>tr>td{padding:var(--haze-space-1) var(--haze-space-2)}.haze-DataTable__sizeLg>thead>tr>th,.haze-DataTable__sizeLg>tbody>tr>td:not([data-slot=panel-cell]):not([data-slot=empty-cell]),.haze-DataTable__sizeLg>tfoot>tr>td{padding:var(--haze-space-3) var(--haze-space-4)}
191
192
  .haze-column-filter__filterTrigger{-webkit-margin-start:var(--haze-space-1);font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;align-items:center;margin-inline-start:var(--haze-space-1);padding:0;display:inline-flex}.haze-column-filter__filterTrigger:hover [data-slot=icon],.haze-column-filter__filterTrigger:focus-visible [data-slot=icon]{color:var(--haze-color-primary)}.haze-column-filter__filterTrigger:focus-visible{border-radius:var(--haze-radius-sm);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-column-filter__filterIcon{font-size:var(--haze-text-xs);color:var(--haze-color-text-muted)}.haze-column-filter__filterIconActive{color:var(--haze-color-primary)}.haze-column-filter__filterMenu{gap:var(--haze-space-2);flex-direction:column;display:flex}.haze-column-filter__filterOptions{gap:var(--haze-space-1);flex-direction:column;display:flex}.haze-column-filter__filterActions{justify-content:flex-end;gap:var(--haze-space-2);display:flex}
192
193
  }
193
194
 
@@ -277,6 +278,10 @@
277
278
  .haze-float-button-styles__fab{justify-content:center;align-items:center;gap:var(--haze-space-1);min-width:var(--haze-float-button-size,2.5rem);height:var(--haze-float-button-size,2.5rem);padding-inline:var(--haze-space-3);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);line-height:var(--haze-leading-tight);cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--haze-shadow-lg);-webkit-transition:background var(--haze-duration-fast),color var(--haze-duration-fast),border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:background var(--haze-duration-fast),color var(--haze-duration-fast),border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);border:1px solid #0000;-webkit-text-decoration:none;text-decoration:none;display:inline-flex}.haze-float-button-styles__fab:hover{box-shadow:var(--haze-shadow-xl)}.haze-float-button-styles__fab:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-float-button-styles__fab:disabled,.haze-float-button-styles__fab[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.haze-float-button-styles__circle{border-radius:var(--haze-radius-full)}.haze-float-button-styles__square{border-radius:var(--haze-float-button-radius,var(--haze-radius-lg))}.haze-float-button-styles__solid{background:var(--haze-color-primary);color:var(--haze-color-text-inverse)}.haze-float-button-styles__solid:hover{background:var(--haze-color-primary-hover)}.haze-float-button-styles__solid:active{background:var(--haze-color-primary-active)}.haze-float-button-styles__outline{background:var(--haze-color-bg);color:var(--haze-color-text)}.haze-float-button-styles__outline:hover{border-color:var(--haze-color-border-hover);background:var(--haze-color-bg-subtle)}.haze-float-button-styles__outline:active{background:var(--haze-color-bg-muted)}.haze-float-button-styles__ghost{color:var(--haze-color-text);box-shadow:none;background:0 0}.haze-float-button-styles__ghost:hover{background:var(--haze-color-bg-subtle)}.haze-float-button-styles__ghost:active{background:var(--haze-color-bg-muted)}.haze-float-button-styles__anchored{position:fixed;inset-block-end:calc(var(--haze-float-button-offset,var(--haze-space-6)) + env(safe-area-inset-bottom,0px));inset-inline-end:var(--haze-float-button-offset,var(--haze-space-6))}.haze-float-button-styles__groupAnchor{align-items:center;gap:var(--haze-space-3);flex-direction:column;display:flex}.haze-float-button-styles__menuList{display:-ms-grid;-ms-grid-rows:1fr;-webkit-transition:grid-template-rows var(--haze-duration-normal) var(--haze-ease),visibility 0s linear 0s;transition:grid-template-rows var(--haze-duration-normal) var(--haze-ease),visibility 0s linear 0s;grid-template-rows:1fr;display:grid}.haze-float-button-styles__menuList>*{align-items:center;gap:var(--haze-space-3);flex-direction:column;min-height:0;display:flex;overflow:hidden}.haze-float-button-styles__menuList>*>*{-webkit-transition:-webkit-transform var(--haze-duration-normal) var(--haze-ease),opacity var(--haze-duration-fast) linear;transition:transform var(--haze-duration-normal) var(--haze-ease),opacity var(--haze-duration-fast) linear}.haze-float-button-styles__menuList[data-state=closed]{-ms-grid-rows:0fr;visibility:hidden;-webkit-transition:grid-template-rows var(--haze-duration-normal) var(--haze-ease),visibility 0s linear var(--haze-duration-normal);transition:grid-template-rows var(--haze-duration-normal) var(--haze-ease),visibility 0s linear var(--haze-duration-normal);grid-template-rows:0fr}.haze-float-button-styles__menuList[data-state=closed]>*>*{opacity:0;transform:translateY(30%)scale(.4)}.haze-float-button-styles__iconBox{-webkit-transition:-webkit-transform var(--haze-duration-normal) var(--haze-ease);transition:transform var(--haze-duration-normal) var(--haze-ease);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.haze-float-button-styles__iconBox>svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.25rem;height:1.25rem}.haze-float-button-styles__iconOpen{transform:rotate(45deg)}.haze-float-button-styles__descBox{white-space:nowrap}
278
279
  }
279
280
 
281
+ @layer haze {
282
+ .haze-FollowUpSuggestions__list{-webkit-box-flex-wrap:wrap;align-items:center;gap:var(--haze-space-2);flex-wrap:wrap;display:flex}.haze-FollowUpSuggestions__item{display:flex}
283
+ }
284
+
280
285
  @layer haze {
281
286
  .haze-form-item-styles__item{align-items:stretch;gap:var(--haze-space-1);flex-direction:column;display:flex}.haze-form-item-styles__itemHorizontal{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--haze-space-2);flex-direction:row;display:flex}.haze-form-item-styles__itemInline{-webkit-box-flex-wrap:wrap;align-items:center;gap:var(--haze-space-2);-webkit-margin-end:var(--haze-space-4);flex-flow:wrap;margin-inline-end:var(--haze-space-4);display:inline-flex}.haze-form-item-styles__controlColumn{align-items:stretch;gap:var(--haze-space-1);flex-direction:column;flex:1;min-width:0;display:flex}.haze-form-item-styles__labelText{font-size:var(--haze-text-sm);color:var(--haze-color-text)}.haze-form-item-styles__labelColumn{flex-shrink:0;padding-block-start:var(--haze-space-2)}.haze-form-item-styles__errorText{font-size:var(--haze-text-sm);color:var(--haze-color-danger)}
282
287
  }
@@ -406,6 +411,11 @@
406
411
  .haze-floating__floatingNative{margin:0;inset:auto}.haze-floating__floatingAnchored{position-anchor:var(--haze-floating-anchor)}.haze-floating__floatingFixed{position:fixed}.haze-floating__floatingHidden{display:none}.haze-floating__floatingAnimated[data-state=open]{-webkit-animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease);animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease)}.haze-floating__floatingAnimated[data-state=closed]{-webkit-animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards}@keyframes haze-floating-in-haze-floating__floatingAnimated{0%{opacity:0}}@keyframes haze-floating-out-haze-floating__floatingAnimated{to{opacity:0}}.haze-floating__anchoredBottom,.haze-floating__anchoredBottomSpan{position-area:bottom span-right;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomCenter{position-area:bottom center;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomEnd{position-area:bottom span-left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredTop{position-area:top center;margin-bottom:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredLeft{position-area:left center;margin-right:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredRight{position-area:right center;margin-left:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredLogicalBottom{position-area:span-inline-end block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomCenter{position-area:block-end center;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomEnd{position-area:span-inline-start block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalTop{position-area:block-start center;position-try-fallbacks:flip-block;margin-block-end:var(--haze-space-1)}.haze-floating__anchoredLogicalLeft{position-area:inline-start center;-webkit-margin-end:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-end:var(--haze-space-1)}.haze-floating__anchoredLogicalRight{position-area:inline-end center;-webkit-margin-start:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-start:var(--haze-space-1)}.haze-floating__fallbackBottom{z-index:var(--haze-z-overlay-fallback);margin-top:var(--haze-space-1);position:absolute;top:100%;left:0}.haze-floating__fallbackBottomCenter{z-index:var(--haze-z-overlay-fallback);margin-top:var(--haze-space-1);position:absolute;top:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackBottomEnd{z-index:var(--haze-z-overlay-fallback);margin-top:var(--haze-space-1);position:absolute;top:100%;right:0}.haze-floating__fallbackTop{z-index:var(--haze-z-overlay-fallback);margin-bottom:var(--haze-space-1);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackLeft{z-index:var(--haze-z-overlay-fallback);margin-right:var(--haze-space-1);position:absolute;top:50%;right:100%;transform:translateY(-50%)}.haze-floating__fallbackRight{z-index:var(--haze-z-overlay-fallback);margin-left:var(--haze-space-1);position:absolute;top:50%;left:100%;transform:translateY(-50%)}.haze-floating__gapBelow{margin-top:var(--haze-space-1)}.haze-floating__gapAbove{margin-bottom:var(--haze-space-1)}.haze-floating__gapBefore{margin-right:var(--haze-space-1)}.haze-floating__gapAfter{margin-left:var(--haze-space-1)}
407
412
  }
408
413
 
414
+ @layer haze {
415
+ .haze-NotificationCenter__container{display:inline-flex;position:relative}.haze-NotificationCenter__triggerBtn{padding:var(--haze-space-2);border-radius:var(--haze-radius-md);color:var(--haze-color-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.haze-NotificationCenter__triggerBtn:hover{color:var(--haze-color-text);background:var(--haze-color-bg-muted)}.haze-NotificationCenter__triggerBtn:focus-visible{outline:2px solid var(--haze-color-focus-ring);outline-offset:2px}@media (forced-colors:active){.haze-NotificationCenter__triggerBtn:focus-visible{outline-color:highlight}}.haze-NotificationCenter__badgeWrap{pointer-events:none;position:absolute;inset-block-start:0;inset-inline-end:0}.haze-NotificationCenter__panelVisuals{box-sizing:border-box;gap:var(--haze-space-1);width:360px;max-width:calc(100vw - var(--haze-space-4) * 2);padding:var(--haze-space-2);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);box-shadow:var(--haze-shadow-lg);flex-direction:column;display:flex}@media (forced-colors:active){.haze-NotificationCenter__panelVisuals{border-color:canvastext}}.haze-NotificationCenter__panelHeader{align-items:center;gap:var(--haze-space-2);padding:var(--haze-space-1) var(--haze-space-2) var(--haze-space-2);display:flex}.haze-NotificationCenter__panelTitle{font-size:var(--haze-text-sm);font-weight:var(--haze-weight-semibold);line-height:var(--haze-leading-tight);color:var(--haze-color-text);margin:0}.haze-NotificationCenter__notificationList{gap:var(--haze-space-1);flex-direction:column;max-height:60vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.haze-NotificationCenter__notificationItem{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--haze-space-2);padding:var(--haze-space-2);border-radius:var(--haze-radius-md);background:0 0;display:flex}.haze-NotificationCenter__notificationItem:focus-visible{background:var(--haze-color-bg-muted);box-shadow:0 0 0 2px var(--haze-color-focus-ring);outline:none}@media (forced-colors:active){.haze-NotificationCenter__notificationItem:focus-visible{box-shadow:none;outline:2px solid highlight}}.haze-NotificationCenter__itemUnread,.haze-NotificationCenter__itemUnread:focus-visible{background:var(--haze-color-primary-subtle)}.haze-NotificationCenter__unreadDot{width:var(--haze-space-2);height:var(--haze-space-2);border-radius:var(--haze-radius-full);background:var(--haze-color-primary);flex-shrink:0;margin-block-start:var(--haze-space-1)}.haze-NotificationCenter__itemIconWrap{width:var(--haze-space-6);height:var(--haze-space-6);border-radius:var(--haze-radius-md);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.haze-NotificationCenter__info{background:var(--haze-color-info-subtle);color:var(--haze-color-info)}.haze-NotificationCenter__success{background:var(--haze-color-success-subtle);color:var(--haze-color-success)}.haze-NotificationCenter__warning{background:var(--haze-color-warning-subtle);color:var(--haze-color-warning)}.haze-NotificationCenter__danger{background:var(--haze-color-danger-subtle);color:var(--haze-color-danger)}.haze-NotificationCenter__itemBody{gap:var(--haze-space-1);flex-direction:column;flex:1;min-width:0;display:flex}.haze-NotificationCenter__itemTitle{font-weight:var(--haze-weight-medium);color:var(--haze-color-text);line-height:var(--haze-leading-tight)}.haze-NotificationCenter__itemDescription{color:var(--haze-color-text-secondary);line-height:var(--haze-leading-normal)}.haze-NotificationCenter__itemTimestamp{color:var(--haze-color-text-muted);font-size:var(--haze-text-xs);flex-shrink:0;margin-block-start:var(--haze-space-1)}.haze-NotificationCenter__panelActions{-webkit-box-pack:justify;align-items:center;-ms-flex-pack:space-between;justify-content:space-between;gap:var(--haze-space-2);padding:var(--haze-space-2) var(--haze-space-1) var(--haze-space-1);border-top:1px solid var(--haze-color-border);display:flex}.haze-NotificationCenter__actionBtn{appearance:none;border-radius:var(--haze-radius-sm);padding:var(--haze-space-1) var(--haze-space-2);font-family:var(--haze-font-sans);font-size:var(--haze-text-xs);color:var(--haze-color-text-secondary);cursor:pointer;background:0 0;border:none}.haze-NotificationCenter__actionBtn:hover:not(:disabled){color:var(--haze-color-text);background:var(--haze-color-bg-muted)}.haze-NotificationCenter__actionBtn:focus-visible{outline:2px solid var(--haze-color-focus-ring);outline-offset:1px}.haze-NotificationCenter__actionBtn:disabled{color:var(--haze-color-text-muted);cursor:not-allowed}@media (forced-colors:active){.haze-NotificationCenter__actionBtn:focus-visible{outline-color:highlight}}.haze-NotificationCenter__emptyState{padding:var(--haze-space-8) var(--haze-space-4);text-align:center;color:var(--haze-color-text-muted)}
416
+ .haze-floating__floatingNative{margin:0;inset:auto}.haze-floating__floatingAnchored{position-anchor:var(--haze-floating-anchor)}.haze-floating__floatingFixed{position:fixed}.haze-floating__floatingHidden{display:none}.haze-floating__floatingAnimated[data-state=open]{-webkit-animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease);animation:haze-floating-in-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease)}.haze-floating__floatingAnimated[data-state=closed]{-webkit-animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards;animation:haze-floating-out-haze-floating__floatingAnimated var(--haze-duration-fast) var(--haze-ease) forwards}@keyframes haze-floating-in-haze-floating__floatingAnimated{0%{opacity:0}}@keyframes haze-floating-out-haze-floating__floatingAnimated{to{opacity:0}}.haze-floating__anchoredBottom,.haze-floating__anchoredBottomSpan{position-area:bottom span-right;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomCenter{position-area:bottom center;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredBottomEnd{position-area:bottom span-left;margin-top:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredTop{position-area:top center;margin-bottom:var(--haze-space-1);position-try-fallbacks:flip-block}.haze-floating__anchoredLeft{position-area:left center;margin-right:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredRight{position-area:right center;margin-left:var(--haze-space-1);position-try-fallbacks:flip-inline}.haze-floating__anchoredLogicalBottom{position-area:span-inline-end block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomCenter{position-area:block-end center;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalBottomEnd{position-area:span-inline-start block-end;position-try-fallbacks:flip-block;margin-block-start:var(--haze-space-1)}.haze-floating__anchoredLogicalTop{position-area:block-start center;position-try-fallbacks:flip-block;margin-block-end:var(--haze-space-1)}.haze-floating__anchoredLogicalLeft{position-area:inline-start center;-webkit-margin-end:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-end:var(--haze-space-1)}.haze-floating__anchoredLogicalRight{position-area:inline-end center;-webkit-margin-start:var(--haze-space-1);position-try-fallbacks:flip-inline;margin-inline-start:var(--haze-space-1)}.haze-floating__fallbackBottom{z-index:var(--haze-z-overlay-fallback);margin-top:var(--haze-space-1);position:absolute;top:100%;left:0}.haze-floating__fallbackBottomCenter{z-index:var(--haze-z-overlay-fallback);margin-top:var(--haze-space-1);position:absolute;top:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackBottomEnd{z-index:var(--haze-z-overlay-fallback);margin-top:var(--haze-space-1);position:absolute;top:100%;right:0}.haze-floating__fallbackTop{z-index:var(--haze-z-overlay-fallback);margin-bottom:var(--haze-space-1);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.haze-floating__fallbackLeft{z-index:var(--haze-z-overlay-fallback);margin-right:var(--haze-space-1);position:absolute;top:50%;right:100%;transform:translateY(-50%)}.haze-floating__fallbackRight{z-index:var(--haze-z-overlay-fallback);margin-left:var(--haze-space-1);position:absolute;top:50%;left:100%;transform:translateY(-50%)}.haze-floating__gapBelow{margin-top:var(--haze-space-1)}.haze-floating__gapAbove{margin-bottom:var(--haze-space-1)}.haze-floating__gapBefore{margin-right:var(--haze-space-1)}.haze-floating__gapAfter{margin-left:var(--haze-space-1)}
417
+ }
418
+
409
419
  @layer haze {
410
420
  .haze-NumberInputCore__wrapper{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);align-items:stretch;display:inline-flex;overflow:hidden}.haze-NumberInputCore__wrapper:focus-within{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-NumberInputCore__input{background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);text-align:center;-moz-appearance:textfield;border:none;outline:none;width:100%;min-width:0}.haze-NumberInputCore__input::-webkit-inner-spin-button{appearance:none;margin:0}.haze-NumberInputCore__input::-webkit-outer-spin-button{appearance:none;margin:0}.haze-NumberInputCore__stepBtn{appearance:none;background:var(--haze-color-bg-subtle);color:var(--haze-color-text);cursor:pointer;font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);-webkit-transition:background var(--haze-duration-fast);transition:background var(--haze-duration-fast);-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;display:flex}.haze-NumberInputCore__stepBtn:hover{background:var(--haze-color-bg-muted)}.haze-NumberInputCore__stepBtn:active{background:var(--haze-color-border)}.haze-NumberInputCore__stepBtn:disabled{opacity:.5;cursor:not-allowed}
411
421
  .haze-number-input-styles__inputSm{padding:var(--haze-space-1);font-size:var(--haze-text-sm)}.haze-number-input-styles__inputMd{padding:var(--haze-space-2);font-size:var(--haze-text-sm)}.haze-number-input-styles__inputLg{padding:var(--haze-space-3);font-size:var(--haze-text-base)}.haze-number-input-styles__btnSm{padding:0 var(--haze-space-2);font-size:var(--haze-text-sm)}.haze-number-input-styles__btnMd{padding:0 var(--haze-space-3);font-size:var(--haze-text-sm)}.haze-number-input-styles__btnLg{padding:0 var(--haze-space-3);font-size:var(--haze-text-base)}
@@ -613,6 +623,10 @@
613
623
  .haze-native-form__hiddenField{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
614
624
  }
615
625
 
626
+ @layer haze {
627
+ .haze-TaskList__list{gap:var(--haze-space-1);font-family:var(--haze-font-sans);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.haze-TaskList__item{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--haze-space-2);padding-block:var(--haze-space-1);display:flex}.haze-TaskList__row{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:var(--haze-space-3);flex:1;min-width:0;display:flex}.haze-TaskList__rowLabel{cursor:pointer;-webkit-user-select:none;user-select:none}.haze-TaskList__rowLabel>input{margin:0;margin-block-start:-.125rem}.haze-TaskList__indicatorSlot{width:var(--haze-space-6);height:var(--haze-space-6);flex-shrink:0;justify-content:center;align-items:center;margin-block-start:-.125rem;display:flex}.haze-TaskList__body{flex:1;min-width:0}.haze-TaskList__titleStyle{font-size:var(--haze-text-sm);font-weight:var(--haze-weight-medium);color:var(--haze-color-text)}.haze-TaskList__titleDone{color:var(--haze-color-text-muted);-webkit-text-decoration:line-through;text-decoration:line-through}.haze-TaskList__descriptionStyle{font-size:var(--haze-text-xs);color:var(--haze-color-text-muted);margin-block-start:var(--haze-space-1)}.haze-TaskList__actionsStyle{align-items:center;gap:var(--haze-space-1);flex-shrink:0;display:flex}
628
+ }
629
+
616
630
  @layer haze {
617
631
  .haze-TextareaCore__base{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);line-height:var(--haze-leading-normal);resize:vertical;-webkit-transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);transition:border-color var(--haze-duration-fast),box-shadow var(--haze-duration-fast);display:block}.haze-TextareaCore__base:hover{border-color:var(--haze-color-border-hover)}.haze-TextareaCore__base:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-TextareaCore__base:disabled{opacity:.5;cursor:not-allowed}@media (forced-colors:active){.haze-TextareaCore__base{border-color:canvastext}.haze-TextareaCore__base:focus{outline:2px solid highlight}.haze-TextareaCore__base:disabled{opacity:1;color:graytext}}.haze-TextareaCore__base::-webkit-input-placeholder{color:var(--haze-color-text-muted)}.haze-TextareaCore__base::placeholder{color:var(--haze-color-text-muted)}.haze-TextareaCore__base:-ms-placeholder-shown{color:var(--haze-color-text-muted)}.haze-TextareaCore__base::placeholder{color:var(--haze-color-text-muted)}
618
632
  .haze-textarea-styles__sm{padding:var(--haze-space-1) var(--haze-space-2);font-size:var(--haze-text-sm)}.haze-textarea-styles__md{padding:var(--haze-space-2) var(--haze-space-3);font-size:var(--haze-text-sm)}.haze-textarea-styles__lg{padding:var(--haze-space-3) var(--haze-space-4);font-size:var(--haze-text-base)}
package/dist/headless/index.js CHANGED
@@ -17,4 +17,5 @@ import { useLocalStorage as P } from "../hooks/useLocalStorage.js";
17
17
  import { useInView as F } from "../hooks/useInView.js";
18
18
  import { usePrevious as I } from "../hooks/usePrevious.js";
19
19
  import { useSessionStorage as L } from "../hooks/useSessionStorage.js";
20
- export { l as FloatingPanel, s as Presence, E as SUBMENU_CLOSE_GRACE_MS, D as SUBMENU_OPEN_DELAY_MS, O as SubmenuProvider, g as TABBABLE_SELECTOR, a as computeFloatingPosition, u as floatingPlacementClasses, _ as focusFirst, t as getDirection, C as getEnabledMenuItems, v as getTabbables, j as hotkey, y as isTabbable, n as localeDirection, i as mergeRefs, d as placeFloatingPanel, o as resolvePadding, f as supportsAnchorPositioning, p as supportsNativePopover, e as useBusyPressable, N as useClickOutside, r as useDirection, m as useFloating, h as useFloatingPosition, b as useFocusScope, M as useHotkeys, F as useInView, P as useLocalStorage, x as useMediaQuery, w as useMenuKeyboard, I as usePrevious, T as useRovingTabindex, L as useSessionStorage, k as useSubmenu, A as useSubmenuContext, S as useViewTransitionFlip, c as whenExitSettles };
20
+ import { Portal as R } from "../utils/portal.js";
21
+ export { l as FloatingPanel, R as Portal, s as Presence, E as SUBMENU_CLOSE_GRACE_MS, D as SUBMENU_OPEN_DELAY_MS, O as SubmenuProvider, g as TABBABLE_SELECTOR, a as computeFloatingPosition, u as floatingPlacementClasses, _ as focusFirst, t as getDirection, C as getEnabledMenuItems, v as getTabbables, j as hotkey, y as isTabbable, n as localeDirection, i as mergeRefs, d as placeFloatingPanel, o as resolvePadding, f as supportsAnchorPositioning, p as supportsNativePopover, e as useBusyPressable, N as useClickOutside, r as useDirection, m as useFloating, h as useFloatingPosition, b as useFocusScope, M as useHotkeys, F as useInView, P as useLocalStorage, x as useMediaQuery, w as useMenuKeyboard, I as usePrevious, T as useRovingTabindex, L as useSessionStorage, k as useSubmenu, A as useSubmenuContext, S as useViewTransitionFlip, c as whenExitSettles };
package/dist/hooks/index.js ADDED
@@ -0,0 +1,25 @@
1
+ "use client";
2
+ import { useBusyPressable as e } from "./useBusyPressable.js";
3
+ import { useMediaQuery as t } from "./useMediaQuery.js";
4
+ import { usePrefersReducedMotion as n } from "./usePrefersReducedMotion.js";
5
+ import { useClipboard as r } from "./useClipboard.js";
6
+ import { hotkey as i, useHotkeys as a } from "./useHotkeys.js";
7
+ import { useAnchorSpy as o } from "./useAnchorSpy.js";
8
+ import { useElementSize as s } from "./useElementSize.js";
9
+ import { useFullscreen as c } from "./useFullscreen.js";
10
+ import { useClickOutside as l } from "./useClickOutside.js";
11
+ import { useStorageState as u } from "./useStorageState.js";
12
+ import { useLocalStorage as d } from "./useLocalStorage.js";
13
+ import { useDarkMode as f } from "./useDarkMode.js";
14
+ import { useDebouncedCallback as p } from "./useDebouncedCallback.js";
15
+ import { useDebouncedValue as m } from "./useDebouncedValue.js";
16
+ import { useInView as h } from "./useInView.js";
17
+ import { useIdle as g } from "./useIdle.js";
18
+ import { useMutationObserver as _ } from "./useMutationObserver.js";
19
+ import { useNetwork as v } from "./useNetwork.js";
20
+ import { useOrientation as y } from "./useOrientation.js";
21
+ import { useResizeObserver as b } from "./useResizeObserver.js";
22
+ import { usePrevious as x } from "./usePrevious.js";
23
+ import { useSessionStorage as S } from "./useSessionStorage.js";
24
+ import { useTitle as C } from "./useTitle.js";
25
+ export { i as hotkey, o as useAnchorSpy, e as useBusyPressable, l as useClickOutside, r as useClipboard, f as useDarkMode, p as useDebouncedCallback, m as useDebouncedValue, s as useElementSize, c as useFullscreen, a as useHotkeys, g as useIdle, h as useInView, d as useLocalStorage, t as useMediaQuery, _ as useMutationObserver, v as useNetwork, y as useOrientation, n as usePrefersReducedMotion, x as usePrevious, b as useResizeObserver, S as useSessionStorage, u as useStorageState, C as useTitle };
package/dist/hooks/useAnchorSpy.js ADDED
@@ -0,0 +1,49 @@
1
+ "use client";
2
+ import { useEffect as e } from "react";
3
+ import { useControl as t } from "react-use-control";
4
+ //#region src/lib/hooks/useAnchorSpy.ts
5
+ function n({ ids: n, getContainer: r, offsetTop: i = 0, bounds: a = 5, activeId: o }) {
6
+ let [s, c] = t(o, () => n[0] ?? "");
7
+ return e(() => {
8
+ if (typeof IntersectionObserver > "u") return;
9
+ let e = /* @__PURE__ */ new Set(), t = r?.() ?? window, a = new IntersectionObserver((t) => {
10
+ for (let n of t) n.isIntersecting ? e.add(n.target.id) : e.delete(n.target.id);
11
+ let r = n.find((t) => e.has(t));
12
+ r && c(r);
13
+ }, {
14
+ root: t instanceof HTMLElement ? t : null,
15
+ rootMargin: `${-i}px 0px 0px 0px`
16
+ });
17
+ for (let e of n) {
18
+ let t = document.getElementById(e);
19
+ t && a.observe(t);
20
+ }
21
+ return () => a.disconnect();
22
+ }, [
23
+ n,
24
+ i,
25
+ r,
26
+ c
27
+ ]), e(() => {
28
+ if (typeof IntersectionObserver < "u") return;
29
+ let e = r?.() ?? window, t = e instanceof HTMLElement ? e : window, i = e instanceof HTMLElement ? e.getBoundingClientRect().top : 0, o = () => {
30
+ let e;
31
+ for (let t of n) {
32
+ let n = document.getElementById(t);
33
+ n && n.getBoundingClientRect().top - i <= a && (e = t);
34
+ }
35
+ e && c(e);
36
+ };
37
+ return t.addEventListener("scroll", o, { passive: !0 }), () => t.removeEventListener("scroll", o);
38
+ }, [
39
+ n,
40
+ a,
41
+ r,
42
+ c
43
+ ]), {
44
+ activeId: s,
45
+ setActiveId: c
46
+ };
47
+ }
48
+ //#endregion
49
+ export { n as useAnchorSpy };
package/dist/hooks/useElementSize.js ADDED
@@ -0,0 +1,31 @@
1
+ "use client";
2
+ import { useCallback as e, useRef as t, useState as n } from "react";
3
+ //#region src/lib/hooks/useElementSize.ts
4
+ var r = {
5
+ width: 0,
6
+ height: 0
7
+ };
8
+ function i(i) {
9
+ let { box: a = "content-box", enabled: o = !0 } = i ?? {}, [s, c] = n(r), l = t(null), u = t(r);
10
+ return [e((e) => {
11
+ if (l.current?.disconnect(), l.current = null, !e || !o || typeof globalThis.ResizeObserver != "function") {
12
+ u.current = r, c((e) => e.width === 0 && e.height === 0 ? e : r);
13
+ return;
14
+ }
15
+ let t = new globalThis.ResizeObserver((e) => {
16
+ let t = e[0];
17
+ if (!t) return;
18
+ let n = a === "border-box" && t.borderBoxSize.length > 0 ? t.borderBoxSize[0] : void 0, r = n ? {
19
+ width: n.inlineSize,
20
+ height: n.blockSize
21
+ } : {
22
+ width: t.contentRect.width,
23
+ height: t.contentRect.height
24
+ };
25
+ (u.current.width !== r.width || u.current.height !== r.height) && (u.current = r, c(r));
26
+ });
27
+ t.observe(e, { box: a }), l.current = t;
28
+ }, [a, o]), s];
29
+ }
30
+ //#endregion
31
+ export { i as useElementSize };
package/dist/hooks/useIdle.js ADDED
@@ -0,0 +1,45 @@
1
+ "use client";
2
+ import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
3
+ //#region src/lib/hooks/useIdle.ts
4
+ var i = [
5
+ "mousemove",
6
+ "mousedown",
7
+ "resize",
8
+ "keydown",
9
+ "touchstart",
10
+ "wheel",
11
+ "pointerdown"
12
+ ];
13
+ function a(a) {
14
+ let { timeout: o = 6e4, events: s = i, element: c, initialState: l = !1 } = a ?? {}, [u, d] = r(l), [f, p] = r(() => Date.now()), m = n(null), h = e(() => {
15
+ m.current !== null && (clearTimeout(m.current), m.current = null);
16
+ }, []), g = e(() => {
17
+ h(), m.current = setTimeout(() => {
18
+ m.current = null, d(!0);
19
+ }, o);
20
+ }, [o, h]), _ = s.join(" ");
21
+ return t(() => {
22
+ let e = c ?? (typeof document < "u" ? document : null);
23
+ if (!e || typeof e.addEventListener != "function") return;
24
+ let t = () => {
25
+ p(Date.now()), d(!1), g();
26
+ }, n = () => {
27
+ document.visibilityState === "visible" && t();
28
+ }, r = typeof window < "u" ? window : null, i = s.map((t) => t === "resize" && c === void 0 && r !== null ? [r, t] : [e, t]);
29
+ for (let [e, n] of i) e.addEventListener(n, t, !0);
30
+ return document.addEventListener("visibilitychange", n), g(), () => {
31
+ for (let [e, n] of i) e.removeEventListener(n, t, !0);
32
+ document.removeEventListener("visibilitychange", n), h();
33
+ };
34
+ }, [
35
+ _,
36
+ c,
37
+ g,
38
+ h
39
+ ]), {
40
+ idle: u,
41
+ lastActive: f
42
+ };
43
+ }
44
+ //#endregion
45
+ export { a as useIdle };
package/dist/hooks/useMutationObserver.js ADDED
@@ -0,0 +1,31 @@
1
+ "use client";
2
+ import { useEffect as e, useMemo as t, useRef as n, useState as r } from "react";
3
+ //#region src/lib/hooks/useMutationObserver.ts
4
+ var i = [];
5
+ function a(a, o) {
6
+ let { enabled: s = !0, ...c } = o, [l, u] = r(i), d = n(null), f = n(a);
7
+ e(() => {
8
+ f.current = a;
9
+ }, [a]);
10
+ let p = t(() => (e) => {
11
+ if (d.current?.disconnect(), d.current = null, !e || !s || typeof globalThis.MutationObserver != "function") return;
12
+ let t = new globalThis.MutationObserver((e, t) => {
13
+ u(e), f.current?.(e, t);
14
+ });
15
+ t.observe(e, c), d.current = t;
16
+ }, [
17
+ s,
18
+ c.subtree,
19
+ c.childList,
20
+ c.attributes,
21
+ c.characterData,
22
+ c.attributeFilter,
23
+ c.attributeOldValue,
24
+ c.characterDataOldValue
25
+ ]);
26
+ return e(() => {
27
+ s || (d.current?.disconnect(), d.current = null);
28
+ }, [s]), [p, l];
29
+ }
30
+ //#endregion
31
+ export { a as useMutationObserver };
package/dist/hooks/useNetwork.js ADDED
@@ -0,0 +1,28 @@
1
+ "use client";
2
+ import { useSyncExternalStore as e } from "react";
3
+ //#region src/lib/hooks/useNetwork.ts
4
+ var t = { online: !0 }, n = () => navigator.connection, r = (e) => {
5
+ if (typeof window > "u" || typeof window.addEventListener != "function") return () => void 0;
6
+ window.addEventListener("online", e), window.addEventListener("offline", e);
7
+ let t = n();
8
+ return t?.addEventListener ? (t.addEventListener("change", e), () => {
9
+ window.removeEventListener("online", e), window.removeEventListener("offline", e), t.removeEventListener?.("change", e);
10
+ }) : () => {
11
+ window.removeEventListener("online", e), window.removeEventListener("offline", e);
12
+ };
13
+ }, i = t, a = () => {
14
+ if (typeof navigator > "u") return t;
15
+ let e = n(), r = {
16
+ online: navigator.onLine,
17
+ ...e?.effectiveType !== void 0 && { effectiveType: e.effectiveType },
18
+ ...e?.downlink !== void 0 && { downlink: e.downlink },
19
+ ...e?.rtt !== void 0 && { rtt: e.rtt },
20
+ ...e?.saveData !== void 0 && { saveData: e.saveData }
21
+ };
22
+ return i.online === r.online && i.effectiveType === r.effectiveType && i.downlink === r.downlink && i.rtt === r.rtt && i.saveData === r.saveData ? i : (i = r, r);
23
+ }, o = () => t;
24
+ function s() {
25
+ return e(r, a, o);
26
+ }
27
+ //#endregion
28
+ export { s as useNetwork };