@alfakit/vue 0.0.0-stage → 0.1.0

package/dist/components/tree/TreeView.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,276 @@
+import { useActionRunner as e, useDirection as t, useT as n } from "../../context.js";
+import { usePageActionContext as r } from "../actions/action-context.js";
+import { cn as i } from "../../lib/utils.js";
+import { useStore as ee } from "../../composables/use-store.js";
+import te from "../../lib/Icon.js";
+import a from "../ui/Button2.js";
+import ne from "../actions/ActionList.js";
+import { showToast as o } from "../notifications/flash-toasts.js";
+import re from "../ui/Card.js";
+import ie from "../ui/CardContent.js";
+import s from "../ui/CardHeader.js";
+import ae from "../ui/CardTitle.js";
+import { TreeController as oe, clientErrorNotification as se, visibleTreeRows as ce } from "@alfakit/core";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, nextTick as le, normalizeClass as _, normalizeStyle as ue, openBlock as v, ref as y, renderList as b, toDisplayString as x, toRaw as S, unref as C, useId as de, watch as fe, withCtx as w } from "vue";
+import { ArrowDownIcon as pe, ArrowUpIcon as T, ChevronRightIcon as E, ChevronsDownUpIcon as D, ChevronsUpDownIcon as O, GripVerticalIcon as k, ListIndentDecreaseIcon as A, ListIndentIncreaseIcon as j } from "@lucide/vue";
+//#region src/components/tree/TreeView.vue?vue&type=script&setup=true&lang.ts
+var M = { class: "flex flex-wrap items-center justify-between gap-2" }, N = ["id"], P = { class: "ms-auto flex flex-wrap items-center gap-1" }, F = {
+	key: 0,
+	class: "text-muted-foreground text-sm"
+}, I = {
+	key: 0,
+	class: "text-muted-foreground py-6 text-center text-sm"
+}, L = ["aria-labelledby"], R = [
+	"aria-level",
+	"aria-setsize",
+	"aria-posinset",
+	"aria-expanded",
+	"aria-selected",
+	"aria-label",
+	"tabindex",
+	"data-key",
+	"data-drop",
+	"data-dragging",
+	"draggable",
+	"onFocus",
+	"onKeydown",
+	"onDragstart",
+	"onDragover",
+	"onDragleave",
+	"onDrop"
+], z = {
+	key: 2,
+	class: "size-6 shrink-0",
+	"aria-hidden": "true"
+}, B = { class: "min-w-0 flex-1 truncate text-sm font-medium" }, me = {
+	key: 4,
+	class: "flex shrink-0 items-center",
+	"data-slot": "tree-move-buttons"
+}, he = {
+	class: "sr-only",
+	role: "status",
+	"aria-live": "polite"
+}, ge = "application/x-alfakit-tree-node", V = /*@__PURE__*/ g({
+	__name: "TreeView",
+	props: { tree: {} },
+	setup(g) {
+		let V = g, _e = e(), H = r(), U = n(), ve = t(), W = de(), G = new oe(S(V.tree), {
+			runner: _e,
+			token: H.token,
+			t: U,
+			notify: (e) => e.forEach((e) => o(e)),
+			error: (e) => o(se("tree", e))
+		}), K = ee(G.store), q = l(() => ce(K.value.nodes, K.value.expanded)), ye = l(() => K.value.nodes.some((e) => e.children.length > 0)), J = y(null), Y = y(null), X = /* @__PURE__ */ new Map(), Z = l(() => J.value !== null && q.value.some((e) => e.node.key === J.value) ? J.value : q.value[0]?.node.key ?? null);
+		fe(() => V.tree, (e) => G.setTree(S(e)));
+		let be = (e) => (t) => {
+			t instanceof HTMLElement ? X.set(e, t) : X.delete(e);
+		}, xe = (e) => {
+			e && (J.value = e, le(() => X.get(e)?.focus()));
+		}, Se = (e, t) => {
+			if (t.target !== t.currentTarget) return;
+			let n = G.handleKey(e.node.key, t, ve.value);
+			n.handled && (t.preventDefault(), xe(n.focus));
+		}, Q = (e) => {
+			let t = e.currentTarget.getBoundingClientRect(), n = t.height > 0 ? (e.clientY - t.top) / t.height : .5;
+			return n < .25 ? "before" : n > .75 ? "after" : "inside";
+		}, Ce = (e, t) => {
+			t.dataTransfer && (t.dataTransfer.effectAllowed = "move", t.dataTransfer.setData(ge, e)), G.startDrag(e);
+		}, $ = () => {
+			G.endDrag(), Y.value = null;
+		}, we = (e, t) => {
+			let n = G.state.dragging;
+			if (!n) return;
+			let r = Q(t);
+			G.canDrop(n, e, r) ? (t.preventDefault(), t.dataTransfer && (t.dataTransfer.dropEffect = "move"), Y.value = {
+				key: e,
+				position: r
+			}) : Y.value?.key === e && (Y.value = null);
+		}, Te = (e, t) => {
+			!t.currentTarget.contains(t.relatedTarget) && Y.value?.key === e && (Y.value = null);
+		}, Ee = (e, t) => {
+			t.preventDefault();
+			let n = G.state.dragging;
+			n && G.drop(n, e, Q(t)), $();
+		};
+		return (e, t) => (v(), u(re, {
+			class: "gap-4 py-4",
+			"data-slot": "tree-widget"
+		}, {
+			default: w(() => [h(s, { class: "px-5" }, {
+				default: w(() => [p("div", M, [V.tree.heading ? (v(), u(ae, {
+					key: 0,
+					id: C(W),
+					class: "text-base"
+				}, {
+					default: w(() => [m(x(V.tree.heading), 1)]),
+					_: 1
+				}, 8, ["id"])) : (v(), f("span", {
+					key: 1,
+					id: C(W),
+					class: "sr-only"
+				}, x(C(U)("tree.label", {}, "Tree")), 9, N)), p("div", P, [ye.value ? (v(), f(c, { key: 0 }, [h(a, {
+					type: "button",
+					variant: "ghost",
+					size: "sm",
+					onClick: t[0] ||= (e) => C(G).expandAll()
+				}, {
+					default: w(() => [h(C(O), { "aria-hidden": "true" }), m(" " + x(C(U)("tree.expand_all", {}, "Expand all")), 1)]),
+					_: 1
+				}), h(a, {
+					type: "button",
+					variant: "ghost",
+					size: "sm",
+					onClick: t[1] ||= (e) => C(G).collapseAll()
+				}, {
+					default: w(() => [h(C(D), { "aria-hidden": "true" }), m(" " + x(C(U)("tree.collapse_all", {}, "Collapse all")), 1)]),
+					_: 1
+				})], 64)) : d("", !0), C(K).dirty ? (v(), f(c, { key: 1 }, [h(a, {
+					type: "button",
+					variant: "outline",
+					size: "sm",
+					disabled: C(K).saving,
+					onClick: t[2] ||= (e) => C(G).reset()
+				}, {
+					default: w(() => [m(x(C(U)("tree.discard", {}, "Discard changes")), 1)]),
+					_: 1
+				}, 8, ["disabled"]), h(a, {
+					type: "button",
+					size: "sm",
+					disabled: C(K).saving,
+					onClick: t[3] ||= (e) => C(G).save()
+				}, {
+					default: w(() => [m(x(C(K).saving ? C(U)("tree.saving", {}, "Saving…") : C(U)("tree.save", {}, "Save order")), 1)]),
+					_: 1
+				}, 8, ["disabled"])], 64)) : d("", !0)])]), C(K).dirty ? (v(), f("p", F, x(C(U)("tree.unsaved", {}, "You have unsaved changes to the order.")), 1)) : d("", !0)]),
+				_: 1
+			}), h(ie, { class: "px-5" }, {
+				default: w(() => [q.value.length === 0 ? (v(), f("p", I, x(C(U)("tree.empty", {}, "No records yet")), 1)) : (v(), f("ul", {
+					key: 1,
+					role: "tree",
+					"aria-labelledby": C(W),
+					class: "flex flex-col gap-1",
+					"data-slot": "tree"
+				}, [(v(!0), f(c, null, b(q.value, (e) => (v(), f("li", {
+					key: e.node.key,
+					ref_for: !0,
+					ref: be(e.node.key),
+					role: "treeitem",
+					"aria-level": e.level,
+					"aria-setsize": e.siblings,
+					"aria-posinset": e.index + 1,
+					"aria-expanded": e.hasChildren ? e.expanded : void 0,
+					"aria-selected": Z.value === e.node.key,
+					"aria-label": e.node.title,
+					tabindex: Z.value === e.node.key ? 0 : -1,
+					"data-slot": "tree-item",
+					"data-key": e.node.key,
+					"data-drop": Y.value?.key === e.node.key ? Y.value.position : void 0,
+					"data-dragging": C(K).dragging === e.node.key ? "" : void 0,
+					draggable: V.tree.reorderable,
+					class: _(C(i)("hover:bg-accent/50 focus-visible:ring-ring/50 flex items-center gap-2 rounded-md border px-2 py-1.5 outline-none focus-visible:ring-[3px]", C(K).dragging === e.node.key && "opacity-50")),
+					style: ue({ marginInlineStart: `${(e.level - 1) * 1.5}rem` }),
+					onFocus: (t) => t.target === t.currentTarget && (J.value = e.node.key),
+					onKeydown: (t) => Se(e, t),
+					onDragstart: (t) => Ce(e.node.key, t),
+					onDragend: $,
+					onDragover: (t) => we(e.node.key, t),
+					onDragleave: (t) => Te(e.node.key, t),
+					onDrop: (t) => Ee(e.node.key, t)
+				}, [
+					V.tree.reorderable ? (v(), u(C(k), {
+						key: 0,
+						class: "text-muted-foreground size-4 shrink-0 cursor-grab",
+						"aria-hidden": "true"
+					})) : d("", !0),
+					e.hasChildren ? (v(), u(a, {
+						key: 1,
+						type: "button",
+						variant: "ghost",
+						size: "icon-xs",
+						tabindex: -1,
+						"aria-label": e.expanded ? C(U)("tree.collapse", { title: e.node.title }, "Collapse :title") : C(U)("tree.expand", { title: e.node.title }, "Expand :title"),
+						onClick: (t) => C(G).toggle(e.node.key)
+					}, {
+						default: w(() => [h(C(E), {
+							class: _(C(i)("transition-transform rtl:rotate-180", e.expanded && "rotate-90 rtl:rotate-90")),
+							"aria-hidden": "true"
+						}, null, 8, ["class"])]),
+						_: 2
+					}, 1032, ["aria-label", "onClick"])) : (v(), f("span", z)),
+					e.node.icon ? (v(), u(C(te), {
+						key: 3,
+						name: e.node.icon,
+						class: "text-muted-foreground size-4 shrink-0"
+					}, null, 8, ["name"])) : d("", !0),
+					p("span", B, x(e.node.title), 1),
+					V.tree.reorderable ? (v(), f("div", me, [(v(!0), f(c, null, b([
+						{
+							name: "up",
+							label: C(U)("tree.move_up", { title: e.node.title }, "Move :title up")
+						},
+						{
+							name: "down",
+							label: C(U)("tree.move_down", { title: e.node.title }, "Move :title down")
+						},
+						{
+							name: "outdent",
+							label: C(U)("tree.outdent", { title: e.node.title }, "Move :title out of its parent")
+						},
+						{
+							name: "indent",
+							label: C(U)("tree.indent", { title: e.node.title }, "Move :title into the item above")
+						}
+					], (t) => (v(), u(a, {
+						key: t.name,
+						type: "button",
+						variant: "ghost",
+						size: "icon-xs",
+						"aria-label": t.label,
+						title: t.label,
+						disabled: !C(G).canMove(e.node.key, t.name),
+						onClick: (n) => C(G).move(e.node.key, t.name)
+					}, {
+						default: w(() => [t.name === "up" ? (v(), u(C(T), {
+							key: 0,
+							"aria-hidden": "true"
+						})) : t.name === "down" ? (v(), u(C(pe), {
+							key: 1,
+							"aria-hidden": "true"
+						})) : t.name === "outdent" ? (v(), u(C(A), {
+							key: 2,
+							class: "rtl:rotate-180",
+							"aria-hidden": "true"
+						})) : (v(), u(C(j), {
+							key: 3,
+							class: "rtl:rotate-180",
+							"aria-hidden": "true"
+						}))]),
+						_: 2
+					}, 1032, [
+						"aria-label",
+						"title",
+						"disabled",
+						"onClick"
+					]))), 128))])) : d("", !0),
+					e.node.actions?.length ? (v(), u(ne, {
+						key: 5,
+						actions: e.node.actions,
+						context: {
+							token: C(H).token,
+							component: V.tree.actionComponent,
+							record: e.node.key
+						},
+						size: "xs",
+						class: "shrink-0 gap-1"
+					}, null, 8, ["actions", "context"])) : d("", !0)
+				], 46, R))), 128))], 8, L)), p("div", he, x(C(K).announcement), 1)]),
+				_: 1
+			})]),
+			_: 1
+		}));
+	}
+});
+//#endregion
+export { V as default };
+
+//# sourceMappingURL=TreeView.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/tree/TreeView.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeView.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Card","_withCtx","_createVNode","CardHeader","_createElementVNode","CardTitle","_unref","_createTextVNode","_toDisplayString","_createElementBlock","_Fragment","Button","_createCommentVNode","CardContent","_renderList","_normalizeClass","_normalizeStyle","Icon","ActionList","Icon_default","Button_default","ActionList_default","Card_default","CardContent_default","CardHeader_default","CardTitle_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","DRAG_TYPE","TreeView_vue_vue_type_script_setup_true_lang_default","props","__props","runner","useActionRunner","page","usePageActionContext","t","useT","direction","useDirection","labelId","useId","controller","TreeController","toRaw","notifications","showToast","notification","clientErrorNotification","message","state","useStore","rows","computed","visibleTreeRows","hasParents","node","focused","ref","drop","items","current","row","tree","setItem","element","key","focus","nextTick","onKeyDown","event","result","position","box","offset","onDragStart","onDragEnd","onDragOver","dragging","at","onDragLeave","onDrop","openBlock","createBlock","withCtx","createVNode","createElementVNode","unref","createTextVNode","toDisplayString","createElementBlock","Fragment","_cache","ChevronsUpDownIcon","ChevronsDownUpIcon","createCommentVNode","renderList","normalizeClass","cn","normalizeStyle","$event","GripVerticalIcon","ChevronRightIcon","move","ArrowUpIcon","ArrowDownIcon","ListIndentDecreaseIcon","ListIndentIncreaseIcon"],"sources":["../../../src/components/tree/TreeView.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { TreeDropPosition, TreeEnvironment, TreeRow, TreeSchema } from '@alfakit/core'\nimport { TreeController, clientErrorNotification, visibleTreeRows } from '@alfakit/core'\nimport {\n  ArrowDownIcon,\n  ArrowUpIcon,\n  ChevronRightIcon,\n  ChevronsDownUpIcon,\n  ChevronsUpDownIcon,\n  GripVerticalIcon,\n  ListIndentDecreaseIcon,\n  ListIndentIncreaseIcon,\n} from '@lucide/vue'\nimport { computed, nextTick, ref, toRaw, useId, watch } from 'vue'\nimport { useActionRunner, useDirection, useT } from '../../context'\nimport { useStore } from '../../composables/use-store'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport { usePageActionContext } from '../actions/action-context'\nimport ActionList from '../actions/ActionList.vue'\nimport { showToast } from '../notifications/flash-toasts'\nimport Button from '../ui/Button.vue'\nimport Card from '../ui/Card.vue'\nimport CardContent from '../ui/CardContent.vue'\nimport CardHeader from '../ui/CardHeader.vue'\nimport CardTitle from '../ui/CardTitle.vue'\n\n/**\n * Nodes are rearranged with native drag and drop, the move buttons or Alt + arrow keys,\n * and the new structure is saved in one request.\n */\nconst props = defineProps<{ tree: TreeSchema }>()\n\nconst DRAG_TYPE = 'application/x-alfakit-tree-node'\nconst runner = useActionRunner()\nconst page = usePageActionContext()\nconst t = useT()\nconst direction = useDirection()\nconst labelId = useId()\n\nconst environment = (): TreeEnvironment => ({\n  runner,\n  token: page.token,\n  t,\n  notify: (notifications) => notifications.forEach((notification) => showToast(notification)),\n  error: (message) => showToast(clientErrorNotification('tree', message)),\n})\n\nconst controller = new TreeController(toRaw(props.tree), environment())\nconst state = useStore(controller.store)\nconst rows = computed(() => visibleTreeRows(state.value.nodes, state.value.expanded))\nconst hasParents = computed(() => state.value.nodes.some((node) => node.children.length > 0))\nconst focused = ref<string | null>(null)\nconst drop = ref<{ key: string; position: TreeDropPosition } | null>(null)\nconst items = new Map<string, HTMLElement>()\nconst current = computed(() =>\n  focused.value !== null && rows.value.some((row) => row.node.key === focused.value)\n    ? focused.value\n    : (rows.value[0]?.node.key ?? null),\n)\n\nwatch(\n  () => props.tree,\n  (tree) => controller.setTree(toRaw(tree)),\n)\n\nconst setItem = (key: string) => (element: unknown) => {\n  if (element instanceof HTMLElement) items.set(key, element)\n  else items.delete(key)\n}\n\nconst focus = (key: string | undefined) => {\n  if (!key) return\n  focused.value = key\n  void nextTick(() => items.get(key)?.focus())\n}\n\nconst onKeyDown = (row: TreeRow, event: KeyboardEvent) => {\n  if (event.target !== event.currentTarget) return\n\n  const result = controller.handleKey(row.node.key, event, direction.value)\n\n  if (result.handled) {\n    event.preventDefault()\n    focus(result.focus)\n  }\n}\n\nconst position = (event: DragEvent): TreeDropPosition => {\n  const box = (event.currentTarget as HTMLElement).getBoundingClientRect()\n  const offset = box.height > 0 ? (event.clientY - box.top) / box.height : 0.5\n\n  return offset < 0.25 ? 'before' : offset > 0.75 ? 'after' : 'inside'\n}\n\nconst onDragStart = (key: string, event: DragEvent) => {\n  if (event.dataTransfer) {\n    event.dataTransfer.effectAllowed = 'move'\n    event.dataTransfer.setData(DRAG_TYPE, key)\n  }\n  controller.startDrag(key)\n}\n\nconst onDragEnd = () => {\n  controller.endDrag()\n  drop.value = null\n}\n\nconst onDragOver = (key: string, event: DragEvent) => {\n  const dragging = controller.state.dragging\n\n  if (!dragging) return\n\n  const at = position(event)\n\n  if (controller.canDrop(dragging, key, at)) {\n    event.preventDefault()\n    if (event.dataTransfer) event.dataTransfer.dropEffect = 'move'\n    drop.value = { key, position: at }\n  } else if (drop.value?.key === key) {\n    drop.value = null\n  }\n}\n\nconst onDragLeave = (key: string, event: DragEvent) => {\n  const target = event.currentTarget as HTMLElement\n\n  if (!target.contains(event.relatedTarget as Node | null) && drop.value?.key === key) {\n    drop.value = null\n  }\n}\n\nconst onDrop = (key: string, event: DragEvent) => {\n  event.preventDefault()\n  const dragging = controller.state.dragging\n\n  if (dragging) controller.drop(dragging, key, position(event))\n  onDragEnd()\n}\n</script>\n\n<template>\n  <Card class=\"gap-4 py-4\" data-slot=\"tree-widget\">\n    <CardHeader class=\"px-5\">\n      <div class=\"flex flex-wrap items-center justify-between gap-2\">\n        <CardTitle v-if=\"props.tree.heading\" :id=\"labelId\" class=\"text-base\">{{\n          props.tree.heading\n        }}</CardTitle>\n        <span v-else :id=\"labelId\" class=\"sr-only\">{{ t('tree.label', {}, 'Tree') }}</span>\n        <div class=\"ms-auto flex flex-wrap items-center gap-1\">\n          <template v-if=\"hasParents\">\n            <Button type=\"button\" variant=\"ghost\" size=\"sm\" @click=\"controller.expandAll()\">\n              <ChevronsUpDownIcon aria-hidden=\"true\" />\n              {{ t('tree.expand_all', {}, 'Expand all') }}\n            </Button>\n            <Button type=\"button\" variant=\"ghost\" size=\"sm\" @click=\"controller.collapseAll()\">\n              <ChevronsDownUpIcon aria-hidden=\"true\" />\n              {{ t('tree.collapse_all', {}, 'Collapse all') }}\n            </Button>\n          </template>\n          <template v-if=\"state.dirty\">\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              :disabled=\"state.saving\"\n              @click=\"controller.reset()\"\n            >\n              {{ t('tree.discard', {}, 'Discard changes') }}\n            </Button>\n            <Button type=\"button\" size=\"sm\" :disabled=\"state.saving\" @click=\"controller.save()\">\n              {{\n                state.saving ? t('tree.saving', {}, 'Saving…') : t('tree.save', {}, 'Save order')\n              }}\n            </Button>\n          </template>\n        </div>\n      </div>\n      <p v-if=\"state.dirty\" class=\"text-muted-foreground text-sm\">\n        {{ t('tree.unsaved', {}, 'You have unsaved changes to the order.') }}\n      </p>\n    </CardHeader>\n    <CardContent class=\"px-5\">\n      <p v-if=\"rows.length === 0\" class=\"text-muted-foreground py-6 text-center text-sm\">\n        {{ t('tree.empty', {}, 'No records yet') }}\n      </p>\n      <ul\n        v-else\n        role=\"tree\"\n        :aria-labelledby=\"labelId\"\n        class=\"flex flex-col gap-1\"\n        data-slot=\"tree\"\n      >\n        <li\n          v-for=\"row in rows\"\n          :key=\"row.node.key\"\n          :ref=\"setItem(row.node.key)\"\n          role=\"treeitem\"\n          :aria-level=\"row.level\"\n          :aria-setsize=\"row.siblings\"\n          :aria-posinset=\"row.index + 1\"\n          :aria-expanded=\"row.hasChildren ? row.expanded : undefined\"\n          :aria-selected=\"current === row.node.key\"\n          :aria-label=\"row.node.title\"\n          :tabindex=\"current === row.node.key ? 0 : -1\"\n          data-slot=\"tree-item\"\n          :data-key=\"row.node.key\"\n          :data-drop=\"drop?.key === row.node.key ? drop.position : undefined\"\n          :data-dragging=\"state.dragging === row.node.key ? '' : undefined\"\n          :draggable=\"props.tree.reorderable\"\n          :class=\"\n            cn(\n              'hover:bg-accent/50 focus-visible:ring-ring/50 flex items-center gap-2 rounded-md border px-2 py-1.5 outline-none focus-visible:ring-[3px]',\n              state.dragging === row.node.key && 'opacity-50',\n            )\n          \"\n          :style=\"{ marginInlineStart: `${(row.level - 1) * 1.5}rem` }\"\n          @focus=\"\n            (event: FocusEvent) => event.target === event.currentTarget && (focused = row.node.key)\n          \"\n          @keydown=\"onKeyDown(row, $event)\"\n          @dragstart=\"onDragStart(row.node.key, $event)\"\n          @dragend=\"onDragEnd\"\n          @dragover=\"onDragOver(row.node.key, $event)\"\n          @dragleave=\"onDragLeave(row.node.key, $event)\"\n          @drop=\"onDrop(row.node.key, $event)\"\n        >\n          <GripVerticalIcon\n            v-if=\"props.tree.reorderable\"\n            class=\"text-muted-foreground size-4 shrink-0 cursor-grab\"\n            aria-hidden=\"true\"\n          />\n          <Button\n            v-if=\"row.hasChildren\"\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-xs\"\n            :tabindex=\"-1\"\n            :aria-label=\"\n              row.expanded\n                ? t('tree.collapse', { title: row.node.title }, 'Collapse :title')\n                : t('tree.expand', { title: row.node.title }, 'Expand :title')\n            \"\n            @click=\"controller.toggle(row.node.key)\"\n          >\n            <ChevronRightIcon\n              :class=\"\n                cn('transition-transform rtl:rotate-180', row.expanded && 'rotate-90 rtl:rotate-90')\n              \"\n              aria-hidden=\"true\"\n            />\n          </Button>\n          <span v-else class=\"size-6 shrink-0\" aria-hidden=\"true\" />\n          <Icon\n            v-if=\"row.node.icon\"\n            :name=\"row.node.icon\"\n            class=\"text-muted-foreground size-4 shrink-0\"\n          />\n          <span class=\"min-w-0 flex-1 truncate text-sm font-medium\">{{ row.node.title }}</span>\n          <div\n            v-if=\"props.tree.reorderable\"\n            class=\"flex shrink-0 items-center\"\n            data-slot=\"tree-move-buttons\"\n          >\n            <Button\n              v-for=\"move in [\n                {\n                  name: 'up',\n                  label: t('tree.move_up', { title: row.node.title }, 'Move :title up'),\n                },\n                {\n                  name: 'down',\n                  label: t('tree.move_down', { title: row.node.title }, 'Move :title down'),\n                },\n                {\n                  name: 'outdent',\n                  label: t(\n                    'tree.outdent',\n                    { title: row.node.title },\n                    'Move :title out of its parent',\n                  ),\n                },\n                {\n                  name: 'indent',\n                  label: t(\n                    'tree.indent',\n                    { title: row.node.title },\n                    'Move :title into the item above',\n                  ),\n                },\n              ] as const\"\n              :key=\"move.name\"\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"icon-xs\"\n              :aria-label=\"move.label\"\n              :title=\"move.label\"\n              :disabled=\"!controller.canMove(row.node.key, move.name)\"\n              @click=\"controller.move(row.node.key, move.name)\"\n            >\n              <ArrowUpIcon v-if=\"move.name === 'up'\" aria-hidden=\"true\" />\n              <ArrowDownIcon v-else-if=\"move.name === 'down'\" aria-hidden=\"true\" />\n              <ListIndentDecreaseIcon\n                v-else-if=\"move.name === 'outdent'\"\n                class=\"rtl:rotate-180\"\n                aria-hidden=\"true\"\n              />\n              <ListIndentIncreaseIcon v-else class=\"rtl:rotate-180\" aria-hidden=\"true\" />\n            </Button>\n          </div>\n          <ActionList\n            v-if=\"row.node.actions?.length\"\n            :actions=\"row.node.actions\"\n            :context=\"{\n              token: page.token,\n              component: props.tree.actionComponent,\n              record: row.node.key,\n            }\"\n            size=\"xs\"\n            class=\"shrink-0 gap-1\"\n          />\n        </li>\n      </ul>\n      <div class=\"sr-only\" role=\"status\" aria-live=\"polite\">{{ state.announcement }}</div>\n    </CardContent>\n  </Card>\n</template>\n"],"mappings":"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"}

