@ecoma-io/loom 0.1.0

package/dist/primitives/Spinner/Spinner.js

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,21 @@
+export type SpinnerSize = "sm" | "md" | "lg";
+export declare const spinnerVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    /** Control diameter. */
+    size?: SpinnerSize;
+    /** 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. */
+    label?: string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    /** Control diameter. */
+    size?: SpinnerSize;
+    /** 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. */
+    label?: string;
+}> & Readonly<{}>, {
+    size: SpinnerSize;
+    label: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+//# sourceMappingURL=Spinner.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,63 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,42 @@
+/**
+ * Surface — the panel/card primitive. Elevation is expressed by hairline
+ * borders and background lightness, not heavy shadows (Loom principle:
+ * "hairline over shadow"): on the paper-light ground a white `card` already
+ * reads as raised, so only `overlay` carries a real shadow.
+ */
+export type SurfaceElevation = "card" | "muted" | "overlay";
+export type SurfacePad = "none" | "sm" | "md" | "lg";
+export declare const surfaceVariants: (props?: ({
+    variant?: "card" | "muted" | "overlay" | null | undefined;
+    pad?: "sm" | "md" | "lg" | "none" | null | undefined;
+    interactive?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /** How the panel reads on the paper-light ground: a raised card, a recessed panel, or a floating overlay. */
+    variant?: SurfaceElevation;
+    /** Built-in inner padding, so a caller need not remember the spacing token. */
+    pad?: SurfacePad;
+    /** Clickable-surface language: hover fill lift, strong hairline, cursor. The host owns the click handler. */
+    interactive?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    /** How the panel reads on the paper-light ground: a raised card, a recessed panel, or a floating overlay. */
+    variant?: SurfaceElevation;
+    /** Built-in inner padding, so a caller need not remember the spacing token. */
+    pad?: SurfacePad;
+    /** Clickable-surface language: hover fill lift, strong hairline, cursor. The host owns the click handler. */
+    interactive?: boolean;
+}> & Readonly<{}>, {
+    variant: SurfaceElevation;
+    pad: SurfacePad;
+    interactive: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Surface.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,48 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,24 @@
+/**
+ * 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,44 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,33 @@
+export interface TabItem {
+    /** Selects this tab, and names the slot that carries its panel. */
+    value: string;
+    /** The trigger's visible text. */
+    label: string;
+    /** Skips this tab in pointer, click and roving-tabindex arrow navigation. */
+    disabled?: boolean;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /** The selected tab's value. Omit it and Tabs owns its own selection. */
+    modelValue?: string;
+    /** The ordered set of tabs; each entry needs a like-named slot for its panel. */
+    tabs: TabItem[];
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** The selected tab's value. Omit it and Tabs owns its own selection. */
+    modelValue?: string;
+    /** The ordered set of tabs; each entry needs a like-named slot for its panel. */
+    tabs: TabItem[];
+}> & Readonly<{
+    "onUpdate:modelValue"?: (value: string) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    [x: string]: ((props: {}) => any) | undefined;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Tabs.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"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"}

package/dist/primitives/Tabs/Tabs.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,54 @@
+import { optional } from "../../lib/props.js";
+import { Fragment, createBlock, createElementBlock, createTextVNode, createVNode, defineComponent, mergeProps, openBlock, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { TabsContent, TabsIndicator, TabsList, TabsRoot, TabsTrigger } from "reka-ui";
+//#region src/primitives/Tabs/Tabs.vue?vue&type=script&setup=true&lang.ts
+var Tabs_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "Tabs",
+	props: {
+		modelValue: {},
+		tabs: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(TabsRoot), mergeProps(unref(optional)({ modelValue: __props.modelValue }), {
+				orientation: "horizontal",
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", String($event)))
+			}), {
+				default: withCtx(() => [createVNode(unref(TabsList), { class: "relative inline-flex items-center gap-1 border-b border-border" }, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab) => {
+						return openBlock(), createBlock(unref(TabsTrigger), mergeProps({
+							key: tab.value,
+							value: tab.value
+						}, { ref_for: true }, unref(optional)({ disabled: tab.disabled }), { 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" }), {
+							default: withCtx(() => [createTextVNode(toDisplayString(tab.label), 1)]),
+							_: 2
+						}, 1040, ["value"]);
+					}), 128)), createVNode(unref(TabsIndicator), {
+						class: "absolute bottom-0 left-0 h-0.5 bg-primary",
+						style: {
+							"width": "var(--reka-tabs-indicator-size)",
+							"transform": "translateX(var(--reka-tabs-indicator-position))",
+							"transition": "width var(--duration-fast) var(--ease-spring),\n            transform var(--duration-fast) var(--ease-spring)"
+						}
+					})]),
+					_: 1
+				}), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab) => {
+					return openBlock(), createBlock(unref(TabsContent), {
+						key: tab.value,
+						value: tab.value,
+						class: "animate-fade-rise pt-4 focus-visible:outline-none"
+					}, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, tab.value)]),
+						_: 2
+					}, 1032, ["value"]);
+				}), 128))]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+export { Tabs_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Tabs.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"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":";;;;;;;;;;;;;GAkCE,OAAA,UAAA,GAAA,YAkCW,MAAA,QAAA,GAlCX,WACU,MAiCC,QAAA,CAjCO,CAAA,EAAA,YAAG,QAAA,WAAU,CAAA,GAAA;IAC7B,aAAY;IACX,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,qBAAsB,OAAO,MAAM,CAAA;;IAE7D,SAAA,cAoBW,CApBX,YAoBW,MAAA,QAAA,GAAA,EApBD,OAAM,iEAAgE,GAAA;KAE5E,SAAA,cAAmB,EADrB,UAAA,IAAA,GAAA,mBAQc,UAAA,MAAA,WAPE,QAAA,OAAP,QAAG;MADZ,OAAA,UAAA,GAAA,YAQc,MAAA,WAAA,GARd,WAQc;OANX,KAAK,IAAI;OACT,OAAO,IAAI;MACJ,GAAA,EAAA,SAAA,KAAA,GAAA,MAAA,QAAA,CAAQ,CAAA,EAAA,UAAa,IAAI,SAAQ,CAAA,GAAA,EACzC,OAAM,mQAAkQ,CAAA,GAAA;OAExQ,SAAA,cAAe,CAAZ,gBAAA,gBAAA,IAAI,KAAK,GAAA,CAAA,CAAA,CAAA;;;KAEd,CAAA,GAAA,GAAA,IAAA,YASE,MAAA,aAAA,GAAA;MARA,OAAM;MACN,OAAA;OAAA,SAAA;OAAA,aAAA;OAAA,cAAA;MAAA;;;IASJ,CAAA,IAAA,UAAA,IAAA,GAAA,mBAOc,UAAA,MAAA,WANE,QAAA,OAAP,QAAG;KADZ,OAAA,UAAA,GAAA,YAOc,MAAA,WAAA,GAAA;MALX,KAAK,IAAI;MACT,OAAO,IAAI;MACZ,OAAM;;MAEN,SAAA,cAA0B,CAA1B,WAA0B,KAAA,QAAb,IAAI,KAAK,CAAA,CAAA"}

