@alfakit/vue 0.0.0-stage → 0.1.0

package/dist/components/fields/code-editor-lazy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-editor-lazy.d.ts","sourceRoot":"","sources":["../../../src/components/fields/code-editor-lazy.ts"],"names":[],"mappings":"AAGA,kFAAkF;AAClF,eAAO,MAAM,eAAe,yBAI3B,CAAA"}

package/dist/components/fields/code-editor-lazy.js

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

package/dist/components/fields/code-editor-lazy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-editor-lazy.js","names":["CodeEditorPlaceholder","CodeEditorPlaceholder_default","CodeEditorField","lazyComponent","module"],"sources":["../../../src/components/fields/code-editor-lazy.ts"],"sourcesContent":["import { lazyComponent } from '../../lib/lazy'\nimport CodeEditorPlaceholder from './CodeEditorPlaceholder.vue'\n\n/** The code editor; its code loads the first time one is shown in the browser. */\nexport const CodeEditorField = lazyComponent(\n  'CodeEditorField',\n  () => import('./CodeEditorField.vue').then((module) => module.default),\n  CodeEditorPlaceholder,\n)\n"],"mappings":";;;AAIA,IAAaE,IAAkBC,EAC7B,yBACM,OAAO,uBAAwB,CAAC,MAAM,MAAWC,EAAO,OAAO,GACrEJ,CACF"}

package/dist/components/fields/code-tokens.d.ts

@@ -0,0 +1,4 @@
+import type { CodeTokenKind } from '@alfakit/core';
+/** Token colours; spelled out so Tailwind keeps them. */
+export declare const codeTokenClasses: Record<CodeTokenKind, string>;
+//# sourceMappingURL=code-tokens.d.ts.map

package/dist/components/fields/code-tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-tokens.d.ts","sourceRoot":"","sources":["../../../src/components/fields/code-tokens.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAElD,yDAAyD;AACzD,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAW1D,CAAA"}

package/dist/components/fields/code-tokens.js

@@ -0,0 +1,17 @@
+//#region src/components/fields/code-tokens.ts
+var e = {
+	plain: "",
+	comment: "text-muted-foreground italic",
+	string: "text-emerald-700 dark:text-emerald-400",
+	number: "text-amber-700 dark:text-amber-400",
+	keyword: "text-violet-700 dark:text-violet-400",
+	literal: "text-orange-700 dark:text-orange-400",
+	tag: "text-sky-700 dark:text-sky-400",
+	attribute: "text-amber-800 dark:text-amber-300",
+	property: "text-sky-800 dark:text-sky-300",
+	variable: "text-rose-700 dark:text-rose-400"
+};
+//#endregion
+export { e as codeTokenClasses };
+
+//# sourceMappingURL=code-tokens.js.map

package/dist/components/fields/code-tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-tokens.js","names":["codeTokenClasses"],"sources":["../../../src/components/fields/code-tokens.ts"],"sourcesContent":["import type { CodeTokenKind } from '@alfakit/core'\n\n/** Token colours; spelled out so Tailwind keeps them. */\nexport const codeTokenClasses: Record<CodeTokenKind, string> = {\n  plain: '',\n  comment: 'text-muted-foreground italic',\n  string: 'text-emerald-700 dark:text-emerald-400',\n  number: 'text-amber-700 dark:text-amber-400',\n  keyword: 'text-violet-700 dark:text-violet-400',\n  literal: 'text-orange-700 dark:text-orange-400',\n  tag: 'text-sky-700 dark:text-sky-400',\n  attribute: 'text-amber-800 dark:text-amber-300',\n  property: 'text-sky-800 dark:text-sky-300',\n  variable: 'text-rose-700 dark:text-rose-400',\n}\n"],"mappings":";AAGA,IAAaA,IAAkD;CAC7D,OAAO;CACP,SAAS;CACT,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,SAAS;CACT,KAAK;CACL,WAAW;CACX,UAAU;CACV,UAAU;AACZ"}

package/dist/components/fields/date-format.d.ts

@@ -0,0 +1,3 @@
+/** Convert a PHP date format to a date-fns format string (common tokens only). */
+export declare function phpToDateFnsFormat(format: string): string;
+//# sourceMappingURL=date-format.d.ts.map

package/dist/components/fields/date-format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-format.d.ts","sourceRoot":"","sources":["../../../src/components/fields/date-format.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAClF,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CA2BzD"}

package/dist/components/fields/date-format.js

@@ -0,0 +1,29 @@
+//#region src/components/fields/date-format.ts
+function e(e) {
+	let t = {
+		d: "dd",
+		j: "d",
+		D: "EEE",
+		l: "EEEE",
+		m: "MM",
+		n: "M",
+		M: "MMM",
+		F: "MMMM",
+		Y: "yyyy",
+		y: "yy",
+		H: "HH",
+		G: "H",
+		h: "hh",
+		g: "h",
+		i: "mm",
+		s: "ss",
+		A: "a",
+		a: "aaa",
+		U: "t"
+	};
+	return e.split("").map((e) => t[e] ?? (/[a-z]/i.test(e) ? `'${e}'` : e)).join("");
+}
+//#endregion
+export { e as phpToDateFnsFormat };
+
+//# sourceMappingURL=date-format.js.map

package/dist/components/fields/date-format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-format.js","names":["phpToDateFnsFormat","map","format","char"],"sources":["../../../src/components/fields/date-format.ts"],"sourcesContent":["/** Convert a PHP date format to a date-fns format string (common tokens only). */\nexport function phpToDateFnsFormat(format: string): string {\n  const map: Record<string, string> = {\n    d: 'dd',\n    j: 'd',\n    D: 'EEE',\n    l: 'EEEE',\n    m: 'MM',\n    n: 'M',\n    M: 'MMM',\n    F: 'MMMM',\n    Y: 'yyyy',\n    y: 'yy',\n    H: 'HH',\n    G: 'H',\n    h: 'hh',\n    g: 'h',\n    i: 'mm',\n    s: 'ss',\n    A: 'a',\n    a: 'aaa',\n    U: 't',\n  }\n\n  return format\n    .split('')\n    .map((char) => map[char] ?? (/[a-z]/i.test(char) ? `'${char}'` : char))\n    .join('')\n}\n"],"mappings":";AACA,SAAgBA,EAAmB,GAAwB;CACzD,IAAMC,IAA8B;EAClC,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;CACL;CAEA,OAAOC,EACJ,MAAM,EAAE,CAAC,CACT,KAAK,MAASD,EAAIE,OAAU,SAAS,KAAKA,CAAI,IAAI,IAAIA,EAAK,KAAKA,EAAK,CAAC,CACtE,KAAK,EAAE;AACZ"}

package/dist/components/fields/icon-picker-lazy.d.ts

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

package/dist/components/fields/icon-picker-lazy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-picker-lazy.d.ts","sourceRoot":"","sources":["../../../src/components/fields/icon-picker-lazy.ts"],"names":[],"mappings":"AAGA,kFAAkF;AAClF,eAAO,MAAM,eAAe,yBAI3B,CAAA"}

package/dist/components/fields/icon-picker-lazy.js

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

