@alfakit/vue 0.0.0-stage → 0.1.1

package/dist/components/file-manager/FileManager.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileManager.vue.d.ts","sourceRoot":"","sources":["../../../src/components/file-manager/FileManager.vue"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAGtD,0FAA0F;AAC1F,KAAK,WAAW,GAAG;IAAE,SAAS,CAAC,EAAE,iBAAiB,CAAA;CAAE,CAAC;;AA6CrD,wBAMG"}

package/dist/components/file-manager/FileManager.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,17 @@
+import e from "./FileManagerView.js";
+import { createBlock as t, createCommentVNode as n, defineComponent as r, openBlock as i } from "vue";
+//#region src/components/file-manager/FileManager.vue?vue&type=script&setup=true&lang.ts
+var a = /*@__PURE__*/ r({
+	__name: "FileManager",
+	props: { component: {} },
+	setup(r) {
+		return (a, o) => r.component ? (i(), t(e, {
+			key: `${r.component.disk}:${r.component.mode}`,
+			schema: r.component
+		}, null, 8, ["schema"])) : n("", !0);
+	}
+});
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=FileManager.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/file-manager/FileManager.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileManager.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FileManagerView","_createCommentVNode","FileManagerView_default","FileManager_vue_vue_type_script_setup_true_lang_default","__props","openBlock","createBlock","createCommentVNode"],"sources":["../../../src/components/file-manager/FileManager.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FileManagerSchema } from '@alfakit/core'\nimport FileManagerView from './FileManagerView.vue'\n\n/** The file manager of alfasix/alfakit-file-manager (schema component `file-manager`). */\ndefineProps<{ component?: FileManagerSchema }>()\n</script>\n\n<template>\n  <FileManagerView\n    v-if=\"component\"\n    :key=\"`${component.disk}:${component.mode}`\"\n    :schema=\"component\"\n  />\n</template>\n"],"mappings":";;;;;;;mBAUUM,EAAA,aADRN,EAAA,GAAAC,EAIEC,GAAA;GAFC,KAAG,GAAKI,EAAA,UAAU,KAAI,GAAIA,EAAA,UAAU;GACpC,QAAQA,EAAA"}

package/dist/components/file-manager/FileManagerDetails.js

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

package/dist/components/file-manager/FileManagerDetails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileManagerDetails.js","names":["_sfc_main","FileManagerDetails_vue_vue_type_script_setup_true_lang_default","FileManagerDetails_default"],"sources":["../../../src/components/file-manager/FileManagerDetails.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FileManagerController } from '@alfakit/core'\nimport { fileManagerSize } from '@alfakit/core'\nimport { XIcon } from '@lucide/vue'\nimport { computed } from 'vue'\nimport { useFormatter, useT } from '../../context'\nimport { useStore } from '../../composables/use-store'\nimport Button from '../ui/Button.vue'\nimport Spinner from '../ui/Spinner.vue'\nimport FileManagerIcon from './FileManagerIcon.vue'\n\n/** The details of the selected item. */\nconst props = defineProps<{ controller: FileManagerController; hideHeading?: boolean }>()\nconst t = useT()\nconst formatter = useFormatter()\nconst state = useStore(props.controller.store)\nconst details = computed(() => state.value.details)\nconst tt = (key: string, replacements: Record<string, string | number> = {}, fallback?: string) =>\n  t(`file-manager.${key}`, replacements, fallback)\n\nconst rows = computed(() => {\n  const item = details.value\n  const format = formatter.value\n\n  if (!item) return []\n\n  const list: Array<[string, string]> = [\n    [tt('type', {}, 'Type'), item.mime ?? tt(`kinds.${item.kind}`, {}, item.kind)],\n  ]\n\n  if (item.type === 'file') list.push([tt('size', {}, 'Size'), fileManagerSize(item.size, format)])\n  if (item.items !== undefined)\n    list.push([\n      tt('items', {}, 'Items'),\n      `${format.number(item.items)}${item.itemsTruncated ? '+' : ''}`,\n    ])\n  if (item.width && item.height) {\n    list.push([\n      tt('dimensions', {}, 'Dimensions'),\n      tt(\n        'dimensions_value',\n        { width: format.number(item.width), height: format.number(item.height) },\n        ':width × :height px',\n      ),\n    ])\n  }\n\n  if (item.trashed) {\n    list.push([tt('original_location', {}, 'Original location'), item.trashed.originalPath])\n    if (item.trashed.deletedAt)\n      list.push([tt('deleted_at', {}, 'Deleted'), format.dateTime(item.trashed.deletedAt)])\n  } else {\n    if (item.modified) list.push([tt('modified', {}, 'Modified'), format.dateTime(item.modified)])\n    if (item.location !== undefined)\n      list.push([\n        tt('location', {}, 'Location'),\n        item.location === '' ? tt('root', {}, 'Files') : item.location,\n      ])\n    if (item.links !== undefined) list.push([tt('links', {}, 'Links'), format.number(item.links)])\n  }\n\n  return list\n})\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-4 p-4\">\n    <div v-if=\"!hideHeading\" class=\"flex items-center justify-between gap-2\">\n      <h3 class=\"text-sm font-semibold\">{{ tt('details', {}, 'Details') }}</h3>\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon-xs\"\n        :aria-label=\"tt('close', {}, 'Close')\"\n        @click=\"controller.closeDetails()\"\n      >\n        <XIcon aria-hidden=\"true\" />\n      </Button>\n    </div>\n    <p v-if=\"!details\" class=\"text-muted-foreground text-sm\">\n      {{ tt('picker_empty', {}, 'No file chosen') }}\n    </p>\n    <template v-else>\n      <div\n        class=\"bg-muted/60 flex aspect-video items-center justify-center overflow-hidden rounded-md\"\n      >\n        <img\n          v-if=\"details.thumbnail\"\n          :src=\"details.thumbnail\"\n          alt=\"\"\n          class=\"size-full object-contain\"\n        />\n        <FileManagerIcon v-else :entry=\"details\" class=\"size-12\" />\n      </div>\n      <p class=\"font-medium break-all\">{{ details.name }}</p>\n      <Spinner v-if=\"state.detailsLoading\" />\n      <dl class=\"grid grid-cols-[auto_1fr] gap-x-4 gap-y-2 text-sm\">\n        <template v-for=\"[label, value] in rows\" :key=\"label\">\n          <dt class=\"text-muted-foreground\">{{ label }}</dt>\n          <dd class=\"min-w-0 break-all\">{{ value }}</dd>\n        </template>\n      </dl>\n    </template>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/file-manager/FileManagerDetails.vue.d.ts

@@ -0,0 +1,9 @@
+import type { FileManagerController } from '@alfakit/core';
+/** The details of the selected item. */
+type __VLS_Props = {
+    controller: FileManagerController;
+    hideHeading?: boolean;
+};
+declare const _default: 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>;
+export default _default;
+//# sourceMappingURL=FileManagerDetails.vue.d.ts.map

package/dist/components/file-manager/FileManagerDetails.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileManagerDetails.vue.d.ts","sourceRoot":"","sources":["../../../src/components/file-manager/FileManagerDetails.vue"],"names":[],"mappings":"AA2GA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAU1D,wCAAwC;AACxC,KAAK,WAAW,GAAG;IAAE,UAAU,EAAE,qBAAqB,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;;AA+NhF,wBAMG"}

