@ecoma-io/loom 0.1.1 → 0.3.0

package/dist/primitives/Skeleton/Skeleton.vue_vue_type_script_setup_true_lang.js

@@ -1,37 +0,0 @@
-import { cn } from "../../lib/cn.js";
-import { createElementBlock, defineComponent, normalizeClass, openBlock, unref } from "vue";
-import { cva } from "class-variance-authority";
-//#region src/primitives/Skeleton/Skeleton.vue?vue&type=script&setup=true&lang.ts
-/**
-* Skeleton — content-loading placeholder for a KNOWN layout (a card, a list
-* row, an avatar) so the page's shape reads as "coming" instead of jumping
-* once real content lands. For an indeterminate wait with no layout shape
-* yet, use Spinner instead. Purely decorative (`aria-hidden`) — the loading
-* state itself is announced elsewhere (e.g. a Spinner or a live region), not
-* by the placeholder shapes. Width/height are the caller's concern via a
-* passthrough `class` (e.g. `class="h-10 w-10"`).
-*/
-var skeletonVariants = cva("bg-muted bg-[linear-gradient(90deg,transparent_0%,--alpha(var(--color-foreground)/6%)_50%,transparent_100%)] bg-[length:200%_100%] animate-shimmer", {
-	variants: { variant: {
-		text: "h-4 rounded",
-		circle: "rounded-full",
-		rect: "rounded-md"
-	} },
-	defaultVariants: { variant: "text" }
-});
-var Skeleton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "Skeleton",
-	props: { variant: { default: "text" } },
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				"aria-hidden": "true",
-				class: normalizeClass(unref(cn)(unref(skeletonVariants)({ variant: __props.variant })))
-			}, null, 2);
-		};
-	}
-});
-//#endregion
-export { Skeleton_vue_vue_type_script_setup_true_lang_default as default, skeletonVariants };
-
-//# sourceMappingURL=Skeleton.vue_vue_type_script_setup_true_lang.js.map

package/dist/primitives/Skeleton/Skeleton.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/primitives/Skeleton/Skeleton.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { cva } from \"class-variance-authority\";\n\nexport type SkeletonVariant = \"text\" | \"circle\" | \"rect\";\n\n// A faint light band sweeps a muted base (background-color muted + a moving\n// transparent→light→transparent gradient image) — the shimmer language,\n// kept neutral and low-contrast so a loading page reads as \"coming\", not busy.\n// Under prefers-reduced-motion the sweep simply stops on a flat muted block.\n//\n// The band's colour goes through `--alpha()` rather than `hsl(var(…)/…)`.\n// Loom's tokens are whole colours (`--color-foreground: hsl(213 29% 15%)`),\n// not the bare channel triplets that idiom expects, so wrapping one in `hsl()`\n// produces a value the browser cannot compute — and a single invalid stop\n// takes the entire gradient with it, leaving a flat block that still animates\n// its own absence. `--alpha()` is Tailwind's own function for this and takes\n// the token as it is actually written.\nexport const skeletonVariants = cva(\n  \"bg-muted bg-[linear-gradient(90deg,transparent_0%,--alpha(var(--color-foreground)/6%)_50%,transparent_100%)] bg-[length:200%_100%] animate-shimmer\",\n  {\n    variants: {\n      variant: {\n        text: \"h-4 rounded\",\n        circle: \"rounded-full\",\n        rect: \"rounded-md\",\n      } satisfies Record<SkeletonVariant, string>,\n    },\n    defaultVariants: { variant: \"text\" },\n  },\n);\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"../../lib/cn\";\n\n/**\n * Skeleton — content-loading placeholder for a KNOWN layout (a card, a list\n * row, an avatar) so the page's shape reads as \"coming\" instead of jumping\n * once real content lands. For an indeterminate wait with no layout shape\n * yet, use Spinner instead. Purely decorative (`aria-hidden`) — the loading\n * state itself is announced elsewhere (e.g. a Spinner or a live region), not\n * by the placeholder shapes. Width/height are the caller's concern via a\n * passthrough `class` (e.g. `class=\"h-10 w-10\"`).\n */\nwithDefaults(\n  defineProps<{\n    /** Which shape stands in for the real content: a text line, a round avatar, or a rectangular block. */\n    variant?: SkeletonVariant;\n  }>(),\n  { variant: \"text\" },\n);\n</script>\n\n<template>\n  <div aria-hidden=\"true\" :class=\"cn(skeletonVariants({ variant }))\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;AAiBA,IAAa,mBAAmB,IAC9B,sJACA;CACE,UAAU,EACR,SAAS;EACP,MAAM;EACN,QAAQ;EACR,MAAM;CACR,EACF;CACA,iBAAiB,EAAE,SAAS,OAAO;AACrC,CACF;;;;;;GAyBE,OAAA,UAAA,GAAA,mBAAqE,OAAA;IAAhE,eAAY;IAAQ,OAAK,eAAE,MAAA,EAAA,CAAE,CAAC,MAAA,gBAAA,CAAgB,CAAA,EAAA,SAAG,QAAA,QAAO,CAAA,CAAA,CAAA"}

package/dist/primitives/Slider/Slider.js

@@ -1,7 +0,0 @@
-import Slider_vue_vue_type_script_setup_true_lang_default from "./Slider.vue_vue_type_script_setup_true_lang.js";
-//#region src/primitives/Slider/Slider.vue
-var Slider_default = Slider_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { Slider_default as default };
-
-//# sourceMappingURL=Slider.js.map