package/dist/components/fields/icon-picker-lazy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-picker-lazy.js","names":["IconPickerPlaceholder","IconPickerPlaceholder_default","IconPickerField","lazyComponent","module"],"sources":["../../../src/components/fields/icon-picker-lazy.ts"],"sourcesContent":["import { lazyComponent } from '../../lib/lazy'\nimport IconPickerPlaceholder from './IconPickerPlaceholder.vue'\n\n/** The icon picker; its code loads the first time one is shown in the browser. */\nexport const IconPickerField = lazyComponent(\n  'IconPickerField',\n  () => import('./IconPickerField.vue').then((module) => module.default),\n  IconPickerPlaceholder,\n)\n"],"mappings":";;;AAIA,IAAaE,IAAkBC,EAC7B,yBACM,OAAO,uBAAwB,CAAC,MAAM,MAAWC,EAAO,OAAO,GACrEJ,CACF"}

package/dist/components/fields/icon-picker-sizes.d.ts

@@ -0,0 +1,16 @@
+/** Icon sizes per `previewSize()`: the drawn icon and its grid cell. */
+export declare const ICON_PICKER_SIZES: {
+    readonly sm: {
+        readonly icon: "size-4";
+        readonly cell: "h-8";
+    };
+    readonly md: {
+        readonly icon: "size-5";
+        readonly cell: "h-10";
+    };
+    readonly lg: {
+        readonly icon: "size-6";
+        readonly cell: "h-12";
+    };
+};
+//# sourceMappingURL=icon-picker-sizes.d.ts.map

package/dist/components/fields/icon-picker-sizes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-picker-sizes.d.ts","sourceRoot":"","sources":["../../../src/components/fields/icon-picker-sizes.ts"],"names":[],"mappings":"AAAA,wEAAwE;AACxE,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;CAIpB,CAAA"}

package/dist/components/fields/icon-picker-sizes.js

@@ -0,0 +1,19 @@
+//#region src/components/fields/icon-picker-sizes.ts
+var e = {
+	sm: {
+		icon: "size-4",
+		cell: "h-8"
+	},
+	md: {
+		icon: "size-5",
+		cell: "h-10"
+	},
+	lg: {
+		icon: "size-6",
+		cell: "h-12"
+	}
+};
+//#endregion
+export { e as ICON_PICKER_SIZES };
+
+//# sourceMappingURL=icon-picker-sizes.js.map

package/dist/components/fields/icon-picker-sizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-picker-sizes.js","names":["ICON_PICKER_SIZES"],"sources":["../../../src/components/fields/icon-picker-sizes.ts"],"sourcesContent":["/** Icon sizes per `previewSize()`: the drawn icon and its grid cell. */\nexport const ICON_PICKER_SIZES = {\n  sm: { icon: 'size-4', cell: 'h-8' },\n  md: { icon: 'size-5', cell: 'h-10' },\n  lg: { icon: 'size-6', cell: 'h-12' },\n} as const\n"],"mappings":";AACA,IAAaA,IAAoB;CAC/B,IAAI;EAAE,MAAM;EAAU,MAAM;CAAM;CAClC,IAAI;EAAE,MAAM;EAAU,MAAM;CAAO;CACnC,IAAI;EAAE,MAAM;EAAU,MAAM;CAAO;AACrC"}

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

@@ -0,0 +1,25 @@
+export { default as BuilderField } from './BuilderField.vue';
+export { default as CheckboxField } from './CheckboxField.vue';
+export { default as CheckboxListField } from './CheckboxListField.vue';
+export { CodeEditorField } from './code-editor-lazy';
+export { default as ColorPickerField } from './ColorPickerField.vue';
+export { phpToDateFnsFormat } from './date-format';
+export { default as DatePickerField } from './DatePickerField.vue';
+export { default as FileUploadField } from './FileUploadField.vue';
+export { default as HiddenField } from './HiddenField.vue';
+export { IconPickerField } from './icon-picker-lazy';
+export { default as KeyValueField } from './KeyValueField.vue';
+export { ModalTableSelectField, QueryBuilderRulesField } from './lazy-fields';
+export { default as MoneyInputField } from './MoneyInputField.vue';
+export { default as OneTimeCodeInputField } from './OneTimeCodeInputField.vue';
+export { default as RadioField } from './RadioField.vue';
+export { default as RepeaterField } from './RepeaterField.vue';
+export { RichEditorField } from './rich-editor-lazy';
+export { default as SelectField } from './SelectField.vue';
+export { default as SliderField } from './SliderField.vue';
+export { default as TagsInputField } from './TagsInputField.vue';
+export { default as TextareaField } from './TextareaField.vue';
+export { default as TextInputField } from './TextInputField.vue';
+export { default as ToggleButtonsField } from './ToggleButtonsField.vue';
+export { default as ToggleField } from './ToggleField.vue';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/fields/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAC7E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAC9E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AACxE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/components/fields/item-actions.d.ts

@@ -0,0 +1,17 @@
+import type { ActionContext, ItemActionFallback, ItemActionName, ItemActionSchema } from '@alfakit/core';
+import { type MaybeRefOrGetter } from 'vue';
+/** Default looks of the built-in item actions, for payloads without `itemActions`. */
+export declare function useItemActionFallbacks(): Record<ItemActionName, ItemActionFallback>;
+/** Run a built-in action: on the server when customised, else `onClient`. */
+export declare function useRunItemAction(context: MaybeRefOrGetter<ActionContext>): (action: ItemActionSchema | null, args: Record<string, unknown>, onClient: () => void) => void;
+/**
+ * Moves made with the item move buttons: one at a time, announced in a live region
+ * (`announcement`) and with focus kept on the moved item's move button. Put `container` on
+ * an element holding the items (they carry `data-index`).
+ */
+export declare function useItemMoves(value: MaybeRefOrGetter<unknown>, move: (from: number, to: number) => void, labelFor: (index: number) => string | null | undefined, count: MaybeRefOrGetter<number>): {
+    moveWithButton: (from: number, to: number) => void;
+    announcement: import("vue").Ref<string, string>;
+    container: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+};
+//# sourceMappingURL=item-actions.d.ts.map

package/dist/components/fields/item-actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-actions.d.ts","sourceRoot":"","sources":["../../../src/components/fields/item-actions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EACjB,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAiC,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAA;AAG1E,sFAAsF;AACtF,wBAAgB,sBAAsB,IAAI,MAAM,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAuBnF;AAED,6EAA6E;AAC7E,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,gBAAgB,CAAC,aAAa,CAAC,IAIrE,QAAQ,gBAAgB,GAAG,IAAI,EAC/B,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC7B,UAAU,MAAM,IAAI,KACnB,IAAI,CAKR;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,gBAAgB,CAAC,OAAO,CAAC,EAChC,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,EACxC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,EACtD,KAAK,EAAE,gBAAgB,CAAC,MAAM,CAAC;2BAcD,MAAM,MAAM,MAAM;;;EAsBjD"}

package/dist/components/fields/item-actions.js

