@ecoma-io/loom 0.1.1 → 0.3.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/primitives/Button/Button.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { cva } from \"class-variance-authority\";\n\n/**\n * The six weights, and the choice between them is about emphasis rather than\n * colour: `primary` is the one action a screen is asking for, `destructive` is\n * the one it is warning about, and the four between them step down.\n */\nexport type ButtonVariant =\n  \"primary\" | \"secondary\" | \"subtle\" | \"outline\" | \"ghost\" | \"destructive\";\n\nexport type ButtonSize = \"sm\" | \"md\" | \"lg\" | \"icon\" | \"icon-sm\";\n\n/**\n * Button — the workhorse, and the primitive that encodes Loom's press\n * language:\n *\n *   • hover lifts by fill, not by shadow\n *   • active presses down (scale 0.97) — physical, causal feedback\n *   • focus blooms the warp ring\n *   • loading plays a kinetic swap under a shimmer sweep: the label rolls up\n *     and out, a progress arc springs in, the loading text rises last — and\n *     both layers share one grid cell, so the width never jumps mid-film\n *\n * The 50% dim belongs to a *disabled* button only. It is applied off the\n * `disabled` prop rather than off the DOM disabled state, because a loading\n * button is also DOM-disabled yet has to read as \"working\", not\n * \"unavailable\".\n */\nexport const buttonVariants = cva(\n  [\n    \"relative inline-flex items-center justify-center gap-2 whitespace-nowrap select-none\",\n    \"rounded-md text-sm font-medium\",\n    \"[transition:transform_var(--duration-fast)_var(--ease-spring),background-color_var(--duration-fast)_var(--ease-out),color_var(--duration-fast)_var(--ease-out),box-shadow_var(--duration-fast)_var(--ease-out)]\",\n    \"active:scale-[0.97] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring focus-visible:shadow-halo\",\n    \"disabled:pointer-events-none\",\n  ],\n  {\n    // `satisfies` is what keeps the two halves honest. The union above is the\n    // name a consumer imports and the documentation prints; the map below is\n    // the classes. Adding a member to one and not the other stops compiling,\n    // so neither can be the stale copy of the other.\n    variants: {\n      variant: {\n        primary: \"bg-primary text-primary-foreground hover:bg-primary/90 shadow-sm\",\n        secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/70\",\n        subtle: \"bg-transparent text-foreground hover:bg-subtle\",\n        outline: \"border border-input bg-transparent text-foreground hover:bg-subtle\",\n        ghost: \"bg-transparent text-muted-foreground hover:bg-subtle hover:text-foreground\",\n        destructive: \"bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-sm\",\n      } satisfies Record<ButtonVariant, string>,\n      size: {\n        sm: \"h-8 px-3 text-xs\",\n        md: \"h-9 px-4\",\n        lg: \"h-11 px-6 text-base\",\n        icon: \"h-9 w-9 p-0\",\n        // A square icon button for dense rows, matching `sm`'s height so a row\n        // action lines up with that row's text controls. Still 32px — well\n        // over the 24px minimum target size (WCAG 2.2 SC 2.5.8) — so density\n        // here costs no reachability. It exists because consumers were\n        // reaching for `size=\"icon\"` and then hand-overriding `class=\"h-8 w-8\"`,\n        // which silently re-litigates the target-size question at every call\n        // site.\n        \"icon-sm\": \"h-8 w-8 p-0\",\n      } satisfies Record<ButtonSize, string>,\n    },\n    defaultVariants: { variant: \"primary\", size: \"md\" },\n  },\n);\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"../../lib/cn\";\n\nwithDefaults(\n  defineProps<{\n    /** How much emphasis the action carries. */\n    variant?: ButtonVariant;\n    /** Control height. `icon` and `icon-sm` are square, for a glyph alone. */\n    size?: ButtonSize;\n    /** Locks the button and plays the kinetic swap (label → arc + loadingText). */\n    loading?: boolean;\n    /** Text shown beside the progress arc while loading, e.g. \"Saving…\". */\n    loadingText?: string;\n    /** Unavailable rather than busy — dims to 50% and blocks pointer events. */\n    disabled?: boolean;\n    /** The native button type. Defaults to `button`, never an accidental submit. */\n    type?: \"button\" | \"submit\" | \"reset\";\n  }>(),\n  { variant: \"primary\", size: \"md\", loading: false, disabled: false, type: \"button\" },\n);\n</script>\n\n<template>\n  <button\n    :type=\"type\"\n    :disabled=\"disabled || loading\"\n    :data-loading=\"loading || undefined\"\n    :aria-busy=\"loading || undefined\"\n    :class=\"cn(buttonVariants({ variant, size }), 'group', disabled && 'opacity-50')\"\n  >\n    <!-- The shimmer sweep, while loading. -->\n    <span\n      v-if=\"loading\"\n      aria-hidden=\"true\"\n      class=\"pointer-events-none absolute inset-0 rounded-md bg-[linear-gradient(110deg,transparent_35%,--alpha(var(--color-primary)/25%)_50%,transparent_65%)] bg-[length:220%_100%] animate-shimmer\"\n    />\n    <!-- The kinetic swap. Both layers live in the same grid cell, so the\n         button keeps the width of the wider one and nothing jumps mid-swap.\n         Only the layer for the current state is exposed to assistive\n         technology; the other is aria-hidden, because opacity alone does not\n         hide anything from a screen reader. -->\n    <span class=\"inline-grid place-items-center\">\n      <!-- Beat 1 — the label rolls up and out. -->\n      <span\n        :aria-hidden=\"loading || undefined\"\n        class=\"[grid-area:1/1] inline-flex items-center gap-2 transition-[opacity,transform] duration-fast ease-out group-data-[loading]:-translate-y-1 group-data-[loading]:opacity-0\"\n      >\n        <slot />\n      </span>\n      <span\n        :aria-hidden=\"!loading || undefined\"\n        class=\"pointer-events-none [grid-area:1/1] inline-flex items-center gap-2\"\n      >\n        <!-- Beat 2 — the progress arc springs in from below. The spinning svg\n             sits inside a wrapper because `animate-spin` owns `transform`: the\n             entry scale and translate have to live on a separate element, or\n             the spin keyframe would overwrite them. It is the same arc the\n             standalone Spinner draws, inlined and aria-hidden — Spinner's\n             role=\"status\" contract is wrong inside an aria-busy button, where\n             it would announce the state twice. -->\n        <span\n          class=\"transition-[opacity,transform] duration-fast ease-spring opacity-0 scale-50 translate-y-1 group-data-[loading]:translate-y-0 group-data-[loading]:scale-100 group-data-[loading]:opacity-100\"\n        >\n          <svg class=\"h-4 w-4 animate-spin\" 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\n              class=\"fill-current opacity-75\"\n              d=\"M4 12a8 8 0 0 1 8-8V0C5.373 0 0 5.373 0 12h4z\"\n            />\n          </svg>\n        </span>\n        <!-- Beat 3 — the loading text rises last. The stagger delay applies on\n             entry only (exit keeps delay 0, so the film cuts out clean), and\n             it is cancelled under reduced motion so the instant swap is not\n             lagged by a delay nobody asked for. -->\n        <span\n          v-if=\"loadingText\"\n          class=\"transition-[opacity,transform] duration-100 ease-out opacity-0 translate-y-1 group-data-[loading]:translate-y-0 group-data-[loading]:opacity-100 group-data-[loading]:delay-75 motion-reduce:group-data-[loading]:delay-0\"\n        >\n          {{ loadingText }}\n        </span>\n      </span>\n    </span>\n  </button>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,IAAa,iBAAiB,IAC5B;CACE;CACA;CACA;CACA;CACA;AACF,GACA;CAKE,UAAU;EACR,SAAS;GACP,SAAS;GACT,WAAW;GACX,QAAQ;GACR,SAAS;GACT,OAAO;GACP,aAAa;EACf;EACA,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,MAAM;GAQN,WAAW;EACb;CACF;CACA,iBAAiB;EAAE,SAAS;EAAW,MAAM;CAAK;AACpD,CACF;;;;;;;;;;;;;;;;;;;GA0BE,OAAA,UAAA,GAAA,mBA4DS,UAAA;IA3DN,MAAM,QAAA;IACN,UAAU,QAAA,YAAY,QAAA;IACtB,gBAAc,QAAA,WAAW,KAAA;IACzB,aAAW,QAAA,WAAW,KAAA;IACtB,OAAK,eAAE,MAAA,EAAA,CAAE,CAAC,MAAA,cAAA,CAAc,CAAA;KAAA,SAAG,QAAA;KAAO,MAAE,QAAA;IAAI,CAAA,GAAA,SAAc,QAAA,YAAQ,YAAA,CAAA;GAIvD,GAAA,CAAA,QAAA,WADR,UAAA,GAAA,mBAIE,QAJF,UAIE,KAAA,mBAAA,IAAA,IAAA,GAMF,mBAyCO,QAzCP,YAyCO,CAvCL,mBAKO,QAAA;IAJJ,eAAa,QAAA,WAAW,KAAA;IACzB,OAAM;GAEN,GAAA,CAAA,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,GAAA,UAAA,GAEV,mBAgCO,QAAA;IA/BJ,eAAW,CAAG,QAAA,WAAW,KAAA;IAC1B,OAAM;GASN,GAAA,CAAA,OAAA,OAAA,OAAA,KAAA,mBAUO,QAAA,EATL,OAAM,+LAA8L,GAAA,CAEpM,mBAMM,OAAA;IAND,OAAM;IAAuB,SAAQ;IAAY,MAAK;IAAO,eAAY;GAC5E,GAAA,CAAA,mBAAoF,UAAA;IAA5E,OAAM;IAA4B,IAAG;IAAK,IAAG;IAAK,GAAE;IAAK,gBAAa;GAC9E,CAAA,GAAA,mBAGE,QAAA;IAFA,OAAM;IACN,GAAE;GASA,CAAA,CAAA,CAAA,CAAA,GAAA,EAAA,IAAA,QAAA,eADR,UAAA,GAAA,mBAKO,QALP,YAKO,gBADF,QAAA,WAAW,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,GAAA,GAAA,UAAA,CAAA,CAAA,CAAA,GAAA,IAAA,UAAA"}

