@mkbabb/glass-ui 3.8.0 → 3.10.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 (228) hide show
  1. package/README.md +1 -6
  2. package/dist/{CardAction-q2qHCJFG.js → CardAction-DuArVky-.js} +4 -4
  3. package/dist/{CommandShortcut-SzWRhROC.js → CommandShortcut-CefCj5mt.js} +7 -7
  4. package/dist/{ContextMenuSubContent-Do977Cbf.js → ContextMenuSubContent-Bhg4f5jX.js} +3 -3
  5. package/dist/{DataTable-CvlWXz65.js → DataTable-CUHMukiQ.js} +1 -1
  6. package/dist/{DialogContent-DjZWT3lK.js → DialogContent-BRkT1cjP.js} +1 -1
  7. package/dist/{MetricBadge-lTc002u2.js → MetricBadge-BZVWIxNy.js} +6 -4
  8. package/dist/{Notification-BxK8LZMw.js → Notification-DLMhblXR.js} +2 -2
  9. package/dist/{NumberFieldContent-CLNVR1iY.js → NumberFieldContent-BbLOh8RU.js} +2 -2
  10. package/dist/{SelectScrollDownButton-C7TRe-ep.js → SelectScrollDownButton-T32cVFeM.js} +3 -3
  11. package/dist/{SelectSeparator-L8pPEn4L.js → SelectSeparator-C4Ql0gzV.js} +1 -1
  12. package/dist/{Switch-LDKLmmgx.js → Switch-Ch-k3Rv-.js} +1 -1
  13. package/dist/{TabsList-qyHZ2lKY.js → TabsList-B8CVOQPC.js} +2 -2
  14. package/dist/{Toaster-CabYEEF_.js → Toaster-1rYWrmAm.js} +1 -1
  15. package/dist/{ToggleGroupItem-CkXUcBlt.js → ToggleGroupItem-Cev4pOVK.js} +4 -4
  16. package/dist/animated-digit.js +1 -1
  17. package/dist/api/index.d.ts +2 -1
  18. package/dist/api.js +1 -1
  19. package/dist/aurora.js +236 -545
  20. package/dist/{badge-DHQrc_GQ.js → badge-CaoFJzRb.js} +5 -5
  21. package/dist/badge.js +1 -1
  22. package/dist/{button-CAywcrhO.js → button-DN39cGqL.js} +13 -12
  23. package/dist/button.js +1 -1
  24. package/dist/card.js +1 -1
  25. package/dist/carousel.js +1 -1
  26. package/dist/color.js +1 -1
  27. package/dist/command.js +1 -1
  28. package/dist/{compile-BBTRjvQS.js → compile-BOXjLUxu.js} +24 -24
  29. package/dist/components/custom/aurora/composables/atoms.d.ts +21 -4
  30. package/dist/components/custom/aurora/composables/runtime.d.ts +0 -9
  31. package/dist/components/custom/aurora/composables/uniformBridge.d.ts +0 -11
  32. package/dist/components/custom/aurora/constants/renderMode.d.ts +0 -32
  33. package/dist/components/custom/aurora/constants/shaders/brush.glsl.d.ts +1 -1
  34. package/dist/components/custom/aurora/constants/shaders/mediums.glsl.d.ts +2 -2
  35. package/dist/components/custom/aurora/constants/shaders/tonemap.glsl.d.ts +1 -1
  36. package/dist/components/custom/aurora/index.d.ts +1 -1
  37. package/dist/components/custom/configurator/ConfiguratorLayer.vue.d.ts +1 -1
  38. package/dist/components/custom/constellation/Constellation.vue.d.ts +73 -1
  39. package/dist/components/custom/constellation/constellationField.d.ts +255 -3
  40. package/dist/components/custom/constellation/index.d.ts +2 -2
  41. package/dist/components/custom/dock/DockSeparator.vue.d.ts +3 -0
  42. package/dist/components/custom/dock/DockTabButton.vue.d.ts +4 -3
  43. package/dist/components/custom/dock/GlassDock.vue.d.ts +45 -63
  44. package/dist/components/custom/dock/composables/dockContext.d.ts +7 -0
  45. package/dist/components/custom/dock/index.d.ts +2 -1
  46. package/dist/components/custom/expandable-container/ExpandableContainer.vue.d.ts +29 -0
  47. package/dist/components/custom/fourier-field/FourierField.vue.d.ts +6 -0
  48. package/dist/components/custom/fourier-field/index.d.ts +25 -1
  49. package/dist/components/custom/fourier-field/math.d.ts +3 -8
  50. package/dist/components/custom/goo-blob/GooBlob.vue.d.ts +8 -10
  51. package/dist/components/custom/goo-blob/composables/useBlobMood.d.ts +19 -5
  52. package/dist/components/custom/goo-blob/composables/useMetaballRenderer.d.ts +6 -14
  53. package/dist/components/custom/goo-blob/index.d.ts +1 -1
  54. package/dist/components/custom/goo-blob/types.d.ts +59 -25
  55. package/dist/components/custom/handmark/HandMark.vue.d.ts +29 -0
  56. package/dist/components/custom/handmark/brush.d.ts +219 -0
  57. package/dist/components/custom/handmark/freehand.d.ts +69 -0
  58. package/dist/components/custom/handmark/geometry.d.ts +32 -0
  59. package/dist/components/custom/handmark/index.d.ts +21 -0
  60. package/dist/components/custom/handmark/ink.d.ts +11 -0
  61. package/dist/components/custom/handmark/texture.d.ts +39 -0
  62. package/dist/components/custom/handmark/types.d.ts +53 -0
  63. package/dist/components/custom/handmark/useHandMark.d.ts +66 -0
  64. package/dist/components/custom/metric-badge/MetricBadge.vue.d.ts +8 -0
  65. package/dist/components/custom/tabs/SegmentedTabs.vue.d.ts +92 -0
  66. package/dist/components/custom/tabs/composables/useTabIndicator.d.ts +49 -0
  67. package/dist/components/custom/tabs/index.d.ts +2 -5
  68. package/dist/components/ui/button/index.d.ts +1 -1
  69. package/dist/components/ui/card/Card.vue.d.ts +5 -3
  70. package/dist/components/ui/carousel/CarouselNext.vue.d.ts +1 -1
  71. package/dist/components/ui/carousel/CarouselPrevious.vue.d.ts +1 -1
  72. package/dist/components/ui/carousel/GlassCarouselPager.vue.d.ts +3 -4
  73. package/dist/components/ui/slider/index.d.ts +22 -11
  74. package/dist/components/ui/tabs/TabsList.vue.d.ts +1 -1
  75. package/dist/composables/color/index.d.ts +12 -7
  76. package/dist/composables/context/createContext.d.ts +1 -1
  77. package/dist/composables/glass/webgl/shaders/procedural-color.glsl.d.ts +1 -6
  78. package/dist/composables/motion/core/index.d.ts +1 -0
  79. package/dist/composables/motion/useRouteTransition.d.ts +42 -0
  80. package/dist/configurator.js +1 -1
  81. package/dist/confirm-dialog.js +1 -1
  82. package/dist/constellation.js +212 -72
  83. package/dist/context-menu.js +1 -1
  84. package/dist/controls.js +1 -1
  85. package/dist/dark.js +1 -1
  86. package/dist/data-table.js +1 -1
  87. package/dist/deck-progress.js +1 -1
  88. package/dist/dialog.js +1 -1
  89. package/dist/dock.js +257 -243
  90. package/dist/{dropdown-menu-B_4bWyyG.js → dropdown-menu-D77jX6Df.js} +3 -3
  91. package/dist/dropdown-menu.js +1 -1
  92. package/dist/expandable-container.js +61 -38
  93. package/dist/forms.js +5 -5
  94. package/dist/fourier-field.js +89 -97
  95. package/dist/fourier-math.d.ts +1 -0
  96. package/dist/fourier-math.js +2 -0
  97. package/dist/glass-panel.js +1 -1
  98. package/dist/glass-ui.css +1 -1
  99. package/dist/glass-ui.js +107 -109
  100. package/dist/goo-blob.js +316 -297
  101. package/dist/handmark.d.ts +1 -0
  102. package/dist/handmark.js +609 -0
  103. package/dist/hover-popover.js +1 -1
  104. package/dist/icon-tooltip.js +1 -1
  105. package/dist/index.d.ts +1 -2
  106. package/dist/keyboard.js +1 -1
  107. package/dist/labeled-field.js +5 -5
  108. package/dist/math-DTpRVC0e.js +27 -0
  109. package/dist/{menuItemVariants-DKM85SNE.js → menuItemVariants-CCoBNkU5.js} +1 -1
  110. package/dist/metric-badge.js +1 -1
  111. package/dist/metric-stack.js +1 -1
  112. package/dist/motion-core.js +70 -69
  113. package/dist/motion.js +2 -2
  114. package/dist/notification.js +1 -1
  115. package/dist/number-field.js +1 -1
  116. package/dist/pulse.js +1 -1
  117. package/dist/reactive.js +1 -1
  118. package/dist/scrolling-text.js +1 -1
  119. package/dist/search.js +4 -4
  120. package/dist/select.js +2 -2
  121. package/dist/{slider-D9puf-Ko.js → slider-CyzcxBoh.js} +6 -6
  122. package/dist/slider.js +1 -1
  123. package/dist/sortable-list.js +1 -1
  124. package/dist/status-dot.js +17 -16
  125. package/dist/styles/animations.css +80 -20
  126. package/dist/styles/cards.css +2 -2
  127. package/dist/styles/components.css +1 -1
  128. package/dist/styles/dock/density.css +230 -0
  129. package/dist/styles/dock/layer-group.css +275 -0
  130. package/dist/styles/dock/layers.css +355 -0
  131. package/dist/styles/dock/morph.css +244 -0
  132. package/dist/styles/dock/overflow.css +201 -0
  133. package/dist/styles/dock/shell.css +457 -0
  134. package/dist/styles/dock-controls.css +205 -55
  135. package/dist/styles/dock.css +42 -1349
  136. package/dist/styles/drawer.css +12 -4
  137. package/dist/styles/glass.css +535 -78
  138. package/dist/styles/index.css +12 -11
  139. package/dist/styles/paper.css +68 -2
  140. package/dist/styles/theme.css +58 -0
  141. package/dist/styles/tokens.css +601 -69
  142. package/dist/styles/transitions.css +20 -2
  143. package/dist/styles/utilities.css +218 -78
  144. package/dist/styles/view-transition.css +51 -0
  145. package/dist/switch.js +1 -1
  146. package/dist/tabs.js +182 -151
  147. package/dist/timeline.js +1 -1
  148. package/dist/toast.js +1 -1
  149. package/dist/toggle-group.js +1 -1
  150. package/dist/{useAnimatedNumber-C_3wZLx4.js → useAnimatedNumber-Bcpy5Etf.js} +1 -1
  151. package/dist/{useConfiguratorState-CMff4GzH.js → useConfiguratorState-DxAqksK6.js} +21 -10
  152. package/dist/{useGlassRenderer-5I0YkI4t.js → useGlassRenderer-D7YGOYiM.js} +1 -1
  153. package/dist/useViewTransition-DaN5Zrox.js +21 -0
  154. package/dist/vReveal-zUIQk-rJ.js +53 -0
  155. package/dist/watercolor-dot.js +1 -1
  156. package/package.json +80 -39
  157. package/src/styles/animations.css +80 -20
  158. package/src/styles/cards.css +2 -2
  159. package/src/styles/dock/density.css +230 -0
  160. package/src/styles/dock/layer-group.css +275 -0
  161. package/src/styles/dock/layers.css +355 -0
  162. package/src/styles/dock/morph.css +244 -0
  163. package/src/styles/dock/overflow.css +201 -0
  164. package/src/styles/dock/shell.css +457 -0
  165. package/src/styles/dock-controls.css +205 -55
  166. package/src/styles/dock.css +42 -1349
  167. package/src/styles/drawer.css +12 -4
  168. package/src/styles/glass.css +535 -78
  169. package/src/styles/index.css +12 -11
  170. package/src/styles/paper.css +68 -2
  171. package/src/styles/theme.css +58 -0
  172. package/src/styles/tokens.css +601 -69
  173. package/src/styles/transitions.css +20 -2
  174. package/src/styles/utilities.css +218 -78
  175. package/src/styles/view-transition.css +51 -0
  176. package/dist/DiscoGlyph-CG0F410s.js +0 -132
  177. package/dist/GlyphFace-DRjDkB0s.js +0 -51
  178. package/dist/UnderlineTabs-Uxn-R3MT.js +0 -39
  179. package/dist/components/custom/aurora/composables/gpuRuntime.d.ts +0 -16
  180. package/dist/components/custom/aurora/constants/shaders/aurora.wgsl.d.ts +0 -7
  181. package/dist/components/custom/aurora/constants/shaders/painterly.wgsl.d.ts +0 -7
  182. package/dist/components/custom/aurora/constants/shaders/wake.wgsl.d.ts +0 -4
  183. package/dist/components/custom/disco-glyph/DiscoGlyph.vue.d.ts +0 -58
  184. package/dist/components/custom/disco-glyph/index.d.ts +0 -1
  185. package/dist/components/custom/glass-carousel/GlassCarousel.vue.d.ts +0 -36
  186. package/dist/components/custom/glass-carousel/GlassCarouselItem.vue.d.ts +0 -28
  187. package/dist/components/custom/glass-carousel/index.d.ts +0 -4
  188. package/dist/components/custom/glass-carousel/useGlassCarousel.d.ts +0 -30
  189. package/dist/components/custom/glyph-face/GlyphFace.vue.d.ts +0 -64
  190. package/dist/components/custom/glyph-face/index.d.ts +0 -2
  191. package/dist/components/custom/glyph-face/keys.d.ts +0 -9
  192. package/dist/components/custom/responsive-tabs/ResponsiveTabs.vue.d.ts +0 -73
  193. package/dist/components/custom/responsive-tabs/index.d.ts +0 -2
  194. package/dist/components/custom/tabs/BouncyTabs.vue.d.ts +0 -27
  195. package/dist/components/custom/tabs/BouncyToggle.vue.d.ts +0 -60
  196. package/dist/components/custom/tabs/UnderlineTabs.vue.d.ts +0 -20
  197. package/dist/components/custom/tabs/composables/useBouncySlider.d.ts +0 -39
  198. package/dist/composables/glass/createGPUCanvas.d.ts +0 -40
  199. package/dist/disco-glyph.d.ts +0 -1
  200. package/dist/disco-glyph.js +0 -2
  201. package/dist/glass-carousel.d.ts +0 -1
  202. package/dist/glass-carousel.js +0 -219
  203. package/dist/glyph-face.d.ts +0 -1
  204. package/dist/glyph-face.js +0 -3
  205. package/dist/keys-BsYjEFOW.js +0 -9
  206. package/dist/responsive-tabs.d.ts +0 -1
  207. package/dist/responsive-tabs.js +0 -95
  208. package/dist/styles/disco-glyph.css +0 -26
  209. package/dist/styles/glyph-face.css +0 -92
  210. package/dist/vReveal-CqaCz_mC.js +0 -44
  211. package/src/styles/disco-glyph.css +0 -26
  212. package/src/styles/glyph-face.css +0 -92
  213. /package/dist/{DeckProgress-AVgbIULY.js → DeckProgress-Dmk4_AKN.js} +0 -0
  214. /package/dist/{HoverPopover-D56O6Ylp.js → HoverPopover-2LOIW34a.js} +0 -0
  215. /package/dist/{IconTooltip-D2T5nYOM.js → IconTooltip-Cus0fvK0.js} +0 -0
  216. /package/dist/{Input-DVG_J0ne.js → Input-xuDwALQR.js} +0 -0
  217. /package/dist/{ScrollingText-CVyqxvfv.js → ScrollingText-BPP84wKo.js} +0 -0
  218. /package/dist/{color-DMLTunJK.js → color-C5ls_QF7.js} +0 -0
  219. /package/dist/{constants-BPOqYJAm.js → constants-yKeKnE84.js} +0 -0
  220. /package/dist/{presets-D1XPuTj-.js → presets-Dkdv55Gt.js} +0 -0
  221. /package/dist/{prng-COGhh02-.js → prng-D27-B3tK.js} +0 -0
  222. /package/dist/{useGlobalDark-D3EBWzXK.js → useGlobalDark-d6waty-X.js} +0 -0
  223. /package/dist/{useIntersectionPause-Bj4sPkMh.js → useIntersectionPause-Cck5Uxk8.js} +0 -0
  224. /package/dist/{useInterval-CcLfq2WU.js → useInterval-Dsmqwi03.js} +0 -0
  225. /package/dist/{useKeyboardShortcuts-BXWXOZ-9.js → useKeyboardShortcuts-CyIYrndH.js} +0 -0
  226. /package/dist/{useScrollProgress-C9ysDic5.js → useScrollProgress-CffFGLa5.js} +0 -0
  227. /package/dist/{useSortable-MGAbCGVJ.js → useSortable-C8ReQ50P.js} +0 -0
  228. /package/dist/{useTextHighlight-9nMW23Qb.js → useTextHighlight-CWEi25hf.js} +0 -0