package/dist/components/tree/index.d.ts

@@ -0,0 +1,2 @@
+export { Tree } from './tree-lazy';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/tree/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tree/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA"}

package/dist/components/tree/index.js

@@ -0,0 +1,2 @@
+import { Tree as e } from "./tree-lazy.js";
+export { e as Tree };

package/dist/components/tree/tree-lazy.d.ts

@@ -0,0 +1,3 @@
+/** The tree; its code loads the first time a tree is shown. */
+export declare const Tree: import("vue").Component;
+//# sourceMappingURL=tree-lazy.d.ts.map

package/dist/components/tree/tree-lazy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-lazy.d.ts","sourceRoot":"","sources":["../../../src/components/tree/tree-lazy.ts"],"names":[],"mappings":"AAGA,+DAA+D;AAC/D,eAAO,MAAM,IAAI,yBAIhB,CAAA"}

package/dist/components/tree/tree-lazy.js

@@ -0,0 +1,8 @@
+import { lazyComponent as e } from "../../lib/lazy.js";
+import t from "./TreeSkeleton.js";
+//#region src/components/tree/tree-lazy.ts
+var n = e("Tree", () => import("./Tree.js").then((e) => e.default), t);
+//#endregion
+export { n as Tree };
+
+//# sourceMappingURL=tree-lazy.js.map