package/dist/primitives/Checkbox/Checkbox.js

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

package/dist/primitives/Checkbox/Checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.js","names":[],"sources":["../../../src/primitives/Checkbox/Checkbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { CheckboxIndicator, CheckboxRoot } from \"reka-ui\";\nimport { Check, Minus } from \"@lucide/vue\";\nimport { cn } from \"../../lib/cn\";\nimport { optional } from \"../../lib/props\";\n\n/**\n * Checkbox — a single boolean choice inside a form (as opposed to Switch,\n * which flips a setting immediately, no form/\"Save\" involved). Built on Reka\n * UI's Checkbox (role=\"checkbox\" + aria-checked, Space toggles); also\n * supports the third \"indeterminate\" state for a parent checkbox over a\n * partially-selected group — shown as a dash instead of a check.\n *\n * An inline `label` wraps the control in a real `<label>` (a11y name comes\n * free); omit it and pass `ariaLabel`/`ariaLabelledby` instead when the\n * visible label lives elsewhere (e.g. a table header cell).\n */\nconst props = withDefaults(\n  defineProps<{\n    /** `true`/`false` for a plain toggle, `\"indeterminate\"` for a parent over a partially-selected group. Omit to let the box own its own state. */\n    modelValue?: boolean | \"indeterminate\" | undefined;\n    /** Blocks both click and keyboard input, and dims the box. */\n    disabled?: boolean;\n    /** Visible text, rendered inside the wrapping `<label>`. Omit and use `ariaLabel`/`ariaLabelledby` when the label lives elsewhere. */\n    label?: string;\n    /** Accessible name when no visible `label` is rendered by this component. */\n    ariaLabel?: string;\n    /** Accessible name sourced from another element's id, when no visible `label` is rendered by this component. */\n    ariaLabelledby?: string;\n  }>(),\n  {\n    // Not `false`. A concrete value here would mean \"the host owns this\", and\n    // a host that passes nothing would get a box that emits its update event\n    // and never moves — a control that looks broken rather than one that\n    // reports an error. `undefined` is what leaves it self-managing, and the\n    // explicit default is what survives Vue's absent-Boolean-casts-to-false\n    // rule.\n    modelValue: undefined,\n    disabled: false,\n  },\n);\n\ndefineEmits<{ \"update:modelValue\": [value: boolean | \"indeterminate\"] }>();\n\nconst boxClass = cn(\n  \"flex h-4 w-4 shrink-0 items-center justify-center rounded-sm border border-input bg-background\",\n  // Transform (the press squish) rides --ease-spring for a restrained release,\n  // while fill/border stay on the instant --ease-out — the \"springy transform,\n  // steady color\" split (boxStyle below), same language as Button/Switch.\n  \"active:scale-90\",\n  // Checked = a human decision (Loom law): the box fills flat warp.\n  \"data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground\",\n  \"data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground\",\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\",\n);\n\nconst boxStyle =\n  \"transition: transform var(--duration-fast) var(--ease-spring), background-color var(--duration-instant) var(--ease-out), border-color var(--duration-instant) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);\";\n</script>\n\n<template>\n  <!-- CheckboxRoot is a labelable <button role=\"checkbox\">, so wrapping it in\n       <label> names it exactly like a native control; the rule's nesting/id\n       heuristic just doesn't recognize reka-ui's custom element as a\n       \"control\". -->\n  <!-- eslint-disable-next-line vuejs-accessibility/label-has-for -->\n  <label\n    v-if=\"label\"\n    :class=\"\n      cn(\n        'inline-flex items-center gap-2 text-sm text-foreground',\n        // Disabled text stays readable (AA on the light ground) — only the box dims.\n        props.disabled ? 'cursor-not-allowed text-muted-foreground' : 'cursor-pointer',\n      )\n    \"\n  >\n    <CheckboxRoot\n      v-bind=\"optional({ modelValue })\"\n      :disabled=\"disabled\"\n      :class=\"cn(boxClass, 'disabled:opacity-50')\"\n      :style=\"boxStyle\"\n      @update:model-value=\"$emit('update:modelValue', $event)\"\n    >\n      <template #default=\"{ state }\">\n        <!-- The tick pops in with scale-in — a small causal \"it's checked now\".\n             stroke-width 2.5 is the ≤12px iconography rule, not a local taste:\n             the inherited 1.5 renders 0.75 device px at 12px and reads washed\n             out inside the filled box. Both branches carry it identically. -->\n        <CheckboxIndicator class=\"flex animate-scale-in items-center justify-center text-current\">\n          <Minus v-if=\"state === 'indeterminate'\" class=\"h-3 w-3\" :stroke-width=\"2.5\" />\n          <Check v-else class=\"h-3 w-3\" :stroke-width=\"2.5\" />\n        </CheckboxIndicator>\n      </template>\n    </CheckboxRoot>\n    {{ label }}\n  </label>\n  <!-- The control always dims itself when disabled; label text stays\n       readable muted — same stance in both branches. -->\n  <CheckboxRoot\n    v-else\n    v-bind=\"optional({ modelValue })\"\n    :disabled=\"disabled\"\n    :aria-label=\"ariaLabel\"\n    :aria-labelledby=\"ariaLabelledby\"\n    :class=\"cn(boxClass, 'disabled:opacity-50')\"\n    :style=\"boxStyle\"\n    @update:model-value=\"$emit('update:modelValue', $event)\"\n  >\n    <template #default=\"{ state }\">\n      <CheckboxIndicator class=\"flex animate-scale-in items-center justify-center text-current\">\n        <Minus v-if=\"state === 'indeterminate'\" class=\"h-3 w-3\" :stroke-width=\"2.5\" />\n        <Check v-else class=\"h-3 w-3\" :stroke-width=\"2.5\" />\n      </CheckboxIndicator>\n    </template>\n  </CheckboxRoot>\n</template>\n"],"mappings":""}

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