package/README.md CHANGED
@@ -106,8 +106,6 @@ src/
106
106
  │ ├── dock-group/ # DockGroup chassis-strip wrapper
107
107
  │ ├── hover-popover/ # HoverPopover (hoverOpenDelay prop—K W1 rename)
108
108
  │ ├── instrument-chassis/ # InstrumentChassis + RegionDivider
109
- │ ├── glyph-face/ # GlyphFace 3-layer wrapper
110
- │ ├── disco-glyph/ # DiscoGlyph 3-layer SVG glyph primitive
111
109
  │ ├── labeled-field/ # LabeledField parent + 4 wrappers
112
110
  │ ├── metric-badge/ # MetricBadge primitive
113
111
  │ ├── pulse/ # Dots / ring loading indicator
@@ -115,7 +113,7 @@ src/
115
113
  │ ├── tabs/ # BouncyTabs, UnderlineTabs, BouncyToggle
116
114
  │ ├── timeline/ # GlassTimeline
117
115
  │ ├── typewriter/ # TypewriterText
118
- │ └── ... # confirm-dialog, controls, expandable-container, glass-carousel,
116
+ │ └── ... # confirm-dialog, controls, expandable-container,
119
117
  │ # glass-panel, icon-tooltip, infinite-scroll, paper-backdrop,