@@ -0,0 +1,85 @@
+import { useActionRunner as e, useT as t } from "../../context.js";
+import { ItemMoveTracker as n, itemActionContext as r } from "@alfakit/core";
+import { nextTick as i, ref as a, toValue as o, watch as s } from "vue";
+//#region src/components/fields/item-actions.ts
+function c() {
+	let e = t();
+	return {
+		add: {
+			label: "",
+			icon: "plus",
+			variant: "outline"
+		},
+		delete: {
+			label: e("form.remove_item", {}, "Remove"),
+			icon: "trash-2",
+			color: "danger"
+		},
+		clone: {
+			label: e("form.clone", {}, "Clone"),
+			icon: "copy"
+		},
+		reorder: {
+			label: e("form.reorder_item", {}, "Reorder"),
+			icon: "grip-vertical"
+		},
+		moveUp: {
+			label: e("form.move_up", {}, "Move up"),
+			icon: "chevron-up"
+		},
+		moveDown: {
+			label: e("form.move_down", {}, "Move down"),
+			icon: "chevron-down"
+		},
+		collapse: {
+			label: e("form.collapse_item", {}, "Collapse"),
+			icon: "chevron-up"
+		},
+		expand: {
+			label: e("form.expand_item", {}, "Expand"),
+			icon: "chevron-down"
+		},
+		collapseAll: {
+			label: e("form.collapse_all", {}, "Collapse all"),
+			icon: "chevrons-down-up",
+			variant: "link"
+		},
+		expandAll: {
+			label: e("form.expand_all", {}, "Expand all"),
+			icon: "chevrons-up-down",
+			variant: "link"
+		}
+	};
+}
+function l(t) {
+	let n = e();
+	return (e, i, a) => {
+		e && (e.server ? n.trigger(e, r(o(t), i)) : a());
+	};
+}
+function u(e, r, c, l) {
+	let u = t(), d = new n(), f = a(""), p = a(null);
+	return s(() => o(e), () => {
+		d.isMoving && i(() => d.finish(p.value));
+	}), {
+		moveWithButton: (e, t) => {
+			let n = o(l);
+			if (t < 0 || t >= n || !d.begin(e, t)) return;
+			let i = c(e);
+			r(e, t), f.value = i ? u("form.labelled_item_moved", {
+				item: i,
+				position: t + 1,
+				total: n
+			}, ":item moved to position :position of :total") : u("form.item_moved", {
+				position: t + 1,
+				total: n
+			}, "Item moved to position :position of :total");
+		},
+		announcement: f,
+		container: p
+	};
+}
+//#endregion
+export { c as useItemActionFallbacks, u as useItemMoves, l as useRunItemAction };
+
+//# sourceMappingURL=item-actions.js.map

package/dist/components/fields/item-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-actions.js","names":["useItemActionFallbacks","t","useT","useRunItemAction","runner","useActionRunner","action","itemActionContext","toValue","context","args","onClient","useItemMoves","tracker","ItemMoveTracker","announcement","ref","container","watch","value","nextTick","total","count","to","from","label","labelFor","move"],"sources":["../../../src/components/fields/item-actions.ts"],"sourcesContent":["import type {\n  ActionContext,\n  ItemActionFallback,\n  ItemActionName,\n  ItemActionSchema,\n} from '@alfakit/core'\nimport { ItemMoveTracker, itemActionContext } from '@alfakit/core'\nimport { nextTick, ref, toValue, watch, type MaybeRefOrGetter } from 'vue'\nimport { useActionRunner, useT } from '../../context'\n\n/** Default looks of the built-in item actions, for payloads without `itemActions`. */\nexport function useItemActionFallbacks(): Record<ItemActionName, ItemActionFallback> {\n  const t = useT()\n\n  return {\n    add: { label: '', icon: 'plus', variant: 'outline' },\n    delete: { label: t('form.remove_item', {}, 'Remove'), icon: 'trash-2', color: 'danger' },\n    clone: { label: t('form.clone', {}, 'Clone'), icon: 'copy' },\n    reorder: { label: t('form.reorder_item', {}, 'Reorder'), icon: 'grip-vertical' },\n    moveUp: { label: t('form.move_up', {}, 'Move up'), icon: 'chevron-up' },\n    moveDown: { label: t('form.move_down', {}, 'Move down'), icon: 'chevron-down' },\n    collapse: { label: t('form.collapse_item', {}, 'Collapse'), icon: 'chevron-up' },\n    expand: { label: t('form.expand_item', {}, 'Expand'), icon: 'chevron-down' },\n    collapseAll: {\n      label: t('form.collapse_all', {}, 'Collapse all'),\n      icon: 'chevrons-down-up',\n      variant: 'link',\n    },\n    expandAll: {\n      label: t('form.expand_all', {}, 'Expand all'),\n      icon: 'chevrons-up-down',\n      variant: 'link',\n    },\n  }\n}\n\n/** Run a built-in action: on the server when customised, else `onClient`. */\nexport function useRunItemAction(context: MaybeRefOrGetter<ActionContext>) {\n  const runner = useActionRunner()\n\n  return (\n    action: ItemActionSchema | null,\n    args: Record<string, unknown>,\n    onClient: () => void,\n  ): void => {\n    if (!action) return\n    if (action.server) void runner.trigger(action, itemActionContext(toValue(context), args))\n    else onClient()\n  }\n}\n\n/**\n * Moves made with the item move buttons: one at a time, announced in a live region\n * (`announcement`) and with focus kept on the moved item's move button. Put `container` on\n * an element holding the items (they carry `data-index`).\n */\nexport function useItemMoves(\n  value: MaybeRefOrGetter<unknown>,\n  move: (from: number, to: number) => void,\n  labelFor: (index: number) => string | null | undefined,\n  count: MaybeRefOrGetter<number>,\n) {\n  const t = useT()\n  const tracker = new ItemMoveTracker()\n  const announcement = ref('')\n  const container = ref<HTMLElement | null>(null)\n\n  watch(\n    () => toValue(value),\n    () => {\n      if (tracker.isMoving) void nextTick(() => tracker.finish(container.value))\n    },\n  )\n\n  const moveWithButton = (from: number, to: number) => {\n    const total = toValue(count)\n\n    if (to < 0 || to >= total || !tracker.begin(from, to)) return\n\n    const label = labelFor(from)\n\n    move(from, to)\n    announcement.value = label\n      ? t(\n          'form.labelled_item_moved',\n          { item: label, position: to + 1, total },\n          ':item moved to position :position of :total',\n        )\n      : t(\n          'form.item_moved',\n          { position: to + 1, total },\n          'Item moved to position :position of :total',\n        )\n  }\n\n  return { moveWithButton, announcement, container }\n}\n"],"mappings":";;;;AAWA,SAAgBA,IAAqE;CACnF,IAAMC,IAAIC,EAAK;CAEf,OAAO;EACL,KAAK;GAAE,OAAO;GAAI,MAAM;GAAQ,SAAS;EAAU;EACnD,QAAQ;GAAE,OAAOD,EAAE,oBAAoB,CAAC,GAAG,QAAQ;GAAG,MAAM;GAAW,OAAO;EAAS;EACvF,OAAO;GAAE,OAAOA,EAAE,cAAc,CAAC,GAAG,OAAO;GAAG,MAAM;EAAO;EAC3D,SAAS;GAAE,OAAOA,EAAE,qBAAqB,CAAC,GAAG,SAAS;GAAG,MAAM;EAAgB;EAC/E,QAAQ;GAAE,OAAOA,EAAE,gBAAgB,CAAC,GAAG,SAAS;GAAG,MAAM;EAAa;EACtE,UAAU;GAAE,OAAOA,EAAE,kBAAkB,CAAC,GAAG,WAAW;GAAG,MAAM;EAAe;EAC9E,UAAU;GAAE,OAAOA,EAAE,sBAAsB,CAAC,GAAG,UAAU;GAAG,MAAM;EAAa;EAC/E,QAAQ;GAAE,OAAOA,EAAE,oBAAoB,CAAC,GAAG,QAAQ;GAAG,MAAM;EAAe;EAC3E,aAAa;GACX,OAAOA,EAAE,qBAAqB,CAAC,GAAG,cAAc;GAChD,MAAM;GACN,SAAS;EACX;EACA,WAAW;GACT,OAAOA,EAAE,mBAAmB,CAAC,GAAG,YAAY;GAC5C,MAAM;GACN,SAAS;EACX;CACF;AACF;AAGA,SAAgBE,EAAiB,GAA0C;CACzE,IAAMC,IAASC,EAAgB;CAE/B,QACE,GACA,GACA,MACS;EACT,AAAKC,MACDA,EAAO,SAAQF,EAAY,QAAQE,GAAQC,EAAkBC,EAAQC,CAAO,GAAGC,CAAI,CAAC,IACnFC,EAAS;CAChB;AACF;AAOA,SAAgBC,EACd,GACA,GACA,GACA,GACA;CACA,IAAMX,IAAIC,EAAK,GACTW,IAAU,IAAIC,EAAgB,GAC9BC,IAAeC,EAAI,EAAE,GACrBC,IAAYD,EAAwB,IAAI;CA8B9C,OA5BAE,QACQV,EAAQW,CAAK,SACb;EACJ,AAAIN,EAAQ,YAAUO,QAAoBP,EAAQ,OAAOI,EAAU,KAAK,CAAC;CAC3E,CACF,GAuBO;EAAE,iBArBe,GAAc,MAAe;GACnD,IAAMI,IAAQb,EAAQc,CAAK;GAE3B,IAAIC,IAAK,KAAKA,KAAMF,KAAS,CAACR,EAAQ,MAAMW,GAAMD,CAAE,GAAG;GAEvD,IAAME,IAAQC,EAASF,CAAI;GAG3B,AADAG,EAAKH,GAAMD,CAAE,GACb,EAAa,QAAQE,IACjBxB,EACE,4BACA;IAAE,MAAMwB;IAAO,UAAUF,IAAK;IAAG;GAAM,GACvC,6CACF,IACAtB,EACE,mBACA;IAAE,UAAUsB,IAAK;IAAG;GAAM,GAC1B,4CACF;EACN;EAEyB;EAAc;CAAU;AACnD"}

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

