@mkbabb/glass-ui 3.13.0 → 4.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 (304) hide show
  1. package/dist/CardAction-XH4YBVEK.js +158 -0
  2. package/dist/{CommandShortcut-RowNEO6i.js → CommandShortcut-DdtWXxOK.js} +57 -52
  3. package/dist/{ContextMenuSubContent-BQmxTAdw.js → ContextMenuSubContent-B0Vs6atR.js} +1 -1
  4. package/dist/{DataTable-BCddn3T3.js → DataTable-C464Zbqd.js} +99 -97
  5. package/dist/DialogContent-DDE6pQBU.js +103 -0
  6. package/dist/{DialogFooter-Blu4t7tJ.js → DialogFooter-8eZbdmPc.js} +1 -1
  7. package/dist/FadingScroll-DwNnvKMs.js +76 -0
  8. package/dist/{HoverPopover-CISOJQuZ.js → HoverPopover-Dpzwvc4t.js} +1 -1
  9. package/dist/IconChip-BDw1j5mu.js +54 -0
  10. package/dist/{MetricBadge-C9QMz1KT.js → MetricBadge-BpC0R_Ec.js} +1 -1
  11. package/dist/{Notification-DdwNxIrI.js → Notification-DKjKsQq8.js} +8 -8
  12. package/dist/{NumberFieldContent-CqaN-SvN.js → NumberFieldContent-1VtwDSgf.js} +1 -1
  13. package/dist/PopoverContent-BTorlp--.js +127 -0
  14. package/dist/{Progress-DwlUKGbr.js → Progress-hAT4gqGH.js} +97 -77
  15. package/dist/{ScrollingText-DfFrwSph.js → ScrollingText-CUVFTWk2.js} +2 -2
  16. package/dist/{SelectScrollDownButton-CiDUxfEj.js → SelectScrollDownButton-C1jb3b3K.js} +22 -6
  17. package/dist/{Switch-CsIuYP_e.js → Switch-Dr--uLGH.js} +1 -1
  18. package/dist/{Toaster-D6q4HtXu.js → Toaster-Bm_HQSpc.js} +6 -6
  19. package/dist/{ToggleGroupItem-D_AHlRw9.js → ToggleGroupItem-Dzk9hWsF.js} +1 -1
  20. package/dist/animated-digit.js +2 -2
  21. package/dist/api/index.d.ts +8 -5
  22. package/dist/api.js +2 -2
  23. package/dist/aurora.js +132 -117
  24. package/dist/{button-ChXMfsud.js → button-BNDWhAZb.js} +2 -2
  25. package/dist/button.js +1 -1
  26. package/dist/card.js +1 -1
  27. package/dist/carousel.d.ts +1 -1
  28. package/dist/carousel.js +97 -141
  29. package/dist/collapsible.js +1 -1
  30. package/dist/color-swatch.d.ts +1 -0
  31. package/dist/color-swatch.js +47 -0
  32. package/dist/color.js +1 -1
  33. package/dist/command.js +1 -1
  34. package/dist/components/custom/aurora/constants/presets.d.ts +28 -0
  35. package/dist/components/custom/aurora/constants/renderMode.d.ts +2 -0
  36. package/dist/components/custom/aurora/index.d.ts +1 -1
  37. package/dist/components/custom/color-swatch/ColorSwatch.vue.d.ts +22 -0
  38. package/dist/components/custom/color-swatch/index.d.ts +1 -0
  39. package/dist/components/custom/configurator/Configurator.vue.d.ts +19 -8
  40. package/dist/components/custom/constellation/Constellation.vue.d.ts +18 -206
  41. package/dist/components/custom/constellation/composables/useConstellation.d.ts +26 -0
  42. package/dist/components/custom/constellation/constellationField.d.ts +2 -369
  43. package/dist/components/custom/constellation/constellationTypes.d.ts +369 -0
  44. package/dist/components/custom/constellation/index.d.ts +1 -1
  45. package/dist/components/custom/dock/DockRail.vue.d.ts +17 -16
  46. package/dist/components/custom/dock/DockSection.vue.d.ts +69 -0
  47. package/dist/components/custom/dock/DockSeparator.vue.d.ts +49 -1
  48. package/dist/components/custom/dock/DockTabButton.vue.d.ts +5 -5
  49. package/dist/components/custom/dock/constants.d.ts +35 -0
  50. package/dist/components/custom/dock/index.d.ts +2 -0
  51. package/dist/components/custom/expandable-container/ExpandableContainer.vue.d.ts +10 -0
  52. package/dist/components/custom/fading-scroll/FadingScroll.vue.d.ts +25 -0
  53. package/dist/components/custom/fading-scroll/composables/useFadingScroll.d.ts +31 -0
  54. package/dist/components/custom/fading-scroll/constants.d.ts +19 -0
  55. package/dist/components/custom/fading-scroll/index.d.ts +2 -0
  56. package/dist/components/custom/fourier-field/FourierField.vue.d.ts +7 -0
  57. package/dist/components/custom/fourier-field/index.d.ts +1 -1
  58. package/dist/components/custom/fourier-field/math.d.ts +17 -0
  59. package/dist/components/custom/glass-panel/GlassPanel.vue.d.ts +8 -0
  60. package/dist/components/custom/goo-blob/composables/useMetaballRenderer.d.ts +11 -1
  61. package/dist/components/custom/goo-blob/constants.d.ts +6 -1
  62. package/dist/components/custom/handmark/HandMark.vue.d.ts +29 -0
  63. package/dist/components/custom/handmark/brush.d.ts +269 -0
  64. package/dist/components/custom/handmark/composables/useHandMark.d.ts +89 -0
  65. package/dist/components/custom/handmark/constants.d.ts +39 -0
  66. package/dist/components/custom/handmark/freehand.d.ts +69 -0
  67. package/dist/components/custom/handmark/geometry.d.ts +52 -0
  68. package/dist/components/custom/handmark/index.d.ts +27 -0
  69. package/dist/components/custom/handmark/ink.d.ts +11 -0
  70. package/dist/components/custom/handmark/texture.d.ts +39 -0
  71. package/dist/components/custom/handmark/types.d.ts +62 -0
  72. package/dist/components/custom/icon-chip/IconChip.vue.d.ts +4 -0
  73. package/dist/components/custom/icon-chip/index.d.ts +2 -0
  74. package/dist/components/custom/icon-chip/types.d.ts +72 -0
  75. package/dist/components/custom/instrument-chassis/InstrumentChassis.vue.d.ts +15 -2
  76. package/dist/components/custom/pager-dots/PagerDots.vue.d.ts +39 -0
  77. package/dist/components/custom/pager-dots/index.d.ts +2 -0
  78. package/dist/components/custom/tabs/SegmentedTabs.vue.d.ts +20 -25
  79. package/dist/components/custom/tabs/composables/useTabIndicator.d.ts +30 -21
  80. package/dist/components/custom/tabs/constants.d.ts +9 -3
  81. package/dist/components/custom/tabs/index.d.ts +1 -1
  82. package/dist/components/custom/watercolor-dot/WatercolorDot.vue.d.ts +14 -0
  83. package/dist/components/ui/_shared/index.d.ts +2 -0
  84. package/dist/components/ui/_shared/menuItemVariants.d.ts +19 -0
  85. package/dist/components/ui/_shared/useSurfaceAxis.d.ts +41 -0
  86. package/dist/components/ui/card/Card.vue.d.ts +1 -1
  87. package/dist/components/ui/carousel/index.d.ts +0 -1
  88. package/dist/components/ui/command/Command.vue.d.ts +3 -0
  89. package/dist/components/ui/dialog/DialogContent.vue.d.ts +8 -3
  90. package/dist/components/ui/drawer/DrawerContent.vue.d.ts +5 -0
  91. package/dist/components/ui/index.d.ts +0 -1
  92. package/dist/components/ui/popover/PopoverContent.vue.d.ts +3 -0
  93. package/dist/components/ui/progress/ProgressSectioned.vue.d.ts +14 -3
  94. package/dist/components/ui/select/SelectTrigger.vue.d.ts +27 -4
  95. package/dist/components/ui/sheet/SheetContent.vue.d.ts +6 -0
  96. package/dist/components/ui/skeleton/Skeleton.vue.d.ts +3 -0
  97. package/dist/composables/dark/index.d.ts +1 -1
  98. package/dist/composables/dark/useGlobalDark.d.ts +23 -1
  99. package/dist/composables/motion/useViewTransition.d.ts +36 -1
  100. package/dist/configurator.js +1 -1
  101. package/dist/confirm-dialog.js +2 -2
  102. package/dist/constellation.js +92 -94
  103. package/dist/context-menu.js +2 -2
  104. package/dist/controls.js +10 -4
  105. package/dist/dark.d.ts +1 -1
  106. package/dist/dark.js +1 -1
  107. package/dist/data-table.js +1 -1
  108. package/dist/dialog.js +2 -2
  109. package/dist/dock.js +510 -321
  110. package/dist/{dockContext-BegmJVmx.js → dockContext-Bu1Avy-a.js} +1 -1
  111. package/dist/dom.js +5 -5
  112. package/dist/{dropdown-menu-DzkkyBwX.js → dropdown-menu-BJ7E9js_.js} +2 -2
  113. package/dist/dropdown-menu.js +1 -1
  114. package/dist/expandable-container.js +42 -38
  115. package/dist/fading-scroll.d.ts +1 -0
  116. package/dist/fading-scroll.js +2 -0
  117. package/dist/forms.js +3 -3
  118. package/dist/fourier-field.js +38 -37
  119. package/dist/fourier-math.js +2 -2
  120. package/dist/glass-panel.js +39 -36
  121. package/dist/glass-ui.css +1 -1
  122. package/dist/glass-ui.js +129 -145
  123. package/dist/goo-blob.js +86 -81
  124. package/dist/handmark.d.ts +1 -0
  125. package/dist/handmark.js +707 -0
  126. package/dist/header-ribbon.js +1 -1
  127. package/dist/hover-card.js +1 -1
  128. package/dist/hover-popover.js +1 -1
  129. package/dist/icon-chip.d.ts +1 -0
  130. package/dist/icon-chip.js +2 -0
  131. package/dist/icon-tooltip.js +1 -1
  132. package/dist/index.d.ts +2 -2
  133. package/dist/keyboard.js +1 -1
  134. package/dist/label.js +1 -1
  135. package/dist/labeled-field.js +6 -6
  136. package/dist/{math-U6-RrLmV.js → math-DeuJwLFx.js} +11 -3
  137. package/dist/{menuItemVariants-DPiEarb0.js → menuItemVariants-DWRQXBxJ.js} +10 -4
  138. package/dist/metric-badge.js +1 -1
  139. package/dist/metric-cell.js +25 -22
  140. package/dist/metric-stack.js +1 -1
  141. package/dist/motion-core.js +33 -32
  142. package/dist/motion-curves.js +1 -1
  143. package/dist/motion.js +4 -4
  144. package/dist/notification.js +1 -1
  145. package/dist/number-field.js +1 -1
  146. package/dist/pager-dots.d.ts +1 -0
  147. package/dist/pager-dots.js +91 -0
  148. package/dist/paper-backdrop.js +1 -1
  149. package/dist/popover.js +1 -1
  150. package/dist/{presets-BKVyQfbt.js → presets-BW2b-fr1.js} +14 -1
  151. package/dist/progress.js +1 -1
  152. package/dist/pulse.js +1 -1
  153. package/dist/reactive.js +2 -2
  154. package/dist/scrolling-text.js +1 -1
  155. package/dist/search.js +5 -5
  156. package/dist/select.js +3 -3
  157. package/dist/separator.js +1 -1
  158. package/dist/{sheet-1fChZjtw.js → sheet-CquRYOAw.js} +59 -55
  159. package/dist/sheet.js +1 -1
  160. package/dist/{slider-B-JP2JlI.js → slider-DQ95MET2.js} +7 -7
  161. package/dist/slider.js +1 -1
  162. package/dist/sortable-list.js +3 -3
  163. package/dist/styles/animations.css +11 -26
  164. package/dist/styles/components.css +1 -1
  165. package/dist/styles/configurator.css +35 -0
  166. package/dist/styles/dock/density.css +19 -0
  167. package/dist/styles/dock/overflow.css +15 -0
  168. package/dist/styles/dock/rail-extend.css +168 -71
  169. package/dist/styles/dock/section.css +59 -0
  170. package/dist/styles/dock/shell.css +34 -5
  171. package/dist/styles/dock-controls/icon-button.css +11 -1
  172. package/dist/styles/dock-controls/tab-button.css +24 -83
  173. package/dist/styles/dock-controls/triggers.css +7 -0
  174. package/dist/styles/dock.css +6 -3
  175. package/dist/styles/drawer.css +46 -0
  176. package/dist/styles/feedback-tone.css +104 -0
  177. package/dist/styles/glass/ladder.css +68 -22
  178. package/dist/styles/glass/surface-axis.css +113 -0
  179. package/dist/styles/glass/surfaces.css +88 -12
  180. package/dist/styles/glass.css +5 -2
  181. package/dist/styles/icon-chip.css +149 -0
  182. package/dist/styles/index.css +67 -5
  183. package/dist/styles/instrument-chassis.css +42 -0
  184. package/dist/styles/menu.css +127 -0
  185. package/dist/styles/segmented-tabs.css +160 -89
  186. package/dist/styles/select.css +50 -0
  187. package/dist/styles/theme/bridges.css +11 -1
  188. package/dist/styles/tokens/color-radius.css +40 -13
  189. package/dist/styles/tokens/dark-arm.css +124 -16
  190. package/dist/styles/tokens/glass.css +83 -23
  191. package/dist/styles/tokens/light-dark.css +48 -19
  192. package/dist/styles/tokens/offsets-sizing.css +62 -0
  193. package/dist/styles/tokens/property-regs.css +3 -10
  194. package/dist/styles/tokens/scale-paper.css +45 -2
  195. package/dist/styles/tokens/scheme-motion.css +32 -14
  196. package/dist/styles/transitions.css +7 -7
  197. package/dist/styles/typography/scale.css +153 -0
  198. package/dist/styles/typography/semantic.css +220 -0
  199. package/dist/styles/typography/utilities.css +159 -0
  200. package/dist/styles/typography.css +23 -507
  201. package/dist/styles/utilities/a11y-overrides.css +33 -4
  202. package/dist/styles/utilities/base.css +177 -1
  203. package/dist/styles/utilities/btn.css +18 -201
  204. package/dist/styles/view-transition.css +4 -1
  205. package/dist/switch.js +1 -1
  206. package/dist/tabs.js +154 -183
  207. package/dist/timeline.js +2 -2
  208. package/dist/toast.js +1 -1
  209. package/dist/toggle-chip.js +3 -1
  210. package/dist/toggle-group.js +1 -1
  211. package/dist/typewriter.js +1 -1
  212. package/dist/{useAnimatedNumber-C5I3wWd8.js → useAnimatedNumber-C_3wZLx4.js} +1 -1
  213. package/dist/useConfiguratorState-kiIlun8I.js +303 -0
  214. package/dist/{useGlobalDark-yhL4Wp-s.js → useGlobalDark-C28t0VWJ.js} +22 -3
  215. package/dist/{useRAFLoop-Bxv0o6L5.js → useRAFLoop-CdwJ7284.js} +1 -1
  216. package/dist/{useSpringMount-CI2jOstM.js → useSpringMount-CvopqiFr.js} +1 -1
  217. package/dist/useSurfaceAxis-CMnF2zHb.js +7 -0
  218. package/dist/{useTouchGate-Dg7MQI1G.js → useTouchGate-28Tk2-t2.js} +1 -1
  219. package/dist/{vReveal-CqaCz_mC.js → useViewTransition-COsPjQVZ.js} +15 -12
  220. package/dist/vReveal-D9k0jADx.js +10 -0
  221. package/dist/watercolor-dot.js +12 -5
  222. package/package.json +71 -7
  223. package/src/styles/animations.css +11 -26
  224. package/src/styles/configurator.css +35 -0
  225. package/src/styles/dock/density.css +19 -0
  226. package/src/styles/dock/overflow.css +15 -0
  227. package/src/styles/dock/rail-extend.css +168 -71
  228. package/src/styles/dock/section.css +59 -0
  229. package/src/styles/dock/shell.css +34 -5
  230. package/src/styles/dock-controls/icon-button.css +11 -1
  231. package/src/styles/dock-controls/tab-button.css +24 -83
  232. package/src/styles/dock-controls/triggers.css +7 -0
  233. package/src/styles/dock.css +6 -3
  234. package/src/styles/drawer.css +42 -0
  235. package/src/styles/feedback-tone.css +104 -0
  236. package/src/styles/glass/ladder.css +68 -22
  237. package/src/styles/glass/surface-axis.css +113 -0
  238. package/src/styles/glass/surfaces.css +88 -12
  239. package/src/styles/glass.css +5 -2
  240. package/src/styles/icon-chip.css +149 -0
  241. package/src/styles/index.css +66 -4
  242. package/src/styles/instrument-chassis.css +42 -0
  243. package/src/styles/menu.css +127 -0
  244. package/src/styles/segmented-tabs.css +156 -87
  245. package/src/styles/select.css +50 -0
  246. package/src/styles/theme/bridges.css +11 -1
  247. package/src/styles/tokens/color-radius.css +40 -13
  248. package/src/styles/tokens/dark-arm.css +124 -16
  249. package/src/styles/tokens/glass.css +83 -23
  250. package/src/styles/tokens/light-dark.css +48 -19
  251. package/src/styles/tokens/offsets-sizing.css +62 -0
  252. package/src/styles/tokens/property-regs.css +3 -10
  253. package/src/styles/tokens/scale-paper.css +45 -2
  254. package/src/styles/tokens/scheme-motion.css +32 -14
  255. package/src/styles/transitions.css +7 -7
  256. package/src/styles/typography/scale.css +153 -0
  257. package/src/styles/typography/semantic.css +220 -0
  258. package/src/styles/typography/utilities.css +159 -0
  259. package/src/styles/typography.css +23 -507
  260. package/src/styles/utilities/a11y-overrides.css +33 -4
  261. package/src/styles/utilities/base.css +177 -1
  262. package/src/styles/utilities/btn.css +18 -201
  263. package/src/styles/view-transition.css +4 -1
  264. package/dist/CardAction-Cj2eycQ2.js +0 -157
  265. package/dist/DialogContent-Dl9WkAoS.js +0 -100
  266. package/dist/PopoverContent-BYwt2-4x.js +0 -121
  267. package/dist/TabsList-Dttss653.js +0 -105
  268. package/dist/components/custom/underline/GlassUnderline.vue.d.ts +0 -84
  269. package/dist/components/custom/underline/index.d.ts +0 -2
  270. package/dist/components/custom/underline/types.d.ts +0 -56
  271. package/dist/components/ui/carousel/CarouselDots.vue.d.ts +0 -4
  272. package/dist/underline.d.ts +0 -1
  273. package/dist/underline.js +0 -85
  274. package/dist/useConfiguratorState-DAoeHVue.js +0 -287
  275. /package/dist/{CollapsibleContent-CP9qF1v4.js → CollapsibleContent-C_s6fG7r.js} +0 -0
  276. /package/dist/{ContextMenuContent-CT3AS1WX.js → ContextMenuContent-ON3x7cuk.js} +0 -0
  277. /package/dist/{HoverCardContent-Csywg3YF.js → HoverCardContent-DkMaQzH5.js} +0 -0
  278. /package/dist/{IconTooltip-DPzE09X9.js → IconTooltip-DSjasZIt.js} +0 -0
  279. /package/dist/{Input-DWQQIOC4.js → Input-DVG_J0ne.js} +0 -0
  280. /package/dist/{Label-r3WzWrsj.js → Label-Ck9SWEKM.js} +0 -0
  281. /package/dist/{ModalOverlay-DVLI2VRr.js → ModalOverlay-CkPRRgl_.js} +0 -0
  282. /package/dist/{PaperBackdrop-DIXTtVq6.js → PaperBackdrop-nBKe0vkB.js} +0 -0
  283. /package/dist/{SelectGroup-aumMgWLs.js → SelectGroup-Dcczq44n.js} +0 -0
  284. /package/dist/{SelectSeparator-BQ_1Fcbp.js → SelectSeparator-DK2y1Bun.js} +0 -0
  285. /package/dist/{Separator-0JE6LtNu.js → Separator-BArl4OaB.js} +0 -0
  286. /package/dist/{_plugin-vue_export-helper-ok8pgSl5.js → _plugin-vue_export-helper-CBt_VvXa.js} +0 -0
  287. /package/dist/{color-CUYeFbgd.js → color-DweYl7pE.js} +0 -0
  288. /package/dist/{compile-B7NGOBcP.js → compile-EXXzEr1q.js} +0 -0
  289. /package/dist/{constants-CS75AWHG.js → constants-BPOqYJAm.js} +0 -0
  290. /package/dist/{createContext-BM46COQ-.js → createContext-B2RaZ-b8.js} +0 -0
  291. /package/dist/{prng-D27-B3tK.js → prng-Cg22zv8g.js} +0 -0
  292. /package/dist/{springPresets--YdWTHtm.js → springPresets-WXaLbu8u.js} +0 -0
  293. /package/dist/{useIntersectionPause-Cc-H9ees.js → useIntersectionPause-Bj4sPkMh.js} +0 -0
  294. /package/dist/{useInterval-iHludrxk.js → useInterval-CNdua40W.js} +0 -0
  295. /package/dist/{useKeyboardShortcuts-Be3w_Rwk.js → useKeyboardShortcuts-BXWXOZ-9.js} +0 -0
  296. /package/dist/{useLiquidFlex-BL0lLLN2.js → useLiquidFlex-C12hXwOZ.js} +0 -0
  297. /package/dist/{useResizeObserver-BhgdhOIj.js → useResizeObserver-V6nq5gJb.js} +0 -0
  298. /package/dist/{useResolveTokenColor-Dvn2RZJW.js → useResolveTokenColor-NUG2zYAW.js} +0 -0
  299. /package/dist/{useScrollProgress-Dlvx-L3v.js → useScrollProgress-D7bYU2RK.js} +0 -0
  300. /package/dist/{useSortable-muI29agz.js → useSortable-BVqlJRBR.js} +0 -0
  301. /package/dist/{useTextHighlight-DmRYkOBx.js → useTextHighlight-NmBM5V_4.js} +0 -0
  302. /package/dist/{useTimer-Dzarvzuk.js → useTimer-B_PAasDL.js} +0 -0
  303. /package/dist/{useUserInvalidAria-B2h6jAM_.js → useUserInvalidAria-CDfJuakL.js} +0 -0
  304. /package/dist/{useViewportReady-B40FK4Pa.js → useViewportReady-CvBcCYDf.js} +0 -0
