@frigear-nu/ui 0.0.0-stage → 0.0.3

package/README.md

@@ -1,3 +1,6 @@
-# Temporary Holding Version
+# @frigear-nu/ui
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Shared UI components for Frigear Nuxt applications.
+
+
+[Playground](./playground)

package/dist/module.d.mts

@@ -0,0 +1,5 @@
+import * as _nuxt_schema from '@nuxt/schema';
+
+declare const _default: _nuxt_schema.NuxtModule<_nuxt_schema.ModuleOptions, _nuxt_schema.ModuleOptions, false>;
+
+export { _default as default };

package/dist/module.json

@@ -0,0 +1,12 @@
+{
+  "name": "@frigear-nu/ui",
+  "configKey": "frigearUi",
+  "version": "0.0.1",
+  "compatibility": {
+    "nuxt": ">=4.0.0"
+  },
+  "builder": {
+    "@nuxt/module-builder": "1.0.3",
+    "unbuild": "unknown"
+  }
+}

package/dist/module.mjs

@@ -0,0 +1,52 @@
+import { createResolver, defineNuxtModule, addComponentsDir, addImportsDir } from '@nuxt/kit';
+
+const defaultI18nConfig = (resolver) => {
+  const langDir = resolver.resolve("./runtime/i18n/lang");
+  return {
+    langDir,
+    locales: [
+      { code: "en", name: "English", files: [resolver.resolve("./runtime/i18n/lang/en.json")] },
+      { code: "da", name: "Dansk", files: [resolver.resolve("./runtime/i18n/lang/da.json")] }
+    ]
+  };
+};
+
+const resolver = createResolver(import.meta.url);
+const module$1 = defineNuxtModule({
+  meta: {
+    name: "@frigear-nu/ui",
+    configKey: "frigearUi",
+    version: "0.0.1",
+    compatibility: {
+      nuxt: ">=4.0.0"
+    }
+  },
+  moduleDependencies: {
+    "@nuxt/ui": {},
+    "nuxt-monaco-editor": {},
+    "@nuxtjs/i18n": {
+      optional: true
+    }
+  },
+  setup(_options, _nuxt) {
+    addComponentsDir({
+      path: resolver.resolve("./runtime/components/global"),
+      global: true,
+      prefix: ""
+    });
+    addComponentsDir({
+      path: resolver.resolve("./runtime/components"),
+      prefix: "",
+      ignore: ["global/**"]
+    });
+    addImportsDir(resolver.resolve("./runtime/composables"));
+    addImportsDir(resolver.resolve("./runtime/utils"));
+  },
+  hooks: {
+    "i18n:registerModule": (register) => {
+      register(defaultI18nConfig(resolver));
+    }
+  }
+});
+
+export { module$1 as default };

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

@@ -0,0 +1,21 @@
+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

@@ -0,0 +1,45 @@
+<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

@@ -0,0 +1,21 @@
+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/App/AppPageHeader.d.vue.ts

@@ -0,0 +1,23 @@
+import type { ButtonProps, PageHeaderProps, BreadcrumbItem } from '@nuxt/ui';
+type Props = PageHeaderProps & {
+    returnButton?: ButtonProps | false;
+    crumbs?: BreadcrumbItem[];
+};
+declare var __VLS_9: {}, __VLS_28: string, __VLS_29: {};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_28>]?: (props: typeof __VLS_29) => 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;
+    crumbs: BreadcrumbItem[];
+}, {}, {}, {}, 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/App/AppPageHeader.vue

@@ -0,0 +1,58 @@
+<script setup>
+import { objectOmit } from "@vueuse/core";
+import defu from "defu";
+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: "Dashboard",
+    to: "/app",
+    icon: "i-lucide-arrow-left",
+    variant: "link"
+  }) },
+  crumbs: { type: Array, required: false, default: () => [] }
+});
+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">
+        <div class="flex items-center gap-2">
+          <UButton
+            v-if="returnButton !== false && returnButton !== void 0"
+            class="p-0"
+            v-bind="defu(returnButton, { variant: 'link' })"
+          />
+          <UIcon
+            v-if="crumbs && crumbs.length > 0"
+            name="i-lucide-chevron-right"
+          />
+          <UBreadcrumb
+            v-if="crumbs && crumbs.length > 0"
+            :items="crumbs"
+            label-key="label"
+          />
+        </div>
+      </slot>
+    </template>
+
+    <template
+      v-for="slotName in forwardedSlots"
+      :key="slotName"
+      #[slotName]
+    >
+      <slot :name="slotName" />
+    </template>
+  </UPageHeader>
+</template>

package/dist/runtime/components/App/AppPageHeader.vue.d.ts

@@ -0,0 +1,23 @@
+import type { ButtonProps, PageHeaderProps, BreadcrumbItem } from '@nuxt/ui';
+type Props = PageHeaderProps & {
+    returnButton?: ButtonProps | false;
+    crumbs?: BreadcrumbItem[];
+};
+declare var __VLS_9: {}, __VLS_28: string, __VLS_29: {};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_28>]?: (props: typeof __VLS_29) => 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;
+    crumbs: BreadcrumbItem[];
+}, {}, {}, {}, 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/ConfirmDialog.d.vue.ts