package/dist/primitives/Slider/Slider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slider.js","names":[],"sources":["../../../src/primitives/Slider/Slider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, ref, watch } from \"vue\";\nimport { SliderRoot, SliderTrack, SliderRange, SliderThumb } from \"reka-ui\";\nimport { cn } from \"../../lib/cn\";\nimport { useSplitAttrs } from \"../../lib/attrs\";\n\n/**\n * Slider — one continuous value inside a bounded range. Reach for it when the\n * range itself is the information: a volume, a ratio, a share of something\n * whole. A number that happens to be numeric but has no meaningful ceiling —\n * a coordinate, an angle — belongs in a NumberField instead.\n *\n * Built on Reka UI's Slider for the `role=\"slider\"` semantics, the pointer\n * drag and the arrow / Home / End stepping. Single-thumb only: Reka models the\n * value as an array, and this exposes a scalar.\n *\n * Two things are added here.\n *\n * The first is the drag buffer, and without it the component silently drops\n * changes. Given a defined model value Reka runs fully controlled, and its\n * release-time \"did this change?\" check compares against whatever it was last\n * fed — not against what it emitted. A host that correctly withholds transient\n * values until commit therefore leaves that check reading the pre-drag value\n * for the whole gesture, so it always answers no and the commit never fires.\n * `lastValue` below feeds Reka's own transient ticks back into its model, which\n * is exactly the fix NumberField applies for the same reason. Keyboard steps\n * need no buffer: Reka updates and commits inside one synchronous call, so it\n * compares against a value that is still old either way.\n *\n * The second is the abort path. Reka has no drag cancellation of its own — it\n * handles pointerdown, move and up, and commits whenever the release value\n * differs from the one it snapshotted — so Escape or a browser-issued\n * `pointercancel` mid-drag would still write one checkpoint on release. The\n * bail-out mirrors NumberField's: reset `lastValue` to the committed value, so\n * Reka's own comparison sees no change and never commits, and swallow the\n * still-captured pointer's remaining ticks until it releases.\n */\nconst props = withDefaults(\n  defineProps<{\n    /** The current value. Transient drag positions are reported before it changes. */\n    modelValue?: number;\n    /** The floor of the range, and where Home lands. */\n    min?: number;\n    /** The ceiling of the range, and where End lands. */\n    max?: number;\n    /** The granularity of one arrow-key step and of the drag's own snapping. */\n    step?: number;\n    /** Unavailable: dims the track and refuses both the pointer and the keyboard. */\n    disabled?: boolean;\n  }>(),\n  { min: 0, max: 1, step: 0.01, disabled: false },\n);\n\nconst emit = defineEmits<{\n  /** Transient: every position the thumb passes through during a drag. Not a checkpoint. */\n  \"update:modelValue\": [value: number];\n  /** Committed: once at the end of a gesture — drag release, or a keyboard step. */\n  commit: [value: number];\n}>();\n\n// The root renders a real element, and it is the one a caller's `class` has to\n// land on — sizing and layout (`flex-1` to grow in a toolbar) are dead weight\n// on the thumb, which is a 16px absolutely-positioned circle no flex rule\n// reaches. Every other fallthrough attribute goes the other way, onto the\n// thumb: `aria-labelledby` describes the `role=\"slider\"` element, not the box\n// around it.\ndefineOptions({ inheritAttrs: false });\nconst { attrs, rest: thumbAttrs } = useSplitAttrs();\n\n// What the Reka root is fed as its own model value: seeded from the prop, then\n// advanced on every tick Reka emits, so its release-time check sees the drag's\n// real end position rather than the frozen prop.\nconst lastValue = ref(props.modelValue);\nwatch(\n  () => props.modelValue,\n  (value) => {\n    lastValue.value = value;\n  },\n);\n\nconst values = computed(() => (lastValue.value === undefined ? [] : [lastValue.value]));\n\nfunction onUpdate(next: number[] | undefined) {\n  const value = next?.[0];\n  if (value === undefined || aborted) return;\n  lastValue.value = value;\n  emit(\"update:modelValue\", value);\n}\n\nfunction onCommit(next: number[]) {\n  if (next[0] !== undefined && !aborted) emit(\"commit\", next[0]);\n}\n\n// The abort path. Its window listeners live for the duration of one pointer\n// gesture and no longer.\nlet aborted = false;\nlet teardownDrag: (() => void) | undefined;\n\nfunction resetToCommitted() {\n  if (lastValue.value === props.modelValue) return;\n  lastValue.value = props.modelValue;\n  // One transient tick carrying the committed value, so the host can restore\n  // its pre-drag preview. Still never a checkpoint.\n  if (props.modelValue !== undefined) emit(\"update:modelValue\", props.modelValue);\n}\n\nfunction onRootPointerDown() {\n  if (props.disabled) return;\n  aborted = false;\n  const onDragKeydown = (keyEvent: KeyboardEvent) => {\n    if (keyEvent.key !== \"Escape\" || aborted) return;\n    keyEvent.preventDefault();\n    keyEvent.stopPropagation();\n    // Reka keeps the pointer captured until release, so `aborted` is what\n    // stops the remaining move ticks from resurrecting the gesture.\n    aborted = true;\n    resetToCommitted();\n  };\n  const onPointerUp = () => {\n    // This runs after Reka's own element-level release handling, so a\n    // swallowed gesture has already settled by the time the abort re-arms.\n    teardownDrag?.();\n    aborted = false;\n  };\n  const onPointerCancel = () => {\n    teardownDrag?.();\n    aborted = false; // a cancelled pointer emits no further ticks\n    resetToCommitted();\n  };\n  window.addEventListener(\"pointerup\", onPointerUp);\n  window.addEventListener(\"pointercancel\", onPointerCancel);\n  window.addEventListener(\"keydown\", onDragKeydown, true);\n  teardownDrag = () => {\n    window.removeEventListener(\"pointerup\", onPointerUp);\n    window.removeEventListener(\"pointercancel\", onPointerCancel);\n    window.removeEventListener(\"keydown\", onDragKeydown, true);\n    teardownDrag = undefined;\n  };\n}\n\nonBeforeUnmount(() => teardownDrag?.());\n</script>\n\n<template>\n  <SliderRoot\n    :model-value=\"values\"\n    :min=\"min\"\n    :max=\"max\"\n    :step=\"step\"\n    :disabled=\"disabled\"\n    :class=\"\n      cn(\n        'relative flex w-full touch-none items-center py-2 data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n        attrs.class as string,\n      )\n    \"\n    @pointerdown=\"onRootPointerDown\"\n    @update:model-value=\"onUpdate\"\n    @value-commit=\"onCommit\"\n  >\n    <SliderTrack class=\"relative h-1.5 w-full grow rounded-full bg-muted\">\n      <!-- The filled range is a value a person set, so it is painted flat in\n           the human force's colour rather than in a gradient. -->\n      <SliderRange class=\"absolute h-full rounded-full bg-primary\" />\n    </SliderTrack>\n    <SliderThumb\n      v-bind=\"thumbAttrs\"\n      class=\"block h-4 w-4 rounded-full border-2 border-primary bg-background shadow-sm transition-transform duration-fast ease-spring hover:scale-110 active:scale-95 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring focus-visible:shadow-halo data-[disabled]:pointer-events-none\"\n    />\n  </SliderRoot>\n</template>\n"],"mappings":""}

package/dist/primitives/Slider/Slider.vue.d.ts