120
118
  │ # search, sidebar, sortable-list, stacked-icons, status-dot,
121
119
  │ # toggle-chip
@@ -139,8 +137,6 @@ src/
139
137
  │ ├── glass.css # 5-rung glass ladder + .glass-card / .glass-pill / .glass-btn / .glass-cartoon
140
138
  │ ├── dock.css # density rail + dock-layer-grid + separators (button styling lives in dock components)
141
139
  │ ├── dock-group.css # DockGroup chassis-strip rules
142
- │ ├── disco-glyph.css # DiscoGlyph layered fills + facet gradient
143
- │ ├── glyph-face.css # GlyphFace cap + backplate cascade
144
140
  │ ├── hover-popover.css # popover-animation grammar
145
141
  │ ├── instrument-chassis.css # bezel + groove dividers + region rules
146
142
  │ ├── cards.css # .cartoon-card, .elevated-card
@@ -181,7 +177,6 @@ import { Configurator, useConfiguratorState } from "@mkbabb/glass-ui/configurato
181
177
  import { HoverPopover } from "@mkbabb/glass-ui/hover-popover";
182
178
  import { InstrumentChassis, RegionDivider } from "@mkbabb/glass-ui/instrument-chassis";
183
179
  import { Sidebar } from "@mkbabb/glass-ui/sidebar";