@@ -0,0 +1,5 @@
+/** `ModalTableSelect`; its code (the picker's table) loads the first time one is shown. */
+export declare const ModalTableSelectField: import("vue").Component;
+/** The query builder filter's rules; its code loads the first time one is shown. */
+export declare const QueryBuilderRulesField: import("vue").Component;
+//# sourceMappingURL=lazy-fields.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lazy-fields.d.ts","sourceRoot":"","sources":["../../../src/components/fields/lazy-fields.ts"],"names":[],"mappings":"AAIA,2FAA2F;AAC3F,eAAO,MAAM,qBAAqB,yBAIjC,CAAA;AAED,oFAAoF;AACpF,eAAO,MAAM,sBAAsB,yBAWlC,CAAA"}

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

@@ -0,0 +1,16 @@
+import { lazyComponent as e } from "../../lib/lazy.js";
+import t from "./FieldPlaceholder.js";
+import { defineComponent as n, h as r } from "vue";
+//#region src/components/fields/lazy-fields.ts
+var i = e("ModalTableSelectField", () => import("./ModalTableSelectField.js").then((e) => e.default), t), a = e("QueryBuilderRulesField", () => import("./QueryBuilderRulesField.js").then((e) => e.default), n({
+	name: "QueryBuilderRulesPlaceholder",
+	inheritAttrs: !1,
+	setup: (e, { attrs: n }) => () => r(t, {
+		component: n.component,
+		height: "h-24"
+	})
+}));
+//#endregion
+export { i as ModalTableSelectField, a as QueryBuilderRulesField };
+
+//# sourceMappingURL=lazy-fields.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lazy-fields.js","names":["FieldPlaceholder","FieldPlaceholder_default","ModalTableSelectField","lazyComponent","module","QueryBuilderRulesField","defineComponent","h","attrs"],"sources":["../../../src/components/fields/lazy-fields.ts"],"sourcesContent":["import { defineComponent, h } from 'vue'\nimport { lazyComponent } from '../../lib/lazy'\nimport FieldPlaceholder from './FieldPlaceholder.vue'\n\n/** `ModalTableSelect`; its code (the picker's table) loads the first time one is shown. */\nexport const ModalTableSelectField = lazyComponent(\n  'ModalTableSelectField',\n  () => import('./ModalTableSelectField.vue').then((module) => module.default),\n  FieldPlaceholder,\n)\n\n/** The query builder filter's rules; its code loads the first time one is shown. */\nexport const QueryBuilderRulesField = lazyComponent(\n  'QueryBuilderRulesField',\n  () => import('./QueryBuilderRulesField.vue').then((module) => module.default),\n  defineComponent({\n    name: 'QueryBuilderRulesPlaceholder',\n    inheritAttrs: false,\n    setup:\n      (_, { attrs }) =>\n      () =>\n        h(FieldPlaceholder, { component: attrs.component as object, height: 'h-24' }),\n  }),\n)\n"],"mappings":";;;;AAKA,IAAaE,IAAwBC,EACnC,+BACM,OAAO,6BAA8B,CAAC,MAAM,MAAWC,EAAO,OAAO,GAC3EJ,CACF,GAGaK,IAAyBF,EACpC,gCACM,OAAO,8BAA+B,CAAC,MAAM,MAAWC,EAAO,OAAO,GAC5EE,EAAgB;CACd,MAAM;CACN,cAAc;CACd,QACG,GAAG,EAAE,qBAEJC,EAAEP,GAAkB;EAAE,WAAWQ,EAAM;EAAqB,QAAQ;CAAO,CAAC;AAClF,CAAC,CACH"}

package/dist/components/fields/rich-editor-extensions.d.ts

@@ -0,0 +1,17 @@
+import type { ActionContext, RichEditorSchema } from '@alfakit/core';
+import { EditorSuggestions } from '@alfakit/core';
+import { type Editor, type Extensions } from '@tiptap/vue-3';
+import { type ComputedRef, type ShallowRef } from 'vue';
+export interface RichEditorExtensions {
+    extensions: Extensions;
+    suggestions: EditorSuggestions;
+    /** Insert a custom block (opening its modal first when it has a form). */
+    insertBlock: (id: string) => Promise<void>;
+    context: ComputedRef<ActionContext>;
+}
+/**
+ * Mentions, merge tags and custom blocks for a RichEditor. `editor` is the live editor the
+ * custom block node views and suggestions act on.
+ */
+export declare function useRichEditorExtensions(component: () => RichEditorSchema, editor: ShallowRef<Editor | undefined>): RichEditorExtensions;
+//# sourceMappingURL=rich-editor-extensions.d.ts.map