package/dist/components/file-manager/FileManagerDetails.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,61 @@
+import { useFormatter as e, useT as t } from "../../context.js";
+import { useStore as n } from "../../composables/use-store.js";
+import r from "../ui/Button2.js";
+import i from "../ui/Spinner.js";
+import a from "./FileManagerIcon.js";
+import { fileManagerSize as o } from "@alfakit/core";
+import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, openBlock as h, renderList as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
+import { XIcon as b } from "@lucide/vue";
+//#region src/components/file-manager/FileManagerDetails.vue?vue&type=script&setup=true&lang.ts
+var x = { class: "flex flex-col gap-4 p-4" }, S = {
+	key: 0,
+	class: "flex items-center justify-between gap-2"
+}, C = { class: "text-sm font-semibold" }, w = {
+	key: 1,
+	class: "text-muted-foreground text-sm"
+}, T = { class: "bg-muted/60 flex aspect-video items-center justify-center overflow-hidden rounded-md" }, E = ["src"], D = { class: "font-medium break-all" }, O = { class: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-2 text-sm" }, k = { class: "text-muted-foreground" }, A = { class: "min-w-0 break-all" }, j = /*@__PURE__*/ m({
+	__name: "FileManagerDetails",
+	props: {
+		controller: {},
+		hideHeading: { type: Boolean }
+	},
+	setup(m) {
+		let j = m, M = t(), N = e(), P = n(j.controller.store), F = c(() => P.value.details), I = (e, t = {}, n) => M(`file-manager.${e}`, t, n), L = c(() => {
+			let e = F.value, t = N.value;
+			if (!e) return [];
+			let n = [[I("type", {}, "Type"), e.mime ?? I(`kinds.${e.kind}`, {}, e.kind)]];
+			return e.type === "file" && n.push([I("size", {}, "Size"), o(e.size, t)]), e.items !== void 0 && n.push([I("items", {}, "Items"), `${t.number(e.items)}${e.itemsTruncated ? "+" : ""}`]), e.width && e.height && n.push([I("dimensions", {}, "Dimensions"), I("dimensions_value", {
+				width: t.number(e.width),
+				height: t.number(e.height)
+			}, ":width × :height px")]), e.trashed ? (n.push([I("original_location", {}, "Original location"), e.trashed.originalPath]), e.trashed.deletedAt && n.push([I("deleted_at", {}, "Deleted"), t.dateTime(e.trashed.deletedAt)])) : (e.modified && n.push([I("modified", {}, "Modified"), t.dateTime(e.modified)]), e.location !== void 0 && n.push([I("location", {}, "Location"), e.location === "" ? I("root", {}, "Files") : e.location]), e.links !== void 0 && n.push([I("links", {}, "Links"), t.number(e.links)])), n;
+		});
+		return (e, t) => (h(), d("div", x, [m.hideHeading ? u("", !0) : (h(), d("div", S, [f("h3", C, _(I("details", {}, "Details")), 1), p(r, {
+			type: "button",
+			variant: "ghost",
+			size: "icon-xs",
+			"aria-label": I("close", {}, "Close"),
+			onClick: t[0] ||= (e) => m.controller.closeDetails()
+		}, {
+			default: y(() => [p(v(b), { "aria-hidden": "true" })]),
+			_: 1
+		}, 8, ["aria-label"])])), F.value ? (h(), d(s, { key: 2 }, [
+			f("div", T, [F.value.thumbnail ? (h(), d("img", {
+				key: 0,
+				src: F.value.thumbnail,
+				alt: "",
+				class: "size-full object-contain"
+			}, null, 8, E)) : (h(), l(a, {
+				key: 1,
+				entry: F.value,
+				class: "size-12"
+			}, null, 8, ["entry"]))]),
+			f("p", D, _(F.value.name), 1),
+			v(P).detailsLoading ? (h(), l(i, { key: 0 })) : u("", !0),
+			f("dl", O, [(h(!0), d(s, null, g(L.value, ([e, t]) => (h(), d(s, { key: e }, [f("dt", k, _(e), 1), f("dd", A, _(t), 1)], 64))), 128))])
+		], 64)) : (h(), d("p", w, _(I("picker_empty", {}, "No file chosen")), 1))]));
+	}
+});
+//#endregion
+export { j as default };
+
+//# sourceMappingURL=FileManagerDetails.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/file-manager/FileManagerDetails.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileManagerDetails.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createVNode","Button","_withCtx","_unref","_createCommentVNode","_Fragment","_createBlock","FileManagerIcon","Spinner","_renderList","Button_default","Spinner_default","FileManagerIcon_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","FileManagerDetails_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","formatter","useFormatter","state","useStore","details","computed","tt","key","replacements","fallback","rows","item","format","list","fileManagerSize","openBlock","createElementBlock","createCommentVNode","createElementVNode","toDisplayString","createVNode","_cache","withCtx","unref","XIcon","Fragment","createBlock","renderList","label","value"],"sources":["../../../src/components/file-manager/FileManagerDetails.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FileManagerController } from '@alfakit/core'\nimport { fileManagerSize } from '@alfakit/core'\nimport { XIcon } from '@lucide/vue'\nimport { computed } from 'vue'\nimport { useFormatter, useT } from '../../context'\nimport { useStore } from '../../composables/use-store'\nimport Button from '../ui/Button.vue'\nimport Spinner from '../ui/Spinner.vue'\nimport FileManagerIcon from './FileManagerIcon.vue'\n\n/** The details of the selected item. */\nconst props = defineProps<{ controller: FileManagerController; hideHeading?: boolean }>()\nconst t = useT()\nconst formatter = useFormatter()\nconst state = useStore(props.controller.store)\nconst details = computed(() => state.value.details)\nconst tt = (key: string, replacements: Record<string, string | number> = {}, fallback?: string) =>\n  t(`file-manager.${key}`, replacements, fallback)\n\nconst rows = computed(() => {\n  const item = details.value\n  const format = formatter.value\n\n  if (!item) return []\n\n  const list: Array<[string, string]> = [\n    [tt('type', {}, 'Type'), item.mime ?? tt(`kinds.${item.kind}`, {}, item.kind)],\n  ]\n\n  if (item.type === 'file') list.push([tt('size', {}, 'Size'), fileManagerSize(item.size, format)])\n  if (item.items !== undefined)\n    list.push([\n      tt('items', {}, 'Items'),\n      `${format.number(item.items)}${item.itemsTruncated ? '+' : ''}`,\n    ])\n  if (item.width && item.height) {\n    list.push([\n      tt('dimensions', {}, 'Dimensions'),\n      tt(\n        'dimensions_value',\n        { width: format.number(item.width), height: format.number(item.height) },\n        ':width × :height px',\n      ),\n    ])\n  }\n\n  if (item.trashed) {\n    list.push([tt('original_location', {}, 'Original location'), item.trashed.originalPath])\n    if (item.trashed.deletedAt)\n      list.push([tt('deleted_at', {}, 'Deleted'), format.dateTime(item.trashed.deletedAt)])\n  } else {\n    if (item.modified) list.push([tt('modified', {}, 'Modified'), format.dateTime(item.modified)])\n    if (item.location !== undefined)\n      list.push([\n        tt('location', {}, 'Location'),\n        item.location === '' ? tt('root', {}, 'Files') : item.location,\n      ])\n    if (item.links !== undefined) list.push([tt('links', {}, 'Links'), format.number(item.links)])\n  }\n\n  return list\n})\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-4 p-4\">\n    <div v-if=\"!hideHeading\" class=\"flex items-center justify-between gap-2\">\n      <h3 class=\"text-sm font-semibold\">{{ tt('details', {}, 'Details') }}</h3>\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"icon-xs\"\n        :aria-label=\"tt('close', {}, 'Close')\"\n        @click=\"controller.closeDetails()\"\n      >\n        <XIcon aria-hidden=\"true\" />\n      </Button>\n    </div>\n    <p v-if=\"!details\" class=\"text-muted-foreground text-sm\">\n      {{ tt('picker_empty', {}, 'No file chosen') }}\n    </p>\n    <template v-else>\n      <div\n        class=\"bg-muted/60 flex aspect-video items-center justify-center overflow-hidden rounded-md\"\n      >\n        <img\n          v-if=\"details.thumbnail\"\n          :src=\"details.thumbnail\"\n          alt=\"\"\n          class=\"size-full object-contain\"\n        />\n        <FileManagerIcon v-else :entry=\"details\" class=\"size-12\" />\n      </div>\n      <p class=\"font-medium break-all\">{{ details.name }}</p>\n      <Spinner v-if=\"state.detailsLoading\" />\n      <dl class=\"grid grid-cols-[auto_1fr] gap-x-4 gap-y-2 text-sm\">\n        <template v-for=\"[label, value] in rows\" :key=\"label\">\n          <dt class=\"text-muted-foreground\">{{ label }}</dt>\n          <dd class=\"min-w-0 break-all\">{{ value }}</dd>\n        </template>\n      </dl>\n    </template>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/file-manager/FileManagerIcon.js

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