package/dist/components/tree/tree-lazy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-lazy.js","names":["TreeSkeleton","TreeSkeleton_default","Tree","lazyComponent","module"],"sources":["../../../src/components/tree/tree-lazy.ts"],"sourcesContent":["import { lazyComponent } from '../../lib/lazy'\nimport TreeSkeleton from './TreeSkeleton.vue'\n\n/** The tree; its code loads the first time a tree is shown. */\nexport const Tree = lazyComponent(\n  'Tree',\n  () => import('./Tree.vue').then((module) => module.default),\n  TreeSkeleton,\n)\n"],"mappings":";;;AAIA,IAAaE,IAAOC,EAClB,cACM,OAAO,YAAa,CAAC,MAAM,MAAWC,EAAO,OAAO,GAC1DJ,CACF"}

package/dist/components/ui/Alert.js

@@ -0,0 +1,7 @@
+import e from "./Alert.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/ui/Alert.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=Alert.js.map

package/dist/components/ui/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","names":["_sfc_main","Alert_vue_vue_type_script_setup_true_lang_default","Alert_default"],"sources":["../../../src/components/ui/Alert.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '../../lib/utils'\n\nconst alertVariants = cva(\n  'relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current',\n  {\n    variants: {\n      variant: {\n        default: 'bg-card text-card-foreground',\n        destructive:\n          'text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-current',\n      },\n    },\n    defaultVariants: { variant: 'default' },\n  },\n)\n\nconst props = defineProps<{\n  class?: HTMLAttributes['class']\n  variant?: VariantProps<typeof alertVariants>['variant']\n}>()\n</script>\n\n<template>\n  <div\n    data-slot=\"alert\"\n    role=\"alert\"\n    :class=\"cn(alertVariants({ variant: props.variant }), props.class)\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/ui/Alert.vue.d.ts

