@ecoma-io/loom 0.2.0 → 0.3.0

package/dist/primitives/Toast/ToastItem.vue_vue_type_script_setup_true_lang.js

@@ -1,114 +0,0 @@
-import { cn } from "../../lib/cn.js";
-import { optional } from "../../lib/props.js";
-import { useLabels } from "../../lib/labels.js";
-import { CircleCheck, CircleX, Info, Sparkles, TriangleAlert, X } from "@lucide/vue";
-import { computed, createBlock, createCommentVNode, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
-import { ToastAction, ToastClose, ToastDescription, ToastRoot, ToastTitle } from "reka-ui";
-//#region src/primitives/Toast/ToastItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "min-w-0 flex-1" };
-var _hoisted_2 = {
-	type: "button",
-	class: "shrink-0 rounded-sm px-2 py-1 text-xs font-medium text-primary transition-colors duration-fast ease-out hover:bg-subtle focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"
-};
-/**
-* Loom's English, co-located with the component so it tree-shakes with it, and
-* exported so a host can build a partial vocabulary against the real thing.
-*/
-var TOAST_LABELS = {
-	close: "Close",
-	announce: "Notification",
-	region: ({ hotkey }) => `Notifications (${hotkey})`
-};
-var ToastItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "ToastItem",
-	props: {
-		open: {
-			type: Boolean,
-			default: void 0
-		},
-		title: {},
-		description: {},
-		variant: { default: "info" },
-		duration: { default: 5e3 },
-		closable: {
-			type: Boolean,
-			default: true
-		},
-		actionLabel: {},
-		labels: {}
-	},
-	emits: ["update:open", "action"],
-	setup(__props) {
-		const props = __props;
-		const text = useLabels("toast", TOAST_LABELS, () => props.labels);
-		const toastAccents = {
-			info: {
-				icon: Info,
-				color: "text-info"
-			},
-			success: {
-				icon: CircleCheck,
-				color: "text-success"
-			},
-			warning: {
-				icon: TriangleAlert,
-				color: "text-warning"
-			},
-			destructive: {
-				icon: CircleX,
-				color: "text-destructive"
-			},
-			accent: {
-				icon: Sparkles,
-				color: "text-primary"
-			}
-		};
-		const accent = computed(() => toastAccents[props.variant]);
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ToastRoot), mergeProps(unref(optional)({ open: __props.open }), {
-				duration: __props.duration,
-				class: "outline-none",
-				"onUpdate:open": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:open", $event))
-			}), {
-				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(cn)("relative flex animate-toast-in items-start gap-3 rounded-md border border-border bg-popover p-3 pr-8 text-popover-foreground shadow-lg", __props.variant === "accent" && "border-primary/40")) }, [
-					(openBlock(), createBlock(resolveDynamicComponent(accent.value.icon), {
-						class: normalizeClass(unref(cn)("mt-0.5 h-4 w-4 shrink-0", accent.value.color)),
-						"aria-hidden": "true"
-					}, null, 8, ["class"])),
-					createElementVNode("div", _hoisted_1, [createVNode(unref(ToastTitle), { class: "text-sm font-medium" }, {
-						default: withCtx(() => [createTextVNode(toDisplayString(__props.title), 1)]),
-						_: 1
-					}), __props.description ? (openBlock(), createBlock(unref(ToastDescription), {
-						key: 0,
-						class: "mt-0.5 text-xs text-muted-foreground"
-					}, {
-						default: withCtx(() => [createTextVNode(toDisplayString(__props.description), 1)]),
-						_: 1
-					})) : createCommentVNode("", true)]),
-					__props.actionLabel ? (openBlock(), createBlock(unref(ToastAction), {
-						key: 0,
-						"alt-text": __props.actionLabel,
-						"as-child": "",
-						onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("action"))
-					}, {
-						default: withCtx(() => [createElementVNode("button", _hoisted_2, toDisplayString(__props.actionLabel), 1)]),
-						_: 1
-					}, 8, ["alt-text"])) : createCommentVNode("", true),
-					__props.closable ? (openBlock(), createBlock(unref(ToastClose), {
-						key: 1,
-						"aria-label": unref(text).close,
-						class: "absolute right-2 top-2 inline-flex h-6 w-6 items-center justify-center rounded-sm 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-3.5 w-3.5" })]),
-						_: 1
-					}, 8, ["aria-label"])) : createCommentVNode("", true)
-				], 2)]),
-				_: 1
-			}, 16, ["duration"]);
-		};
-	}
-});
-//#endregion
-export { TOAST_LABELS, ToastItem_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ToastItem.vue_vue_type_script_setup_true_lang.js.map

package/dist/primitives/Toast/ToastItem.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToastItem.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/primitives/Toast/ToastItem.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { LabelOf } from \"../../lib/labels\";\n\n/**\n * Everything a toast publishes that is not the host's own copy — including the\n * two strings Reka UI would otherwise supply in English of its own accord.\n *\n * Declared here rather than in `Toast.vue`, which is where a reader would look\n * for it, and the reason is a module cycle rather than a preference.\n * `Toast.vue` imports this file; this file needs the defaults for the close\n * control it renders. Declaring them in `Toast.vue` and importing them back\n * would make that a real runtime cycle where today it is a type-only one, and\n * it would cost the block that reuses this card — `ToastStack` mounts\n * `ToastItem` directly through its own provider — the whole seam. Owning them\n * here means every card resolves its own names wherever it is mounted.\n *\n * `announce` and `region` are not decoration. Reka's `ToastProvider` defaults\n * its `label` to \"Notification\" and reads it out ahead of every toast's own\n * text in a hidden live region; its `ToastViewport` names the list\n * \"Notifications ({hotkey})\". Both are real props rather than hard-coded\n * vnode attributes, so these are set rather than overridden — but leaving\n * either unset falls back to English, not to nothing.\n */\nexport interface ToastLabels {\n  /** The ✕ control on the card. */\n  readonly close: string;\n  /**\n   * Spoken before each toast's own title, in a hidden live region, to say what\n   * kind of thing has just arrived. Keep it to one word — it is a prefix on\n   * every announcement, not a sentence.\n   */\n  readonly announce: string;\n  /**\n   * The name of the list the toasts stack in. `hotkey` is the key that focuses\n   * it, as the environment reports it (\"F8\"), handed over raw so a language\n   * can put it wherever it belongs in the phrase.\n   */\n  readonly region: LabelOf<{ hotkey: string }>;\n}\n\n/**\n * Loom's English, co-located with the component so it tree-shakes with it, and\n * exported so a host can build a partial vocabulary against the real thing.\n */\nexport const TOAST_LABELS: ToastLabels = {\n  close: \"Close\",\n  announce: \"Notification\",\n  region: ({ hotkey }) => `Notifications (${hotkey})`,\n};\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { ToastRoot, ToastTitle, ToastDescription, ToastAction, ToastClose } from \"reka-ui\";\nimport { useLabels, type LabelOverrides } from \"../../lib/labels\";\nimport { Info, CircleCheck, TriangleAlert, CircleX, Sparkles, X } from \"@lucide/vue\";\nimport { cn } from \"../../lib/cn\";\nimport { optional } from \"../../lib/props\";\nimport type { ToastVariant } from \"./Toast.vue\";\n\n/**\n * ToastItem — one toast card (ToastRoot + Loom treatment), INTERNAL to\n * the design system. It must live inside a `ToastProvider` whose\n * `ToastViewport` it teleports into: `Toast` bundles that pair for the\n * standalone case. Not exported from the barrel — hosts use `Toast`.\n */\nconst props = withDefaults(\n  defineProps<{\n    /** Controls visibility; pair with `v-model:open`. Omit to let the toast own its own open state. */\n    open?: boolean | undefined;\n    /** The toast's headline — always shown. */\n    title: string;\n    /** An optional second line of detail below the title. */\n    description?: string;\n    /** Selects the accent icon and colour. */\n    variant?: ToastVariant;\n    /** ms before auto-dismiss; the Reka default pauses on hover/focus. */\n    duration?: number;\n    /** Shows the ✕ close button. */\n    closable?: boolean;\n    /** Renders a single inline action button; emits `action` when pressed. */\n    actionLabel?: string;\n    /** Names for what the card says on its own account, as any subset of `ToastLabels`. */\n    labels?: LabelOverrides<ToastLabels>;\n  }>(),\n  {\n    // See Toast.vue: `undefined` is the uncontrolled state, and only an\n    // explicit default keeps it reachable past Vue's Boolean casting.\n    open: undefined,\n    variant: \"info\",\n    duration: 5000,\n    closable: true,\n  },\n);\n\ndefineEmits<{ \"update:open\": [value: boolean]; action: [] }>();\n\n// `text`, not `labels`: the prop of that name is one of the three sources this\n// resolves, and a template reading the raw prop would be reading the overrides\n// rather than the answer.\nconst text = useLabels(\"toast\", TOAST_LABELS, () => props.labels);\n\n// `satisfies` binds this map to ToastVariant so a variant added to the type\n// without a matching entry here fails at compile time (Button's own idiom).\nconst toastAccents = {\n  info: { icon: Info, color: \"text-info\" },\n  success: { icon: CircleCheck, color: \"text-success\" },\n  warning: { icon: TriangleAlert, color: \"text-warning\" },\n  destructive: { icon: CircleX, color: \"text-destructive\" },\n  accent: { icon: Sparkles, color: \"text-primary\" },\n} satisfies Record<ToastVariant, { icon: typeof Info; color: string }>;\n\nconst accent = computed(() => toastAccents[props.variant]);\n</script>\n\n<template>\n  <!-- The slide-in animation rides this inner card, never ToastRoot: Reka\n       drives ToastRoot's own transform for the swipe-to-dismiss gesture, so a\n       filled entrance transform there would freeze the swipe. ToastRoot itself\n       carries no animation, so Reka Presence unmounts it immediately on close. -->\n  <ToastRoot\n    v-bind=\"optional({ open })\"\n    :duration=\"duration\"\n    class=\"outline-none\"\n    @update:open=\"$emit('update:open', $event)\"\n  >\n    <div\n      :class=\"\n        cn(\n          'relative flex animate-toast-in items-start gap-3 rounded-md border border-border bg-popover p-3 pr-8 text-popover-foreground shadow-lg',\n          // Accent variant: a highlighted border to draw attention to the\n          // toast's distinctiveness from the standard variants.\n          variant === 'accent' && 'border-primary/40',\n        )\n      \"\n    >\n      <component\n        :is=\"accent.icon\"\n        :class=\"cn('mt-0.5 h-4 w-4 shrink-0', accent.color)\"\n        aria-hidden=\"true\"\n      />\n      <div class=\"min-w-0 flex-1\">\n        <ToastTitle class=\"text-sm font-medium\">{{ title }}</ToastTitle>\n        <ToastDescription v-if=\"description\" class=\"mt-0.5 text-xs text-muted-foreground\">\n          {{ description }}\n        </ToastDescription>\n      </div>\n\n      <ToastAction v-if=\"actionLabel\" :alt-text=\"actionLabel\" as-child @click=\"$emit('action')\">\n        <button\n          type=\"button\"\n          class=\"shrink-0 rounded-sm px-2 py-1 text-xs font-medium text-primary transition-colors duration-fast ease-out hover:bg-subtle focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\"\n        >\n          {{ actionLabel }}\n        </button>\n      </ToastAction>\n\n      <ToastClose\n        v-if=\"closable\"\n        :aria-label=\"text.close\"\n        class=\"absolute right-2 top-2 inline-flex h-6 w-6 items-center justify-center rounded-sm 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-3.5 w-3.5\" />\n      </ToastClose>\n    </div>\n  </ToastRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;AA4CA,IAAa,eAA4B;CACvC,OAAO;CACP,UAAU;CACV,SAAS,EAAE,aAAa,kBAAkB,OAAO;AACnD;;;;;;;;;;;;;;;;;;;;;EAkBA,MAAM,QAAQ;EAkCd,MAAM,OAAO,UAAU,SAAS,oBAAoB,MAAM,MAAM;EAIhE,MAAM,eAAe;GACnB,MAAM;IAAE,MAAM;IAAM,OAAO;GAAY;GACvC,SAAS;IAAE,MAAM;IAAa,OAAO;GAAe;GACpD,SAAS;IAAE,MAAM;IAAe,OAAO;GAAe;GACtD,aAAa;IAAE,MAAM;IAAS,OAAO;GAAmB;GACxD,QAAQ;IAAE,MAAM;IAAU,OAAO;GAAe;EAClD;EAEA,MAAM,SAAS,eAAe,aAAa,MAAM,QAAQ;;GAQvD,OAAA,UAAA,GAAA,YA6CY,MAAA,SAAA,GA7CZ,WACU,MA4CE,QAAA,CA5CM,CAAA,EAAA,MAAG,QAAA,KAAI,CAAA,GAAA;IACtB,UAAU,QAAA;IACX,OAAM;IACL,iBAAW,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,eAAgB,MAAM;;IAEzC,SAAA,cAsCM,CAtCN,mBAsCM,OAAA,EArCH,OAAK,eAAW,MAAA,EAAA,CAAE,CAAA,0IAA4S,QAAA,YAAO,YAAA,mBAAA,CAAA,EAAA,GAAA;MAStU,UAAA,GAAA,YAIE,wBAHK,OAAA,MAAO,IAAI,GAAA;MACf,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,2BAA4B,OAAA,MAAO,KAAK,CAAA;MAClD,eAAY;;KAEd,mBAKM,OALN,YAKM,CAJJ,YAAgE,MAAA,UAAA,GAAA,EAApD,OAAM,sBAAqB,GAAA;MAAC,SAAA,cAAW,CAAR,gBAAA,gBAAA,QAAA,KAAK,GAAA,CAAA,CAAA,CAAA;;KACxB,CAAA,GAAA,QAAA,eAAxB,UAAA,GAAA,YAEmB,MAAA,gBAAA,GAAA;;MAFkB,OAAM;;MACzC,SAAA,cAAiB,CAAd,gBAAA,gBAAA,QAAA,WAAW,GAAA,CAAA,CAAA,CAAA;;;KAIC,QAAA,eAAnB,UAAA,GAAA,YAOc,MAAA,WAAA,GAAA;;MAPmB,YAAU,QAAA;MAAa,YAAA;MAAU,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,QAAA;;MAC5E,SAAA,cAKS,CALT,mBAKS,UALT,YAKS,gBADJ,QAAA,WAAW,GAAA,CAAA,CAAA,CAAA;;;KAKV,QAAA,YADR,UAAA,GAAA,YAMa,MAAA,UAAA,GAAA;;MAJV,cAAY,MAAA,IAAA,CAAI,CAAC;MAClB,OAAM;;MAEN,SAAA,cAAyB,CAAzB,YAAyB,MAAA,CAAA,GAAA,EAAtB,OAAM,cAAa,CAAA,CAAA,CAAA"}

