@mkbabb/glass-ui 10.1.4 → 11.0.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 (214) hide show
  1. package/MIGRATION.md +1024 -1461
  2. package/README.md +2 -2
  3. package/dist/DialogContent-DG5kseRQ.js +159 -0
  4. package/dist/DropdownMenuTrigger-uhSXgEfK.js +76 -0
  5. package/dist/{Surface-1nPoabc3.js → Surface-C7wq2j0A.js} +3 -0
  6. package/dist/aurora.css +1 -0
  7. package/dist/aurora.js +246 -2472
  8. package/dist/auroraImageSource-xNLDUjcy.js +30 -0
  9. package/dist/axes.js +8 -8
  10. package/dist/blob.css +1 -0
  11. package/dist/blob.js +57 -54
  12. package/dist/budget-CJfhLIIV.js +13 -0
  13. package/dist/button-CAKhiOZy.js +113 -0
  14. package/dist/button.js +1 -1
  15. package/dist/{card-ByyqRBvK.js → card-D_uXphvL.js} +4 -1
  16. package/dist/card.js +1 -1
  17. package/dist/carousel.js +3 -2
  18. package/dist/{checkbox-B1qn65se.js → checkbox-COLnvULu.js} +1 -0
  19. package/dist/checkbox.css +1 -0
  20. package/dist/checkbox.js +1 -1
  21. package/dist/{collapsible-DFzK29Oh.js → collapsible-Bd4Et730.js} +1 -0
  22. package/dist/collapsible.css +1 -0
  23. package/dist/collapsible.js +1 -1
  24. package/dist/color-HkUaTAJj.js +270 -0
  25. package/dist/{color.glsl-DTJhdekG.js → color.glsl-bFJm8k5R.js} +4 -16
  26. package/dist/color.wgsl-B-qDJ_OM.js +4 -0
  27. package/dist/{command-CatrAsrl.js → command-BsFOGZwB.js} +3 -2
  28. package/dist/command.css +1 -0
  29. package/dist/command.js +1 -1
  30. package/dist/component-styles.css +0 -1
  31. package/dist/components/_shared/axes.d.ts +7 -0
  32. package/dist/components/_shared/feedback/dot-ring.css +1 -1
  33. package/dist/components/_shared/overlay/focus-return.d.ts +9 -0
  34. package/dist/components/_shared/overlay/index.d.ts +3 -0
  35. package/dist/components/_shared/overlay/root-scroll-lock.d.ts +4 -0
  36. package/dist/components/_shared/overlay/sheet-width.d.ts +2 -0
  37. package/dist/components/_shared/shape/useBarShape.d.ts +4 -0
  38. package/dist/components/aurora/composables/auroraFallbackGround.d.ts +12 -0
  39. package/dist/components/aurora/constants/presets.d.ts +21 -0
  40. package/dist/components/aurora/index.d.ts +2 -2
  41. package/dist/components/button/styles.css +1 -1
  42. package/dist/components/dark-mode-toggle/dark-mode-toggle.css +1 -1
  43. package/dist/components/dialog/DialogContent.vue.d.ts +2 -2
  44. package/dist/components/dialog/ModalOverlay.vue.d.ts +2 -2
  45. package/dist/components/dialog/ModalScrim.vue.d.ts +26 -0
  46. package/dist/components/dialog/styles.css +1 -1
  47. package/dist/components/dock/GlassDock.vue.d.ts +4 -1
  48. package/dist/components/dock/composables/useDockClickIntegrity.d.ts +4 -0
  49. package/dist/components/dock/composables/useDockShellProps.d.ts +34 -2
  50. package/dist/components/dock/composables/useDockState.d.ts +5 -0
  51. package/dist/components/dock/index.d.ts +1 -2
  52. package/dist/components/dock/styles/controls/icon-button.css +1 -1
  53. package/dist/components/dock/styles/controls/tab-button.css +1 -1
  54. package/dist/components/dock/styles/morph.css +1 -1
  55. package/dist/components/dock/styles/run.css +1 -1
  56. package/dist/components/dock/trigger.d.ts +1 -0
  57. package/dist/components/expandable-container/ExpandableContainer.vue.d.ts +30 -29
  58. package/dist/components/menu/ContextMenu.vue.d.ts +27 -0
  59. package/dist/components/menu/DropdownMenu.vue.d.ts +5 -23
  60. package/dist/components/menu/context.d.ts +18 -5
  61. package/dist/components/menu/family-click.d.ts +2 -0
  62. package/dist/components/menu/family-context.d.ts +2 -0
  63. package/dist/components/menu/index.d.ts +1 -1
  64. package/dist/components/sheet/SheetContent.vue.d.ts +2 -2
  65. package/dist/components/sortable-list/styles.css +1 -0
  66. package/dist/components/surface/Surface.vue.d.ts +4 -1
  67. package/dist/components/tabs/composables/useTabDragMorph.d.ts +4 -7
  68. package/dist/components/tabs/styles/segmented.css +1 -1
  69. package/dist/components/tabs/types.d.ts +7 -8
  70. package/dist/composables/glass/fieldPaint.d.ts +4 -0
  71. package/dist/composables/glass/useGlassBackdropLuminance.d.ts +7 -6
  72. package/dist/composables/glass/webgpu/useGpuSubstrate.d.ts +8 -0
  73. package/dist/composables/motion/core/motionTempo.d.ts +2 -1
  74. package/dist/composables/motion/morph/useDragMorph.d.ts +2 -2
  75. package/dist/composables/motion/morph/useSelectionGroup.d.ts +6 -25
  76. package/dist/composables/motion/morph/useSelectionIndicator.d.ts +8 -54
  77. package/dist/composables/motion/spring/useLiquidFlex.d.ts +3 -5
  78. package/dist/composables/motion/spring/useSpringMount.d.ts +0 -9
  79. package/dist/{configurator-Dl10mc3L.js → configurator-C1ZKEf1b.js} +7 -5
  80. package/dist/configurator.css +1 -0
  81. package/dist/configurator.js +1 -1
  82. package/dist/constants-DfrO-IaH.js +8 -0
  83. package/dist/constellation.css +1 -0
  84. package/dist/constellation.js +2 -1
  85. package/dist/control.css +1 -0
  86. package/dist/{control.css_vue_type_style_index_0_src_true_lang-BIdufaDG.js → control.css_vue_type_style_index_0_src_true_lang-D2hdtjs4.js} +1 -0
  87. package/dist/{createCanvasLifecycle-hJHobVTn.js → createCanvasLifecycle-DS0vEs_G.js} +76 -75
  88. package/dist/dark-mode-toggle.js +1 -1
  89. package/dist/{data-table-DQuWkiwL.js → data-table-lDykVYuo.js} +1 -0
  90. package/dist/data-table.css +1 -0
  91. package/dist/data-table.js +1 -1
  92. package/dist/{deck-Cm_VmyNL.js → deck-Bc-2mEKE.js} +1 -0
  93. package/dist/deck.js +1 -1
  94. package/dist/dialog.js +1 -1
  95. package/dist/dock-trigger.d.ts +1 -0
  96. package/dist/dock-trigger.js +88 -0
  97. package/dist/dock.js +677 -689
  98. package/dist/easing.js +4 -4
  99. package/dist/expandable-container-wS1awXGd.js +135 -0
  100. package/dist/expandable-container.css +1 -0
  101. package/dist/expandable-container.js +1 -1
  102. package/dist/{fading-scroll-ClCPooXb.js → fading-scroll-D3Y20ibL.js} +1 -1
  103. package/dist/fading-scroll.js +1 -1
  104. package/dist/fieldPaint-Ci77oajZ.js +7 -0
  105. package/dist/fourier-field.css +1 -0
  106. package/dist/fourier-field.js +15 -13
  107. package/dist/glSetup-DMaDgrEj.js +577 -0
  108. package/dist/glass-ui.js +66 -65
  109. package/dist/handmark.css +1 -0
  110. package/dist/handmark.js +82 -71
  111. package/dist/index.css +1 -0
  112. package/dist/index.d.ts +1 -1
  113. package/dist/{input-eLZ_AU7l.js → input-BLF2pMHE.js} +1 -1
  114. package/dist/input.js +1 -1
  115. package/dist/{label-CE03H1KL.js → label-ryNPL7e6.js} +1 -0
  116. package/dist/label.css +1 -0
  117. package/dist/label.js +1 -1
  118. package/dist/labeled-field.css +1 -0
  119. package/dist/labeled-field.js +5 -4
  120. package/dist/{menu-DaYAZiVW.js → menu-C_l2Sslf.js} +162 -112
  121. package/dist/menu.js +3 -3
  122. package/dist/metric.js +1 -0
  123. package/dist/motion-core.js +138 -44
  124. package/dist/motion-lHDAQHEE.js +91 -0
  125. package/dist/motion.js +5 -5
  126. package/dist/motionTempo-DXdVbCWr.js +13 -0
  127. package/dist/music-staff.js +1 -0
  128. package/dist/{number-field-RP89046a.js → number-field-BXFUP49Z.js} +3 -2
  129. package/dist/number-field.css +1 -0
  130. package/dist/number-field.js +1 -1
  131. package/dist/pager-dots.css +1 -0
  132. package/dist/pager-dots.js +3 -2
  133. package/dist/participation-C5y5VZTN.js +52 -0
  134. package/dist/{popover-BdpoE4Ar.js → popover-DQUmwuAa.js} +3 -2
  135. package/dist/popover.js +1 -1
  136. package/dist/{progress-eVa-mc7J.js → progress-BUn0Bw7Z.js} +1 -0
  137. package/dist/progress.css +1 -0
  138. package/dist/progress.js +1 -1
  139. package/dist/{radio-group-B58Bz16F.js → radio-group-xdEy2tdi.js} +1 -0
  140. package/dist/radio-group.css +1 -0
  141. package/dist/radio-group.js +1 -1
  142. package/dist/root-scroll-lock-DJFrQhMa.js +22 -0
  143. package/dist/select-Dt5dXm87.js +309 -0
  144. package/dist/select.js +1 -1
  145. package/dist/{separator-D4EZM10u.js → separator-C4y9p_ky.js} +1 -0
  146. package/dist/separator.css +1 -0
  147. package/dist/separator.js +1 -1
  148. package/dist/sheet-DLqNUIZl.js +347 -0
  149. package/dist/sheet-width-DgXgJNa5.js +18 -0
  150. package/dist/sheet.js +2 -2
  151. package/dist/{slider-5uoY-cLG.js → slider-CZiKrWGg.js} +8 -8
  152. package/dist/slider.js +1 -1
  153. package/dist/sortable-list.js +2 -1
  154. package/dist/{status-dot-W4LFiJps.js → status-dot-BDZKcRxy.js} +2 -1
  155. package/dist/status-dot.css +1 -0
  156. package/dist/status-dot.js +1 -1
  157. package/dist/styles/components.css +1 -1
  158. package/dist/styles/glass/glass-capsule.css +1 -1
  159. package/dist/styles/glass/glass-chip.css +1 -1
  160. package/dist/styles/glass/mark.css +1 -1
  161. package/dist/styles/glass/overlay-plate.css +1 -1
  162. package/dist/styles/glass/surface-axis.css +1 -1
  163. package/dist/styles/index.css +1 -1
  164. package/dist/styles/theme/radius.css +1 -1
  165. package/dist/styles/tokens/color-radius.css +1 -1
  166. package/dist/styles/tokens/manifest.d.ts +1 -1
  167. package/dist/styles/tokens/scale-paper.css +1 -1
  168. package/dist/styles/utilities/base-misc.css +1 -1
  169. package/dist/surface.js +1 -1
  170. package/dist/{switch-BYUZ6g9G.js → switch-DLfGYU35.js} +1 -0
  171. package/dist/switch.css +1 -0
  172. package/dist/switch.js +1 -1
  173. package/dist/tabs-NgTRPGZx.js +229 -0
  174. package/dist/tabs.js +1 -1
  175. package/dist/textarea.js +1 -1
  176. package/dist/timeline.css +1 -0
  177. package/dist/timeline.js +4 -3
  178. package/dist/toggle-group-DgXcJGD6.js +129 -0
  179. package/dist/toggle-group.css +1 -0
  180. package/dist/toggle-group.js +1 -1
  181. package/dist/tokens.js +2 -0
  182. package/dist/{tooltip-CZVubnJf.js → tooltip-Do3qCw0r.js} +1 -1
  183. package/dist/tooltip.js +1 -1
  184. package/dist/typewriter.css +1 -0
  185. package/dist/typewriter.js +1 -0
  186. package/dist/uniformBridge-CJyy7NOn.js +150 -0
  187. package/dist/useBarShape-CmP35Z8o.js +24 -0
  188. package/dist/{useCanvas2D-CQRElMyE.js → useCanvas2D-Bhpwua98.js} +1 -1
  189. package/dist/{useDockCtaReceive-BSSgD6mu.js → useDockCtaReceive-Dn_-paqP.js} +1 -1
  190. package/dist/{useDragMorph-B363RUbF.js → useDragMorph-BEI74U0t.js} +51 -40
  191. package/dist/{color.wgsl-BTszLY39.js → useGpuSubstrate-Y5XAdU8d.js} +7 -7
  192. package/dist/{useLiquidPress-h1scrPtP.js → useLiquidPress-D5mjZC6U.js} +2 -2
  193. package/dist/useScrollChrome-DMP6kDI9.js +67 -0
  194. package/dist/useSelectionGroup-DAQv5Lb5.js +186 -0
  195. package/dist/{useSpring-9u2_shxV.js → useSpring-Aof0nTRt.js} +1 -1
  196. package/dist/useSpringMount-jgNkymRl.js +73 -0
  197. package/dist/wgpuSetup-CFuqd_RP.js +1278 -0
  198. package/package.json +8 -1
  199. package/dist/DialogContent-CwIBvou_.js +0 -157
  200. package/dist/DropdownMenuTrigger-CKRnhDSQ.js +0 -93
  201. package/dist/button-BOFTUPyU.js +0 -110
  202. package/dist/composables/motion/morph/eyeglass.d.ts +0 -141
  203. package/dist/expandable-container-CZUj9BzY.js +0 -142
  204. package/dist/glass-ui.css +0 -2
  205. package/dist/motion-BvV1_24p.js +0 -61
  206. package/dist/motionTempo-tscp92Nm.js +0 -7
  207. package/dist/participation-B7UFdgXB.js +0 -55
  208. package/dist/select-BiF0FCZf.js +0 -292
  209. package/dist/sheet-DmJxgAHc.js +0 -345
  210. package/dist/tabs-C5sC0fBE.js +0 -269
  211. package/dist/toggle-group-CC5b3o1R.js +0 -125
  212. package/dist/useScrollChrome-BJbWV32F.js +0 -162
  213. package/dist/useSelectionGroup-zsEwitF6.js +0 -291
  214. package/dist/useSpringMount-OA-0mTNv.js +0 -73
