@mkbabb/glass-ui 4.2.0 → 6.0.0

package/dist/components/custom/tabs/constants.d.ts

@@ -1,44 +0,0 @@
-/**
- * Fallback for `--tab-indicator-max-stretch` when the cascade leaves it unset — the
- * default ≈+15% travel-squish cap. `--stretch = 1 + frac · (cap − 1)`, so a
- * full-width jump reaches the cap and a tiny hop stays near 1. The token is the
- * authority; this is the no-token floor.
- *
- * BD.W-TABS-LIQUID — re-tuned 1.18 → 1.11. The `--tab-blob` area-inflation channel now
- * carries the 5-beat "grow"/overshoot, so the per-axis travel-squish cap drops: the FENCE
- * is the COMPOSED visible bbox area (`blob × stretch`) ≤ ~1.14, NOT the bare per-axis
- * scalar. The cap is shared by the click travel-squish AND the drag pull-morph (the SOLE
- * cap source — the constant + the token in lockstep, never a fork); the volume-preserving
- * reciprocal pairing (`scale: var(--stretch) calc(1/var(--stretch))`) is unchanged.
- */
-export declare const DEFAULT_INDICATOR_MAX_STRETCH = 1.11;
-/**
- * BD.W-TABS-LIQUID — fallback for `--tab-indicator-blob-max` when the cascade leaves it
- * unset: the 5-beat blob's area-inflation overshoot peak. The 2nd `useLiquidFlex` channel
- * drives `--tab-blob` toward this on the grow-overshoot beat, then de-inflates to 1 at
- * arrival (shrink-to-fit). Kept LOW (~1.045) so the COMPOSED bbox area (`blob × stretch` ≈
- * blob², the squish being volume-preserving) clears the ≤ ~1.14 anti-taffy fence. The
- * token is the authority; this is the no-token floor (the SOLE blob-cap source).
- */
-export declare const DEFAULT_INDICATOR_BLOB_MAX = 1.045;
-/**
- * The travel-progress fraction at which the squish RELEASES — the Material
- * "grow then shrink" close, keyed to ARRIVAL (BA.W-TABS). The squish opens with
- * the glide and releases when the indicator is within this fraction of its target
- * (release-at-arrival), retiring the fixed mid-glide `INDICATOR_RELEASE_MS` timer
- * (which fired at 60ms — BEFORE the ~100ms 90%-travel point, mid-glide). The
- * release schedules off the calibrated clock (`--spring-snappy-duration`) scaled
- * by this fraction, so the stretch peaks during travel and shrinks to fit AT
- * arrival, never before.
- *
- * BC.W-UNDERLINE-TUNE — VERIFIED against the eased `snappy` (response 0.42 / ζ 0.78,
- * the BC.W-SPRING-EASE re-derive). On that curve the position arrives (≥99% travel)
- * at ~74% of the `--spring-snappy-duration` clock and the 90%-travel point lands at
- * ~57% (mid-clock — the front-load gone). 0.82 releases the squish at ~279ms (= 0.82
- * × 340ms), i.e. AT arrival (just past the ~74% arrival), so the stretch peaks DURING
- * travel and shrinks to fit AT arrival — never before (0.82 ≥ the 0.74 arrival point).
- * The position + squish now read ONE matched window: the desync (HEAD position-at-16%
- * vs squish-at-82%) collapsed because the eased curve actually travels across the clock.
- * KEPT at 0.82 — the eased arrival sits inside the release fraction; no nudge needed.
- */
-export declare const INDICATOR_RELEASE_AT_ARRIVAL = 0.82;

package/dist/components/custom/tabs/index.d.ts

@@ -1,2 +0,0 @@
-export { default as SegmentedTabs } from "./SegmentedTabs.vue";
-export type { SegmentedTabOption, SegmentedTabsVariant, SegmentedTabsOrientation, SegmentedTabsProps, SegmentedTabsResponsive, } from "./SegmentedTabs.vue";