@@ -1,58 +0,0 @@
-/**
- * Slider — one continuous value inside a bounded range. Reach for it when the
- * range itself is the information: a volume, a ratio, a share of something
- * whole. A number that happens to be numeric but has no meaningful ceiling —
- * a coordinate, an angle — belongs in a NumberField instead.
- *
- * Built on Reka UI's Slider for the `role="slider"` semantics, the pointer
- * drag and the arrow / Home / End stepping. Single-thumb only: Reka models the
- * value as an array, and this exposes a scalar.
- *
- * Two things are added here.
- *
- * The first is the drag buffer, and without it the component silently drops
- * changes. Given a defined model value Reka runs fully controlled, and its
- * release-time "did this change?" check compares against whatever it was last
- * fed — not against what it emitted. A host that correctly withholds transient
- * values until commit therefore leaves that check reading the pre-drag value
- * for the whole gesture, so it always answers no and the commit never fires.
- * `lastValue` below feeds Reka's own transient ticks back into its model, which
- * is exactly the fix NumberField applies for the same reason. Keyboard steps
- * need no buffer: Reka updates and commits inside one synchronous call, so it
- * compares against a value that is still old either way.
- *
- * The second is the abort path. Reka has no drag cancellation of its own — it
- * handles pointerdown, move and up, and commits whenever the release value
- * differs from the one it snapshotted — so Escape or a browser-issued
- * `pointercancel` mid-drag would still write one checkpoint on release. The
- * bail-out mirrors NumberField's: reset `lastValue` to the committed value, so
- * Reka's own comparison sees no change and never commits, and swallow the
- * still-captured pointer's remaining ticks until it releases.
- */
-type __VLS_Props = {
-    /** The current value. Transient drag positions are reported before it changes. */
-    modelValue?: number;
-    /** The floor of the range, and where Home lands. */
-    min?: number;
-    /** The ceiling of the range, and where End lands. */
-    max?: number;
-    /** The granularity of one arrow-key step and of the drag's own snapping. */
-    step?: number;
-    /** Unavailable: dims the track and refuses both the pointer and the keyboard. */
-    disabled?: boolean;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: number) => any;
-    commit: (value: number) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: (value: number) => any;
-    onCommit?: (value: number) => any;
-}>, {
-    disabled: boolean;
-    max: number;
-    min: number;
-    step: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=Slider.vue.d.ts.map

package/dist/primitives/Slider/Slider.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slider.vue.d.ts","sourceRoot":"","sources":["../../../src/primitives/Slider/Slider.vue"],"names":[],"mappings":"AAmLA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,KAAK,WAAW,GAAG;IACf,kFAAkF;IAClF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,oDAAoD;IACpD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,4EAA4E;IAC5E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAyPJ,QAAA,MAAM,YAAY;;;;;;;cA1PH,OAAO;SAJZ,MAAM;SAFN,MAAM;UAIL,MAAM;6EAgQf,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/primitives/Slider/Slider.vue_vue_type_script_setup_true_lang.js

@@ -1,137 +0,0 @@
-import { cn } from "../../lib/cn.js";
-import { useSplitAttrs } from "../../lib/attrs.js";
-import { computed, createBlock, createVNode, defineComponent, mergeProps, normalizeClass, onBeforeUnmount, openBlock, ref, unref, watch, withCtx } from "vue";
-import { SliderRange, SliderRoot, SliderThumb, SliderTrack } from "reka-ui";
-//#region src/primitives/Slider/Slider.vue?vue&type=script&setup=true&lang.ts
-/**
-* Slider — one continuous value inside a bounded range. Reach for it when the
-* range itself is the information: a volume, a ratio, a share of something
-* whole. A number that happens to be numeric but has no meaningful ceiling —
-* a coordinate, an angle — belongs in a NumberField instead.
-*
-* Built on Reka UI's Slider for the `role="slider"` semantics, the pointer
-* drag and the arrow / Home / End stepping. Single-thumb only: Reka models the
-* value as an array, and this exposes a scalar.
-*
-* Two things are added here.
-*
-* The first is the drag buffer, and without it the component silently drops
-* changes. Given a defined model value Reka runs fully controlled, and its
-* release-time "did this change?" check compares against whatever it was last
-* fed — not against what it emitted. A host that correctly withholds transient
-* values until commit therefore leaves that check reading the pre-drag value
-* for the whole gesture, so it always answers no and the commit never fires.
-* `lastValue` below feeds Reka's own transient ticks back into its model, which
-* is exactly the fix NumberField applies for the same reason. Keyboard steps
-* need no buffer: Reka updates and commits inside one synchronous call, so it
-* compares against a value that is still old either way.
-*
-* The second is the abort path. Reka has no drag cancellation of its own — it
-* handles pointerdown, move and up, and commits whenever the release value
-* differs from the one it snapshotted — so Escape or a browser-issued
-* `pointercancel` mid-drag would still write one checkpoint on release. The
-* bail-out mirrors NumberField's: reset `lastValue` to the committed value, so
-* Reka's own comparison sees no change and never commits, and swallow the
-* still-captured pointer's remaining ticks until it releases.
-*/
-var Slider_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	inheritAttrs: false,
-	__name: "Slider",
-	props: {
-		modelValue: {},
-		min: { default: 0 },
-		max: { default: 1 },
-		step: { default: .01 },
-		disabled: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: ["update:modelValue", "commit"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const { attrs, rest: thumbAttrs } = useSplitAttrs();
-		const lastValue = ref(props.modelValue);
-		watch(() => props.modelValue, (value) => {
-			lastValue.value = value;
-		});
-		const values = computed(() => lastValue.value === void 0 ? [] : [lastValue.value]);
-		function onUpdate(next) {
-			const value = next?.[0];
-			if (value === void 0 || aborted) return;
-			lastValue.value = value;
-			emit("update:modelValue", value);
-		}
-		function onCommit(next) {
-			if (next[0] !== void 0 && !aborted) emit("commit", next[0]);
-		}
-		let aborted = false;
-		let teardownDrag;
-		function resetToCommitted() {
-			if (lastValue.value === props.modelValue) return;
-			lastValue.value = props.modelValue;
-			if (props.modelValue !== void 0) emit("update:modelValue", props.modelValue);
-		}
-		function onRootPointerDown() {
-			if (props.disabled) return;
-			aborted = false;
-			const onDragKeydown = (keyEvent) => {
-				if (keyEvent.key !== "Escape" || aborted) return;
-				keyEvent.preventDefault();
-				keyEvent.stopPropagation();
-				aborted = true;
-				resetToCommitted();
-			};
-			const onPointerUp = () => {
-				teardownDrag?.();
-				aborted = false;
-			};
-			const onPointerCancel = () => {
-				teardownDrag?.();
-				aborted = false;
-				resetToCommitted();
-			};
-			window.addEventListener("pointerup", onPointerUp);
-			window.addEventListener("pointercancel", onPointerCancel);
-			window.addEventListener("keydown", onDragKeydown, true);
-			teardownDrag = () => {
-				window.removeEventListener("pointerup", onPointerUp);
-				window.removeEventListener("pointercancel", onPointerCancel);
-				window.removeEventListener("keydown", onDragKeydown, true);
-				teardownDrag = void 0;
-			};
-		}
-		onBeforeUnmount(() => teardownDrag?.());
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(SliderRoot), {
-				"model-value": values.value,
-				min: __props.min,
-				max: __props.max,
-				step: __props.step,
-				disabled: __props.disabled,
-				class: normalizeClass(unref(cn)("relative flex w-full touch-none items-center py-2 data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50", unref(attrs).class)),
-				onPointerdown: onRootPointerDown,
-				"onUpdate:modelValue": onUpdate,
-				onValueCommit: onCommit
-			}, {
-				default: withCtx(() => [createVNode(unref(SliderTrack), { class: "relative h-1.5 w-full grow rounded-full bg-muted" }, {
-					default: withCtx(() => [createVNode(unref(SliderRange), { class: "absolute h-full rounded-full bg-primary" })]),
-					_: 1
-				}), createVNode(unref(SliderThumb), mergeProps(unref(thumbAttrs), { class: "block h-4 w-4 rounded-full border-2 border-primary bg-background shadow-sm transition-transform duration-fast ease-spring hover:scale-110 active:scale-95 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring focus-visible:shadow-halo data-[disabled]:pointer-events-none" }), null, 16)]),
-				_: 1
-			}, 8, [
-				"model-value",
-				"min",
-				"max",
-				"step",
-				"disabled",
-				"class"
-			]);
-		};
-	}
-});
-//#endregion
-export { Slider_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=Slider.vue_vue_type_script_setup_true_lang.js.map

package/dist/primitives/Slider/Slider.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Slider.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/primitives/Slider/Slider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, ref, watch } from \"vue\";\nimport { SliderRoot, SliderTrack, SliderRange, SliderThumb } from \"reka-ui\";\nimport { cn } from \"../../lib/cn\";\nimport { useSplitAttrs } from \"../../lib/attrs\";\n\n/**\n * Slider — one continuous value inside a bounded range. Reach for it when the\n * range itself is the information: a volume, a ratio, a share of something\n * whole. A number that happens to be numeric but has no meaningful ceiling —\n * a coordinate, an angle — belongs in a NumberField instead.\n *\n * Built on Reka UI's Slider for the `role=\"slider\"` semantics, the pointer\n * drag and the arrow / Home / End stepping. Single-thumb only: Reka models the\n * value as an array, and this exposes a scalar.\n *\n * Two things are added here.\n *\n * The first is the drag buffer, and without it the component silently drops\n * changes. Given a defined model value Reka runs fully controlled, and its\n * release-time \"did this change?\" check compares against whatever it was last\n * fed — not against what it emitted. A host that correctly withholds transient\n * values until commit therefore leaves that check reading the pre-drag value\n * for the whole gesture, so it always answers no and the commit never fires.\n * `lastValue` below feeds Reka's own transient ticks back into its model, which\n * is exactly the fix NumberField applies for the same reason. Keyboard steps\n * need no buffer: Reka updates and commits inside one synchronous call, so it\n * compares against a value that is still old either way.\n *\n * The second is the abort path. Reka has no drag cancellation of its own — it\n * handles pointerdown, move and up, and commits whenever the release value\n * differs from the one it snapshotted — so Escape or a browser-issued\n * `pointercancel` mid-drag would still write one checkpoint on release. The\n * bail-out mirrors NumberField's: reset `lastValue` to the committed value, so\n * Reka's own comparison sees no change and never commits, and swallow the\n * still-captured pointer's remaining ticks until it releases.\n */\nconst props = withDefaults(\n  defineProps<{\n    /** The current value. Transient drag positions are reported before it changes. */\n    modelValue?: number;\n    /** The floor of the range, and where Home lands. */\n    min?: number;\n    /** The ceiling of the range, and where End lands. */\n    max?: number;\n    /** The granularity of one arrow-key step and of the drag's own snapping. */\n    step?: number;\n    /** Unavailable: dims the track and refuses both the pointer and the keyboard. */\n    disabled?: boolean;\n  }>(),\n  { min: 0, max: 1, step: 0.01, disabled: false },\n);\n\nconst emit = defineEmits<{\n  /** Transient: every position the thumb passes through during a drag. Not a checkpoint. */\n  \"update:modelValue\": [value: number];\n  /** Committed: once at the end of a gesture — drag release, or a keyboard step. */\n  commit: [value: number];\n}>();\n\n// The root renders a real element, and it is the one a caller's `class` has to\n// land on — sizing and layout (`flex-1` to grow in a toolbar) are dead weight\n// on the thumb, which is a 16px absolutely-positioned circle no flex rule\n// reaches. Every other fallthrough attribute goes the other way, onto the\n// thumb: `aria-labelledby` describes the `role=\"slider\"` element, not the box\n// around it.\ndefineOptions({ inheritAttrs: false });\nconst { attrs, rest: thumbAttrs } = useSplitAttrs();\n\n// What the Reka root is fed as its own model value: seeded from the prop, then\n// advanced on every tick Reka emits, so its release-time check sees the drag's\n// real end position rather than the frozen prop.\nconst lastValue = ref(props.modelValue);\nwatch(\n  () => props.modelValue,\n  (value) => {\n    lastValue.value = value;\n  },\n);\n\nconst values = computed(() => (lastValue.value === undefined ? [] : [lastValue.value]));\n\nfunction onUpdate(next: number[] | undefined) {\n  const value = next?.[0];\n  if (value === undefined || aborted) return;\n  lastValue.value = value;\n  emit(\"update:modelValue\", value);\n}\n\nfunction onCommit(next: number[]) {\n  if (next[0] !== undefined && !aborted) emit(\"commit\", next[0]);\n}\n\n// The abort path. Its window listeners live for the duration of one pointer\n// gesture and no longer.\nlet aborted = false;\nlet teardownDrag: (() => void) | undefined;\n\nfunction resetToCommitted() {\n  if (lastValue.value === props.modelValue) return;\n  lastValue.value = props.modelValue;\n  // One transient tick carrying the committed value, so the host can restore\n  // its pre-drag preview. Still never a checkpoint.\n  if (props.modelValue !== undefined) emit(\"update:modelValue\", props.modelValue);\n}\n\nfunction onRootPointerDown() {\n  if (props.disabled) return;\n  aborted = false;\n  const onDragKeydown = (keyEvent: KeyboardEvent) => {\n    if (keyEvent.key !== \"Escape\" || aborted) return;\n    keyEvent.preventDefault();\n    keyEvent.stopPropagation();\n    // Reka keeps the pointer captured until release, so `aborted` is what\n    // stops the remaining move ticks from resurrecting the gesture.\n    aborted = true;\n    resetToCommitted();\n  };\n  const onPointerUp = () => {\n    // This runs after Reka's own element-level release handling, so a\n    // swallowed gesture has already settled by the time the abort re-arms.\n    teardownDrag?.();\n    aborted = false;\n  };\n  const onPointerCancel = () => {\n    teardownDrag?.();\n    aborted = false; // a cancelled pointer emits no further ticks\n    resetToCommitted();\n  };\n  window.addEventListener(\"pointerup\", onPointerUp);\n  window.addEventListener(\"pointercancel\", onPointerCancel);\n  window.addEventListener(\"keydown\", onDragKeydown, true);\n  teardownDrag = () => {\n    window.removeEventListener(\"pointerup\", onPointerUp);\n    window.removeEventListener(\"pointercancel\", onPointerCancel);\n    window.removeEventListener(\"keydown\", onDragKeydown, true);\n    teardownDrag = undefined;\n  };\n}\n\nonBeforeUnmount(() => teardownDrag?.());\n</script>\n\n<template>\n  <SliderRoot\n    :model-value=\"values\"\n    :min=\"min\"\n    :max=\"max\"\n    :step=\"step\"\n    :disabled=\"disabled\"\n    :class=\"\n      cn(\n        'relative flex w-full touch-none items-center py-2 data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50',\n        attrs.class as string,\n      )\n    \"\n    @pointerdown=\"onRootPointerDown\"\n    @update:model-value=\"onUpdate\"\n    @value-commit=\"onCommit\"\n  >\n    <SliderTrack class=\"relative h-1.5 w-full grow rounded-full bg-muted\">\n      <!-- The filled range is a value a person set, so it is painted flat in\n           the human force's colour rather than in a gradient. -->\n      <SliderRange class=\"absolute h-full rounded-full bg-primary\" />\n    </SliderTrack>\n    <SliderThumb\n      v-bind=\"thumbAttrs\"\n      class=\"block h-4 w-4 rounded-full border-2 border-primary bg-background shadow-sm transition-transform duration-fast ease-spring hover:scale-110 active:scale-95 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring focus-visible:shadow-halo data-[disabled]:pointer-events-none\"\n    />\n  </SliderRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqCA,MAAM,QAAQ;EAgBd,MAAM,OAAO;EAcb,MAAM,EAAE,OAAO,MAAM,eAAe,cAAc;EAKlD,MAAM,YAAY,IAAI,MAAM,UAAU;EACtC,YACQ,MAAM,aACX,UAAU;GACT,UAAU,QAAQ;EACpB,CACF;EAEA,MAAM,SAAS,eAAgB,UAAU,UAAU,KAAA,IAAY,CAAC,IAAI,CAAC,UAAU,KAAK,CAAE;EAEtF,SAAS,SAAS,MAA4B;GAC5C,MAAM,QAAQ,OAAO;GACrB,IAAI,UAAU,KAAA,KAAa,SAAS;GACpC,UAAU,QAAQ;GAClB,KAAK,qBAAqB,KAAK;EACjC;EAEA,SAAS,SAAS,MAAgB;GAChC,IAAI,KAAK,OAAO,KAAA,KAAa,CAAC,SAAS,KAAK,UAAU,KAAK,EAAE;EAC/D;EAIA,IAAI,UAAU;EACd,IAAI;EAEJ,SAAS,mBAAmB;GAC1B,IAAI,UAAU,UAAU,MAAM,YAAY;GAC1C,UAAU,QAAQ,MAAM;GAGxB,IAAI,MAAM,eAAe,KAAA,GAAW,KAAK,qBAAqB,MAAM,UAAU;EAChF;EAEA,SAAS,oBAAoB;GAC3B,IAAI,MAAM,UAAU;GACpB,UAAU;GACV,MAAM,iBAAiB,aAA4B;IACjD,IAAI,SAAS,QAAQ,YAAY,SAAS;IAC1C,SAAS,eAAe;IACxB,SAAS,gBAAgB;IAGzB,UAAU;IACV,iBAAiB;GACnB;GACA,MAAM,oBAAoB;IAGxB,eAAe;IACf,UAAU;GACZ;GACA,MAAM,wBAAwB;IAC5B,eAAe;IACf,UAAU;IACV,iBAAiB;GACnB;GACA,OAAO,iBAAiB,aAAa,WAAW;GAChD,OAAO,iBAAiB,iBAAiB,eAAe;GACxD,OAAO,iBAAiB,WAAW,eAAe,IAAI;GACtD,qBAAqB;IACnB,OAAO,oBAAoB,aAAa,WAAW;IACnD,OAAO,oBAAoB,iBAAiB,eAAe;IAC3D,OAAO,oBAAoB,WAAW,eAAe,IAAI;IACzD,eAAe,KAAA;GACjB;EACF;EAEA,sBAAsB,eAAe,CAAC;;GAIpC,OAAA,UAAA,GAAA,YAyBa,MAAA,UAAA,GAAA;IAxBV,eAAa,OAAA;IACb,KAAK,QAAA;IACL,KAAK,QAAA;IACL,MAAM,QAAA;IACN,UAAU,QAAA;IACV,OAAK,eAAS,MAAA,EAAA,CAAE,CAAA,mHAAqI,MAAA,KAAA,CAAK,CAAC,KAAA,CAAA;IAM3J,eAAa;IACb,uBAAoB;IACpB,eAAc;;IAEf,SAAA,cAIc,CAJd,YAIc,MAAA,WAAA,GAAA,EAJD,OAAM,mDAAkD,GAAA;KAGnE,SAAA,cAA+D,CAA/D,YAA+D,MAAA,WAAA,GAAA,EAAlD,OAAM,0CAAyC,CAAA,CAAA,CAAA;;IAE9D,CAAA,GAAA,YAGE,MAAA,WAAA,GAHF,WACU,MAER,UAAA,GAFkB,EAClB,OAAM,4SAA2S,CAAA,GAAA,MAAA,EAAA,CAAA,CAAA"}