@@ -1,34 +0,0 @@
-/**
- * Checkbox — a single boolean choice inside a form (as opposed to Switch,
- * which flips a setting immediately, no form/"Save" involved). Built on Reka
- * UI's Checkbox (role="checkbox" + aria-checked, Space toggles); also
- * supports the third "indeterminate" state for a parent checkbox over a
- * partially-selected group — shown as a dash instead of a check.
- *
- * An inline `label` wraps the control in a real `<label>` (a11y name comes
- * free); omit it and pass `ariaLabel`/`ariaLabelledby` instead when the
- * visible label lives elsewhere (e.g. a table header cell).
- */
-type __VLS_Props = {
-    /** `true`/`false` for a plain toggle, `"indeterminate"` for a parent over a partially-selected group. Omit to let the box own its own state. */
-    modelValue?: boolean | "indeterminate" | undefined;
-    /** Blocks both click and keyboard input, and dims the box. */
-    disabled?: boolean;
-    /** Visible text, rendered inside the wrapping `<label>`. Omit and use `ariaLabel`/`ariaLabelledby` when the label lives elsewhere. */
-    label?: string;
-    /** Accessible name when no visible `label` is rendered by this component. */
-    ariaLabel?: string;
-    /** Accessible name sourced from another element's id, when no visible `label` is rendered by this component. */
-    ariaLabelledby?: string;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean | "indeterminate") => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: (value: boolean | "indeterminate") => any;
-}>, {
-    disabled: boolean;
-    modelValue: boolean | "indeterminate" | undefined;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
-//# sourceMappingURL=Checkbox.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.vue.d.ts","sourceRoot":"","sources":["../../../src/primitives/Checkbox/Checkbox.vue"],"names":[],"mappings":"AA8HA;;;;;;;;;;GAUG;AACH,KAAK,WAAW,GAAG;IACf,gJAAgJ;IAChJ,UAAU,CAAC,EAAE,OAAO,GAAG,eAAe,GAAG,SAAS,CAAC;IACnD,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sIAAsI;IACtI,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gHAAgH;IAChH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAmRJ,QAAA,MAAM,YAAY;;;;;cA1RH,OAAO;gBAFL,OAAO,GAAG,eAAe,GAAG,SAAS;6EAgSpD,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/primitives/Checkbox/Checkbox.vue_vue_type_script_setup_true_lang.js

@@ -1,94 +0,0 @@
-import { cn } from "../../lib/cn.js";
-import { optional } from "../../lib/props.js";
-import { Check, Minus } from "@lucide/vue";
-import { createBlock, createElementBlock, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
-import { CheckboxIndicator, CheckboxRoot } from "reka-ui";
-//#region src/primitives/Checkbox/Checkbox.vue?vue&type=script&setup=true&lang.ts
-/**
-* Checkbox — a single boolean choice inside a form (as opposed to Switch,
-* which flips a setting immediately, no form/"Save" involved). Built on Reka
-* UI's Checkbox (role="checkbox" + aria-checked, Space toggles); also
-* supports the third "indeterminate" state for a parent checkbox over a
-* partially-selected group — shown as a dash instead of a check.
-*
-* An inline `label` wraps the control in a real `<label>` (a11y name comes
-* free); omit it and pass `ariaLabel`/`ariaLabelledby` instead when the
-* visible label lives elsewhere (e.g. a table header cell).
-*/
-var boxStyle = "transition: transform var(--duration-fast) var(--ease-spring), background-color var(--duration-instant) var(--ease-out), border-color var(--duration-instant) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);";
-var Checkbox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "Checkbox",
-	props: {
-		modelValue: {
-			type: [Boolean, String],
-			default: void 0
-		},
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		label: {},
-		ariaLabel: {},
-		ariaLabelledby: {}
-	},
-	emits: ["update:modelValue"],
-	setup(__props) {
-		const props = __props;
-		const boxClass = cn("flex h-4 w-4 shrink-0 items-center justify-center rounded-sm border border-input bg-background", "active:scale-90", "data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground", "data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring focus-visible:shadow-halo", "disabled:cursor-not-allowed");
-		return (_ctx, _cache) => {
-			return __props.label ? (openBlock(), createElementBlock("label", {
-				key: 0,
-				class: normalizeClass(unref(cn)("inline-flex items-center gap-2 text-sm text-foreground", props.disabled ? "cursor-not-allowed text-muted-foreground" : "cursor-pointer"))
-			}, [createVNode(unref(CheckboxRoot), mergeProps(unref(optional)({ modelValue: __props.modelValue }), {
-				disabled: __props.disabled,
-				class: unref(cn)(unref(boxClass), "disabled:opacity-50"),
-				style: boxStyle,
-				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
-			}), {
-				default: withCtx(({ state }) => [createVNode(unref(CheckboxIndicator), { class: "flex animate-scale-in items-center justify-center text-current" }, {
-					default: withCtx(() => [state === "indeterminate" ? (openBlock(), createBlock(unref(Minus), {
-						key: 0,
-						class: "h-3 w-3",
-						"stroke-width": 2.5
-					})) : (openBlock(), createBlock(unref(Check), {
-						key: 1,
-						class: "h-3 w-3",
-						"stroke-width": 2.5
-					}))]),
-					_: 2
-				}, 1024)]),
-				_: 1
-			}, 16, ["disabled", "class"]), createTextVNode(" " + toDisplayString(__props.label), 1)], 2)) : (openBlock(), createBlock(unref(CheckboxRoot), mergeProps({ key: 1 }, unref(optional)({ modelValue: __props.modelValue }), {
-				disabled: __props.disabled,
-				"aria-label": __props.ariaLabel,
-				"aria-labelledby": __props.ariaLabelledby,
-				class: unref(cn)(unref(boxClass), "disabled:opacity-50"),
-				style: boxStyle,
-				"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:modelValue", $event))
-			}), {
-				default: withCtx(({ state }) => [createVNode(unref(CheckboxIndicator), { class: "flex animate-scale-in items-center justify-center text-current" }, {
-					default: withCtx(() => [state === "indeterminate" ? (openBlock(), createBlock(unref(Minus), {
-						key: 0,
-						class: "h-3 w-3",
-						"stroke-width": 2.5
-					})) : (openBlock(), createBlock(unref(Check), {
-						key: 1,
-						class: "h-3 w-3",
-						"stroke-width": 2.5
-					}))]),
-					_: 2
-				}, 1024)]),
-				_: 1
-			}, 16, [
-				"disabled",
-				"aria-label",
-				"aria-labelledby",
-				"class"
-			]));
-		};
-	}
-});
-//#endregion
-export { Checkbox_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=Checkbox.vue_vue_type_script_setup_true_lang.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/primitives/Checkbox/Checkbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { CheckboxIndicator, CheckboxRoot } from \"reka-ui\";\nimport { Check, Minus } from \"@lucide/vue\";\nimport { cn } from \"../../lib/cn\";\nimport { optional } from \"../../lib/props\";\n\n/**\n * Checkbox — a single boolean choice inside a form (as opposed to Switch,\n * which flips a setting immediately, no form/\"Save\" involved). Built on Reka\n * UI's Checkbox (role=\"checkbox\" + aria-checked, Space toggles); also\n * supports the third \"indeterminate\" state for a parent checkbox over a\n * partially-selected group — shown as a dash instead of a check.\n *\n * An inline `label` wraps the control in a real `<label>` (a11y name comes\n * free); omit it and pass `ariaLabel`/`ariaLabelledby` instead when the\n * visible label lives elsewhere (e.g. a table header cell).\n */\nconst props = withDefaults(\n  defineProps<{\n    /** `true`/`false` for a plain toggle, `\"indeterminate\"` for a parent over a partially-selected group. Omit to let the box own its own state. */\n    modelValue?: boolean | \"indeterminate\" | undefined;\n    /** Blocks both click and keyboard input, and dims the box. */\n    disabled?: boolean;\n    /** Visible text, rendered inside the wrapping `<label>`. Omit and use `ariaLabel`/`ariaLabelledby` when the label lives elsewhere. */\n    label?: string;\n    /** Accessible name when no visible `label` is rendered by this component. */\n    ariaLabel?: string;\n    /** Accessible name sourced from another element's id, when no visible `label` is rendered by this component. */\n    ariaLabelledby?: string;\n  }>(),\n  {\n    // Not `false`. A concrete value here would mean \"the host owns this\", and\n    // a host that passes nothing would get a box that emits its update event\n    // and never moves — a control that looks broken rather than one that\n    // reports an error. `undefined` is what leaves it self-managing, and the\n    // explicit default is what survives Vue's absent-Boolean-casts-to-false\n    // rule.\n    modelValue: undefined,\n    disabled: false,\n  },\n);\n\ndefineEmits<{ \"update:modelValue\": [value: boolean | \"indeterminate\"] }>();\n\nconst boxClass = cn(\n  \"flex h-4 w-4 shrink-0 items-center justify-center rounded-sm border border-input bg-background\",\n  // Transform (the press squish) rides --ease-spring for a restrained release,\n  // while fill/border stay on the instant --ease-out — the \"springy transform,\n  // steady color\" split (boxStyle below), same language as Button/Switch.\n  \"active:scale-90\",\n  // Checked = a human decision (Loom law): the box fills flat warp.\n  \"data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground\",\n  \"data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground\",\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\",\n);\n\nconst boxStyle =\n  \"transition: transform var(--duration-fast) var(--ease-spring), background-color var(--duration-instant) var(--ease-out), border-color var(--duration-instant) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);\";\n</script>\n\n<template>\n  <!-- CheckboxRoot is a labelable <button role=\"checkbox\">, so wrapping it in\n       <label> names it exactly like a native control; the rule's nesting/id\n       heuristic just doesn't recognize reka-ui's custom element as a\n       \"control\". -->\n  <!-- eslint-disable-next-line vuejs-accessibility/label-has-for -->\n  <label\n    v-if=\"label\"\n    :class=\"\n      cn(\n        'inline-flex items-center gap-2 text-sm text-foreground',\n        // Disabled text stays readable (AA on the light ground) — only the box dims.\n        props.disabled ? 'cursor-not-allowed text-muted-foreground' : 'cursor-pointer',\n      )\n    \"\n  >\n    <CheckboxRoot\n      v-bind=\"optional({ modelValue })\"\n      :disabled=\"disabled\"\n      :class=\"cn(boxClass, 'disabled:opacity-50')\"\n      :style=\"boxStyle\"\n      @update:model-value=\"$emit('update:modelValue', $event)\"\n    >\n      <template #default=\"{ state }\">\n        <!-- The tick pops in with scale-in — a small causal \"it's checked now\".\n             stroke-width 2.5 is the ≤12px iconography rule, not a local taste:\n             the inherited 1.5 renders 0.75 device px at 12px and reads washed\n             out inside the filled box. Both branches carry it identically. -->\n        <CheckboxIndicator class=\"flex animate-scale-in items-center justify-center text-current\">\n          <Minus v-if=\"state === 'indeterminate'\" class=\"h-3 w-3\" :stroke-width=\"2.5\" />\n          <Check v-else class=\"h-3 w-3\" :stroke-width=\"2.5\" />\n        </CheckboxIndicator>\n      </template>\n    </CheckboxRoot>\n    {{ label }}\n  </label>\n  <!-- The control always dims itself when disabled; label text stays\n       readable muted — same stance in both branches. -->\n  <CheckboxRoot\n    v-else\n    v-bind=\"optional({ modelValue })\"\n    :disabled=\"disabled\"\n    :aria-label=\"ariaLabel\"\n    :aria-labelledby=\"ariaLabelledby\"\n    :class=\"cn(boxClass, 'disabled:opacity-50')\"\n    :style=\"boxStyle\"\n    @update:model-value=\"$emit('update:modelValue', $event)\"\n  >\n    <template #default=\"{ state }\">\n      <CheckboxIndicator class=\"flex animate-scale-in items-center justify-center text-current\">\n        <Minus v-if=\"state === 'indeterminate'\" class=\"h-3 w-3\" :stroke-width=\"2.5\" />\n        <Check v-else class=\"h-3 w-3\" :stroke-width=\"2.5\" />\n      </CheckboxIndicator>\n    </template>\n  </CheckboxRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;AA0DA,IAAM,WACJ;;;;;;;;;;;;;;;;;;EA1CF,MAAM,QAAQ;EA2Bd,MAAM,WAAW,GACf,kGAIA,mBAEA,oHACA,sIAEA,+GACA,6BACF;;GAaU,OAAA,QAAA,SADR,UAAA,GAAA,mBA6BQ,SAAA;;IA3BL,OAAK,eAAS,MAAA,EAAA,CAAE,CAAA,0DAAkK,MAAM,WAAQ,6CAAA,gBAAA,CAAA;GAQjM,GAAA,CAAA,YAiBe,MAAA,YAAA,GAjBf,WACU,MAgBK,QAAA,CAhBG,CAAA,EAAA,YAAG,QAAA,WAAU,CAAA,GAAA;IAC5B,UAAU,QAAA;IACV,OAAO,MAAA,EAAA,CAAE,CAAC,MAAA,QAAA,GAAQ,qBAAA;IAClB,OAAO;IACP,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,qBAAsB,MAAM;;IAE3C,SAAO,SAQI,EARA,YAAK,CAKzB,YAGoB,MAAA,iBAAA,GAAA,EAHD,OAAM,iEAAgE,GAAA;KACvF,SAAA,cAA8E,CAAjE,UAAK,mBAAlB,UAAA,GAAA,YAA8E,MAAA,KAAA,GAAA;;MAAtC,OAAM;MAAW,gBAAc;KACvE,CAAA,MAAA,UAAA,GAAA,YAAoD,MAAA,KAAA,GAAA;;MAAtC,OAAM;MAAW,gBAAc;;;;;GAGpC,GAAA,IAAA,CAAA,YAAA,OAAA,CAAA,GAAA,gBAAA,MACf,gBAAG,QAAA,KAAK,GAAA,CAAA,CAAA,GAAA,CAAA,MAIV,UAAA,GAAA,YAgBe,MAAA,YAAA,GAhBf,WAgBe,EAAA,KAAA,EAAA,GAdL,MAAA,QAAA,CAAQ,CAAA,EAAA,YAAG,QAAA,WAAU,CAAA,GAAA;IAC5B,UAAU,QAAA;IACV,cAAY,QAAA;IACZ,mBAAiB,QAAA;IACjB,OAAO,MAAA,EAAA,CAAE,CAAC,MAAA,QAAA,GAAQ,qBAAA;IAClB,OAAO;IACP,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,qBAAsB,MAAM;;IAE3C,SAAO,SAII,EAJA,YAAK,CACzB,YAGoB,MAAA,iBAAA,GAAA,EAHD,OAAM,iEAAgE,GAAA;KACvF,SAAA,cAA8E,CAAjE,UAAK,mBAAlB,UAAA,GAAA,YAA8E,MAAA,KAAA,GAAA;;MAAtC,OAAM;MAAW,gBAAc;KACvE,CAAA,MAAA,UAAA,GAAA,YAAoD,MAAA,KAAA,GAAA;;MAAtC,OAAM;MAAW,gBAAc"}