package/dist/primitives/Tooltip/Tooltip.js

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

package/dist/primitives/Tooltip/Tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.js","names":[],"sources":["../../../src/primitives/Tooltip/Tooltip.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Which edge of the trigger the tip prefers, before collision flipping. The\n * members mirror Reka's own `Side`, and the template binding is what enforces\n * that: a member Reka does not accept stops `:side=\"side\"` type-checking.\n * Declared here rather than aliased so the generated props table prints the\n * four values instead of a name that tells the reader nothing.\n */\nexport type TooltipSide = \"top\" | \"right\" | \"bottom\" | \"left\";\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  TooltipProvider,\n  TooltipRoot,\n  TooltipTrigger,\n  TooltipPortal,\n  TooltipContent,\n  TooltipArrow,\n} from \"reka-ui\";\nimport { cn } from \"../../lib/cn\";\nimport { optional } from \"../../lib/props\";\n\n/**\n * Tooltip — a short, non-interactive hint on hover or keyboard focus of its\n * trigger: the label for an icon-only button, or one terse explanation.\n *\n * A tooltip is not a small dialog, and the difference is the whole contract.\n * It never takes focus — focus stays on the trigger the entire time it is\n * shown, which is what lets a keyboard user read it and keep going. Hovering\n * the trigger or focusing it opens the tip; Esc, blur and moving the pointer\n * away close it; the page behind never stops scrolling. Nothing inside it can\n * be reached, so nothing interactive belongs inside it. The moment a hint\n * needs a link or a button, it is a `Popover`.\n *\n * It is wired as `aria-describedby`, never `aria-labelledby`: it *supplements*\n * an accessible name and must never be the only source of one. An icon-only\n * button still carries its own `aria-label` — a screen reader user who never\n * hovers would otherwise meet an unnamed button.\n *\n * The provider is bundled in so a single tooltip works with no setup. An\n * application with many can hoist one Reka `TooltipProvider` higher later,\n * which is what shares the hover delay across them.\n */\nwithDefaults(\n  defineProps<{\n    /** The hint text. The default slot overrides it where the hint needs markup. */\n    content?: string;\n    /** The edge of the trigger to anchor against, before collision flipping. */\n    side?: TooltipSide;\n    /** Gap in pixels between the trigger and the tip. */\n    sideOffset?: number;\n    /** Milliseconds of hover before the tip appears. Keyboard focus is always immediate. */\n    delay?: number;\n    /** Drive the tip from the host with `v-model:open` — an onboarding hint, say. Omit it for hover and focus alone. */\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. `content` needs no such entry: a string\n  // prop is already `undefined` when absent.\n  { open: undefined, side: \"top\", sideOffset: 6, delay: 300 },\n);\n\ndefineEmits<{ \"update:open\": [value: boolean] }>();\n</script>\n\n<template>\n  <TooltipProvider :delay-duration=\"delay\">\n    <TooltipRoot v-bind=\"optional({ open })\" @update:open=\"$emit('update:open', $event)\">\n      <!-- @slot The element the hint describes. Rendered `as-child`, so the\n           caller's own element *is* the trigger and keeps its own accessible\n           name. -->\n      <TooltipTrigger as-child>\n        <slot name=\"trigger\" />\n      </TooltipTrigger>\n\n      <TooltipPortal>\n        <TooltipContent\n          :side=\"side\"\n          :side-offset=\"sideOffset\"\n          :class=\"\n            cn(\n              'z-50 max-w-[16rem] rounded-md bg-foreground px-2 py-1 text-xs font-medium text-background shadow-md',\n              // Scoped to the open state, never unconditional. Reka's Presence\n              // keeps closed content mounted until an animationend arrives, and\n              // a mount-only animation never fires a second one — so an\n              // unconditional animation class leaves a stray tip in the page.\n              // Scoped, the closed element computes `animation-name: none` and\n              // Presence unmounts it at once.\n              //\n              // `delayed-open` rather than `open`: the animation belongs to the\n              // hover path, which the user waited for. A tip opened by keyboard\n              // focus appears instantly, because a keyboard user asked for it\n              // deliberately and has nothing to wait through.\n              'data-[state=delayed-open]:animate-scale-in',\n            )\n          \"\n          style=\"transform-origin: var(--reka-popper-transform-origin)\"\n        >\n          <!-- @slot The hint, where markup is needed. Takes precedence over\n               `content`. Nothing interactive belongs here — a tooltip cannot be\n               reached by keyboard or pointer. -->\n          <slot>{{ content }}</slot>\n          <TooltipArrow class=\"fill-foreground\" :width=\"10\" :height=\"5\" />\n        </TooltipContent>\n      </TooltipPortal>\n    </TooltipRoot>\n  </TooltipProvider>\n</template>\n"],"mappings":""}

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