package/dist/primitives/Spinner/Spinner.js

@@ -1,7 +0,0 @@
-import Spinner_vue_vue_type_script_setup_true_lang_default, { spinnerVariants } from "./Spinner.vue_vue_type_script_setup_true_lang.js";
-//#region src/primitives/Spinner/Spinner.vue
-var Spinner_default = Spinner_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { Spinner_default as default, spinnerVariants };
-
-//# sourceMappingURL=Spinner.js.map

package/dist/primitives/Spinner/Spinner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.js","names":[],"sources":["../../../src/primitives/Spinner/Spinner.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { cva } from \"class-variance-authority\";\n\nexport type SpinnerSize = \"sm\" | \"md\" | \"lg\";\n\nexport const spinnerVariants = cva(\"animate-spin text-current\", {\n  variants: {\n    size: {\n      sm: \"h-4 w-4\",\n      md: \"h-5 w-5\",\n      lg: \"h-8 w-8\",\n    } satisfies Record<SpinnerSize, string>,\n  },\n  defaultVariants: { size: \"md\" },\n});\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"../../lib/cn\";\n\n/**\n * Spinner — indeterminate loading indicator: the wait has no known length or\n * layout shape yet (e.g. waiting on a network request). Once the layout IS\n * known (a card, a list row), use Skeleton instead so the placeholder already\n * reads as the coming content.\n *\n * The root carries `role=\"status\"` + `aria-label` (from `label`) so screen\n * readers announce the wait; the decorative SVG arc is `aria-hidden` since\n * the label already carries the meaning. Color inherits from the caller via\n * `text-current`/`stroke-current`/`fill-current` — set text color on an\n * ancestor, never hardcode it here.\n *\n * Button deliberately does not reuse this component for its own loading\n * state: it inlines the same arc instead, because `role=\"status\"` inside a\n * button that is already `aria-busy` would announce the wait twice.\n */\nwithDefaults(\n  defineProps<{\n    /** Control diameter. */\n    size?: SpinnerSize;\n    /** What a screen reader announces for the wait — always describe the specific work in progress (e.g. \"Saving changes\") rather than leaving the generic default. */\n    label?: string;\n  }>(),\n  { size: \"md\", label: \"Loading\" },\n);\n</script>\n\n<template>\n  <span role=\"status\" :aria-label=\"label\" class=\"inline-flex\">\n    <svg :class=\"cn(spinnerVariants({ size }))\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n      <circle class=\"stroke-current opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke-width=\"4\" />\n      <path class=\"fill-current opacity-75\" d=\"M4 12a8 8 0 0 1 8-8V0C5.373 0 0 5.373 0 12h4z\" />\n    </svg>\n  </span>\n</template>\n"],"mappings":""}