package/dist/components/fields/rich-editor-extensions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-editor-extensions.d.ts","sourceRoot":"","sources":["../../../src/components/fields/rich-editor-extensions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACpE,OAAO,EAEL,iBAAiB,EAMlB,MAAM,eAAe,CAAA;AACtB,OAAO,EAAQ,KAAK,MAAM,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,EAA6B,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,MAAM,KAAK,CAAA;AAOlF,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,UAAU,CAAA;IACtB,WAAW,EAAE,iBAAiB,CAAA;IAC9B,0EAA0E;IAC1E,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1C,OAAO,EAAE,WAAW,CAAC,aAAa,CAAC,CAAA;CACpC;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,SAAS,EAAE,MAAM,gBAAgB,EACjC,MAAM,EAAE,UAAU,CAAC,MAAM,GAAG,SAAS,CAAC,GACrC,oBAAoB,CA+EtB"}

package/dist/components/fields/rich-editor-extensions.js

@@ -0,0 +1,73 @@
+import { useActionRunner as e, useT as t } from "../../context.js";
+import { usePageActionContext as n } from "../actions/action-context.js";
+import { useOptionalFormStore as r } from "../form/form-context.js";
+import { EditorSuggestions as i, RichEditorRemote as a, customBlockNodeConfig as o, fieldActionContext as s, isCustomBlockResult as c, mentionNodeConfig as l, mergeTagNodeConfig as u } from "@alfakit/core";
+import { computed as d, onBeforeUnmount as f } from "vue";
+import { Node as p } from "@tiptap/vue-3";
+//#region src/components/fields/rich-editor-extensions.ts
+function m(m, h) {
+	let g = t(), _ = r(), v = n(), y = e(), b = d(() => s({
+		token: v.token,
+		form: _,
+		key: m().key
+	})), x = new a(_, m().statePath), S = new i({
+		mentions: m().mentions ?? [],
+		mergeTags: m().mergeTags ?? [],
+		search: (e, t) => x.searchMentions(e, t)
+	});
+	f(() => S.destroy());
+	let C = async (e, t) => {
+		let n = m().customBlocks?.find((t) => t.id === e);
+		if (!n) return null;
+		let r = await y.runField(n.action, {
+			...b.value,
+			arguments: t ? {
+				config: t,
+				editing: !0
+			} : {}
+		});
+		return c(r) ? (r.preview !== void 0 && x.primePreview(r.id, r.config, r.preview, r.prose === !0), r) : null;
+	};
+	return {
+		extensions: [
+			p.create(l()),
+			p.create(u()),
+			p.create(o({
+				get blocks() {
+					return m().customBlocks ?? [];
+				},
+				loadPreview: (e, t) => x.loadPreview(e, t),
+				onEdit: ({ id: e, config: t, pos: n }) => {
+					C(e, t).then((t) => {
+						let r = h.value;
+						t && r && !r.isDestroyed && r.view.dispatch(r.state.tr.setNodeMarkup(n, void 0, {
+							id: e,
+							config: t.config
+						}));
+					});
+				},
+				labels: {
+					edit: g("editor.edit_block", {}, "Edit block"),
+					remove: g("editor.remove_block", {}, "Remove block")
+				},
+				minimal: !!m().minimalCustomBlockControls
+			}))
+		],
+		suggestions: S,
+		insertBlock: async (e) => {
+			let t = await C(e), n = h.value;
+			t && n && !n.isDestroyed && n.chain().focus().insertContent({
+				type: "customBlock",
+				attrs: {
+					id: t.id,
+					config: t.config
+				}
+			}).run();
+		},
+		context: b
+	};
+}
+//#endregion
+export { m as useRichEditorExtensions };
+
+//# sourceMappingURL=rich-editor-extensions.js.map