@@ -1,100 +0,0 @@
1
- import { t as e } from "./cn-DJXf4yaB.js";
2
- import { t } from "./x-BUwTKe50.js";
3
- import { t as n } from "./useSpringMount-CI2jOstM.js";
4
- import { t as r } from "./ModalOverlay-DVLI2VRr.js";
5
- import { computed as i, createBlock as a, createCommentVNode as o, createElementVNode as s, createVNode as c, defineComponent as l, mergeProps as u, openBlock as d, renderSlot as f, unref as p, withCtx as m } from "vue";
6
- import { DialogClose as h, DialogContent as g, DialogPortal as _, DialogRoot as v, injectDialogRootContext as y, useForwardPropsEmits as b } from "reka-ui";
7
- //#endregion
8
- //#region src/components/ui/dialog/Dialog.vue
9
- var x = /* @__PURE__ */ l({
10
- __name: "Dialog",
11
- props: {
12
- open: { type: Boolean },
13
- defaultOpen: { type: Boolean },
14
- modal: { type: Boolean }
15
- },
16
- emits: ["update:open"],
17
- setup(e, { emit: t }) {
18
- let n = b(e, t);
19
- return (e, t) => (d(), a(p(v), u({ "data-slot": "dialog" }, p(n)), {
20
- default: m(() => [f(e.$slots, "default")]),
21
- _: 3
22
- }, 16));
23
- }
24
- }), S = "fixed left-1/2 top-1/2 z-modal grid w-full max-w-lg gap-4 p-6", C = "-translate-x-1/2 -translate-y-1/2 duration-normal popover-animate", w = /* @__PURE__ */ l({
25
- __name: "DialogContent",
26
- props: {
27
- forceMount: { type: Boolean },
28
- disableOutsidePointerEvents: { type: Boolean },
29
- asChild: { type: Boolean },
30
- as: {},
31
- class: { type: [
32
- Boolean,
33
- null,
34
- String,
35
- Object,
36
- Array
37
- ] },
38
- variant: { default: "glass" },
39
- scrimAnimation: {},
40
- spring: { type: [Boolean, String] },
41
- showClose: {
42
- type: Boolean,
43
- default: !0
44
- }
45
- },
46
- emits: [
47
- "escapeKeyDown",
48
- "pointerDownOutside",
49
- "focusOutside",
50
- "interactOutside",
51
- "openAutoFocus",
52
- "closeAutoFocus"
53
- ],
54
- setup(l, { emit: v }) {
55
- let x = l, w = v, T = b(i(() => {
56
- let { class: e, variant: t, scrimAnimation: n, spring: r, showClose: i, ...a } = x;
57
- return a;
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
- open: D.open,
60
- preset: typeof x.spring == "string" ? x.spring : "smooth"
61
- }) : null, k = i(() => {
62
- if (!O) return;
63
- let e = O.position.value;
64
- return {
65
- transform: `translate(-50%, -50%) scale(${1 - .05 * e})`,
66
- opacity: String(1 - e),
67
- animation: "none",
68
- transition: "none"
69
- };
70
- });
71
- return (n, i) => (d(), a(p(_), null, {
72
- default: m(() => [c(r, {
73
- scrim: "glass",
74
- animate: "fade",
75
- layout: "centered",
76
- "scrim-animation": x.scrimAnimation
77
- }, null, 8, ["scrim-animation"]), c(p(g), u(p(T), {
78
- class: p(e)(S, x.spring ? "" : C, E.value, x.class),
79
- style: k.value,
80
- "data-spring": x.spring ? typeof x.spring == "string" ? x.spring : "smooth" : void 0
81
- }), {
82
- default: m(() => [f(n.$slots, "default"), x.showClose ? (d(), a(p(h), {
83
- key: 0,
84
- class: "focus-ring absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground"
85
- }, {
86
- default: m(() => [c(p(t), { class: "w-4 h-4" }), i[0] ||= s("span", { class: "sr-only" }, "Close", -1)]),
87
- _: 1
88
- })) : o("", !0)]),
89
- _: 3
90
- }, 16, [
91
- "class",
92
- "style",
93
- "data-spring"
94
- ])]),
95
- _: 3
96
- }));
97
- }
98
- });
99
- //#endregion
100
- export { x as n, w as t };
@@ -1,121 +0,0 @@
1
- import { t as e } from "./cn-DJXf4yaB.js";
2
- import { i as t } from "./dockContext-BegmJVmx.js";
3
- import { computed as n, createBlock as r, createVNode as i, defineComponent as a, guardReactiveProps as o, mergeProps as s, normalizeProps as c, openBlock as l, renderSlot as u, unref as d, withCtx as f } from "vue";
4
- import { PopoverContent as p, PopoverPortal as m, PopoverRoot as h, PopoverTrigger as g, useForwardPropsEmits as _ } from "reka-ui";
5
- //#endregion
6
- //#region src/components/ui/popover/Popover.vue
7
- var v = /* @__PURE__ */ a({
8
- __name: "Popover",
9
- props: {
10
- defaultOpen: { type: Boolean },
11
- open: { type: Boolean },
12
- modal: { type: Boolean }
13
- },
14
- emits: ["update:open"],
15
- setup(e, { emit: t }) {
16
- let n = _(e, t);
17
- return (e, t) => (l(), r(d(h), s({ "data-slot": "popover" }, d(n)), {
18
- default: f(() => [u(e.$slots, "default")]),
19
- _: 3
20
- }, 16));
21
- }
22
- }), y = /* @__PURE__ */ a({
23
- __name: "PopoverTrigger",
24
- props: {
25
- asChild: { type: Boolean },
26
- as: {}
27
- },
28
- setup(e) {
29
- let t = e;
30
- return (e, n) => (l(), r(d(g), c(o(t)), {
31
- default: f(() => [u(e.$slots, "default")]),
32
- _: 3
33
- }, 16));
34
- }
35
- }), b = /* @__PURE__ */ a({
36
- inheritAttrs: !1,
37
- __name: "PopoverContent",
38
- props: {
39
- forceMount: { type: Boolean },
40
- side: {},
41
- sideOffset: { default: 4 },
42
- sideFlip: { type: Boolean },
43
- align: { default: "center" },
44
- alignOffset: {},
45
- alignFlip: { type: Boolean },
46
- avoidCollisions: { type: Boolean },
47
- collisionBoundary: {},
48
- collisionPadding: {},
49
- arrowPadding: {},
50
- hideShiftedArrow: { type: Boolean },
51
- sticky: {},
52
- hideWhenDetached: { type: Boolean },
53
- positionStrategy: {},
54
- updatePositionStrategy: {},
55
- disableUpdateOnLayoutShift: { type: Boolean },
56
- prioritizePosition: { type: Boolean },
57
- reference: {},
58
- asChild: { type: Boolean },
59
- as: {},
60
- disableOutsidePointerEvents: { type: Boolean },
61
- class: { type: [
62
- Boolean,
63
- null,
64
- String,
65
- Object,
66
- Array
67
- ] },
68
- portal: {
69
- type: Boolean,
70
- default: !0
71
- }
72
- },
73
- emits: [
74
- "escapeKeyDown",
75
- "pointerDownOutside",
76
- "focusOutside",
77
- "interactOutside",
78
- "openAutoFocus",
79
- "closeAutoFocus"
80
- ],
81
- setup(a, { emit: o }) {
82
- let c = a, h = o, g = _(n(() => {
83
- let { class: e, portal: t, ...n } = c;
84
- return n;
85
- }), h), v = t();
86
- return (t, n) => a.portal ? (l(), r(d(m), { key: 0 }, {
87
- default: f(() => [i(d(p), s({
88
- ...d(g),
89
- ...t.$attrs
90
- }, {
91
- "data-glass-dock-portal": d(v)?.id ? "" : void 0,
92
- "data-glass-dock-owner": d(v)?.id,
93
- class: d(e)("popover-content z-popover w-72 glass-floating p-4 popover-animate slide-in-from-side", c.class)
94
- }), {
95
- default: f(() => [u(t.$slots, "default")]),
96
- _: 3
97
- }, 16, [
98
- "data-glass-dock-portal",
99
- "data-glass-dock-owner",
100
- "class"
101
- ])]),
102
- _: 3
103
- })) : (l(), r(d(p), s({ key: 1 }, {
104
- ...d(g),
105
- ...t.$attrs
106
- }, {
107
- "data-glass-dock-portal": d(v)?.id ? "" : void 0,
108
- "data-glass-dock-owner": d(v)?.id,
109
- class: d(e)("popover-content z-popover w-72 glass-floating p-4 popover-animate slide-in-from-side", c.class)
110
- }), {
111
- default: f(() => [u(t.$slots, "default")]),
112
- _: 3
113
- }, 16, [
114
- "data-glass-dock-portal",
115
- "data-glass-dock-owner",
116
- "class"
117
- ]));
118
- }
119
- });
120
- //#endregion
121
- export { y as n, v as r, b as t };
@@ -1,105 +0,0 @@
1
- import { t as e } from "./cn-DJXf4yaB.js";
2
- import { computed as t, createBlock as n, createCommentVNode as r, defineComponent as i, mergeProps as a, openBlock as o, renderSlot as s, unref as c, withCtx as l } from "vue";
3
- import { TabsIndicator as u, TabsList as d, TabsRoot as f, TabsTrigger as p, useForwardProps as m, useForwardPropsEmits as h } from "reka-ui";
4
- //#endregion
5
- //#region src/components/ui/tabs/Tabs.vue
6
- var g = /* @__PURE__ */ i({
7
- __name: "Tabs",
8
- props: {
9
- defaultValue: {},
10
- orientation: {},
11
- dir: {},
12
- activationMode: {},
13
- modelValue: {},
14
- unmountOnHide: { type: Boolean },
15
- asChild: { type: Boolean },
16
- as: {}
17
- },
18
- emits: ["update:modelValue"],
19
- setup(e, { emit: t }) {
20
- let r = h(e, t);
21
- return (e, t) => (o(), n(c(f), a({ "data-slot": "tabs" }, c(r)), {
22
- default: l(() => [s(e.$slots, "default")]),
23
- _: 3
24
- }, 16));
25
- }
26
- }), _ = /* @__PURE__ */ i({
27
- __name: "TabsTrigger",
28
- props: {
29
- value: {},
30
- disabled: { type: Boolean },
31
- asChild: { type: Boolean },
32
- as: {},
33
- class: { type: [
34
- Boolean,
35
- null,
36
- String,
37
- Object,
38
- Array
39
- ] }
40
- },
41
- setup(r) {
42
- let i = r, u = m(t(() => {
43
- let { class: e, ...t } = i;
44
- return t;
45
- }));
46
- return (t, r) => (o(), n(c(p), a({ "data-slot": "tabs-trigger" }, c(u), { class: c(e)("tap-squish focus-ring relative z-[1] inline-flex items-center justify-center whitespace-nowrap rounded-control p-1 px-3 text-sm font-medium transition-control disabled:pointer-events-none disabled:opacity-disabled data-[state=active]:text-[var(--active-tab-color,var(--foreground))] hover:text-foreground/70", i.class) }), {
47
- default: l(() => [s(t.$slots, "default")]),
48
- _: 3
49
- }, 16, ["class"]));
50
- }
51
- }), v = /* @__PURE__ */ i({
52
- __name: "TabsIndicator",
53
- props: {
54
- asChild: { type: Boolean },
55
- as: {},
56
- class: { type: [
57
- Boolean,
58
- null,
59
- String,
60
- Object,
61
- Array
62
- ] },
63
- surface: {
64
- type: Boolean,
65
- default: !0
66
- }
67
- },
68
- setup(r) {
69
- let i = r, s = t(() => {
70
- let { class: e, surface: t, ...n } = i;
71
- return n;
72
- });
73
- 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 transition-[width,translate] duration-normal ease-spring-snappy", i.surface && "bg-(--glass-bg-quiet) [backdrop-filter:var(--glass-blur-quiet)]", i.class) }), null, 16, ["class"]));
74
- }
75
- }), y = /* @__PURE__ */ i({
76
- __name: "TabsList",
77
- props: {
78
- loop: { type: Boolean },
79
- asChild: { type: Boolean },
80
- as: {},
81
- class: { type: [
82
- Boolean,
83
- null,
84
- String,
85
- Object,
86
- Array
87
- ] },
88
- indicator: {
89
- type: Boolean,
90
- default: !0
91
- }
92
- },
93
- setup(i) {
94
- let u = i, f = t(() => {
95
- let { class: e, indicator: t, ...n } = u;
96
- return n;
97
- });
98
- return (t, p) => (o(), n(c(d), a({ "data-slot": "tabs-list" }, f.value, { class: c(e)("relative inline-flex h-(--control-h-md) items-center justify-center rounded-input p-1 text-muted-foreground", u.class) }), {
99
- default: l(() => [i.indicator ? (o(), n(v, { key: 0 })) : r("", !0), s(t.$slots, "default")]),
100
- _: 3
101
- }, 16, ["class"]));
102
- }
103
- });
104
- //#endregion
105
- export { g as i, v as n, _ as r, y as t };
@@ -1,84 +0,0 @@
1
- import type { TimingFunction } from "@mkbabb/keyframes.js";
2
- import type { GlassUnderlinePaths } from "./types";
3
- type __VLS_Props = {
4
- /**
5
- * Which clock drives the draw. `load` (default) — the draw is a
6
- * `NumericAnimation` the parent's load `Sequence` fires once via `play()`.
7
- * `scroll` — native `view()` keyframes, bidirectional, no JS. `static` —
8
- * set drawn, no clock.
9
- */
10
- clock?: "load" | "scroll" | "static";
11
- /**
12
- * The render variant. `pen` is the only PROVEN, filter-free render.
13
- * pencil | crayon | boil are UNPROVEN headroom — the API seam for a future
14
- * wave, NOT shipped here (they render pen today).
15
- */
16
- variant?: "pen" | "pencil" | "crayon" | "boil";
17
- /** The stroke colour. Defaults to `var(--primary)` (re-resolves under .dark). */
18
- color?: string;
19
- /** The load-clock draw duration (ms). Default 700. */
20
- drawMs?: number;
21
- /**
22
- * The load-clock easing. Default `easeOutCubic` — doctrine-compliant (DEC-6):
23
- * ink is an irreversible additive reveal, so an overshooting spring would lay
24
- * ink past the end then retract it (the "never overshoot past gone" logic).
25
- * The value.js `TimingFunction` type (already a peer) serves a consumer's own
26
- * decelerating register (e.g. an expo).
27
- */
28
- easing?: TimingFunction;
29
- /**
30
- * The scroll-clock timeline name (DEC-5). Default the element's own `view()`.
31
- * Bound as `--gu-timeline`; the CSS reads `animation-timeline:
32
- * var(--gu-timeline, view())`. A consumer (`--beat-tl`, a named scroll
33
- * timeline) passes its own.
34
- */
35
- timeline?: string;
36
- /**
37
- * The declarative third clock (DEC-2). A thin overlay ON the load clock:
38
- * `undefined` (default) = source parity (seeds undrawn, parent fires
39
- * `play()`); bound: rising edge → play() (under PRM → snap()), falling edge
40
- * → reset to undrawn so re-activation REPLAYS, mount with `true` → plays.
41
- * Only meaningful with `clock="load"` (the other clocks rest drawn).
42
- */
43
- active?: boolean;
44
- /**
45
- * The geometry escape (DEC-7). The FULL geometry tuple
46
- * `{ stroke, ghost?, viewBox?, len? }` — a bare `d`-string escape silently
47
- * breaks the dash model when the consumer geometry's viewBox/length differ.
48
- * Defaults to the canonical pen + ghost.
49
- */
50
- paths?: GlassUnderlinePaths;
51
- };
52
- /**
53
- * CLOCK A — draw the underline ONCE. The awaitable a parent's load `Sequence` fires
54
- * as a causal link. Resolves a Promise so the Sequence can `await` it; under PRM it
55
- * snaps to drawn in one paint and resolves immediately. A no-op for scroll/static.
56
- */
57
- declare function play(): Promise<void>;
58
- /** Snap to terminal (drawn) — the PRM / interrupt path. */
59
- declare function snap(): void;
60
- declare var __VLS_1: {};
61
- type __VLS_Slots = {} & {
62
- default?: (props: typeof __VLS_1) => any;
63
- };
64
- declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
65
- play: typeof play;
66
- snap: typeof snap;
67
- }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
68
- active: boolean;
69
- variant: "pen" | "pencil" | "crayon" | "boil";
70
- color: string;
71
- clock: "load" | "scroll" | "static";
72
- drawMs: number;
73
- easing: TimingFunction;
74
- timeline: string;
75
- paths: GlassUnderlinePaths;
76
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
77
- declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
78
- declare const _default: typeof __VLS_export;
79
- export default _default;
80
- type __VLS_WithSlots<T, S> = T & {
81
- new (): {
82
- $slots: S;
83
- };
84
- };
@@ -1,2 +0,0 @@
1
- export { default as GlassUnderline } from "./GlassUnderline.vue";
2
- export type { GlassUnderlineClock, GlassUnderlineVariant, GlassUnderlinePaths, GlassUnderlineProps, GlassUnderlineExpose, } from "./types";
@@ -1,56 +0,0 @@
1
- import type { TimingFunction } from "@mkbabb/keyframes.js";
2
- /** Which clock drives the draw. */
3
- export type GlassUnderlineClock = "load" | "scroll" | "static";
4
- /**
5
- * The render variant. `pen` is the only PROVEN, filter-free render (the masthead
6
- * invariant). pencil | crayon | boil are UNPROVEN headroom — the API seam for a
7
- * future wave, NOT shipped (they render pen today).
8
- */
9
- export type GlassUnderlineVariant = "pen" | "pencil" | "crayon" | "boil";
10
- /**
11
- * The geometry escape tuple (DEC-7). Carries the FULL geometry so an escaped path
12
- * stays dash-coherent — a bare `d`-string escape silently breaks the dash model when
13
- * the consumer geometry's viewBox/length differ from the canonical
14
- * (`0 0 100 10` + `len` 120).
15
- */
16
- export interface GlassUnderlinePaths {
17
- /** The primary pen stroke `d`. */
18
- readonly stroke: string;
19
- /** The faint ghost overdraw `d`. Omit for a single-path (no overdraw) render. */
20
- readonly ghost?: string;
21
- /** The SVG viewBox. Default `0 0 100 10`. */
22
- readonly viewBox?: string;
23
- /** The dasharray length (the over-long fixed dash). Default `120`. */
24
- readonly len?: number;
25
- }
26
- /** GlassUnderline props (the public prop surface). */
27
- export interface GlassUnderlineProps {
28
- /** Which clock drives the draw. Default `load`. */
29
- clock?: GlassUnderlineClock;
30
- /** The render variant. Default `pen` (the only proven render). */
31
- variant?: GlassUnderlineVariant;
32
- /** The stroke colour. Default `var(--primary)` (re-resolves under `.dark`). */
33
- color?: string;
34
- /** The load-clock draw duration (ms). Default `700`. */
35
- drawMs?: number;
36
- /** The load-clock easing (value.js `TimingFunction`). Default `easeOutCubic`. */
37
- easing?: TimingFunction;
38
- /** The scroll-clock timeline name. Default the element's own `view()`. */
39
- timeline?: string;
40
- /**
41
- * The declarative third clock — a thin overlay ON the load clock. `undefined`
42
- * (default) = source parity (parent fires `play()`); rising edge → play, falling
43
- * edge → reset-to-undrawn (re-rise REPLAYS), mount-`true` → plays. Only
44
- * meaningful with `clock="load"`.
45
- */
46
- active?: boolean;
47
- /** The geometry escape tuple. Defaults to the canonical pen + ghost. */
48
- paths?: GlassUnderlinePaths;
49
- }
50
- /** The imperative handle exposed via `defineExpose` / a template ref. */
51
- export interface GlassUnderlineExpose {
52
- /** Draw the load-clock underline once (the awaitable a Sequence chains). */
53
- play: () => Promise<void>;
54
- /** Snap to terminal (drawn) — the PRM / interrupt path. */
55
- snap: () => void;
56
- }
@@ -1,4 +0,0 @@
1
- import type { WithClassAsProps } from "./interface";
2
- declare const __VLS_export: import("vue").DefineComponent<WithClassAsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<WithClassAsProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
3
- declare const _default: typeof __VLS_export;
4
- export default _default;
@@ -1 +0,0 @@
1
- export * from "./components/custom/underline";
package/dist/underline.js DELETED
@@ -1,85 +0,0 @@
1
- import { t as e } from "./_plugin-vue_export-helper-ok8pgSl5.js";
2
- import { computed as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeStyle as a, onMounted as o, openBlock as s, ref as c, renderSlot as l, unref as u, useCssVars as d, useId as f, watch as p } from "vue";
3
- import { NumericAnimation as m } from "@mkbabb/keyframes.js";
4
- import { easeOutCubic as h } from "@mkbabb/value.js";
5
- //#region src/components/custom/underline/GlassUnderline.vue?vue&type=script&setup=true&lang.ts
6
- var g = ["data-gu-clock", "data-gu-variant"], _ = ["viewBox"], v = ["id", "d"], y = ["d"], b = 120, x = "M1,6 C18,3 30,8 48,5 S78,3 99,6", S = "M1,7.1 C20,5 32,9 50,6.2 S80,5 99,7", C = /* @__PURE__ */ e(/* @__PURE__ */ i({
7
- __name: "GlassUnderline",
8
- props: {
9
- clock: { default: "load" },
10
- variant: { default: "pen" },
11
- color: { default: void 0 },
12
- drawMs: { default: 700 },
13
- easing: {
14
- type: Function,
15
- default: void 0
16
- },
17
- timeline: { default: void 0 },
18
- active: {
19
- type: Boolean,
20
- default: void 0
21
- },
22
- paths: { default: void 0 }
23
- },
24
- setup(e, { expose: i }) {
25
- d((e) => ({ v237e7abc: C.color ?? "var(--primary)" }));
26
- let C = e;
27
- function w() {
28
- return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
29
- }
30
- let T = w(), E = t(() => C.paths?.stroke ?? x), D = t(() => C.paths?.ghost ?? S), O = t(() => C.paths?.viewBox ?? "0 0 100 10"), k = t(() => C.paths?.len ?? b), A = f(), j = t(() => C.clock === "scroll" ? T ? "static" : "scroll" : C.clock === "static" ? "static" : "load"), M = c(C.clock === "load" && !T && C.active !== !0 ? k.value : 0), N = null;
31
- async function P() {
32
- if (C.clock === "load") {
33
- if (T) {
34
- M.value = 0;
35
- return;
36
- }
37
- N?.stop(), M.value = k.value, N = new m([{ off: k.value }, { off: 0 }], {
38
- duration: C.drawMs,
39
- timingFunction: C.easing ?? h,
40
- respectReducedMotion: !0
41
- }), await N.play((e) => {
42
- M.value = e.off;
43
- });
44
- }
45
- }
46
- function F() {
47
- N?.stop(), M.value = 0;
48
- }
49
- function I() {
50
- N?.stop(), M.value = C.clock === "load" && !T ? k.value : 0;
51
- }
52
- return p(() => C.active, (e, t) => {
53
- C.clock === "load" && (e === !0 && t !== !0 ? T ? F() : P() : e === !1 && t === !0 && I());
54
- }), o(() => {
55
- C.clock === "load" && C.active === !0 && (T ? F() : P());
56
- }), i({
57
- play: P,
58
- snap: F
59
- }), (t, i) => (s(), n("span", {
60
- class: "glass-underline",
61
- "data-gu-clock": j.value,
62
- "data-gu-variant": e.variant,
63
- style: a(e.timeline ? { "--gu-timeline": e.timeline } : void 0)
64
- }, [l(t.$slots, "default", {}, void 0, !0), (s(), n("svg", {
65
- class: "glass-underline__ink",
66
- viewBox: O.value,
67
- preserveAspectRatio: "none",
68
- "aria-hidden": "true",
69
- focusable: "false",
70
- style: a({
71
- "--gu-off": String(M.value),
72
- "--gu-len": String(k.value)
73
- })
74
- }, [r("path", {
75
- id: `gu-stroke-${u(A)}`,
76
- class: "glass-underline__stroke",
77
- d: E.value
78
- }, null, 8, v), r("path", {
79
- class: "glass-underline__stroke glass-underline__stroke--ghost",
80
- d: D.value
81
- }, null, 8, y)], 12, _))], 12, g));
82
- }
83
- }), [["__scopeId", "data-v-20b5d619"]]);
84
- //#endregion
85
- export { C as GlassUnderline };