@@ -2,20 +2,43 @@ import { t as e } from "./class-names-FlXcvRRT.js";
2
2
  import { t } from "./primitive-B2t2jdqM.js";
3
3
  import { t as n } from "./selection-DqIULxRG.js";
4
4
  import { t as r } from "./content-BhcJH1bI.js";
5
- import { t as i } from "./participation-B7UFdgXB.js";
6
- import { t as a } from "./shortcuts-DGGWNRNe.js";
7
- import { i as o, n as s, r as c } from "./DropdownMenuTrigger-CKRnhDSQ.js";
8
- import { computed as l, createBlock as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, guardReactiveProps as h, mergeProps as g, normalizeProps as _, openBlock as v, renderSlot as y, resolveDynamicComponent as b, unref as x, useAttrs as S, withCtx as C } from "vue";
9
- import { ContextMenuRoot as w, DropdownMenuRoot as T, injectContextMenuRootContext as E, injectDropdownMenuRootContext as D, useForwardPropsEmits as O } from "reka-ui";
10
- import { Check as k, ChevronRight as A } from "@lucide/vue";
11
- //#endregion
12
- //#region src/components/menu/DropdownMenu.vue
13
- var j = /* @__PURE__ */ m({
5
+ import { t as i } from "./participation-C5y5VZTN.js";
6
+ import { t as a } from "./sheet-width-DgXgJNa5.js";
7
+ import { t as o } from "./shortcuts-DGGWNRNe.js";
8
+ import { i as s, n as c, r as l } from "./DropdownMenuTrigger-uhSXgEfK.js";
9
+ import { computed as u, createBlock as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineComponent as h, guardReactiveProps as g, mergeProps as _, normalizeProps as v, openBlock as y, renderSlot as b, resolveDynamicComponent as x, unref as S, useAttrs as C, withCtx as w } from "vue";
10
+ import { ContextMenuCheckboxItem as T, ContextMenuContent as E, ContextMenuGroup as D, ContextMenuItem as O, ContextMenuItemIndicator as ee, ContextMenuLabel as k, ContextMenuPortal as A, ContextMenuRadioGroup as j, ContextMenuRadioItem as M, ContextMenuRoot as N, ContextMenuSeparator as P, ContextMenuSub as F, ContextMenuSubContent as I, ContextMenuSubTrigger as L, ContextMenuTrigger as R, DropdownMenuCheckboxItem as z, DropdownMenuContent as B, DropdownMenuGroup as V, DropdownMenuItem as H, DropdownMenuItemIndicator as U, DropdownMenuLabel as W, DropdownMenuPortal as G, DropdownMenuRadioGroup as K, DropdownMenuRadioItem as q, DropdownMenuRoot as J, DropdownMenuSeparator as Y, DropdownMenuSub as X, DropdownMenuSubContent as Z, DropdownMenuSubTrigger as Q, DropdownMenuTrigger as te, injectContextMenuRootContext as ne, injectDropdownMenuRootContext as re, useForwardPropsEmits as ie } from "reka-ui";
11
+ import { Check as ae, ChevronRight as oe } from "@lucide/vue";
12
+ //#region src/components/menu/family-click.ts
13
+ var se = {
14
+ trigger: "click",
15
+ parts: {
16
+ Trigger: te,
17
+ Portal: G,
18
+ Content: B,
19
+ Item: H,
20
+ CheckboxItem: z,
21
+ RadioItem: q,
22
+ RadioGroup: K,
23
+ Group: V,
24
+ Separator: Y,
25
+ Label: W,
26
+ Sub: X,
27
+ SubTrigger: Q,
28
+ SubContent: Z,
29
+ ItemIndicator: U
30
+ },
31
+ injectRoot: () => re(null)
32
+ }, ce = /* @__PURE__ */ h({
14
33
  name: "DropdownMenu",
15
34
  inheritAttrs: !1,
16
35
  __name: "DropdownMenu",
17
36
  props: {
18
- trigger: { default: "click" },
37
+ dir: {},
38
+ modal: {
39
+ type: Boolean,
40
+ default: !1
41
+ },
19
42
  open: {
20
43
  type: Boolean,
21
44
  default: void 0
@@ -23,40 +46,21 @@ var j = /* @__PURE__ */ m({
23
46
  defaultOpen: {
24
47
  type: Boolean,
25
48
  default: void 0
26
- },
27
- dir: {},
28
- modal: {
29
- type: Boolean,
30
- default: !0
31
49
  }
32
50
  },
33
51
  emits: ["update:open"],
34
52
  setup(e, { emit: t }) {
35
- let n = e, r = t, i = l(() => {
36
- if (n.trigger === "context" && (n.open !== void 0 || n.defaultOpen !== void 0)) throw TypeError("[glass-ui] Context menus open from an invocation anchor, not open/defaultOpen props.");
37
- return n.trigger;
38
- });
39
- return s(i), (t, n) => i.value === "context" ? (v(), u(x(w), {
40
- key: 0,
41
- "data-slot": "menu",
42
- "data-menu-trigger": "context",
43
- dir: e.dir,
44
- modal: e.modal,
45
- "onUpdate:open": n[0] ||= (e) => r("update:open", e)
46
- }, {
47
- default: C(() => [y(t.$slots, "default")]),
48
- _: 3
49
- }, 8, ["dir", "modal"])) : (v(), u(x(T), {
50
- key: 1,
53
+ let n = t;
54
+ return c(se), (t, r) => (y(), d(S(J), {
51
55
  "data-slot": "menu",
52
56
  "data-menu-trigger": "click",
53
57
  open: e.open,
54
58
  "default-open": e.defaultOpen ?? !1,
55
59
  dir: e.dir,
56
60
  modal: e.modal,
57
- "onUpdate:open": n[1] ||= (e) => r("update:open", e)
61
+ "onUpdate:open": r[0] ||= (e) => n("update:open", e)
58
62
  }, {
59
- default: C(() => [y(t.$slots, "default")]),
63
+ default: w(() => [b(t.$slots, "default")]),
60
64
  _: 3
61
65
  }, 8, [
62
66
  "open",
@@ -65,7 +69,51 @@ var j = /* @__PURE__ */ m({
65
69
  "modal"
66
70
  ]));
67
71
  }
68
- }), M = /* @__PURE__ */ m({
72
+ }), le = {
73
+ trigger: "context",
74
+ parts: {
75
+ Trigger: R,
76
+ Portal: A,
77
+ Content: E,
78
+ Item: O,
79
+ CheckboxItem: T,
80
+ RadioItem: M,
81
+ RadioGroup: j,
82
+ Group: D,
83
+ Separator: P,
84
+ Label: k,
85
+ Sub: F,
86
+ SubTrigger: L,
87
+ SubContent: I,
88
+ ItemIndicator: ee
89
+ },
90
+ injectRoot: () => ne(null)
91
+ }, ue = /* @__PURE__ */ h({
92
+ name: "ContextMenu",
93
+ inheritAttrs: !1,
94
+ __name: "ContextMenu",
95
+ props: {
96
+ dir: {},
97
+ modal: {
98
+ type: Boolean,
99
+ default: !1
100
+ }
101
+ },
102
+ emits: ["update:open"],
103
+ setup(e, { emit: t }) {
104
+ let n = t;
105
+ return c(le), (t, r) => (y(), d(S(N), {
106
+ "data-slot": "menu",
107
+ "data-menu-trigger": "context",
108
+ dir: e.dir,
109
+ modal: e.modal,
110
+ "onUpdate:open": r[0] ||= (e) => n("update:open", e)
111
+ }, {
112
+ default: w(() => [b(t.$slots, "default")]),
113
+ _: 3
114
+ }, 8, ["dir", "modal"]));
115
+ }
116
+ }), de = /* @__PURE__ */ h({
69
117
  name: "DropdownMenuContent",
70
118
  inheritAttrs: !1,
71
119
  __name: "DropdownMenuContent",
@@ -90,48 +138,50 @@ var j = /* @__PURE__ */ m({
90
138
  "closeAutoFocus"
91
139
  ],
92
140
  setup(e, { emit: t }) {
93
- let n = e, s = t, d = S(), f = l(() => {
94
- let { loop: e, ...t } = d;
141
+ let n = e, s = t, c = C(), f = u(() => {
142
+ let { loop: e, ...t } = c;
95
143
  return t;
96
- }), p = o(), m = c("Content"), h = c("Portal"), _ = l(() => p.value === "context" ? {
144
+ }), p = l(), m = p.parts.Content, h = p.parts.Portal, g = u(() => p.trigger === "context" ? {
97
145
  alignOffset: n.alignOffset,
98
- avoidCollisions: !0
146
+ avoidCollisions: !0,
147
+ collisionPadding: 16
99
148
  } : {
100
149
  side: n.side,
101
150
  sideOffset: n.sideOffset,
102
151
  align: n.align,
103
152
  alignOffset: n.alignOffset,
104
- avoidCollisions: !0
105
- }), w = D(null), T = E(null), O = l(() => p.value === "context" ? T : w);
106
- a(() => (O.value?.open.value ?? !1) && (O.value?.modal.value ?? !1));
107
- let k = i({ close: () => {
108
- let e = O.value;
109
- e?.open.value && e.onOpenChange(!1);
110
- } }), A = l(() => r({
153
+ avoidCollisions: !0,
154
+ collisionPadding: 16
155
+ }), v = p.injectRoot();
156
+ o(() => (v?.open.value ?? !1) && (v?.modal.value ?? !1));
157
+ let T = i({ close: () => {
158
+ v?.open.value && v.onOpenChange(!1);
159
+ } }), E = a(() => v?.open.value ?? !1), D = u(() => E.value && "data-glass-dock-portal" in T.portalAttrs.value), O = u(() => r({
111
160
  role: "menu",
112
161
  slot: "menu-content",
113
- dock: k.portalAttrs.value,
162
+ dock: T.portalAttrs.value,
114
163
  class: n.class
115
164
  }));
116
- return (e, t) => (v(), u(b(x(h)), null, {
117
- default: C(() => [(v(), u(b(x(m)), g({
118
- ..._.value,
165
+ return (e, t) => (y(), d(x(S(h)), null, {
166
+ default: w(() => [(y(), d(x(S(m)), _({
167
+ ...g.value,
119
168
  ...f.value,
120
- ...A.value
169
+ ...O.value
121
170
  }, {
171
+ "data-surface": D.value ? "opaque" : void 0,
122
172
  onEscapeKeyDown: t[0] ||= (e) => s("escapeKeyDown", e),
123
173
  onPointerDownOutside: t[1] ||= (e) => s("pointerDownOutside", e),
124
174
  onFocusOutside: t[2] ||= (e) => s("focusOutside", e),
125
175
  onInteractOutside: t[3] ||= (e) => s("interactOutside", e),
126
176
  onCloseAutoFocus: t[4] ||= (e) => s("closeAutoFocus", e)
127
177
  }), {
128
- default: C(() => [y(e.$slots, "default")]),
178
+ default: w(() => [b(e.$slots, "default")]),
129
179
  _: 3
130
- }, 16))]),
180
+ }, 16, ["data-surface"]))]),
131
181
  _: 3
132
182
  }));
133
183
  }
134
- }), N = /* @__PURE__ */ m({
184
+ }), fe = /* @__PURE__ */ h({
135
185
  name: "DropdownMenuGroup",
136
186
  inheritAttrs: !1,
137
187
  __name: "DropdownMenuGroup",
@@ -143,17 +193,17 @@ var j = /* @__PURE__ */ m({
143
193
  Array
144
194
  ] } },
145
195
  setup(n) {
146
- let r = n, i = S(), a = l(() => t(i)), o = c("Group");
147
- return (t, n) => (v(), u(b(x(o)), g(a.value, {
196
+ let r = n, i = C(), a = u(() => t(i)), o = s("Group");
197
+ return (t, n) => (y(), d(x(S(o)), _(a.value, {
148
198
  as: "div",
149
199
  "data-slot": "menu-group",
150
- class: x(e)(r.class)
200
+ class: S(e)(r.class)
151
201
  }), {
152
- default: C(() => [y(t.$slots, "default")]),
202
+ default: w(() => [b(t.$slots, "default")]),
153
203
  _: 3
154
204
  }, 16, ["class"]));
155
205
  }
156
- }), P = /* @__PURE__ */ m({
206
+ }), pe = /* @__PURE__ */ h({
157
207
  name: "DropdownMenuRadioGroup",
158
208
  inheritAttrs: !1,
159
209
  __name: "DropdownMenuRadioGroup",
@@ -169,23 +219,23 @@ var j = /* @__PURE__ */ m({
169
219
  },
170
220
  emits: ["update:modelValue"],
171
221
  setup(r, { emit: i }) {
172
- let a = r, o = i, s = S(), d = l(() => t(s)), f = c("RadioGroup");
222
+ let a = r, o = i, c = C(), l = u(() => t(c)), f = s("RadioGroup");
173
223
  function p(e) {
174
224
  if (!n(e)) throw TypeError("[glass-ui] DropdownMenuRadioGroup received a non-scalar value.");
175
225
  o("update:modelValue", e);
176
226
  }
177
- return (t, n) => (v(), u(b(x(f)), g(d.value, {
227
+ return (t, n) => (y(), d(x(S(f)), _(l.value, {
178
228
  as: "div",
179
229
  "model-value": r.modelValue,
180
230
  "data-slot": "menu-radio-group",
181
- class: x(e)(a.class),
231
+ class: S(e)(a.class),
182
232
  "onUpdate:modelValue": p
183
233
  }), {
184
- default: C(() => [y(t.$slots, "default")]),
234
+ default: w(() => [b(t.$slots, "default")]),
185
235
  _: 3
186
236
  }, 16, ["model-value", "class"]));
187
237
  }
188
- }), F = /* @__PURE__ */ m({
238
+ }), $ = /* @__PURE__ */ h({
189
239
  name: "DropdownMenuItem",
190
240
  inheritAttrs: !1,
191
241
  __name: "DropdownMenuItem",
@@ -209,17 +259,17 @@ var j = /* @__PURE__ */ m({
209
259
  },
210
260
  emits: ["select"],
211
261
  setup(n, { emit: r }) {
212
- let i = n, a = r, o = S(), s = l(() => t(o)), d = c("Item");
213
- return (t, r) => (v(), u(b(x(d)), g(s.value, {
262
+ let i = n, a = r, o = C(), c = u(() => t(o)), l = s("Item");
263
+ return (t, r) => (y(), d(x(S(l)), _(c.value, {
214
264
  as: "div",
215
265
  disabled: n.disabled,
216
266
  "text-value": n.textValue,
217
267
  "data-slot": "menu-item",
218
268
  "data-inset": n.inset ? "" : void 0,
219
- class: x(e)("menu__item interactive-item glass-menu-row", i.class),
269
+ class: S(e)("menu__item interactive-item glass-menu-row", i.class),
220
270
  onSelect: r[0] ||= (e) => a("select", e)
221
271
  }), {
222
- default: C(() => [y(t.$slots, "default")]),
272
+ default: w(() => [b(t.$slots, "default")]),
223
273
  _: 3
224
274
  }, 16, [
225
275
  "disabled",
@@ -228,7 +278,7 @@ var j = /* @__PURE__ */ m({
228
278
  "class"
229
279
  ]));
230
280
  }
231
- }), I = { class: "menu__indicator" }, L = /* @__PURE__ */ m({
281
+ }), me = { class: "menu__indicator" }, he = /* @__PURE__ */ h({
232
282
  name: "DropdownMenuCheckboxItem",
233
283
  inheritAttrs: !1,
234
284
  __name: "DropdownMenuCheckboxItem",
@@ -252,22 +302,22 @@ var j = /* @__PURE__ */ m({
252
302
  },
253
303
  emits: ["select", "update:modelValue"],
254
304
  setup(n, { emit: r }) {
255
- let i = n, a = r, o = S(), s = l(() => t(o)), d = c("CheckboxItem"), m = c("ItemIndicator");
256
- return (t, r) => (v(), u(b(x(d)), g(s.value, {
305
+ let i = n, a = r, o = C(), c = u(() => t(o)), l = s("CheckboxItem"), f = s("ItemIndicator");
306
+ return (t, r) => (y(), d(x(S(l)), _(c.value, {
257
307
  as: "div",
258
308
  "model-value": n.modelValue,
259
309
  disabled: n.disabled,
260
310
  "text-value": n.textValue,
261
311
  "data-slot": "menu-checkbox-item",
262
312
  "data-indicator": "wide",
263
- class: x(e)("menu__item interactive-item glass-menu-row", i.class),
313
+ class: S(e)("menu__item interactive-item glass-menu-row", i.class),
264
314
  onSelect: r[0] ||= (e) => a("select", e),
265
315
  "onUpdate:modelValue": r[1] ||= (e) => a("update:modelValue", e)
266
316
  }), {
267
- default: C(() => [f("span", I, [(v(), u(b(x(m)), null, {
268
- default: C(() => [p(x(k), { "aria-hidden": "true" })]),
317
+ default: w(() => [p("span", me, [(y(), d(x(S(f)), null, {
318
+ default: w(() => [m(S(ae), { "aria-hidden": "true" })]),
269
319
  _: 1
270
- }))]), y(t.$slots, "default")]),
320
+ }))]), b(t.$slots, "default")]),
271
321
  _: 3
272
322
  }, 16, [
273
323
  "model-value",
@@ -276,7 +326,7 @@ var j = /* @__PURE__ */ m({
276
326
  "class"
277
327
  ]));
278
328
  }
279
- }), R = { class: "menu__indicator" }, z = /* @__PURE__ */ m({
329
+ }), ge = { class: "menu__indicator" }, _e = /* @__PURE__ */ h({
280
330
  name: "DropdownMenuRadioItem",
281
331
  inheritAttrs: !1,
282
332
  __name: "DropdownMenuRadioItem",
@@ -297,21 +347,21 @@ var j = /* @__PURE__ */ m({
297
347
  },
298
348
  emits: ["select"],
299
349
  setup(n, { emit: r }) {
300
- let i = n, a = r, o = S(), s = l(() => t(o)), d = c("RadioItem"), p = c("ItemIndicator");
301
- return (t, r) => (v(), u(b(x(d)), g(s.value, {
350
+ let i = n, a = r, o = C(), c = u(() => t(o)), l = s("RadioItem"), f = s("ItemIndicator");
351
+ return (t, r) => (y(), d(x(S(l)), _(c.value, {
302
352
  as: "div",
303
353
  value: n.value,
304
354
  disabled: n.disabled,
305
355
  "text-value": n.textValue,
306
356
  "data-slot": "menu-radio-item",
307
357
  "data-indicator": "start",
308
- class: x(e)("menu__item interactive-item glass-menu-row", i.class),
358
+ class: S(e)("menu__item interactive-item glass-menu-row", i.class),
309
359
  onSelect: r[0] ||= (e) => a("select", e)
310
360
  }), {
311
- default: C(() => [f("span", R, [(v(), u(b(x(p)), null, {
312
- default: C(() => [...r[1] ||= [f("span", { class: "menu__radio-dot" }, null, -1)]]),
361
+ default: w(() => [p("span", ge, [(y(), d(x(S(f)), null, {
362
+ default: w(() => [...r[1] ||= [p("span", { class: "menu__radio-dot" }, null, -1)]]),
313
363
  _: 1
314
- }))]), y(t.$slots, "default")]),
364
+ }))]), b(t.$slots, "default")]),
315
365
  _: 3
316
366
  }, 16, [
317
367
  "value",
@@ -320,7 +370,7 @@ var j = /* @__PURE__ */ m({
320
370
  "class"
321
371
  ]));
322
372
  }
323
- }), B = /* @__PURE__ */ m({
373
+ }), ve = /* @__PURE__ */ h({
324
374
  name: "DropdownMenuShortcut",
325
375
  inheritAttrs: !1,
326
376
  __name: "DropdownMenuShortcut",
@@ -332,13 +382,13 @@ var j = /* @__PURE__ */ m({
332
382
  Array
333
383
  ] } },
334
384
  setup(n) {
335
- let r = n, i = S(), a = l(() => t(i));
336
- return (t, n) => (v(), d("span", g(a.value, {
385
+ let r = n, i = C(), a = u(() => t(i));
386
+ return (t, n) => (y(), f("span", _(a.value, {
337
387
  "data-slot": "menu-shortcut",
338
- class: x(e)("menu__shortcut", r.class)
339
- }), [y(t.$slots, "default")], 16));
388
+ class: S(e)("menu__shortcut", r.class)
389
+ }), [b(t.$slots, "default")], 16));
340
390
  }
341
- }), V = /* @__PURE__ */ m({
391
+ }), ye = /* @__PURE__ */ h({
342
392
  name: "DropdownMenuSeparator",
343
393
  inheritAttrs: !1,
344
394
  __name: "DropdownMenuSeparator",
@@ -350,14 +400,14 @@ var j = /* @__PURE__ */ m({
350
400
  Array
351
401
  ] } },
352
402
  setup(n) {
353
- let r = n, i = S(), a = l(() => t(i)), o = c("Separator");
354
- return (t, n) => (v(), u(b(x(o)), g(a.value, {
403
+ let r = n, i = C(), a = u(() => t(i)), o = s("Separator");
404
+ return (t, n) => (y(), d(x(S(o)), _(a.value, {
355
405
  as: "div",
356
406
  "data-slot": "menu-separator",
357
- class: x(e)("glass-menu-divider -mx-1 my-1", r.class)
407
+ class: S(e)("glass-menu-divider -mx-1 my-1", r.class)
358
408
  }), null, 16, ["class"]));
359
409
  }
360
- }), H = /* @__PURE__ */ m({
410
+ }), be = /* @__PURE__ */ h({
361
411
  name: "DropdownMenuLabel",
362
412
  inheritAttrs: !1,
363
413
  __name: "DropdownMenuLabel",
@@ -375,18 +425,18 @@ var j = /* @__PURE__ */ m({
375
425
  ] }
376
426
  },
377
427
  setup(n) {
378
- let r = n, i = S(), a = l(() => t(i)), o = c("Label");
379
- return (t, i) => (v(), u(b(x(o)), g(a.value, {
428
+ let r = n, i = C(), a = u(() => t(i)), o = s("Label");
429
+ return (t, i) => (y(), d(x(S(o)), _(a.value, {
380
430
  as: "div",
381
431
  "data-slot": "menu-label",
382
432
  "data-inset": n.inset ? "" : void 0,
383
- class: x(e)("menu__label", r.class)
433
+ class: S(e)("menu__label", r.class)
384
434
  }), {
385
- default: C(() => [y(t.$slots, "default")]),
435
+ default: w(() => [b(t.$slots, "default")]),
386
436
  _: 3
387
437
  }, 16, ["data-inset", "class"]));
388
438
  }
389
- }), U = /* @__PURE__ */ m({
439
+ }), xe = /* @__PURE__ */ h({
390
440
  name: "DropdownMenuSub",
391
441
  inheritAttrs: !1,
392
442
  __name: "DropdownMenuSub",
@@ -402,13 +452,13 @@ var j = /* @__PURE__ */ m({
402
452
  },
403
453
  emits: ["update:open"],
404
454
  setup(e, { emit: t }) {
405
- let n = e, r = t, i = c("Sub"), a = O(n, r);
406
- return (e, t) => (v(), u(b(x(i)), _(h(x(a))), {
407
- default: C(() => [y(e.$slots, "default")]),
455
+ let n = e, r = t, i = s("Sub"), a = ie(n, r);
456
+ return (e, t) => (y(), d(x(S(i)), v(g(S(a))), {
457
+ default: w(() => [b(e.$slots, "default")]),
408
458
  _: 3
409
459
  }, 16));
410
460
  }
411
- }), W = /* @__PURE__ */ m({
461
+ }), Se = /* @__PURE__ */ h({
412
462
  name: "DropdownMenuSubTrigger",
413
463
  inheritAttrs: !1,
414
464
  __name: "DropdownMenuSubTrigger",
@@ -427,15 +477,15 @@ var j = /* @__PURE__ */ m({
427
477
  ] }
428
478
  },
429
479
  setup(n) {
430
- let r = n, i = S(), a = l(() => t(i)), o = c("SubTrigger");
431
- return (t, i) => (v(), u(b(x(o)), g(a.value, {
480
+ let r = n, i = C(), a = u(() => t(i)), o = s("SubTrigger");
481
+ return (t, i) => (y(), d(x(S(o)), _(a.value, {
432
482
  as: "div",
433
483
  disabled: n.disabled,
434
484
  "text-value": n.textValue,
435
485
  "data-slot": "menu-sub-trigger",
436
- class: x(e)("menu__sub-trigger interactive-item glass-menu-row", r.class)
486
+ class: S(e)("menu__sub-trigger interactive-item glass-menu-row", r.class)
437
487
  }), {
438
- default: C(() => [y(t.$slots, "default"), p(x(A), {
488
+ default: w(() => [b(t.$slots, "default"), m(S(oe), {
439
489
  class: "menu__sub-chevron",
440
490
  "aria-hidden": "true"
441
491
  })]),
@@ -446,7 +496,7 @@ var j = /* @__PURE__ */ m({
446
496
  "class"
447
497
  ]));
448
498
  }
449
- }), G = /* @__PURE__ */ m({
499
+ }), Ce = /* @__PURE__ */ h({
450
500
  name: "DropdownMenuSubContent",
451
501
  inheritAttrs: !1,
452
502
  __name: "DropdownMenuSubContent",
@@ -471,18 +521,18 @@ var j = /* @__PURE__ */ m({
471
521
  "closeAutoFocus"
472
522
  ],
473
523
  setup(e, { emit: t }) {
474
- let n = e, a = t, o = S(), s = l(() => {
524
+ let n = e, a = t, o = C(), c = u(() => {
475
525
  let { side: e, align: t, loop: n, ...r } = o;
476
526
  return r;
477
- }), d = c("SubContent"), f = c("Portal"), p = i(), m = l(() => r({
527
+ }), l = s("SubContent"), f = s("Portal"), p = i(), m = u(() => r({
478
528
  role: "menu",
479
529
  slot: "menu-sub-content",
480
530
  dock: p.portalAttrs.value,
481
531
  class: n.class
482
532
  }));
483
- return (t, n) => (v(), u(b(x(f)), null, {
484
- default: C(() => [(v(), u(b(x(d)), g({
485
- ...s.value,
533
+ return (t, n) => (y(), d(x(S(f)), null, {
534
+ default: w(() => [(y(), d(x(S(l)), _({
535
+ ...c.value,
486
536
  ...m.value
487
537
  }, {
488
538
  "side-offset": e.sideOffset,
@@ -496,7 +546,7 @@ var j = /* @__PURE__ */ m({
496
546
  onCloseAutoFocus: n[5] ||= (e) => a("closeAutoFocus", e),
497
547
  onEntryFocus: n[6] ||= (e) => a("entryFocus", e)
498
548
  }), {
499
- default: C(() => [y(t.$slots, "default")]),
549
+ default: w(() => [b(t.$slots, "default")]),
500
550
  _: 3
501
551
  }, 16, ["side-offset", "align-offset"]))]),
502
552
  _: 3
@@ -504,4 +554,4 @@ var j = /* @__PURE__ */ m({
504
554
  }
505
555
  });
506
556
  //#endregion
507
- export { V as a, L as c, N as d, M as f, H as i, F as l, W as n, B as o, j as p, U as r, z as s, G as t, P as u };
557
+ export { ye as a, he as c, fe as d, de as f, be as i, $ as l, ce as m, Se as n, ve as o, ue as p, xe as r, _e as s, Ce as t, pe as u };
package/dist/menu.js CHANGED
@@ -1,3 +1,3 @@
1
- import { t as e } from "./DropdownMenuTrigger-CKRnhDSQ.js";
2
- import { a as t, c as n, d as r, f as i, i as a, l as o, n as s, o as c, p as l, r as u, s as d, t as f, u as p } from "./menu-DaYAZiVW.js";
3
- export { l as DropdownMenu, n as DropdownMenuCheckboxItem, i as DropdownMenuContent, r as DropdownMenuGroup, o as DropdownMenuItem, a as DropdownMenuLabel, p as DropdownMenuRadioGroup, d as DropdownMenuRadioItem, t as DropdownMenuSeparator, c as DropdownMenuShortcut, u as DropdownMenuSub, f as DropdownMenuSubContent, s as DropdownMenuSubTrigger, e as DropdownMenuTrigger };
1
+ import { t as e } from "./DropdownMenuTrigger-uhSXgEfK.js";
2
+ import { a as t, c as n, d as r, f as i, i as a, l as o, m as s, n as c, o as l, p as u, r as d, s as f, t as p, u as m } from "./menu-C_l2Sslf.js";
3
+ export { u as ContextMenu, s as DropdownMenu, n as DropdownMenuCheckboxItem, i as DropdownMenuContent, r as DropdownMenuGroup, o as DropdownMenuItem, a as DropdownMenuLabel, m as DropdownMenuRadioGroup, f as DropdownMenuRadioItem, t as DropdownMenuSeparator, l as DropdownMenuShortcut, d as DropdownMenuSub, p as DropdownMenuSubContent, c as DropdownMenuSubTrigger, e as DropdownMenuTrigger };
package/dist/metric.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import { t as e } from "./class-names-FlXcvRRT.js";
2
2
  import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderSlot as u, toDisplayString as d, unref as f } from "vue";
3
+ import "./components/metric/styles.css";
3
4
  //#region src/components/metric/coalesce-metric.ts
4
5
  function p(e, t = "—", n = !1) {
5
6
  let r = typeof t == "string" ? {