package/dist/primitives/Spinner/Spinner.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.vue.d.ts","sourceRoot":"","sources":["../../../src/primitives/Spinner/Spinner.vue"],"names":[],"mappings":"AA+DA,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,eAAO,MAAM,eAAe;;8EAS1B,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAkBd,wBAAwB;WACjB,WAAW;IAClB,mKAAmK;YAC3J,MAAM;;IAHd,wBAAwB;WACjB,WAAW;IAClB,mKAAmK;YAC3J,MAAM;;UAFP,WAAW;WAEV,MAAM;6EA6Dd,CAAC"}

package/dist/primitives/Spinner/Spinner.vue_vue_type_script_setup_true_lang.js

@@ -1,63 +0,0 @@
-import { cn } from "../../lib/cn.js";
-import { createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, unref } from "vue";
-import { cva } from "class-variance-authority";
-//#region src/primitives/Spinner/Spinner.vue?vue&type=script&setup=true&lang.ts
-/**
-* Spinner — indeterminate loading indicator: the wait has no known length or
-* layout shape yet (e.g. waiting on a network request). Once the layout IS
-* known (a card, a list row), use Skeleton instead so the placeholder already
-* reads as the coming content.
-*
-* The root carries `role="status"` + `aria-label` (from `label`) so screen
-* readers announce the wait; the decorative SVG arc is `aria-hidden` since
-* the label already carries the meaning. Color inherits from the caller via
-* `text-current`/`stroke-current`/`fill-current` — set text color on an
-* ancestor, never hardcode it here.
-*
-* Button deliberately does not reuse this component for its own loading
-* state: it inlines the same arc instead, because `role="status"` inside a
-* button that is already `aria-busy` would announce the wait twice.
-*/
-var _hoisted_1 = ["aria-label"];
-var spinnerVariants = cva("animate-spin text-current", {
-	variants: { size: {
-		sm: "h-4 w-4",
-		md: "h-5 w-5",
-		lg: "h-8 w-8"
-	} },
-	defaultVariants: { size: "md" }
-});
-var Spinner_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "Spinner",
-	props: {
-		size: { default: "md" },
-		label: { default: "Loading" }
-	},
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", {
-				role: "status",
-				"aria-label": __props.label,
-				class: "inline-flex"
-			}, [(openBlock(), createElementBlock("svg", {
-				class: normalizeClass(unref(cn)(unref(spinnerVariants)({ size: __props.size }))),
-				viewBox: "0 0 24 24",
-				fill: "none",
-				"aria-hidden": "true"
-			}, [..._cache[0] || (_cache[0] = [createElementVNode("circle", {
-				class: "stroke-current opacity-25",
-				cx: "12",
-				cy: "12",
-				r: "10",
-				"stroke-width": "4"
-			}, null, -1), createElementVNode("path", {
-				class: "fill-current opacity-75",
-				d: "M4 12a8 8 0 0 1 8-8V0C5.373 0 0 5.373 0 12h4z"
-			}, null, -1)])], 2))], 8, _hoisted_1);
-		};
-	}
-});
-//#endregion
-export { Spinner_vue_vue_type_script_setup_true_lang_default as default, spinnerVariants };
-
-//# sourceMappingURL=Spinner.vue_vue_type_script_setup_true_lang.js.map