package/dist/components/file-manager/FileManagerIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileManagerIcon.js","names":["_sfc_main","FileManagerIcon_vue_vue_type_script_setup_true_lang_default","FileManagerIcon_default"],"sources":["../../../src/components/file-manager/FileManagerIcon.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FileManagerEntrySchema, FileManagerKind } from '@alfakit/core'\nimport {\n  FileArchiveIcon,\n  FileIcon,\n  FileImageIcon,\n  FileMusicIcon,\n  FilePlayIcon,\n  FileSpreadsheetIcon,\n  FileTextIcon,\n  FolderIcon,\n  PresentationIcon,\n} from '@lucide/vue'\nimport { computed, type Component } from 'vue'\nimport { cn } from '../../lib/utils'\n\nconst ICONS: Record<FileManagerKind, Component> = {\n  folder: FolderIcon,\n  image: FileImageIcon,\n  video: FilePlayIcon,\n  audio: FileMusicIcon,\n  pdf: FileTextIcon,\n  text: FileTextIcon,\n  archive: FileArchiveIcon,\n  document: FileTextIcon,\n  spreadsheet: FileSpreadsheetIcon,\n  presentation: PresentationIcon,\n  other: FileIcon,\n}\n\nconst props = defineProps<{\n  entry: Pick<FileManagerEntrySchema, 'kind' | 'type'>\n  class?: string\n}>()\nconst icon = computed(() => ICONS[props.entry.kind] ?? FileIcon)\n</script>\n\n<template>\n  <component\n    :is=\"icon\"\n    :class=\"cn(entry.type === 'folder' && 'text-primary', props.class)\"\n    aria-hidden=\"true\"\n  />\n</template>\n"],"mappings":""}

package/dist/components/file-manager/FileManagerIcon.vue.d.ts

@@ -0,0 +1,8 @@
+import type { FileManagerEntrySchema } from '@alfakit/core';
+type __VLS_Props = {
+    entry: Pick<FileManagerEntrySchema, 'kind' | 'type'>;
+    class?: string;
+};
+declare const _default: 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>;
+export default _default;
+//# sourceMappingURL=FileManagerIcon.vue.d.ts.map

package/dist/components/file-manager/FileManagerIcon.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileManagerIcon.vue.d.ts","sourceRoot":"","sources":["../../../src/components/file-manager/FileManagerIcon.vue"],"names":[],"mappings":"AA8CA,OAAO,KAAK,EAAE,sBAAsB,EAAmB,MAAM,eAAe,CAAA;AA6B5E,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,IAAI,CAAC,sBAAsB,EAAE,MAAM,GAAG,MAAM,CAAC,CAAA;IACpD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;;AA6CF,wBAMG"}

package/dist/components/file-manager/FileManagerIcon.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,34 @@
+import { cn as e } from "../../lib/utils.js";
+import { computed as t, createBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, resolveDynamicComponent as o, unref as s } from "vue";
+import { FileArchiveIcon as c, FileIcon as l, FileImageIcon as u, FileMusicIcon as d, FilePlayIcon as f, FileSpreadsheetIcon as p, FileTextIcon as m, FolderIcon as h, PresentationIcon as g } from "@lucide/vue";
+//#region src/components/file-manager/FileManagerIcon.vue?vue&type=script&setup=true&lang.ts
+var _ = /*@__PURE__*/ r({
+	__name: "FileManagerIcon",
+	props: {
+		entry: {},
+		class: {}
+	},
+	setup(r) {
+		let _ = {
+			folder: h,
+			image: u,
+			video: f,
+			audio: d,
+			pdf: m,
+			text: m,
+			archive: c,
+			document: m,
+			spreadsheet: p,
+			presentation: g,
+			other: l
+		}, v = r, y = t(() => _[v.entry.kind] ?? l);
+		return (t, c) => (a(), n(o(y.value), {
+			class: i(s(e)(r.entry.type === "folder" && "text-primary", v.class)),
+			"aria-hidden": "true"
+		}, null, 8, ["class"]));
+	}
+});
+//#endregion
+export { _ as default };
+
+//# sourceMappingURL=FileManagerIcon.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/file-manager/FileManagerIcon.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileManagerIcon.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_resolveDynamicComponent","_normalizeClass","_unref","FileManagerIcon_vue_vue_type_script_setup_true_lang_default","ICONS","FolderIcon","FileImageIcon","FilePlayIcon","FileMusicIcon","FileTextIcon","FileArchiveIcon","FileSpreadsheetIcon","PresentationIcon","FileIcon","props","__props","icon","computed","openBlock","createBlock","resolveDynamicComponent","normalizeClass","unref","cn"],"sources":["../../../src/components/file-manager/FileManagerIcon.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FileManagerEntrySchema, FileManagerKind } from '@alfakit/core'\nimport {\n  FileArchiveIcon,\n  FileIcon,\n  FileImageIcon,\n  FileMusicIcon,\n  FilePlayIcon,\n  FileSpreadsheetIcon,\n  FileTextIcon,\n  FolderIcon,\n  PresentationIcon,\n} from '@lucide/vue'\nimport { computed, type Component } from 'vue'\nimport { cn } from '../../lib/utils'\n\nconst ICONS: Record<FileManagerKind, Component> = {\n  folder: FolderIcon,\n  image: FileImageIcon,\n  video: FilePlayIcon,\n  audio: FileMusicIcon,\n  pdf: FileTextIcon,\n  text: FileTextIcon,\n  archive: FileArchiveIcon,\n  document: FileTextIcon,\n  spreadsheet: FileSpreadsheetIcon,\n  presentation: PresentationIcon,\n  other: FileIcon,\n}\n\nconst props = defineProps<{\n  entry: Pick<FileManagerEntrySchema, 'kind' | 'type'>\n  class?: string\n}>()\nconst icon = computed(() => ICONS[props.entry.kind] ?? FileIcon)\n</script>\n\n<template>\n  <component\n    :is=\"icon\"\n    :class=\"cn(entry.type === 'folder' && 'text-primary', props.class)\"\n    aria-hidden=\"true\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;EAgBA,IAAMM,IAA4C;GAChD,QAAQC;GACR,OAAOC;GACP,OAAOC;GACP,OAAOC;GACP,KAAKC;GACL,MAAMA;GACN,SAASC;GACT,UAAUD;GACV,aAAaE;GACb,cAAcC;GACd,OAAOC;EACT,GAEMC,IAAQC,GAIRC,IAAOC,QAAeb,EAAMU,EAAM,MAAM,SAASD,CAAQ;oBAI7Df,EAAA,GAAAC,EAIEC,EAHKgB,EAAA,KAAI,GAAA;GACR,OAAKf,EAAEC,EAAAqB,CAAA,CAAE,CAACR,EAAA,MAAM,SAAI,YAAA,gBAAiCD,EAAM,KAAK,CAAA;GACjE,eAAY"}

