paket-ui 0.1.0 → 0.1.2

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "paket-ui",
   "configKey": "paketUi",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -35,6 +35,9 @@ const module$1 = defineNuxtModule({
         fallback: "light",
         storageKey: "color-mode"
       }
+    },
+    "@radya/nuxt-dompurify": {
+      version: ">=1.0.5"
     }
   },
   async setup(options, nuxt) {
@@ -52,6 +55,10 @@ const module$1 = defineNuxtModule({
       from: resolver.resolve("./runtime/lib/date")
     });
     addPlugin(resolver.resolve("./runtime/plugin"));
+    addImports({
+      name: "useDevice",
+      from: resolver.resolve("./runtime/composables/useDevice")
+    });
     const componentsDir = resolver.resolve("./runtime/components");
     nuxt.hook("components:dirs", (dirs) => {
       dirs.push({

package/dist/runtime/assets/main.css

@@ -1 +1 @@
-@import "tailwindcss";@import "tw-animate-css";@source "../components/**/*.{vue,ts,mjs,js}";@source "../../playground/**/*.{vue,ts,mjs,js}";@custom-variant dark (&:is(.dark *));.dark{--color-background:#0f0d11;--color-on-background:#e7e1e5;--color-card:oklch(0.145 0 0);--color-card-foreground:oklch(0.985 0 0);--color-popover:oklch(0.145 0 0);--color-popover-foreground:oklch(0.985 0 0);--color-primary:#d1bcfd;--color-on-primary:#37265c;--color-primary-container:#4e3d75;--color-on-primary-container:#eaddff;--color-secondary:#ccc2db;--color-on-secondary:#342d41;--color-secondary-container:#4a4358;--color-on-secondary-container:#e9def8;--color-tertiary:#f0b8c6;--color-on-tertiary:#4a2531;--color-tertiary-container:#643b47;--color-on-tertiary-container:#ffd9e1;--color-error:#ffb4ab;--color-on-error:#690005;--color-error-container:#93000a;--color-on-error-container:#ffdad6;--color-info:#aac7ff;--color-on-info:#0a305f;--color-info-container:#274777;--color-on-info-container:#d6e3ff;--color-success:#97d5a5;--color-on-success:#00391a;--color-success-container:#15512d;--color-on-success-container:#b3f1bf;--color-outline:#948f99;--color-outline-variant:#49454e;--color-on-surface:#e7e0e8;--color-on-surface-variant:#cbc4cf;--color-inverse-surface:#e7e1e5;--color-inverse-on-surface:#1d1b1e;--color-inverse-primary:#67558e;--color-scrim:#000;--color-shadow:#000;--color-surface-bright:#3b383e;--color-surface:#141218;--color-surface-dim:#141218;--color-surface-container-lowest:#0f0d13;--color-surface-container-low:#1d1b20;--color-surface-container:#211f24;--color-surface-container-high:#2b292f;--color-surface-container-highest:#36343a;--color-muted:oklch(0.269 0 0);--color-muted-foreground:oklch(0.708 0 0);--color-accent:oklch(0.269 0 0);--color-accent-foreground:oklch(0.985 0 0);--color-destructive:oklch(0.396 0.141 25.723);--color-destructive-foreground:oklch(0.637 0.237 25.331);--color-border:oklch(0.269 0 0);--color-input:oklch(0.269 0 0);--color-ring:oklch(0.439 0 0);--color-chart-1:oklch(0.488 0.243 264.376);--color-chart-2:oklch(0.696 0.17 162.48);--color-chart-3:oklch(0.769 0.188 70.08);--color-chart-4:oklch(0.627 0.265 303.9);--color-chart-5:oklch(0.645 0.246 16.439);--color-sidebar:oklch(0.205 0 0);--color-sidebar-foreground:oklch(0.985 0 0);--color-sidebar-primary:oklch(0.488 0.243 264.376);--color-sidebar-primary-foreground:oklch(0.985 0 0);--color-sidebar-accent:oklch(0.269 0 0);--color-sidebar-accent-foreground:oklch(0.985 0 0);--color-sidebar-border:oklch(0.269 0 0);--color-sidebar-ring:oklch(0.439 0 0)}@theme inline{--font-body:"Inter",sans-serif;--color-background:#fff;--color-on-background:#1d1b1e;--color-card:oklch(1 0 0);--color-card-foreground:oklch(0.145 0 0);--color-popover:oklch(1 0 0);--color-popover-foreground:oklch(0.145 0 0);--color-primary:#581eb8;--color-on-primary:#fff;--color-primary-container:#ede9fe;--color-on-primary-container:#2d0e67;--color-secondary:#625b70;--color-on-secondary:#fff;--color-secondary-container:#e9def8;--color-on-secondary-container:#4a4358;--color-tertiary:#7e525e;--color-on-tertiary:#fff;--color-tertiary-container:#ffd9e1;--color-on-tertiary-container:#643b47;--color-error:#ba1a1a;--color-on-error:#fff;--color-error-container:#ffdad6;--color-on-error-container:#93000a;--color-warning:#8d4e2a;--color-on-warning:#fff;--color-warning-container:#ffdbca;--color-on-warning-container:#703715;--color-warning-yellow:#d19600;--color-on-warning-yellow:#fff;--color-warning-yellow-container:#fff5be;--color-on-warning-yellow-container:#9d7204;--color-magenta:#874b6d;--color-on-magenta:#fff;--color-magenta-container:#ffdad6;--color-on-magenta-container:#690005;--color-info:#415f91;--color-on-info:#fff;--color-info-container:#d6e3ff;--color-on-info-container:#274777;--color-success:#306a42;--color-on-success:#fff;--color-success-container:#b3f1bf;--color-on-success-container:#15512d;--color-outline:#7a757f;--color-outline-variant:#cbc4cf;--color-on-surface:#1d1b20;--color-on-surface-variant:#49454e;--color-inverse-surface:#322f33;--color-inverse-on-surface:#f6eff4;--color-inverse-primary:#d1bcfd;--color-scrim:#000;--color-shadow:#000;--color-surface-bright:#fef7fc;--color-surface:#fef7ff;--color-surface-dim:#ded8dd;--color-surface-container-lowest:#fff;--color-surface-container-low:#f8f1fa;--color-surface-container:#f2ecf4;--color-surface-container-high:#ece6ee;--color-surface-container-highest:#e7e0e8;--color-muted:oklch(0.97 0 0);--color-muted-foreground:oklch(0.556 0 0);--color-accent:oklch(0.97 0 0);--color-accent-foreground:oklch(0.205 0 0);--color-foreground:var(--color-on-background);--color-primary-foreground:var(--color-on-primary);--color-secondary-foreground:var(--color-on-secondary);--color-destructive:var(--color-error);--color-destructive-foreground:var(--color-on-error);--color-border:var(--color-outline-variant);--color-input:oklch(0.922 0 0);--color-ring:oklch(0.708 0 0);--color-chart-1:oklch(0.646 0.222 41.116);--color-chart-2:oklch(0.6 0.118 184.704);--color-chart-3:oklch(0.398 0.07 227.392);--color-chart-4:oklch(0.828 0.189 84.429);--color-chart-5:oklch(0.769 0.188 70.08);--radius-lg:0.625rem;--radius-sm:calc(var(--radius-lg) - 4px);--radius-md:calc(var(--radius-lg) - 2px);--radius-xl:calc(var(--radius-lg) + 4px);--color-sidebar:oklch(0.985 0 0);--color-sidebar-foreground:oklch(0.145 0 0);--color-sidebar-primary:oklch(0.205 0 0);--color-sidebar-primary-foreground:oklch(0.985 0 0);--color-sidebar-accent:oklch(0.97 0 0);--color-sidebar-accent-foreground:oklch(0.205 0 0);--color-sidebar-border:oklch(0.922 0 0);--color-sidebar-ring:oklch(0.708 0 0);--text-xxs:0.625rem}@layer base{*{@apply border-border outline-ring/50}html{@apply bg-background text-foreground font-body}}
+@import "tailwindcss";@import "tw-animate-css";@source "../components/**/*.{vue,ts,mjs,js}";@source "../../playground/**/*.{vue,ts,mjs,js}";@custom-variant dark (&:is(.dark *));@theme{--navbar-height:60px;--font-body:"Inter",sans-serif;--spacing-navbar:var(--navbar-height);--spacing-navbar-screen:calc(100vh - var(--navbar-height));--color-background:#fff;--color-on-background:#1d1b1e;--color-card:oklch(1 0 0);--color-card-foreground:oklch(0.145 0 0);--color-popover:oklch(1 0 0);--color-popover-foreground:oklch(0.145 0 0);--color-primary:#581eb8;--color-on-primary:#fff;--color-primary-container:#ede9fe;--color-on-primary-container:#2d0e67;--color-secondary:#625b70;--color-on-secondary:#fff;--color-secondary-container:#e9def8;--color-on-secondary-container:#4a4358;--color-tertiary:#7e525e;--color-on-tertiary:#fff;--color-tertiary-container:#ffd9e1;--color-on-tertiary-container:#643b47;--color-error:#ba1a1a;--color-on-error:#fff;--color-error-container:#ffdad6;--color-on-error-container:#93000a;--color-warning:#8d4e2a;--color-on-warning:#fff;--color-warning-container:#ffdbca;--color-on-warning-container:#703715;--color-warning-yellow:#d19600;--color-on-warning-yellow:#fff;--color-warning-yellow-container:#fff5be;--color-on-warning-yellow-container:#9d7204;--color-magenta:#874b6d;--color-on-magenta:#fff;--color-magenta-container:#ffdad6;--color-on-magenta-container:#690005;--color-info:#415f91;--color-on-info:#fff;--color-info-container:#d6e3ff;--color-on-info-container:#274777;--color-success:#306a42;--color-on-success:#fff;--color-success-container:#b3f1bf;--color-on-success-container:#15512d;--color-outline:#7a757f;--color-outline-variant:#cbc4cf;--color-on-surface:#1d1b20;--color-on-surface-variant:#49454e;--color-inverse-surface:#322f33;--color-inverse-on-surface:#f6eff4;--color-inverse-primary:#d1bcfd;--color-scrim:#000;--color-shadow:#000;--color-surface-bright:#fef7fc;--color-surface:#fef7ff;--color-surface-dim:#ded8dd;--color-surface-container-lowest:#fff;--color-surface-container-low:#f8f1fa;--color-surface-container:#f2ecf4;--color-surface-container-high:#ece6ee;--color-surface-container-highest:#e7e0e8;--color-border:var(--color-outline-variant);--text-xxs:0.625rem;--color-layer:var(--color-surface-container-low);--color-layer-inner:var(--color-background)}.dark{--color-background:#0f0d11;--color-on-background:#e7e1e5;--color-card:oklch(0.145 0 0);--color-card-foreground:oklch(0.985 0 0);--color-popover:oklch(0.145 0 0);--color-popover-foreground:oklch(0.985 0 0);--color-primary:#d1bcfd;--color-on-primary:#37265c;--color-primary-container:#4e3d75;--color-on-primary-container:#eaddff;--color-secondary:#ccc2db;--color-on-secondary:#342d41;--color-secondary-container:#4a4358;--color-on-secondary-container:#e9def8;--color-tertiary:#f0b8c6;--color-on-tertiary:#4a2531;--color-tertiary-container:#643b47;--color-on-tertiary-container:#ffd9e1;--color-error:#ffb4ab;--color-on-error:#690005;--color-error-container:#93000a;--color-on-error-container:#ffdad6;--color-info:#aac7ff;--color-on-info:#0a305f;--color-info-container:#274777;--color-on-info-container:#d6e3ff;--color-success:#97d5a5;--color-on-success:#00391a;--color-success-container:#15512d;--color-on-success-container:#b3f1bf;--color-outline:#948f99;--color-outline-variant:#49454e;--color-on-surface:#e7e0e8;--color-on-surface-variant:#cbc4cf;--color-inverse-surface:#e7e1e5;--color-inverse-on-surface:#1d1b1e;--color-inverse-primary:#67558e;--color-scrim:#000;--color-shadow:#000;--color-surface-bright:#3b383e;--color-surface:#141218;--color-surface-dim:#141218;--color-surface-container-lowest:#0f0d13;--color-surface-container-low:#1d1b20;--color-surface-container:#211f24;--color-surface-container-high:#2b292f;--color-surface-container-highest:#36343a;--color-layer:var(--color-background);--color-layer-inner:var(--color-surface)}@layer base{*{@apply border-border}html{@apply bg-layer text-on-background font-body}}@layer components{.box-center{@apply flex items-center justify-center}}

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

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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.vue

@@ -0,0 +1,10 @@
+<script setup>
+import ToastContainer from "./toast/ToastContainer.vue";
+</script>
+
+<template>
+  <div class="min-h-navbar-screen">
+    <slot />
+  </div>
+  <ToastContainer />
+</template>

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

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/badge/index.js

@@ -25,7 +25,7 @@ export const variantConfig = {
   errorOutline: "border border-error text-error",
   black: "bg-onSurfaceVariant text-surface",
   blackContainer: "bg-surfaceContainerHigh text-onSurface",
-  outline: "text-outline border border-outlineVariant",
+  outline: "text-outline border border-outline-variant",
   secondary: "bg-secondary text-on-secondary",
   secondaryOutlineVariant: "bg-outline-variant text-secondary",
   secondaryContainer: "bg-secondary-container text-secondary",

package/dist/runtime/components/breadcrumb/Breadcrumb.d.vue.ts

@@ -0,0 +1,11 @@
+export interface BreadcrumbItem {
+    link: string;
+    label: string;
+    color?: string | null;
+}
+type __VLS_Props = {
+    breadcrumbs: BreadcrumbItem[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/breadcrumb/Breadcrumb.vue

@@ -0,0 +1,35 @@
+<template>
+  <nav aria-label="breadcrumb" class="mb-1">
+    <ol class="flex items-center text-primary text-xs">
+      <li
+        v-for="(crumb, index) in breadcrumbs"
+        :key="index"
+        class="flex items-center text-xs font-medium leading-3"
+      >
+        <NuxtLink
+          v-if="crumb.link !== '-' && index < breadcrumbs.length - 1"
+          :to="crumb.link"
+        >
+          <span :class="`${crumb.color ?? 'text-primary'} font-medium`">
+            {{ crumb.label }}
+          </span>
+        </NuxtLink>
+        <span v-else class="text-outline font-normal">
+          {{ crumb.label }}
+        </span>
+        <span
+          v-if="index < breadcrumbs.length - 1"
+          class="mx-2 text-outline font-medium"
+        >
+          /
+        </span>
+      </li>
+    </ol>
+  </nav>
+</template>
+
+<script setup>
+defineProps({
+  breadcrumbs: { type: Array, required: true }
+});
+</script>

package/dist/runtime/components/breadcrumb/Breadcrumb.vue.d.ts

@@ -0,0 +1,11 @@
+export interface BreadcrumbItem {
+    link: string;
+    label: string;
+    color?: string | null;
+}
+type __VLS_Props = {
+    breadcrumbs: BreadcrumbItem[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/button/Button.d.vue.ts

@@ -14,11 +14,13 @@ type __VLS_Props = {
     boxed?: boolean;
     to?: string | RouteLocationRaw;
 };
-declare var __VLS_8: {}, __VLS_16: {};
+declare var __VLS_8: {}, __VLS_16: {}, __VLS_18: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    icon?: (props: typeof __VLS_8) => any;
 } & {
-    content?: (props: typeof __VLS_16) => any;
+    default?: (props: typeof __VLS_16) => any;
+} & {
+    content?: (props: typeof __VLS_18) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/button/Button.vue

@@ -41,13 +41,15 @@ const props = defineProps({
 "
     :disabled="props.disabled || props.loading"
   >
-    <slot>
+    <slot name="icon">
       <Icon
         v-if="props.loading || props.icon"
         :name="props.loading ? 'svg-spinners:ring-resize' : props.icon"
         :size="iconSizeConfig[props.size]"
         :class="cn('relative', { 'mx-auto': !props.label }, props.iconClass)"
       />
+    </slot>
+    <slot>
       <span
         v-if="props.label && props.label.length"
         :class="cn('relative', props.labelClass)"

package/dist/runtime/components/button/Button.vue.d.ts

@@ -14,11 +14,13 @@ type __VLS_Props = {
     boxed?: boolean;
     to?: string | RouteLocationRaw;
 };
-declare var __VLS_8: {}, __VLS_16: {};
+declare var __VLS_8: {}, __VLS_16: {}, __VLS_18: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    icon?: (props: typeof __VLS_8) => any;
 } & {
-    content?: (props: typeof __VLS_16) => any;
+    default?: (props: typeof __VLS_16) => any;
+} & {
+    content?: (props: typeof __VLS_18) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/button/variant.d.ts

@@ -1,10 +1,12 @@
-export declare const BASE_CLASS = "rounded-full flex justify-center relative overflow-hidden items-center gap-2 text-sm font-semibold disabled:opacity-40 disabled:cursor-not-allowed hover:saturate-150";
+export declare const BASE_CLASS = "rounded-full flex justify-center cursor-pointer hover:saturate-120 relative overflow-hidden items-center gap-2 text-sm font-semibold disabled:opacity-40 disabled:cursor-not-allowed hover:saturate-150";
 export declare const BOXED_BASE_CLASS = "px-2.5 py-1.5 flex-1 lg:flex-none rounded-lg";
 export declare const variantConfig: {
     primary: string;
     primaryOutline: string;
     primaryContainer: string;
     primaryOutlineContainer: string;
+    secondary: string;
+    secondaryOutline: string;
     info: string;
     infoOutline: string;
     success: string;
@@ -19,6 +21,10 @@ export declare const variantConfig: {
     ghostContainer: string;
     white: string;
     whiteOutline: string;
+    warningYellow: string;
+    warningYellowOutline: string;
+    warningYellowContainer: string;
+    link: string;
 };
 export declare const sizeConfig: {
     lg: string;

package/dist/runtime/components/button/variant.js

@@ -1,10 +1,12 @@
-export const BASE_CLASS = "rounded-full flex justify-center relative overflow-hidden items-center gap-2 text-sm font-semibold disabled:opacity-40 disabled:cursor-not-allowed hover:saturate-150";
+export const BASE_CLASS = "rounded-full flex justify-center cursor-pointer hover:saturate-120 relative overflow-hidden items-center gap-2 text-sm font-semibold disabled:opacity-40 disabled:cursor-not-allowed hover:saturate-150";
 export const BOXED_BASE_CLASS = "px-2.5 py-1.5 flex-1 lg:flex-none rounded-lg";
 export const variantConfig = {
   primary: "bg-primary text-on-primary border border-primary",
   primaryOutline: "text-primary border border-primary",
   primaryContainer: "bg-primary-container text-on-primary-container border border-primary-container",
   primaryOutlineContainer: "text-secondary-container border border-primary-container",
+  secondary: "bg-secondary text-on-secondary border border-secondary",
+  secondaryOutline: "text-secondary border border-secondary",
   info: "bg-info text-on-info border border-info",
   infoOutline: "text-info border border-info",
   success: "bg-success text-on-success border border-success",
@@ -18,7 +20,11 @@ export const variantConfig = {
   container: "bg-surface-container text-on-surface",
   ghostContainer: "text-on-surface hover:bg-surface-container border border-transparent",
   white: "bg-white text-black",
-  whiteOutline: "text-white border border-white"
+  whiteOutline: "text-white border border-white",
+  warningYellow: "bg-warning-yellow text-on-warning-yellow border border-warning-yellow",
+  warningYellowOutline: "text-warning-yellow border border-warning-yellow",
+  warningYellowContainer: "bg-warning-yellow-container text-on-warning-yellow-container border border-warning-yellow-container",
+  link: "text-primary hover:underline border border-transparent"
 };
 export const sizeConfig = {
   lg: "py-4 px-8",

package/dist/runtime/components/chat/Reply.d.vue.ts

@@ -76,8 +76,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     recorded: (value: FileList) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSubmit?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onRecorded?: ((value: FileList) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onRecorder-remove"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/chat/Reply.vue

@@ -3,7 +3,7 @@ import EmojiPicker, {} from "vue3-emoji-picker";
 import "vue3-emoji-picker/css";
 import { breakpointsTailwind, useBreakpoints, useVModel } from "@vueuse/core";
 import { computed, useTemplateRef, useSlots, ref, nextTick } from "vue";
-import { useColorMode } from ".nuxt/imports";
+import { useColorMode } from "#imports";
 import Audio from "../recorder/Audio.vue";
 import TextArea from "../input/TextArea.vue";
 import Dropdown from "../dropdown/Dropdown.vue";
@@ -166,5 +166,5 @@ const slots = useSlots();
 </template>
 
 <style>
-.v3-emoji-picker{background:transparent!important;--v3-picker-bg:var(--color-surfaceContainer)!important;--v3-picker-fg:var(--color-onSurface)!important;--v3-picker-border:var(--color-outlineVariant)!important;--v3-picker-input-border:var(--color-outlineVariant)!important}.v3-footer{display:none!important}.v3-body{padding-bottom:0!important}
+.v3-emoji-picker{background:transparent!important;--v3-picker-bg:var(--color-surfaceContainer)!important;--v3-picker-fg:var(--color-onSurface)!important;--v3-picker-border:var(--color-outline-variant)!important;--v3-picker-input-border:var(--color-outline-variant)!important}.v3-footer{display:none!important}.v3-body{padding-bottom:0!important}
 </style>

package/dist/runtime/components/chat/Reply.vue.d.ts

@@ -76,8 +76,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     recorded: (value: FileList) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSubmit?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onRecorded?: ((value: FileList) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onRecorder-remove"?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/chip/Chip.vue

@@ -28,7 +28,7 @@ defineEmits(["close"]);
       :class="
   cn('text-sm font-semibold break-all line-clamp-1', props.classLabel)
 "
-      v-html="label"
+      v-sanitize-html="label"
     />
     <Button
       :class="

package/dist/runtime/components/combobox/Combobox.d.vue.ts

@@ -25,8 +25,8 @@ declare const __VLS_export: <T extends Record<string, AcceptableValue | boolean
         immediateSearch?: boolean;
     } & {
         onSelect?: ((payload: T) => any) | undefined;
-        "onUpdate:isLoading"?: ((value?: boolean | undefined) => any) | undefined;
         "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+        "onUpdate:isLoading"?: ((value?: boolean | undefined) => any) | undefined;
     }> & import("vue").PublicProps & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

package/dist/runtime/components/combobox/Combobox.vue.d.ts

@@ -25,8 +25,8 @@ declare const __VLS_export: <T extends Record<string, AcceptableValue | boolean
         immediateSearch?: boolean;
     } & {
         onSelect?: ((payload: T) => any) | undefined;
-        "onUpdate:isLoading"?: ((value?: boolean | undefined) => any) | undefined;
         "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+        "onUpdate:isLoading"?: ((value?: boolean | undefined) => any) | undefined;
     }> & import("vue").PublicProps & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});

package/dist/runtime/components/dialog/DialogConfirmationSingle.d.vue.ts

@@ -28,12 +28,12 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     submit: () => void;
-    close: () => void;
     cancel: () => void;
+    close: () => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSubmit?: (() => any) | undefined;
-    onClose?: (() => any) | undefined;
     onCancel?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/dialog/DialogConfirmationSingle.vue.d.ts

@@ -28,12 +28,12 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     submit: () => void;
-    close: () => void;
     cancel: () => void;
+    close: () => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSubmit?: (() => any) | undefined;
-    onClose?: (() => any) | undefined;
     onCancel?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/divider/Divider.vue

@@ -13,7 +13,7 @@ const props = defineProps({
   <div
     :class="
   cn(
-    props.label ? 'w-full flex items-center' : 'w-full h-px bg-outlineVariant',
+    props.label ? 'w-full flex items-center' : 'w-full h-px bg-outline-variant',
     props.colorClass,
     props.class
   )
@@ -22,14 +22,14 @@ const props = defineProps({
     <template v-if="props.label">
       <div
         v-if="labelPosition === 'right' || labelPosition === 'center'"
-        :class="cn('grow h-px bg-outlineVariant', props.colorClass)"
+        :class="cn('grow h-px bg-outline-variant', props.colorClass)"
       ></div>
       <span :class="cn('flex-none p-1 text-xs', props.labelClass)">{{
         props.label
       }}</span>
       <div
         v-if="labelPosition === 'left' || labelPosition === 'center'"
-        :class="cn('grow h-px bg-outlineVariant', props.colorClass)"
+        :class="cn('grow h-px bg-outline-variant', props.colorClass)"
       ></div>
     </template>
   </div>

package/dist/runtime/components/editor/Editor.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="border border-outlineVariant rounded-lg overflow-hidden">
+  <div class="border border-outline-variant rounded-lg overflow-hidden">
     <EditorBar v-if="editor" :editor="editor" />
     <EditorContent v-if="editor" :editor="editor" />
   </div>

package/dist/runtime/components/editor/EditorBar.vue

@@ -1,6 +1,6 @@
 <template>
   <div
-    class="border-b bg-surfaceContainerLowest border-outlineVariant p-2 grid gap-2 items-center"
+    class="border-b bg-surfaceContainerLowest border-outline-variant p-2 grid gap-2 items-center"
   >
     <div class="flex gap-1 items-center flex-wrap">
       <Button
@@ -300,7 +300,7 @@ import Button from "../button/Button.vue";
 import Dropdown from "../dropdown/Dropdown.vue";
 import DropdownItem from "../dropdown/DropdownItem.vue";
 import Select from "../select/Select.vue";
-import { navigateTo } from ".nuxt/imports";
+import { navigateTo } from "#imports";
 import { parseRgbString } from "../../lib/color";
 const props = defineProps({
   editor: { type: Object, required: true }

package/dist/runtime/components/file/AddFile.vue

@@ -3,7 +3,7 @@
     type="button"
     :class="
   cn([
-    'border border-outlineVariant rounded-xl border-dashed hover:border-solid hover:border-primary p-3 shrink-0 aspect-square w-20 hover:ring-2 transition-all ring-inset hover:text-primary hover:ring-primary',
+    'border border-outline-variant rounded-xl border-dashed hover:border-solid hover:border-primary p-3 shrink-0 aspect-square w-20 hover:ring-2 transition-all ring-inset hover:text-primary hover:ring-primary',
     props.class
   ])
 "

package/dist/runtime/components/file/InputMultiple.vue

@@ -76,7 +76,7 @@
 </template>
 
 <script setup>
-import { useNuxtApp } from ".nuxt/imports";
+import { useNuxtApp } from "#imports";
 import { computed, ref, nextTick, watch } from "vue";
 import { cn } from "../../lib/utils";
 import ErrorLabel from "../label/ErrorLabel.vue";

package/dist/runtime/components/file/ViewFile.vue

@@ -6,7 +6,7 @@
     {
       'text-error': isExpiredLink,
       'border-error': isExpiredLink,
-      'border-outlineVariant': !isExpiredLink
+      'border-outline-variant': !isExpiredLink
     },
     props.class
   ])

package/dist/runtime/components/input/InputField.d.vue.ts

@@ -16,11 +16,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     focus: () => void | undefined;
     blur: () => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:modelValue": (payload?: string | number | undefined) => any;
     paste: (event: ClipboardEvent) => any;
+    "update:modelValue": (payload?: string | number | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((payload?: string | number | undefined) => any) | undefined;
     onPaste?: ((event: ClipboardEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload?: string | number | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/InputField.vue.d.ts

@@ -16,11 +16,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
     focus: () => void | undefined;
     blur: () => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "update:modelValue": (payload?: string | number | undefined) => any;
     paste: (event: ClipboardEvent) => any;
+    "update:modelValue": (payload?: string | number | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:modelValue"?: ((payload?: string | number | undefined) => any) | undefined;
     onPaste?: ((event: ClipboardEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((payload?: string | number | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/InputFieldPassword.d.vue.ts

@@ -26,15 +26,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
         inputMask?: keyof typeof inputMaskingConfiguration;
         localTel?: boolean;
     }> & Readonly<{
-        "onUpdate:modelValue"?: ((payload?: string | number | undefined) => any) | undefined;
         onPaste?: ((event: ClipboardEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((payload?: string | number | undefined) => any) | undefined;
     }>, {
         textInputRef: Readonly<import("vue").ShallowRef<HTMLInputElement | null>>;
         focus: () => void | undefined;
         blur: () => void | undefined;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-        "update:modelValue": (payload?: string | number | undefined) => any;
         paste: (event: ClipboardEvent) => any;
+        "update:modelValue": (payload?: string | number | undefined) => any;
     }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -53,8 +53,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
         inputMask?: keyof typeof inputMaskingConfiguration;
         localTel?: boolean;
     }> & Readonly<{
-        "onUpdate:modelValue"?: ((payload?: string | number | undefined) => any) | undefined;
         onPaste?: ((event: ClipboardEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((payload?: string | number | undefined) => any) | undefined;
     }>, {
         textInputRef: Readonly<import("vue").ShallowRef<HTMLInputElement | null>>;
         focus: () => void | undefined;

package/dist/runtime/components/input/InputFieldPassword.vue.d.ts

@@ -26,15 +26,15 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
         inputMask?: keyof typeof inputMaskingConfiguration;
         localTel?: boolean;
     }> & Readonly<{
-        "onUpdate:modelValue"?: ((payload?: string | number | undefined) => any) | undefined;
         onPaste?: ((event: ClipboardEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((payload?: string | number | undefined) => any) | undefined;
     }>, {
         textInputRef: Readonly<import("vue").ShallowRef<HTMLInputElement | null>>;
         focus: () => void | undefined;
         blur: () => void | undefined;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-        "update:modelValue": (payload?: string | number | undefined) => any;
         paste: (event: ClipboardEvent) => any;
+        "update:modelValue": (payload?: string | number | undefined) => any;
     }, import("vue").PublicProps, {}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -53,8 +53,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
         inputMask?: keyof typeof inputMaskingConfiguration;
         localTel?: boolean;
     }> & Readonly<{
-        "onUpdate:modelValue"?: ((payload?: string | number | undefined) => any) | undefined;
         onPaste?: ((event: ClipboardEvent) => any) | undefined;
+        "onUpdate:modelValue"?: ((payload?: string | number | undefined) => any) | undefined;
     }>, {
         textInputRef: Readonly<import("vue").ShallowRef<HTMLInputElement | null>>;
         focus: () => void | undefined;

package/dist/runtime/components/input/InputFileDropable.vue

@@ -86,7 +86,7 @@ const drop = (event) => {
     />
     <div
       draggable
-      class="border border-outlineVariant border-dashed transition duration-300 bg-surfaceContainerLow py-3 rounded-xl"
+      class="border border-outline-variant border-dashed transition duration-300 bg-surfaceContainerLow py-3 rounded-xl"
       :class="[loading || validating ? 'cursor-not-allowed' : 'cursor-pointer']"
       @dragover.prevent="isDrag = true"
       @dragleave.prevent="isDrag = false"

package/dist/runtime/components/input/InputOtp.vue

@@ -48,7 +48,7 @@ const handleComplete = () => {
       ref="inputRefs"
       :key="num"
       :index="index"
-      class="w-10 h-10 md:w-12 md:h-12 bg-surfaceContainerLowest rounded-xl text-center border border-outlineVariant focus-visible:outline-none ring-0 focus:ring-offset-1 focus:ring-offset-primary outline-none"
+      class="w-10 h-10 md:w-12 md:h-12 bg-surfaceContainerLowest rounded-xl text-center border border-outline-variant focus-visible:outline-none ring-0 focus:ring-offset-1 focus:ring-offset-primary outline-none"
       :class="[
   props.invalid ? 'text-error ring-offset-1 ring-offset-error focus:border-error' : 'text-onSurface ring-offset-0 ring-offset-primary focus:border-primary'
 ]"

package/dist/runtime/components/loading/LoadingIndicator.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { useLoadingIndicator } from ".nuxt/imports";
+import { useLoadingIndicator } from "#imports";
 import { cn } from "../../lib/utils";
 const props = defineProps({
   duration: { type: Number, required: false, default: 3e3 },

package/dist/runtime/components/navbar/Navbar.d.vue.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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;
+    };
+};