package/dist/primitives/Spinner/Spinner.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spinner.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/primitives/Spinner/Spinner.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { cva } from \"class-variance-authority\";\n\nexport type SpinnerSize = \"sm\" | \"md\" | \"lg\";\n\nexport const spinnerVariants = cva(\"animate-spin text-current\", {\n  variants: {\n    size: {\n      sm: \"h-4 w-4\",\n      md: \"h-5 w-5\",\n      lg: \"h-8 w-8\",\n    } satisfies Record<SpinnerSize, string>,\n  },\n  defaultVariants: { size: \"md\" },\n});\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"../../lib/cn\";\n\n/**\n * Spinner — indeterminate loading indicator: the wait has no known length or\n * layout shape yet (e.g. waiting on a network request). Once the layout IS\n * known (a card, a list row), use Skeleton instead so the placeholder already\n * reads as the coming content.\n *\n * The root carries `role=\"status\"` + `aria-label` (from `label`) so screen\n * readers announce the wait; the decorative SVG arc is `aria-hidden` since\n * the label already carries the meaning. Color inherits from the caller via\n * `text-current`/`stroke-current`/`fill-current` — set text color on an\n * ancestor, never hardcode it here.\n *\n * Button deliberately does not reuse this component for its own loading\n * state: it inlines the same arc instead, because `role=\"status\"` inside a\n * button that is already `aria-busy` would announce the wait twice.\n */\nwithDefaults(\n  defineProps<{\n    /** Control diameter. */\n    size?: SpinnerSize;\n    /** What a screen reader announces for the wait — always describe the specific work in progress (e.g. \"Saving changes\") rather than leaving the generic default. */\n    label?: string;\n  }>(),\n  { size: \"md\", label: \"Loading\" },\n);\n</script>\n\n<template>\n  <span role=\"status\" :aria-label=\"label\" class=\"inline-flex\">\n    <svg :class=\"cn(spinnerVariants({ size }))\" viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\n      <circle class=\"stroke-current opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke-width=\"4\" />\n      <path class=\"fill-current opacity-75\" d=\"M4 12a8 8 0 0 1 8-8V0C5.373 0 0 5.373 0 12h4z\" />\n    </svg>\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKA,IAAa,kBAAkB,IAAI,6BAA6B;CAC9D,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,EACF;CACA,iBAAiB,EAAE,MAAM,KAAK;AAChC,CAAC;;;;;;;;;GAkCC,OAAA,UAAA,GAAA,mBAKO,QAAA;IALD,MAAK;IAAU,cAAY,QAAA;IAAO,OAAM;GAC5C,GAAA,EAAA,UAAA,GAAA,mBAGM,OAAA;IAHA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAC,MAAA,eAAA,CAAe,CAAA,EAAA,MAAG,QAAA,KAAI,CAAA,CAAA,CAAA;IAAM,SAAQ;IAAY,MAAK;IAAO,eAAY;GACtF,GAAA,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,mBAAoF,UAAA;IAA5E,OAAM;IAA4B,IAAG;IAAK,IAAG;IAAK,GAAE;IAAK,gBAAa;GAC9E,GAAA,MAAA,EAAA,GAAA,mBAA0F,QAAA;IAApF,OAAM;IAA0B,GAAE"}

package/dist/primitives/Surface/Surface.js

@@ -1,7 +0,0 @@
-import Surface_vue_vue_type_script_setup_true_lang_default, { surfaceVariants } from "./Surface.vue_vue_type_script_setup_true_lang.js";
-//#region src/primitives/Surface/Surface.vue
-var Surface_default = Surface_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { Surface_default as default, surfaceVariants };
-
-//# sourceMappingURL=Surface.js.map

package/dist/primitives/Surface/Surface.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Surface.js","names":[],"sources":["../../../src/primitives/Surface/Surface.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { cva } from \"class-variance-authority\";\n\n/**\n * Surface — the panel/card primitive. Elevation is expressed by hairline\n * borders and background lightness, not heavy shadows (Loom principle:\n * \"hairline over shadow\"): on the paper-light ground a white `card` already\n * reads as raised, so only `overlay` carries a real shadow.\n */\nexport type SurfaceElevation = \"card\" | \"muted\" | \"overlay\";\n\nexport type SurfacePad = \"none\" | \"sm\" | \"md\" | \"lg\";\n\nexport const surfaceVariants = cva(\"rounded-lg transition-colors duration-fast\", {\n  variants: {\n    variant: {\n      card: \"bg-card text-card-foreground border border-border\",\n      muted: \"bg-muted text-foreground border border-transparent\",\n      overlay: \"bg-popover text-popover-foreground border border-border shadow-md\",\n    } satisfies Record<SurfaceElevation, string>,\n    pad: {\n      none: \"p-0\",\n      sm: \"p-3\",\n      md: \"p-4\",\n      lg: \"p-6\",\n    } satisfies Record<SurfacePad, string>,\n    // The ONE hover/press language for clickable rows and cards (a list row,\n    // a picker card): lift by fill, hairline asserts, cursor signals — so\n    // views stop hand-rolling their own `hover:bg-subtle` treatments. The\n    // Surface stays a div; the host owns the actual click/role/tabindex.\n    interactive: {\n      true: \"cursor-pointer hover:bg-subtle/60 hover:border-border-strong active:bg-subtle\",\n    },\n  },\n  defaultVariants: { variant: \"card\", pad: \"md\" },\n});\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"../../lib/cn\";\n\nwithDefaults(\n  defineProps<{\n    /** How the panel reads on the paper-light ground: a raised card, a recessed panel, or a floating overlay. */\n    variant?: SurfaceElevation;\n    /** Built-in inner padding, so a caller need not remember the spacing token. */\n    pad?: SurfacePad;\n    /** Clickable-surface language: hover fill lift, strong hairline, cursor. The host owns the click handler. */\n    interactive?: boolean;\n  }>(),\n  { variant: \"card\", pad: \"md\", interactive: false },\n);\n</script>\n\n<template>\n  <div :class=\"cn(surfaceVariants({ variant, pad, interactive }))\"><slot /></div>\n</template>\n"],"mappings":""}

package/dist/primitives/Surface/Surface.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Surface.vue.d.ts","sourceRoot":"","sources":["../../../src/primitives/Surface/Surface.vue"],"names":[],"mappings":"AAiEA;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAE5D,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErD,eAAO,MAAM,eAAe;;;;8EAsB1B,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd,6GAA6G;cACnG,gBAAgB;IAC1B,+EAA+E;UACzE,UAAU;IAChB,6GAA6G;kBAC/F,OAAO;;IALrB,6GAA6G;cACnG,gBAAgB;IAC1B,+EAA+E;UACzE,UAAU;IAChB,6GAA6G;kBAC/F,OAAO;;aAJX,gBAAgB;SAEpB,UAAU;iBAEF,OAAO;;cAkCX,CAAC,KAAK,IAAgB,KAAK,GAAG;EAUxC,CAAC;AAWL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/primitives/Surface/Surface.vue_vue_type_script_setup_true_lang.js

@@ -1,48 +0,0 @@
-import { cn } from "../../lib/cn.js";
-import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
-import { cva } from "class-variance-authority";
-//#region src/primitives/Surface/Surface.vue?vue&type=script&setup=true&lang.ts
-var surfaceVariants = cva("rounded-lg transition-colors duration-fast", {
-	variants: {
-		variant: {
-			card: "bg-card text-card-foreground border border-border",
-			muted: "bg-muted text-foreground border border-transparent",
-			overlay: "bg-popover text-popover-foreground border border-border shadow-md"
-		},
-		pad: {
-			none: "p-0",
-			sm: "p-3",
-			md: "p-4",
-			lg: "p-6"
-		},
-		interactive: { true: "cursor-pointer hover:bg-subtle/60 hover:border-border-strong active:bg-subtle" }
-	},
-	defaultVariants: {
-		variant: "card",
-		pad: "md"
-	}
-});
-var Surface_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "Surface",
-	props: {
-		variant: { default: "card" },
-		pad: { default: "md" },
-		interactive: {
-			type: Boolean,
-			default: false
-		}
-	},
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cn)(unref(surfaceVariants)({
-				variant: __props.variant,
-				pad: __props.pad,
-				interactive: __props.interactive
-			}))) }, [renderSlot(_ctx.$slots, "default")], 2);
-		};
-	}
-});
-//#endregion
-export { Surface_vue_vue_type_script_setup_true_lang_default as default, surfaceVariants };
-
-//# sourceMappingURL=Surface.vue_vue_type_script_setup_true_lang.js.map

