@frigear-nu/ui 0.0.6 → 0.0.7

package/dist/module.mjs

@@ -40,7 +40,6 @@ const module$1 = defineNuxtModule({
       ignore: ["global/**"]
     });
     addImportsDir(resolver.resolve("./runtime/composables"));
-    addImportsDir(resolver.resolve("./runtime/utils"));
   },
   hooks: {
     "i18n:registerModule": (register) => {

package/dist/runtime/components/ConfirmDialog.d.vue.ts

@@ -3,6 +3,8 @@ interface ConfirmDialogProps {
     description?: string;
     dismissible?: boolean;
     confirmText?: string;
+    cancelText?: string;
+    destructive?: boolean;
 }
 declare const __VLS_export: import("vue").DefineComponent<ConfirmDialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (value: boolean) => any;

package/dist/runtime/components/ConfirmDialog.vue

@@ -3,7 +3,9 @@ defineProps({
   title: { type: String, required: false },
   description: { type: String, required: false },
   dismissible: { type: Boolean, required: false, default: false },
-  confirmText: { type: String, required: false }
+  confirmText: { type: String, required: false },
+  cancelText: { type: String, required: false },
+  destructive: { type: Boolean, required: false }
 });
 const emits = defineEmits(["close"]);
 </script>
@@ -17,14 +19,14 @@ const emits = defineEmits(["close"]);
   >
     <template #footer>
       <UButton
-        label="Cancel"
+        :label="cancelText || 'Cancel'"
         color="neutral"
         variant="outline"
         @click="emits('close', false)"
       />
       <UButton
         :label="confirmText || 'Confirm'"
-        color="neutral"
+        :color="destructive ? 'error' : 'neutral'"
         @click="emits('close', true)"
       />
     </template>

package/dist/runtime/components/ConfirmDialog.vue.d.ts

@@ -3,6 +3,8 @@ interface ConfirmDialogProps {
     description?: string;
     dismissible?: boolean;
     confirmText?: string;
+    cancelText?: string;
+    destructive?: boolean;
 }
 declare const __VLS_export: import("vue").DefineComponent<ConfirmDialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (value: boolean) => any;

package/dist/runtime/components/global/CurrencyInput.d.vue.ts

@@ -1,9 +1,14 @@
+import type { Currency } from '../../shared/money.js';
+type __VLS_Props = {
+    currencies?: Currency[];
+};
 type __VLS_ModelProps = {
     modelValue?: string;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/global/CurrencyInput.vue

@@ -1,8 +1,13 @@
 <script setup>
-import { useCurrencies } from "~/store/queries/system";
+import { currencyOptions } from "../../shared/money";
 const currencyCode = defineModel({ type: String, ...{ default: "EUR" } });
-const { data: currencies, status } = useCurrencies();
-const currency = computed(() => currencies.value?.find((c) => c.code === currencyCode.value));
+const props = defineProps({
+  currencies: { type: Array, required: false }
+});
+const nuxtApp = useNuxtApp();
+const options = computed(() => props.currencies ?? currencyOptions(nuxtApp.$i18n?.locale?.value));
+const status = "success";
+const currency = computed(() => options.value.find((c) => c.code === currencyCode.value));
 function onOpen() {
 }
 </script>
@@ -10,7 +15,7 @@ function onOpen() {
 <template>
   <USelectMenu
     v-model="currencyCode"
-    :items="currencies"
+    :items="options"
     value-key="code"
     :search-input="{
   placeholder: 'Search currency...',

package/dist/runtime/components/global/CurrencyInput.vue.d.ts

@@ -1,9 +1,14 @@
+import type { Currency } from '../../shared/money.js';
+type __VLS_Props = {
+    currencies?: Currency[];
+};
 type __VLS_ModelProps = {
     modelValue?: string;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/global/MarkdownTextarea.d.vue.ts

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    placeholder?: string;
+    rows?: number;
+    required?: boolean;
+    disabled?: boolean;
+    /** Show the Write / Preview toggle. */
+    preview?: boolean;
+    /** Render with MDC (Nuxt Content components like `::callout`) when the host app provides it. */
+    mdc?: boolean;
+    /** Variables for `{{ name }}` in MDC previews. */
+    mdcData?: Record<string, unknown>;
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/global/MarkdownTextarea.vue

@@ -0,0 +1,73 @@
+<script setup>
+import { renderMarkdown, withMdcData } from "../../markdown";
+const props = defineProps({
+  placeholder: { type: String, required: false },
+  rows: { type: Number, required: false },
+  required: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
+  preview: { type: Boolean, required: false },
+  mdc: { type: Boolean, required: false },
+  mdcData: { type: Object, required: false }
+});
+const model = defineModel({ type: String });
+const t = useUiT("markdown");
+const previewing = ref(false);
+const MdcComponent = resolveComponent("MDC");
+const useMdc = computed(() => props.mdc && typeof MdcComponent !== "string");
+const html = computed(() => renderMarkdown(model.value ?? ""));
+</script>
+
+<template>
+  <div class="min-w-0 space-y-1">
+    <div
+      v-if="props.preview"
+      class="flex justify-end gap-1"
+    >
+      <UButton
+        size="xs"
+        color="neutral"
+        :variant="previewing ? 'ghost' : 'subtle'"
+        :label="t('write', 'Write')"
+        @click="previewing = false"
+      />
+      <UButton
+        size="xs"
+        color="neutral"
+        :variant="previewing ? 'subtle' : 'ghost'"
+        icon="i-lucide-eye"
+        :label="t('preview', 'Preview')"
+        @click="previewing = true"
+      />
+    </div>
+    <!-- eslint-disable vue/no-v-html -- renderMarkdown escapes all input -->
+    <div
+      v-if="props.preview && previewing"
+      class="prose prose-sm min-h-16 max-w-none rounded-md border border-default p-2 text-muted"
+      :style="{ minHeight: `${(props.rows ?? 4) * 1.5}rem` }"
+    >
+      <span
+        v-if="!model?.trim()"
+        class="italic"
+      >{{ t("empty", "Nothing to preview") }}</span>
+      <component
+        :is="MdcComponent"
+        v-else-if="useMdc"
+        :value="withMdcData(model, mdcData)"
+      />
+      <div
+        v-else
+        v-html="html"
+      />
+    </div>
+    <!-- eslint-enable vue/no-v-html -->
+    <UTextarea
+      v-else
+      v-model="model"
+      :placeholder="placeholder"
+      :rows="rows"
+      :required="required"
+      :disabled="disabled"
+      class="w-full"
+    />
+  </div>
+</template>

package/dist/runtime/components/global/MarkdownTextarea.vue.d.ts

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    placeholder?: string;
+    rows?: number;
+    required?: boolean;
+    disabled?: boolean;
+    /** Show the Write / Preview toggle. */
+    preview?: boolean;
+    /** Render with MDC (Nuxt Content components like `::callout`) when the host app provides it. */
+    mdc?: boolean;
+    /** Variables for `{{ name }}` in MDC previews. */
+    mdcData?: Record<string, unknown>;
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/global/MoneyInput.d.vue.ts

@@ -1,22 +1,22 @@
-type Currency = {
-    name?: string;
-    code: string;
-    symbol: string;
-};
+import type { Currency } from '../../shared/money.js';
 type MoneyValue = {
     currency: Currency['code'];
     amount: number | null | undefined;
 };
+type __VLS_Props = {
+    currencies?: Currency[];
+};
 type __VLS_ModelProps = {
     modelValue?: MoneyValue;
     'amount'?: number | null | undefined;
     'currency'?: string;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: MoneyValue) => any;
     "update:amount": (value: number | null | undefined) => any;
     "update:currency": (value: string | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: MoneyValue) => any) | undefined;
     "onUpdate:amount"?: ((value: number | null | undefined) => any) | undefined;
     "onUpdate:currency"?: ((value: string | undefined) => any) | undefined;

package/dist/runtime/components/global/MoneyInput.vue

@@ -1,18 +1,22 @@
 <script setup>
-import { fromCents, toCents } from "#shared/utils/money.ts";
-import { useCurrencies } from "~/store/queries/system.ts";
+import { currencyOptions, fromCents, toCents } from "../../shared/money";
 const model = defineModel({ type: Object, ...{
   default: () => ({ currency: "EUR", amount: 0 })
 } });
 const amount = defineModel("amount", { type: null, ...{
-  get: () => fromCents(model.value?.amount),
-  set: (newValue) => model.value = { ...model.value, amount: toCents(newValue) }
+  get: () => fromCents(model.value?.amount, model.value?.currency || "EUR"),
+  set: (newValue) => model.value = { ...model.value, amount: toCents(newValue, model.value?.currency || "EUR") }
 } });
 const currencyCode = defineModel("currency", { type: String, ...{
   get: () => model.value?.currency || "EUR",
   set: (newValue) => model.value = { ...model.value, currency: newValue }
 } });
-const { data: currencies, status } = useCurrencies();
+const props = defineProps({
+  currencies: { type: Array, required: false }
+});
+const nuxtApp = useNuxtApp();
+const options = computed(() => props.currencies ?? currencyOptions(nuxtApp.$i18n?.locale?.value));
+const status = "success";
 const code = computed(() => currencyCode.value || "USD");
 </script>
 
@@ -20,7 +24,7 @@ const code = computed(() => currencyCode.value || "USD");
   <UFieldGroup class="w-full">
     <USelectMenu
       v-model="currencyCode"
-      :items="currencies"
+      :items="options"
       value-key="code"
       :search-input="{
   placeholder: 'Search currency...',

package/dist/runtime/components/global/MoneyInput.vue.d.ts

@@ -1,22 +1,22 @@
-type Currency = {
-    name?: string;
-    code: string;
-    symbol: string;
-};
+import type { Currency } from '../../shared/money.js';
 type MoneyValue = {
     currency: Currency['code'];
     amount: number | null | undefined;
 };
+type __VLS_Props = {
+    currencies?: Currency[];
+};
 type __VLS_ModelProps = {
     modelValue?: MoneyValue;
     'amount'?: number | null | undefined;
     'currency'?: string;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: MoneyValue) => any;
     "update:amount": (value: number | null | undefined) => any;
     "update:currency": (value: string | undefined) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: MoneyValue) => any) | undefined;
     "onUpdate:amount"?: ((value: number | null | undefined) => any) | undefined;
     "onUpdate:currency"?: ((value: string | undefined) => any) | undefined;

package/dist/runtime/components/global/TranslatedInput.d.vue.ts

@@ -0,0 +1,29 @@
+import type { Translated } from '../../translated.js';
+type __VLS_Props = {
+    placeholder?: string;
+    /** Edit as a textarea (descriptions, markdown bodies). */
+    multiline?: boolean;
+    rows?: number;
+    /** Write / Preview toggle for multiline text (markdown). Defaults on. */
+    preview?: boolean;
+    /** Preview with MDC (components such as `::callout`) instead of plain markdown. */
+    mdc?: boolean;
+    /** Variables for `{{ name }}` in the MDC preview. */
+    mdcData?: Record<string, unknown>;
+    required?: boolean;
+    disabled?: boolean;
+};
+type __VLS_ModelProps = {
+    /** Either one string for every language, or a map of locale -> text. `undefined` / `null` = empty. */
+    modelValue?: Translated | null | undefined;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: Translated | null | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Translated | null | undefined) => any) | undefined;
+}>, {
+    preview: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/global/TranslatedInput.vue

@@ -0,0 +1,148 @@
+<script setup>
+import { collapseTranslated, expandTranslated, filledLocales, isLocaleCode, readTranslated, translate, writeTranslated } from "../../translated";
+const props = defineProps({
+  placeholder: { type: String, required: false },
+  multiline: { type: Boolean, required: false },
+  rows: { type: Number, required: false },
+  preview: { type: Boolean, required: false, default: true },
+  mdc: { type: Boolean, required: false },
+  mdcData: { type: Object, required: false },
+  required: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false }
+});
+const model = defineModel({ type: null });
+const t = useUiT("translated");
+const current = useTranslatedLocale();
+const available = useTranslatedLocales();
+const fallback = useTranslatedFallbackLocale();
+const translated = computed(() => !!model.value && typeof model.value === "object");
+const added = ref([]);
+const newLocale = ref("");
+const locales = computed(() => [.../* @__PURE__ */ new Set([...available.value, ...filledLocales(model.value), ...added.value])]);
+const filled = computed(() => new Set(filledLocales(model.value)));
+const fallbackText = (locale) => translate(model.value, locale, fallback.value);
+function addLocale() {
+  const code = newLocale.value.trim();
+  if (isLocaleCode(code) && !locales.value.includes(code)) added.value.push(code);
+  newLocale.value = "";
+}
+function toggle() {
+  model.value = translated.value ? collapseTranslated(model.value, current.value) : expandTranslated(model.value, current.value) ?? {};
+}
+function setPlain(text) {
+  model.value = text || void 0;
+}
+function setLocale(locale, text) {
+  model.value = writeTranslated({ ...model.value }, locale, text) ?? {};
+}
+</script>
+
+<template>
+  <div class="w-full space-y-1">
+    <div
+      v-if="!translated"
+      class="flex items-start gap-1"
+    >
+      <MarkdownTextarea
+        v-if="props.multiline"
+        :model-value="readTranslated(model, current)"
+        :placeholder="placeholder"
+        :rows="rows ?? 4"
+        :required="required"
+        :disabled="disabled"
+        :preview="preview"
+        :mdc="mdc"
+        :mdc-data="mdcData"
+        class="min-w-0 flex-1"
+        @update:model-value="setPlain(String($event))"
+      />
+      <UInput
+        v-else
+        :model-value="readTranslated(model, current)"
+        :placeholder="placeholder"
+        :required="required"
+        :disabled="disabled"
+        class="min-w-0 flex-1"
+        @update:model-value="setPlain(String($event))"
+      />
+      <UButton
+        color="neutral"
+        variant="outline"
+        icon="i-lucide-languages"
+        :disabled="disabled"
+        :aria-label="t('translate', 'Translate')"
+        :title="t('translate', 'Translate')"
+        @click="toggle"
+      />
+    </div>
+
+    <div
+      v-else
+      class="space-y-1 rounded-md border border-default p-1.5"
+    >
+      <div
+        v-for="locale in locales"
+        :key="locale"
+        class="flex items-start gap-1.5"
+      >
+        <UBadge
+          :color="filled.has(locale) ? 'primary' : 'neutral'"
+          :variant="filled.has(locale) ? 'subtle' : 'outline'"
+          :icon="filled.has(locale) ? 'i-lucide-check' : void 0"
+          size="sm"
+          class="mt-1.5 min-w-11 justify-center uppercase"
+          :title="filled.has(locale) ? t('filled', 'Translated') : t('missing', 'Missing, shows the fallback language')"
+          :label="locale"
+        />
+        <MarkdownTextarea
+          v-if="props.multiline"
+          :model-value="readTranslated(model, locale)"
+          :placeholder="fallbackText(locale) || placeholder"
+          :rows="rows ?? 3"
+          :disabled="disabled"
+          :preview="preview"
+          :mdc="mdc"
+          :mdc-data="mdcData"
+          class="min-w-0 flex-1"
+          @update:model-value="setLocale(locale, String($event))"
+        />
+        <UInput
+          v-else
+          :model-value="readTranslated(model, locale)"
+          :placeholder="fallbackText(locale) || placeholder"
+          :disabled="disabled"
+          class="min-w-0 flex-1"
+          @update:model-value="setLocale(locale, String($event))"
+        />
+      </div>
+      <form
+        class="flex gap-1"
+        @submit.prevent="addLocale"
+      >
+        <UInput
+          v-model="newLocale"
+          size="xs"
+          :placeholder="t('addLanguage', 'Add language, e.g. de')"
+          class="min-w-0 flex-1"
+        />
+        <UButton
+          type="submit"
+          color="neutral"
+          variant="outline"
+          size="xs"
+          icon="i-lucide-plus"
+          :aria-label="t('addLanguage', 'Add language, e.g. de')"
+        />
+      </form>
+      <UButton
+        color="neutral"
+        variant="link"
+        size="xs"
+        icon="i-lucide-x"
+        :disabled="disabled"
+        :label="t('singleLanguage', 'Same text in every language')"
+        @click="toggle"
+      />
+    </div>
+  </div>
+</template>