package/dist/components/file-manager/FileManagerPickerField.js

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

package/dist/components/file-manager/FileManagerPickerField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileManagerPickerField.js","names":["_sfc_main","FileManagerPickerField_vue_vue_type_script_setup_true_lang_default","FileManagerPickerField_default"],"sources":["../../../src/components/file-manager/FileManagerPickerField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type {\n  FileManagerEntrySchema,\n  FileManagerPickedFileSchema,\n  FileManagerPickerSchema,\n} from '@alfakit/core'\nimport { fileManagerSize } from '@alfakit/core'\nimport { FileIcon, FolderOpenIcon, ImageIcon, TriangleAlertIcon, XIcon } from '@lucide/vue'\nimport { computed, ref } from 'vue'\nimport { useChoice, useFormatter, useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Button from '../ui/Button.vue'\nimport Dialog from '../ui/Dialog.vue'\nimport DialogContent from '../ui/DialogContent.vue'\nimport DialogDescription from '../ui/DialogDescription.vue'\nimport DialogHeader from '../ui/DialogHeader.vue'\nimport DialogTitle from '../ui/DialogTitle.vue'\nimport { FileManagerBrowser } from './file-manager-lazy'\n\n/**\n * `FileManagerPicker` (alfasix/alfakit-file-manager): files picked from the file manager.\n * The state is their paths on the disk; the browser runs through the file manager page, so\n * it shows what the user may see there. The server checks every path again on save.\n */\nconst props = defineProps<{ component: FileManagerPickerSchema }>()\nconst t = useT()\nconst choice = useChoice()\nconst formatter = useFormatter()\nconst { value, setValue, error, id, disabled, readOnly, aria } = useField<string | string[] | null>(\n  () => props.component,\n)\nconst open = ref(false)\n// Files picked in this session (the schema only knows the saved ones).\nconst picked = ref<FileManagerPickedFileSchema[]>([])\nconst locked = computed(() => disabled.value || readOnly.value)\nconst values = computed(() =>\n  (Array.isArray(value.value) ? value.value : value.value ? [value.value] : []).filter(\n    (item): item is string => typeof item === 'string',\n  ),\n)\nconst files = computed(() =>\n  values.value.map(\n    (path) =>\n      [...picked.value, ...props.component.files].find((file) => file.value === path) ?? {\n        value: path,\n        name: path.split('/').pop() ?? path,\n      },\n  ),\n)\nconst max = computed(() => (props.component.multiple ? (props.component.maxFiles ?? Infinity) : 1))\n\nconst choose = (entries: FileManagerEntrySchema[]) => {\n  const chosen = entries.filter(\n    (entry): entry is FileManagerEntrySchema & { value: string } => typeof entry.value === 'string',\n  )\n\n  picked.value = [...picked.value, ...chosen]\n\n  if (props.component.multiple) {\n    setValue(\n      [...new Set([...values.value, ...chosen.map((entry) => entry.value)])].slice(0, max.value),\n    )\n  } else {\n    setValue(chosen[0]?.value ?? null)\n  }\n\n  open.value = false\n}\n\nconst remove = (path: string) => {\n  const next = values.value.filter((item) => item !== path)\n  setValue(props.component.multiple ? next : (next[0] ?? null))\n}\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <div class=\"flex flex-col gap-2\" data-slot=\"file-manager-picker\">\n      <ul v-if=\"files.length > 0\" class=\"flex flex-col divide-y rounded-md border\">\n        <li\n          v-for=\"file in files\"\n          :key=\"file.value\"\n          class=\"flex items-center gap-3 px-3 py-2 text-sm\"\n          :data-missing=\"file.missing ? '' : undefined\"\n        >\n          <img\n            v-if=\"file.thumbnail\"\n            :src=\"file.thumbnail\"\n            alt=\"\"\n            class=\"size-8 rounded object-cover\"\n          />\n          <TriangleAlertIcon\n            v-else-if=\"file.missing\"\n            class=\"text-destructive size-5\"\n            aria-hidden=\"true\"\n          />\n          <ImageIcon\n            v-else-if=\"file.kind === 'image'\"\n            class=\"text-muted-foreground size-5\"\n            aria-hidden=\"true\"\n          />\n          <FileIcon v-else class=\"text-muted-foreground size-5\" aria-hidden=\"true\" />\n          <div class=\"min-w-0 flex-1\">\n            <p\n              :class=\"\n                cn('truncate font-medium', file.missing && 'text-muted-foreground line-through')\n              \"\n            >\n              {{ file.name }}\n            </p>\n            <p class=\"text-muted-foreground truncate text-xs\">\n              {{\n                file.missing\n                  ? t('file-manager.picker_missing', {}, 'This file no longer exists')\n                  : fileManagerSize(file.size, formatter)\n              }}\n            </p>\n          </div>\n          <Button\n            v-if=\"!locked\"\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-xs\"\n            :aria-label=\"t('file-manager.picker_remove', { name: file.name }, 'Remove :name')\"\n            @click=\"remove(file.value)\"\n          >\n            <XIcon aria-hidden=\"true\" />\n          </Button>\n        </li>\n      </ul>\n      <p v-else class=\"text-muted-foreground text-sm\">\n        {{ t('file-manager.picker_empty', {}, 'No file chosen') }}\n      </p>\n      <Button\n        v-if=\"!locked && files.length < max\"\n        :id=\"id\"\n        type=\"button\"\n        variant=\"outline\"\n        class=\"self-start\"\n        :aria-invalid=\"aria['aria-invalid']\"\n        :aria-describedby=\"aria['aria-describedby']\"\n        :aria-label=\"t('file-manager.picker_browse', {}, 'Browse files')\"\n        @click=\"open = true\"\n      >\n        <FolderOpenIcon aria-hidden=\"true\" />\n        {{ t('file-manager.picker_browse', {}, 'Browse files') }}\n      </Button>\n    </div>\n    <Dialog :open=\"open\" @update:open=\"open = $event\">\n      <DialogContent\n        class=\"max-h-[92vh] gap-3 overflow-hidden p-4 sm:max-w-5xl\"\n        data-slot=\"file-manager-picker-dialog\"\n      >\n        <DialogHeader>\n          <DialogTitle>{{\n            choice(\n              'file-manager.picker_heading',\n              props.component.multiple ? 2 : 1,\n              {},\n              'Choose files',\n            )\n          }}</DialogTitle>\n          <DialogDescription class=\"sr-only\">{{\n            t('file-manager.label', {}, 'File manager')\n          }}</DialogDescription>\n        </DialogHeader>\n        <component\n          :is=\"FileManagerBrowser\"\n          v-if=\"open\"\n          :schema=\"props.component.browser\"\n          :on-choose=\"choose\"\n          :on-cancel=\"() => (open = false)\"\n        />\n      </DialogContent>\n    </Dialog>\n  </FieldWrapper>\n</template>\n"],"mappings":""}

package/dist/components/file-manager/FileManagerPickerField.vue.d.ts

@@ -0,0 +1,12 @@
+import type { FileManagerPickerSchema } from '@alfakit/core';
+/**
+ * `FileManagerPicker` (alfasix/alfakit-file-manager): files picked from the file manager.
+ * The state is their paths on the disk; the browser runs through the file manager page, so
+ * it shows what the user may see there. The server checks every path again on save.
+ */
+type __VLS_Props = {
+    component: FileManagerPickerSchema;
+};
+declare const _default: 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>;
+export default _default;
+//# sourceMappingURL=FileManagerPickerField.vue.d.ts.map

package/dist/components/file-manager/FileManagerPickerField.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileManagerPickerField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/file-manager/FileManagerPickerField.vue"],"names":[],"mappings":"AAqLA,OAAO,KAAK,EAGV,uBAAuB,EACxB,MAAM,eAAe,CAAA;AAgBtB;;;;GAIG;AACH,KAAK,WAAW,GAAG;IAAE,SAAS,EAAE,uBAAuB,CAAA;CAAE,CAAC;;AAsZ1D,wBAMG"}

package/dist/components/file-manager/FileManagerPickerField.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,135 @@
+import { useChoice as e, useFormatter as t, useT as n } from "../../context.js";
+import { cn as r } from "../../lib/utils.js";
+import i from "../ui/Button2.js";
+import { useField as ee } from "../form/form-context.js";
+import te from "../ui/Dialog.js";
+import a from "../ui/DialogContent.js";
+import o from "../ui/DialogDescription.js";
+import s from "../ui/DialogHeader.js";
+import c from "../ui/DialogTitle.js";
+import l from "../schema/FieldWrapper.js";
+import { FileManagerBrowser as u } from "./file-manager-lazy.js";
+import { fileManagerSize as ne } from "@alfakit/core";
+import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineComponent as y, normalizeClass as b, openBlock as x, ref as S, renderList as re, resolveDynamicComponent as ie, toDisplayString as C, unref as w, withCtx as T } from "vue";
+import { FileIcon as E, FolderOpenIcon as D, ImageIcon as O, TriangleAlertIcon as k, XIcon as A } from "@lucide/vue";
+//#region src/components/file-manager/FileManagerPickerField.vue?vue&type=script&setup=true&lang.ts
+var j = {
+	class: "flex flex-col gap-2",
+	"data-slot": "file-manager-picker"
+}, M = {
+	key: 0,
+	class: "flex flex-col divide-y rounded-md border"
+}, N = ["data-missing"], P = ["src"], F = { class: "min-w-0 flex-1" }, I = { class: "text-muted-foreground truncate text-xs" }, L = {
+	key: 1,
+	class: "text-muted-foreground text-sm"
+}, R = /*@__PURE__*/ y({
+	__name: "FileManagerPickerField",
+	props: { component: {} },
+	setup(y) {
+		let R = y, z = n(), ae = e(), B = t(), { value: V, setValue: H, error: U, id: W, disabled: G, readOnly: K, aria: q } = ee(() => R.component), J = S(!1), Y = S([]), X = f(() => G.value || K.value), Z = f(() => (Array.isArray(V.value) ? V.value : V.value ? [V.value] : []).filter((e) => typeof e == "string")), Q = f(() => Z.value.map((e) => [...Y.value, ...R.component.files].find((t) => t.value === e) ?? {
+			value: e,
+			name: e.split("/").pop() ?? e
+		})), $ = f(() => R.component.multiple ? R.component.maxFiles ?? Infinity : 1), oe = (e) => {
+			let t = e.filter((e) => typeof e.value == "string");
+			Y.value = [...Y.value, ...t], R.component.multiple ? H([.../* @__PURE__ */ new Set([...Z.value, ...t.map((e) => e.value)])].slice(0, $.value)) : H(t[0]?.value ?? null), J.value = !1;
+		}, se = (e) => {
+			let t = Z.value.filter((t) => t !== e);
+			H(R.component.multiple ? t : t[0] ?? null);
+		};
+		return (e, t) => (x(), p(l, {
+			field: R.component,
+			"html-for": w(W),
+			error: w(U)
+		}, {
+			default: T(() => [g("div", j, [Q.value.length > 0 ? (x(), h("ul", M, [(x(!0), h(d, null, re(Q.value, (e) => (x(), h("li", {
+				key: e.value,
+				class: "flex items-center gap-3 px-3 py-2 text-sm",
+				"data-missing": e.missing ? "" : void 0
+			}, [
+				e.thumbnail ? (x(), h("img", {
+					key: 0,
+					src: e.thumbnail,
+					alt: "",
+					class: "size-8 rounded object-cover"
+				}, null, 8, P)) : e.missing ? (x(), p(w(k), {
+					key: 1,
+					class: "text-destructive size-5",
+					"aria-hidden": "true"
+				})) : e.kind === "image" ? (x(), p(w(O), {
+					key: 2,
+					class: "text-muted-foreground size-5",
+					"aria-hidden": "true"
+				})) : (x(), p(w(E), {
+					key: 3,
+					class: "text-muted-foreground size-5",
+					"aria-hidden": "true"
+				})),
+				g("div", F, [g("p", { class: b(w(r)("truncate font-medium", e.missing && "text-muted-foreground line-through")) }, C(e.name), 3), g("p", I, C(e.missing ? w(z)("file-manager.picker_missing", {}, "This file no longer exists") : w(ne)(e.size, w(B))), 1)]),
+				X.value ? m("", !0) : (x(), p(i, {
+					key: 4,
+					type: "button",
+					variant: "ghost",
+					size: "icon-xs",
+					"aria-label": w(z)("file-manager.picker_remove", { name: e.name }, "Remove :name"),
+					onClick: (t) => se(e.value)
+				}, {
+					default: T(() => [v(w(A), { "aria-hidden": "true" })]),
+					_: 1
+				}, 8, ["aria-label", "onClick"]))
+			], 8, N))), 128))])) : (x(), h("p", L, C(w(z)("file-manager.picker_empty", {}, "No file chosen")), 1)), !X.value && Q.value.length < $.value ? (x(), p(i, {
+				key: 2,
+				id: w(W),
+				type: "button",
+				variant: "outline",
+				class: "self-start",
+				"aria-invalid": w(q)["aria-invalid"],
+				"aria-describedby": w(q)["aria-describedby"],
+				"aria-label": w(z)("file-manager.picker_browse", {}, "Browse files"),
+				onClick: t[0] ||= (e) => J.value = !0
+			}, {
+				default: T(() => [v(w(D), { "aria-hidden": "true" }), _(" " + C(w(z)("file-manager.picker_browse", {}, "Browse files")), 1)]),
+				_: 1
+			}, 8, [
+				"id",
+				"aria-invalid",
+				"aria-describedby",
+				"aria-label"
+			])) : m("", !0)]), v(te, {
+				open: J.value,
+				"onUpdate:open": t[1] ||= (e) => J.value = e
+			}, {
+				default: T(() => [v(a, {
+					class: "max-h-[92vh] gap-3 overflow-hidden p-4 sm:max-w-5xl",
+					"data-slot": "file-manager-picker-dialog"
+				}, {
+					default: T(() => [v(s, null, {
+						default: T(() => [v(c, null, {
+							default: T(() => [_(C(w(ae)("file-manager.picker_heading", R.component.multiple ? 2 : 1, {}, "Choose files")), 1)]),
+							_: 1
+						}), v(o, { class: "sr-only" }, {
+							default: T(() => [_(C(w(z)("file-manager.label", {}, "File manager")), 1)]),
+							_: 1
+						})]),
+						_: 1
+					}), J.value ? (x(), p(ie(w(u)), {
+						key: 0,
+						schema: R.component.browser,
+						"on-choose": oe,
+						"on-cancel": () => J.value = !1
+					}, null, 40, ["schema", "on-cancel"])) : m("", !0)]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["open"])]),
+			_: 1
+		}, 8, [
+			"field",
+			"html-for",
+			"error"
+		]));
+	}
+});
+//#endregion
+export { R as default };
+
+//# sourceMappingURL=FileManagerPickerField.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/file-manager/FileManagerPickerField.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileManagerPickerField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","FieldWrapper","_unref","_withCtx","_createElementVNode","_createElementBlock","_Fragment","_renderList","_normalizeClass","_toDisplayString","Button","_createVNode","_createCommentVNode","_createTextVNode","Dialog","DialogContent","DialogHeader","DialogTitle","DialogDescription","_resolveDynamicComponent","Button_default","Dialog_default","DialogContent_default","DialogDescription_default","DialogHeader_default","DialogTitle_default","FieldWrapper_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","FileManagerPickerField_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","choice","useChoice","formatter","useFormatter","useField","open","ref","picked","locked","computed","disabled","readOnly","values","value","item","files","file","path","max","choose","chosen","entries","entry","setValue","remove","next","openBlock","createBlock","unref","id","error","withCtx","createElementVNode","createElementBlock","Fragment","renderList","TriangleAlertIcon","ImageIcon","FileIcon","normalizeClass","cn","toDisplayString","fileManagerSize","createCommentVNode","createVNode","XIcon","aria","_cache","FolderOpenIcon","createTextVNode","$event","resolveDynamicComponent","FileManagerBrowser"],"sources":["../../../src/components/file-manager/FileManagerPickerField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type {\n  FileManagerEntrySchema,\n  FileManagerPickedFileSchema,\n  FileManagerPickerSchema,\n} from '@alfakit/core'\nimport { fileManagerSize } from '@alfakit/core'\nimport { FileIcon, FolderOpenIcon, ImageIcon, TriangleAlertIcon, XIcon } from '@lucide/vue'\nimport { computed, ref } from 'vue'\nimport { useChoice, useFormatter, useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport { useField } from '../form/form-context'\nimport FieldWrapper from '../schema/FieldWrapper.vue'\nimport Button from '../ui/Button.vue'\nimport Dialog from '../ui/Dialog.vue'\nimport DialogContent from '../ui/DialogContent.vue'\nimport DialogDescription from '../ui/DialogDescription.vue'\nimport DialogHeader from '../ui/DialogHeader.vue'\nimport DialogTitle from '../ui/DialogTitle.vue'\nimport { FileManagerBrowser } from './file-manager-lazy'\n\n/**\n * `FileManagerPicker` (alfasix/alfakit-file-manager): files picked from the file manager.\n * The state is their paths on the disk; the browser runs through the file manager page, so\n * it shows what the user may see there. The server checks every path again on save.\n */\nconst props = defineProps<{ component: FileManagerPickerSchema }>()\nconst t = useT()\nconst choice = useChoice()\nconst formatter = useFormatter()\nconst { value, setValue, error, id, disabled, readOnly, aria } = useField<string | string[] | null>(\n  () => props.component,\n)\nconst open = ref(false)\n// Files picked in this session (the schema only knows the saved ones).\nconst picked = ref<FileManagerPickedFileSchema[]>([])\nconst locked = computed(() => disabled.value || readOnly.value)\nconst values = computed(() =>\n  (Array.isArray(value.value) ? value.value : value.value ? [value.value] : []).filter(\n    (item): item is string => typeof item === 'string',\n  ),\n)\nconst files = computed(() =>\n  values.value.map(\n    (path) =>\n      [...picked.value, ...props.component.files].find((file) => file.value === path) ?? {\n        value: path,\n        name: path.split('/').pop() ?? path,\n      },\n  ),\n)\nconst max = computed(() => (props.component.multiple ? (props.component.maxFiles ?? Infinity) : 1))\n\nconst choose = (entries: FileManagerEntrySchema[]) => {\n  const chosen = entries.filter(\n    (entry): entry is FileManagerEntrySchema & { value: string } => typeof entry.value === 'string',\n  )\n\n  picked.value = [...picked.value, ...chosen]\n\n  if (props.component.multiple) {\n    setValue(\n      [...new Set([...values.value, ...chosen.map((entry) => entry.value)])].slice(0, max.value),\n    )\n  } else {\n    setValue(chosen[0]?.value ?? null)\n  }\n\n  open.value = false\n}\n\nconst remove = (path: string) => {\n  const next = values.value.filter((item) => item !== path)\n  setValue(props.component.multiple ? next : (next[0] ?? null))\n}\n</script>\n\n<template>\n  <FieldWrapper :field=\"props.component\" :html-for=\"id\" :error=\"error\">\n    <div class=\"flex flex-col gap-2\" data-slot=\"file-manager-picker\">\n      <ul v-if=\"files.length > 0\" class=\"flex flex-col divide-y rounded-md border\">\n        <li\n          v-for=\"file in files\"\n          :key=\"file.value\"\n          class=\"flex items-center gap-3 px-3 py-2 text-sm\"\n          :data-missing=\"file.missing ? '' : undefined\"\n        >\n          <img\n            v-if=\"file.thumbnail\"\n            :src=\"file.thumbnail\"\n            alt=\"\"\n            class=\"size-8 rounded object-cover\"\n          />\n          <TriangleAlertIcon\n            v-else-if=\"file.missing\"\n            class=\"text-destructive size-5\"\n            aria-hidden=\"true\"\n          />\n          <ImageIcon\n            v-else-if=\"file.kind === 'image'\"\n            class=\"text-muted-foreground size-5\"\n            aria-hidden=\"true\"\n          />\n          <FileIcon v-else class=\"text-muted-foreground size-5\" aria-hidden=\"true\" />\n          <div class=\"min-w-0 flex-1\">\n            <p\n              :class=\"\n                cn('truncate font-medium', file.missing && 'text-muted-foreground line-through')\n              \"\n            >\n              {{ file.name }}\n            </p>\n            <p class=\"text-muted-foreground truncate text-xs\">\n              {{\n                file.missing\n                  ? t('file-manager.picker_missing', {}, 'This file no longer exists')\n                  : fileManagerSize(file.size, formatter)\n              }}\n            </p>\n          </div>\n          <Button\n            v-if=\"!locked\"\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon-xs\"\n            :aria-label=\"t('file-manager.picker_remove', { name: file.name }, 'Remove :name')\"\n            @click=\"remove(file.value)\"\n          >\n            <XIcon aria-hidden=\"true\" />\n          </Button>\n        </li>\n      </ul>\n      <p v-else class=\"text-muted-foreground text-sm\">\n        {{ t('file-manager.picker_empty', {}, 'No file chosen') }}\n      </p>\n      <Button\n        v-if=\"!locked && files.length < max\"\n        :id=\"id\"\n        type=\"button\"\n        variant=\"outline\"\n        class=\"self-start\"\n        :aria-invalid=\"aria['aria-invalid']\"\n        :aria-describedby=\"aria['aria-describedby']\"\n        :aria-label=\"t('file-manager.picker_browse', {}, 'Browse files')\"\n        @click=\"open = true\"\n      >\n        <FolderOpenIcon aria-hidden=\"true\" />\n        {{ t('file-manager.picker_browse', {}, 'Browse files') }}\n      </Button>\n    </div>\n    <Dialog :open=\"open\" @update:open=\"open = $event\">\n      <DialogContent\n        class=\"max-h-[92vh] gap-3 overflow-hidden p-4 sm:max-w-5xl\"\n        data-slot=\"file-manager-picker-dialog\"\n      >\n        <DialogHeader>\n          <DialogTitle>{{\n            choice(\n              'file-manager.picker_heading',\n              props.component.multiple ? 2 : 1,\n              {},\n              'Choose files',\n            )\n          }}</DialogTitle>\n          <DialogDescription class=\"sr-only\">{{\n            t('file-manager.label', {}, 'File manager')\n          }}</DialogDescription>\n        </DialogHeader>\n        <component\n          :is=\"FileManagerBrowser\"\n          v-if=\"open\"\n          :schema=\"props.component.browser\"\n          :on-choose=\"choose\"\n          :on-cancel=\"() => (open = false)\"\n        />\n      </DialogContent>\n    </Dialog>\n  </FieldWrapper>\n</template>\n"],"mappings":"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"}

package/dist/components/file-manager/FileManagerSkeleton.js

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

package/dist/components/file-manager/FileManagerSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileManagerSkeleton.js","names":["_sfc_main","FileManagerSkeleton_vue_vue_type_script_setup_true_lang_default","FileManagerSkeleton_default"],"sources":["../../../src/components/file-manager/FileManagerSkeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FileManagerSchema } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { useT } from '../../context'\nimport Card from '../ui/Card.vue'\nimport Skeleton from '../ui/Skeleton.vue'\n\nconst props = defineProps<{ component?: FileManagerSchema }>()\nconst t = useT()\nconst grid = computed(() => props.component?.view !== 'list')\n</script>\n\n<template>\n  <Card class=\"gap-0 overflow-hidden py-0\" aria-busy=\"true\" data-slot=\"file-manager\">\n    <span class=\"sr-only\">{{ t('file-manager.loading', {}, 'Loading files') }}</span>\n    <div class=\"flex items-center gap-2 border-b p-3\" aria-hidden=\"true\">\n      <Skeleton class=\"h-6 w-40\" />\n      <Skeleton class=\"ms-auto h-9 w-52\" />\n      <Skeleton class=\"h-9 w-24\" />\n    </div>\n    <div class=\"flex min-h-[28rem]\" aria-hidden=\"true\">\n      <div class=\"hidden w-60 flex-col gap-2 border-e p-3 md:flex\">\n        <Skeleton v-for=\"index in 5\" :key=\"index\" class=\"h-6\" />\n      </div>\n      <div\n        :class=\"\n          grid\n            ? 'grid flex-1 grid-cols-2 content-start gap-3 p-3 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6'\n            : 'flex flex-1 flex-col gap-2 p-3'\n        \"\n      >\n        <Skeleton v-for=\"index in 12\" :key=\"index\" :class=\"grid ? 'aspect-[4/3]' : 'h-10'\" />\n      </div>\n    </div>\n  </Card>\n</template>\n"],"mappings":""}

package/dist/components/file-manager/FileManagerSkeleton.vue.d.ts

@@ -0,0 +1,7 @@
+import type { FileManagerSchema } from '@alfakit/core';
+type __VLS_Props = {
+    component?: FileManagerSchema;
+};
+declare const _default: 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>;
+export default _default;
+//# sourceMappingURL=FileManagerSkeleton.vue.d.ts.map

package/dist/components/file-manager/FileManagerSkeleton.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileManagerSkeleton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/file-manager/FileManagerSkeleton.vue"],"names":[],"mappings":"AAsCA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAMtD,KAAK,WAAW,GAAG;IAAE,SAAS,CAAC,EAAE,iBAAiB,CAAA;CAAE,CAAC;;AAmJrD,wBAMG"}

package/dist/components/file-manager/FileManagerSkeleton.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,44 @@
+import { useT as e } from "../../context.js";
+import t from "../ui/Skeleton.js";
+import n from "../ui/Card.js";
+import { Fragment as r, computed as i, createBlock as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderList as f, toDisplayString as p, unref as m, withCtx as h } from "vue";
+//#region src/components/file-manager/FileManagerSkeleton.vue?vue&type=script&setup=true&lang.ts
+var g = { class: "sr-only" }, _ = {
+	class: "flex items-center gap-2 border-b p-3",
+	"aria-hidden": "true"
+}, v = {
+	class: "flex min-h-[28rem]",
+	"aria-hidden": "true"
+}, y = { class: "hidden w-60 flex-col gap-2 border-e p-3 md:flex" }, b = /*@__PURE__*/ l({
+	__name: "FileManagerSkeleton",
+	props: { component: {} },
+	setup(l) {
+		let b = l, x = e(), S = i(() => b.component?.view !== "list");
+		return (e, i) => (d(), a(n, {
+			class: "gap-0 overflow-hidden py-0",
+			"aria-busy": "true",
+			"data-slot": "file-manager"
+		}, {
+			default: h(() => [
+				s("span", g, p(m(x)("file-manager.loading", {}, "Loading files")), 1),
+				s("div", _, [
+					c(t, { class: "h-6 w-40" }),
+					c(t, { class: "ms-auto h-9 w-52" }),
+					c(t, { class: "h-9 w-24" })
+				]),
+				s("div", v, [s("div", y, [(d(), o(r, null, f(5, (e) => c(t, {
+					key: e,
+					class: "h-6"
+				})), 64))]), s("div", { class: u(S.value ? "grid flex-1 grid-cols-2 content-start gap-3 p-3 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6" : "flex flex-1 flex-col gap-2 p-3") }, [(d(), o(r, null, f(12, (e) => c(t, {
+					key: e,
+					class: u(S.value ? "aspect-[4/3]" : "h-10")
+				}, null, 8, ["class"])), 64))], 2)])
+			]),
+			_: 1
+		}));
+	}
+});
+//#endregion
+export { b as default };
+
+//# sourceMappingURL=FileManagerSkeleton.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/file-manager/FileManagerSkeleton.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileManagerSkeleton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Card","_withCtx","_createElementVNode","_toDisplayString","_unref","_createVNode","Skeleton","_createElementBlock","_Fragment","_renderList","_normalizeClass","Skeleton_default","Card_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","FileManagerSkeleton_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","grid","computed","openBlock","createBlock","withCtx","createElementVNode","toDisplayString","unref","createVNode","createElementBlock","Fragment","renderList","index","normalizeClass"],"sources":["../../../src/components/file-manager/FileManagerSkeleton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FileManagerSchema } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { useT } from '../../context'\nimport Card from '../ui/Card.vue'\nimport Skeleton from '../ui/Skeleton.vue'\n\nconst props = defineProps<{ component?: FileManagerSchema }>()\nconst t = useT()\nconst grid = computed(() => props.component?.view !== 'list')\n</script>\n\n<template>\n  <Card class=\"gap-0 overflow-hidden py-0\" aria-busy=\"true\" data-slot=\"file-manager\">\n    <span class=\"sr-only\">{{ t('file-manager.loading', {}, 'Loading files') }}</span>\n    <div class=\"flex items-center gap-2 border-b p-3\" aria-hidden=\"true\">\n      <Skeleton class=\"h-6 w-40\" />\n      <Skeleton class=\"ms-auto h-9 w-52\" />\n      <Skeleton class=\"h-9 w-24\" />\n    </div>\n    <div class=\"flex min-h-[28rem]\" aria-hidden=\"true\">\n      <div class=\"hidden w-60 flex-col gap-2 border-e p-3 md:flex\">\n        <Skeleton v-for=\"index in 5\" :key=\"index\" class=\"h-6\" />\n      </div>\n      <div\n        :class=\"\n          grid\n            ? 'grid flex-1 grid-cols-2 content-start gap-3 p-3 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6'\n            : 'flex flex-1 flex-col gap-2 p-3'\n        \"\n      >\n        <Skeleton v-for=\"index in 12\" :key=\"index\" :class=\"grid ? 'aspect-[4/3]' : 'h-10'\" />\n      </div>\n    </div>\n  </Card>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAOA,IAAMoB,IAAQC,GACRC,IAAIC,EAAK,GACTC,IAAOC,QAAeL,EAAM,WAAW,SAAS,MAAM;oBAI1DpB,EAAA,GAAAC,EAqBOC,GAAA;GArBD,OAAM;GAA6B,aAAU;GAAO,aAAU;;GAClE,SAAAC,QAAiF;IAAjFC,EAAiF,QAAjFW,GAAiFV,EAAxDC,EAAAgB,CAAA,CAAC,CAAA,wBAAA,CAAA,GAAA,eAAA,CAAA,GAAA,CAAA;IAC1BlB,EAIM,OAJNY,GAIM;KAHJT,EAA6BC,GAAA,EAAnB,OAAM,WAAU,CAAA;KAC1BD,EAAqCC,GAAA,EAA3B,OAAM,mBAAkB,CAAA;KAClCD,EAA6BC,GAAA,EAAnB,OAAM,WAAU,CAAA;;IAE5BJ,EAaM,OAbNa,GAaM,CAZJb,EAEM,OAFNc,GAEM,EADJlB,EAAA,GAAAS,EAAwDC,GAAA,MAAAC,EAA9B,IAAT,MAAjBJ,EAAwDC,GAAA;KAA1B,KAAK4B;KAAO,OAAM;MAElDhC,GAAAA,EAAAA,EAAAA,CAAAA,GAAAA,EAQM,OAAA,EAPH,OAAKQ,EAAaY,EAAA,QAAA,iGAAA,gCAAA,EAAA,GAAA,EAMnBxB,EAAA,GAAAS,EAAqFC,GAAA,MAAAC,EAA3D,KAAT,MAAjBJ,EAAqFC,GAAA;KAAtD,KAAK4B;KAAQ,OAAKxB,EAAEY,EAAA,QAAI,iBAAA,MAAA"}

package/dist/components/file-manager/FileManagerTree.js

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

package/dist/components/file-manager/FileManagerTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileManagerTree.js","names":["_sfc_main","FileManagerTree_vue_vue_type_script_setup_true_lang_default","FileManagerTree_default"],"sources":["../../../src/components/file-manager/FileManagerTree.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { FileManagerController } from '@alfakit/core'\nimport { ChevronRightIcon, FolderIcon, FolderOpenIcon } from '@lucide/vue'\nimport { useT } from '../../context'\nimport { useStore } from '../../composables/use-store'\nimport { cn } from '../../lib/utils'\n\ntype DropHandlers = Record<'dragover' | 'dragleave' | 'drop', (event: DragEvent) => void>\n\n/** The folder tree of the file manager (and the destination chooser of move and copy). */\nconst props = defineProps<{\n  controller: FileManagerController\n  active: string | null\n  dropHandlers?: (target: string) => DropHandlers\n  parent?: string\n  level?: number\n}>()\nconst emit = defineEmits<{ open: [path: string] }>()\nconst t = useT()\nconst state = useStore(props.controller.store)\nconst level = props.level ?? 1\nconst folders = () => {\n  void state.value.tree\n\n  return props.controller.children(props.parent ?? '') ?? []\n}\nconst expanded = (path: string) => state.value.expanded.includes(path)\n</script>\n\n<template>\n  <nav\n    v-if=\"level === 1\"\n    :aria-label=\"t('file-manager.folders', {}, 'Folders')\"\n    data-slot=\"file-manager-tree\"\n  >\n    <button\n      type=\"button\"\n      :class=\"\n        cn(\n          'hover:bg-accent flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-start text-sm',\n          active === '' && 'bg-accent font-medium',\n        )\n      \"\n      :aria-current=\"active === '' ? 'page' : undefined\"\n      @click=\"emit('open', '')\"\n    >\n      <FolderOpenIcon class=\"text-primary size-4\" aria-hidden=\"true\" />\n      {{ t('file-manager.root', {}, 'Files') }}\n    </button>\n    <FileManagerTree\n      :controller=\"controller\"\n      :active=\"active\"\n      :drop-handlers=\"dropHandlers\"\n      parent=\"\"\n      :level=\"2\"\n      @open=\"emit('open', $event)\"\n    />\n  </nav>\n  <ul\n    v-else-if=\"folders().length > 0\"\n    class=\"flex flex-col\"\n    :role=\"level > 2 ? 'group' : undefined\"\n  >\n    <li v-for=\"folder in folders()\" :key=\"folder.path\" data-slot=\"file-manager-tree-item\">\n      <div\n        :class=\"\n          cn(\n            'hover:bg-accent flex items-center gap-1 rounded-md pe-2 text-sm',\n            active === folder.path && 'bg-accent font-medium',\n            state.dropTarget === folder.path && 'ring-primary ring-2',\n          )\n        \"\n        :style=\"{ paddingInlineStart: `${(level - 2) * 0.75}rem` }\"\n        v-on=\"dropHandlers ? dropHandlers(folder.path) : {}\"\n      >\n        <button\n          v-if=\"folder.hasChildren\"\n          type=\"button\"\n          class=\"text-muted-foreground hover:text-foreground rounded p-1\"\n          :aria-expanded=\"expanded(folder.path)\"\n          :aria-label=\"\n            expanded(folder.path)\n              ? t('file-manager.collapse', { name: folder.name }, 'Collapse :name')\n              : t('file-manager.expand', { name: folder.name }, 'Expand :name')\n          \"\n          @click=\"controller.toggleFolder(folder.path)\"\n        >\n          <ChevronRightIcon\n            :class=\"\n              cn(\n                'size-3.5 transition-transform',\n                expanded(folder.path) ? 'rotate-90' : 'rtl:rotate-180',\n              )\n            \"\n            aria-hidden=\"true\"\n          />\n        </button>\n        <span v-else class=\"w-5.5 shrink-0\" aria-hidden=\"true\" />\n        <button\n          type=\"button\"\n          class=\"flex min-w-0 flex-1 items-center gap-2 py-1.5 text-start\"\n          :aria-current=\"active === folder.path ? 'page' : undefined\"\n          @click=\"emit('open', folder.path)\"\n        >\n          <FolderIcon class=\"text-primary size-4 shrink-0\" aria-hidden=\"true\" />\n          <span class=\"truncate\">{{ folder.name }}</span>\n        </button>\n      </div>\n      <FileManagerTree\n        v-if=\"expanded(folder.path)\"\n        :controller=\"controller\"\n        :active=\"active\"\n        :drop-handlers=\"dropHandlers\"\n        :parent=\"folder.path\"\n        :level=\"level + 1\"\n        @open=\"emit('open', $event)\"\n      />\n    </li>\n  </ul>\n</template>\n"],"mappings":""}

package/dist/components/file-manager/FileManagerTree.vue.d.ts

@@ -0,0 +1,17 @@
+import type { FileManagerController } from '@alfakit/core';
+type DropHandlers = Record<'dragover' | 'dragleave' | 'drop', (event: DragEvent) => void>;
+/** The folder tree of the file manager (and the destination chooser of move and copy). */
+type __VLS_Props = {
+    controller: FileManagerController;
+    active: string | null;
+    dropHandlers?: (target: string) => DropHandlers;
+    parent?: string;
+    level?: number;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    open: (path: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onOpen?: ((path: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=FileManagerTree.vue.d.ts.map

package/dist/components/file-manager/FileManagerTree.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileManagerTree.vue.d.ts","sourceRoot":"","sources":["../../../src/components/file-manager/FileManagerTree.vue"],"names":[],"mappings":"AA0HA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAM1D,KAAK,YAAY,GAAG,MAAM,CAAC,UAAU,GAAG,WAAW,GAAG,MAAM,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC,CAAA;AAEzF,0FAA0F;AAC1F,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,qBAAqB,CAAA;IACjC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,YAAY,CAAA;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;;;;;;AAmQF,wBAOG"}