@chelone/vue 0.6.0 → 0.9.0

package/dist/components/admin/common/icons.js

@@ -1,32 +1,33 @@
 import { h } from "vue";
+// src/components/admin/common/icons.ts
+/**
+* The glyphs the common SFCs need, as dependency-free functional components.
+* `@chelone/vue` carries no icon library, so these render inline SVGs with the
+* lucide stroke recipe, the same convention as `feedback/icons.ts`. Icons are
+* decorative (`aria-hidden`); the surrounding text carries the meaning.
+*/
+/** A shared stroked `<svg>` shell with the lucide recipe around `children`. */
 function icon(children) {
-  const cmp = (props) => h(
-    "svg",
-    {
-      class: props.class,
-      viewBox: "0 0 24 24",
-      width: "24",
-      height: "24",
-      fill: "none",
-      stroke: "currentColor",
-      "stroke-width": "2",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round",
-      "aria-hidden": "true"
-    },
-    children()
-  );
-  return cmp;
+	const cmp = (props) => h("svg", {
+		class: props.class,
+		viewBox: "0 0 24 24",
+		width: "24",
+		height: "24",
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-width": "2",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"aria-hidden": "true"
+	}, children());
+	return cmp;
 }
-const SparklesIcon = icon(() => [
-  h("path", {
-    d: "M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"
-  }),
-  h("path", { d: "M20 3v4" }),
-  h("path", { d: "M22 5h-4" }),
-  h("path", { d: "M4 17v2" }),
-  h("path", { d: "M5 18H3" })
+/** Sparkles — `<ApplicationUpdatedNotification>` glyph. */
+var SparklesIcon = icon(() => [
+	h("path", { d: "M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z" }),
+	h("path", { d: "M20 3v4" }),
+	h("path", { d: "M22 5h-4" }),
+	h("path", { d: "M4 17v2" }),
+	h("path", { d: "M5 18H3" })
 ]);
-export {
-  SparklesIcon
-};
+export { SparklesIcon };

package/dist/components/admin/common/input-helper-text.js

@@ -0,0 +1,4 @@
+import input_helper_text_vue_vue_type_script_setup_true_lang_default from "./input-helper-text.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/common/input-helper-text.vue
+var input_helper_text_default = input_helper_text_vue_vue_type_script_setup_true_lang_default;
+export { input_helper_text_default as default };

package/dist/components/admin/common/input-helper-text.vue.d.ts

@@ -3,10 +3,11 @@ export interface InputHelperTextProps {
     /** A string is translated + wrapped in `<FieldDescription>`; `false`/`null` renders nothing. */
     helperText?: string | false;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<InputHelperTextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InputHelperTextProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<InputHelperTextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InputHelperTextProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/admin/common/input-helper-text.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,38 @@
+import { FieldDescription } from "../../ui/field.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { computed, createBlock, createCommentVNode, createTextVNode, defineComponent, openBlock, renderSlot, toDisplayString, unref, useSlots, withCtx } from "vue";
+// src/components/admin/common/input-helper-text.vue?vue&type=script&setup=true&lang.ts
+var input_helper_text_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "input-helper-text",
+	props: { helperText: { type: [String, Boolean] } },
+	setup(__props) {
+		/**
+		* `<InputHelperText>` — renders helper/hint text below a form input, with
+		* automatic translation. The Vue twin of `@chelone/react`'s
+		* `common/input-helper-text.tsx`.
+		*
+		* - `helperText === false` / `null` / `""` → renders nothing;
+		* - a string → translated (echoing itself on a miss) inside `<FieldDescription>`;
+		* - a custom node → pass it via the DEFAULT SLOT; it renders RAW (no
+		*   `<FieldDescription>` wrapper), mirroring the React twin's `isValidElement`
+		*   branch which returns the node verbatim.
+		*
+		* @internal
+		*/
+		const props = __props;
+		const slots = useSlots();
+		const translate = useTranslate();
+		const text = computed(() => {
+			const helperText = props.helperText;
+			if (helperText === false || helperText == null || helperText === "") return null;
+			return translate(helperText, { _: helperText });
+		});
+		return (_ctx, _cache) => {
+			return unref(slots).default ? renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 0) : text.value != null ? (openBlock(), createBlock(unref(FieldDescription), { key: 1 }, {
+				default: withCtx(() => [createTextVNode(toDisplayString(text.value), 1)]),
+				_: 1
+			})) : createCommentVNode("", true);
+		};
+	}
+});
+export { input_helper_text_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/common/keyboard-shortcut.js

@@ -0,0 +1,4 @@
+import keyboard_shortcut_vue_vue_type_script_setup_true_lang_default from "./keyboard-shortcut.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/common/keyboard-shortcut.vue
+var keyboard_shortcut_default = keyboard_shortcut_vue_vue_type_script_setup_true_lang_default;
+export { keyboard_shortcut_default as default };

package/dist/components/admin/common/keyboard-shortcut.vue.d.ts

@@ -10,5 +10,6 @@ export interface KeyboardShortcutProps {
     /** Extra CSS class appended to the wrapper. */
     class?: string;
 }
-declare const _default: import("vue").DefineComponent<KeyboardShortcutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<KeyboardShortcutProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue").DefineComponent<KeyboardShortcutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<KeyboardShortcutProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/admin/common/keyboard-shortcut.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,64 @@
+import { cn } from "../../../lib/utils.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, createTextVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString } from "vue";
+// src/components/admin/common/keyboard-shortcut.vue?vue&type=script&setup=true&lang.ts
+var keyboard_shortcut_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "keyboard-shortcut",
+	props: {
+		keyboardShortcut: {},
+		class: {}
+	},
+	setup(__props) {
+		/**
+		* `<KeyboardShortcut>` — renders a keyboard shortcut as styled `<kbd>` glyphs.
+		* The Vue twin of `@chelone/react`'s `common/keyboard-shortcut.tsx` (pure
+		* presentation, no core seam). Used to render a menu item's optional shortcut
+		* hint.
+		*
+		* @example
+		* <KeyboardShortcut keyboardShortcut="mod+k" />
+		*/
+		const KeyMap = {
+			meta: "⌘",
+			mod: "⌘",
+			ctrl: "⌃",
+			shift: "⇧",
+			alt: "⌥",
+			enter: "⏎",
+			esc: "⎋",
+			escape: "⎋",
+			backspace: "⌫",
+			delete: "⌦",
+			tab: "⇥",
+			space: "␣",
+			up: "↑",
+			down: "↓",
+			left: "←",
+			right: "→",
+			home: "↖",
+			end: "↘",
+			pageup: "⇞",
+			pagedown: "⇟"
+		};
+		const props = __props;
+		/** Parse `"shift+a>b"` into `[["⇧","A"],["B"]]` — chords of glyph tokens. */
+		const sequences = computed(() => {
+			if (!props.keyboardShortcut) return [];
+			return props.keyboardShortcut.split(">").map((sequence) => sequence.split("+").map((key) => KeyMap[key.toLowerCase()] ?? key.toUpperCase()));
+		});
+		const wrapperClass = computed(() => cn("opacity-70", props.class));
+		return (_ctx, _cache) => {
+			return sequences.value.length > 0 ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass(wrapperClass.value)
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(sequences.value, (sequence, sequenceIndex) => {
+				return openBlock(), createElementBlock(Fragment, { key: sequenceIndex }, [(openBlock(true), createElementBlock(Fragment, null, renderList(sequence, (glyph, keyIndex) => {
+					return openBlock(), createElementBlock("kbd", {
+						key: keyIndex,
+						class: "mx-px inline-block whitespace-nowrap rounded-md border border-border px-[5px] py-[4px] text-[11px] leading-[10px] text-foreground align-middle shadow-[inset_0_-1px_0_var(--border)]"
+					}, toDisplayString(glyph), 1);
+				}), 128)), sequenceIndex < sequences.value.length - 1 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode("\xA0")], 64)) : createCommentVNode("", true)], 64);
+			}), 128))], 2)) : createCommentVNode("", true);
+		};
+	}
+});
+export { keyboard_shortcut_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/common/link.js

@@ -0,0 +1,4 @@
+import link_vue_vue_type_script_setup_true_lang_default from "./link.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/common/link.vue
+var link_default = link_vue_vue_type_script_setup_true_lang_default;
+export { link_default as default };

package/dist/components/admin/common/link.vue.d.ts

@@ -4,7 +4,9 @@ export interface LinkProps extends RouterLinkProps {
     /** Extra CSS class appended after the default link classes. */
     class?: string;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<LinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {
         route: import("vue-router").RouteLocationResolvedGeneric;
         href: string;
@@ -13,7 +15,6 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<LinkProps,
         navigate: (e?: MouseEvent) => Promise<void | import("vue-router").NavigationFailure>;
     }) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/components/admin/common/link.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,40 @@
+import { cn } from "../../../lib/utils.js";
+import { createBlock, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { RouterLink } from "vue-router";
+// src/components/admin/common/link.vue?vue&type=script&setup=true&lang.ts
+var link_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "link",
+	props: {
+		class: {},
+		custom: { type: Boolean },
+		activeClass: {},
+		exactActiveClass: {},
+		ariaCurrentValue: {},
+		viewTransition: { type: Boolean },
+		to: {},
+		replace: { type: Boolean }
+	},
+	setup(__props) {
+		/**
+		* `<Link>` — the admin navigation link, the Vue twin of `@chelone/react`'s
+		* `common/link.tsx`. A vue-router `<RouterLink>` (a real `<a>`) with the shared
+		* link styling; `to` and the other `RouterLink` props pass straight through,
+		* and the default slot receives `RouterLink`'s slot props (`href`, `navigate`,
+		* `isActive`, ...), so `custom` works.
+		*
+		* @example
+		* <Link to="/posts">Posts</Link>
+		*/
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(RouterLink), mergeProps({
+				...props,
+				class: void 0
+			}, { class: unref(cn)("text-primary underline-offset-4 hover:underline", props.class) }), {
+				default: withCtx((slotProps) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))]),
+				_: 3
+			}, 16, ["class"]);
+		};
+	}
+});
+export { link_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/common/validation-error.js

@@ -0,0 +1,4 @@
+import validation_error_vue_vue_type_script_setup_true_lang_default from "./validation-error.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/common/validation-error.vue
+var validation_error_default = validation_error_vue_vue_type_script_setup_true_lang_default;
+export { validation_error_default as default };

package/dist/components/admin/common/validation-error.vue.d.ts

@@ -14,5 +14,6 @@ import type { TranslatableMessage } from "@chelone/core";
 export interface ValidationErrorProps {
     error?: string | TranslatableMessage;
 }
-declare const _default: import("vue").DefineComponent<ValidationErrorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ValidationErrorProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue").DefineComponent<ValidationErrorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ValidationErrorProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/components/admin/common/validation-error.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,33 @@
+import { useTranslate } from "../../../i18n/use-translate.js";
+import { computed, createCommentVNode, createElementBlock, defineComponent, openBlock, toDisplayString } from "vue";
+// src/components/admin/common/validation-error.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { key: 0 };
+var validation_error_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "validation-error",
+	props: { error: {} },
+	setup(__props) {
+		/**
+		* `<ValidationError>` — renders a Chelone field error as translated text, the
+		* Vue analog of `@chelone/react`'s `field-error-display.tsx#ValidationError`.
+		*
+		* The error is ALREADY the displayable `string | TranslatableMessage`
+		* (`useInput`/`firstFieldError` ran core's `normalizeFormError`), so this NEVER
+		* touches an `error.root.message` / `@@react-admin@@` shape:
+		* - a `{ message, args }` payload → `translate(message, args)` (interpolated);
+		* - a plain string → `translate(string)` (key echoed on a miss);
+		* - `undefined`/`""` → renders nothing.
+		*/
+		const props = __props;
+		const translate = useTranslate();
+		const text = computed(() => {
+			const error = props.error;
+			if (error == null || error === "") return null;
+			if (typeof error === "string") return translate(error);
+			return translate(error.message, error.args);
+		});
+		return (_ctx, _cache) => {
+			return text.value != null ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(text.value), 1)) : createCommentVNode("", true);
+		};
+	}
+});
+export { validation_error_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/admin/csv-import/csv-import.js

@@ -0,0 +1,4 @@
+import csv_import_vue_vue_type_script_setup_true_lang_default from "./csv-import.vue_vue_type_script_setup_true_lang.js";
+// src/components/admin/csv-import/csv-import.vue
+var csv_import_default = csv_import_vue_vue_type_script_setup_true_lang_default;
+export { csv_import_default as default };

package/dist/components/admin/csv-import/csv-import.vue.d.ts

@@ -20,12 +20,13 @@ export interface CsvImportProps {
     onComplete?: (report: CsvImportReport) => void;
     onError?: (error: Error) => void;
 }
-declare const _default: __VLS_WithSlots<import("vue").DefineComponent<CsvImportProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CsvImportProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<CsvImportProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CsvImportProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     icon?: (props: {}) => any;
 } & {
     default?: (props: {}) => any;
 }>;
-export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;