package/dist/runtime/components/global/TranslatedInput.vue.d.ts

@@ -0,0 +1,29 @@
+import type { Translated } from '../../translated.js';
+type __VLS_Props = {
+    placeholder?: string;
+    /** Edit as a textarea (descriptions, markdown bodies). */
+    multiline?: boolean;
+    rows?: number;
+    /** Write / Preview toggle for multiline text (markdown). Defaults on. */
+    preview?: boolean;
+    /** Preview with MDC (components such as `::callout`) instead of plain markdown. */
+    mdc?: boolean;
+    /** Variables for `{{ name }}` in the MDC preview. */
+    mdcData?: Record<string, unknown>;
+    required?: boolean;
+    disabled?: boolean;
+};
+type __VLS_ModelProps = {
+    /** Either one string for every language, or a map of locale -> text. `undefined` / `null` = empty. */
+    modelValue?: Translated | null | undefined;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: Translated | null | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Translated | null | undefined) => any) | undefined;
+}>, {
+    preview: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/global/UrlInput.d.vue.ts

@@ -2,11 +2,11 @@ type __VLS_ModelProps = {
     modelValue?: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | undefined) => any;
     success: (args_0: string) => any;
+    "update:modelValue": (value: string | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
     onSuccess?: ((args_0: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/global/UrlInput.vue.d.ts

@@ -2,11 +2,11 @@ type __VLS_ModelProps = {
     modelValue?: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | undefined) => any;
     success: (args_0: string) => any;
+    "update:modelValue": (value: string | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
     onSuccess?: ((args_0: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/composables/index.d.ts

@@ -1 +1,2 @@
 export * from './useConfirmDialog.ts.js';
+export * from './useTranslatedLocales.ts.js';

package/dist/runtime/composables/index.js

@@ -1 +1,2 @@
 export * from "./useConfirmDialog.ts";
+export * from "./useTranslatedLocales.ts";

package/dist/runtime/composables/useConfirmDialog.d.ts

@@ -2,5 +2,8 @@ export interface ConfirmDialogOptions {
     title: string;
     description?: string;
     confirmText?: string;
+    cancelText?: string;
+    /** Style the confirm button as destructive. */
+    destructive?: boolean;
 }
 export declare const useConfirmDialog: () => (options: ConfirmDialogOptions) => Promise<boolean>;

package/dist/runtime/composables/useTranslatedLocales.d.ts

@@ -0,0 +1,8 @@
+/** Locale of the visitor: `@nuxtjs/i18n`'s when installed, otherwise `en`. */
+export declare function useTranslatedLocale(): any;
+/** Locales content can be translated into: the configured `@nuxtjs/i18n` ones when installed, otherwise just `en`. */
+export declare function useTranslatedLocales(): any;
+/** The site's default locale, used when a text has no translation for the current one. */
+export declare function useTranslatedFallbackLocale(): any;
+/** Optional-i18n translator for this package's own messages (`translated.*`), falling back to the English default. */
+export declare function useUiT(namespace: string): (key: string, fallback: string, params?: Record<string, string | number>) => string;

package/dist/runtime/composables/useTranslatedLocales.js

@@ -0,0 +1,24 @@
+const i18n = () => useNuxtApp().$i18n;
+export function useTranslatedLocale() {
+  const nuxtApp = i18n();
+  return computed(() => nuxtApp?.locale?.value ?? "en");
+}
+export function useTranslatedLocales() {
+  const nuxtApp = i18n();
+  return computed(() => {
+    const codes = (nuxtApp?.locales?.value ?? []).map((locale) => typeof locale === "string" ? locale : locale.code);
+    return codes.length ? codes : ["en"];
+  });
+}
+export function useTranslatedFallbackLocale() {
+  const nuxtApp = i18n();
+  return computed(() => nuxtApp?.defaultLocale ?? "en");
+}
+export function useUiT(namespace) {
+  const nuxtApp = useNuxtApp().$i18n;
+  return (key, fallback, params = {}) => {
+    const path = `${namespace}.${key}`;
+    if (nuxtApp?.te?.(path)) return nuxtApp.t(path, params);
+    return Object.entries(params).reduce((text, [name, value]) => text.replaceAll(`{${name}}`, String(value)), fallback);
+  };
+}

package/dist/runtime/i18n/lang/da.json

@@ -21,5 +21,17 @@
   },
   "locale": {
     "switch": "Vælg sprog (nu: {name})"
+  },
+  "translated": {
+    "translate": "Oversæt",
+    "filled": "Oversat",
+    "missing": "Mangler, viser reserve-sproget",
+    "addLanguage": "Tilføj sprog, f.eks. de",
+    "singleLanguage": "Samme tekst på alle sprog"
+  },
+  "markdown": {
+    "write": "Skriv",
+    "preview": "Vis",
+    "empty": "Intet at vise"
   }
 }

package/dist/runtime/i18n/lang/en.json

@@ -21,5 +21,17 @@
   },
   "locale": {
     "switch": "Choose language (now: {name})"
+  },
+  "translated": {
+    "translate": "Translate",
+    "filled": "Translated",
+    "missing": "Missing, shows the fallback language",
+    "addLanguage": "Add language, e.g. de",
+    "singleLanguage": "Same text in every language"
+  },
+  "markdown": {
+    "write": "Write",
+    "preview": "Preview",
+    "empty": "Nothing to preview"
   }
 }

package/dist/runtime/markdown.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Tiny, safe renderer for `markdown` fields: escapes everything, then supports `**bold**`,
+ * `_italic_`, `[text](https://…)` links and blank-line separated paragraphs.
+ */
+export declare function renderMarkdown(source: string): string;
+/**
+ * Prepends `data` as frontmatter so MDC (`<MDC :value>`) can resolve `{{ name }}` in the text.
+ * JSON values are valid YAML, which keeps quoting safe for arbitrary strings.
+ */
+export declare function withMdcData(source: string, data?: Record<string, unknown>): string;

package/dist/runtime/markdown.js

@@ -0,0 +1,13 @@
+const escape = (value) => value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+const safeHref = (href) => /^(?:https?:\/\/|\/(?![/\\])|mailto:)/.test(href);
+export function renderMarkdown(source) {
+  return source.split(/\n{2,}/).map((paragraph) => escape(paragraph.trim()).replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>").replace(/\b_(.+?)_\b/g, "<em>$1</em>").replace(/\[([^\]]+)\]\(([^)\s]+)\)/g, (match, label, href) => safeHref(href.replace(/&amp;/g, "&")) ? `<a href="${href}" target="_blank" rel="noopener" class="underline">${label}</a>` : match).replace(/\n/g, "<br>")).filter(Boolean).map((paragraph) => `<p>${paragraph}</p>`).join("");
+}
+export function withMdcData(source, data) {
+  const entries = Object.entries(data ?? {}).filter(([, value]) => value !== void 0);
+  if (!entries.length) return source;
+  return `---
+${entries.map(([key, value]) => `${JSON.stringify(key)}: ${JSON.stringify(value)}`).join("\n")}
+---
+${source}`;
+}

package/dist/runtime/shared/money.d.ts

@@ -0,0 +1,15 @@
+export type Currency = {
+    name?: string;
+    code: string;
+    symbol: string;
+};
+/** The number of minor-unit digits of a currency (2 for EUR, 0 for JPY, 3 for KWD), from `Intl`. */
+export declare function currencyDigits(code: string): number;
+/** Formats an amount in a currency's minor unit (cents, øre) for display, e.g. `formatMoney(15000, 'DKK', 'da')` -> `150,00 kr.`. */
+export declare function formatMoney(amount: number, currency: string, locale?: string): string;
+/** Minor units (cents) to the major-unit number shown in an input. */
+export declare function fromCents(amount: number | null | undefined, code?: string): number | null | undefined;
+/** The major-unit number from an input to minor units (cents), rounded to whole minor units. */
+export declare function toCents(value: number | null | undefined, code?: string): number | null | undefined;
+/** Every ISO currency the runtime knows, with its localized name and symbol, sorted by code. */
+export declare function currencyOptions(locale?: string): Currency[];

package/dist/runtime/shared/money.js

@@ -0,0 +1,31 @@
+export function currencyDigits(code) {
+  try {
+    return new Intl.NumberFormat("en", { style: "currency", currency: code }).resolvedOptions().maximumFractionDigits ?? 2;
+  } catch {
+    return 2;
+  }
+}
+export function formatMoney(amount, currency, locale) {
+  const code = currency.toUpperCase();
+  try {
+    return new Intl.NumberFormat(locale, { style: "currency", currency: code }).format(amount / 10 ** currencyDigits(code));
+  } catch {
+    return `${(amount / 100).toFixed(2)} ${code}`;
+  }
+}
+export function fromCents(amount, code = "EUR") {
+  if (amount === null || amount === void 0) return amount;
+  return amount / 10 ** currencyDigits(code);
+}
+export function toCents(value, code = "EUR") {
+  if (value === null || value === void 0 || Number.isNaN(value)) return null;
+  return Math.round(value * 10 ** currencyDigits(code));
+}
+export function currencyOptions(locale = "en") {
+  const codes = typeof Intl.supportedValuesOf === "function" ? Intl.supportedValuesOf("currency") : ["EUR", "USD", "GBP", "DKK", "SEK", "NOK"];
+  const names = new Intl.DisplayNames([locale], { type: "currency" });
+  return codes.map((code) => {
+    const symbol = new Intl.NumberFormat(locale, { style: "currency", currency: code, currencyDisplay: "narrowSymbol" }).formatToParts(0).find((part) => part.type === "currency")?.value ?? code;
+    return { code, symbol, name: names.of(code) ?? code };
+  });
+}

package/dist/runtime/translated.d.ts

@@ -0,0 +1,22 @@
+/** A text that is either one string for every language, or a map of locale -> text. */
+export type Translated = string | Record<string, string>;
+/**
+ * Picks the text to show for `locale`: that locale, else `fallback` (the site's default locale), else `en`,
+ * else the first entry that has text. Empty entries never win, so a half-translated value shows another language
+ * instead of nothing.
+ */
+export declare function translate(value: Translated | null | undefined, locale?: string, fallback?: string): string;
+/** True when `value` holds text for exactly that locale (no fallback). */
+export declare function hasTranslation(value: Translated | null | undefined, locale: string): boolean;
+/** Reads the text for one locale out of a translatable value; a plain string counts as the text of every locale. */
+export declare function readTranslated(value: Translated | null | undefined, locale: string): string;
+/** Writes the text for one locale; plain strings stay plain, per-locale maps keep their other locales. Empty entries are dropped. */
+export declare function writeTranslated(value: Translated | null | undefined, locale: string, text: string): Translated | undefined;
+/** A plain string becomes a per-locale map holding that text for `locale`. */
+export declare function expandTranslated(value: Translated | null | undefined, locale: string): Translated | undefined;
+/** A per-locale map becomes one plain string: the text of `locale`, else `en`, else the first one written. */
+export declare function collapseTranslated(value: Translated | null | undefined, locale: string): Translated | undefined;
+/** The locales of a value that actually have text. */
+export declare function filledLocales(value: Translated | null | undefined): string[];
+/** Accepts `da`, `en-GB`, `pt_BR`... */
+export declare const isLocaleCode: (code: string) => boolean;

package/dist/runtime/translated.js

@@ -0,0 +1,33 @@
+export function translate(value, locale = "en", fallback) {
+  if (!value) return "";
+  if (typeof value === "string") return value;
+  return value[locale] || (fallback ? value[fallback] : "") || value.en || Object.values(value).find(Boolean) || "";
+}
+export function hasTranslation(value, locale) {
+  return !!value && (typeof value === "string" ? false : !!value[locale]);
+}
+export function readTranslated(value, locale) {
+  if (!value) return "";
+  if (typeof value === "string") return value;
+  return value[locale] ?? "";
+}
+export function writeTranslated(value, locale, text) {
+  if (value && typeof value === "object") {
+    const next = Object.fromEntries(Object.entries({ ...value, [locale]: text }).filter(([, entry]) => entry));
+    return Object.keys(next).length ? next : void 0;
+  }
+  return text || void 0;
+}
+export function expandTranslated(value, locale) {
+  if (typeof value !== "string") return value ?? void 0;
+  return value ? { [locale]: value } : void 0;
+}
+export function collapseTranslated(value, locale) {
+  if (!value) return void 0;
+  if (typeof value === "string") return value;
+  return value[locale] || value.en || Object.values(value).find(Boolean) || void 0;
+}
+export function filledLocales(value) {
+  return value && typeof value === "object" ? Object.keys(value).filter((code) => value[code]) : [];
+}
+export const isLocaleCode = (code) => /^[a-z]{2,3}(?:[-_][a-z0-9]{2,8})*$/i.test(code);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frigear-nu/ui",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Shared UI components and composables for Frigear Nuxt applications, built on Nuxt UI.",
   "license": "MIT",
   "homepage": "https://docs.frigear.dev/modules/ui",
@@ -19,7 +19,10 @@
     },
     "./components/*": "./dist/runtime/components/global/*.vue",
     "./composables": "./dist/runtime/composables/index.js",
-    "./composables/*": "./dist/runtime/composables/*.js"
+    "./composables/*": "./dist/runtime/composables/*.js",
+    "./translated": "./dist/runtime/translated.js",
+    "./markdown": "./dist/runtime/markdown.js",
+    "./money": "./dist/runtime/shared/money.js"
   },
   "main": "./dist/module.mjs",
   "workspaces": [
@@ -31,25 +34,21 @@
   "dependencies": {
     "@nuxt/kit": "^4.6.0",
     "@vueuse/core": "^13.5.0",
-    "cron-parser": "^5.10.0",
     "defu": "^6.1.4",
-    "yaml": "^2.7.1",
     "nuxt-monaco-editor": "^1.4.1",
-    "monaco-editor": "^0.56.0",
-    "@tanstack/vue-table": "^8.21.3",
-    "scule": "^1.3.0",
-    "tailwindcss": "^4.3.3"
+    "monaco-editor": "^0.56.0"
   },
   "devDependencies": {
+    "@frigear-nu/eslint-config": "0.0.2",
+    "@nuxt/module-builder": "^1.0.3",
+    "@nuxt/schema": "^4.6.0",
     "@nuxt/ui": "^4.10.0",
-    "@frigear-nu/eslint-config": "0.0.0",
     "eslint": "^10.8.1",
     "nuxt": "^4.6.1",
-    "vitest": "^5.0.0",
-    "@nuxt/module-builder": "^1.0.3",
+    "tailwindcss": "^4.3.3",
     "typescript": "^6.0.3",
-    "vue-tsc": "^3.3.11",
-    "@nuxt/schema": "^4.6.0"
+    "vitest": "^5.0.0",
+    "vue-tsc": "^3.3.11"
   },
   "peerDependencies": {
     "@nuxt/ui": "^4.10.0",

package/dist/runtime/components/Admin/AdminPageHeader.d.vue.ts

@@ -1,21 +0,0 @@
-import type { ButtonProps, PageHeaderProps } from '@nuxt/ui';
-type Props = PageHeaderProps & {
-    returnButton?: ButtonProps | false;
-};
-declare var __VLS_9: {}, __VLS_18: string, __VLS_19: {};
-type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_18>]?: (props: typeof __VLS_19) => any;
-} & {
-    headline?: (props: typeof __VLS_9) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    returnButton: ButtonProps | false;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/runtime/components/Admin/AdminPageHeader.vue

@@ -1,45 +0,0 @@
-<script setup>
-import { objectOmit } from "@vueuse/core";
-defineProps({
-  as: { type: null, required: false },
-  headline: { type: String, required: false },
-  title: { type: String, required: false },
-  description: { type: String, required: false },
-  links: { type: Array, required: false },
-  class: { type: null, required: false },
-  ui: { type: Object, required: false },
-  returnButton: { type: [Object, Boolean], required: false, default: () => ({
-    label: "Admin",
-    to: "/admin",
-    icon: "i-lucide-arrow-left",
-    variant: "link"
-  }) }
-});
-const forwardedSlots = ["links", "description"];
-</script>
-
-<template>
-  <UPageHeader
-    v-bind="objectOmit($props, ['returnButton'])"
-    :ui="{ headline: 'flex-1 p-0' }"
-  >
-    <!-- Manually handled slot -->
-    <template #headline>
-      <slot name="headline">
-        <UButton
-          v-if="returnButton !== false && returnButton !== void 0"
-          class="p-0"
-          v-bind="{ variant: 'link', ...returnButton }"
-        />
-      </slot>
-    </template>
-
-    <template
-      v-for="slotName in forwardedSlots"
-      :key="slotName"
-      #[slotName]
-    >
-      <slot :name="slotName" />
-    </template>
-  </UPageHeader>
-</template>

package/dist/runtime/components/Admin/AdminPageHeader.vue.d.ts

@@ -1,21 +0,0 @@
-import type { ButtonProps, PageHeaderProps } from '@nuxt/ui';
-type Props = PageHeaderProps & {
-    returnButton?: ButtonProps | false;
-};
-declare var __VLS_9: {}, __VLS_18: string, __VLS_19: {};
-type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_18>]?: (props: typeof __VLS_19) => any;
-} & {
-    headline?: (props: typeof __VLS_9) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    returnButton: ButtonProps | false;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/runtime/utils/table.d.ts

@@ -1,11 +0,0 @@
-import type { TableColumn, DropdownMenuItem } from '@nuxt/ui';
-import type { Row } from '@tanstack/vue-table';
-export type ColumnDefinerProps<T, TData = TableColumn<T>> = Partial<Omit<TData, 'id'>> & Pick<TData, 'id'>;
-export declare const defineColumn: <Type = unknown, TData = TableColumn<Type>>(columnDef: ColumnDefinerProps<Type, TData> | string) => TData;
-type RowAction<T> = Omit<DropdownMenuItem, 'onSelect'> & {
-    onSelect: (row: Row<T>) => void | Promise<void>;
-};
-export declare const defineRowActions: <T>(row: Row<T>, action: RowAction<T>) => {
-    onSelect: () => void | Promise<void>;
-};
-export {};

package/dist/runtime/utils/table.js

@@ -1,23 +0,0 @@
-import defu from "defu";
-import { titleCase } from "scule";
-export const defineColumn = (columnDef) => {
-  let def;
-  if (typeof columnDef !== "object") {
-    def = {
-      id: columnDef
-    };
-  } else {
-    def = columnDef;
-  }
-  return defu(def, {
-    id: crypto.randomUUID(),
-    header: def.id ? titleCase(def.id) : void 0,
-    cell: ({ row }) => row.original[def.id]
-  });
-};
-export const defineRowActions = (row, action) => {
-  return {
-    ...action,
-    onSelect: () => action.onSelect(row)
-  };
-};