package/dist/primitives/TextField/TextField.js

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

package/dist/primitives/TextField/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","names":[],"sources":["../../../src/primitives/TextField/TextField.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type TextFieldType = \"text\" | \"email\" | \"password\" | \"search\" | \"url\" | \"tel\";\n\nexport type TextFieldSize = \"sm\" | \"md\" | \"lg\";\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"../../lib/cn\";\nimport { useSplitAttrs } from \"../../lib/attrs\";\n\n/**\n * TextField — single-line text entry (text · email · password · search · url ·\n * tel). The border, focus ring and invalid state live on the wrapper so\n * optional `#leading`/`#trailing` adornments (a search icon, a unit suffix)\n * sit *inside* the field and share its focus bloom, instead of every caller\n * re-inventing an icon-inside-input layout. For numeric entry reach for a\n * number field; for a bounded continuous value, a slider.\n *\n * Wrapping a rendered structure means the fallthrough `class` must land on\n * the wrapper (so a caller's `w-64`/`flex-1` sizes the whole field) while the\n * rest of the attrs (`id`, `name`, `data-testid`, `aria-describedby`,\n * `autocomplete`) belong on the real `<input>` — the split-attrs convention\n * shared with the other bare controls. The accessible name is a first-class\n * prop pair (`aria-label`/`aria-labelledby`, camelized by Vue) rather than a\n * loose fallthrough attr, so it is bound onto the input explicitly and shows\n * up in the props table — a bare input primitive can only be named by its\n * host.\n */\nwithDefaults(\n  defineProps<{\n    /** The current value. Pair with `@update:modelValue` for `v-model`. */\n    modelValue?: string;\n    /** The native input type — also the on-screen keyboard hint on mobile. */\n    type?: TextFieldType;\n    /** Text shown in the empty field. */\n    placeholder?: string;\n    /** Disables the field and blocks pointer and keyboard input. */\n    disabled?: boolean;\n    /** Error state: paints the destructive border/ring and sets aria-invalid. */\n    invalid?: boolean;\n    /** Control height. */\n    size?: TextFieldSize;\n    /** The accessible name, when no visible element already labels the field. */\n    ariaLabel?: string;\n    /** The id of the visible element that labels the field (e.g. a Field wrapper's label). */\n    ariaLabelledby?: string;\n  }>(),\n  {\n    type: \"text\",\n    disabled: false,\n    invalid: false,\n    size: \"md\",\n  },\n);\n\ndefineEmits<{ \"update:modelValue\": [value: string] }>();\n\ndefineOptions({ inheritAttrs: false });\nconst { attrs, rest: inputAttrs } = useSplitAttrs();\n</script>\n\n<template>\n  <div\n    :data-disabled=\"disabled || undefined\"\n    :data-invalid=\"invalid || undefined\"\n    :class=\"\n      cn(\n        'group flex items-center gap-2 rounded-md border border-input bg-background text-foreground',\n        'transition-[color,background-color,border-color,box-shadow] duration-fast ease-out',\n        // Rim-lit at rest, the weave blooms on focus (Signature law): the field\n        // catches light instead of casting a shadow, and focus draws it tight.\n        'focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-ring',\n        !invalid && 'focus-within:shadow-halo',\n        size === 'sm' && 'h-8 px-2.5 text-xs',\n        size === 'md' && 'h-9 px-3 text-sm',\n        size === 'lg' && 'h-11 px-4 text-base',\n        invalid && 'border-destructive focus-within:outline-destructive',\n        disabled && 'cursor-not-allowed opacity-50',\n        attrs.class as string,\n      )\n    \"\n  >\n    <span\n      v-if=\"$slots.leading\"\n      class=\"inline-flex shrink-0 text-muted-foreground transition-colors duration-fast ease-out group-focus-within:text-foreground\"\n    >\n      <slot name=\"leading\" />\n    </span>\n    <input\n      v-bind=\"inputAttrs\"\n      :aria-label=\"ariaLabel\"\n      :aria-labelledby=\"ariaLabelledby\"\n      :type=\"type\"\n      :value=\"modelValue\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :aria-invalid=\"invalid || undefined\"\n      class=\"min-w-0 flex-1 bg-transparent outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed\"\n      @input=\"$emit('update:modelValue', ($event.target as HTMLInputElement).value)\"\n    />\n    <span\n      v-if=\"$slots.trailing\"\n      class=\"inline-flex shrink-0 text-muted-foreground transition-colors duration-fast ease-out group-focus-within:text-foreground\"\n    >\n      <slot name=\"trailing\" />\n    </span>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,58 @@
+export type TextFieldType = "text" | "email" | "password" | "search" | "url" | "tel";
+export type TextFieldSize = "sm" | "md" | "lg";
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /** The current value. Pair with `@update:modelValue` for `v-model`. */
+    modelValue?: string;
+    /** The native input type — also the on-screen keyboard hint on mobile. */
+    type?: TextFieldType;
+    /** Text shown in the empty field. */
+    placeholder?: string;
+    /** Disables the field and blocks pointer and keyboard input. */
+    disabled?: boolean;
+    /** Error state: paints the destructive border/ring and sets aria-invalid. */
+    invalid?: boolean;
+    /** Control height. */
+    size?: TextFieldSize;
+    /** The accessible name, when no visible element already labels the field. */
+    ariaLabel?: string;
+    /** The id of the visible element that labels the field (e.g. a Field wrapper's label). */
+    ariaLabelledby?: string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** The current value. Pair with `@update:modelValue` for `v-model`. */
+    modelValue?: string;
+    /** The native input type — also the on-screen keyboard hint on mobile. */
+    type?: TextFieldType;
+    /** Text shown in the empty field. */
+    placeholder?: string;
+    /** Disables the field and blocks pointer and keyboard input. */
+    disabled?: boolean;
+    /** Error state: paints the destructive border/ring and sets aria-invalid. */
+    invalid?: boolean;
+    /** Control height. */
+    size?: TextFieldSize;
+    /** The accessible name, when no visible element already labels the field. */
+    ariaLabel?: string;
+    /** The id of the visible element that labels the field (e.g. a Field wrapper's label). */
+    ariaLabelledby?: string;
+}> & Readonly<{
+    "onUpdate:modelValue"?: (value: string) => any;
+}>, {
+    size: TextFieldSize;
+    type: TextFieldType;
+    disabled: boolean;
+    invalid: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    leading?: (props: {}) => any;
+} & {
+    trailing?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=TextField.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.vue.d.ts","sourceRoot":"","sources":["../../../src/primitives/TextField/TextField.vue"],"names":[],"mappings":"AAmHA,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;AAErF,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;wBAC1B,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAoBd,uEAAuE;iBAC1D,MAAM;IACnB,0EAA0E;WACnE,aAAa;IACpB,qCAAqC;kBACvB,MAAM;IACpB,gEAAgE;eACrD,OAAO;IAClB,6EAA6E;cACnE,OAAO;IACjB,sBAAsB;WACf,aAAa;IACpB,6EAA6E;gBACjE,MAAM;IAClB,0FAA0F;qBACzE,MAAM;;;;IAfvB,uEAAuE;iBAC1D,MAAM;IACnB,0EAA0E;WACnE,aAAa;IACpB,qCAAqC;kBACvB,MAAM;IACpB,gEAAgE;eACrD,OAAO;IAClB,6EAA6E;cACnE,OAAO;IACjB,sBAAsB;WACf,aAAa;IACpB,6EAA6E;gBACjE,MAAM;IAClB,0FAA0F;qBACzE,MAAM;;;;UAJhB,aAAa;UARb,aAAa;cAIT,OAAO;aAER,OAAO;;cA4HP,CAAC,KAAK,IAAgB,KAAK,GAAG;;eAC7B,CAAC,KAAK,IAAgB,KAAK,GAAG;EAWzC,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/TextField/TextField.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,71 @@
+import { cn } from "../../lib/cn.js";
+import { useSplitAttrs } from "../../lib/attrs.js";
+import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, unref } from "vue";
+//#region src/primitives/TextField/TextField.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-disabled", "data-invalid"];
+var _hoisted_2 = {
+	key: 0,
+	class: "inline-flex shrink-0 text-muted-foreground transition-colors duration-fast ease-out group-focus-within:text-foreground"
+};
+var _hoisted_3 = [
+	"aria-label",
+	"aria-labelledby",
+	"type",
+	"value",
+	"placeholder",
+	"disabled",
+	"aria-invalid"
+];
+var _hoisted_4 = {
+	key: 1,
+	class: "inline-flex shrink-0 text-muted-foreground transition-colors duration-fast ease-out group-focus-within:text-foreground"
+};
+var TextField_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "TextField",
+	props: {
+		modelValue: {},
+		type: { default: "text" },
+		placeholder: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		invalid: {
+			type: Boolean,
+			default: false
+		},
+		size: { default: "md" },
+		ariaLabel: {},
+		ariaLabelledby: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const { attrs, rest: inputAttrs } = useSplitAttrs();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-disabled": __props.disabled || void 0,
+				"data-invalid": __props.invalid || void 0,
+				class: normalizeClass(unref(cn)("group flex items-center gap-2 rounded-md border border-input bg-background text-foreground", "transition-[color,background-color,border-color,box-shadow] duration-fast ease-out", "focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-ring", !__props.invalid && "focus-within:shadow-halo", __props.size === "sm" && "h-8 px-2.5 text-xs", __props.size === "md" && "h-9 px-3 text-sm", __props.size === "lg" && "h-11 px-4 text-base", __props.invalid && "border-destructive focus-within:outline-destructive", __props.disabled && "cursor-not-allowed opacity-50", unref(attrs).class))
+			}, [
+				_ctx.$slots.leading ? (openBlock(), createElementBlock("span", _hoisted_2, [renderSlot(_ctx.$slots, "leading")])) : createCommentVNode("", true),
+				createElementVNode("input", mergeProps(unref(inputAttrs), {
+					"aria-label": __props.ariaLabel,
+					"aria-labelledby": __props.ariaLabelledby,
+					type: __props.type,
+					value: __props.modelValue,
+					placeholder: __props.placeholder,
+					disabled: __props.disabled,
+					"aria-invalid": __props.invalid || void 0,
+					class: "min-w-0 flex-1 bg-transparent outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed",
+					onInput: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event.target.value))
+				}), null, 16, _hoisted_3),
+				_ctx.$slots.trailing ? (openBlock(), createElementBlock("span", _hoisted_4, [renderSlot(_ctx.$slots, "trailing")])) : createCommentVNode("", true)
+			], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { TextField_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=TextField.vue_vue_type_script_setup_true_lang.js.map