@dxos/ui-theme 0.8.4-main.9be5663bfe → 0.8.4-main.abd8ff62ef

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 (63) hide show
  1. package/dist/lib/browser/index.mjs +63 -57
  2. package/dist/lib/browser/index.mjs.map +4 -4
  3. package/dist/lib/browser/meta.json +1 -1
  4. package/dist/lib/node-esm/index.mjs +63 -57
  5. package/dist/lib/node-esm/index.mjs.map +4 -4
  6. package/dist/lib/node-esm/meta.json +1 -1
  7. package/dist/plugin/node-cjs/main.css +64 -29
  8. package/dist/plugin/node-cjs/main.css.map +2 -2
  9. package/dist/plugin/node-cjs/meta.json +1 -1
  10. package/dist/plugin/node-esm/main.css +64 -29
  11. package/dist/plugin/node-esm/main.css.map +2 -2
  12. package/dist/plugin/node-esm/meta.json +1 -1
  13. package/dist/plugin/node-esm/plugins/ThemePlugin.mjs.map +2 -2
  14. package/dist/types/src/Theme.stories.d.ts.map +1 -1
  15. package/dist/types/src/defs.d.ts +1 -1
  16. package/dist/types/src/defs.d.ts.map +1 -1
  17. package/dist/types/src/fragments/density.d.ts +1 -4
  18. package/dist/types/src/fragments/density.d.ts.map +1 -1
  19. package/dist/types/src/fragments/text.d.ts +0 -1
  20. package/dist/types/src/fragments/text.d.ts.map +1 -1
  21. package/dist/types/src/plugins/ThemePlugin.d.ts +1 -1
  22. package/dist/types/src/plugins/ThemePlugin.d.ts.map +1 -1
  23. package/dist/types/src/theme/components/card.d.ts.map +1 -1
  24. package/dist/types/src/theme/components/dialog.d.ts.map +1 -1
  25. package/dist/types/src/theme/components/icon-button.d.ts +1 -0
  26. package/dist/types/src/theme/components/icon-button.d.ts.map +1 -1
  27. package/dist/types/src/theme/components/input.d.ts +8 -8
  28. package/dist/types/src/theme/components/input.d.ts.map +1 -1
  29. package/dist/types/src/theme/components/main.d.ts.map +1 -1
  30. package/dist/types/src/theme/components/scroll-area.d.ts.map +1 -1
  31. package/dist/types/src/theme/primitives/column.d.ts +22 -5
  32. package/dist/types/src/theme/primitives/column.d.ts.map +1 -1
  33. package/dist/types/src/theme/primitives/panel.d.ts.map +1 -1
  34. package/dist/types/src/theme/theme.d.ts.map +1 -1
  35. package/dist/types/src/util/hash-styles.d.ts.map +1 -1
  36. package/dist/types/src/util/mx.d.ts +21 -1
  37. package/dist/types/src/util/mx.d.ts.map +1 -1
  38. package/dist/types/src/util/size.d.ts.map +1 -1
  39. package/dist/types/src/util/valence.d.ts +2 -2
  40. package/dist/types/src/util/valence.d.ts.map +1 -1
  41. package/dist/types/tsconfig.tsbuildinfo +1 -1
  42. package/package.json +9 -16
  43. package/src/css/components/panel.css +22 -22
  44. package/src/css/components/selected.css +8 -3
  45. package/src/css/components/selected.md +101 -0
  46. package/src/css/components/tag.css +3 -1
  47. package/src/css/layout/size.css +16 -3
  48. package/src/css/theme/animation.css +31 -0
  49. package/src/css/theme/spacing.css +6 -7
  50. package/src/css/utilities.css +48 -6
  51. package/src/fragments/AUDIT.md +0 -1
  52. package/src/fragments/density.ts +8 -5
  53. package/src/fragments/text.ts +1 -1
  54. package/src/main.css +36 -2
  55. package/src/theme/components/card.ts +4 -0
  56. package/src/theme/components/dialog.ts +5 -3
  57. package/src/theme/components/icon-button.ts +6 -3
  58. package/src/theme/components/input.ts +6 -6
  59. package/src/theme/components/message.ts +5 -5
  60. package/src/theme/components/popover.ts +1 -1
  61. package/src/theme/components/scroll-area.ts +10 -5
  62. package/src/theme/primitives/column.ts +44 -20
  63. package/src/util/mx.ts +3 -3
