@chelone/vue 0.0.0-stage → 0.1.1

package/dist/components/admin/common/field-label-text.vue.d.ts

@@ -0,0 +1,22 @@
+/** Props for {@link FieldLabelText}. */
+export interface FieldLabelTextProps {
+    /** The field path; humanized (or key-translated) when no `label` is given. */
+    source?: string;
+    /** Target resource for the translation key; defaults to the ambient resource. */
+    resource?: string;
+    /** A string is translated; `false`/`""` renders nothing. Pass a node via the default slot. */
+    label?: string | false;
+    /** Append a thin-space `*` required marker after the label. */
+    isRequired?: boolean;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<FieldLabelTextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FieldLabelTextProps> & Readonly<{}>, {
+    label: string | false;
+}, {}, {}, {}, 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/field-label-text.vue.js

@@ -0,0 +1,37 @@
+import { defineComponent, useSlots, computed, unref, renderSlot, openBlock, createElementBlock, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { useTranslateLabel } from "../../../label/use-translate-label.js";
+const _hoisted_1 = { key: 1 };
+const _hoisted_2 = {
+  key: 0,
+  "aria-hidden": "true"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "field-label-text",
+  props: {
+    source: {},
+    resource: {},
+    label: { type: [String, Boolean], default: void 0 },
+    isRequired: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
+    const translateLabel = useTranslateLabel();
+    const text = computed(
+      () => translateLabel({
+        source: props.source,
+        label: props.label,
+        resource: props.resource
+      })
+    );
+    return (_ctx, _cache) => {
+      return unref(slots).default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : text.value != null ? (openBlock(), createElementBlock("span", _hoisted_1, [
+        createTextVNode(toDisplayString(text.value), 1),
+        __props.isRequired ? (openBlock(), createElementBlock("span", _hoisted_2, " *")) : createCommentVNode("", true)
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/common/field-label-text2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./field-label-text.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/admin/common/icon-button-with-tooltip.vue.d.ts

@@ -0,0 +1,20 @@
+/** Props for {@link IconButtonWithTooltip}. */
+export interface IconButtonWithTooltipProps {
+    /**
+     * The button's label. It is translated, names the button (`aria-label`) and
+     * shows on hover as the native `title`. Use the `#label` slot for a label
+     * that is not a string.
+     */
+    label?: string;
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<IconButtonWithTooltipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IconButtonWithTooltipProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+} & {
+    label?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/admin/common/icon-button-with-tooltip.vue.js

@@ -0,0 +1,39 @@
+import { defineComponent, computed, openBlock, createBlock, withCtx, renderSlot, createElementBlock, createCommentVNode } from "vue";
+import { useTranslate } from "../../../i18n/use-translate.js";
+import _sfc_main$1 from "../../ui/button.vue.js";
+const _hoisted_1 = {
+  key: 0,
+  class: "sr-only"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "icon-button-with-tooltip",
+  props: {
+    label: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const translate = useTranslate();
+    const translated = computed(
+      () => props.label === void 0 ? void 0 : translate(props.label, { _: props.label })
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        variant: "ghost",
+        size: "icon",
+        "aria-label": translated.value,
+        title: translated.value
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default"),
+          _ctx.$slots.label ? (openBlock(), createElementBlock("span", _hoisted_1, [
+            renderSlot(_ctx.$slots, "label")
+          ])) : createCommentVNode("", true)
+        ]),
+        _: 3
+      }, 8, ["aria-label", "title"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/common/icon-button-with-tooltip2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./icon-button-with-tooltip.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/components/admin/common/icons.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 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.
+ */
+import { type FunctionalComponent } from "vue";
+/** Sparkles — `<ApplicationUpdatedNotification>` glyph. */
+export declare const SparklesIcon: FunctionalComponent<{
+    class?: string;
+}, {}, any, {}>;

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

@@ -0,0 +1,32 @@
+import { h } from "vue";
+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 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
+};

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

@@ -0,0 +1,14 @@
+/** Props for {@link InputHelperText}. */
+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>, {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,32 @@
+import { defineComponent, useSlots, computed, unref, renderSlot, openBlock, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { FieldDescription } from "../../ui/field.js";
+import { useTranslate } from "../../../i18n/use-translate.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "input-helper-text",
+  props: {
+    helperText: { type: [String, Boolean] }
+  },
+  setup(__props) {
+    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", { key: 0 }) : text.value != null ? (openBlock(), createBlock(unref(FieldDescription), { key: 1 }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(text.value), 1)
+        ]),
+        _: 1
+      })) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/common/input-helper-text2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./input-helper-text.vue.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,14 @@
+/** Props for {@link KeyboardShortcut}. */
+export interface KeyboardShortcutProps {
+    /**
+     * A shortcut string with `+` separating simultaneous keys and `>` separating
+     * sequential chords (e.g. `"mod+k"`, `"shift+ctrl+a>b"`). Known key names map
+     * to glyphs (`mod`/`meta` → `⌘`, `shift` → `⇧`, …); unknown keys uppercase.
+     * Renders nothing when empty/absent.
+     */
+    keyboardShortcut?: string;
+    /** 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>;
+export default _default;

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

@@ -0,0 +1,64 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, Fragment, renderList, toDisplayString, createTextVNode, createCommentVNode } from "vue";
+import { cn } from "../../../lib/utils.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "keyboard-shortcut",
+  props: {
+    keyboardShortcut: {},
+    class: {}
+  },
+  setup(__props) {
+    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;
+    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(" ")
+            ], 64)) : createCommentVNode("", true)
+          ], 64);
+        }), 128))
+      ], 2)) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/admin/common/keyboard-shortcut2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./keyboard-shortcut.vue.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,21 @@
+import type { RouterLinkProps } from "vue-router";
+/** Props for {@link Link}: vue-router's `RouterLink` props plus `class`. */
+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>, {
+    default?: (props: {
+        route: import("vue-router").RouteLocationResolvedGeneric;
+        href: string;
+        isActive: boolean;
+        isExactActive: boolean;
+        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.js

@@ -0,0 +1,32 @@
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { RouterLink } from "vue-router";
+import { cn } from "../../../lib/utils.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "link",
+  props: {
+    class: {},
+    custom: { type: Boolean },
+    activeClass: {},
+    exactActiveClass: {},
+    ariaCurrentValue: {},
+    viewTransition: { type: Boolean },
+    to: {},
+    replace: { type: Boolean }
+  },
+  setup(__props) {
+    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 {
+  _sfc_main as default
+};

package/dist/components/admin/common/link2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./link.vue.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,18 @@
+/**
+ * `<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.
+ */
+import type { TranslatableMessage } from "@chelone/core";
+/** Props for {@link ValidationError}. */
+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>;
+export default _default;

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

@@ -0,0 +1,25 @@
+import { defineComponent, computed, openBlock, createElementBlock, toDisplayString, createCommentVNode } from "vue";
+import { useTranslate } from "../../../i18n/use-translate.js";
+const _hoisted_1 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "validation-error",
+  props: {
+    error: {}
+  },
+  setup(__props) {
+    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 {
+  _sfc_main as default
+};

package/dist/components/admin/common/validation-error2.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./validation-error.vue.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,33 @@
+import type { CsvImportOptions, CsvImportReport, CsvTransform } from "@chelone/core";
+/** Props for {@link CsvImport}. */
+export interface CsvImportProps {
+    /** A Standard Schema (zod, valibot, ...). Its keys are the fields; its non-optional keys are required. */
+    schema?: CsvImportOptions["schema"];
+    /** Overrides the schema's keys. Without either, the CSV headers are the fields. */
+    fields?: string[];
+    /** Overrides the schema's non-optional keys. */
+    requiredFields?: string[];
+    /** A starting field to header mapping. When non-empty it replaces the auto-match. */
+    mapping?: Record<string, string>;
+    /** Reshapes a mapped row before the schema sees it. */
+    transform?: CsvTransform;
+    /** Rows created at once. Default 100. */
+    batchSize?: number;
+    /** The Import button's text. */
+    label?: string;
+    /** The resource to create into. Defaults to the ambient resource. */
+    resource?: string;
+    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>, {
+    icon?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};