package/dist/components/custom/timeline/ContinuousMarkers.vue.d.ts

@@ -1,49 +0,0 @@
-import type { TimelineSegment } from "./types";
-/**
- * <ContinuousMarkers> — the interactive marker overlay of the
- * continuous-variant timeline. DECK-PRIVATE child of <ContinuousTimeline>
- * (not a public export). Renders the sibling `<ul role="list">` overlay
- * carrying one focusable button per segment boundary, each (by default)
- * wrapped in <HoverPopover>. Lives OUTSIDE the rail's `overflow: hidden`
- * clip and is a SIBLING of the progressbar rail (Option C structural
- * split, AB.W2.T4).
- *
- * The split is a pure transposition out of the prior monolithic
- * ContinuousTimeline.vue: same DOM, same class names, same data
- * attributes, same scoped CSS rules. The orchestrator owns the hovered-key
- * state + the `#detail` resolution; this child emits the raw
- * hover/hoverEnd/click signals (popover-open-change drives hover/hoverEnd
- * on the default path; raw mouseenter/leave on the bare-fallback path) and
- * forwards the consumer's `#popoverContent` slot through the
- * `popoverContent` slot.
- */
-type __VLS_Props = {
-    segments: TimelineSegment[];
-    markersAriaLabel: string;
-    currentSegmentKey?: string;
-    disablePopover?: boolean;
-    boundaryX: (i: number) => number;
-};
-declare var __VLS_11: {
-    segment: TimelineSegment;
-};
-type __VLS_Slots = {} & {
-    popoverContent?: (props: typeof __VLS_11) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (seg: TimelineSegment) => any;
-    hover: (seg: TimelineSegment) => any;
-    hoverEnd: (seg: TimelineSegment) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: ((seg: TimelineSegment) => any) | undefined;
-    onHover?: ((seg: TimelineSegment) => any) | undefined;
-    onHoverEnd?: ((seg: TimelineSegment) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/custom/timeline/ContinuousTimeline.vue.d.ts

@@ -1,118 +0,0 @@
-import type { TimelineSegment } from "./types";
-/**
- * <ContinuousTimeline> — ONE rounded-pill rail substrate with N
- * absolute-positioned region children spanning prev-boundary →
- * current-boundary. Internal variant SFC dispatched from
- * <GlassTimeline variant="continuous">.
- *
- * AA.W1 / A4 §S-17 + AB.W2.T1+T4. Used by multi-phase progress UIs where
- * the phases are conceptually one progression bar (speedtest ping →
- * download → upload).
- *
- * AB.W2.T4 (A4 §nested-interactive — Option C): the progressbar rail and
- * the interactive marker buttons are rendered as SIBLINGS, not as
- * parent/child. `.continuous-track[role="progressbar"]` is a
- * non-interactive aggregate-progress surface; `.continuous-markers
- * ul[role="list"]` is the focusable marker overlay.
- *
- * AB.W2.T2 (A4 §B2.c): each marker button is wrapped in <HoverPopover>
- * so hover surfaces a color-coded popover with the segment's
- * `{ label, value, description, state }`. Consumers override the
- * popover body via the scoped `#popoverContent` slot.
- *
- * AB.W2.T3 (A2 §B2.b): the `currentSegmentKey` prop stamps
- * `data-current="true"` on the matching marker so consumers (panel /
- * W3 raised-rivet styling) can distinguish the active phase from the
- * transient hovered phase. Hover affects the popover only; the
- * underlying current marker survives hover-leave.
- *
- * NON-SCOPED <style> CONTRACT (O.W3 Lane A — Rβ §3.1): the
- * `.timeline-popover` rules live in a non-scoped <style> block at the
- * bottom of THIS SFC because HoverCardPortal escapes scoped CSS. The
- * rules must live in a component that participates in the continuous
- * render path; this is that component.
- *
- * AI.W1-δ `#detail` slot (post-RD-3 §4): the continuous variant emits an
- * optional `#detail` scoped slot rendered as a sibling of the rail wrap,
- * payload-rich with `{ segment, source, currentKey, hoveredKey }`. The
- * primitive owns the effective-segment resolution (hovered ?? current);
- * consumers own the choreography (e.g., a `<Transition mode="out-in">`
- * fade-swap keyed on the segment's stable key). The slot mount carries
- * a `min-height` reservation via `--timeline-detail-min-height` so
- * idle ↔ active transitions do not reflow the surrounding layout.
- * Speedtest's `PhaseTimelineDetailPanel` is the canonical consumer
- * (absorbed in AI.W1-δ).
- */
-type __VLS_Props = {
-    segments?: TimelineSegment[];
-    /**
-     * Optional aria-label for the rail (role=progressbar). Falls back
-     * to a comma-joined list of segment labels when omitted.
-     */
-    ariaLabel?: string;
-    /**
-     * AB.W2.T3 — current segment key. Stamps `data-current="true"`
-     * on the matching marker (and `data-completed="true"` on prior
-     * markers, derived from each segment's `state`). Hover affects
-     * the popover only; the current marker survives hover-leave so
-     * the panel's current-phase binding does not flicker.
-     */
-    currentSegmentKey?: string;
-    /**
-     * AB.W2.T2 — disable the default per-marker HoverPopover.
-     * Useful when a consumer wants to fully own the hover affordance
-     * (e.g. anchor a single popover externally). The dot still emits
-     * `hover` / `click` events.
-     */
-    disablePopover?: boolean;
-};
-declare var __VLS_17: {
-    segment: TimelineSegment;
-}, __VLS_19: {
-    segment: TimelineSegment | null;
-    source: "idle" | "current" | "hovered";
-    currentKey: string | null;
-    hoveredKey: string | null;
-};
-type __VLS_Slots = {} & {
-    popoverContent?: (props: typeof __VLS_17) => any;
-} & {
-    detail?: (props: typeof __VLS_19) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (payload: {
-        key: string;
-        segment: TimelineSegment;
-    }) => any;
-    hover: (payload: {
-        key: string;
-        segment: TimelineSegment;
-    }) => any;
-    hoverEnd: (payload: {
-        key: string;
-        segment: TimelineSegment;
-    }) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: ((payload: {
-        key: string;
-        segment: TimelineSegment;
-    }) => any) | undefined;
-    onHover?: ((payload: {
-        key: string;
-        segment: TimelineSegment;
-    }) => any) | undefined;
-    onHoverEnd?: ((payload: {
-        key: string;
-        segment: TimelineSegment;
-    }) => any) | undefined;
-}>, {
-    disablePopover: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/custom/timeline/GlassTimeline.vue.d.ts

@@ -1,114 +0,0 @@
-import type { TimelineSegment } from "./types";
-/**
- * <GlassTimeline> — dispatcher SFC for three structurally-distinct
- * timeline variants. Public surface UNCHANGED from the pre-O.W3 god-module.
- *
- * - `variant="scrubber"` (default): single-track normalized 0..1 scrubber
- *   with full keyboard a11y (role=slider + arrow-key step + shift-step).
- *   Delegates to `<ScrubberTimeline>`.
- *
- * - `variant="segmented"` (Z.W2.T1 / A2 §B5): adjacent gradient bands,
- *   one per phase, with boundary dots that emit `hover` + `click` events
- *   carrying the segment key + payload. Delegates to `<SegmentedTimeline>`.
- *
- * - `variant="continuous"` (AA.W1 / A4 §S-17): ONE rounded-pill rail
- *   substrate with N absolute-positioned region children. Delegates to
- *   `<ContinuousTimeline>`. The continuous variant owns the popover
- *   portal CSS contract (non-scoped <style> block; see ContinuousTimeline).
- *
- * Per-segment gradient: either `{from, to}` (expanded as 90deg L→R linear
- * gradient) or a raw CSS gradient string consumed verbatim. Falls back
- * to `--timeline-segment-default-gradient` when omitted.
- *
- * O.W3 Lane A — this dispatcher replaces the prior 1049-line monolith.
- * The three variant SFCs + `geometry.ts` shared math live alongside in
- * the same package. Consumer imports through
- * `@mkbabb/glass-ui/timeline` are unchanged.
- */
-type __VLS_Props = {
-    /** Variant — default `scrubber`. */
-    variant?: "scrubber" | "segmented" | "continuous";
-    /** 0..1 scrubber position. Required for scrubber variant. */
-    modelValue?: number;
-    /** Tooltip caret text (scrubber variant only). */
-    label?: string;
-    /** Phase descriptors (segmented + continuous variants). */
-    segments?: TimelineSegment[];
-    /**
-     * Optional aria-label for the continuous variant's rail
-     * (role=progressbar). Falls back to a comma-joined list of segment
-     * labels when omitted.
-     */
-    ariaLabel?: string;
-    /**
-     * AB.W2.T3 (A2 §B2.b) — current segment key (continuous variant).
-     * Stamps `data-current="true"` on the matching marker so consumers
-     * (panel / W3 raised-rivet styling) can distinguish the active
-     * phase from the transient hovered phase.
-     */
-    currentSegmentKey?: string;
-    /**
-     * AB.W2.T2 (A4 §B2.c) — disable the default per-marker
-     * HoverPopover (continuous variant). The dot still emits
-     * `hover` / `click` events.
-     */
-    disablePopover?: boolean;
-};
-declare var __VLS_13: {
-    segment: TimelineSegment;
-}, __VLS_16: {
-    segment: TimelineSegment | null;
-    source: "idle" | "current" | "hovered";
-    currentKey: string | null;
-    hoveredKey: string | null;
-};
-type __VLS_Slots = {} & {
-    popoverContent?: (props: typeof __VLS_13) => any;
-} & {
-    detail?: (props: typeof __VLS_16) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (payload: {
-        key: string;
-        segment: TimelineSegment;
-    }) => any;
-    "update:modelValue": (v: number) => any;
-    hover: (payload: {
-        key: string;
-        segment: TimelineSegment;
-    }) => any;
-    hoverEnd: (payload: {
-        key: string;
-        segment: TimelineSegment;
-    }) => any;
-    scrubStart: () => any;
-    scrubEnd: () => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: ((payload: {
-        key: string;
-        segment: TimelineSegment;
-    }) => any) | undefined;
-    "onUpdate:modelValue"?: ((v: number) => any) | undefined;
-    onHover?: ((payload: {
-        key: string;
-        segment: TimelineSegment;
-    }) => any) | undefined;
-    onHoverEnd?: ((payload: {
-        key: string;
-        segment: TimelineSegment;
-    }) => any) | undefined;
-    onScrubStart?: (() => any) | undefined;
-    onScrubEnd?: (() => any) | undefined;
-}>, {
-    variant: "scrubber" | "segmented" | "continuous";
-    modelValue: number;
-    disablePopover: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/custom/toggle-chip/ToggleChip.vue.d.ts

@@ -1,41 +0,0 @@
-/**
- * ToggleChip — accessible toggleable "chip" or "cell" selector, built
- * on reka-ui's Toggle root so it carries proper `aria-pressed` and
- * keyboard semantics. Pair with `variant="chip"` for inline horizontal
- * selectors or `variant="cell"` for square icon + label cards.
- *
- * Usage:
- *   <ToggleChip v-model="isActive" variant="chip">
- *     Label
- *   </ToggleChip>
- *
- * The toggle state is the reka-ui Toggle `modelValue` contract — bind it via
- * `v-model` (or `:model-value` / `@update:model-value`). When multiple chips
- * share an exclusive selection, wire them up this way rather than reaching for
- * ToggleGroup — this component is deliberately unopinionated about selection
- * mode.
- */
-import type { HTMLAttributes } from "vue";
-import { type ToggleProps } from "reka-ui";
-import { type ToggleChipVariants } from ".";
-type __VLS_Props = ToggleProps & {
-    variant?: ToggleChipVariants["variant"];
-    class?: HTMLAttributes["class"];
-};
-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, {
-    "update:modelValue": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/custom/toggle-chip/index.d.ts

@@ -1,28 +0,0 @@
-import { type VariantProps } from "class-variance-authority";
-export { default as ToggleChip } from "./ToggleChip.vue";
-/**
- * Shared toggleable "chip" / "cell" primitive for selector grids
- * (BD.W-CHIP-CONGRUENT-GLASS).
- *
- * `chip` — inline horizontal token (e.g. tag pickers, tool-filter rows).
- * `cell` — square card that stacks an icon/preview over a label
- *          (e.g. pose pickers, palette swatches, emotion pickers).
- *
- * Survival of the fittest: the chip family collapsed to ONE congruent recipe
- * (`../selectable-chip/chipVariants`). ToggleChip keeps its `variant` ergonomics
- * (`chip` inline pill / `cell` square card) but RE-POINTS onto the shared
- * `chipVariants` `size` axis — `chip` → the `md` stadium rung, `cell` → the
- * `cell` card exception. Clean break (no alias): the prior 4px `rounded-sm`
- * grab-bag + the `rounded-[0.625rem]→0px` cell + the per-state
- * `color-mix(…--primary…)` literals are GONE; the recipe is now the shared
- * `.glass-chip .glass-capsule .glass-capsule-hover .accent-tone` lens — the SAME
- * register SelectableChip + the toggle-group render. ONE family, no fork.
- *
- * The `data-state="on"` attribute is set by the reka-ui Toggle root when pressed,
- * so the selected colour-flood + the punch hang off the data attribute (in
- * `glass/glass-chip.css`) — no class-binding at the call site.
- */
-export declare const toggleChipVariants: (props?: ({
-    variant?: "cell" | "chip" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export type ToggleChipVariants = VariantProps<typeof toggleChipVariants>;

package/dist/components/custom/typewriter/TypewriterText.vue.d.ts

@@ -1,85 +0,0 @@
-import type { TypewriterWord } from "./types";
-interface Props {
-    /** Single text to type. Use this OR `words`, not both. */
-    text?: string;
-    /** Array of words to cycle through in rotation mode. Use this OR `text`, not both. */
-    words?: TypewriterWord[];
-    ngramSize?: number | {
-        min: number;
-        max: number;
-    };
-    baseSpeed?: number;
-    variance?: number;
-    errorRate?: number;
-    firstAnimationSpeedFactor?: number;
-    maxCharsBeforeNotice?: number;
-    continueAfterTypoProbability?: number;
-    sequentialTypoDecay?: number;
-    correctionSpeedMultiplier?: number;
-    cursorVisible?: boolean;
-    cursorBlink?: boolean;
-    cursorChar?: string;
-    startDelay?: number;
-    loop?: boolean;
-    /** Pause after typing a word before deleting (ms). Word-rotation mode only. */
-    pauseAfterType?: number;
-    /** Pause after deleting a word before typing the next (ms). Word-rotation mode only. */
-    pauseAfterDelete?: number;
-    /** Backspace speed in word-rotation mode (ms per char). */
-    deletingSpeed?: number;
-    /** Whether clicking characters triggers interactive backspace. */
-    interactive?: boolean;
-    respectReducedMotion?: boolean;
-}
-declare const __VLS_export: import("vue").DefineComponent<Props, {
-    startTyping: () => Promise<void>;
-    stopTyping: () => void;
-    reset: () => void;
-    isTyping: import("vue").Ref<boolean, boolean>;
-    isDeleting: import("vue").Ref<boolean, boolean>;
-    currentWord: import("vue").ComputedRef<{
-        text: string;
-        className?: string | undefined;
-        isCode?: boolean | undefined;
-    }>;
-    currentWordIndex: import("vue").ComputedRef<number>;
-    pause: () => void;
-    resume: () => void;
-    setCharPosition: (n: number) => void;
-    forceWord: (idx: number, charPos: number) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    start: () => any;
-    complete: () => any;
-    wordComplete: (index: number) => any;
-}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onStart?: (() => any) | undefined;
-    onComplete?: (() => any) | undefined;
-    onWordComplete?: ((index: number) => any) | undefined;
-}>, {
-    loop: boolean;
-    text: string;
-    respectReducedMotion: boolean;
-    interactive: boolean;
-    words: TypewriterWord[];
-    ngramSize: number | {
-        min: number;
-        max: number;
-    };
-    baseSpeed: number;
-    variance: number;
-    errorRate: number;
-    firstAnimationSpeedFactor: number;
-    maxCharsBeforeNotice: number;
-    continueAfterTypoProbability: number;
-    sequentialTypoDecay: number;
-    correctionSpeedMultiplier: number;
-    cursorVisible: boolean;
-    cursorBlink: boolean;
-    cursorChar: string;
-    pauseAfterType: number;
-    pauseAfterDelete: number;
-    deletingSpeed: number;
-    startDelay: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/custom/typewriter/composables/useTypewriter.d.ts

@@ -1,22 +0,0 @@
-import type { TypewriterOptions } from "../types";
-export declare function useTypewriter(options: TypewriterOptions): {
-    displayText: import("vue").Ref<string, string>;
-    isTyping: import("vue").Ref<boolean, boolean>;
-    isFirstAnimation: import("vue").Ref<boolean, boolean>;
-    isDeleting: import("vue").Ref<boolean, boolean>;
-    currentWordIndex: import("vue").ComputedRef<number>;
-    currentWord: import("vue").ComputedRef<{
-        text: string;
-        className?: string | undefined;
-        isCode?: boolean | undefined;
-    }>;
-    startTyping: () => Promise<void>;
-    stopTyping: () => void;
-    reset: () => void;
-    updateText: (newText: string) => void;
-    backspaceToPosition: (targetLength: number) => Promise<void>;
-    pause: () => void;
-    resume: () => void;
-    setCharPosition: (n: number) => void;
-    forceWord: (idx: number, charPos: number) => void;
-};

package/dist/components/custom/watercolor-dot/WatercolorDot.vue.d.ts

@@ -1,74 +0,0 @@
-/**
- * WatercolorDot — an organic pastel blob swatch. A CSS/SVG primitive (NO drawing
- * context — no WebGL/WebGPU/Canvas2D; the deliberate suite counterexample, the mark
- * that documents WHY it is not a GPU context): the blob shape is a deterministic
- * per-vertex `border-radius` morph (seeded by `color + seed`), and the wet, bleeding
- * edge is an SVG turbulence + displacement filter that is INTERNALISED — the component
- * mounts its own namespaced `<filter>` so there is zero consumer plumbing. Mount the
- * dot and the filter just works.
- *
- * Safari-safe by construction (USER-DEFECTS §H): the SVG `<filter>` rasterizes ONCE
- * + caches (the HandMark `texture.ts` idiom) and NEVER re-rasterizes per frame; the
- * `animate` liveness rides a seeded COMPOSITOR `transform` wobble the compositor
- * accelerates without touching the filter graph (a per-frame `border-radius` paint
- * under the filter is the §H Safari flash, retired here). The filter `seed` is
- * per-instance off `hashString(color + seed)` so each dot's wet edge is uniquely
- * displaced (no twelve-clones).
- *
- * Color arrives as a CSS string painted straight onto the swatch background — the
- * dot needs no resolver because it does not feed a shader; the injected-color seam
- * shape is "pass the CSS color in". Warm-cream identity by default (the dot bakes no
- * hue; the demo palette is presets-in-consumers).
- */
-type __VLS_Props = {
-    /** CSS color painted as the swatch background (any CSS color form). */
-    color: string;
-    /**
-     * Render mode:
-     *   `solid` (default) — the filled organic blob (the swatch background IS the
-     *                       color; the existing register, unchanged).
-     *   `ghost`  — the SAME seeded blob SILHOUETTE traced as a DASHED outline: a
-     *              dashed CSS BORDER reading the SAME seeded `border-radius`
-     *              silhouette the solid dot fills (`activeBorderRadius`), carrying
-     *              the SAME wet `feDisplacementMap` filter so the displacement
-     *              wobbles the dashed border INTO the seeded organic outline. A
-     *              CSS dashed border hugs its own `border-radius`, so the outline
-     *              follows the seeded blob EXACTLY — NOT an ellipse, NOT a circle,
-     *              NOT a dashed rectangle. A low-alpha `color` fill is kept behind
-     *              the border. A `ghost` of a given `color + seed` traces the SAME
-     *              outline the `solid` dot of that seed fills (both read the same
-     *              `useWatercolorBlob` morph — the ONE shape source). The empty-
-     *              palette-slot / placeholder affordance.
-     */
-    variant?: "solid" | "ghost";
-    /** Run the rAF-driven compositor transform wobble (default false → static). */
-    animate?: boolean;
-    /** Host tag — `div` (decorative) or `button` (interactive). */
-    tag?: "div" | "button";
-    /** Base morph cycle duration in ms (default 4000). */
-    cycleDuration?: number;
-    /** Border-radius range [lo, hi] as percentages (default [20, 80]). */
-    range?: [number, number];
-    /** Extra seed string mixed into the shape + wet-edge PRNG for uniqueness. */
-    seed?: string;
-};
-declare var __VLS_11: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_11) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    animate: boolean;
-    range: [number, number];
-    variant: "solid" | "ghost";
-    seed: string;
-    tag: "div" | "button";
-    cycleDuration: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/custom/watercolor-dot/prng.d.ts

@@ -1,5 +0,0 @@
-export { mulberry32, hashString } from "../../../utils/prng";
-/** Generate 8 random border-radius percentages in [lo, hi] using the given PRNG. */
-export declare function randomRadii(rng: () => number, lo: number, hi: number): number[];
-/** Serialise 8 radii into a CSS `border-radius` shorthand (4 corners / 4 corners). */
-export declare function radiiToCSS(r: number[]): string;

package/dist/components/custom/watercolor-dot/useWatercolorBlob.d.ts

@@ -1,29 +0,0 @@
-import { type Ref } from "vue";
-export interface UseWatercolorBlobOptions {
-    /** Enable the rAF animation loop (drives a COMPOSITOR transform wobble). */
-    animate?: boolean;
-    /** Base cycle duration in ms (default 4000). */
-    cycleDuration?: number;
-    /** Border-radius range [lo, hi] as percentages (default [20, 80]). */
-    range?: [number, number];
-    /** Extra seed string mixed into the hash for unique shapes. */
-    seed?: string;
-}
-/**
- * Drives a watercolor dot's organic blob shape. Deterministic given `color + seed`
- * (seeds the PRNG), so the same color reproduces the same shape across mounts. The
- * seeded `border-radius` silhouette is set ONCE (the dot's identity) and is STATIC —
- * the box never re-paints its radius per frame (the §H Safari fix: a per-frame
- * `border-radius` write under the SVG filter forces the filter graph to RE-RASTERIZE
- * every frame, which flashes Safari). In `animate` mode the liveness rides a seeded
- * COMPOSITOR `transform` wobble (scale/skew/rotate) the compositor handles WITHOUT
- * touching the cached filter — the HandMark static-filter idiom. `nudge()` retargets
- * the wobble for a quick jiggle on hover.
- */
-export declare function useWatercolorBlob(color: Ref<string> | (() => string), options?: UseWatercolorBlobOptions): {
-    borderRadius: Ref<string, string>;
-    hoverBorderRadius: Ref<string, string>;
-    transform: Ref<string, string>;
-    nudge: () => void;
-};
-export type WatercolorBlob = ReturnType<typeof useWatercolorBlob>;