@@ -0,0 +1,15 @@
+interface ConfirmDialogProps {
+    title?: string;
+    description?: string;
+    dismissible?: boolean;
+    confirmText?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<ConfirmDialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<ConfirmDialogProps> & Readonly<{
+    onClose?: ((value: boolean) => any) | undefined;
+}>, {
+    dismissible: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ConfirmDialog.vue

@@ -0,0 +1,32 @@
+<script setup>
+defineProps({
+  title: { type: String, required: false },
+  description: { type: String, required: false },
+  dismissible: { type: Boolean, required: false, default: false },
+  confirmText: { type: String, required: false }
+});
+const emits = defineEmits(["close"]);
+</script>
+
+<template>
+  <UModal
+    :title="title"
+    :description="description"
+    :dismissible="dismissible"
+    :ui="{ footer: 'justify-end' }"
+  >
+    <template #footer>
+      <UButton
+        label="Cancel"
+        color="neutral"
+        variant="outline"
+        @click="emits('close', false)"
+      />
+      <UButton
+        :label="confirmText || 'Confirm'"
+        color="neutral"
+        @click="emits('close', true)"
+      />
+    </template>
+  </UModal>
+</template>

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

@@ -0,0 +1,15 @@
+interface ConfirmDialogProps {
+    title?: string;
+    description?: string;
+    dismissible?: boolean;
+    confirmText?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<ConfirmDialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<ConfirmDialogProps> & Readonly<{
+    onClose?: ((value: boolean) => any) | undefined;
+}>, {
+    dismissible: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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

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

@@ -0,0 +1,39 @@
+<script setup>
+import { useCurrencies } from "~/store/queries/system";
+const currencyCode = defineModel({ type: String, ...{ default: "EUR" } });
+const { data: currencies, status } = useCurrencies();
+const currency = computed(() => currencies.value?.find((c) => c.code === currencyCode.value));
+function onOpen() {
+}
+</script>
+
+<template>
+  <USelectMenu
+    v-model="currencyCode"
+    :items="currencies"
+    value-key="code"
+    :search-input="{
+  placeholder: 'Search currency...',
+  icon: 'i-lucide-search',
+  loading: status === 'pending'
+}"
+    :filter-fields="['name', 'code', 'symbol']"
+    :content="{ align: 'start' }"
+    :ui="{
+  base: 'pe-8',
+  content: 'w-48',
+  placeholder: 'hidden',
+  trailingIcon: 'size-4'
+}"
+    trailing-icon="i-lucide-chevrons-up-down"
+    @update:open="onOpen"
+  >
+    <span class="size-5 w-8 flex items-center text-md">
+      {{ currency?.code || "\u{1F4B0}" }}
+    </span>
+
+    <template #item-label="{ item }">
+      {{ item.code }} ({{ item.symbol }})
+    </template>
+  </USelectMenu>
+</template>

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

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

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

@@ -0,0 +1,17 @@
+type ModelValue = Date | string | number | undefined;
+type __VLS_Props = {
+    type?: 'date' | 'string';
+};
+type __VLS_ModelProps = {
+    modelValue?: ModelValue;
+};
+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: ModelValue) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: ModelValue) => any) | undefined;
+}>, {
+    type: "date" | "string";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,62 @@
+<script setup>
+import { CalendarDate } from "@internationalized/date";
+const props = defineProps({
+  type: { type: String, required: false, default: "date" }
+});
+const modelValue = defineModel({ type: null });
+function toDate(v) {
+  if (v === void 0 || v === null || v === "") return void 0;
+  const d = v instanceof Date ? v : new Date(v);
+  return Number.isNaN(d.getTime()) ? void 0 : d;
+}
+function fromDate(d) {
+  if (d === void 0) return props.type === "string" ? "" : void 0;
+  return props.type === "string" ? d.toISOString() : d;
+}
+const dateValue = computed({
+  get() {
+    return toDate(modelValue.value);
+  },
+  set(value) {
+    modelValue.value = fromDate(value);
+  }
+});
+function toCalendarDate(d) {
+  return new CalendarDate(d.getFullYear(), d.getMonth() + 1, d.getDate());
+}
+function fromCalendarDate(cd) {
+  return cd.toDate("UTC");
+}
+const calendarValue = computed({
+  get() {
+    const d = dateValue.value;
+    return d ? toCalendarDate(d) : void 0;
+  },
+  set(value) {
+    dateValue.value = value ? fromCalendarDate(value) : void 0;
+  }
+});
+</script>
+
+<template>
+  <UInputDate v-model="calendarValue">
+    <template #trailing>
+      <UPopover>
+        <UButton
+          color="neutral"
+          variant="link"
+          size="sm"
+          icon="i-lucide-calendar"
+          aria-label="Select a date"
+          class="px-0"
+        />
+        <template #content>
+          <UCalendar
+            v-model="calendarValue"
+            class="p-2"
+          />
+        </template>
+      </UPopover>
+    </template>
+  </UInputDate>
+</template>

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

@@ -0,0 +1,17 @@
+type ModelValue = Date | string | number | undefined;
+type __VLS_Props = {
+    type?: 'date' | 'string';
+};
+type __VLS_ModelProps = {
+    modelValue?: ModelValue;
+};
+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: ModelValue) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: ModelValue) => any) | undefined;
+}>, {
+    type: "date" | "string";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,19 @@
+type FormItem = {
+    options?: string[];
+};
+type __VLS_Props = {
+    formItem?: FormItem;
+};
+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) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    formItem: FormItem;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;