package/dist/primitives/Surface/Surface.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Surface.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/primitives/Surface/Surface.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { cva } from \"class-variance-authority\";\n\n/**\n * Surface — the panel/card primitive. Elevation is expressed by hairline\n * borders and background lightness, not heavy shadows (Loom principle:\n * \"hairline over shadow\"): on the paper-light ground a white `card` already\n * reads as raised, so only `overlay` carries a real shadow.\n */\nexport type SurfaceElevation = \"card\" | \"muted\" | \"overlay\";\n\nexport type SurfacePad = \"none\" | \"sm\" | \"md\" | \"lg\";\n\nexport const surfaceVariants = cva(\"rounded-lg transition-colors duration-fast\", {\n  variants: {\n    variant: {\n      card: \"bg-card text-card-foreground border border-border\",\n      muted: \"bg-muted text-foreground border border-transparent\",\n      overlay: \"bg-popover text-popover-foreground border border-border shadow-md\",\n    } satisfies Record<SurfaceElevation, string>,\n    pad: {\n      none: \"p-0\",\n      sm: \"p-3\",\n      md: \"p-4\",\n      lg: \"p-6\",\n    } satisfies Record<SurfacePad, string>,\n    // The ONE hover/press language for clickable rows and cards (a list row,\n    // a picker card): lift by fill, hairline asserts, cursor signals — so\n    // views stop hand-rolling their own `hover:bg-subtle` treatments. The\n    // Surface stays a div; the host owns the actual click/role/tabindex.\n    interactive: {\n      true: \"cursor-pointer hover:bg-subtle/60 hover:border-border-strong active:bg-subtle\",\n    },\n  },\n  defaultVariants: { variant: \"card\", pad: \"md\" },\n});\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"../../lib/cn\";\n\nwithDefaults(\n  defineProps<{\n    /** How the panel reads on the paper-light ground: a raised card, a recessed panel, or a floating overlay. */\n    variant?: SurfaceElevation;\n    /** Built-in inner padding, so a caller need not remember the spacing token. */\n    pad?: SurfacePad;\n    /** Clickable-surface language: hover fill lift, strong hairline, cursor. The host owns the click handler. */\n    interactive?: boolean;\n  }>(),\n  { variant: \"card\", pad: \"md\", interactive: false },\n);\n</script>\n\n<template>\n  <div :class=\"cn(surfaceVariants({ variant, pad, interactive }))\"><slot /></div>\n</template>\n"],"mappings":";;;;AAaA,IAAa,kBAAkB,IAAI,8CAA8C;CAC/E,UAAU;EACR,SAAS;GACP,MAAM;GACN,OAAO;GACP,SAAS;EACX;EACA,KAAK;GACH,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;EAKA,aAAa,EACX,MAAM,gFACR;CACF;CACA,iBAAiB;EAAE,SAAS;EAAQ,KAAK;CAAK;AAChD,CAAC;;;;;;;;;;;;;GAoBC,OAAA,UAAA,GAAA,mBAA+E,OAAA,EAAzE,OAAK,eAAE,MAAA,EAAA,CAAE,CAAC,MAAA,eAAA,CAAe,CAAA;IAAA,SAAG,QAAA;IAAO,KAAE,QAAA;IAAG,aAAE,QAAA;GAAW,CAAA,CAAA,CAAA,EAAA,GAAA,CAAM,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA"}

package/dist/primitives/Switch/Switch.js

@@ -1,7 +0,0 @@
-import Switch_vue_vue_type_script_setup_true_lang_default from "./Switch.vue_vue_type_script_setup_true_lang.js";
-//#region src/primitives/Switch/Switch.vue
-var Switch_default = Switch_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { Switch_default as default };
-
-//# sourceMappingURL=Switch.js.map

package/dist/primitives/Switch/Switch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.js","names":[],"sources":["../../../src/primitives/Switch/Switch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { SwitchRoot, SwitchThumb } from \"reka-ui\";\nimport { cn } from \"../../lib/cn\";\n\n/**\n * Switch — toggles a boolean setting that takes effect immediately, with no\n * \"Save\" step. Built on Reka UI's Switch for role=\"switch\" + aria-checked +\n * Space/Enter. Label and description live on the surrounding setting row —\n * wire them in with `aria-labelledby`, since Switch renders a button, not a\n * labelable input.\n */\nwithDefaults(\n  defineProps<{\n    /** Whether the setting is currently on. Omit to let the switch own its own state. */\n    modelValue?: boolean | undefined;\n    /** Blocks both click and keyboard input, and dims the control. */\n    disabled?: boolean;\n  }>(),\n  {\n    // Not `false` — see Checkbox: a concrete default claims host ownership and\n    // leaves an unbound switch emitting updates while never moving.\n    modelValue: undefined,\n    disabled: false,\n  },\n);\n\ndefineEmits<{ \"update:modelValue\": [value: boolean] }>();\n</script>\n\n<template>\n  <SwitchRoot\n    v-bind=\"{ modelValue }\"\n    :disabled=\"disabled\"\n    :class=\"\n      cn(\n        'relative inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border border-transparent',\n        'transition-[background-color,filter,box-shadow] duration-instant ease-out',\n        'hover:brightness-95',\n        // Checked = a human decision (Loom law): the track fills flat warp.\n        'data-[state=checked]:bg-primary data-[state=unchecked]:bg-muted-foreground/30',\n        // Focus draws the weave tight: the brand ring blooms.\n        'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring focus-visible:shadow-halo',\n        'disabled:cursor-not-allowed disabled:opacity-50',\n      )\n    \"\n    @update:model-value=\"$emit('update:modelValue', $event)\"\n  >\n    <SwitchThumb\n      style=\"\n        transition:\n          left var(--duration-instant) var(--ease-out),\n          transform var(--duration-fast) var(--ease-spring);\n      \"\n      :class=\"\n        cn(\n          'absolute top-1/2 left-0.5 block h-4 w-4 -translate-y-1/2 rounded-full bg-background shadow-sm',\n          'active:scale-x-[1.15] active:scale-y-[0.85]',\n          'data-[state=checked]:left-[1.125rem]',\n        )\n      \"\n    />\n  </SwitchRoot>\n</template>\n"],"mappings":""}

package/dist/primitives/Switch/Switch.vue.d.ts