@@ -1 +1 @@
1
- {"inputs":{"src/defs.ts":{"bytes":3635,"imports":[],"format":"esm"},"src/fragments/density.ts":{"bytes":1719,"imports":[],"format":"esm"},"src/fragments/disabled.ts":{"bytes":892,"imports":[],"format":"esm"},"src/fragments/hover.ts":{"bytes":2842,"imports":[],"format":"esm"},"src/fragments/text.ts":{"bytes":959,"imports":[],"format":"esm"},"src/fragments/index.ts":{"bytes":830,"imports":[{"path":"src/fragments/density.ts","kind":"import-statement","original":"./density"},{"path":"src/fragments/disabled.ts","kind":"import-statement","original":"./disabled"},{"path":"src/fragments/hover.ts","kind":"import-statement","original":"./hover"},{"path":"src/fragments/text.ts","kind":"import-statement","original":"./text"}],"format":"esm"},"src/util/elevation.ts":{"bytes":3096,"imports":[],"format":"esm"},"src/util/hash-styles.ts":{"bytes":14409,"imports":[],"format":"esm"},"src/util/mx.ts":{"bytes":16235,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true}],"format":"esm"},"src/util/size.ts":{"bytes":13422,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../util"}],"format":"esm"},"src/util/valence.ts":{"bytes":3143,"imports":[],"format":"esm"},"src/util/index.ts":{"bytes":793,"imports":[{"path":"src/util/elevation.ts","kind":"import-statement","original":"./elevation"},{"path":"src/util/hash-styles.ts","kind":"import-statement","original":"./hash-styles"},{"path":"src/util/mx.ts","kind":"import-statement","original":"./mx"},{"path":"src/util/size.ts","kind":"import-statement","original":"./size"},{"path":"src/util/valence.ts","kind":"import-statement","original":"./valence"}],"format":"esm"},"src/theme/components/avatar.ts":{"bytes":9602,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/breadcrumb.ts":{"bytes":3127,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/card.ts":{"bytes":10027,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/button.ts":{"bytes":4830,"imports":[{"path":"src/fragments/index.ts","kind":"import-statement","original":"../../fragments"},{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/dialog.ts":{"bytes":5853,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/focus.ts":{"bytes":2888,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/icon.ts":{"bytes":2056,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/icon-button.ts":{"bytes":1570,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/input.ts":{"bytes":18786,"imports":[{"path":"src/fragments/index.ts","kind":"import-statement","original":"../../fragments"},{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/link.ts":{"bytes":2065,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/list.ts":{"bytes":5375,"imports":[{"path":"src/fragments/index.ts","kind":"import-statement","original":"../../fragments"},{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/main.ts":{"bytes":3950,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/menu.ts":{"bytes":5071,"imports":[{"path":"src/fragments/index.ts","kind":"import-statement","original":"../../fragments"},{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/message.ts":{"bytes":3739,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/popover.ts":{"bytes":4163,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/scroll-area.ts":{"bytes":9963,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/select.ts":{"bytes":5609,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/splitter.ts":{"bytes":1785,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/separator.ts":{"bytes":1868,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/skeleton.ts":{"bytes":1771,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/status.ts":{"bytes":2718,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/tag.ts":{"bytes":1360,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/toast.ts":{"bytes":5874,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/toolbar.ts":{"bytes":2894,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/tooltip.ts":{"bytes":2581,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/treegrid.ts":{"bytes":3901,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/index.ts":{"bytes":2569,"imports":[{"path":"src/theme/components/avatar.ts","kind":"import-statement","original":"./avatar"},{"path":"src/theme/components/breadcrumb.ts","kind":"import-statement","original":"./breadcrumb"},{"path":"src/theme/components/card.ts","kind":"import-statement","original":"./card"},{"path":"src/theme/components/button.ts","kind":"import-statement","original":"./button"},{"path":"src/theme/components/dialog.ts","kind":"import-statement","original":"./dialog"},{"path":"src/theme/components/focus.ts","kind":"import-statement","original":"./focus"},{"path":"src/theme/components/icon.ts","kind":"import-statement","original":"./icon"},{"path":"src/theme/components/icon-button.ts","kind":"import-statement","original":"./icon-button"},{"path":"src/theme/components/input.ts","kind":"import-statement","original":"./input"},{"path":"src/theme/components/link.ts","kind":"import-statement","original":"./link"},{"path":"src/theme/components/list.ts","kind":"import-statement","original":"./list"},{"path":"src/theme/components/main.ts","kind":"import-statement","original":"./main"},{"path":"src/theme/components/menu.ts","kind":"import-statement","original":"./menu"},{"path":"src/theme/components/message.ts","kind":"import-statement","original":"./message"},{"path":"src/theme/components/popover.ts","kind":"import-statement","original":"./popover"},{"path":"src/theme/components/scroll-area.ts","kind":"import-statement","original":"./scroll-area"},{"path":"src/theme/components/select.ts","kind":"import-statement","original":"./select"},{"path":"src/theme/components/splitter.ts","kind":"import-statement","original":"./splitter"},{"path":"src/theme/components/separator.ts","kind":"import-statement","original":"./separator"},{"path":"src/theme/components/skeleton.ts","kind":"import-statement","original":"./skeleton"},{"path":"src/theme/components/status.ts","kind":"import-statement","original":"./status"},{"path":"src/theme/components/tag.ts","kind":"import-statement","original":"./tag"},{"path":"src/theme/components/toast.ts","kind":"import-statement","original":"./toast"},{"path":"src/theme/components/toolbar.ts","kind":"import-statement","original":"./toolbar"},{"path":"src/theme/components/tooltip.ts","kind":"import-statement","original":"./tooltip"},{"path":"src/theme/components/treegrid.ts","kind":"import-statement","original":"./treegrid"}],"format":"esm"},"src/theme/primitives/column.ts":{"bytes":4653,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/primitives/panel.ts":{"bytes":3625,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/primitives/index.ts":{"bytes":543,"imports":[{"path":"src/theme/primitives/column.ts","kind":"import-statement","original":"./column"},{"path":"src/theme/primitives/panel.ts","kind":"import-statement","original":"./panel"}],"format":"esm"},"src/theme/theme.ts":{"bytes":7038,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"src/theme/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/theme/primitives/index.ts","kind":"import-statement","original":"./primitives"}],"format":"esm"},"src/theme/index.ts":{"bytes":634,"imports":[{"path":"src/theme/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/theme/primitives/index.ts","kind":"import-statement","original":"./primitives"},{"path":"src/theme/theme.ts","kind":"import-statement","original":"./theme"}],"format":"esm"},"src/index.ts":{"bytes":689,"imports":[{"path":"src/defs.ts","kind":"import-statement","original":"./defs"},{"path":"src/fragments/index.ts","kind":"import-statement","original":"./fragments"},{"path":"src/theme/index.ts","kind":"import-statement","original":"./theme"},{"path":"src/util/index.ts","kind":"import-statement","original":"./util"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":99442},"dist/lib/browser/index.mjs":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["avatarDescription","avatarFallbackText","avatarFrame","avatarGroup","avatarGroupDescription","avatarGroupLabel","avatarLabel","avatarRing","avatarRoot","avatarStatusIcon","avatarTheme","bindTheme","bottombarBlockPaddingEnd","breadcrumbCurrent","breadcrumbList","breadcrumbListItem","breadcrumbRoot","breadcrumbSeparator","breadcrumbTheme","buttonTheme","cardDefaultInlineSize","cardMaxBlockSize","cardMaxInlineSize","cardMinBlockSize","cardMinInlineSize","cardTheme","coarseBlockSize","coarseDimensions","columnTheme","composable","composableProps","dataDisabled","defaultButtonColors","defaultTheme","defaultTx","densityBlockSize","descriptionMessage","descriptionTextPrimary","dialogActionBar","dialogBody","dialogContent","dialogDescription","dialogHeader","dialogOverlay","dialogTheme","dialogTitle","fineBlockSize","fineDimensions","focusTheme","getHashHue","getHashStyles","getHeight","getSize","getStyles","getWidth","ghostButtonColors","ghostFocusWithin","ghostHover","groupHoverControlItemWithTransition","hoverableControlItem","hoverableControls","hoverableFocusedKeyboardControls","hoverableFocusedWithinControls","hoverableOpenControlItem","hueShades","hues","iconButtonRoot","iconButtonTheme","iconRoot","iconSize","iconTheme","inputTextLabel","inputTheme","linkRoot","linkTheme","listItem","listItemDragHandleIcon","listItemEndcap","listItemHeading","listItemOpenTrigger","listItemOpenTriggerIcon","listRoot","listTheme","mainContent","mainIntrinsicSize","mainOverlay","mainPadding","mainPaddingTransitions","mainSidebar","mainTheme","menuArrow","menuContent","menuGroupLabel","menuItem","menuSeparator","menuTheme","menuViewport","messageContent","messageHeader","messageIcon","messageRoot","messageTheme","messageTitle","messageValence","mx","osTranslations","palette","panelTheme","popoverArrow","popoverContent","popoverTheme","popoverViewport","primaryButtonColors","roles","scrollAreaRoot","scrollAreaTheme","scrollAreaViewport","scrollbar","selectArrow","selectContent","selectItem","selectItemIndicator","selectScrollButton","selectSeparator","selectTheme","selectViewport","separatorRoot","separatorTheme","sizeToRem","sizeValue","skeletonRoot","skeletonTheme","slottable","snapSize","splitterTheme","staticDefaultButtonColors","staticDisabled","statusBar","statusRoot","statusTheme","subtleHover","surfaceShadow","surfaceZIndex","tagRoot","tagTheme","textValence","toastActions","toastBody","toastDescription","toastRoot","toastTheme","toastTitle","toastViewport","toolbarLayout","toolbarRoot","toolbarText","toolbarTheme","tooltipArrow","tooltipContent","tooltipTheme","topbarBlockPaddingStart","treegridCell","treegridRoot","treegridRow","treegridTheme"],"entryPoint":"src/index.ts","inputs":{"src/defs.ts":{"bytesInOutput":559},"src/index.ts":{"bytesInOutput":0},"src/fragments/density.ts":{"bytesInOutput":301},"src/fragments/disabled.ts":{"bytesInOutput":150},"src/fragments/hover.ts":{"bytesInOutput":684},"src/fragments/text.ts":{"bytesInOutput":173},"src/util/elevation.ts":{"bytesInOutput":730},"src/util/hash-styles.ts":{"bytesInOutput":3904},"src/util/mx.ts":{"bytesInOutput":2930},"src/util/size.ts":{"bytesInOutput":2671},"src/util/valence.ts":{"bytesInOutput":877},"src/theme/components/avatar.ts":{"bytesInOutput":2153},"src/theme/components/breadcrumb.ts":{"bytesInOutput":515},"src/theme/components/card.ts":{"bytesInOutput":2530},"src/theme/components/button.ts":{"bytesInOutput":1177},"src/theme/components/dialog.ts":{"bytesInOutput":1221},"src/theme/components/focus.ts":{"bytesInOutput":338},"src/theme/components/icon.ts":{"bytesInOutput":281},"src/theme/components/icon-button.ts":{"bytesInOutput":155},"src/theme/components/input.ts":{"bytesInOutput":4776},"src/theme/components/link.ts":{"bytesInOutput":395},"src/theme/components/list.ts":{"bytesInOutput":1012},"src/theme/components/main.ts":{"bytesInOutput":749},"src/theme/components/menu.ts":{"bytesInOutput":1004},"src/theme/components/message.ts":{"bytesInOutput":680},"src/theme/components/popover.ts":{"bytesInOutput":852},"src/theme/components/scroll-area.ts":{"bytesInOutput":2774},"src/theme/components/select.ts":{"bytesInOutput":1215},"src/theme/components/splitter.ts":{"bytesInOutput":260},"src/theme/components/separator.ts":{"bytesInOutput":257},"src/theme/components/skeleton.ts":{"bytesInOutput":253},"src/theme/components/status.ts":{"bytesInOutput":505},"src/theme/components/tag.ts":{"bytesInOutput":87},"src/theme/components/toast.ts":{"bytesInOutput":1455},"src/theme/components/toolbar.ts":{"bytesInOutput":527},"src/theme/components/tooltip.ts":{"bytesInOutput":411},"src/theme/components/treegrid.ts":{"bytesInOutput":819},"src/theme/primitives/column.ts":{"bytesInOutput":574},"src/theme/primitives/panel.ts":{"bytesInOutput":747},"src/theme/theme.ts":{"bytesInOutput":1055}},"bytes":45904}}}
1
+ {"inputs":{"src/defs.ts":{"bytes":3565,"imports":[],"format":"esm"},"src/fragments/density.ts":{"bytes":1911,"imports":[],"format":"esm"},"src/fragments/disabled.ts":{"bytes":808,"imports":[],"format":"esm"},"src/fragments/hover.ts":{"bytes":2761,"imports":[],"format":"esm"},"src/fragments/text.ts":{"bytes":740,"imports":[],"format":"esm"},"src/fragments/index.ts":{"bytes":749,"imports":[{"path":"src/fragments/density.ts","kind":"import-statement","original":"./density"},{"path":"src/fragments/disabled.ts","kind":"import-statement","original":"./disabled"},{"path":"src/fragments/hover.ts","kind":"import-statement","original":"./hover"},{"path":"src/fragments/text.ts","kind":"import-statement","original":"./text"}],"format":"esm"},"src/util/elevation.ts":{"bytes":3016,"imports":[],"format":"esm"},"src/util/hash-styles.ts":{"bytes":14327,"imports":[],"format":"esm"},"src/util/mx.ts":{"bytes":16104,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true}],"format":"esm"},"src/util/size.ts":{"bytes":13347,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../util"}],"format":"esm"},"src/util/valence.ts":{"bytes":3061,"imports":[],"format":"esm"},"src/util/index.ts":{"bytes":713,"imports":[{"path":"src/util/elevation.ts","kind":"import-statement","original":"./elevation"},{"path":"src/util/hash-styles.ts","kind":"import-statement","original":"./hash-styles"},{"path":"src/util/mx.ts","kind":"import-statement","original":"./mx"},{"path":"src/util/size.ts","kind":"import-statement","original":"./size"},{"path":"src/util/valence.ts","kind":"import-statement","original":"./valence"}],"format":"esm"},"src/theme/components/avatar.ts":{"bytes":9509,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/breadcrumb.ts":{"bytes":3030,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/card.ts":{"bytes":10365,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/button.ts":{"bytes":4741,"imports":[{"path":"src/fragments/index.ts","kind":"import-statement","original":"../../fragments"},{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/primitives/column.ts":{"bytes":7524,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/dialog.ts":{"bytes":6225,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"},{"path":"src/theme/primitives/column.ts","kind":"import-statement","original":"../primitives/column"}],"format":"esm"},"src/theme/components/focus.ts":{"bytes":2800,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/icon.ts":{"bytes":1965,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/icon-button.ts":{"bytes":1635,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/input.ts":{"bytes":18321,"imports":[{"path":"src/fragments/index.ts","kind":"import-statement","original":"../../fragments"},{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/link.ts":{"bytes":1974,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/list.ts":{"bytes":5284,"imports":[{"path":"src/fragments/index.ts","kind":"import-statement","original":"../../fragments"},{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/main.ts":{"bytes":3859,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/menu.ts":{"bytes":4980,"imports":[{"path":"src/fragments/index.ts","kind":"import-statement","original":"../../fragments"},{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/message.ts":{"bytes":3620,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/popover.ts":{"bytes":4088,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/scroll-area.ts":{"bytes":10500,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"},{"path":"src/theme/primitives/column.ts","kind":"import-statement","original":"../primitives/column"}],"format":"esm"},"src/theme/components/select.ts":{"bytes":5520,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/splitter.ts":{"bytes":1694,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/separator.ts":{"bytes":1776,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/skeleton.ts":{"bytes":1680,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/status.ts":{"bytes":2629,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/tag.ts":{"bytes":1274,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/toast.ts":{"bytes":5782,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/toolbar.ts":{"bytes":2800,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/tooltip.ts":{"bytes":2491,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/treegrid.ts":{"bytes":3810,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/components/index.ts":{"bytes":2481,"imports":[{"path":"src/theme/components/avatar.ts","kind":"import-statement","original":"./avatar"},{"path":"src/theme/components/breadcrumb.ts","kind":"import-statement","original":"./breadcrumb"},{"path":"src/theme/components/card.ts","kind":"import-statement","original":"./card"},{"path":"src/theme/components/button.ts","kind":"import-statement","original":"./button"},{"path":"src/theme/components/dialog.ts","kind":"import-statement","original":"./dialog"},{"path":"src/theme/components/focus.ts","kind":"import-statement","original":"./focus"},{"path":"src/theme/components/icon.ts","kind":"import-statement","original":"./icon"},{"path":"src/theme/components/icon-button.ts","kind":"import-statement","original":"./icon-button"},{"path":"src/theme/components/input.ts","kind":"import-statement","original":"./input"},{"path":"src/theme/components/link.ts","kind":"import-statement","original":"./link"},{"path":"src/theme/components/list.ts","kind":"import-statement","original":"./list"},{"path":"src/theme/components/main.ts","kind":"import-statement","original":"./main"},{"path":"src/theme/components/menu.ts","kind":"import-statement","original":"./menu"},{"path":"src/theme/components/message.ts","kind":"import-statement","original":"./message"},{"path":"src/theme/components/popover.ts","kind":"import-statement","original":"./popover"},{"path":"src/theme/components/scroll-area.ts","kind":"import-statement","original":"./scroll-area"},{"path":"src/theme/components/select.ts","kind":"import-statement","original":"./select"},{"path":"src/theme/components/splitter.ts","kind":"import-statement","original":"./splitter"},{"path":"src/theme/components/separator.ts","kind":"import-statement","original":"./separator"},{"path":"src/theme/components/skeleton.ts","kind":"import-statement","original":"./skeleton"},{"path":"src/theme/components/status.ts","kind":"import-statement","original":"./status"},{"path":"src/theme/components/tag.ts","kind":"import-statement","original":"./tag"},{"path":"src/theme/components/toast.ts","kind":"import-statement","original":"./toast"},{"path":"src/theme/components/toolbar.ts","kind":"import-statement","original":"./toolbar"},{"path":"src/theme/components/tooltip.ts","kind":"import-statement","original":"./tooltip"},{"path":"src/theme/components/treegrid.ts","kind":"import-statement","original":"./treegrid"}],"format":"esm"},"src/theme/primitives/panel.ts":{"bytes":3537,"imports":[{"path":"src/util/index.ts","kind":"import-statement","original":"../../util"}],"format":"esm"},"src/theme/primitives/index.ts":{"bytes":451,"imports":[{"path":"src/theme/primitives/column.ts","kind":"import-statement","original":"./column"},{"path":"src/theme/primitives/panel.ts","kind":"import-statement","original":"./panel"}],"format":"esm"},"src/theme/theme.ts":{"bytes":6957,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"src/theme/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/theme/primitives/index.ts","kind":"import-statement","original":"./primitives"}],"format":"esm"},"src/theme/index.ts":{"bytes":553,"imports":[{"path":"src/theme/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/theme/primitives/index.ts","kind":"import-statement","original":"./primitives"},{"path":"src/theme/theme.ts","kind":"import-statement","original":"./theme"}],"format":"esm"},"src/index.ts":{"bytes":618,"imports":[{"path":"src/defs.ts","kind":"import-statement","original":"./defs"},{"path":"src/fragments/index.ts","kind":"import-statement","original":"./fragments"},{"path":"src/theme/index.ts","kind":"import-statement","original":"./theme"},{"path":"src/util/index.ts","kind":"import-statement","original":"./util"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":101028},"dist/lib/browser/index.mjs":{"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"tailwind-merge","kind":"import-statement","external":true},{"path":"@dxos/log","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["avatarDescription","avatarFallbackText","avatarFrame","avatarGroup","avatarGroupDescription","avatarGroupLabel","avatarLabel","avatarRing","avatarRoot","avatarStatusIcon","avatarTheme","bindTheme","bottombarBlockPaddingEnd","breadcrumbCurrent","breadcrumbList","breadcrumbListItem","breadcrumbRoot","breadcrumbSeparator","breadcrumbTheme","buttonTheme","cardDefaultInlineSize","cardMaxBlockSize","cardMaxInlineSize","cardMinBlockSize","cardMinInlineSize","cardTheme","columnTheme","composable","composableProps","dataDisabled","defaultButtonColors","defaultTheme","defaultTx","densityBlockSize","densityDimensions","descriptionMessage","dialogActionBar","dialogBody","dialogContent","dialogDescription","dialogHeader","dialogOverlay","dialogTheme","dialogTitle","focusTheme","getHashHue","getHashStyles","getHeight","getSize","getStyles","getWidth","ghostButtonColors","ghostFocusWithin","ghostHover","groupHoverControlItemWithTransition","hoverableControlItem","hoverableControls","hoverableFocusedKeyboardControls","hoverableFocusedWithinControls","hoverableOpenControlItem","hueShades","hues","iconButtonRoot","iconButtonTheme","iconRoot","iconSize","iconTheme","inputTextLabel","inputTheme","linkRoot","linkTheme","listItem","listItemDragHandleIcon","listItemEndcap","listItemHeading","listItemOpenTrigger","listItemOpenTriggerIcon","listRoot","listTheme","mainContent","mainIntrinsicSize","mainOverlay","mainPadding","mainPaddingTransitions","mainSidebar","mainTheme","menuArrow","menuContent","menuGroupLabel","menuItem","menuSeparator","menuTheme","menuViewport","messageContent","messageHeader","messageIcon","messageRoot","messageTheme","messageTitle","messageValence","mx","osTranslations","palette","panelTheme","popoverArrow","popoverContent","popoverTheme","popoverViewport","primaryButtonColors","roles","scrollAreaRoot","scrollAreaTheme","scrollAreaViewport","scrollbar","selectArrow","selectContent","selectItem","selectItemIndicator","selectScrollButton","selectSeparator","selectTheme","selectViewport","separatorRoot","separatorTheme","sizeToRem","sizeValue","skeletonRoot","skeletonTheme","slottable","snapSize","splitterTheme","staticDefaultButtonColors","staticDisabled","statusBar","statusRoot","statusTheme","subtleHover","surfaceShadow","surfaceZIndex","tagRoot","tagTheme","textValence","toastActions","toastBody","toastDescription","toastRoot","toastTheme","toastTitle","toastViewport","toolbarLayout","toolbarRoot","toolbarText","toolbarTheme","tooltipArrow","tooltipContent","tooltipTheme","topbarBlockPaddingStart","treegridCell","treegridRoot","treegridRow","treegridTheme","withColumn"],"entryPoint":"src/index.ts","inputs":{"src/defs.ts":{"bytesInOutput":559},"src/index.ts":{"bytesInOutput":0},"src/fragments/density.ts":{"bytesInOutput":401},"src/fragments/disabled.ts":{"bytesInOutput":150},"src/fragments/hover.ts":{"bytesInOutput":684},"src/fragments/text.ts":{"bytesInOutput":98},"src/util/elevation.ts":{"bytesInOutput":730},"src/util/hash-styles.ts":{"bytesInOutput":3904},"src/util/mx.ts":{"bytesInOutput":2874},"src/util/size.ts":{"bytesInOutput":2671},"src/util/valence.ts":{"bytesInOutput":877},"src/theme/components/avatar.ts":{"bytesInOutput":2153},"src/theme/components/breadcrumb.ts":{"bytesInOutput":515},"src/theme/components/card.ts":{"bytesInOutput":2637},"src/theme/components/button.ts":{"bytesInOutput":1177},"src/theme/primitives/column.ts":{"bytesInOutput":1145},"src/theme/components/dialog.ts":{"bytesInOutput":1299},"src/theme/components/focus.ts":{"bytesInOutput":338},"src/theme/components/icon.ts":{"bytesInOutput":281},"src/theme/components/icon-button.ts":{"bytesInOutput":190},"src/theme/components/input.ts":{"bytesInOutput":4722},"src/theme/components/link.ts":{"bytesInOutput":395},"src/theme/components/list.ts":{"bytesInOutput":1012},"src/theme/components/main.ts":{"bytesInOutput":749},"src/theme/components/menu.ts":{"bytesInOutput":1004},"src/theme/components/message.ts":{"bytesInOutput":667},"src/theme/components/popover.ts":{"bytesInOutput":859},"src/theme/components/scroll-area.ts":{"bytesInOutput":2942},"src/theme/components/select.ts":{"bytesInOutput":1215},"src/theme/components/splitter.ts":{"bytesInOutput":260},"src/theme/components/separator.ts":{"bytesInOutput":257},"src/theme/components/skeleton.ts":{"bytesInOutput":253},"src/theme/components/status.ts":{"bytesInOutput":505},"src/theme/components/tag.ts":{"bytesInOutput":87},"src/theme/components/toast.ts":{"bytesInOutput":1455},"src/theme/components/toolbar.ts":{"bytesInOutput":527},"src/theme/components/tooltip.ts":{"bytesInOutput":411},"src/theme/components/treegrid.ts":{"bytesInOutput":819},"src/theme/primitives/panel.ts":{"bytesInOutput":747},"src/theme/theme.ts":{"bytesInOutput":1055}},"bytes":46707}}}
@@ -48,11 +48,12 @@ var cardMinBlockSize = 18;
48
48
  var cardMaxBlockSize = 30;
49
49
 
50
50
  // src/fragments/density.ts
51
- var coarseBlockSize = "min-h-[2.5rem]";
52
- var coarseDimensions = `${coarseBlockSize} px-3`;
53
51
  var fineBlockSize = "min-h-[2.5rem] pointer-fine:min-h-[2rem]";
52
+ var coarseBlockSize = "min-h-[2.5rem]";
54
53
  var fineDimensions = `${fineBlockSize} px-2`;
55
- var densityBlockSize = (density = "coarse") => density === "fine" ? fineBlockSize : coarseBlockSize;
54
+ var coarseDimensions = `${coarseBlockSize} px-3`;
55
+ var densityDimensions = (density = "fine") => density === "fine" ? fineDimensions : coarseDimensions;
56
+ var densityBlockSize = (density = "fine") => density === "fine" ? fineBlockSize : coarseBlockSize;
56
57
 
57
58
  // src/fragments/disabled.ts
58
59
  var staticDisabled = "opacity-40 cursor-not-allowed shadow-none";
@@ -70,7 +71,6 @@ var hoverableOpenControlItem = "hover-hover:aria-[expanded=true]:[--controls-opa
70
71
  var hoverableControlItem = "opacity-(--controls-opacity)";
71
72
 
72
73
  // src/fragments/text.ts
73
- var descriptionTextPrimary = "text-sm font-normal text-base-surface-text";
74
74
  var descriptionMessage = "text-description border border-dashed border-separator rounded-sm p-4";
75
75
 
76
76
  // src/util/elevation.ts
@@ -343,12 +343,7 @@ function slottable(render) {
343
343
  warn = true;
344
344
  log.warn("slot child is not composable; create it with composable() or slottable()", {
345
345
  child: child.type.displayName ?? child.type.name
346
- }, {
347
- F: __dxlog_file,
348
- L: 125,
349
- S: this,
350
- C: (f, a) => f(...a)
351
- });
346
+ }, { "~LogMeta": "~LogMeta", F: __dxlog_file, L: 100, S: this });
352
347
  }
353
348
  } catch {
354
349
  }
@@ -630,12 +625,14 @@ var cardAction = (_props, ...etc) => mx("dx-card__acztion col-span-3 !grid grid-
630
625
  var cardActionLabel = (_props, ...etc) => mx("dx-card__action-label min-w-0 flex-1 truncate", ...etc);
631
626
  var cardLink = (_props, ...etc) => mx("dx-card__link col-span-3 !grid grid-cols-subgrid group p-0! dx-button dx-focus-ring min-h-1!", ...etc);
632
627
  var cardLinkLabel = (_props, ...etc) => mx("dx-card__link-label min-w-0 flex-1 truncate", ...etc);
628
+ var cardRow = (_, ...etc) => mx("dx-card__row col-span-3 grid grid-cols-subgrid", ...etc);
633
629
  var cardIconBlock = ({ padding }, ...etc) => mx("dx-card__icon-block grid h-[var(--dx-rail-item)] w-[var(--dx-rail-item)] place-items-center", padding && "[&>*]:p-1", ...etc);
634
630
  var cardTheme = {
635
631
  root: cardRoot,
636
632
  toolbar: cardToolbar,
637
633
  title: cardTitle,
638
634
  content: cardContent,
635
+ row: cardRow,
639
636
  heading: cardHeading,
640
637
  text: cardText,
641
638
  "text-span": cardTextSpan,
@@ -664,6 +661,35 @@ var buttonTheme = {
664
661
  group: buttonGroup
665
662
  };
666
663
 
664
+ // src/theme/primitives/column.ts
665
+ var withColumn = {
666
+ /** Centers element in the Column grid via --dx-col. No-op outside Column or inside ScrollArea. */
667
+ center: () => "[grid-column:var(--dx-col,auto)]",
668
+ /** Propagates the Column grid to children via subgrid. No-op outside Column.
669
+ * Direct children default to center column unless they are a dx-container (ScrollArea). */
670
+ propagate: () => "[.dx-column-root_&]:col-span-full [.dx-column-root_&]:grid [.dx-column-root_&]:grid-cols-subgrid [.dx-column-root_&]:[&>*:not(.dx-container)]:[grid-column:var(--dx-col,auto)]",
671
+ /** Resets --dx-col after consuming --gutter. Applied by ScrollArea.Viewport. */
672
+ consumed: () => "[--dx-col:auto]"
673
+ };
674
+ var columnRoot = (_, ...etc) => {
675
+ return mx("dx-column-root grid", ...etc);
676
+ };
677
+ var columnRow = (_, ...etc) => {
678
+ return mx("col-span-3 grid grid-cols-subgrid", ...etc);
679
+ };
680
+ var columnBleed = (_, ...etc) => {
681
+ return mx("col-span-full grid grid-cols-subgrid min-h-0", ...etc);
682
+ };
683
+ var columnCenter = (_, ...etc) => {
684
+ return mx(withColumn.center(), "min-h-0", ...etc);
685
+ };
686
+ var columnTheme = {
687
+ root: columnRoot,
688
+ row: columnRow,
689
+ bleed: columnBleed,
690
+ center: columnCenter
691
+ };
692
+
667
693
  // src/theme/components/dialog.ts
668
694
  var sizeMap2 = {
669
695
  sm: "md:max-w-[24rem]",
@@ -675,9 +701,9 @@ var dialogOverlay = (_props, ...etc) => mx("dx-dialog__overlay", ...etc);
675
701
  var dialogContent = ({ inOverlayLayout, size = "md" }, ...etc) => {
676
702
  return mx("@container", "dx-dialog__content dx-focus-ring dx-modal-surface dx-density-coarse py-4", !inOverlayLayout && "fixed z-50 top-[50%] left-[50%] -translate-x-[50%] -translate-y-[50%]", sizeMap2[size], ...etc);
677
703
  };
678
- var dialogHeader = (_props, ...etc) => mx("dx-dialog__header flex pb-4 items-center justify-between", ...etc);
679
- var dialogBody = (_props, ...etc) => mx("dx-dialog__body", ...etc);
680
- var dialogActionBar = (_props, ...etc) => mx("dx-dialog__actionbar flex items-center pt-4 gap-2 dx-density-coarse", ...etc);
704
+ var dialogHeader = (_props, ...etc) => mx("dx-dialog__header flex pb-4 items-center justify-between", withColumn.center(), ...etc);
705
+ var dialogBody = (_props, ...etc) => mx("dx-dialog__body dx-expander", withColumn.propagate(), ...etc);
706
+ var dialogActionBar = (_props, ...etc) => mx("dx-dialog__actionbar flex items-center pt-4 gap-2 dx-density-coarse", withColumn.center(), ...etc);
681
707
  var dialogTitle = ({ srOnly }, ...etc) => mx("dx-dialog__title", srOnly && "sr-only", ...etc);
682
708
  var dialogDescription = ({ srOnly }, ...etc) => mx("dx-dialog__description", "text-description", srOnly && "sr-only", ...etc);
683
709
  var dialogTheme = {
@@ -706,8 +732,8 @@ var iconTheme = {
706
732
  };
707
733
 
708
734
  // src/theme/components/icon-button.ts
709
- var iconButtonRoot = ({ iconOnly }, ...etc) => {
710
- return mx("px-1.5", !iconOnly && "gap-2", ...etc);
735
+ var iconButtonRoot = ({ iconOnly, square }, ...etc) => {
736
+ return mx("px-1.5", !iconOnly && "gap-2", square && "aspect-square", ...etc);
711
737
  };
712
738
  var iconButtonTheme = {
713
739
  root: iconButtonRoot
@@ -732,22 +758,22 @@ var inputValence = (valence) => {
732
758
  }
733
759
  };
734
760
  var sharedSubduedInputStyles = (props) => [
735
- "py-0 w-full bg-transparent text-current placeholder-placeholder",
736
761
  '[[data-drag-autoscroll="active"]_&]:pointer-events-none',
737
- props.density === "fine" ? fineBlockSize : coarseBlockSize,
762
+ "py-0 w-full bg-transparent text-current placeholder-placeholder",
738
763
  "dx-focus-subdued",
764
+ densityDimensions(props.density),
739
765
  props.disabled && staticDisabled
740
766
  ];
741
767
  var sharedDefaultInputStyles = (props) => [
742
- "py-0 w-full text-base-surface-text rounded-xs placeholder-placeholder",
743
768
  '[[data-drag-autoscroll="active"]_&]:pointer-events-none',
769
+ "py-0 w-full text-base-surface-text rounded-xs placeholder-placeholder",
744
770
  textInputSurfaceFocus,
745
- props.density === "fine" ? fineDimensions : coarseDimensions,
771
+ densityDimensions(props.density),
746
772
  props.disabled ? staticDisabled : textInputSurfaceHover
747
773
  ];
748
774
  var sharedStaticInputStyles = (props) => [
749
- "py-0 w-full text-base-surface-text rounded-xs placeholder-placeholder",
750
775
  '[[data-drag-autoscroll="active"]_&]:pointer-events-none',
776
+ "py-0 w-full text-base-surface-text rounded-xs placeholder-placeholder",
751
777
  textInputSurfaceFocus,
752
778
  textInputSurfaceHover,
753
779
  props.focused && "bg-attention-surface",
@@ -857,19 +883,19 @@ var menuTheme = {
857
883
 
858
884
  // src/theme/components/message.ts
859
885
  var messageRoot = ({ valence }, etc) => {
860
- return mx("grid grid-cols-[min-content_1fr] gap-x-2 p-trim-sm rounded-sm", messageValence(valence), etc);
886
+ return mx("grid grid-cols-[2rem_1fr_2rem] p-1 rounded-sm", messageValence(valence), etc);
861
887
  };
862
888
  var messageHeader = (_, etc) => {
863
- return mx("col-span-2 grid grid-cols-subgrid items-center", etc);
889
+ return mx("col-span-full grid grid-cols-subgrid items-center", etc);
864
890
  };
865
891
  var messageTitle = (_, etc) => {
866
- return mx("col-start-2 gap-trim-sm [&>svg]:inline-block", etc);
892
+ return mx("col-start-2 truncate", etc);
867
893
  };
868
894
  var messageIcon = (_, etc) => {
869
- return mx("col-start-1", etc);
895
+ return mx("col-start-1 grid place-items-center", etc);
870
896
  };
871
897
  var messageContent = (_, etc) => {
872
- return mx("grid grid-cols-subgrid col-start-2 first:font-medium", etc);
898
+ return mx("col-start-2 grid grid-cols-subgrid first:font-medium", etc);
873
899
  };
874
900
  var messageTheme = {
875
901
  root: messageRoot,
@@ -886,7 +912,7 @@ var popoverContent = ({ elevation }, ...etc) => mx("dx-modal-surface border bord
886
912
  elevation,
887
913
  level: "menu"
888
914
  }), "dx-focus-ring", ...etc);
889
- var popoverViewport = ({ constrainBlock, constrainInline }, ...etc) => mx("flex flex-col min-h-0 min-w-popover-min-width", (constrainBlock || constrainInline) && "overflow-hidden", constrainBlock && "max-h-(--radix-popover-content-available-height)", constrainBlock && "max-h-[min(var(--radix-popover-content-available-height),calc(100dvh-var(--spacing-screen-border)*2))]", constrainInline && "max-w-(--radix-popover-content-available-width)", ...etc);
915
+ var popoverViewport = ({ constrainBlock, constrainInline }, ...etc) => mx("grid grid-rows-[1fr] min-h-0 min-w-popover-min-width", (constrainBlock || constrainInline) && "overflow-hidden", constrainBlock && "max-h-(--radix-popover-content-available-height)", constrainBlock && "max-h-[min(var(--radix-popover-content-available-height),calc(100dvh-var(--spacing-screen-border)*2))]", constrainInline && "max-w-(--radix-popover-content-available-width)", ...etc);
890
916
  var popoverArrow = (_props, ...etc) => mx("fill-separator", ...etc);
891
917
  var popoverTheme = {
892
918
  content: popoverContent,
@@ -911,14 +937,17 @@ var scrollAreaRoot = ({ orientation }, ...etc) => mx(
911
937
  orientation === "vertical" && "group/scroll-v flex flex-col",
912
938
  orientation === "horizontal" && "group/scroll-h flex",
913
939
  orientation === "all" && "group/scroll-all",
914
- // Apply col-span-full only when inside a Column.Root grid (detected via dx-column marker).
915
- "[.dx-column_&]:col-span-full",
940
+ // Apply col-span-full only when inside a Column.Root grid (detected via dx-column-root marker).
941
+ "[.dx-column-root_&]:col-span-full",
916
942
  ...etc
917
943
  );
918
- var scrollAreaViewport = ({ orientation, centered, padding, snap, thin, autoHide }, ...etc) => {
944
+ var scrollAreaViewport = ({ orientation, centered, padding, snap, autoHide }, ...etc) => {
919
945
  return mx(
920
- "h-full w-full",
921
- orientation === "vertical" && "flex flex-col overflow-y-scroll",
946
+ "flex-1 min-h-0 w-full",
947
+ // Reset --dx-col so nested components don't try to grid-position themselves.
948
+ // ScrollArea has already consumed --gutter for padding.
949
+ withColumn.consumed(),
950
+ orientation === "vertical" && "overflow-y-scroll",
922
951
  orientation === "horizontal" && "flex overflow-x-scroll overscroll-x-contain",
923
952
  orientation === "all" && "overflow-scroll",
924
953
  "[&::-webkit-scrollbar-corner]:bg-transparent",
@@ -1109,26 +1138,6 @@ var treegridTheme = {
1109
1138
  cell: treegridCell
1110
1139
  };
1111
1140
 
1112
- // src/theme/primitives/column.ts
1113
- var columnRoot = (_, ...etc) => {
1114
- return mx("dx-column grid", ...etc);
1115
- };
1116
- var columnContent = (_, ...etc) => {
1117
- return mx("col-span-full grid grid-cols-subgrid min-h-0 [&>:not(.dx-container)]:col-start-2", ...etc);
1118
- };
1119
- var columnViewport = (_, ...etc) => {
1120
- return mx(...etc);
1121
- };
1122
- var columnRow = ({ fullWidth, center }, ...etc) => {
1123
- return mx("col-span-3 grid grid-cols-subgrid", fullWidth ? "col-span-3" : center && "col-start-2 col-span-1", ...etc);
1124
- };
1125
- var columnTheme = {
1126
- root: columnRoot,
1127
- content: columnContent,
1128
- viewport: columnViewport,
1129
- row: columnRow
1130
- };
1131
-
1132
1141
  // src/theme/primitives/panel.ts
1133
1142
  var sizes = {
1134
1143
  lg: "h-(--dx-topbar-size)",
@@ -1225,8 +1234,6 @@ export {
1225
1234
  cardMinBlockSize,
1226
1235
  cardMinInlineSize,
1227
1236
  cardTheme,
1228
- coarseBlockSize,
1229
- coarseDimensions,
1230
1237
  columnTheme,
1231
1238
  composable,
1232
1239
  composableProps,
@@ -1235,8 +1242,8 @@ export {
1235
1242
  defaultTheme,
1236
1243
  defaultTx,
1237
1244
  densityBlockSize,
1245
+ densityDimensions,
1238
1246
  descriptionMessage,
1239
- descriptionTextPrimary,
1240
1247
  dialogActionBar,
1241
1248
  dialogBody,
1242
1249
  dialogContent,
@@ -1245,8 +1252,6 @@ export {
1245
1252
  dialogOverlay,
1246
1253
  dialogTheme,
1247
1254
  dialogTitle,
1248
- fineBlockSize,
1249
- fineDimensions,
1250
1255
  focusTheme,
1251
1256
  getHashHue,
1252
1257
  getHashStyles,
@@ -1363,6 +1368,7 @@ export {
1363
1368
  treegridCell,
1364
1369
  treegridRoot,
1365
1370
  treegridRow,
1366
- treegridTheme
1371
+ treegridTheme,
1372
+ withColumn
1367
1373
  };
1368
1374
  //# sourceMappingURL=index.mjs.map