@@ -1,52 +0,0 @@
-/**
- * Which edge of the trigger the tip prefers, before collision flipping. The
- * members mirror Reka's own `Side`, and the template binding is what enforces
- * that: a member Reka does not accept stops `:side="side"` type-checking.
- * Declared here rather than aliased so the generated props table prints the
- * four values instead of a name that tells the reader nothing.
- */
-export type TooltipSide = "top" | "right" | "bottom" | "left";
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
-    /** The hint text. The default slot overrides it where the hint needs markup. */
-    content?: string;
-    /** The edge of the trigger to anchor against, before collision flipping. */
-    side?: TooltipSide;
-    /** Gap in pixels between the trigger and the tip. */
-    sideOffset?: number;
-    /** Milliseconds of hover before the tip appears. Keyboard focus is always immediate. */
-    delay?: number;
-    /** Drive the tip from the host with `v-model:open` — an onboarding hint, say. Omit it for hover and focus alone. */
-    open?: boolean | undefined;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:open": (value: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<{
-    /** The hint text. The default slot overrides it where the hint needs markup. */
-    content?: string;
-    /** The edge of the trigger to anchor against, before collision flipping. */
-    side?: TooltipSide;
-    /** Gap in pixels between the trigger and the tip. */
-    sideOffset?: number;
-    /** Milliseconds of hover before the tip appears. Keyboard focus is always immediate. */
-    delay?: number;
-    /** Drive the tip from the host with `v-model:open` — an onboarding hint, say. Omit it for hover and focus alone. */
-    open?: boolean | undefined;
-}> & Readonly<{
-    "onUpdate:open"?: (value: boolean) => any;
-}>, {
-    delay: number;
-    open: boolean | undefined;
-    side: TooltipSide;
-    sideOffset: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    trigger?: (props: {}) => any;
-} & {
-    default?: (props: {}) => any;
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-//# sourceMappingURL=Tooltip.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/primitives/Tooltip/Tooltip.vue"],"names":[],"mappings":"AA8HA;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;wBACzC,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAuBd,gFAAgF;cACtE,MAAM;IAChB,4EAA4E;WACrE,WAAW;IAClB,qDAAqD;iBACxC,MAAM;IACnB,wFAAwF;YAChF,MAAM;IACd,oHAAoH;WAC7G,OAAO,GAAG,SAAS;;;;IAT1B,gFAAgF;cACtE,MAAM;IAChB,4EAA4E;WACrE,WAAW;IAClB,qDAAqD;iBACxC,MAAM;IACnB,wFAAwF;YAChF,MAAM;IACd,oHAAoH;WAC7G,OAAO,GAAG,SAAS;;;;WAFlB,MAAM;UAEP,OAAO,GAAG,SAAS;UANnB,WAAW;gBAEL,MAAM;;cA4LT,CAAC,KAAK,IAAiB,KAAK,GAAG;;cAC/B,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/Tooltip/Tooltip.vue_vue_type_script_setup_true_lang.js

@@ -1,56 +0,0 @@
-import { cn } from "../../lib/cn.js";
-import { optional } from "../../lib/props.js";
-import { createBlock, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
-import { TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger } from "reka-ui";
-//#region src/primitives/Tooltip/Tooltip.vue?vue&type=script&setup=true&lang.ts
-var Tooltip_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "Tooltip",
-	props: {
-		content: {},
-		side: { default: "top" },
-		sideOffset: { default: 6 },
-		delay: { default: 300 },
-		open: {
-			type: Boolean,
-			default: void 0
-		}
-	},
-	emits: ["update:open"],
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(TooltipProvider), { "delay-duration": __props.delay }, {
-				default: withCtx(() => [createVNode(unref(TooltipRoot), mergeProps(unref(optional)({ open: __props.open }), { "onUpdate:open": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:open", $event)) }), {
-					default: withCtx(() => [createVNode(unref(TooltipTrigger), { "as-child": "" }, {
-						default: withCtx(() => [renderSlot(_ctx.$slots, "trigger")]),
-						_: 3
-					}), createVNode(unref(TooltipPortal), null, {
-						default: withCtx(() => [createVNode(unref(TooltipContent), {
-							side: __props.side,
-							"side-offset": __props.sideOffset,
-							class: normalizeClass(unref(cn)("z-50 max-w-[16rem] rounded-md bg-foreground px-2 py-1 text-xs font-medium text-background shadow-md", "data-[state=delayed-open]:animate-scale-in")),
-							style: { "transform-origin": "var(--reka-popper-transform-origin)" }
-						}, {
-							default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.content), 1)]), createVNode(unref(TooltipArrow), {
-								class: "fill-foreground",
-								width: 10,
-								height: 5
-							})]),
-							_: 3
-						}, 8, [
-							"side",
-							"side-offset",
-							"class"
-						])]),
-						_: 3
-					})]),
-					_: 3
-				}, 16)]),
-				_: 3
-			}, 8, ["delay-duration"]);
-		};
-	}
-});
-//#endregion
-export { Tooltip_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=Tooltip.vue_vue_type_script_setup_true_lang.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/primitives/Tooltip/Tooltip.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Which edge of the trigger the tip prefers, before collision flipping. The\n * members mirror Reka's own `Side`, and the template binding is what enforces\n * that: a member Reka does not accept stops `:side=\"side\"` type-checking.\n * Declared here rather than aliased so the generated props table prints the\n * four values instead of a name that tells the reader nothing.\n */\nexport type TooltipSide = \"top\" | \"right\" | \"bottom\" | \"left\";\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  TooltipProvider,\n  TooltipRoot,\n  TooltipTrigger,\n  TooltipPortal,\n  TooltipContent,\n  TooltipArrow,\n} from \"reka-ui\";\nimport { cn } from \"../../lib/cn\";\nimport { optional } from \"../../lib/props\";\n\n/**\n * Tooltip — a short, non-interactive hint on hover or keyboard focus of its\n * trigger: the label for an icon-only button, or one terse explanation.\n *\n * A tooltip is not a small dialog, and the difference is the whole contract.\n * It never takes focus — focus stays on the trigger the entire time it is\n * shown, which is what lets a keyboard user read it and keep going. Hovering\n * the trigger or focusing it opens the tip; Esc, blur and moving the pointer\n * away close it; the page behind never stops scrolling. Nothing inside it can\n * be reached, so nothing interactive belongs inside it. The moment a hint\n * needs a link or a button, it is a `Popover`.\n *\n * It is wired as `aria-describedby`, never `aria-labelledby`: it *supplements*\n * an accessible name and must never be the only source of one. An icon-only\n * button still carries its own `aria-label` — a screen reader user who never\n * hovers would otherwise meet an unnamed button.\n *\n * The provider is bundled in so a single tooltip works with no setup. An\n * application with many can hoist one Reka `TooltipProvider` higher later,\n * which is what shares the hover delay across them.\n */\nwithDefaults(\n  defineProps<{\n    /** The hint text. The default slot overrides it where the hint needs markup. */\n    content?: string;\n    /** The edge of the trigger to anchor against, before collision flipping. */\n    side?: TooltipSide;\n    /** Gap in pixels between the trigger and the tip. */\n    sideOffset?: number;\n    /** Milliseconds of hover before the tip appears. Keyboard focus is always immediate. */\n    delay?: number;\n    /** Drive the tip from the host with `v-model:open` — an onboarding hint, say. Omit it for hover and focus alone. */\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. `content` needs no such entry: a string\n  // prop is already `undefined` when absent.\n  { open: undefined, side: \"top\", sideOffset: 6, delay: 300 },\n);\n\ndefineEmits<{ \"update:open\": [value: boolean] }>();\n</script>\n\n<template>\n  <TooltipProvider :delay-duration=\"delay\">\n    <TooltipRoot v-bind=\"optional({ open })\" @update:open=\"$emit('update:open', $event)\">\n      <!-- @slot The element the hint describes. Rendered `as-child`, so the\n           caller's own element *is* the trigger and keeps its own accessible\n           name. -->\n      <TooltipTrigger as-child>\n        <slot name=\"trigger\" />\n      </TooltipTrigger>\n\n      <TooltipPortal>\n        <TooltipContent\n          :side=\"side\"\n          :side-offset=\"sideOffset\"\n          :class=\"\n            cn(\n              'z-50 max-w-[16rem] rounded-md bg-foreground px-2 py-1 text-xs font-medium text-background shadow-md',\n              // Scoped to the open state, never unconditional. Reka's Presence\n              // keeps closed content mounted until an animationend arrives, and\n              // a mount-only animation never fires a second one — so an\n              // unconditional animation class leaves a stray tip in the page.\n              // Scoped, the closed element computes `animation-name: none` and\n              // Presence unmounts it at once.\n              //\n              // `delayed-open` rather than `open`: the animation belongs to the\n              // hover path, which the user waited for. A tip opened by keyboard\n              // focus appears instantly, because a keyboard user asked for it\n              // deliberately and has nothing to wait through.\n              'data-[state=delayed-open]:animate-scale-in',\n            )\n          \"\n          style=\"transform-origin: var(--reka-popper-transform-origin)\"\n        >\n          <!-- @slot The hint, where markup is needed. Takes precedence over\n               `content`. Nothing interactive belongs here — a tooltip cannot be\n               reached by keyboard or pointer. -->\n          <slot>{{ content }}</slot>\n          <TooltipArrow class=\"fill-foreground\" :width=\"10\" :height=\"5\" />\n        </TooltipContent>\n      </TooltipPortal>\n    </TooltipRoot>\n  </TooltipProvider>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;GAqEE,OAAA,UAAA,GAAA,YAwCkB,MAAA,eAAA,GAAA,EAxCA,kBAAgB,QAAA,MAAK,GAAA;IACrC,SAAA,cAsCc,CAtCd,YAsCc,MAAA,WAAA,GAtCd,WAAqB,MAsCP,QAAA,CAtCe,CAAA,EAAA,MAAG,QAAA,KAAI,CAAA,GAAA,EAAM,iBAAW,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,eAAgB,MAAM,GAAA,CAAA,GAAA;KAIhF,SAAA,cAEiB,CAFjB,YAEiB,MAAA,cAAA,GAAA,EAFD,YAAA,GAAQ,GAAA;MACtB,SAAA,cAAuB,CAAvB,WAAuB,KAAA,QAAA,SAAA,CAAA,CAAA;;KAGzB,CAAA,GAAA,YA6BgB,MAAA,aAAA,GAAA,MAAA;MA5Bd,SAAA,cA2BiB,CA3BjB,YA2BiB,MAAA,cAAA,GAAA;OA1Bd,MAAM,QAAA;OACN,eAAa,QAAA;OACb,OAAK,eAAe,MAAA,EAAA,CAAE,CAAA,uGAAA,4CAAA,CAAA;OAiBvB,OAAA,EAAA,oBAAA,sCAAA;;OAKA,SAAA,cAA0B,CAA1B,WAA0B,KAAA,QAAA,WAAA,CAAA,SAAA,CAAjB,gBAAA,gBAAA,QAAA,OAAO,GAAA,CAAA,CAAA,CAAA,GAChB,YAAgE,MAAA,YAAA,GAAA;QAAlD,OAAM;QAAmB,OAAO;QAAK,QAAQ"}