package/dist/components/fields/rich-editor-extensions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-editor-extensions.js","names":["useRichEditorExtensions","t","useT","form","useOptionalFormStore","page","usePageActionContext","runner","useActionRunner","context","computed","fieldActionContext","component","remote","RichEditorRemote","suggestions","EditorSuggestions","trigger","query","runBlock","block","candidate","id","result","config","isCustomBlockResult","Node","mentionNodeConfig","mergeTagNodeConfig","customBlockNodeConfig","instance","editor","pos"],"sources":["../../../src/components/fields/rich-editor-extensions.ts"],"sourcesContent":["import type { ActionContext, RichEditorSchema } from '@alfakit/core'\nimport {\n  customBlockNodeConfig,\n  EditorSuggestions,\n  fieldActionContext,\n  isCustomBlockResult,\n  mentionNodeConfig,\n  mergeTagNodeConfig,\n  RichEditorRemote,\n} from '@alfakit/core'\nimport { Node, type Editor, type Extensions } from '@tiptap/vue-3'\nimport { computed, onBeforeUnmount, type ComputedRef, type ShallowRef } from 'vue'\nimport { useActionRunner, useT } from '../../context'\nimport { usePageActionContext } from '../actions/action-context'\nimport { useOptionalFormStore } from '../form/form-context'\n\ntype NodeConfig = Parameters<typeof Node.create>[0]\n\nexport interface RichEditorExtensions {\n  extensions: Extensions\n  suggestions: EditorSuggestions\n  /** Insert a custom block (opening its modal first when it has a form). */\n  insertBlock: (id: string) => Promise<void>\n  context: ComputedRef<ActionContext>\n}\n\n/**\n * Mentions, merge tags and custom blocks for a RichEditor. `editor` is the live editor the\n * custom block node views and suggestions act on.\n */\nexport function useRichEditorExtensions(\n  component: () => RichEditorSchema,\n  editor: ShallowRef<Editor | undefined>,\n): RichEditorExtensions {\n  const t = useT()\n  const form = useOptionalFormStore()\n  const page = usePageActionContext()\n  const runner = useActionRunner()\n  const context = computed(() =>\n    fieldActionContext({ token: page.token, form, key: component().key }),\n  )\n  const remote = new RichEditorRemote(form, component().statePath)\n  const suggestions = new EditorSuggestions({\n    mentions: component().mentions ?? [],\n    mergeTags: component().mergeTags ?? [],\n    search: (trigger, query) => remote.searchMentions(trigger, query),\n  })\n\n  onBeforeUnmount(() => suggestions.destroy())\n\n  const runBlock = async (id: string, config?: Record<string, unknown>) => {\n    const block = component().customBlocks?.find((candidate) => candidate.id === id)\n\n    if (!block) return null\n\n    const result = await runner.runField(block.action, {\n      ...context.value,\n      arguments: config ? { config, editing: true } : {},\n    })\n\n    if (!isCustomBlockResult(result)) return null\n\n    if (result.preview !== undefined) {\n      remote.primePreview(result.id, result.config, result.preview, result.prose === true)\n    }\n\n    return result\n  }\n\n  const extensions: Extensions = [\n    Node.create(mentionNodeConfig() as NodeConfig),\n    Node.create(mergeTagNodeConfig() as NodeConfig),\n    Node.create(\n      customBlockNodeConfig({\n        get blocks() {\n          return component().customBlocks ?? []\n        },\n        loadPreview: (id, config) => remote.loadPreview(id, config),\n        onEdit: ({ id, config, pos }) => {\n          void runBlock(id, config).then((result) => {\n            const instance = editor.value\n\n            if (!result || !instance || instance.isDestroyed) return\n\n            instance.view.dispatch(\n              instance.state.tr.setNodeMarkup(pos, undefined, { id, config: result.config }),\n            )\n          })\n        },\n        labels: {\n          edit: t('editor.edit_block', {}, 'Edit block'),\n          remove: t('editor.remove_block', {}, 'Remove block'),\n        },\n        minimal: Boolean(component().minimalCustomBlockControls),\n      }) as NodeConfig,\n    ),\n  ]\n\n  const insertBlock = async (id: string) => {\n    const result = await runBlock(id)\n    const instance = editor.value\n\n    if (!result || !instance || instance.isDestroyed) return\n\n    instance\n      .chain()\n      .focus()\n      .insertContent({ type: 'customBlock', attrs: { id: result.id, config: result.config } })\n      .run()\n  }\n\n  return { extensions, suggestions, insertBlock, context }\n}\n"],"mappings":";;;;;;;AA8BA,SAAgBA,EACd,GACA,GACsB;CACtB,IAAMC,IAAIC,EAAK,GACTC,IAAOC,EAAqB,GAC5BC,IAAOC,EAAqB,GAC5BC,IAASC,EAAgB,GACzBC,IAAUC,QACdC,EAAmB;EAAE,OAAON,EAAK;EAAO;EAAM,KAAKO,EAAU,CAAC,CAAC;CAAI,CAAC,CACtE,GACMC,IAAS,IAAIC,EAAiBX,GAAMS,EAAU,CAAC,CAAC,SAAS,GACzDG,IAAc,IAAIC,EAAkB;EACxC,UAAUJ,EAAU,CAAC,CAAC,YAAY,CAAC;EACnC,WAAWA,EAAU,CAAC,CAAC,aAAa,CAAC;EACrC,SAAS,GAAS,MAAUC,EAAO,eAAeI,GAASC,CAAK;CAClE,CAAC;CAED,QAAsBH,EAAY,QAAQ,CAAC;CAE3C,IAAMI,IAAW,OAAO,GAAY,MAAqC;EACvE,IAAMC,IAAQR,EAAU,CAAC,CAAC,cAAc,MAAM,MAAcS,EAAU,OAAOC,CAAE;EAE/E,IAAI,CAACF,GAAO,OAAO;EAEnB,IAAMG,IAAS,MAAMhB,EAAO,SAASa,EAAM,QAAQ;GACjD,GAAGX,EAAQ;GACX,WAAWe,IAAS;IAAE;IAAQ,SAAS;GAAK,IAAI,CAAC;EACnD,CAAC;EAQD,OANKC,EAAoBF,CAAM,KAE3BA,EAAO,YAAY,KAAA,KACrBV,EAAO,aAAaU,EAAO,IAAIA,EAAO,QAAQA,EAAO,SAASA,EAAO,UAAU,EAAI,GAG9EA,KANkC;CAO3C;CA4CA,OAAO;EAAE;GAzCPG,EAAK,OAAOC,EAAkB,CAAe;GAC7CD,EAAK,OAAOE,EAAmB,CAAe;GAC9CF,EAAK,OACHG,EAAsB;IACpB,IAAI,SAAS;KACX,OAAOjB,EAAU,CAAC,CAAC,gBAAgB,CAAC;IACtC;IACA,cAAc,GAAI,MAAWC,EAAO,YAAYS,GAAIE,CAAM;IAC1D,SAAS,EAAE,OAAI,WAAQ,aAAU;KAC/B,EAAcF,GAAIE,CAAM,CAAC,CAAC,MAAM,MAAW;MACzC,IAAMM,IAAWC,EAAO;MAExB,AAAKR,KAAWO,KAAY,GAAS,eAErCA,EAAS,KAAK,SACZA,EAAS,MAAM,GAAG,cAAcE,GAAK,KAAA,GAAW;OAAE;OAAI,QAAQT,EAAO;MAAO,CAAC,CAC/E;KACF,CAAC;IACH;IACA,QAAQ;KACN,MAAMtB,EAAE,qBAAqB,CAAC,GAAG,YAAY;KAC7C,QAAQA,EAAE,uBAAuB,CAAC,GAAG,cAAc;IACrD;IACA,SAAS,EAAQW,EAAU,CAAC,CAAC;GAC/B,CAAC,CACH;EAgBO;EAAY;EAAa,oBAbP,MAAe;GACxC,IAAMW,IAAS,MAAMJ,EAASG,CAAE,GAC1BQ,IAAWC,EAAO;GAExB,AAAKR,KAAWO,KAAY,GAAS,eAErCA,EACG,MAAM,CAAC,CACP,MAAM,CAAC,CACP,cAAc;IAAE,MAAM;IAAe,OAAO;KAAE,IAAIP,EAAO;KAAI,QAAQA,EAAO;IAAO;GAAE,CAAC,CAAC,CACvF,IAAI;EACT;EAE+C;CAAQ;AACzD"}

package/dist/components/fields/rich-editor-icons.d.ts

@@ -0,0 +1,7 @@
+import type { Component } from 'vue';
+/** Toolbar button icons; what each button does lives in `@alfakit/core` (`TOOLBAR_COMMANDS`). */
+export declare const RICH_EDITOR_ICONS: Record<string, {
+    icon: Component;
+    class?: string;
+}>;
+//# sourceMappingURL=rich-editor-icons.d.ts.map

package/dist/components/fields/rich-editor-icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-editor-icons.d.ts","sourceRoot":"","sources":["../../../src/components/fields/rich-editor-icons.ts"],"names":[],"mappings":"AAiDA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAKpC,iGAAiG;AACjG,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAoDjF,CAAA"}

package/dist/components/fields/rich-editor-icons.js