package/dist/primitives/Dialog/Dialog.js

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

package/dist/primitives/Dialog/Dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dialog.js","names":[],"sources":["../../../src/primitives/Dialog/Dialog.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * How wide the task surface gets. Width is the primitive's decision rather\n * than a class a caller passes, so three dialogs opened from three screens\n * cannot be three different widths: `md` for a confirm or a short form, `lg`\n * for a form with several sections, `xl` for an authoring surface — an editor\n * living inside a dialog.\n */\nexport type DialogSize = \"md\" | \"lg\" | \"xl\";\n\n/**\n * Each width is capped against the viewport, so the largest sizes stay usable\n * on a laptop instead of running off the screen. `satisfies` is what keeps the\n * map and the union honest: adding a member to one and not the other stops\n * compiling.\n */\nconst SIZE_CLASS = {\n  md: \"w-[min(92vw,32rem)]\",\n  lg: \"w-[min(92vw,44rem)]\",\n  xl: \"w-[min(94vw,64rem)]\",\n} satisfies Record<DialogSize, string>;\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  DialogRoot,\n  DialogTrigger,\n  DialogPortal,\n  DialogOverlay,\n  DialogContent,\n  DialogTitle,\n  DialogDescription,\n  DialogClose,\n} from \"reka-ui\";\nimport { X } from \"@lucide/vue\";\nimport { cn } from \"../../lib/cn\";\nimport { optional } from \"../../lib/props\";\n\n/**\n * Dialog — a modal task surface that blocks the rest of the UI until it is\n * resolved: confirming a destructive action, or a form that deserves the\n * user's whole attention.\n *\n * The escape contract, and it is the strictest of the overlays: opening moves\n * focus into the panel and *traps* it there, so Tab cycles the dialog's own\n * controls and never reaches the page behind. Esc, the overlay and the close\n * button all close it; closing returns focus to whatever opened it. The page\n * behind does not scroll while it is open. Everything outside the panel is\n * hidden from assistive technology, which is what makes the block real rather\n * than visual.\n *\n * `title` is a required prop rather than optional chrome: without a rendered\n * title the dialog has no accessible name, and a screen reader announces a\n * modal that says nothing about what it is asking. Pass `hideTitle` to keep it\n * for assistive technology while dropping it from the visual layout.\n *\n * Reach for `Popover` when the panel is non-blocking secondary content, and a\n * transient notification when the user need not act at all.\n */\nwithDefaults(\n  defineProps<{\n    /** Drive the dialog from the host with `v-model:open`; omit it and the dialog owns its own state. */\n    open?: boolean | undefined;\n    /** The accessible name, and the question the dialog is asking. State the consequence (\"Delete scene?\"), not \"Are you sure?\". */\n    title: string;\n    /** Wired as the dialog's accessible description — the consequence line, rather than loose body text. */\n    description?: string;\n    /** Keep the title as the accessible name but drop it from the visual layout. */\n    hideTitle?: boolean;\n    /** Show the close affordance in the top corner. Esc and an overlay click close the dialog either way. */\n    closable?: boolean;\n    /** Panel width. `md` confirms, `lg` multi-section forms, `xl` authoring surfaces. */\n    size?: DialogSize;\n  }>(),\n  // `open: undefined` is load-bearing, not a redundant default — it is what\n  // keeps the uncontrolled third state reachable past Vue's absent-Boolean\n  // casting. `optional()` in the template is the other half; its docblock\n  // carries the reasoning for both. `description` needs no such entry: a\n  // string prop is already `undefined` when absent.\n  { open: undefined, hideTitle: false, closable: true, size: \"md\" },\n);\n\ndefineEmits<{ \"update:open\": [value: boolean] }>();\n</script>\n\n<template>\n  <DialogRoot v-bind=\"optional({ open })\" @update:open=\"$emit('update:open', $event)\">\n    <!-- @slot The control that opens the dialog. Optional — omit it and drive\n         the dialog entirely from the host with `v-model:open`. -->\n    <DialogTrigger v-if=\"$slots.trigger\" as-child>\n      <slot name=\"trigger\" />\n    </DialogTrigger>\n\n    <DialogPortal>\n      <!-- The scrim is heavy on purpose: at 70% the page behind reads as\n           context, and at 60% it read as competing content. It fades rather\n           than moves, so nothing behind the dialog appears to shift. -->\n      <DialogOverlay class=\"fixed inset-0 z-50 bg-foreground/70 data-[state=open]:animate-fade\" />\n      <DialogContent\n        :class=\"\n          cn(\n            'fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2',\n            SIZE_CLASS[size],\n            'rounded-lg border border-border bg-popover p-6 text-popover-foreground shadow-lg outline-none',\n            // Scoped to the open state, never unconditional. Reka's Presence\n            // keeps closed content mounted until an animationend arrives, and a\n            // mount-only animation never fires a second one — which here would\n            // strand a full-screen, input-blocking overlay over a page with no\n            // dialog on it. Scoped, the closed element computes\n            // `animation-name: none` and Presence unmounts it at once.\n            'data-[state=open]:animate-scale-in',\n          )\n        \"\n      >\n        <DialogTitle :class=\"cn('text-base font-semibold', hideTitle && 'sr-only')\">\n          {{ title }}\n        </DialogTitle>\n        <DialogDescription v-if=\"description\" class=\"mt-1 text-sm text-muted-foreground\">\n          {{ description }}\n        </DialogDescription>\n\n        <!-- The gap above the body is dropped when nothing visible precedes\n             it, so a dialog with a hidden title and no description does not\n             open with an empty band at the top. -->\n        <div :class=\"cn((description || !hideTitle) && 'mt-4')\">\n          <!-- @slot The dialog body. -->\n          <slot />\n        </div>\n\n        <!-- @slot The action row, aligned to the trailing edge. -->\n        <div v-if=\"$slots.footer\" class=\"mt-6 flex items-center justify-end gap-2\">\n          <slot name=\"footer\" />\n        </div>\n\n        <DialogClose\n          v-if=\"closable\"\n          aria-label=\"Close\"\n          class=\"absolute right-4 top-4 inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition-colors duration-fast ease-out hover:bg-subtle hover:text-foreground focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\"\n        >\n          <X class=\"h-4 w-4\" />\n        </DialogClose>\n      </DialogContent>\n    </DialogPortal>\n  </DialogRoot>\n</template>\n"],"mappings":""}

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