@@ -1,24 +0,0 @@
-/**
- * Switch — toggles a boolean setting that takes effect immediately, with no
- * "Save" step. Built on Reka UI's Switch for role="switch" + aria-checked +
- * Space/Enter. Label and description live on the surrounding setting row —
- * wire them in with `aria-labelledby`, since Switch renders a button, not a
- * labelable input.
- */
-type __VLS_Props = {
-    /** Whether the setting is currently on. Omit to let the switch own its own state. */
-    modelValue?: boolean | undefined;
-    /** Blocks both click and keyboard input, and dims the control. */
-    disabled?: boolean;
-};
-declare const __VLS_export: 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;
-}>, {
-    disabled: boolean;
-    modelValue: boolean | undefined;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=Switch.vue.d.ts.map

package/dist/primitives/Switch/Switch.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.vue.d.ts","sourceRoot":"","sources":["../../../src/primitives/Switch/Switch.vue"],"names":[],"mappings":"AAqEA;;;;;;GAMG;AACH,KAAK,WAAW,GAAG;IACf,qFAAqF;IACrF,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA0HJ,QAAA,MAAM,YAAY;;;;;cA3HH,OAAO;gBAFL,OAAO,GAAG,SAAS;6EAiIlC,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/primitives/Switch/Switch.vue_vue_type_script_setup_true_lang.js

@@ -1,44 +0,0 @@
-import { cn } from "../../lib/cn.js";
-import { createBlock, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, unref, withCtx } from "vue";
-import { SwitchRoot, SwitchThumb } from "reka-ui";
-//#region src/primitives/Switch/Switch.vue?vue&type=script&setup=true&lang.ts
-/**
-* Switch — toggles a boolean setting that takes effect immediately, with no
-* "Save" step. Built on Reka UI's Switch for role="switch" + aria-checked +
-* Space/Enter. Label and description live on the surrounding setting row —
-* wire them in with `aria-labelledby`, since Switch renders a button, not a
-* labelable input.
-*/
-var Switch_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "Switch",
-	props: {
-		modelValue: {
-			type: Boolean,
-			default: void 0
-		},
-		disabled: {
-			type: Boolean,
-			default: false
-		}
-	},
-	emits: ["update:modelValue"],
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(SwitchRoot), mergeProps({ modelValue: __props.modelValue }, {
-				disabled: __props.disabled,
-				class: unref(cn)("relative inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border border-transparent", "transition-[background-color,filter,box-shadow] duration-instant ease-out", "hover:brightness-95", "data-[state=checked]:bg-primary data-[state=unchecked]:bg-muted-foreground/30", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring focus-visible:shadow-halo", "disabled:cursor-not-allowed disabled:opacity-50"),
-				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
-			}), {
-				default: withCtx(() => [createVNode(unref(SwitchThumb), {
-					style: { "transition": "left var(--duration-instant) var(--ease-out),\n          transform var(--duration-fast) var(--ease-spring)" },
-					class: normalizeClass(unref(cn)("absolute top-1/2 left-0.5 block h-4 w-4 -translate-y-1/2 rounded-full bg-background shadow-sm", "active:scale-x-[1.15] active:scale-y-[0.85]", "data-[state=checked]:left-[1.125rem]"))
-				}, null, 8, ["class"])]),
-				_: 1
-			}, 16, ["disabled", "class"]);
-		};
-	}
-});
-//#endregion
-export { Switch_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=Switch.vue_vue_type_script_setup_true_lang.js.map

package/dist/primitives/Switch/Switch.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/primitives/Switch/Switch.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { SwitchRoot, SwitchThumb } from \"reka-ui\";\nimport { cn } from \"../../lib/cn\";\n\n/**\n * Switch — toggles a boolean setting that takes effect immediately, with no\n * \"Save\" step. Built on Reka UI's Switch for role=\"switch\" + aria-checked +\n * Space/Enter. Label and description live on the surrounding setting row —\n * wire them in with `aria-labelledby`, since Switch renders a button, not a\n * labelable input.\n */\nwithDefaults(\n  defineProps<{\n    /** Whether the setting is currently on. Omit to let the switch own its own state. */\n    modelValue?: boolean | undefined;\n    /** Blocks both click and keyboard input, and dims the control. */\n    disabled?: boolean;\n  }>(),\n  {\n    // Not `false` — see Checkbox: a concrete default claims host ownership and\n    // leaves an unbound switch emitting updates while never moving.\n    modelValue: undefined,\n    disabled: false,\n  },\n);\n\ndefineEmits<{ \"update:modelValue\": [value: boolean] }>();\n</script>\n\n<template>\n  <SwitchRoot\n    v-bind=\"{ modelValue }\"\n    :disabled=\"disabled\"\n    :class=\"\n      cn(\n        'relative inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border border-transparent',\n        'transition-[background-color,filter,box-shadow] duration-instant ease-out',\n        'hover:brightness-95',\n        // Checked = a human decision (Loom law): the track fills flat warp.\n        'data-[state=checked]:bg-primary data-[state=unchecked]:bg-muted-foreground/30',\n        // Focus draws the weave tight: the brand ring blooms.\n        'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring focus-visible:shadow-halo',\n        'disabled:cursor-not-allowed disabled:opacity-50',\n      )\n    \"\n    @update:model-value=\"$emit('update:modelValue', $event)\"\n  >\n    <SwitchThumb\n      style=\"\n        transition:\n          left var(--duration-instant) var(--ease-out),\n          transform var(--duration-fast) var(--ease-spring);\n      \"\n      :class=\"\n        cn(\n          'absolute top-1/2 left-0.5 block h-4 w-4 -translate-y-1/2 rounded-full bg-background shadow-sm',\n          'active:scale-x-[1.15] active:scale-y-[0.85]',\n          'data-[state=checked]:left-[1.125rem]',\n        )\n      \"\n    />\n  </SwitchRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;GA8BE,OAAA,UAAA,GAAA,YA+Ba,MAAA,UAAA,GA/Bb,WA+Ba,EAAA,YA9BD,QAAA,WAAU,GAAA;IACnB,UAAU,QAAA;IACV,OAAc,MAAA,EAAA,CAAE,CAAA,4GAAA,6EAAA,uBAAA,iFAAA,+GAAA,iDAAA;IAYhB,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,qBAAsB,MAAM;;IAEtD,SAAA,cAaE,CAbF,YAaE,MAAA,WAAA,GAAA;KAZA,OAAA,EAAA,cAAA,6GAAA;KAKC,OAAK,eAAW,MAAA,EAAA,CAAE,CAAA,iGAAA,+CAAA,sCAAA,CAAA"}

package/dist/primitives/Tabs/Tabs.js

@@ -1,7 +0,0 @@
-import Tabs_vue_vue_type_script_setup_true_lang_default from "./Tabs.vue_vue_type_script_setup_true_lang.js";
-//#region src/primitives/Tabs/Tabs.vue
-var Tabs_default = Tabs_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { Tabs_default as default };
-
-//# sourceMappingURL=Tabs.js.map

package/dist/primitives/Tabs/Tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.js","names":[],"sources":["../../../src/primitives/Tabs/Tabs.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface TabItem {\n  /** Selects this tab, and names the slot that carries its panel. */\n  value: string;\n  /** The trigger's visible text. */\n  label: string;\n  /** Skips this tab in pointer, click and roving-tabindex arrow navigation. */\n  disabled?: boolean;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { TabsContent, TabsIndicator, TabsList, TabsRoot, TabsTrigger } from \"reka-ui\";\nimport { optional } from \"../../lib/props\";\n\n/**\n * Tabs — switch between panels/views, with the active panel's content shown\n * below. For picking one value of a setting with no panel underneath, reach\n * for SegmentedControl instead. Built on Reka UI's Tabs (roving tabindex,\n * arrow-key navigation, a11y sourced from the `tab`/`tabpanel` pattern).\n * Panels are supplied by the host via named slots keyed by each tab's\n * `value` — `<Tabs :tabs=\"tabs\"><template #overview>…</template></Tabs>`.\n */\ndefineProps<{\n  /** The selected tab's value. Omit it and Tabs owns its own selection. */\n  modelValue?: string;\n  /** The ordered set of tabs; each entry needs a like-named slot for its panel. */\n  tabs: TabItem[];\n}>();\n\ndefineEmits<{ \"update:modelValue\": [value: string] }>();\n</script>\n\n<template>\n  <TabsRoot\n    v-bind=\"optional({ modelValue })\"\n    orientation=\"horizontal\"\n    @update:model-value=\"$emit('update:modelValue', String($event))\"\n  >\n    <TabsList class=\"relative inline-flex items-center gap-1 border-b border-border\">\n      <TabsTrigger\n        v-for=\"tab in tabs\"\n        :key=\"tab.value\"\n        :value=\"tab.value\"\n        v-bind=\"optional({ disabled: tab.disabled })\"\n        class=\"relative px-3 py-2 text-sm text-muted-foreground transition-colors duration-fast ease-out data-[state=active]:text-foreground focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50\"\n      >\n        {{ tab.label }}\n      </TabsTrigger>\n      <TabsIndicator\n        class=\"absolute bottom-0 left-0 h-0.5 bg-primary\"\n        style=\"\n          width: var(--reka-tabs-indicator-size);\n          transform: translateX(var(--reka-tabs-indicator-position));\n          transition:\n            width var(--duration-fast) var(--ease-spring),\n            transform var(--duration-fast) var(--ease-spring);\n        \"\n      />\n    </TabsList>\n    <TabsContent\n      v-for=\"tab in tabs\"\n      :key=\"tab.value\"\n      :value=\"tab.value\"\n      class=\"animate-fade-rise pt-4 focus-visible:outline-none\"\n    >\n      <slot :name=\"tab.value\" />\n    </TabsContent>\n  </TabsRoot>\n</template>\n"],"mappings":""}

package/dist/primitives/Tabs/Tabs.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.vue.d.ts","sourceRoot":"","sources":["../../../src/primitives/Tabs/Tabs.vue"],"names":[],"mappings":"AA6EA,MAAM,WAAW,OAAO;IACtB,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;wBACoB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAUhB,yEAAyE;iBAC5D,MAAM;IACnB,iFAAiF;UAC3E,OAAO,EAAE;;;;IAHf,yEAAyE;iBAC5D,MAAM;IACnB,iFAAiF;UAC3E,OAAO,EAAE;;;;iCAuKqD,GAAG;EAUrE,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}