@mkbabb/glass-ui 3.13.0 → 4.0.0

package/dist/components/ui/_shared/index.d.ts

@@ -1,2 +1,4 @@
 export { menuItemVariants } from "./menuItemVariants";
 export type { MenuItemVariants } from "./menuItemVariants";
+export { surfaceClass } from "./useSurfaceAxis";
+export type { Surface, SurfaceTier } from "./useSurfaceAxis";

package/dist/components/ui/_shared/menuItemVariants.d.ts

@@ -24,8 +24,27 @@ import { type VariantProps } from "class-variance-authority";
  *
  * Indicator slot variants reserve the gutter for radio-dot / check / chevron
  * indicator spans the consumer SFCs render absolutely-positioned.
+ *
+ * Surface axis (BA.W-MENU-GLASS) — the menu-row's MATERIAL register, an
+ * EXPRESSION of the shared {glass·veil·opaque} surface-decoration axis
+ * (`_shared/useSurfaceAxis.ts` / `glass/surface-axis.css`), NOT a second axis:
+ * - `glass` (DEFAULT, glass-first canon AX.W54) — the `.glass-menu-row` recipe
+ *   (`src/styles/menu.css`): the hover / focus / `data-highlighted` / open states
+ *   paint the ELEMENT-LEVEL glass-quiet oklab tint (so the row darkens-over-light
+ *   AND lifts-over-dark per W-DARK-MATERIAL's tint arm) + a PRM-gated `translateY`
+ *   hover-lift, the 44px touch floor, the iOS-grade glassy hover-lift plate. The
+ *   flat `bg-accent` utilities are DROPPED on this arm — the cascade-trap-safe
+ *   shape: with no unlayered `hover:bg-accent` utility the ONLY background-painters
+ *   are the `@layer components` `.interactive-item:hover` accent rule and the
+ *   `.glass-menu-row` recipe (imported AFTER utilities.css so it source-order-wins
+ *   at equal specificity+layer — the AZ dock-rail `@layer`-loses-to-utility trap
+ *   pre-empted: never re-add an unlayered flat-accent utility here).
+ * - `accent` — the EXPLICIT flat-accent escape (the prior default's look). A clean
+ *   break, NOT a back-compat alias (BA inv-7): a consumer that wants the flat fill
+ *   opts in via `surface="accent"`.
  */
 export declare const menuItemVariants: (props?: ({
+    surface?: "accent" | "glass" | null | undefined;
     indicator?: "start" | "none" | "start-wide" | null | undefined;
     density?: "comfortable" | "audacious" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/ui/_shared/useSurfaceAxis.d.ts

@@ -0,0 +1,41 @@
+/**
+ * The shared surface-decoration axis — three rungs, ONE grammar.
+ *
+ *   glass   — the resolved tier's plain glass rung (default). The translucent
+ *             blur surface, the maximal glass-first register.
+ *   veil    — the borderless/rimless text-legibility plate: the `--glass-bg-quiet`
+ *             fill + blur with the box border AND rim STRIPPED (the boxed look
+ *             reads as a dividing line on a text plate). Reads the same `--glass-*`
+ *             ladder + W55 `--glass-tint-*` seam, so `--glass-level` / the bright
+ *             bucket retune it in lockstep with every glass surface.
+ *   opaque  — the `--glass-level:0` solid-card escape: solid `--card` + `blur(0)`
+ *             through the ONE level knob. The explicit opt-out from the maximal
+ *             glass default.
+ */
+export type Surface = "glass" | "veil" | "opaque";
+/**
+ * The 5-rung glass-ladder tier the surface paints its base over. Mirrors the
+ * `.glass-{wash,quiet,resting,floating,overlay}` ladder. A surface passes the rung
+ * it already paints (Card's `resting`, Dialog/Sheet/Popover's `floating`); the
+ * resolver maps it to the `glass-${tier}` base class. `opaque` is NOT a ladder
+ * rung here — it is a decoration on TOP of a base tier (the `.glass-opaque`
+ * escape keeps the tier's edge/rim), exactly as Card composes it.
+ */
+export type SurfaceTier = "wash" | "quiet" | "resting" | "floating" | "overlay";
+/**
+ * Resolve a (surface, tier) pair to the class string a surface composes. Pairs
+ * with a `:data-surface="surface"` attribute binding on the same element — the
+ * CSS seam (`surface-axis.css`) reads the attr to apply the veil/opaque
+ * decoration UNIFORMLY, while this resolver emits the back-compat decoration
+ * classes (`veil-surface` / `glass-opaque`) so Card's three shared rungs stay
+ * byte-identical and a surface composing the class set alone (no attr) still
+ * paints correctly.
+ *
+ *   surfaceClass("glass",  "floating") → "glass-floating"
+ *   surfaceClass("veil",   "floating") → "glass-floating veil-surface"
+ *   surfaceClass("opaque", "floating") → "glass-floating glass-opaque"
+ *
+ * @param surface the decoration rung (`glass` default · `veil` · `opaque`)
+ * @param tier    the base ladder rung (default `resting`)
+ */
+export declare function surfaceClass(surface?: Surface, tier?: SurfaceTier): string;

package/dist/components/ui/card/Card.vue.d.ts

@@ -78,8 +78,8 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     shadow: boolean;
     as: import("reka-ui").AsTag | import("vue").Component;
-    tier: CardTier;
     surface: CardSurface;
+    tier: CardTier;
     grain: boolean;
     specular: CardSpecular;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/ui/carousel/index.d.ts

@@ -1,6 +1,5 @@
 export { default as Carousel } from './Carousel.vue';
 export { default as CarouselContent } from './CarouselContent.vue';
-export { default as CarouselDots } from './CarouselDots.vue';
 export { default as CarouselItem } from './CarouselItem.vue';
 export { default as CarouselNext } from './CarouselNext.vue';
 export { default as CarouselPager } from './CarouselPager.vue';

package/dist/components/ui/command/Command.vue.d.ts

@@ -1,7 +1,9 @@
 import { type HTMLAttributes } from 'vue';
 import type { ComboboxRootProps } from 'reka-ui';
+import { type Surface } from '../_shared/useSurfaceAxis';
 type __VLS_Props = ComboboxRootProps & {
     class?: HTMLAttributes['class'];
+    surface?: Surface;
 };
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -24,6 +26,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
 }>, {
     modelValue: import("reka-ui").AcceptableValue | import("reka-ui").AcceptableValue[];
     open: boolean;
+    surface: Surface;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/ui/dialog/DialogContent.vue.d.ts

@@ -1,10 +1,15 @@
 import { type HTMLAttributes } from 'vue';
 import { type DialogContentProps } from 'reka-ui';
 import { type SpringPreset } from '../../../composables/motion/useSpringMount';
+import { type Surface } from '../_shared/useSurfaceAxis';
 type __VLS_Props = DialogContentProps & {
     class?: HTMLAttributes['class'];
-    /** Visual variant: "glass" (translucent blur, default) or "opaque" (solid background). */
-    variant?: 'glass' | 'opaque';
+    /** Surface decoration register (BA.W-SURFACE-AXIS) — the SHARED
+     *  {glass·veil·opaque} axis. `glass` (translucent blur, default) renders the
+     *  floating glass tier; `veil` overlays the borderless/rimless text-legibility
+     *  plate; `opaque` sets `--glass-level:0` (the solid-card escape). Replaces the
+     *  retired binary `variant: glass|opaque` (clean break). */
+    surface?: Surface;
     /**
      * Optional CSS `animation` shorthand forwarded to the portaled scrim
      * via the `--scrim-animation` typed cascade variable. reka-ui's
@@ -66,7 +71,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
-    variant: "glass" | "opaque";
+    surface: Surface;
     showClose: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/ui/drawer/DrawerContent.vue.d.ts

@@ -1,5 +1,6 @@
 import type { DialogContentProps } from 'reka-ui';
 import type { HtmlHTMLAttributes } from 'vue';
+import { type Surface } from '../_shared/useSurfaceAxis';
 /**
  * `showOverlay` — render the scrim (AN.W3). Defaults `true` for the modal
  * sheet. The live-behind pattern (`<Drawer mode="live-behind">`) passes
@@ -11,6 +12,9 @@ import type { HtmlHTMLAttributes } from 'vue';
 type __VLS_Props = DialogContentProps & {
     class?: HtmlHTMLAttributes['class'];
     showOverlay?: boolean;
+    /** Surface decoration register (BA.W-SURFACE-AXIS) — the SHARED
+     *  {glass·veil·opaque} axis on top of the `.glass-drawer` recipe. */
+    surface?: Surface;
 };
 declare var __VLS_19: {};
 type __VLS_Slots = {} & {
@@ -31,6 +35,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onOpenAutoFocus?: ((event: Event) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
+    surface: Surface;
     showOverlay: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/ui/index.d.ts

@@ -32,7 +32,6 @@ export * from "./skeleton";
 export * from "./slider";
 export * from "./switch";
 export * from "./table";
-export * from "./tabs";
 export * from "./tags-input";
 export * from "./textarea";
 export * from "./toast";

package/dist/components/ui/popover/PopoverContent.vue.d.ts

@@ -1,8 +1,10 @@
 import { type HTMLAttributes } from 'vue';
 import { type PopoverContentProps } from 'reka-ui';
+import { type Surface } from '../_shared/useSurfaceAxis';
 type __VLS_Props = PopoverContentProps & {
     class?: HTMLAttributes['class'];
     portal?: boolean;
+    surface?: Surface;
 };
 declare var __VLS_14: {}, __VLS_23: {};
 type __VLS_Slots = {} & {
@@ -26,6 +28,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
     align: "start" | "center" | "end";
+    surface: Surface;
     sideOffset: number;
     portal: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/ui/progress/ProgressSectioned.vue.d.ts

@@ -2,9 +2,20 @@ import { type HTMLAttributes } from "vue";
 import { type ProgressRootProps } from "reka-ui";
 import { type ProgressSegment } from "./useProgressGeometry";
 /**
- * Sectioned progress variant — the phase-bus (AB.W3.T2). Renders N colour-coded
- * cells with gradient seams between siblings; the active cell carries a spring
- * fill driven by `activeProgress` and a living catch-light sweep.
+ * Sectioned progress variant — the phase-bus (AB.W3.T2; rebuilt on a SINGLE-FILL
+ * gradient paint model at BA.W-PROGRESS-GRADIENT). The bar reads as ONE continuous
+ * blended liquid filling a frosted recessed glass channel: segment colours hold
+ * their identity across their span and blend over short transition zones at the
+ * boundaries, the active front carries the single pill cap + catch-light, and
+ * pending phases keep their real hue as a faint ghost on the track.
+ *
+ * The paint is NOT per-cell rectangles. ONE `.progress-sectioned-flow` element
+ * spans the cumulative filled extent (`filledExtentPct`, derived off the same
+ * `useProgressGeometry` cells[]) and paints ONE `linear-gradient` whose stops are
+ * the segment colours (hard stop-pairs hold each hue crisp; short soft zones at
+ * the boundaries give the blend). No screen-seam band, no internal pill caps, no
+ * dead notch. The pending remainder of the recessed track carries a faint
+ * phase-tinted ghost gradient built from the pending cells' own colours.
  *
  * The single `modelValue` is NOT the truth here — the per-cell state map is. The
  * underlying `[role="progressbar"]` reports a numeric `aria-valuenow` derived from

package/dist/components/ui/select/SelectTrigger.vue.d.ts

@@ -2,17 +2,40 @@ import { type HTMLAttributes } from 'vue';
 import { type SelectTriggerProps } from 'reka-ui';
 type __VLS_Props = SelectTriggerProps & {
     class?: HTMLAttributes['class'];
-    /** 'default' = glass bg; 'ghost' = transparent, no border/shadow */
+    /** 'default' = the shared control REST surface (BA.W-SURFACE-AXIS scope 7 —
+     *  the `.control-surface` register every form control reads at rest, off the
+     *  prior `glass-wash` gray fork); 'ghost' = transparent, no border/shadow */
     variant?: 'default' | 'ghost';
-    /** Height register: 'default' = h-10 (byte-identical), 'sm' = h-9 (compact controls) */
-    size?: 'sm' | 'default';
+    /**
+     * The trigger register — a TWO-RANGE axis (BA.W-MENU-GLASS / BA-VJS-4 WO-3):
+     *  • HEIGHT tiers (`sm` | `default`) ride the `--control-h-*` comfort cohort
+     *    (h-9 / h-10), byte-identical to today.
+     *  • FONT-RUNG tiers (`display` | `audacious`) WRITE the shared picker-family
+     *    `--dropdown-text` token on the Select SCOPE (inline style), so the
+     *    trigger, the SelectValue, AND the item rows re-resolve at ONE scale off
+     *    the ONE documented lever (`offsets-sizing.css` — the items read
+     *    `--dropdown-text` via `menuItemVariants`' `text-dropdown` base). This is
+     *    the fix for the value.js trigger-only `text-display` desync (a 1.59×
+     *    trigger/items break): a consumer scaling the picker font reaches for the
+     *    PROP, which sets the FAMILY token, NOT a trigger-local `text-*` class that
+     *    leaves the items behind. The font rung carries a height too so the box
+     *    grows with the type. The height tiers stay; the font rung is ADDITIVE
+     *    (a consumer who never sets it keeps today's resolved sizes).
+     *
+     *  NOTE on the portal: `<SelectContent>` PORTALS to body, so the inline
+     *  `--dropdown-text` on the trigger reaches the trigger/value/chevron directly;
+     *  the items re-resolve when the consumer also threads the rung on the shared
+     *  Select scope (the documented family lever). For a single self-scaling
+     *  trigger the rung scales the visible trigger silhouette.
+     */
+    size?: 'sm' | 'default' | 'display' | 'audacious';
 };
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    size: "sm" | "default";
+    size: "sm" | "default" | "display" | "audacious";
     variant: "default" | "ghost";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/ui/sheet/SheetContent.vue.d.ts

@@ -2,9 +2,15 @@ import { type HTMLAttributes } from 'vue';
 import { type DialogContentProps } from 'reka-ui';
 import { type SheetVariants } from '.';
 import { type SpringPreset } from '../../../composables/motion/useSpringMount';
+import { type Surface } from '../_shared/useSurfaceAxis';
 interface SheetContentProps extends DialogContentProps {
     class?: HTMLAttributes['class'];
     side?: SheetVariants['side'];
+    /** Surface decoration register (BA.W-SURFACE-AXIS) — the SHARED
+     *  {glass·veil·opaque} axis. `glass` (default) renders the floating glass tier
+     *  sheetVariants already bakes; `veil` overlays the borderless text-legibility
+     *  plate; `opaque` sets `--glass-level:0` (the solid-card escape). */
+    surface?: Surface;
     /**
      * Opt into iOS spring-physics entrance via `useSpringMount` (W13). When
      * truthy, the sheet slides from off-edge via a `useSpring`-driven

package/dist/components/ui/skeleton/Skeleton.vue.d.ts

@@ -21,12 +21,15 @@ import type { HTMLAttributes } from 'vue';
  * (opacity-min) — the surface still reads but no longer cycles.
  */
 type SkeletonVariant = 'pulse' | 'shimmer' | 'breath';
+type SkeletonSurface = 'glass' | 'opaque';
 type __VLS_Props = {
     variant?: SkeletonVariant;
+    surface?: SkeletonSurface;
     class?: HTMLAttributes['class'];
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     variant: SkeletonVariant;
+    surface: SkeletonSurface;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/composables/dark/index.d.ts

@@ -1,5 +1,5 @@
 export { useGlobalDark } from "./useGlobalDark";
-export type { UseGlobalDarkOptions } from "./useGlobalDark";
+export type { UseGlobalDarkOptions, UseGlobalDarkReturn, DarkFlipSettledCallback, } from "./useGlobalDark";
 export { installDarkModeSync } from "./installDarkModeSync";
 export { darkModeSyncScript, DARK_MODE_STORAGE_KEY } from "./darkModeSyncScript";
 export type { DarkModeSyncScriptOptions } from "./darkModeSyncScript";

package/dist/composables/dark/useGlobalDark.d.ts

@@ -1,9 +1,15 @@
 import type { BasicColorSchema } from "@vueuse/core";
 import { type Ref, type WritableComputedRef } from "vue";
+/**
+ * A post-flip settle callback. Receives the dark-mode flag's NEW value. Runs in
+ * the single coalesced post-flip task (see `onFlipSettled`).
+ */
+export type DarkFlipSettledCallback = (isDark: boolean) => void;
 /**
  * The `useGlobalDark` return shape (AW.W15 — named `Use<Name>Return`). The
  * single shared dark-mode instance: the reactive `isDark` flag, a `toggleDark`
- * that optionally suppresses transitions, and the transition-suppression switch.
+ * that optionally suppresses transitions, the transition-suppression switch, and
+ * the post-flip settle hook (BA.W-ATLAS-RECONCILE A-1 — d6 9467bd16 adopt).
  */
 export interface UseGlobalDarkReturn {
     /** Reactive dark-mode flag (vueuse `useDark` ref — writable). */
@@ -14,6 +20,22 @@ export interface UseGlobalDarkReturn {
     disableTransitions: Ref<boolean>;
     /** Configure transition suppression during the dark-mode toggle. */
     setDisableTransitions: (value: boolean) => void;
+    /**
+     * BA.W-ATLAS-RECONCILE A-1 — the post-flip SETTLE hook. Register a callback
+     * that runs in ONE coalesced task AFTER each dark↔light flip's instant chrome
+     * paint, so consumers BATCH N expensive re-theme operations (e.g. the atlas's
+     * palette memo + N-chart `merge-setOption` palette tween + aurora
+     * re-derivation) into a single beat instead of N watchers firing in N
+     * sequential storms on the critical frame. The class toggle is synchronous
+     * (chrome flips instantly); the batch drains one frame later via a single
+     * `requestAnimationFrame` (an SSR/no-rAF env falls back to a macrotask).
+     * EVERY registered callback shares that ONE task — no per-subscriber
+     * scheduling. No View Transition is involved anywhere in this path (PRM-safe
+     * by construction — a flip is a CSS-class swap, not a DOM mutation to
+     * snapshot). Returns an unsubscribe function. Idempotent re-registration of
+     * the same callback is a no-op.
+     */
+    onFlipSettled: (callback: DarkFlipSettledCallback) => () => void;
 }
 export interface UseGlobalDarkOptions {
     /**

package/dist/composables/motion/useViewTransition.d.ts

@@ -5,6 +5,17 @@
  *  (one symmetric curve), which is functionally identical (the swap still runs). */
 export interface ViewTransitionOptions {
     types?: string[];
+    /**
+     * BA.W-ATLAS-RECONCILE A-4b — take the JS-level INSTANT path under
+     * `prefers-reduced-motion: reduce` (run `mutate` directly, NO snapshot
+     * captured). The HEAD default pushes PRM to CSS only (`view-transition.css`
+     * sets `animation: none` on the VT pseudos) — but that STILL captures a
+     * snapshot. For the navigation case a reduced-motion user wants the swap to
+     * happen with no transition machinery at all; `navigate()` sets this true.
+     * Defaults to `false` so the existing sync-VT consumers (muster J.W5 row
+     * re-rank) keep their exact CSS-handled PRM behaviour. @default false
+     */
+    instantUnderReducedMotion?: boolean;
 }
 export interface ViewTransitionResult {
     /**
@@ -43,4 +54,28 @@ export declare function supportsViewTransitions(): boolean;
  *   // directional intent — snappier exit on collapse, softer entry on expand
  *   startViewTransition(() => mutate(), { types: ["dock-expand"] });
  */
-export declare function startViewTransition(mutate: () => void, options?: ViewTransitionOptions): ViewTransitionResult;
+export declare function startViewTransition(mutate: () => void | Promise<void>, options?: ViewTransitionOptions): ViewTransitionResult;
+/** Options for `navigate` — the directional transition `types` (Chrome 140+,
+ *  feature-detected; tag `["forward"]`/`["back"]` off the navigation direction). */
+export type NavigateOptions = ViewTransitionOptions;
+/**
+ * Run a (possibly ASYNC) navigation callback wrapped in a View Transition, with
+ * the reduced-motion + unsupported instant-paths. The navigation ALWAYS runs
+ * (awaited); the morph is conditional on support + motion preference. Returns the
+ * same `{ finished, transitioned }` contract — `await navigate(go).finished` then
+ * route focus (the a11y MANDATORY).
+ *
+ * @example  the card → masthead route morph
+ *   // both the card title + masthead title carry
+ *   //   view-transition-class: gl-shared-element; view-transition-name: dash-title
+ *   await navigate(() => router.push(`/${slug}`), { types: ["forward"] }).finished;
+ *   mastheadTitle.value?.focus();
+ */
+export declare function navigate(nav: () => void | Promise<void>, options?: NavigateOptions): ViewTransitionResult;
+/**
+ * True when the route-transition morph can run (native VT available). A consumer
+ * gates VT-only navigation styling on this (alias of `supportsViewTransitions`
+ * named for the navigation call site). Under reduced motion the `navigate` helper
+ * still takes the instant path even when this is `true`.
+ */
+export declare function supportsRouteTransitions(): boolean;

package/dist/configurator.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./useConfiguratorState-DAoeHVue.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "./useConfiguratorState-kiIlun8I.js";
 export { e as CONFIGURATOR_DENSITY_KEY, t as Configurator, i as ConfiguratorLayer, n as ConfiguratorRow, r as provideConfiguratorDensity, o as useConfiguratorState, a as useOptionalConfiguratorDensity };

package/dist/confirm-dialog.js

@@ -1,6 +1,6 @@
 import { t as e } from "./createLucideIcon-DydS2qgk.js";
-import { n as t } from "./button-ChXMfsud.js";
-import { t as n } from "./_plugin-vue_export-helper-ok8pgSl5.js";
+import { n as t } from "./button-BNDWhAZb.js";
+import { t as n } from "./_plugin-vue_export-helper-CBt_VvXa.js";
 import { Transition as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeModels as d, openBlock as f, renderSlot as p, toDisplayString as m, unref as h, useModel as g, withCtx as _, withKeys as v, withModifiers as y } from "vue";
 var b = e("loader-circle", [["path", {
 	d: "M21 12a9 9 0 1 1-6.219-8.56",

package/dist/constellation.js

@@ -1,7 +1,7 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { t } from "./useCanvas2D-ClrQuZtp.js";
-import { t as n } from "./_plugin-vue_export-helper-ok8pgSl5.js";
-import { n as r, t as i } from "./prng-D27-B3tK.js";
+import { t as n } from "./_plugin-vue_export-helper-CBt_VvXa.js";
+import { n as r, t as i } from "./prng-Cg22zv8g.js";
 import { computed as a, createElementBlock as o, createElementVNode as s, defineComponent as c, getCurrentInstance as l, normalizeClass as u, onMounted as d, openBlock as f, ref as p, unref as m, useTemplateRef as h } from "vue";
 //#region src/components/custom/constellation/constants.ts
 var g = 1280, _ = {
@@ -361,8 +361,87 @@ function te(e, t, n = !1, r = !1, i = !1) {
 	};
 }
 //#endregion
-//#region src/components/custom/constellation/Constellation.vue?vue&type=script&setup=true&lang.ts
-var ne = 0, re = /* @__PURE__ */ n(/* @__PURE__ */ c({
+//#region src/components/custom/constellation/composables/useConstellation.ts
+function ne(e, n, o) {
+	let s = e.count ?? 64, c = e.link ?? 132, u = e.speed ?? .16, f = e.seed, m = e.warpOnClick ?? !1, h = e.wander ?? !1, v = e.gravityWell ?? !1, y = e.pinned ?? !1, b = e.pinnedDrift ?? !1, x = e.warpAutoRelease ?? !1, S = a(() => f === void 0 ? Math.random : r(typeof f == "string" ? i(f) : f)), C = () => typeof window < "u" && /[?&](export|print|freeze)\b/.test(window.location.search), w = l()?.vnode.props?.freeze, T = a(() => w === void 0 ? C() : w === !0 || w === ""), { field: E, wanderOverride: D, wellOverride: k } = te(h, v, y, b, x), A = {
+		x: -1,
+		y: -1
+	}, j = [], M = { ..._ }, N = -1, P = !1, F = p(null);
+	return d(() => {
+		let r = o.value;
+		if (!r) return;
+		let i = t({
+			canvas: o,
+			setup: () => ({ render(t, n) {
+				let a = r.clientWidth || r.offsetWidth || 1280, o = r.clientHeight || r.offsetHeight || 720, l = a / g;
+				E.canvas = r;
+				let d = parseFloat(getComputedStyle(r).getPropertyValue("--constellation-k-floor"));
+				if (E.kFloor = Number.isFinite(d) ? d : void 0, E.dpr = Math.min(typeof window < "u" && window.devicePixelRatio || 1, 2), E.w !== a || E.h !== o) {
+					let e = E.w, t = E.h;
+					if (E.w = a, E.h = o, E.k = l, E.nodes.length ? K(E, e, t) : (E.nodes = G(S.value, s, a, o, u), E.warp.x = a / 2, E.warp.y = o / 2), M = Y(r), !P) {
+						P = !0;
+						let e = O(r);
+						E.warpCfg = e.warp, E.well && (E.well.cfg = {
+							...e.well,
+							...k
+						}), E.wander && (E.wander.minIdle = D.minIdle ?? e.wander.minIdle, E.wander.jitter = D.jitter ?? e.wander.jitter);
+					}
+				}
+				E.k = l;
+				let f = N < 0 ? 0 : (n - N) / 1e3;
+				N = n;
+				let p = T.value || i.reducedMotion;
+				p && E.well && (E.well.strength = 0, E.well.target = 0, E.well.x = -1, E.well.y = -1);
+				let m = e.pointerReactive ?? !0, h = e.opacityCeiling ?? 1, _ = e.accentEdges ?? !1, v = e.drawOverlay;
+				p || q(E, l, u, m ? A : null, f, n, S.value), t.clearRect(0, 0, a, o);
+				let y = _ ? E.pinnedIndex >= 0 ? E.pinnedIndex : E.focalIndex : -1;
+				X(t, E, c, M, h, y), Z(t, E, M, h), m && !p && (Q(t, E, c, M, A, h), $(t, E, n, j, M, h)), v?.(t, E, p ? 0 : n);
+			} })
+		});
+		ee({
+			host: n.value,
+			canvas: r,
+			field: E,
+			pointer: A,
+			ripples: j,
+			handle: i,
+			toLocalRef: F,
+			pointerReactive: e.pointerReactive ?? !0,
+			warpOnClick: m,
+			gravityWell: !!v,
+			isFrozen: T.value
+		});
+	}), {
+		field: E,
+		isFrozen: T,
+		warpTo(e, t) {
+			if (typeof e == "number" && typeof t == "number") {
+				let n = F.value?.({
+					clientX: e,
+					clientY: t
+				});
+				return n ? R(E, n.x, n.y) : -1;
+			}
+			let n = e;
+			return R(E, n.x, n.y);
+		},
+		holdWellAt(e, t) {
+			return E.well ? (E.well.x = e, E.well.y = t, E.well.target = 1, !0) : !1;
+		},
+		releaseWell() {
+			E.well && (E.well.target = 0);
+		},
+		warpSettled() {
+			return B(E);
+		},
+		pinNode(e) {
+			E.pinnedIndex = e, E.pinnedDrift && (E.pinnedDrift.nextAt = -1);
+		}
+	};
+}
+//#endregion
+//#region src/components/custom/constellation/Constellation.vue
+var re = /* @__PURE__ */ n(/* @__PURE__ */ c({
 	__name: "Constellation",
 	props: {
 		count: { default: 64 },
@@ -403,103 +482,22 @@ var ne = 0, re = /* @__PURE__ */ n(/* @__PURE__ */ c({
 			default: !1
 		},
 		freeze: { type: Boolean },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] },
-		drawOverlay: { type: Function }
+		class: {},
+		drawOverlay: {}
 	},
-	setup(n, { expose: c }) {
-		let v = h("hostRef"), y = h("canvasRef"), b = a(() => n.seed === void 0 ? Math.random : r(typeof n.seed == "string" ? i(n.seed) : n.seed)), x = () => typeof window < "u" && /[?&](export|print|freeze)\b/.test(window.location.search), S = l()?.vnode.props?.freeze, C = a(() => S === void 0 ? x() : S === !0 || S === ""), { field: w, wanderOverride: T, wellOverride: E } = te(n.wander, n.gravityWell, n.pinned, n.pinnedDrift, n.warpAutoRelease), D = {
-			x: -1,
-			y: -1
-		}, k = [], A = { ..._ }, j = -1, M = !1, N = p(null);
-		return d(() => {
-			let e = y.value;
-			if (!e) return;
-			let r = t({
-				canvas: y,
-				setup: (t) => ({ render(t, i) {
-					let a = e.clientWidth || e.offsetWidth || 1280, o = e.clientHeight || e.offsetHeight || 720, s = a / g;
-					w.canvas = e;
-					let c = parseFloat(getComputedStyle(e).getPropertyValue("--constellation-k-floor"));
-					if (w.kFloor = Number.isFinite(c) ? c : void 0, w.dpr = Math.min(typeof window < "u" && window.devicePixelRatio || 1, 2), w.w !== a || w.h !== o) {
-						let t = w.w, r = w.h;
-						if (w.w = a, w.h = o, w.k = s, w.nodes.length ? K(w, t, r) : (w.nodes = G(b.value, n.count, a, o, n.speed), w.warp.x = a / 2, w.warp.y = o / 2), A = Y(e), !M) {
-							M = !0;
-							let t = O(e);
-							w.warpCfg = t.warp, w.well && (w.well.cfg = {
-								...t.well,
-								...E
-							}), w.wander && (w.wander.minIdle = T.minIdle ?? t.wander.minIdle, w.wander.jitter = T.jitter ?? t.wander.jitter);
-						}
-					}
-					w.k = s;
-					let l = j < 0 ? 0 : (i - j) / 1e3;
-					j = i;
-					let u = C.value || r.reducedMotion;
-					if (u && w.well && (w.well.strength = 0, w.well.target = 0, w.well.x = -1, w.well.y = -1), !u) {
-						let e = n.pointerReactive ? D : null;
-						q(w, s, n.speed, e, l, i, b.value);
-					}
-					t.clearRect(0, 0, a, o);
-					let d = n.accentEdges ? w.pinnedIndex >= 0 ? w.pinnedIndex : w.focalIndex : -1;
-					X(t, w, n.link, A, n.opacityCeiling, d), Z(t, w, A, n.opacityCeiling), n.pointerReactive && !u && (Q(t, w, n.link, A, D, n.opacityCeiling), $(t, w, i, k, A, n.opacityCeiling)), n.drawOverlay?.(t, w, u ? ne : i);
-				} })
-			});
-			ee({
-				host: v.value,
-				canvas: e,
-				field: w,
-				pointer: D,
-				ripples: k,
-				handle: r,
-				toLocalRef: N,
-				pointerReactive: n.pointerReactive,
-				warpOnClick: n.warpOnClick,
-				gravityWell: !!n.gravityWell,
-				isFrozen: C.value
-			});
-		}), c({
-			field: w,
-			isFrozen: C,
-			warpTo(e, t) {
-				if (typeof e == "number" && typeof t == "number") {
-					let n = N.value?.({
-						clientX: e,
-						clientY: t
-					});
-					return n ? R(w, n.x, n.y) : -1;
-				}
-				let n = e;
-				return R(w, n.x, n.y);
-			},
-			holdWellAt(e, t) {
-				return w.well ? (w.well.x = e, w.well.y = t, w.well.target = 1, !0) : !1;
-			},
-			releaseWell() {
-				w.well && (w.well.target = 0);
-			},
-			warpSettled() {
-				return B(w);
-			},
-			pinNode(e) {
-				w.pinnedIndex = e, w.pinnedDrift && (w.pinnedDrift.nextAt = -1);
-			}
-		}), (t, r) => (f(), o("div", {
+	setup(t, { expose: n }) {
+		let r = t, i = h("hostRef"), a = h("canvasRef");
+		return n(ne(r, i, a)), (t, n) => (f(), o("div", {
 			ref_key: "hostRef",
-			ref: v,
-			class: u(m(e)("constellation", n.class))
+			ref: i,
+			class: u(m(e)("constellation", r.class))
 		}, [s("canvas", {
 			ref_key: "canvasRef",
-			ref: y,
+			ref: a,
 			class: "constellation-canvas",
 			"aria-hidden": "true"
 		}, null, 512)], 2));
 	}
-}), [["__scopeId", "data-v-a4c10474"]]);
+}), [["__scopeId", "data-v-2ada60ff"]]);
 //#endregion
 export { g as BASE_WIDTH, re as Constellation, D as DEFAULT_K_FLOOR, _ as DEFAULT_PALETTE, w as DEFAULT_PINNED_DRIFT_DUR, C as DEFAULT_PINNED_DRIFT_FRAC, T as DEFAULT_PINNED_DRIFT_IDLE, E as DEFAULT_PINNED_DRIFT_JITTER, x as DEFAULT_WANDER_IDLE, S as DEFAULT_WANDER_JITTER, b as DEFAULT_WELL_CONFIG, v as WARP_RESPONSE, y as WARP_ZETA, X as drawEdges, Z as drawNodes, Q as drawPointerWeb, $ as drawRipples, J as kVisOf, H as makePinnedDrift, F as nearestNode, V as pickWanderTarget, O as readInteractionConfig, Y as readPalette, K as refitField, G as seedField, L as setWarpTarget, q as stepField, W as stepPinnedDrift, N as stepWell, B as warpSettled, I as warpStep, R as warpTo };

package/dist/context-menu.js

@@ -1,3 +1,3 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./ContextMenuSubContent-BQmxTAdw.js";
-import { n as l, r as u, t as d } from "./ContextMenuContent-CT3AS1WX.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./ContextMenuSubContent-B0Vs6atR.js";
+import { n as l, r as u, t as d } from "./ContextMenuContent-ON3x7cuk.js";
 export { u as ContextMenu, s as ContextMenuCheckboxItem, d as ContextMenuContent, t as ContextMenuItem, o as ContextMenuLabel, r as ContextMenuRadioGroup, a as ContextMenuRadioItem, n as ContextMenuSeparator, e as ContextMenuShortcut, c as ContextMenuSubContent, i as ContextMenuSubTrigger, l as ContextMenuTrigger };