@@ -0,0 +1,77 @@
+import { ALargeSmallIcon as e, BaselineIcon as t, BetweenHorizontalEndIcon as n, BetweenHorizontalStartIcon as r, BetweenVerticalEndIcon as i, BetweenVerticalStartIcon as a, BoldIcon as o, CodeIcon as s, Columns2Icon as c, Columns3Icon as l, Grid2x2XIcon as u, Heading1Icon as d, Heading2Icon as f, Heading3Icon as p, Heading4Icon as m, Heading5Icon as h, Heading6Icon as g, HighlighterIcon as _, ImageIcon as v, ItalicIcon as y, LinkIcon as b, ListCollapseIcon as x, ListIcon as S, ListOrderedIcon as C, Minus as w, PanelTopIcon as T, PilcrowIcon as E, QuoteIcon as D, RedoIcon as O, RemoveFormattingIcon as k, Rows3Icon as A, SquareCodeIcon as j, SquareXIcon as M, StrikethroughIcon as N, SubscriptIcon as P, SuperscriptIcon as F, TableCellsMergeIcon as I, TableCellsSplitIcon as L, TableIcon as R, TablePropertiesIcon as z, TextAlignCenterIcon as B, TextAlignEndIcon as V, TextAlignJustifyIcon as H, TextAlignStartIcon as U, TypeIcon as W, UnderlineIcon as G, UndoIcon as K } from "@lucide/vue";
+//#region src/components/fields/rich-editor-icons.ts
+var q = "rtl:-scale-x-100", J = {
+	bold: { icon: o },
+	italic: { icon: y },
+	underline: { icon: G },
+	strike: { icon: N },
+	subscript: { icon: P },
+	superscript: { icon: F },
+	code: { icon: s },
+	highlight: { icon: _ },
+	textColor: { icon: t },
+	link: { icon: b },
+	h1: { icon: d },
+	h2: { icon: f },
+	h3: { icon: p },
+	h4: { icon: m },
+	h5: { icon: h },
+	h6: { icon: g },
+	paragraph: { icon: W },
+	heading: { icon: f },
+	alignStart: {
+		icon: U,
+		class: q
+	},
+	alignCenter: { icon: B },
+	alignEnd: {
+		icon: V,
+		class: q
+	},
+	alignJustify: { icon: H },
+	blockquote: { icon: D },
+	codeBlock: { icon: j },
+	bulletList: { icon: S },
+	orderedList: { icon: C },
+	horizontalRule: { icon: w },
+	details: { icon: x },
+	lead: { icon: E },
+	small: { icon: e },
+	grid: { icon: c },
+	gridAddColumnBefore: {
+		icon: a,
+		class: q
+	},
+	gridAddColumnAfter: {
+		icon: i,
+		class: q
+	},
+	gridDeleteColumn: { icon: l },
+	gridDelete: { icon: M },
+	table: { icon: R },
+	tableAddColumnBefore: {
+		icon: a,
+		class: q
+	},
+	tableAddColumnAfter: {
+		icon: i,
+		class: q
+	},
+	tableDeleteColumn: { icon: l },
+	tableAddRowBefore: { icon: r },
+	tableAddRowAfter: { icon: n },
+	tableDeleteRow: { icon: A },
+	tableMergeCells: { icon: I },
+	tableSplitCell: { icon: L },
+	tableToggleHeaderRow: { icon: T },
+	tableToggleHeaderCell: { icon: z },
+	tableDelete: { icon: u },
+	clearFormatting: { icon: k },
+	attachFiles: { icon: v },
+	undo: { icon: K },
+	redo: { icon: O }
+};
+//#endregion
+export { J as RICH_EDITOR_ICONS };
+
+//# sourceMappingURL=rich-editor-icons.js.map