@@ -1,58 +0,0 @@
-/**
- * How wide the task surface gets. Width is the primitive's decision rather
- * than a class a caller passes, so three dialogs opened from three screens
- * cannot be three different widths: `md` for a confirm or a short form, `lg`
- * for a form with several sections, `xl` for an authoring surface — an editor
- * living inside a dialog.
- */
-export type DialogSize = "md" | "lg" | "xl";
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
-    /** Drive the dialog from the host with `v-model:open`; omit it and the dialog owns its own state. */
-    open?: boolean | undefined;
-    /** The accessible name, and the question the dialog is asking. State the consequence ("Delete scene?"), not "Are you sure?". */
-    title: string;
-    /** Wired as the dialog's accessible description — the consequence line, rather than loose body text. */
-    description?: string;
-    /** Keep the title as the accessible name but drop it from the visual layout. */
-    hideTitle?: boolean;
-    /** Show the close affordance in the top corner. Esc and an overlay click close the dialog either way. */
-    closable?: boolean;
-    /** Panel width. `md` confirms, `lg` multi-section forms, `xl` authoring surfaces. */
-    size?: DialogSize;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<{
-    /** Drive the dialog from the host with `v-model:open`; omit it and the dialog owns its own state. */
-    open?: boolean | undefined;
-    /** The accessible name, and the question the dialog is asking. State the consequence ("Delete scene?"), not "Are you sure?". */
-    title: string;
-    /** Wired as the dialog's accessible description — the consequence line, rather than loose body text. */
-    description?: string;
-    /** Keep the title as the accessible name but drop it from the visual layout. */
-    hideTitle?: boolean;
-    /** Show the close affordance in the top corner. Esc and an overlay click close the dialog either way. */
-    closable?: boolean;
-    /** Panel width. `md` confirms, `lg` multi-section forms, `xl` authoring surfaces. */
-    size?: DialogSize;
-}> & Readonly<{
-    "onUpdate:open"?: (value: boolean) => any;
-}>, {
-    size: DialogSize;
-    open: boolean | undefined;
-    hideTitle: boolean;
-    closable: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    trigger?: (props: {}) => any;
-} & {
-    default?: (props: {}) => any;
-} & {
-    footer?: (props: {}) => any;
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-//# sourceMappingURL=Dialog.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Dialog.vue.d.ts","sourceRoot":"","sources":["../../../src/primitives/Dialog/Dialog.vue"],"names":[],"mappings":"AAmKA;;;;;;GAMG;AACH,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;wBAavB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAuBd,qGAAqG;WAC9F,OAAO,GAAG,SAAS;IAC1B,gIAAgI;WACzH,MAAM;IACb,wGAAwG;kBAC1F,MAAM;IACpB,gFAAgF;gBACpE,OAAO;IACnB,yGAAyG;eAC9F,OAAO;IAClB,qFAAqF;WAC9E,UAAU;;;;IAXjB,qGAAqG;WAC9F,OAAO,GAAG,SAAS;IAC1B,gIAAgI;WACzH,MAAM;IACb,wGAAwG;kBAC1F,MAAM;IACpB,gFAAgF;gBACpE,OAAO;IACnB,yGAAyG;eAC9F,OAAO;IAClB,qFAAqF;WAC9E,UAAU;;;;UAAV,UAAU;UAVV,OAAO,GAAG,SAAS;eAMd,OAAO;cAER,OAAO;;cAuQR,CAAC,KAAK,IAAiB,KAAK,GAAG;;cAC/B,CAAC,KAAK,IAAiB,KAAK,GAAG;;aAChC,CAAC,KAAK,IAAiB,KAAK,GAAG;EAWxC,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/Dialog/Dialog.vue_vue_type_script_setup_true_lang.js

@@ -1,88 +0,0 @@
-import { cn } from "../../lib/cn.js";
-import { optional } from "../../lib/props.js";
-import { X } from "@lucide/vue";
-import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
-import { DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger } from "reka-ui";
-//#region src/primitives/Dialog/Dialog.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
-	key: 1,
-	class: "mt-6 flex items-center justify-end gap-2"
-};
-/**
-* Each width is capped against the viewport, so the largest sizes stay usable
-* on a laptop instead of running off the screen. `satisfies` is what keeps the
-* map and the union honest: adding a member to one and not the other stops
-* compiling.
-*/
-var SIZE_CLASS = {
-	md: "w-[min(92vw,32rem)]",
-	lg: "w-[min(92vw,44rem)]",
-	xl: "w-[min(94vw,64rem)]"
-};
-var Dialog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "Dialog",
-	props: {
-		open: {
-			type: Boolean,
-			default: void 0
-		},
-		title: {},
-		description: {},
-		hideTitle: {
-			type: Boolean,
-			default: false
-		},
-		closable: {
-			type: Boolean,
-			default: true
-		},
-		size: { default: "md" }
-	},
-	emits: ["update:open"],
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(DialogRoot), mergeProps(unref(optional)({ open: __props.open }), { "onUpdate:open": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:open", $event)) }), {
-				default: withCtx(() => [_ctx.$slots.trigger ? (openBlock(), createBlock(unref(DialogTrigger), {
-					key: 0,
-					"as-child": ""
-				}, {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "trigger")]),
-					_: 3
-				})) : createCommentVNode("", true), createVNode(unref(DialogPortal), null, {
-					default: withCtx(() => [createVNode(unref(DialogOverlay), { class: "fixed inset-0 z-50 bg-foreground/70 data-[state=open]:animate-fade" }), createVNode(unref(DialogContent), { class: normalizeClass(unref(cn)("fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2", SIZE_CLASS[__props.size], "rounded-lg border border-border bg-popover p-6 text-popover-foreground shadow-lg outline-none", "data-[state=open]:animate-scale-in")) }, {
-						default: withCtx(() => [
-							createVNode(unref(DialogTitle), { class: normalizeClass(unref(cn)("text-base font-semibold", __props.hideTitle && "sr-only")) }, {
-								default: withCtx(() => [createTextVNode(toDisplayString(__props.title), 1)]),
-								_: 1
-							}, 8, ["class"]),
-							__props.description ? (openBlock(), createBlock(unref(DialogDescription), {
-								key: 0,
-								class: "mt-1 text-sm text-muted-foreground"
-							}, {
-								default: withCtx(() => [createTextVNode(toDisplayString(__props.description), 1)]),
-								_: 1
-							})) : createCommentVNode("", true),
-							createElementVNode("div", { class: normalizeClass(unref(cn)((__props.description || !__props.hideTitle) && "mt-4")) }, [renderSlot(_ctx.$slots, "default")], 2),
-							_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true),
-							__props.closable ? (openBlock(), createBlock(unref(DialogClose), {
-								key: 2,
-								"aria-label": "Close",
-								class: "absolute right-4 top-4 inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition-colors duration-fast ease-out hover:bg-subtle hover:text-foreground focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"
-							}, {
-								default: withCtx(() => [createVNode(unref(X), { class: "h-4 w-4" })]),
-								_: 1
-							})) : createCommentVNode("", true)
-						]),
-						_: 3
-					}, 8, ["class"])]),
-					_: 3
-				})]),
-				_: 3
-			}, 16);
-		};
-	}
-});
-//#endregion
-export { Dialog_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=Dialog.vue_vue_type_script_setup_true_lang.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Dialog.vue_vue_type_script_setup_true_lang.js","names":["$emit","$slots"],"sources":["../../../src/primitives/Dialog/Dialog.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * How wide the task surface gets. Width is the primitive's decision rather\n * than a class a caller passes, so three dialogs opened from three screens\n * cannot be three different widths: `md` for a confirm or a short form, `lg`\n * for a form with several sections, `xl` for an authoring surface — an editor\n * living inside a dialog.\n */\nexport type DialogSize = \"md\" | \"lg\" | \"xl\";\n\n/**\n * Each width is capped against the viewport, so the largest sizes stay usable\n * on a laptop instead of running off the screen. `satisfies` is what keeps the\n * map and the union honest: adding a member to one and not the other stops\n * compiling.\n */\nconst SIZE_CLASS = {\n  md: \"w-[min(92vw,32rem)]\",\n  lg: \"w-[min(92vw,44rem)]\",\n  xl: \"w-[min(94vw,64rem)]\",\n} satisfies Record<DialogSize, string>;\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  DialogRoot,\n  DialogTrigger,\n  DialogPortal,\n  DialogOverlay,\n  DialogContent,\n  DialogTitle,\n  DialogDescription,\n  DialogClose,\n} from \"reka-ui\";\nimport { X } from \"@lucide/vue\";\nimport { cn } from \"../../lib/cn\";\nimport { optional } from \"../../lib/props\";\n\n/**\n * Dialog — a modal task surface that blocks the rest of the UI until it is\n * resolved: confirming a destructive action, or a form that deserves the\n * user's whole attention.\n *\n * The escape contract, and it is the strictest of the overlays: opening moves\n * focus into the panel and *traps* it there, so Tab cycles the dialog's own\n * controls and never reaches the page behind. Esc, the overlay and the close\n * button all close it; closing returns focus to whatever opened it. The page\n * behind does not scroll while it is open. Everything outside the panel is\n * hidden from assistive technology, which is what makes the block real rather\n * than visual.\n *\n * `title` is a required prop rather than optional chrome: without a rendered\n * title the dialog has no accessible name, and a screen reader announces a\n * modal that says nothing about what it is asking. Pass `hideTitle` to keep it\n * for assistive technology while dropping it from the visual layout.\n *\n * Reach for `Popover` when the panel is non-blocking secondary content, and a\n * transient notification when the user need not act at all.\n */\nwithDefaults(\n  defineProps<{\n    /** Drive the dialog from the host with `v-model:open`; omit it and the dialog owns its own state. */\n    open?: boolean | undefined;\n    /** The accessible name, and the question the dialog is asking. State the consequence (\"Delete scene?\"), not \"Are you sure?\". */\n    title: string;\n    /** Wired as the dialog's accessible description — the consequence line, rather than loose body text. */\n    description?: string;\n    /** Keep the title as the accessible name but drop it from the visual layout. */\n    hideTitle?: boolean;\n    /** Show the close affordance in the top corner. Esc and an overlay click close the dialog either way. */\n    closable?: boolean;\n    /** Panel width. `md` confirms, `lg` multi-section forms, `xl` authoring surfaces. */\n    size?: DialogSize;\n  }>(),\n  // `open: undefined` is load-bearing, not a redundant default — it is what\n  // keeps the uncontrolled third state reachable past Vue's absent-Boolean\n  // casting. `optional()` in the template is the other half; its docblock\n  // carries the reasoning for both. `description` needs no such entry: a\n  // string prop is already `undefined` when absent.\n  { open: undefined, hideTitle: false, closable: true, size: \"md\" },\n);\n\ndefineEmits<{ \"update:open\": [value: boolean] }>();\n</script>\n\n<template>\n  <DialogRoot v-bind=\"optional({ open })\" @update:open=\"$emit('update:open', $event)\">\n    <!-- @slot The control that opens the dialog. Optional — omit it and drive\n         the dialog entirely from the host with `v-model:open`. -->\n    <DialogTrigger v-if=\"$slots.trigger\" as-child>\n      <slot name=\"trigger\" />\n    </DialogTrigger>\n\n    <DialogPortal>\n      <!-- The scrim is heavy on purpose: at 70% the page behind reads as\n           context, and at 60% it read as competing content. It fades rather\n           than moves, so nothing behind the dialog appears to shift. -->\n      <DialogOverlay class=\"fixed inset-0 z-50 bg-foreground/70 data-[state=open]:animate-fade\" />\n      <DialogContent\n        :class=\"\n          cn(\n            'fixed left-1/2 top-1/2 z-50 -translate-x-1/2 -translate-y-1/2',\n            SIZE_CLASS[size],\n            'rounded-lg border border-border bg-popover p-6 text-popover-foreground shadow-lg outline-none',\n            // Scoped to the open state, never unconditional. Reka's Presence\n            // keeps closed content mounted until an animationend arrives, and a\n            // mount-only animation never fires a second one — which here would\n            // strand a full-screen, input-blocking overlay over a page with no\n            // dialog on it. Scoped, the closed element computes\n            // `animation-name: none` and Presence unmounts it at once.\n            'data-[state=open]:animate-scale-in',\n          )\n        \"\n      >\n        <DialogTitle :class=\"cn('text-base font-semibold', hideTitle && 'sr-only')\">\n          {{ title }}\n        </DialogTitle>\n        <DialogDescription v-if=\"description\" class=\"mt-1 text-sm text-muted-foreground\">\n          {{ description }}\n        </DialogDescription>\n\n        <!-- The gap above the body is dropped when nothing visible precedes\n             it, so a dialog with a hidden title and no description does not\n             open with an empty band at the top. -->\n        <div :class=\"cn((description || !hideTitle) && 'mt-4')\">\n          <!-- @slot The dialog body. -->\n          <slot />\n        </div>\n\n        <!-- @slot The action row, aligned to the trailing edge. -->\n        <div v-if=\"$slots.footer\" class=\"mt-6 flex items-center justify-end gap-2\">\n          <slot name=\"footer\" />\n        </div>\n\n        <DialogClose\n          v-if=\"closable\"\n          aria-label=\"Close\"\n          class=\"absolute right-4 top-4 inline-flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition-colors duration-fast ease-out hover:bg-subtle hover:text-foreground focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\"\n        >\n          <X class=\"h-4 w-4\" />\n        </DialogClose>\n      </DialogContent>\n    </DialogPortal>\n  </DialogRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;AAgBA,IAAM,aAAa;CACjB,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;;;;;;;;;;;;;;;;;;GAkEE,OAAA,UAAA,GAAA,YAyDa,MAAA,UAAA,GAzDb,WAAoB,MAyDP,QAAA,CAzDe,CAAA,EAAA,MAAG,QAAA,KAAI,CAAA,GAAA,EAAM,iBAAW,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,eAAgB,MAAM,GAAA,CAAA,GAAA;IAG/E,SAAA,cAEgB,CAFKC,KAAAA,OAAO,WAA5B,UAAA,GAAA,YAEgB,MAAA,aAAA,GAAA;;KAFqB,YAAA;;KACnC,SAAA,cAAuB,CAAvB,WAAuB,KAAA,QAAA,SAAA,CAAA,CAAA;;IAGzB,CAAA,KAAA,mBAAA,IAAA,IAAA,GAAA,YAiDe,MAAA,YAAA,GAAA,MAAA;KA7Cb,SAAA,cAA4F,CAA5F,YAA4F,MAAA,aAAA,GAAA,EAA7E,OAAM,qEAAoE,CAAA,GACzF,YA2CgB,MAAA,aAAA,GAAA,EA1Cb,OAAK,eAAa,MAAA,EAAA,CAAE,CAAA,iEAA2F,WAAW,QAAA,OAAA,iGAAA,oCAAA,CAAA,EAAA,GAAA;MAe3H,SAAA,cAEc;OAFd,YAEc,MAAA,WAAA,GAAA,EAFA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,2BAA4B,QAAA,aAAS,SAAA,CAAA,EAAA,GAAA;QAC1D,SAAA,cAAW,CAAR,gBAAA,gBAAA,QAAA,KAAK,GAAA,CAAA,CAAA,CAAA;;;OAEe,QAAA,eAAzB,UAAA,GAAA,YAEoB,MAAA,iBAAA,GAAA;;QAFkB,OAAM;;QAC1C,SAAA,cAAiB,CAAd,gBAAA,gBAAA,QAAA,WAAW,GAAA,CAAA,CAAA,CAAA;;;OAMhB,mBAGM,OAAA,EAHA,OAAK,eAAE,MAAA,EAAA,CAAE,EAAE,QAAA,eAAW,CAAK,QAAA,cAAS,MAAA,CAAA,EAAA,GAAA,CAExC,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA;OAICA,KAAAA,OAAO,UAAlB,UAAA,GAAA,mBAEM,OAFN,YAEM,CADJ,WAAsB,KAAA,QAAA,QAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;OAIhB,QAAA,YADR,UAAA,GAAA,YAMc,MAAA,WAAA,GAAA;;QAJZ,cAAW;QACX,OAAM;;QAEN,SAAA,cAAqB,CAArB,YAAqB,MAAA,CAAA,GAAA,EAAlB,OAAM,UAAS,CAAA,CAAA,CAAA"}