@@ -0,0 +1,22 @@
+import { type VariantProps } from 'class-variance-authority';
+import type { HTMLAttributes } from 'vue';
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+    variant?: VariantProps<typeof alertVariants>['variant'];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Alert.vue.d.ts.map

package/dist/components/ui/Alert.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Alert.vue"],"names":[],"mappings":"AAoCA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAGzC,QAAA,MAAM,aAAa;;8EAYlB,CAAA;AAED,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC/B,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC,SAAS,CAAC,CAAA;CACxD,CAAC;AAmBF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAqB/C,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ui/Alert.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,35 @@
+import { cn as e } from "../../lib/utils.js";
+import { createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a, unref as o } from "vue";
+import { cva as s } from "class-variance-authority";
+//#region src/components/ui/Alert.vue?vue&type=script&setup=true&lang.ts
+var c = /*@__PURE__*/ n({
+	__name: "Alert",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		variant: {}
+	},
+	setup(n) {
+		let c = s("relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
+			variants: { variant: {
+				default: "bg-card text-card-foreground",
+				destructive: "text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-current"
+			} },
+			defaultVariants: { variant: "default" }
+		}), l = n;
+		return (n, s) => (i(), t("div", {
+			"data-slot": "alert",
+			role: "alert",
+			class: r(o(e)(o(c)({ variant: l.variant }), l.class))
+		}, [a(n.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { c as default };
+
+//# sourceMappingURL=Alert.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/ui/Alert.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_renderSlot","Alert_vue_vue_type_script_setup_true_lang_default","alertVariants","cva","props","__props","openBlock","createElementBlock","normalizeClass","unref","cn","renderSlot","_ctx"],"sources":["../../../src/components/ui/Alert.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '../../lib/utils'\n\nconst alertVariants = cva(\n  'relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current',\n  {\n    variants: {\n      variant: {\n        default: 'bg-card text-card-foreground',\n        destructive:\n          'text-destructive bg-card *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-current',\n      },\n    },\n    defaultVariants: { variant: 'default' },\n  },\n)\n\nconst props = defineProps<{\n  class?: HTMLAttributes['class']\n  variant?: VariantProps<typeof alertVariants>['variant']\n}>()\n</script>\n\n<template>\n  <div\n    data-slot=\"alert\"\n    role=\"alert\"\n    :class=\"cn(alertVariants({ variant: props.variant }), props.class)\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAKA,IAAMM,IAAgBC,EACpB,qOACA;GACE,UAAU,EACR,SAAS;IACP,SAAS;IACT,aACE;GACJ,EACF;GACA,iBAAiB,EAAE,SAAS,UAAU;EACxC,CACF,GAEMC,IAAQC;oBAOZT,EAAA,GAAAC,EAMM,OAAA;GALJ,aAAU;GACV,MAAK;GACJ,OAAKC,EAAEC,EAAAW,CAAA,CAAE,CAACX,EAAAG,CAAA,CAAa,CAAA,EAAA,SAAYE,EAAM,QAAO,CAAA,GAAKA,EAAM,KAAK,CAAA;EAEjEJ,GAAAA,CAAAA,EAAQY,EAAA,QAAA,SAAA,CAAA,GAAA,CAAA"}

package/dist/components/ui/AlertDescription.js

@@ -0,0 +1,7 @@
+import e from "./AlertDescription.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/ui/AlertDescription.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=AlertDescription.js.map

package/dist/components/ui/AlertDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDescription.js","names":["_sfc_main","AlertDescription_vue_vue_type_script_setup_true_lang_default","AlertDescription_default"],"sources":["../../../src/components/ui/AlertDescription.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '../../lib/utils'\n\nconst props = defineProps<{ class?: HTMLAttributes['class'] }>()\n</script>\n\n<template>\n  <div\n    data-slot=\"alert-description\"\n    :class=\"\n      cn(\n        'text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed',\n        props.class,\n      )\n    \"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/ui/AlertDescription.vue.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=AlertDescription.vue.d.ts.map

package/dist/components/ui/AlertDescription.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDescription.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui/AlertDescription.vue"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAGzC,KAAK,WAAW,GAAG;IAAE,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;CAAE,CAAC;AAuBvD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAoB/C,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ui/AlertDescription.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,24 @@
+import { cn as e } from "../../lib/utils.js";
+import { createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a, unref as o } from "vue";
+//#region src/components/ui/AlertDescription.vue?vue&type=script&setup=true&lang.ts
+var s = /*@__PURE__*/ n({
+	__name: "AlertDescription",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(n) {
+		let s = n;
+		return (n, c) => (i(), t("div", {
+			"data-slot": "alert-description",
+			class: r(o(e)("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", s.class))
+		}, [a(n.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=AlertDescription.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/ui/AlertDescription.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDescription.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_renderSlot","AlertDescription_vue_vue_type_script_setup_true_lang_default","props","__props","openBlock","createElementBlock","normalizeClass","unref","cn","renderSlot","_ctx"],"sources":["../../../src/components/ui/AlertDescription.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '../../lib/utils'\n\nconst props = defineProps<{ class?: HTMLAttributes['class'] }>()\n</script>\n\n<template>\n  <div\n    data-slot=\"alert-description\"\n    :class=\"\n      cn(\n        'text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed',\n        props.class,\n      )\n    \"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAIA,IAAMM,IAAQC;oBAIZP,EAAA,GAAAC,EAUM,OAAA;GATJ,aAAU;GACT,OAAKC,EAASC,EAAAS,CAAA,CAAE,CAAA,kGAAoHN,EAAM,KAAA,CAAA;EAO3IF,GAAAA,CAAAA,EAAQU,EAAA,QAAA,SAAA,CAAA,GAAA,CAAA"}

package/dist/components/ui/AlertTitle.js

@@ -0,0 +1,7 @@
+import e from "./AlertTitle.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/ui/AlertTitle.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=AlertTitle.js.map

package/dist/components/ui/AlertTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertTitle.js","names":["_sfc_main","AlertTitle_vue_vue_type_script_setup_true_lang_default","AlertTitle_default"],"sources":["../../../src/components/ui/AlertTitle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '../../lib/utils'\n\nconst props = defineProps<{ class?: HTMLAttributes['class'] }>()\n</script>\n\n<template>\n  <div\n    data-slot=\"alert-title\"\n    :class=\"cn('col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight', props.class)\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/ui/AlertTitle.vue.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=AlertTitle.vue.d.ts.map

package/dist/components/ui/AlertTitle.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertTitle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui/AlertTitle.vue"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAGzC,KAAK,WAAW,GAAG;IAAE,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;CAAE,CAAC;AAkBvD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAoB/C,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ui/AlertTitle.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,24 @@
+import { cn as e } from "../../lib/utils.js";
+import { createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a, unref as o } from "vue";
+//#region src/components/ui/AlertTitle.vue?vue&type=script&setup=true&lang.ts
+var s = /*@__PURE__*/ n({
+	__name: "AlertTitle",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(n) {
+		let s = n;
+		return (n, c) => (i(), t("div", {
+			"data-slot": "alert-title",
+			class: r(o(e)("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", s.class))
+		}, [a(n.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=AlertTitle.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/ui/AlertTitle.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertTitle.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_renderSlot","AlertTitle_vue_vue_type_script_setup_true_lang_default","props","__props","openBlock","createElementBlock","normalizeClass","unref","cn","renderSlot","_ctx"],"sources":["../../../src/components/ui/AlertTitle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '../../lib/utils'\n\nconst props = defineProps<{ class?: HTMLAttributes['class'] }>()\n</script>\n\n<template>\n  <div\n    data-slot=\"alert-title\"\n    :class=\"cn('col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight', props.class)\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAIA,IAAMM,IAAQC;oBAIZP,EAAA,GAAAC,EAKM,OAAA;GAJJ,aAAU;GACT,OAAKC,EAAEC,EAAAS,CAAA,CAAE,CAAA,+DAAgEN,EAAM,KAAK,CAAA;EAErFF,GAAAA,CAAAA,EAAQU,EAAA,QAAA,SAAA,CAAA,GAAA,CAAA"}

package/dist/components/ui/Avatar.js

@@ -0,0 +1,7 @@
+import e from "./Avatar.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/ui/Avatar.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=Avatar.js.map

package/dist/components/ui/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","names":["_sfc_main","Avatar_vue_vue_type_script_setup_true_lang_default","Avatar_default"],"sources":["../../../src/components/ui/Avatar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AvatarRoot } from 'reka-ui'\nimport type { HTMLAttributes } from 'vue'\nimport { cn } from '../../lib/utils'\n\nconst props = defineProps<{ class?: HTMLAttributes['class'] }>()\n</script>\n\n<template>\n  <AvatarRoot\n    data-slot=\"avatar\"\n    :class=\"cn('relative flex size-8 shrink-0 overflow-hidden rounded-full', props.class)\"\n  >\n    <slot />\n  </AvatarRoot>\n</template>\n"],"mappings":""}

package/dist/components/ui/Avatar.vue.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLAttributes } from 'vue';
+type __VLS_Props = {
+    class?: HTMLAttributes['class'];
+};
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Avatar.vue.d.ts.map

package/dist/components/ui/Avatar.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui/Avatar.vue"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAGzC,KAAK,WAAW,GAAG;IAAE,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;CAAE,CAAC;AA4BvD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAqB/C,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}