184
- import { GlassCarousel } from "@mkbabb/glass-ui/glass-carousel";
185
180
  import { ScrollingText } from "@mkbabb/glass-ui/scrolling-text";
186
181
  ```
187
182
 
@@ -29,9 +29,9 @@ var m = /* @__PURE__ */ o({
29
29
  },
30
30
  setup(n) {
31
31
  let a = n, { specularStyle: o, onPointerMove: m } = t(), h = r(() => a.surface === "glass" && a.specular !== "off"), g = r(() => a.specular === "full" ? {
32
- "--glass-specular-intensity-rest": "0.08",
33
- "--glass-specular-intensity-hover": "0.45",
34
- "--glass-specular-intensity-active": "0.6"
32
+ "--glass-specular-intensity-rest": "0.04",
33
+ "--glass-specular-intensity-hover": "0.18",
34
+ "--glass-specular-intensity-active": "0.26"
35
35
  } : {}), _ = r(() => h.value ? {
36
36
  ...g.value,
37
37
  ...o.value
@@ -45,7 +45,7 @@ var m = /* @__PURE__ */ o({
45
45
  "as-child": n.asChild,
46
46
  style: c(_.value),
47
47
  onPointermove: r[0] ||= (e) => h.value && d(m)(e),
48
- class: s(d(e)("rounded-card text-card-foreground scrollbar-hidden", "[--card-spacing:--spacing(6)] data-[size=sm]:[--card-spacing:--spacing(4)]", `glass-${n.tier}`, h.value && "glass-specular-track", n.surface === "cartoon" && "cartoon-surface", n.shadow && n.surface === "glass" && "shadow-card", !n.grain && "[&::after]:hidden", a.class))
48
+ class: s(d(e)("rounded-card text-card-foreground scrollbar-hidden", "[--card-spacing:--spacing(6)] data-[size=sm]:[--card-spacing:--spacing(4)]", n.tier === "opaque" ? "glass-resting glass-opaque" : `glass-${n.tier}`, h.value && "glass-specular-track", n.surface === "cartoon" && "cartoon-surface", n.shadow && n.surface === "glass" && "shadow-card", !n.grain && "[&::after]:hidden", a.class))
49
49
  }, {
50
50
  default: f(() => [u(t.$slots, "default")]),
51
51
  _: 3
@@ -1,7 +1,7 @@
1
1
  import { t as e } from "./cn-DJXf4yaB.js";
2
2
  import { t } from "./search-nbkvr2dC.js";
3
- import { n, t as r } from "./DialogContent-DjZWT3lK.js";
4
- import { t as i } from "./menuItemVariants-DKM85SNE.js";
3
+ import { n, t as r } from "./DialogContent-BRkT1cjP.js";
4
+ import { t as i } from "./menuItemVariants-CCoBNkU5.js";
5
5
  import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, mergeProps as m, normalizeClass as h, normalizeProps as g, openBlock as _, renderSlot as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
6
6
  import { ComboboxContent as S, ComboboxEmpty as C, ComboboxGroup as w, ComboboxInput as T, ComboboxItem as E, ComboboxLabel as D, ComboboxRoot as O, ComboboxSeparator as k, useForwardProps as A, useForwardPropsEmits as j } from "reka-ui";
7
7
  //#endregion
@@ -93,7 +93,7 @@ var M = /* @__PURE__ */ f({
93
93
  let { class: e, ...t } = n;
94
94
  return t;
95
95
  });
96
- return (t, i) => (_(), o(b(C), m(r.value, { class: b(e)("py-6 text-center text-sm", n.class) }), {
96
+ return (t, i) => (_(), o(b(C), m(r.value, { class: b(e)("py-6 text-center text-dropdown", n.class) }), {
97
97
  default: x(() => [v(t.$slots, "default")]),
98
98
  _: 3
99
99
  }, 16, ["class"]));
@@ -117,10 +117,10 @@ var M = /* @__PURE__ */ f({
117
117
  let { class: e, ...t } = n;
118
118
  return t;
119
119
  });
120
- return (i, a) => (_(), o(b(w), m(r.value, { class: b(e)("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", n.class) }), {
120
+ return (i, a) => (_(), o(b(w), m(r.value, { class: b(e)("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-dropdown-secondary [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", n.class) }), {
121
121
  default: x(() => [t.heading ? (_(), o(b(D), {
122
122
  key: 0,
123
- class: "px-2 py-1.5 text-xs font-medium text-muted-foreground"
123
+ class: "px-2 py-1.5 text-dropdown-secondary font-medium text-muted-foreground"
124
124
  }, {
125
125
  default: x(() => [u(y(t.heading), 1)]),
126
126
  _: 1
@@ -160,7 +160,7 @@ var M = /* @__PURE__ */ f({
160
160
  ...n.$attrs
161
161
  }, {
162
162
  "auto-focus": "",
163
- class: b(e)("flex h-11 w-full rounded-input bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-disabled", r.class)
163
+ class: b(e)("flex h-[var(--dropdown-input-height)] w-full rounded-input bg-transparent py-3 text-dropdown outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-disabled", r.class)
164
164
  }), null, 16, ["class"])]));
165
165
  }
166
166
  }), R = /* @__PURE__ */ f({
@@ -279,7 +279,7 @@ var M = /* @__PURE__ */ f({
279
279
  ] } },
280
280
  setup(t) {
281
281
  let n = t;
282
- return (t, r) => (_(), c("span", { class: h(b(e)("ml-auto text-xs tracking-widest text-muted-foreground", n.class)) }, [v(t.$slots, "default")], 2));
282
+ return (t, r) => (_(), c("span", { class: h(b(e)("ml-auto text-dropdown-secondary tracking-widest text-muted-foreground", n.class)) }, [v(t.$slots, "default")], 2));
283
283
  }
284
284
  });
285
285
  //#endregion
@@ -2,7 +2,7 @@ import { t as e } from "./cn-DJXf4yaB.js";
2
2
  import { t } from "./createLucideIcon-B6uNAU9G.js";
3
3
  import { t as n } from "./check-BBKKKSTf.js";
4
4
  import { t as r } from "./chevron-right-sDM0Yvrf.js";
5
- import { t as i } from "./menuItemVariants-DKM85SNE.js";
5
+ import { t as i } from "./menuItemVariants-CCoBNkU5.js";
6
6
  import { computed as a, createBlock as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, guardReactiveProps as d, mergeProps as f, normalizeClass as p, normalizeProps as m, openBlock as h, renderSlot as g, unref as _, withCtx as v } from "vue";
7
7
  import { ContextMenuCheckboxItem as y, ContextMenuItem as b, ContextMenuItemIndicator as x, ContextMenuLabel as S, ContextMenuRadioGroup as C, ContextMenuRadioItem as w, ContextMenuSeparator as T, ContextMenuSubContent as E, ContextMenuSubTrigger as D, useForwardProps as O, useForwardPropsEmits as k } from "reka-ui";
8
8
  var A = t("circle", [["circle", {
@@ -123,7 +123,7 @@ var A = t("circle", [["circle", {
123
123
  ] } },
124
124
  setup(t) {
125
125
  let n = t;
126
- return (t, r) => (h(), s("span", { class: p(_(e)("ml-auto text-xs tracking-widest text-muted-foreground", n.class)) }, [g(t.$slots, "default")], 2));
126
+ return (t, r) => (h(), s("span", { class: p(_(e)("ml-auto text-dropdown-secondary tracking-widest text-muted-foreground", n.class)) }, [g(t.$slots, "default")], 2));
127
127
  }
128
128
  }), R = /* @__PURE__ */ u({
129
129
  __name: "ContextMenuSeparator",
@@ -164,7 +164,7 @@ var A = t("circle", [["circle", {
164
164
  let { class: e, ...t } = n;
165
165
  return t;
166
166
  });
167
- return (i, a) => (h(), o(_(S), f(r.value, { class: _(e)("px-2 py-1.5 text-sm font-semibold text-foreground", t.inset && "pl-8", n.class) }), {
167
+ return (i, a) => (h(), o(_(S), f(r.value, { class: _(e)("px-2 py-1.5 text-dropdown-secondary font-semibold text-foreground", t.inset && "pl-8", n.class) }), {
168
168
  default: v(() => [g(i.$slots, "default")]),
169
169
  _: 3
170
170
  }, 16, ["class"]));
@@ -1,5 +1,5 @@
1
1
  import { t as e } from "./cn-DJXf4yaB.js";
2
- import { n as t } from "./button-CAywcrhO.js";
2
+ import { n as t } from "./button-DN39cGqL.js";
3
3
  import { t as n } from "./_plugin-vue_export-helper-ok8pgSl5.js";
4
4
  import { n as r, r as i, t as a } from "./ContextMenuContent-DDa0v27s.js";
5
5
  import { t as o } from "./useResizeObserver-CWCbk5Px.js";
@@ -55,7 +55,7 @@ var x = /* @__PURE__ */ l({
55
55
  let x = l, w = v, T = b(i(() => {
56
56
  let { class: e, variant: t, scrimAnimation: n, spring: r, showClose: i, ...a } = x;
57
57
  return a;
58
- }), w), E = i(() => x.variant === "opaque" ? "bg-background border sm:rounded-dialog" : "glass-floating rounded-dialog"), D = x.spring ? y() : null, O = x.spring && D ? n({
58
+ }), w), E = i(() => x.variant === "opaque" ? "glass-floating rounded-dialog glass-opaque" : "glass-floating rounded-dialog"), D = x.spring ? y() : null, O = x.spring && D ? n({
59
59
  open: D.open,
60
60
  preset: typeof x.spring == "string" ? x.spring : "smooth"
61
61
  }) : null, k = i(() => {
@@ -2,7 +2,7 @@ import { t as e } from "./cn-DJXf4yaB.js";
2
2
  import { t } from "./_plugin-vue_export-helper-ok8pgSl5.js";
3
3
  import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, openBlock as u, toDisplayString as d, unref as f } from "vue";
4
4
  //#region src/components/custom/metric-badge/MetricBadge.vue?vue&type=script&setup=true&lang.ts
5
- var p = ["data-size"], m = {
5
+ var p = ["data-size", "data-variant"], m = {
6
6
  key: 1,
7
7
  class: "metric-badge__row"
8
8
  }, h = /* @__PURE__ */ t(/* @__PURE__ */ s({
@@ -16,6 +16,7 @@ var p = ["data-size"], m = {
16
16
  color: {},
17
17
  placeholder: { default: "—" },
18
18
  size: { default: "md" },
19
+ variant: { default: "default" },
19
20
  class: { type: [
20
21
  Boolean,
21
22
  null,
@@ -51,8 +52,9 @@ var p = ["data-size"], m = {
51
52
  }
52
53
  }), v = r(() => !!(s.labelPosition && (s.abbreviation || s.label)));
53
54
  return (r, s) => (u(), a("div", {
54
- class: c(f(e)("metric-badge cursor-pointer", "focus-visible:outline-2 focus-visible:outline-ring focus-visible:outline-offset-2", t.labelPosition && `metric-badge--label-${t.labelPosition}`, r.$props.class)),
55
- "data-size": t.size
55
+ class: c(f(e)("metric-badge cursor-pointer", "focus-visible:outline-2 focus-visible:outline-ring focus-visible:outline-offset-2", t.labelPosition && `metric-badge--label-${t.labelPosition}`, t.variant === "record" && "metric-badge--record", r.$props.class)),
56
+ "data-size": t.size,
57
+ "data-variant": t.variant
56
58
  }, [v.value ? (u(), a(n, { key: 0 }, [t.label ? (u(), a("span", {
57
59
  key: 0,
58
60
  class: c(["metric-badge__label metric-badge__label--full font-mono uppercase text-muted-foreground/80 shrink-0", _.value])
@@ -73,6 +75,6 @@ var p = ["data-size"], m = {
73
75
  class: c(["metric-badge__unit font-mono text-muted-foreground shrink-0", g.value])
74
76
  }, d(t.unit), 3)) : i("", !0)], 64))], 10, p));
75
77
  }
76
- }), [["__scopeId", "data-v-8f68fd6d"]]);
78
+ }), [["__scopeId", "data-v-5ac15b4e"]]);
77
79
  //#endregion
78
80
  export { h as t };
@@ -83,7 +83,7 @@ var _ = e("circle-alert", [
83
83
  }, {
84
84
  default: g(() => [(d(!0), o(r, null, f(e.notifications, (e) => (d(), o("div", {
85
85
  key: e.id,
86
- class: u(["glass-wash flex items-center gap-3 rounded-panel px-4 py-3 shadow-elevated", [n[e.type], "min-w-[300px] max-w-[500px]"]])
86
+ class: u(["glass-floating flex items-center gap-3 rounded-panel px-4 py-3", [n[e.type], "min-w-[300px] max-w-[500px]"]])
87
87
  }, [
88
88
  (d(), a(p(l[e.type]), { class: "h-5 w-5 flex-shrink-0" })),
89
89
  s("p", x, m(e.message), 1),
@@ -95,6 +95,6 @@ var _ = e("circle-alert", [
95
95
  _: 1
96
96
  }));
97
97
  }
98
- }), [["__scopeId", "data-v-78cef286"]]);
98
+ }), [["__scopeId", "data-v-d1a8b637"]]);
99
99
  //#endregion
100
100
  export { C as t };
@@ -1,6 +1,6 @@
1
1
  import { t as e } from "./cn-DJXf4yaB.js";
2
2
  import { t } from "./createLucideIcon-B6uNAU9G.js";
3
- import { n } from "./button-CAywcrhO.js";
3
+ import { n } from "./button-DN39cGqL.js";
4
4
  import { computed as r, createBlock as i, createElementBlock as a, createVNode as o, defineComponent as s, mergeProps as c, normalizeClass as l, openBlock as u, renderSlot as d, unref as f, withCtx as p } from "vue";
5
5
  import { NumberFieldDecrement as m, NumberFieldIncrement as h, NumberFieldInput as g, NumberFieldRoot as _, useForwardProps as v, useForwardPropsEmits as y } from "reka-ui";
6
6
  var b = t("minus", [["path", {
@@ -62,7 +62,7 @@ var b = t("minus", [["path", {
62
62
  ...t.$attrs
63
63
  }, {
64
64
  "data-slot": "input",
65
- class: f(e)("input-pill h-10 rounded-field px-9 py-2 text-sm text-center")
65
+ class: f(e)("input-pill h-[var(--control-h-md)] rounded-field px-9 py-2 text-sm text-center")
66
66
  }), null, 16, ["class"]));
67
67
  }
68
68
  }), w = /* @__PURE__ */ s({
@@ -1,7 +1,7 @@
1
1
  import { t as e } from "./cn-DJXf4yaB.js";
2
2
  import { t } from "./chevron-down-BSkTP2aL.js";
3
3
  import { t as n } from "./chevron-up-CCOD_FTz.js";
4
- import { t as r } from "./menuItemVariants-DKM85SNE.js";
4
+ import { t as r } from "./menuItemVariants-CCoBNkU5.js";
5
5
  import { i } from "./dockContext-BKeIMmNk.js";
6
6
  import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, mergeProps as p, normalizeClass as m, normalizeProps as h, openBlock as g, renderSlot as _, unref as v, withCtx as y } from "vue";
7
7
  import { SelectContent as b, SelectIcon as x, SelectItem as S, SelectItemIndicator as C, SelectItemText as w, SelectPortal as T, SelectRoot as E, SelectScrollDownButton as D, SelectScrollUpButton as O, SelectTrigger as k, SelectValue as A, SelectViewport as j, useForwardProps as M, useForwardPropsEmits as N } from "reka-ui";
@@ -65,8 +65,8 @@ var P = /* @__PURE__ */ d({
65
65
  let r = n, i = M(a(() => {
66
66
  let { class: e, variant: t, size: n, ...i } = r;
67
67
  return i;
68
- })), s = a(() => r.variant === "ghost" ? "bg-transparent border-none shadow-none" : "glass-wash"), c = a(() => r.size === "sm" ? "h-9" : "h-10");
69
- return (n, a) => (g(), o(v(k), p({ "data-slot": "select-trigger" }, v(i), { class: v(e)(s.value, c.value, "tap-squish focus-ring flex w-full items-center justify-between rounded-pill px-3 py-2 text-sm placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-disabled [&>span]:line-clamp-1 transition-control aria-invalid:border-[var(--destructive)] aria-invalid:shadow-[0_0_0_var(--focus-ring-width)_color-mix(in_srgb,var(--destructive)_35%,transparent)]", r.class) }), {
68
+ })), s = a(() => r.variant === "ghost" ? "bg-transparent border-none shadow-none" : "glass-wash"), c = a(() => r.size === "sm" ? "h-[var(--control-h-sm)]" : "h-[var(--control-h-md)]");
69
+ return (n, a) => (g(), o(v(k), p({ "data-slot": "select-trigger" }, v(i), { class: v(e)(s.value, c.value, "tap-squish focus-ring flex w-full items-center justify-between rounded-pill px-3 py-2 text-dropdown placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-disabled [&>span]:line-clamp-1 transition-control aria-invalid:border-[var(--destructive)] aria-invalid:shadow-[0_0_0_var(--focus-ring-width)_color-mix(in_srgb,var(--destructive)_35%,transparent)]", r.class) }), {
70
70
  default: y(() => [_(n.$slots, "default"), u(v(x), { "as-child": "" }, {
71
71
  default: y(() => [u(v(t), { class: "transition-transform duration-200 ease-standard [&[data-state=open]]:rotate-180 h-4 w-4 shrink-0 opacity-50" })]),
72
72
  _: 1
@@ -19,7 +19,7 @@ var f = /* @__PURE__ */ r({
19
19
  },
20
20
  setup(t) {
21
21
  let r = t;
22
- return (t, i) => (o(), n(c(u), { class: a(c(e)("py-1.5 pl-8 pr-2 text-sm font-semibold", r.class)) }, {
22
+ return (t, i) => (o(), n(c(u), { class: a(c(e)("py-1.5 pl-8 pr-2 text-dropdown-secondary font-semibold", r.class)) }, {
23
23
  default: l(() => [s(t.$slots, "default")]),
24
24
  _: 3
25
25
  }, 8, ["class"]));
@@ -31,7 +31,7 @@ var p = /* @__PURE__ */ i({
31
31
  let { class: e, ...t } = m;
32
32
  return t;
33
33
  }), h);
34
- return (t, i) => (s(), n(c(u), a({ "data-slot": "switch" }, c(g), { class: c(e)("focus-ring peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-pill border-2 border-transparent transition-control disabled:cursor-not-allowed disabled:opacity-disabled data-[state=checked]:bg-primary data-[state=unchecked]:bg-[color-mix(in_srgb,var(--input)_80%,var(--glass-bg-quiet))]", m.class) }), {
34
+ return (t, i) => (s(), n(c(u), a({ "data-slot": "switch" }, c(g), { class: c(e)("glass-wash glass-specular-track focus-ring peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-pill border-2 border-transparent transition-control disabled:cursor-not-allowed disabled:opacity-disabled data-[state=checked]:bg-primary data-[state=unchecked]:bg-[var(--glass-bg-wash)]", m.class) }), {
35
35
  default: l(() => [r(c(d), {
36
36
  class: o(c(e)("pointer-events-none block h-5 w-5 rounded-pill bg-background ring-0 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0")),
37
37
  style: {
@@ -66,7 +66,7 @@ var g = /* @__PURE__ */ i({
66
66
  let { class: e, ...t } = i;
67
67
  return t;
68
68
  });
69
- return (t, r) => (o(), n(c(u), a({ "data-slot": "tabs-indicator" }, s.value, { class: c(e)("pointer-events-none absolute left-0 bottom-1 top-1 z-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position) rounded-pill bg-secondary/80 transition-[width,translate] duration-normal ease-spring-snappy", i.class) }), null, 16, ["class"]));
69
+ return (t, r) => (o(), n(c(u), a({ "data-slot": "tabs-indicator" }, s.value, { class: c(e)("pointer-events-none absolute left-0 bottom-1 top-1 z-0 w-(--reka-tabs-indicator-size) translate-x-(--reka-tabs-indicator-position) rounded-pill bg-[var(--glass-bg-quiet)] [backdrop-filter:var(--glass-blur-quiet)] transition-[width,translate] duration-normal ease-spring-snappy", i.class) }), null, 16, ["class"]));
70
70
  }
71
71
  }), y = /* @__PURE__ */ i({
72
72
  __name: "TabsList",
@@ -91,7 +91,7 @@ var g = /* @__PURE__ */ i({
91
91
  let { class: e, indicator: t, ...n } = u;
92
92
  return n;
93
93
  });
94
- return (t, p) => (o(), n(c(d), a({ "data-slot": "tabs-list" }, f.value, { class: c(e)("relative inline-flex h-10 items-center justify-center rounded-input p-1 text-muted-foreground", u.class) }), {
94
+ return (t, p) => (o(), n(c(d), a({ "data-slot": "tabs-list" }, f.value, { class: c(e)("relative inline-flex h-[var(--control-h-md)] items-center justify-center rounded-input p-1 text-muted-foreground", u.class) }), {
95
95
  default: l(() => [i.indicator ? (o(), n(v, { key: 0 })) : r("", !0), s(t.$slots, "default")]),
96
96
  _: 3
97
97
  }, 16, ["class"]));
@@ -71,7 +71,7 @@ var O = /* @__PURE__ */ u({
71
71
  let { class: e, ...t } = n;
72
72
  return t;
73
73
  });
74
- return (t, r) => (p(), i(v(b), d(a.value, { class: v(e)("focus-ring inline-flex h-8 shrink-0 items-center justify-center rounded-button border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary disabled:pointer-events-none disabled:opacity-disabled group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground", n.class) }), {
74
+ return (t, r) => (p(), i(v(b), d(a.value, { class: v(e)("focus-ring inline-flex h-[calc(2rem*var(--ui-scale))] shrink-0 items-center justify-center rounded-button border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary disabled:pointer-events-none disabled:opacity-disabled group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground", n.class) }), {
75
75
  default: y(() => [g(t.$slots, "default")]),
76
76
  _: 3
77
77
  }, 16, ["class"]));
@@ -50,7 +50,7 @@ var g = /* @__PURE__ */ i({
50
50
  "class"
51
51
  ]));
52
52
  }
53
- }), _ = h("tap-squish focus-ring inline-flex items-center justify-center gap-2 rounded-button text-sm font-medium transition-control hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-disabled data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg:not([class*=size-])]:size-4 [&_svg]:shrink-0 [&_svg]:pointer-events-none", {
53
+ }), _ = h("tap-squish focus-ring inline-flex items-center justify-center gap-2 rounded-button text-[length:var(--control-text)] font-medium transition-control hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-disabled data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg:not([class*=size-])]:size-[var(--ui-glyph)] [&_svg]:shrink-0 [&_svg]:pointer-events-none", {
54
54
  variants: {
55
55
  variant: {
56
56
  default: "bg-transparent",
@@ -58,9 +58,9 @@ var g = /* @__PURE__ */ i({
58
58
  card: "glass-card w-full transform-gpu cursor-pointer flex-col gap-4 p-8 text-center transition-[background-color,border-color,box-shadow,color,opacity,transform] duration-fast ease-standard hover:bg-glass-quiet hover:text-foreground active:scale-95 data-[state=on]:border-glass-border-quiet data-[state=on]:bg-glass-quiet data-[state=on]:text-foreground data-[state=on]:shadow-glass-quiet"
59
59
  },
60
60
  size: {
61
- default: "h-10 px-3",
62
- sm: "h-9 px-2.5",
63
- lg: "h-11 px-5"
61
+ default: "h-[var(--control-h-md)] px-3",
62
+ sm: "h-[var(--control-h-sm)] px-2.5",
63
+ lg: "h-[var(--control-h-lg)] px-5"
64
64
  }
65
65
  },
66
66
  compoundVariants: [{
@@ -1,6 +1,6 @@
1
1
  import { t as e } from "./cn-DJXf4yaB.js";
2
2
  import { t } from "./_plugin-vue_export-helper-ok8pgSl5.js";
3
- import { t as n } from "./useAnimatedNumber-C_3wZLx4.js";
3
+ import { t as n } from "./useAnimatedNumber-Bcpy5Etf.js";
4
4
  import { computed as r, createElementBlock as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, toDisplayString as l, unref as u } from "vue";
5
5
  //#region src/components/custom/animated-digit/AnimatedDigit.vue?vue&type=script&setup=true&lang.ts
6
6
  var d = ["data-is-animating"], f = /* @__PURE__ */ t(/* @__PURE__ */ a({
@@ -26,10 +26,11 @@ export type { ViewTransitionResult } from "../composables/motion/useViewTransiti
26
26
  export type { Countup, UseCountupOptions } from "../composables/motion/useCountup";
27
27
  export type { HeaderRibbonPosition, HeaderRibbonProps, } from "../components/custom/header-ribbon";
28
28
  export type { ConstellationProps, ConstellationField, ConstellationWarp, } from "../components/custom/constellation";
29
+ export type { FourierFieldProps, FourierFieldVariant, } from "../components/custom/fourier-field";
29
30
  export type { MetricCellAppearance, MetricCellProps, } from "../components/custom/metric-cell";
30
31
  export type { MetricRowProps, MetricStackProps, } from "../components/custom/metric-stack";
31
32
  export type { AnimatedDigitMode, AnimatedDigitProps, } from "../components/custom/animated-digit";
32
- export type { ResponsiveTabsProps } from "../components/custom/responsive-tabs";
33
+ export type { SegmentedTabsProps, SegmentedTabsVariant, SegmentedTabOption, } from "../components/custom/tabs";
33
34
  export type { StackedIconGroupProps } from "../components/custom/stacked-icons";
34
35
  export type { UseDockStateReturn } from "../components/custom/dock";
35
36
  export type { PaperBackdropFrequency, PaperBackdropProps, } from "../components/custom/paper-backdrop";
package/dist/api.js CHANGED
@@ -1,2 +1,2 @@
1
- import { n as e, r as t, t as n } from "./presets-D1XPuTj-.js";
1
+ import { n as e, r as t, t as n } from "./presets-Dkdv55Gt.js";
2
2
  export { n as DEFAULT_AURORA_CONFIG, e as MAX_NUCLEI, t as MAX_STOPS };