package/dist/primitives/DropdownMenu/DropdownMenu.js

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

package/dist/primitives/DropdownMenu/DropdownMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownMenu.js","names":[],"sources":["../../../src/primitives/DropdownMenu/DropdownMenu.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * One row of the menu, and the three kinds a menu is built from are told apart\n * by which fields are set rather than by a `kind` discriminator: a `separator`\n * is a rule, a `heading` is a non-interactive group label, and anything else\n * is a command.\n *\n * The list is data rather than markup because the primitive stays free of app\n * logic — selecting a row emits its `value` and the host decides what that\n * command means.\n */\nexport interface DropdownMenuEntry {\n  /** The visible text of a command or a heading. */\n  label?: string;\n  /** The command id emitted on select. An entry without one is not selectable. */\n  value?: string;\n  /** Accelerator hint shown at the trailing edge, e.g. `⌘S`. Display only — the primitive binds no keys. */\n  shortcut?: string;\n  /** Render a divider. Every other field is ignored. */\n  separator?: boolean;\n  /** Render a non-interactive section heading rather than a command. */\n  heading?: boolean;\n  /** A destructive command — painted in the destructive token so it is not one indistinguishable row. */\n  danger?: boolean;\n  /** Visible but inert: announced as disabled, and selecting it emits nothing. */\n  disabled?: boolean;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  DropdownMenuRoot,\n  DropdownMenuTrigger,\n  DropdownMenuPortal,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n} from \"reka-ui\";\nimport { cn } from \"../../lib/cn\";\nimport { listStaggerDelay } from \"../../lib/motion\";\nimport { optional } from \"../../lib/props\";\n\n/**\n * DropdownMenu — one button that opens a list of commands, with roving focus,\n * typeahead and arrow-key navigation.\n *\n * The escape contract: opening moves focus into the menu and onto the first\n * command; Esc and an outside click both close it; closing returns focus to the\n * trigger. The menu is modal, so while it is open the page behind does not\n * scroll and the rest of the page is hidden from assistive technology — a\n * command list is never scrolled out from under the pointer mid-choice. Focus\n * stays in the menu while it is open, but not the way `Dialog` traps it: a menu\n * has no internal tab order at all. Tab is inert, and the arrow keys plus\n * typeahead are how a row is reached.\n *\n * Selecting an entry emits `select` with its `value`; the host maps that id to\n * an action, which is what keeps the primitive free of app logic.\n *\n * Reach for `Popover` when the panel is interactive content rather than a\n * command list, and for a select control when the list *is* a field's value.\n */\nwithDefaults(\n  defineProps<{\n    /** The rows, in order. Three kinds, told apart by which fields are set. */\n    items: DropdownMenuEntry[];\n    /** Drive the menu from the host with `v-model:open`; omit it and the menu owns its own state. */\n    open?: boolean | undefined;\n  }>(),\n  // `open: undefined` is load-bearing, not a redundant default — it is what\n  // keeps the uncontrolled third state reachable past Vue's absent-Boolean\n  // casting. `optional()` in the template is the other half; its docblock\n  // carries the reasoning for both.\n  { open: undefined },\n);\nconst emit = defineEmits<{ select: [value: string]; \"update:open\": [value: boolean] }>();\n\n/**\n * A disabled entry, and an entry with no command id, select nothing. Reka\n * already blocks pointer events on the disabled row; this is the second half,\n * for the keyboard path that reaches it anyway.\n */\nfunction choose(item: DropdownMenuEntry): void {\n  if (item.disabled || item.value === undefined) return;\n  emit(\"select\", item.value);\n}\n</script>\n\n<template>\n  <DropdownMenuRoot v-bind=\"optional({ open })\" @update:open=\"$emit('update:open', $event)\">\n    <!-- @slot The button that opens the menu. Rendered `as-child`, so the\n         caller's own element *is* the trigger. -->\n    <DropdownMenuTrigger as-child>\n      <slot name=\"trigger\" />\n    </DropdownMenuTrigger>\n\n    <DropdownMenuPortal>\n      <DropdownMenuContent\n        :side-offset=\"6\"\n        align=\"start\"\n        :class=\"\n          cn(\n            'z-50 min-w-[12rem] rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md outline-none',\n            // Scoped to the open state, never unconditional. Reka's Presence\n            // keeps closed content mounted until an animationend arrives, and a\n            // mount-only animation never fires a second one — so an\n            // unconditional animation class strands an invisible menu over the\n            // page, catching clicks meant for what is behind it. Scoped, the\n            // closed element computes `animation-name: none` and Presence\n            // unmounts it at once. The origin below makes the menu grow out of\n            // its trigger rather than out of its own centre.\n            'data-[state=open]:animate-scale-in',\n          )\n        \"\n        style=\"transform-origin: var(--reka-popper-transform-origin)\"\n      >\n        <template v-for=\"(item, i) in items\" :key=\"i\">\n          <DropdownMenuSeparator v-if=\"item.separator\" class=\"my-1 h-px bg-border\" />\n          <DropdownMenuLabel\n            v-else-if=\"item.heading\"\n            class=\"px-2 py-1.5 text-micro font-medium uppercase tracking-wide text-muted-foreground\"\n          >\n            {{ item.label }}\n          </DropdownMenuLabel>\n          <!-- The reveal delay comes from the shared stagger vocabulary, capped\n               there so a long menu does not tail off, rather than from a\n               per-menu number written by hand.\n\n               `disabled` is coerced rather than forwarded raw: an entry that\n               simply omits the field is not disabled, and Reka's own prop does\n               not accept `undefined` as a way of saying so. -->\n          <DropdownMenuItem\n            v-else\n            :disabled=\"item.disabled ?? false\"\n            :class=\"\n              cn(\n                'flex cursor-pointer items-center justify-between gap-6 rounded-sm px-2 py-1.5 text-sm text-foreground outline-none',\n                'transition-colors duration-fast ease-out',\n                // The rows reveal in sequence as the menu opens, which reads as\n                // a list arriving rather than a block appearing. The hover\n                // colour transition above is a separate channel, so a row\n                // highlighted mid-reveal still responds at once.\n                'animate-fade-rise',\n                'data-[highlighted]:bg-subtle',\n                'data-[disabled]:pointer-events-none data-[disabled]:opacity-40',\n                item.danger &&\n                  'text-destructive data-[highlighted]:bg-destructive/10 data-[highlighted]:text-destructive',\n              )\n            \"\n            :style=\"{ animationDelay: listStaggerDelay(i) }\"\n            @select=\"choose(item)\"\n          >\n            <span>{{ item.label }}</span>\n            <span v-if=\"item.shortcut\" class=\"tabular text-micro text-muted-foreground\">\n              {{ item.shortcut }}\n            </span>\n          </DropdownMenuItem>\n        </template>\n      </DropdownMenuContent>\n    </DropdownMenuPortal>\n  </DropdownMenuRoot>\n</template>\n"],"mappings":""}

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

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/primitives/DropdownMenu/DropdownMenu.vue"],"names":[],"mappings":"AAmLA;;;;;;;;;GASG;AACH,MAAM,WAAW,iBAAiB;IAChC,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0GAA0G;IAC1G,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sDAAsD;IACtD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sEAAsE;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uGAAuG;IACvG,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;wBACoB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAqBd,2EAA2E;WACpE,iBAAiB,EAAE;IAC1B,iGAAiG;WAC1F,OAAO,GAAG,SAAS;;;;;IAH1B,2EAA2E;WACpE,iBAAiB,EAAE;IAC1B,iGAAiG;WAC1F,OAAO,GAAG,SAAS;;;;;UAAnB,OAAO,GAAG,SAAS;;cAqRhB,CAAC,KAAK,IAAiB,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/DropdownMenu/DropdownMenu.vue_vue_type_script_setup_true_lang.js