package/dist/components/fields/rich-editor-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-editor-icons.js","names":["MIRRORED","RICH_EDITOR_ICONS","BoldIcon","ItalicIcon","UnderlineIcon","StrikethroughIcon","SubscriptIcon","SuperscriptIcon","CodeIcon","HighlighterIcon","BaselineIcon","LinkIcon","Heading1Icon","Heading2Icon","Heading3Icon","Heading4Icon","Heading5Icon","Heading6Icon","TypeIcon","TextAlignStartIcon","TextAlignCenterIcon","TextAlignEndIcon","TextAlignJustifyIcon","QuoteIcon","SquareCodeIcon","ListIcon","ListOrderedIcon","Minus","ListCollapseIcon","PilcrowIcon","ALargeSmallIcon","Columns2Icon","BetweenVerticalStartIcon","BetweenVerticalEndIcon","Columns3Icon","SquareXIcon","TableIcon","BetweenHorizontalStartIcon","BetweenHorizontalEndIcon","Rows3Icon","TableCellsMergeIcon","TableCellsSplitIcon","PanelTopIcon","TablePropertiesIcon","Grid2x2XIcon","RemoveFormattingIcon","ImageIcon","UndoIcon","RedoIcon"],"sources":["../../../src/components/fields/rich-editor-icons.ts"],"sourcesContent":["import {\n  ALargeSmallIcon,\n  BaselineIcon,\n  BetweenHorizontalEndIcon,\n  BetweenHorizontalStartIcon,\n  BetweenVerticalEndIcon,\n  BetweenVerticalStartIcon,\n  BoldIcon,\n  CodeIcon,\n  Columns2Icon,\n  Columns3Icon,\n  Grid2x2XIcon,\n  Heading1Icon,\n  Heading2Icon,\n  Heading3Icon,\n  Heading4Icon,\n  Heading5Icon,\n  Heading6Icon,\n  HighlighterIcon,\n  ImageIcon,\n  ItalicIcon,\n  LinkIcon,\n  ListCollapseIcon,\n  ListIcon,\n  ListOrderedIcon,\n  Minus,\n  PanelTopIcon,\n  PilcrowIcon,\n  QuoteIcon,\n  RedoIcon,\n  RemoveFormattingIcon,\n  Rows3Icon,\n  SquareCodeIcon,\n  SquareXIcon,\n  StrikethroughIcon,\n  SubscriptIcon,\n  SuperscriptIcon,\n  TableCellsMergeIcon,\n  TableCellsSplitIcon,\n  TableIcon,\n  TablePropertiesIcon,\n  TextAlignCenterIcon,\n  TextAlignEndIcon,\n  TextAlignJustifyIcon,\n  TextAlignStartIcon,\n  TypeIcon,\n  UnderlineIcon,\n  UndoIcon,\n} from '@lucide/vue'\nimport type { Component } from 'vue'\n\n/** Alignment and column icons point at a side: mirror them right to left. */\nconst MIRRORED = 'rtl:-scale-x-100'\n\n/** Toolbar button icons; what each button does lives in `@alfakit/core` (`TOOLBAR_COMMANDS`). */\nexport const RICH_EDITOR_ICONS: Record<string, { icon: Component; class?: string }> = {\n  bold: { icon: BoldIcon },\n  italic: { icon: ItalicIcon },\n  underline: { icon: UnderlineIcon },\n  strike: { icon: StrikethroughIcon },\n  subscript: { icon: SubscriptIcon },\n  superscript: { icon: SuperscriptIcon },\n  code: { icon: CodeIcon },\n  highlight: { icon: HighlighterIcon },\n  textColor: { icon: BaselineIcon },\n  link: { icon: LinkIcon },\n  h1: { icon: Heading1Icon },\n  h2: { icon: Heading2Icon },\n  h3: { icon: Heading3Icon },\n  h4: { icon: Heading4Icon },\n  h5: { icon: Heading5Icon },\n  h6: { icon: Heading6Icon },\n  paragraph: { icon: TypeIcon },\n  heading: { icon: Heading2Icon },\n  alignStart: { icon: TextAlignStartIcon, class: MIRRORED },\n  alignCenter: { icon: TextAlignCenterIcon },\n  alignEnd: { icon: TextAlignEndIcon, class: MIRRORED },\n  alignJustify: { icon: TextAlignJustifyIcon },\n  blockquote: { icon: QuoteIcon },\n  codeBlock: { icon: SquareCodeIcon },\n  bulletList: { icon: ListIcon },\n  orderedList: { icon: ListOrderedIcon },\n  horizontalRule: { icon: Minus },\n  details: { icon: ListCollapseIcon },\n  lead: { icon: PilcrowIcon },\n  small: { icon: ALargeSmallIcon },\n  grid: { icon: Columns2Icon },\n  gridAddColumnBefore: { icon: BetweenVerticalStartIcon, class: MIRRORED },\n  gridAddColumnAfter: { icon: BetweenVerticalEndIcon, class: MIRRORED },\n  gridDeleteColumn: { icon: Columns3Icon },\n  gridDelete: { icon: SquareXIcon },\n  table: { icon: TableIcon },\n  tableAddColumnBefore: { icon: BetweenVerticalStartIcon, class: MIRRORED },\n  tableAddColumnAfter: { icon: BetweenVerticalEndIcon, class: MIRRORED },\n  tableDeleteColumn: { icon: Columns3Icon },\n  tableAddRowBefore: { icon: BetweenHorizontalStartIcon },\n  tableAddRowAfter: { icon: BetweenHorizontalEndIcon },\n  tableDeleteRow: { icon: Rows3Icon },\n  tableMergeCells: { icon: TableCellsMergeIcon },\n  tableSplitCell: { icon: TableCellsSplitIcon },\n  tableToggleHeaderRow: { icon: PanelTopIcon },\n  tableToggleHeaderCell: { icon: TablePropertiesIcon },\n  tableDelete: { icon: Grid2x2XIcon },\n  clearFormatting: { icon: RemoveFormattingIcon },\n  attachFiles: { icon: ImageIcon },\n  undo: { icon: UndoIcon },\n  redo: { icon: RedoIcon },\n}\n"],"mappings":";;AAoDA,IAAMA,IAAW,oBAGJC,IAAyE;CACpF,MAAM,EAAE,MAAMC,EAAS;CACvB,QAAQ,EAAE,MAAMC,EAAW;CAC3B,WAAW,EAAE,MAAMC,EAAc;CACjC,QAAQ,EAAE,MAAMC,EAAkB;CAClC,WAAW,EAAE,MAAMC,EAAc;CACjC,aAAa,EAAE,MAAMC,EAAgB;CACrC,MAAM,EAAE,MAAMC,EAAS;CACvB,WAAW,EAAE,MAAMC,EAAgB;CACnC,WAAW,EAAE,MAAMC,EAAa;CAChC,MAAM,EAAE,MAAMC,EAAS;CACvB,IAAI,EAAE,MAAMC,EAAa;CACzB,IAAI,EAAE,MAAMC,EAAa;CACzB,IAAI,EAAE,MAAMC,EAAa;CACzB,IAAI,EAAE,MAAMC,EAAa;CACzB,IAAI,EAAE,MAAMC,EAAa;CACzB,IAAI,EAAE,MAAMC,EAAa;CACzB,WAAW,EAAE,MAAMC,EAAS;CAC5B,SAAS,EAAE,MAAML,EAAa;CAC9B,YAAY;EAAE,MAAMM;EAAoB,OAAOnB;CAAS;CACxD,aAAa,EAAE,MAAMoB,EAAoB;CACzC,UAAU;EAAE,MAAMC;EAAkB,OAAOrB;CAAS;CACpD,cAAc,EAAE,MAAMsB,EAAqB;CAC3C,YAAY,EAAE,MAAMC,EAAU;CAC9B,WAAW,EAAE,MAAMC,EAAe;CAClC,YAAY,EAAE,MAAMC,EAAS;CAC7B,aAAa,EAAE,MAAMC,EAAgB;CACrC,gBAAgB,EAAE,MAAMC,EAAM;CAC9B,SAAS,EAAE,MAAMC,EAAiB;CAClC,MAAM,EAAE,MAAMC,EAAY;CAC1B,OAAO,EAAE,MAAMC,EAAgB;CAC/B,MAAM,EAAE,MAAMC,EAAa;CAC3B,qBAAqB;EAAE,MAAMC;EAA0B,OAAOhC;CAAS;CACvE,oBAAoB;EAAE,MAAMiC;EAAwB,OAAOjC;CAAS;CACpE,kBAAkB,EAAE,MAAMkC,EAAa;CACvC,YAAY,EAAE,MAAMC,EAAY;CAChC,OAAO,EAAE,MAAMC,EAAU;CACzB,sBAAsB;EAAE,MAAMJ;EAA0B,OAAOhC;CAAS;CACxE,qBAAqB;EAAE,MAAMiC;EAAwB,OAAOjC;CAAS;CACrE,mBAAmB,EAAE,MAAMkC,EAAa;CACxC,mBAAmB,EAAE,MAAMG,EAA2B;CACtD,kBAAkB,EAAE,MAAMC,EAAyB;CACnD,gBAAgB,EAAE,MAAMC,EAAU;CAClC,iBAAiB,EAAE,MAAMC,EAAoB;CAC7C,gBAAgB,EAAE,MAAMC,EAAoB;CAC5C,sBAAsB,EAAE,MAAMC,EAAa;CAC3C,uBAAuB,EAAE,MAAMC,EAAoB;CACnD,aAAa,EAAE,MAAMC,EAAa;CAClC,iBAAiB,EAAE,MAAMC,EAAqB;CAC9C,aAAa,EAAE,MAAMC,EAAU;CAC/B,MAAM,EAAE,MAAMC,EAAS;CACvB,MAAM,EAAE,MAAMC,EAAS;AACzB"}

package/dist/components/fields/rich-editor-lazy.d.ts

@@ -0,0 +1,3 @@
+/** The rich and Markdown editors; Tiptap loads the first time one is shown. */
+export declare const RichEditorField: import("vue").Component;
+//# sourceMappingURL=rich-editor-lazy.d.ts.map

package/dist/components/fields/rich-editor-lazy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-editor-lazy.d.ts","sourceRoot":"","sources":["../../../src/components/fields/rich-editor-lazy.ts"],"names":[],"mappings":"AAGA,+EAA+E;AAC/E,eAAO,MAAM,eAAe,yBAI3B,CAAA"}

package/dist/components/fields/rich-editor-lazy.js

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

package/dist/components/fields/rich-editor-lazy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-editor-lazy.js","names":["RichEditorSkeleton","RichEditorSkeleton_default","RichEditorField","lazyComponent","module"],"sources":["../../../src/components/fields/rich-editor-lazy.ts"],"sourcesContent":["import { lazyComponent } from '../../lib/lazy'\nimport RichEditorSkeleton from './RichEditorSkeleton.vue'\n\n/** The rich and Markdown editors; Tiptap loads the first time one is shown. */\nexport const RichEditorField = lazyComponent(\n  'RichEditorField',\n  () => import('./RichEditorField.vue').then((module) => module.default),\n  RichEditorSkeleton,\n)\n"],"mappings":";;;AAIA,IAAaE,IAAkBC,EAC7B,yBACM,OAAO,uBAAwB,CAAC,MAAM,MAAWC,EAAO,OAAO,GACrEJ,CACF"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileManager.js","names":["_sfc_main","FileManager_vue_vue_type_script_setup_true_lang_default","FileManager_default"],"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":""}

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

@@ -0,0 +1,8 @@
+import type { FileManagerSchema } from '@alfakit/core';
+/** The file manager of alfasix/alfakit-file-manager (schema component `file-manager`). */
+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=FileManager.vue.d.ts.map