package/dist/primitives/WindowControls/WindowControls.js

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

package/dist/primitives/WindowControls/WindowControls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WindowControls.js","names":[],"sources":["../../../src/primitives/WindowControls/WindowControls.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * WindowControls — the minimize / maximize / close cluster for a frameless\n * (custom-chrome) window. Presentational only: it emits intents; the host wires\n * them to the platform (the desktop shell's window bridge). Windows-style layout —\n * on macOS the OS draws native traffic-lights, so hide this there.\n *\n * `platform` tells the cluster whether to render at all: on macOS the operating\n * system owns the traffic-light buttons, so a second set drawn by Loom would be\n * redundant and confusing. The host decides which platform it is on — Loom never\n * sniffs the OS at runtime, because a Tauri or Electron host already knows its\n * platform and a PWA has no native window controls to compete with.\n *\n * The close button is the one place `destructive` is allowed without a confirm:\n * OS window-close is an expected, reversible-by-reopen affordance.\n */\n\n/** The desktop platform that owns the window chrome. */\nexport type WindowPlatform = \"windows\" | \"macos\" | \"linux\";\n\n/**\n * The three buttons' accessible names. There are four, because the middle\n * button is one control in two states and a language may well name them with\n * unrelated words.\n *\n * Every glyph here is an inline SVG marked `aria-hidden`, so these names are\n * the only thing a screen reader has to go on — a missing one is not a degraded\n * label but an unnamed button.\n */\nexport interface WindowControlsLabels {\n  /** Send the window to the taskbar. */\n  readonly minimize: string;\n  /** Fill the screen. The middle button's name while the window is restored. */\n  readonly maximize: string;\n  /** Return to the previous size. The same button's name while maximized. */\n  readonly restore: string;\n  /** Close the window. */\n  readonly close: string;\n}\n\n/**\n * Loom's English, co-located with the component so it tree-shakes with it, and\n * exported so a host can build a partial vocabulary against the real thing.\n */\nexport const WINDOW_CONTROLS_LABELS: WindowControlsLabels = {\n  minimize: \"Minimize\",\n  maximize: \"Maximize\",\n  restore: \"Restore\",\n  close: \"Close\",\n};\n</script>\n\n<script setup lang=\"ts\">\nimport { useLabels, type LabelOverrides } from \"../../lib/labels\";\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * The desktop platform the window is running on. On macOS the OS draws its\n     * own traffic-light buttons, so this cluster renders nothing there. The host\n     * decides — Loom does not sniff the OS, because the host already knows its\n     * platform and a PWA has no native controls to avoid.\n     */\n    platform?: WindowPlatform;\n    /** Swaps the middle button between its Maximize and Restore glyph and label. */\n    isMaximized?: boolean;\n    /**\n     * Names for the three buttons, as any subset of `WindowControlsLabels` —\n     * the rest stay as the host's `provideLoomLabels` vocabulary left them, and\n     * then as Loom's English.\n     *\n     * This took a whole object before the seam existed, which meant a host that\n     * wanted one word in their own language had to restate the other three in\n     * English and keep them in step by hand.\n     */\n    labels?: LabelOverrides<WindowControlsLabels>;\n  }>(),\n  { platform: \"windows\", isMaximized: false },\n);\n\nconst emit = defineEmits<{\n  (e: \"minimize\"): void;\n  (e: \"maximize\"): void;\n  (e: \"close\"): void;\n}>();\n\n// `text`, not `labels`: the prop of that name is one of the three sources this\n// resolves, and a template reading the raw prop would be reading the overrides\n// rather than the answer.\nconst text = useLabels(\"windowControls\", WINDOW_CONTROLS_LABELS, () => props.labels);\n</script>\n\n<template>\n  <!-- On macOS the OS owns the traffic-light buttons; rendering a second set\n       would be redundant. The host can also choose \"linux\" if their desktop\n       environment handles window buttons natively. -->\n  <div\n    v-if=\"platform !== 'macos'\"\n    class=\"flex h-full items-stretch\"\n    style=\"-webkit-app-region: no-drag\"\n  >\n    <button\n      type=\"button\"\n      class=\"flex w-11 items-center justify-center text-muted-foreground transition-colors duration-fast ease-out hover:bg-subtle hover:text-foreground active:brightness-90 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring\"\n      :aria-label=\"text.minimize\"\n      data-testid=\"win-minimize\"\n      @click=\"emit('minimize')\"\n    >\n      <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" aria-hidden=\"true\">\n        <rect y=\"4.5\" width=\"10\" height=\"1\" fill=\"currentColor\" />\n      </svg>\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"flex w-11 items-center justify-center text-muted-foreground transition-colors duration-fast ease-out hover:bg-subtle hover:text-foreground active:brightness-90 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring\"\n      :aria-label=\"isMaximized ? text.restore : text.maximize\"\n      data-testid=\"win-maximize\"\n      @click=\"emit('maximize')\"\n    >\n      <svg v-if=\"!isMaximized\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" aria-hidden=\"true\">\n        <rect x=\"0.5\" y=\"0.5\" width=\"9\" height=\"9\" fill=\"none\" stroke=\"currentColor\" />\n      </svg>\n      <svg v-else width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" aria-hidden=\"true\">\n        <rect x=\"0.5\" y=\"2.5\" width=\"7\" height=\"7\" fill=\"none\" stroke=\"currentColor\" />\n        <path d=\"M2.5 2.5 V0.5 H9.5 V7.5 H7.5\" fill=\"none\" stroke=\"currentColor\" />\n      </svg>\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"flex w-11 items-center justify-center text-muted-foreground transition-colors duration-fast ease-out hover:bg-destructive hover:text-destructive-foreground active:brightness-90 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring\"\n      :aria-label=\"text.close\"\n      data-testid=\"win-close\"\n      @click=\"emit('close')\"\n    >\n      <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" aria-hidden=\"true\">\n        <path d=\"M0 0 L10 10 M10 0 L0 10\" stroke=\"currentColor\" />\n      </svg>\n    </button>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -1,97 +0,0 @@
-import { type LabelOverrides } from "../../lib/labels";
-/**
- * WindowControls — the minimize / maximize / close cluster for a frameless
- * (custom-chrome) window. Presentational only: it emits intents; the host wires
- * them to the platform (the desktop shell's window bridge). Windows-style layout —
- * on macOS the OS draws native traffic-lights, so hide this there.
- *
- * `platform` tells the cluster whether to render at all: on macOS the operating
- * system owns the traffic-light buttons, so a second set drawn by Loom would be
- * redundant and confusing. The host decides which platform it is on — Loom never
- * sniffs the OS at runtime, because a Tauri or Electron host already knows its
- * platform and a PWA has no native window controls to compete with.
- *
- * The close button is the one place `destructive` is allowed without a confirm:
- * OS window-close is an expected, reversible-by-reopen affordance.
- */
-/** The desktop platform that owns the window chrome. */
-export type WindowPlatform = "windows" | "macos" | "linux";
-/**
- * The three buttons' accessible names. There are four, because the middle
- * button is one control in two states and a language may well name them with
- * unrelated words.
- *
- * Every glyph here is an inline SVG marked `aria-hidden`, so these names are
- * the only thing a screen reader has to go on — a missing one is not a degraded
- * label but an unnamed button.
- */
-export interface WindowControlsLabels {
-    /** Send the window to the taskbar. */
-    readonly minimize: string;
-    /** Fill the screen. The middle button's name while the window is restored. */
-    readonly maximize: string;
-    /** Return to the previous size. The same button's name while maximized. */
-    readonly restore: string;
-    /** Close the window. */
-    readonly close: string;
-}
-/**
- * Loom's English, co-located with the component so it tree-shakes with it, and
- * exported so a host can build a partial vocabulary against the real thing.
- */
-export declare const WINDOW_CONTROLS_LABELS: WindowControlsLabels;
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{
-    /**
-     * The desktop platform the window is running on. On macOS the OS draws its
-     * own traffic-light buttons, so this cluster renders nothing there. The host
-     * decides — Loom does not sniff the OS, because the host already knows its
-     * platform and a PWA has no native controls to avoid.
-     */
-    platform?: WindowPlatform;
-    /** Swaps the middle button between its Maximize and Restore glyph and label. */
-    isMaximized?: boolean;
-    /**
-     * Names for the three buttons, as any subset of `WindowControlsLabels` —
-     * the rest stay as the host's `provideLoomLabels` vocabulary left them, and
-     * then as Loom's English.
-     *
-     * This took a whole object before the seam existed, which meant a host that
-     * wanted one word in their own language had to restate the other three in
-     * English and keep them in step by hand.
-     */
-    labels?: LabelOverrides<WindowControlsLabels>;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    close: () => any;
-    minimize: () => any;
-    maximize: () => any;
-}, string, import("vue").PublicProps, Readonly<{
-    /**
-     * The desktop platform the window is running on. On macOS the OS draws its
-     * own traffic-light buttons, so this cluster renders nothing there. The host
-     * decides — Loom does not sniff the OS, because the host already knows its
-     * platform and a PWA has no native controls to avoid.
-     */
-    platform?: WindowPlatform;
-    /** Swaps the middle button between its Maximize and Restore glyph and label. */
-    isMaximized?: boolean;
-    /**
-     * Names for the three buttons, as any subset of `WindowControlsLabels` —
-     * the rest stay as the host's `provideLoomLabels` vocabulary left them, and
-     * then as Loom's English.
-     *
-     * This took a whole object before the seam existed, which meant a host that
-     * wanted one word in their own language had to restate the other three in
-     * English and keep them in step by hand.
-     */
-    labels?: LabelOverrides<WindowControlsLabels>;
-}> & Readonly<{
-    onClose?: () => any;
-    onMinimize?: () => any;
-    onMaximize?: () => any;
-}>, {
-    platform: WindowPlatform;
-    isMaximized: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-//# sourceMappingURL=WindowControls.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"WindowControls.vue.d.ts","sourceRoot":"","sources":["../../../src/primitives/WindowControls/WindowControls.vue"],"names":[],"mappings":"AAiJA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlE;;;;;;;;;;;;;;GAcG;AAEH,wDAAwD;AACxD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAE3D;;;;;;;;GAQG;AACH,MAAM,WAAW,oBAAoB;IACnC,sCAAsC;IACtC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,8EAA8E;IAC9E,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,2EAA2E;IAC3E,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,wBAAwB;IACxB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,oBAKpC,CAAC;wBACmB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd;;;;;OAKG;eACQ,cAAc;IACzB,gFAAgF;kBAClE,OAAO;IACrB;;;;;;;;OAQG;aACM,cAAc,CAAC,oBAAoB,CAAC;;;;;;IAlB7C;;;;;OAKG;eACQ,cAAc;IACzB,gFAAgF;kBAClE,OAAO;IACrB;;;;;;;;OAQG;aACM,cAAc,CAAC,oBAAoB,CAAC;;;;;;cAZlC,cAAc;iBAEX,OAAO;6EA6MrB,CAAC"}

package/dist/primitives/WindowControls/WindowControls.vue_vue_type_script_setup_true_lang.js

@@ -1,121 +0,0 @@
-import { useLabels } from "../../lib/labels.js";
-import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, unref } from "vue";
-//#region src/primitives/WindowControls/WindowControls.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
-	key: 0,
-	class: "flex h-full items-stretch",
-	style: { "-webkit-app-region": "no-drag" }
-};
-var _hoisted_2 = ["aria-label"];
-var _hoisted_3 = ["aria-label"];
-var _hoisted_4 = {
-	key: 0,
-	width: "10",
-	height: "10",
-	viewBox: "0 0 10 10",
-	"aria-hidden": "true"
-};
-var _hoisted_5 = {
-	key: 1,
-	width: "10",
-	height: "10",
-	viewBox: "0 0 10 10",
-	"aria-hidden": "true"
-};
-var _hoisted_6 = ["aria-label"];
-/**
-* Loom's English, co-located with the component so it tree-shakes with it, and
-* exported so a host can build a partial vocabulary against the real thing.
-*/
-var WINDOW_CONTROLS_LABELS = {
-	minimize: "Minimize",
-	maximize: "Maximize",
-	restore: "Restore",
-	close: "Close"
-};
-var WindowControls_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "WindowControls",
-	props: {
-		platform: { default: "windows" },
-		isMaximized: {
-			type: Boolean,
-			default: false
-		},
-		labels: {}
-	},
-	emits: [
-		"minimize",
-		"maximize",
-		"close"
-	],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const text = useLabels("windowControls", WINDOW_CONTROLS_LABELS, () => props.labels);
-		return (_ctx, _cache) => {
-			return __props.platform !== "macos" ? (openBlock(), createElementBlock("div", _hoisted_1, [
-				createElementVNode("button", {
-					type: "button",
-					class: "flex w-11 items-center justify-center text-muted-foreground transition-colors duration-fast ease-out hover:bg-subtle hover:text-foreground active:brightness-90 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring",
-					"aria-label": unref(text).minimize,
-					"data-testid": "win-minimize",
-					onClick: _cache[0] || (_cache[0] = ($event) => emit("minimize"))
-				}, [..._cache[3] || (_cache[3] = [createElementVNode("svg", {
-					width: "10",
-					height: "10",
-					viewBox: "0 0 10 10",
-					"aria-hidden": "true"
-				}, [createElementVNode("rect", {
-					y: "4.5",
-					width: "10",
-					height: "1",
-					fill: "currentColor"
-				})], -1)])], 8, _hoisted_2),
-				createElementVNode("button", {
-					type: "button",
-					class: "flex w-11 items-center justify-center text-muted-foreground transition-colors duration-fast ease-out hover:bg-subtle hover:text-foreground active:brightness-90 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring",
-					"aria-label": __props.isMaximized ? unref(text).restore : unref(text).maximize,
-					"data-testid": "win-maximize",
-					onClick: _cache[1] || (_cache[1] = ($event) => emit("maximize"))
-				}, [!__props.isMaximized ? (openBlock(), createElementBlock("svg", _hoisted_4, [..._cache[4] || (_cache[4] = [createElementVNode("rect", {
-					x: "0.5",
-					y: "0.5",
-					width: "9",
-					height: "9",
-					fill: "none",
-					stroke: "currentColor"
-				}, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_5, [..._cache[5] || (_cache[5] = [createElementVNode("rect", {
-					x: "0.5",
-					y: "2.5",
-					width: "7",
-					height: "7",
-					fill: "none",
-					stroke: "currentColor"
-				}, null, -1), createElementVNode("path", {
-					d: "M2.5 2.5 V0.5 H9.5 V7.5 H7.5",
-					fill: "none",
-					stroke: "currentColor"
-				}, null, -1)])]))], 8, _hoisted_3),
-				createElementVNode("button", {
-					type: "button",
-					class: "flex w-11 items-center justify-center text-muted-foreground transition-colors duration-fast ease-out hover:bg-destructive hover:text-destructive-foreground active:brightness-90 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring",
-					"aria-label": unref(text).close,
-					"data-testid": "win-close",
-					onClick: _cache[2] || (_cache[2] = ($event) => emit("close"))
-				}, [..._cache[6] || (_cache[6] = [createElementVNode("svg", {
-					width: "10",
-					height: "10",
-					viewBox: "0 0 10 10",
-					"aria-hidden": "true"
-				}, [createElementVNode("path", {
-					d: "M0 0 L10 10 M10 0 L0 10",
-					stroke: "currentColor"
-				})], -1)])], 8, _hoisted_6)
-			])) : createCommentVNode("", true);
-		};
-	}
-});
-//#endregion
-export { WINDOW_CONTROLS_LABELS, WindowControls_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=WindowControls.vue_vue_type_script_setup_true_lang.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"WindowControls.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/primitives/WindowControls/WindowControls.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * WindowControls — the minimize / maximize / close cluster for a frameless\n * (custom-chrome) window. Presentational only: it emits intents; the host wires\n * them to the platform (the desktop shell's window bridge). Windows-style layout —\n * on macOS the OS draws native traffic-lights, so hide this there.\n *\n * `platform` tells the cluster whether to render at all: on macOS the operating\n * system owns the traffic-light buttons, so a second set drawn by Loom would be\n * redundant and confusing. The host decides which platform it is on — Loom never\n * sniffs the OS at runtime, because a Tauri or Electron host already knows its\n * platform and a PWA has no native window controls to compete with.\n *\n * The close button is the one place `destructive` is allowed without a confirm:\n * OS window-close is an expected, reversible-by-reopen affordance.\n */\n\n/** The desktop platform that owns the window chrome. */\nexport type WindowPlatform = \"windows\" | \"macos\" | \"linux\";\n\n/**\n * The three buttons' accessible names. There are four, because the middle\n * button is one control in two states and a language may well name them with\n * unrelated words.\n *\n * Every glyph here is an inline SVG marked `aria-hidden`, so these names are\n * the only thing a screen reader has to go on — a missing one is not a degraded\n * label but an unnamed button.\n */\nexport interface WindowControlsLabels {\n  /** Send the window to the taskbar. */\n  readonly minimize: string;\n  /** Fill the screen. The middle button's name while the window is restored. */\n  readonly maximize: string;\n  /** Return to the previous size. The same button's name while maximized. */\n  readonly restore: string;\n  /** Close the window. */\n  readonly close: string;\n}\n\n/**\n * Loom's English, co-located with the component so it tree-shakes with it, and\n * exported so a host can build a partial vocabulary against the real thing.\n */\nexport const WINDOW_CONTROLS_LABELS: WindowControlsLabels = {\n  minimize: \"Minimize\",\n  maximize: \"Maximize\",\n  restore: \"Restore\",\n  close: \"Close\",\n};\n</script>\n\n<script setup lang=\"ts\">\nimport { useLabels, type LabelOverrides } from \"../../lib/labels\";\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * The desktop platform the window is running on. On macOS the OS draws its\n     * own traffic-light buttons, so this cluster renders nothing there. The host\n     * decides — Loom does not sniff the OS, because the host already knows its\n     * platform and a PWA has no native controls to avoid.\n     */\n    platform?: WindowPlatform;\n    /** Swaps the middle button between its Maximize and Restore glyph and label. */\n    isMaximized?: boolean;\n    /**\n     * Names for the three buttons, as any subset of `WindowControlsLabels` —\n     * the rest stay as the host's `provideLoomLabels` vocabulary left them, and\n     * then as Loom's English.\n     *\n     * This took a whole object before the seam existed, which meant a host that\n     * wanted one word in their own language had to restate the other three in\n     * English and keep them in step by hand.\n     */\n    labels?: LabelOverrides<WindowControlsLabels>;\n  }>(),\n  { platform: \"windows\", isMaximized: false },\n);\n\nconst emit = defineEmits<{\n  (e: \"minimize\"): void;\n  (e: \"maximize\"): void;\n  (e: \"close\"): void;\n}>();\n\n// `text`, not `labels`: the prop of that name is one of the three sources this\n// resolves, and a template reading the raw prop would be reading the overrides\n// rather than the answer.\nconst text = useLabels(\"windowControls\", WINDOW_CONTROLS_LABELS, () => props.labels);\n</script>\n\n<template>\n  <!-- On macOS the OS owns the traffic-light buttons; rendering a second set\n       would be redundant. The host can also choose \"linux\" if their desktop\n       environment handles window buttons natively. -->\n  <div\n    v-if=\"platform !== 'macos'\"\n    class=\"flex h-full items-stretch\"\n    style=\"-webkit-app-region: no-drag\"\n  >\n    <button\n      type=\"button\"\n      class=\"flex w-11 items-center justify-center text-muted-foreground transition-colors duration-fast ease-out hover:bg-subtle hover:text-foreground active:brightness-90 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring\"\n      :aria-label=\"text.minimize\"\n      data-testid=\"win-minimize\"\n      @click=\"emit('minimize')\"\n    >\n      <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" aria-hidden=\"true\">\n        <rect y=\"4.5\" width=\"10\" height=\"1\" fill=\"currentColor\" />\n      </svg>\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"flex w-11 items-center justify-center text-muted-foreground transition-colors duration-fast ease-out hover:bg-subtle hover:text-foreground active:brightness-90 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring\"\n      :aria-label=\"isMaximized ? text.restore : text.maximize\"\n      data-testid=\"win-maximize\"\n      @click=\"emit('maximize')\"\n    >\n      <svg v-if=\"!isMaximized\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" aria-hidden=\"true\">\n        <rect x=\"0.5\" y=\"0.5\" width=\"9\" height=\"9\" fill=\"none\" stroke=\"currentColor\" />\n      </svg>\n      <svg v-else width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" aria-hidden=\"true\">\n        <rect x=\"0.5\" y=\"2.5\" width=\"7\" height=\"7\" fill=\"none\" stroke=\"currentColor\" />\n        <path d=\"M2.5 2.5 V0.5 H9.5 V7.5 H7.5\" fill=\"none\" stroke=\"currentColor\" />\n      </svg>\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"flex w-11 items-center justify-center text-muted-foreground transition-colors duration-fast ease-out hover:bg-destructive hover:text-destructive-foreground active:brightness-90 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring\"\n      :aria-label=\"text.close\"\n      data-testid=\"win-close\"\n      @click=\"emit('close')\"\n    >\n      <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" aria-hidden=\"true\">\n        <path d=\"M0 0 L10 10 M10 0 L0 10\" stroke=\"currentColor\" />\n      </svg>\n    </button>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,IAAa,yBAA+C;CAC1D,UAAU;CACV,UAAU;CACV,SAAS;CACT,OAAO;AACT;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAyBd,MAAM,OAAO;EASb,MAAM,OAAO,UAAU,kBAAkB,8BAA8B,MAAM,MAAM;;GAQzE,OAAA,QAAA,aAAQ,WADhB,UAAA,GAAA,mBA4CM,OA5CN,YA4CM;IAvCJ,mBAUS,UAAA;KATP,MAAK;KACL,OAAM;KACL,cAAY,MAAA,IAAA,CAAI,CAAC;KAClB,eAAY;KACX,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAA;IAEZ,GAAA,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,mBAEM,OAAA;KAFD,OAAM;KAAK,QAAO;KAAK,SAAQ;KAAY,eAAY;IAC1D,GAAA,CAAA,mBAA0D,QAAA;KAApD,GAAE;KAAM,OAAM;KAAK,QAAO;KAAI,MAAK;;IAI7C,mBAcS,UAAA;KAbP,MAAK;KACL,OAAM;KACL,cAAY,QAAA,cAAc,MAAA,IAAA,CAAI,CAAC,UAAU,MAAA,IAAA,CAAI,CAAC;KAC/C,eAAY;KACX,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAA;IAEA,GAAA,CAAA,CAAA,QAAA,eAAZ,UAAA,GAAA,mBAEM,OAFN,YAEM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CADJ,mBAA+E,QAAA;KAAzE,GAAE;KAAM,GAAE;KAAM,OAAM;KAAI,QAAO;KAAI,MAAK;KAAO,QAAO;IAEhE,GAAA,MAAA,EAAA,CAAA,EAAA,CAAA,MAAA,UAAA,GAAA,mBAGM,OAHN,YAGM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAFJ,mBAA+E,QAAA;KAAzE,GAAE;KAAM,GAAE;KAAM,OAAM;KAAI,QAAO;KAAI,MAAK;KAAO,QAAO;IAC9D,GAAA,MAAA,EAAA,GAAA,mBAA2E,QAAA;KAArE,GAAE;KAA+B,MAAK;KAAO,QAAO;;IAI9D,mBAUS,UAAA;KATP,MAAK;KACL,OAAM;KACL,cAAY,MAAA,IAAA,CAAI,CAAC;KAClB,eAAY;KACX,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,OAAA;IAEZ,GAAA,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,mBAEM,OAAA;KAFD,OAAM;KAAK,QAAO;KAAK,SAAQ;KAAY,eAAY;IAC1D,GAAA,CAAA,mBAA0D,QAAA;KAApD,GAAE;KAA0B,QAAO"}