@@ -1,82 +0,0 @@
-import { cn } from "../../lib/cn.js";
-import { listStaggerDelay } from "../../lib/motion.js";
-import { optional } from "../../lib/props.js";
-import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
-import { DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuTrigger } from "reka-ui";
-//#region src/primitives/DropdownMenu/DropdownMenu.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
-	key: 0,
-	class: "tabular text-micro text-muted-foreground"
-};
-var DropdownMenu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "DropdownMenu",
-	props: {
-		items: {},
-		open: {
-			type: Boolean,
-			default: void 0
-		}
-	},
-	emits: ["select", "update:open"],
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		/**
-		* A disabled entry, and an entry with no command id, select nothing. Reka
-		* already blocks pointer events on the disabled row; this is the second half,
-		* for the keyboard path that reaches it anyway.
-		*/
-		function choose(item) {
-			if (item.disabled || item.value === void 0) return;
-			emit("select", item.value);
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(DropdownMenuRoot), mergeProps(unref(optional)({ open: __props.open }), { "onUpdate:open": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:open", $event)) }), {
-				default: withCtx(() => [createVNode(unref(DropdownMenuTrigger), { "as-child": "" }, {
-					default: withCtx(() => [renderSlot(_ctx.$slots, "trigger")]),
-					_: 3
-				}), createVNode(unref(DropdownMenuPortal), null, {
-					default: withCtx(() => [createVNode(unref(DropdownMenuContent), {
-						"side-offset": 6,
-						align: "start",
-						class: normalizeClass(unref(cn)("z-50 min-w-[12rem] rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md outline-none", "data-[state=open]:animate-scale-in")),
-						style: { "transform-origin": "var(--reka-popper-transform-origin)" }
-					}, {
-						default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, i) => {
-							return openBlock(), createElementBlock(Fragment, { key: i }, [item.separator ? (openBlock(), createBlock(unref(DropdownMenuSeparator), {
-								key: 0,
-								class: "my-1 h-px bg-border"
-							})) : item.heading ? (openBlock(), createBlock(unref(DropdownMenuLabel), {
-								key: 1,
-								class: "px-2 py-1.5 text-micro font-medium uppercase tracking-wide text-muted-foreground"
-							}, {
-								default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
-								_: 2
-							}, 1024)) : (openBlock(), createBlock(unref(DropdownMenuItem), {
-								key: 2,
-								disabled: item.disabled ?? false,
-								class: normalizeClass(unref(cn)("flex cursor-pointer items-center justify-between gap-6 rounded-sm px-2 py-1.5 text-sm text-foreground outline-none", "transition-colors duration-fast ease-out", "animate-fade-rise", "data-[highlighted]:bg-subtle", "data-[disabled]:pointer-events-none data-[disabled]:opacity-40", item.danger && "text-destructive data-[highlighted]:bg-destructive/10 data-[highlighted]:text-destructive")),
-								style: normalizeStyle({ animationDelay: unref(listStaggerDelay)(i) }),
-								onSelect: ($event) => choose(item)
-							}, {
-								default: withCtx(() => [createElementVNode("span", null, toDisplayString(item.label), 1), item.shortcut ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(item.shortcut), 1)) : createCommentVNode("", true)]),
-								_: 2
-							}, 1032, [
-								"disabled",
-								"class",
-								"style",
-								"onSelect"
-							]))], 64);
-						}), 128))]),
-						_: 1
-					}, 8, ["class"])]),
-					_: 1
-				})]),
-				_: 3
-			}, 16);
-		};
-	}
-});
-//#endregion
-export { DropdownMenu_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=DropdownMenu.vue_vue_type_script_setup_true_lang.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownMenu.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/primitives/DropdownMenu/DropdownMenu.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * One row of the menu, and the three kinds a menu is built from are told apart\n * by which fields are set rather than by a `kind` discriminator: a `separator`\n * is a rule, a `heading` is a non-interactive group label, and anything else\n * is a command.\n *\n * The list is data rather than markup because the primitive stays free of app\n * logic — selecting a row emits its `value` and the host decides what that\n * command means.\n */\nexport interface DropdownMenuEntry {\n  /** The visible text of a command or a heading. */\n  label?: string;\n  /** The command id emitted on select. An entry without one is not selectable. */\n  value?: string;\n  /** Accelerator hint shown at the trailing edge, e.g. `⌘S`. Display only — the primitive binds no keys. */\n  shortcut?: string;\n  /** Render a divider. Every other field is ignored. */\n  separator?: boolean;\n  /** Render a non-interactive section heading rather than a command. */\n  heading?: boolean;\n  /** A destructive command — painted in the destructive token so it is not one indistinguishable row. */\n  danger?: boolean;\n  /** Visible but inert: announced as disabled, and selecting it emits nothing. */\n  disabled?: boolean;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  DropdownMenuRoot,\n  DropdownMenuTrigger,\n  DropdownMenuPortal,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n} from \"reka-ui\";\nimport { cn } from \"../../lib/cn\";\nimport { listStaggerDelay } from \"../../lib/motion\";\nimport { optional } from \"../../lib/props\";\n\n/**\n * DropdownMenu — one button that opens a list of commands, with roving focus,\n * typeahead and arrow-key navigation.\n *\n * The escape contract: opening moves focus into the menu and onto the first\n * command; Esc and an outside click both close it; closing returns focus to the\n * trigger. The menu is modal, so while it is open the page behind does not\n * scroll and the rest of the page is hidden from assistive technology — a\n * command list is never scrolled out from under the pointer mid-choice. Focus\n * stays in the menu while it is open, but not the way `Dialog` traps it: a menu\n * has no internal tab order at all. Tab is inert, and the arrow keys plus\n * typeahead are how a row is reached.\n *\n * Selecting an entry emits `select` with its `value`; the host maps that id to\n * an action, which is what keeps the primitive free of app logic.\n *\n * Reach for `Popover` when the panel is interactive content rather than a\n * command list, and for a select control when the list *is* a field's value.\n */\nwithDefaults(\n  defineProps<{\n    /** The rows, in order. Three kinds, told apart by which fields are set. */\n    items: DropdownMenuEntry[];\n    /** Drive the menu from the host with `v-model:open`; omit it and the menu owns its own state. */\n    open?: boolean | undefined;\n  }>(),\n  // `open: undefined` is load-bearing, not a redundant default — it is what\n  // keeps the uncontrolled third state reachable past Vue's absent-Boolean\n  // casting. `optional()` in the template is the other half; its docblock\n  // carries the reasoning for both.\n  { open: undefined },\n);\nconst emit = defineEmits<{ select: [value: string]; \"update:open\": [value: boolean] }>();\n\n/**\n * A disabled entry, and an entry with no command id, select nothing. Reka\n * already blocks pointer events on the disabled row; this is the second half,\n * for the keyboard path that reaches it anyway.\n */\nfunction choose(item: DropdownMenuEntry): void {\n  if (item.disabled || item.value === undefined) return;\n  emit(\"select\", item.value);\n}\n</script>\n\n<template>\n  <DropdownMenuRoot v-bind=\"optional({ open })\" @update:open=\"$emit('update:open', $event)\">\n    <!-- @slot The button that opens the menu. Rendered `as-child`, so the\n         caller's own element *is* the trigger. -->\n    <DropdownMenuTrigger as-child>\n      <slot name=\"trigger\" />\n    </DropdownMenuTrigger>\n\n    <DropdownMenuPortal>\n      <DropdownMenuContent\n        :side-offset=\"6\"\n        align=\"start\"\n        :class=\"\n          cn(\n            'z-50 min-w-[12rem] rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md outline-none',\n            // Scoped to the open state, never unconditional. Reka's Presence\n            // keeps closed content mounted until an animationend arrives, and a\n            // mount-only animation never fires a second one — so an\n            // unconditional animation class strands an invisible menu over the\n            // page, catching clicks meant for what is behind it. Scoped, the\n            // closed element computes `animation-name: none` and Presence\n            // unmounts it at once. The origin below makes the menu grow out of\n            // its trigger rather than out of its own centre.\n            'data-[state=open]:animate-scale-in',\n          )\n        \"\n        style=\"transform-origin: var(--reka-popper-transform-origin)\"\n      >\n        <template v-for=\"(item, i) in items\" :key=\"i\">\n          <DropdownMenuSeparator v-if=\"item.separator\" class=\"my-1 h-px bg-border\" />\n          <DropdownMenuLabel\n            v-else-if=\"item.heading\"\n            class=\"px-2 py-1.5 text-micro font-medium uppercase tracking-wide text-muted-foreground\"\n          >\n            {{ item.label }}\n          </DropdownMenuLabel>\n          <!-- The reveal delay comes from the shared stagger vocabulary, capped\n               there so a long menu does not tail off, rather than from a\n               per-menu number written by hand.\n\n               `disabled` is coerced rather than forwarded raw: an entry that\n               simply omits the field is not disabled, and Reka's own prop does\n               not accept `undefined` as a way of saying so. -->\n          <DropdownMenuItem\n            v-else\n            :disabled=\"item.disabled ?? false\"\n            :class=\"\n              cn(\n                'flex cursor-pointer items-center justify-between gap-6 rounded-sm px-2 py-1.5 text-sm text-foreground outline-none',\n                'transition-colors duration-fast ease-out',\n                // The rows reveal in sequence as the menu opens, which reads as\n                // a list arriving rather than a block appearing. The hover\n                // colour transition above is a separate channel, so a row\n                // highlighted mid-reveal still responds at once.\n                'animate-fade-rise',\n                'data-[highlighted]:bg-subtle',\n                'data-[disabled]:pointer-events-none data-[disabled]:opacity-40',\n                item.danger &&\n                  'text-destructive data-[highlighted]:bg-destructive/10 data-[highlighted]:text-destructive',\n              )\n            \"\n            :style=\"{ animationDelay: listStaggerDelay(i) }\"\n            @select=\"choose(item)\"\n          >\n            <span>{{ item.label }}</span>\n            <span v-if=\"item.shortcut\" class=\"tabular text-micro text-muted-foreground\">\n              {{ item.shortcut }}\n            </span>\n          </DropdownMenuItem>\n        </template>\n      </DropdownMenuContent>\n    </DropdownMenuPortal>\n  </DropdownMenuRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EA2EA,MAAM,OAAO;;;;;;EAOb,SAAS,OAAO,MAA+B;GAC7C,IAAI,KAAK,YAAY,KAAK,UAAU,KAAA,GAAW;GAC/C,KAAK,UAAU,KAAK,KAAK;EAC3B;;GAIE,OAAA,UAAA,GAAA,YAuEmB,MAAA,gBAAA,GAvEnB,WAA0B,MAuEP,QAAA,CAvEe,CAAA,EAAA,MAAG,QAAA,KAAI,CAAA,GAAA,EAAM,iBAAW,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,eAAgB,MAAM,GAAA,CAAA,GAAA;IAGrF,SAAA,cAEsB,CAFtB,YAEsB,MAAA,mBAAA,GAAA,EAFD,YAAA,GAAQ,GAAA;KAC3B,SAAA,cAAuB,CAAvB,WAAuB,KAAA,QAAA,SAAA,CAAA,CAAA;;IAGzB,CAAA,GAAA,YA+DqB,MAAA,kBAAA,GAAA,MAAA;KA9DnB,SAAA,cA6DsB,CA7DtB,YA6DsB,MAAA,mBAAA,GAAA;MA5DnB,eAAa;MACd,OAAM;MACL,OAAK,eAAa,MAAA,EAAA,CAAE,CAAA,oHAAA,oCAAA,CAAA;MAcrB,OAAA,EAAA,oBAAA,sCAAA;;MAEU,SAAA,cAA0B,EAApC,UAAA,IAAA,GAAA,mBAyCW,UAAA,MAAA,WAzCmB,QAAA,QAAZ,MAAM,MAAC;OAAkB,OAAA,UAAA,GAAA,mBAAA,UAAA,EAAA,KAAA,EAAC,GAAA,CACb,KAAK,aAAlC,UAAA,GAAA,YAA2E,MAAA,qBAAA,GAAA;;QAA9B,OAAM;OAEtC,CAAA,KAAA,KAAK,WADlB,UAAA,GAAA,YAKoB,MAAA,iBAAA,GAAA;;QAHlB,OAAM;;QAEN,SAAA,cAAgB,CAAb,gBAAA,gBAAA,KAAK,KAAK,GAAA,CAAA,CAAA,CAAA;;OASf,GAAA,IAAA,MAAA,UAAA,GAAA,YAyBmB,MAAA,gBAAA,GAAA;;QAvBhB,UAAU,KAAK,YAAQ;QACvB,OAAK,eAAiB,MAAA,EAAA,CAAE,CAAA,sHAAA,4CAAA,qBAAA,gCAAA,kEAAqqB,KAAK,UAAA,2FAAA,CAAA;QAelsB,OAAK,eAAA,EAAA,gBAAoB,MAAA,gBAAA,CAAgB,CAAC,CAAC,EAAA,CAAA;QAC3C,WAAM,WAAE,OAAO,IAAI;;QAEpB,SAAA,cAA6B,CAA7B,mBAA6B,QAAA,MAAA,gBAApB,KAAK,KAAK,GAAA,CAAA,GACP,KAAK,YAAjB,UAAA,GAAA,mBAEO,QAFP,YAEO,gBADF,KAAK,QAAQ,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA"}

package/dist/primitives/Field/Field.js

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

package/dist/primitives/Field/Field.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Field.js","names":[],"sources":["../../../src/primitives/Field/Field.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/* eslint vuejs-accessibility/label-has-for: [\"error\", { \"required\": \"id\" }] */\n/*\n * The workspace default for this rule requires BOTH a `for`/id pairing AND\n * the control physically nested inside the `<label>` (`required: {every:\n * [\"nesting\",\"id\"]}`). Field labels a control passed through the default\n * slot — never nested inside the `<label>` — so \"nesting\" can never be\n * satisfied by any slot-based composition, regardless of how the label is\n * written. The `for`/id pairing below is itself a fully valid, standard\n * accessible-name association (WCAG 1.3.1 / 4.1.2); this override scopes the\n * rule to that single valid strategy for this file only.\n */\nimport { computed } from \"vue\";\nimport InlineError from \"../InlineError/InlineError.vue\";\n\n/**\n * Field — the form-row wrapper: label + control + one hint-or-error line, so\n * a consumer stops hand-assembling that layout at every call site. Pure\n * composition, not a Reka component — the default slot is the control\n * (TextField, Textarea, a select, …). Setting `error` swaps InlineError in\n * for `hint`, because a row shows one message at a time, never both stacked.\n *\n * `for` does two jobs. It is what associates the `<label>` with the control\n * (WCAG 1.3.1 / 4.1.2) — `label` alone, with no `for`, falls back to a plain\n * `<span>` rather than emit a `<label>` with nothing to point at. And it is\n * what the hint/error line derives its own id from (`${for}-description`),\n * which is the missing half of the accessibility contract: Field cannot\n * reach into an arbitrary slotted control to set `aria-describedby` on it,\n * so it publishes a predictable id instead and leaves that one attribute to\n * the consumer — the same way `invalid` already has to be set on the\n * control directly. TextField and Textarea both forward an `aria-describedby`\n * passed to them straight onto their native element, so wiring the two\n * together is exactly:\n *\n * ```vue\n * <Field label=\"Email\" for=\"email\" error=\"Invalid address\">\n *   <TextField id=\"email\" aria-describedby=\"email-description\" invalid />\n * </Field>\n * ```\n */\nconst props = withDefaults(\n  defineProps<{\n    /** The visible label text. Renders as a real `<label>` only when `for` is also set. */\n    label?: string;\n    /** Supporting text shown below the control. Hidden while `error` is set. */\n    hint?: string;\n    /** The error message. Renders through InlineError and replaces `hint`. */\n    error?: string;\n    /** Marks the field mandatory and appends a destructive asterisk to the label. */\n    required?: boolean;\n    /** The id of the control in the default slot — drives the label's `for` and the hint/error id. */\n    for?: string;\n  }>(),\n  { required: false },\n);\n\n// The hint and the error are mutually exclusive, so one id covers whichever\n// is showing. Undefined without `for`: an id with no control to point at it\n// would be a landmark for no one.\nconst descriptionId = computed(() => (props.for ? `${props.for}-description` : undefined));\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-1.5\">\n    <label v-if=\"label && props.for\" :for=\"props.for\" class=\"text-sm font-medium text-foreground\">\n      {{ label }} <span v-if=\"required\" class=\"text-destructive\">*</span>\n    </label>\n    <span v-else-if=\"label\" class=\"text-sm font-medium text-foreground\">\n      {{ label }} <span v-if=\"required\" class=\"text-destructive\">*</span>\n    </span>\n    <slot />\n    <p v-if=\"hint && !error\" :id=\"descriptionId\" class=\"text-xs text-muted-foreground\">\n      {{ hint }}\n    </p>\n    <InlineError v-if=\"error\" :id=\"descriptionId\" :message=\"error\" />\n  </div>\n</template>\n"],"mappings":""}