paket-ui 0.0.4 → 0.0.6

package/dist/module.d.mts

@@ -1,8 +1,11 @@
 import * as _nuxt_schema from '@nuxt/schema';
 
 interface ModuleOptions {
+    /**
+     * Prefix for components
+     * @default 'Pi'
+     */
     prefix?: string;
-    coloMode?: boolean;
 }
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
 

package/dist/module.json

@@ -1,11 +1,7 @@
 {
   "name": "paket-ui",
-  "version": "v0.0.4",
-  "docs": "https://github.com/kiriminaja/nakama-ui",
-  "configKey": "nakama",
-  "compatibility": {
-    "nuxt": ">=3.16.0"
-  },
+  "configKey": "paketUi",
+  "version": "v0.0.6",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -1,46 +1,35 @@
-import { defu } from 'defu';
-import { defineNuxtModule, createResolver, addPlugin, addComponentsDir, addImportsDir, hasNuxtModule, installModule } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, addImports, addPlugin } from '@nuxt/kit';
+import twVite from '@tailwindcss/vite';
 
-const name = "paket-ui";
-const version = "v0.0.4";
-
-const defaultOptions = {
-  prefix: "Nx"
-};
-
-const module = defineNuxtModule({
+const module$1 = defineNuxtModule({
   meta: {
-    name,
-    version,
-    docs: "https://github.com/kiriminaja/nakama-ui",
-    configKey: "nakama",
-    compatibility: {
-      nuxt: ">=3.16.0"
-    }
+    name: "paket-ui",
+    configKey: "paketUi"
   },
   // Default configuration options of the Nuxt module
-  defaults: defaultOptions,
+  defaults: {
+    prefix: "Pi"
+  },
   async setup(options, nuxt) {
-    const { resolve } = createResolver(import.meta.url);
-    async function registerModule(name2, key, options2) {
-      if (!hasNuxtModule(name2)) {
-        await installModule(name2, options2);
-      } else {
-        nuxt.options[key] = defu(nuxt.options[key], options2);
-      }
-    }
-    await registerModule("@nuxt/icon", "icon", {
-      cssLayer: "components"
+    const resolver = createResolver(import.meta.url);
+    nuxt.options.css.push(resolver.resolve("./runtime/assets/main.css"));
+    nuxt.options.vite = nuxt.options.vite || {};
+    nuxt.options.vite.plugins = nuxt.options.vite.plugins || [];
+    nuxt.options.vite.plugins.push(twVite());
+    addImports({
+      name: "cn",
+      from: resolver.resolve("./runtime/utils/cn")
     });
-    addPlugin(resolve("./runtime/plugin"));
-    addPlugin(resolve("./runtime/utils/cn"));
-    addComponentsDir({
-      path: resolve("./runtime/components"),
-      prefix: options.prefix,
-      pathPrefix: false
+    addPlugin(resolver.resolve("./runtime/plugin"));
+    const componentsDir = resolver.resolve("./runtime/components");
+    nuxt.hook("components:dirs", (dirs) => {
+      dirs.push({
+        path: componentsDir,
+        prefix: options.prefix,
+        pathPrefix: false
+      });
     });
-    addImportsDir(resolve("./runtime/composables"));
   }
 });
 
-export { module as default };
+export { module$1 as default };

package/dist/runtime/assets/main.css

@@ -0,0 +1 @@
+@import "tailwindcss";@source "../components/**/*.vue";@source "../../playground/**/*.vue";@custom-variant dark (&:where(.dark, .dark *));@theme{--navbar-height:60px;--default-font-family:--apple-system,"Inter","Segoe UI","Roboto",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--spacing-navbar:var(--navbar-height);--spacing-navbar-screen:calc(100vh - var(--navbar-height));--color-primary:#7d3eb9;--color-onPrimary:#fff;--color-on-primary:var(--color-onPrimary);--color-primaryContainer:#f0dbff;--color-primary-container:var(--color-primaryContainer);--color-onPrimaryContainer:#2c0051;--color-on-primary-container:var(--color-onPrimaryContainer);--color-secondary:#665a6f;--color-onSecondary:#fff;--color-on-secondary:var(--color-onSecondary);--color-secondaryContainer:#edddf6;--color-secondary-container:var(--color-secondaryContainer);--color-onSecondaryContainer:#211829;--color-on-secondary-container:var(--color-onSecondaryContainer);--color-tertiary:#805157;--color-onTertiary:#fff;--color-on-tertiary:var(--color-onTertiary);--color-tertiaryContainer:#ffd9dc;--color-tertiary-container:var(--color-tertiaryContainer);--color-onTertiaryContainer:#321016;--color-on-tertiary-container:var(--color-onTertiaryContainer);--color-error:#ba1a1a;--color-onError:#fff;--color-on-error:var(--color-onError);--color-errorContainer:#ffdad6;--color-error-container:var(--color-errorContainer);--color-onErrorContainer:#410002;--color-on-error-container:var(--color-onErrorContainer);--color-info:#2b5ea7;--color-onInfo:#fff;--color-on-info:var(--color-onInfo);--color-infoContainer:#d7e3ff;--color-info-container:var(--color-infoContainer);--color-onInfoContainer:#001b3e;--color-on-info-container:var(--color-onInfoContainer);--color-success:#006d38;--color-onSuccess:#fff;--color-on-success:var(--color-onSuccess);--color-successContainer:#74fda2;--color-success-container:var(--color-successContainer);--color-onSuccessContainer:#00210d;--color-on-success-container:var(--color-onSuccessContainer);--color-warning:#9d4300;--color-onWarning:#fff;--color-on-warning:var(--color-onWarning);--color-warningContainer:#ffdbca;--color-warning-container:var(--color-warningContainer);--color-onWarningContainer:#341100;--color-on-warning-container:var(--color-onWarningContainer);--color-warningYellow:#d19600;--color-onWarningYellow:#fff;--color-on-warningYellow:var(--color-onWarningYellow);--color-warningYellowContainer:#fff5be;--color-warningYellow-container:var(--color-warningYellowContainer);--color-onWarningYellowContainer:#9d7204;--color-on-warningYellow-container:var(--color-onWarningYellowContainer);--color-background:#fff;--color-background:var(--color-background);--color-onBackground:#1d1b1e;--color-on-background:var(--color-onBackground);--color-outline:#7c757e;--color-outlineVariant:#ccc4ce;--color-outline-variant:var(--color-outlineVariant);--color-surface:#fef7fc;--color-onSurface:#1d1b1e;--color-on-surface:var(--color-onSurface);--color-surfaceVariant:#e9dfeb;--color-surface-variant:var(--color-surfaceVariant);--color-onSurfaceVariant:#4a454e;--color-on-surface-variant:var(--color-onSurfaceVariant);--color-inverseSurface:#322f33;--color-inverse-surface:var(--color-inverseSurface);--color-onInverseSurface:#f6eff4;--color-on-inverse-surface:var(--color-onInverseSurface);--color-surfaceBright:#fef7fc;--color-surface-bright:var(--color-surfaceBright);--color-surfaceDim:#ded8dd;--color-surface-dim:var(--color-surfaceDim);--color-surfaceContainerLowest:#fff;--color-surface-container-lowest:var(--color-surfaceContainerLowest);--color-surfaceContainerLow:#f8f2f6;--color-surface-container-low:var(--color-surfaceContainerLow);--color-surfaceContainer:#f3ecf1;--color-surface-container:var(--color-surfaceContainer);--color-surfaceContainerHigh:#ede6eb;--color-surface-container-high:var(--color-surfaceContainerHigh);--color-surfaceContainerHighest:#e7e1e5;--color-surface-container-highest:var(--color-surfaceContainerHighest);--color-purple:#c88fff;--color-onPurple:#fff;--color-on-purple:var(--color-onPurple);--color-primaryPurple:#e4c8ff;--color-primary-purple:var(--color-primaryPurple);--color-onPrimaryPurple:#8d31e5;--color-on-primary-purple:var(--color-onPrimaryPurple);--text-xxs:0.625rem}.dark{--color-primary:#ddb7ff;--color-onPrimary:#490080;--color-primaryContainer:#63209f;--color-onPrimaryContainer:#f0dbff;--color-secondary:#d0c1d9;--color-onSecondary:#362c3f;--color-secondaryContainer:#4d4356;--color-onSecondaryContainer:#edddf6;--color-tertiary:#f3b7bd;--color-onTertiary:#4b252a;--color-tertiaryContainer:#653a40;--color-onTertiaryContainer:#ffd9dc;--color-error:#ffb4ab;--color-onError:#690005;--color-errorContainer:#93000a;--color-onErrorContainer:#ffdad6;--color-background:#0f0d11;--color-onBackground:#e7e1e5;--color-info:#aac7ff;--color-onInfo:#002f65;--color-infoContainer:#01458e;--color-onInfoContainer:#d7e3ff;--color-success:#55df88;--color-onSuccess:#00391a;--color-successContainer:#005229;--color-onSuccessContainer:#95f8a7;--color-warning:#ffb690;--color-onWarning:#552100;--color-warningContainer:#783200;--color-onWarningContainer:#ffdbca;--color-outline:#968e98;--color-outlineVariant:#4a454e;--color-surface:#151316;--color-onSurface:#cbc5c9;--color-surfaceVariant:#4a454e;--color-onSurfaceVariant:#ccc4ce;--color-inverseSurface:#e7e1e5;--color-onInverseSurface:#1d1b1e;--color-surfaceBright:#3b383c;--color-surfaceDim:#151316;--color-surfaceContainerLowest:#0f0d11;--color-surfaceContainerLow:#1d1b1e;--color-surfaceContainer:#211f22;--color-surfaceContainerHigh:#2c292d;--color-surfaceContainerHighest:#373437;--color-warningYellow:#fff5be;--color-onWarningYellow:#9d7204;--color-warningYellowContainer:#d19600;--color-onWarningYellowContainer:#fff4d7;--color-purple:#efdfff;--color-onPurple:#7b0ce5;--color-primaryPurple:#5e2793;--color-onPrimaryPurple:#d9b2ff}

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

@@ -0,0 +1,33 @@
+import { type VariantProps } from 'class-variance-authority';
+import type { HTMLAttributes, AnchorHTMLAttributes } from 'vue';
+declare const buttonVariants: (props?: ({
+    variant?: "primary" | "primaryContainer" | "primaryOutline" | "primaryOutlineContainer" | "info" | "infoOutline" | "success" | "successOutline" | "warning" | "warningOutline" | "error" | "errorOutline" | "errorContainer" | "outline" | "container" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ButtonVariants = VariantProps<typeof buttonVariants>;
+type ButtonProps = {
+    class?: HTMLAttributes['class'];
+    variant?: ButtonVariants['variant'];
+    size?: ButtonVariants['size'];
+    label?: string;
+    labelClass?: HTMLAttributes['class'];
+    iconName?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    to?: string;
+    target?: AnchorHTMLAttributes['target'];
+    ariaLabel?: AnchorHTMLAttributes['aria-label'];
+};
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{}>, {}, {}, {}, {}, 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/Button.vue

@@ -0,0 +1,82 @@
+<script setup>
+import { cva } from "class-variance-authority";
+import { cn } from "../utils/cn";
+import { NuxtLink } from "#components";
+const buttonVariants = cva(
+  "rounded-full flex justify-center cursor-pointer items-center gap-2 text-sm font-semibold disabled:opacity-40 disabled:cursor-not-allowed hover:saturate-150",
+  {
+    variants: {
+      variant: {
+        primary: "bg-primary text-on-primary border border-primary",
+        primaryContainer: "bg-primary-container text-on-primary-container border border-primary-container",
+        primaryOutline: "text-primary border border-primary",
+        primaryOutlineContainer: "text-secondary-container border border-primary-container",
+        info: "bg-info text-on-info border border-info",
+        infoOutline: "text-info border border-info",
+        success: "bg-success text-on-success border border-success",
+        successOutline: "text-success border border-success",
+        warning: "bg-warning text-on-warning border border-warning",
+        warningOutline: "text-warning border border-warning",
+        error: "bg-error text-on-error border border-error",
+        errorOutline: "text-error border border-error",
+        errorContainer: "bg-error-container text-error border-error-container",
+        outline: "text-on-surface border border-outline-variant hover:border-outline",
+        container: "bg-surface-container text-onSurface"
+      },
+      size: {
+        default: "py-2.5 px-4",
+        xs: "py-1 px-2",
+        sm: "py-2 px-4",
+        lg: "py-3 px-6"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "default"
+    }
+  }
+);
+const iconSizeConfig = {
+  default: "20px",
+  xs: "12px",
+  sm: "16px",
+  lg: "24px"
+};
+const props = defineProps({
+  class: { type: null, required: false },
+  variant: { type: null, required: false, default: "primary" },
+  size: { type: null, required: false, default: "default" },
+  label: { type: String, required: false },
+  labelClass: { type: null, required: false },
+  iconName: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  loading: { type: Boolean, required: false },
+  to: { type: String, required: false },
+  target: { type: null, required: false },
+  ariaLabel: { type: null, required: false }
+});
+</script>
+
+<template>
+  <component
+    :is="props.to ? NuxtLink : 'button'"
+    :class="cn(buttonVariants({ variant, size }), props.class)"
+    :to="props.to"
+    :target="props.target"
+    :aria-label="props.ariaLabel"
+    :disabled="props.disabled || props.loading"
+  >
+    <Icon
+      v-if="loading || iconName"
+      :name="loading ? 'svg-spinners:ring-resize' : iconName"
+      :size="iconSizeConfig[props.size ?? 'default']"
+    />
+    <slot>
+      <span
+        v-if="label && label != ''"
+        :class="cn(props.labelClass)"
+        v-text="label"
+      />
+    </slot>
+  </component>
+</template>

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

@@ -0,0 +1,33 @@
+import { type VariantProps } from 'class-variance-authority';
+import type { HTMLAttributes, AnchorHTMLAttributes } from 'vue';
+declare const buttonVariants: (props?: ({
+    variant?: "primary" | "primaryContainer" | "primaryOutline" | "primaryOutlineContainer" | "info" | "infoOutline" | "success" | "successOutline" | "warning" | "warningOutline" | "error" | "errorOutline" | "errorContainer" | "outline" | "container" | null | undefined;
+    size?: "default" | "xs" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type ButtonVariants = VariantProps<typeof buttonVariants>;
+type ButtonProps = {
+    class?: HTMLAttributes['class'];
+    variant?: ButtonVariants['variant'];
+    size?: ButtonVariants['size'];
+    label?: string;
+    labelClass?: HTMLAttributes['class'];
+    iconName?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    to?: string;
+    target?: AnchorHTMLAttributes['target'];
+    ariaLabel?: AnchorHTMLAttributes['aria-label'];
+};
+declare var __VLS_14: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ButtonProps> & Readonly<{}>, {}, {}, {}, {}, 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/plugin.js

@@ -1,4 +1,4 @@
 import { defineNuxtPlugin } from "#app";
 export default defineNuxtPlugin((_nuxtApp) => {
-  console.log("Plugin injected by my-module!");
+  console.info("PaketUI plugin loaded");
 });

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

@@ -1,5 +1,2 @@
 import { type ClassValue } from 'clsx';
-/**
- * It helps you to avoid a tailwind class duplications, will use one instead using both
- */
-export declare const cn: (...inputs: ClassValue[]) => string;
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/runtime/utils/cn.js

@@ -1,5 +1,5 @@
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
-export const cn = (...inputs) => {
+export function cn(...inputs) {
   return twMerge(clsx(inputs));
-};
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "paket-ui",
-  "version": "v0.0.4",
+  "version": "v0.0.6",
   "description": "KiriminAja Paket UI, a UI component library for Nuxt 3 applications.",
   "repository": "kiriminaja/paket-ui",
   "license": "MIT",
@@ -24,40 +24,37 @@
   ],
   "scripts": {
     "prepack": "nuxt-module-build build",
-    "dev": "nuxi dev playground",
+    "dev": "bun run dev:prepare && nuxi dev playground",
     "dev:build": "nuxi build playground",
     "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
-    "release": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
+    "release": "bun run lint && bun run test && bun run prepack && changelogen --release && bun run publish && git push --follow-tags",
     "lint": "eslint .",
     "test": "vitest run",
     "test:watch": "vitest watch",
     "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
   },
   "dependencies": {
-    "@nuxt/icon": "^1.15.0",
-    "@nuxt/kit": "^3.20.0",
-    "@nuxtjs/color-mode": "^3.5.2",
+    "@nuxt/kit": "^4.2.1",
+    "@tailwindcss/vite": "^4.1.17",
+    "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "defu": "^6.1.4",
-    "tailwind-merge": "^3.3.1"
+    "pathe": "^2.0.3",
+    "reka-ui": "^2.6.0",
+    "tailwind-merge": "^3.4.0",
+    "tailwindcss": "^4.1.17"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^2.7.0",
-    "@nuxt/eslint-config": "^1.10.0",
+    "@nuxt/devtools": "^3.1.1",
+    "@nuxt/eslint-config": "^1.11.0",
     "@nuxt/module-builder": "^1.0.2",
-    "@nuxt/schema": "^3.20.0",
+    "@nuxt/schema": "^4.2.1",
     "@nuxt/test-utils": "^3.20.1",
-    "@types/node": "^24.10.0",
+    "@types/node": "^24.10.1",
     "changelogen": "^0.6.2",
     "eslint": "^9.39.1",
-    "nuxt": "^4.0.0",
+    "nuxt": "^4.2.1",
     "typescript": "~5.9.3",
-    "reka-ui": "^2.6.0",
-    "@tailwindcss/postcss": "^4.1.16",
-    "@tailwindcss/vite": "^4.1.16",
-    "tailwindcss": "^4.1.16",
-    "tailwind-variants": "^3.1.1",
-    "vitest": "^3.2.4",
-    "vue-tsc": "^2.2.12"
+    "vitest": "^4.0.14",
+    "vue-tsc": "^3.1.5"
   }
 }

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2025 KiriminAja
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/dist/runtime/components/ProgressIndicator/ProgressBase.vue

@@ -1,36 +0,0 @@
-<script setup>
-import { ProgressIndicator, ProgressRoot } from "reka-ui";
-const props = defineProps({
-  progressValue: { type: Number, required: false },
-  class: { type: null, required: false },
-  classIndicator: { type: null, required: false }
-});
-const percentage = computed(() => {
-  if (props.progressValue === void 0) return 0;
-  if (props.progressValue < 0) return 0;
-  if (props.progressValue > 100) return 100;
-  return props.progressValue;
-});
-</script>
-
-<template>
-  <ProgressRoot
-    v-model="percentage"
-    :class="
-  cn(
-    'rounded-full relative h-4 w-full overflow-hidden bg-surface-container-low',
-    props.class
-  )
-"
-  >
-    <ProgressIndicator
-      :class="
-  cn(
-    'rounded-full block relative w-full h-full bg-flux-primary transition-transform overflow-hidden duration-500 ease-in-out',
-    props.classIndicator
-  )
-"
-      :style="`transform: translateX(-${100 - percentage}%)`"
-    />
-  </ProgressRoot>
-</template>

package/dist/runtime/components/ProgressIndicator/ProgressBase.vue.d.ts

@@ -1,8 +0,0 @@
-import type { HTMLAttributes } from 'vue';
-type __VLS_Props = {
-    progressValue?: number;
-    class?: HTMLAttributes['class'];
-    classIndicator?: HTMLAttributes['class'];
-};
-declare const _default: 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>;
-export default _default;

package/dist/runtime/components/ProgressIndicator/ProgressIndicator.vue

@@ -1,46 +0,0 @@
-<script setup>
-const props = defineProps({
-  class: { type: null, required: false },
-  inactiveClass: { type: null, required: false },
-  value: { type: Number, required: false },
-  max: { type: Number, required: false }
-});
-const percentage = computed(() => {
-  if (props.max && props.value) {
-    return Math.round(props.value / props.max * 100);
-  }
-  return 0;
-});
-</script>
-
-<template>
-  <div
-    :class="
-  cn(
-    'w-full flex text-flux-primary rounded-full h-3 gap-1 items-center',
-    props.class
-  )
-"
-  >
-    <div
-      v-if="percentage >= 1"
-      class="shrink-0 h-full bg-current rounded-full transition-all"
-      :style="{
-  width: percentage + '%'
-}"
-    ></div>
-    <div
-      v-if="percentage < 100"
-      :class="
-  cn(
-    'bg-secondary-container h-full rounded-full grow relative transition-all',
-    props.inactiveClass
-  )
-"
-    >
-      <span
-        class="bg-current rounded-full w-1.5 h-1.5 absolute top-1/2 right-0.5 -translate-y-1/2"
-      />
-    </div>
-  </div>
-</template>

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

@@ -1,9 +0,0 @@
-import type { HTMLAttributes } from 'vue';
-type __VLS_Props = {
-    class?: HTMLAttributes['class'];
-    inactiveClass?: HTMLAttributes['class'];
-    value?: number;
-    max?: number;
-};
-declare const _default: 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>;
-export default _default;

package/dist/runtime/components/Recorder/RecorderAudio.vue

@@ -1,136 +0,0 @@
-<script setup>
-import { useDevicesList, useUserMedia } from "@vueuse/core";
-const props = defineProps({
-  maxDuration: { type: Number, required: false, default: 0 }
-});
-const emits = defineEmits(["recorded"]);
-const currentAudio = shallowRef();
-const { audioInputs: microphones } = useDevicesList({
-  requestPermissions: true,
-  onUpdated() {
-    if (!microphones.value.find((i) => i.deviceId === currentAudio.value))
-      currentAudio.value = microphones.value[0]?.deviceId;
-  }
-});
-const audio = useTemplateRef("audio");
-const { stream, enabled } = useUserMedia({
-  constraints: reactive({ audio: { deviceId: currentAudio, video: false } })
-});
-const recordedChunks = shallowRef([]);
-const mediaRecorder = shallowRef(null);
-const audioFileSrc = shallowRef("");
-const durationTimer = shallowRef(null);
-const stopRecording = () => {
-  if (mediaRecorder.value && mediaRecorder.value.state === "recording") {
-    mediaRecorder.value.stop();
-  }
-  if (durationTimer.value) {
-    clearTimeout(durationTimer.value);
-    durationTimer.value = null;
-  }
-  enabled.value = false;
-};
-const toggleRecording = () => {
-  if (enabled.value) {
-    stopRecording();
-  } else {
-    enabled.value = true;
-  }
-};
-watchEffect(() => {
-  if (stream.value) {
-    recordedChunks.value = [];
-    if (mediaRecorder.value) {
-      mediaRecorder.value.stop();
-    }
-    if (durationTimer.value) {
-      clearTimeout(durationTimer.value);
-      durationTimer.value = null;
-    }
-    mediaRecorder.value = new MediaRecorder(stream.value);
-    if (props.maxDuration > 0) {
-      durationTimer.value = setTimeout(() => {
-        stopRecording();
-      }, props.maxDuration * 1e3);
-    }
-    mediaRecorder.value.ondataavailable = (event) => {
-      if (event.data.size > 0) {
-        recordedChunks.value.push(event.data);
-        const blob = new Blob(recordedChunks.value, { type: "audio/mp3" });
-        const newFile = new File(
-          [blob],
-          `recording-${(/* @__PURE__ */ new Date()).toISOString()}.mp3`,
-          {
-            type: "audio/mp3"
-          }
-        );
-        const dataTransfer = new DataTransfer();
-        dataTransfer.items.add(newFile);
-        emits("recorded", dataTransfer.files);
-      }
-    };
-    mediaRecorder.value.onstop = () => {
-      const blob = new Blob(recordedChunks.value, { type: "audio/mp3" });
-      audioFileSrc.value = URL.createObjectURL(blob);
-      if (durationTimer.value) {
-        clearTimeout(durationTimer.value);
-        durationTimer.value = null;
-      }
-    };
-    mediaRecorder.value.start();
-  }
-});
-watchEffect(() => {
-  if (audio.value?.audioRef) {
-    audio.value.audioRef.srcObject = stream.value;
-  }
-});
-watch(enabled, (value) => {
-  if (!audio.value) return;
-  audio.value.setAudioMuted(value);
-  if (!value && durationTimer.value) {
-    clearTimeout(durationTimer.value);
-    durationTimer.value = null;
-  }
-});
-onMounted(() => {
-  if (!enabled.value) {
-    enabled.value = true;
-  }
-});
-onBeforeUnmount(() => {
-  enabled.value = false;
-  if (durationTimer.value) {
-    clearTimeout(durationTimer.value);
-    durationTimer.value = null;
-  }
-});
-</script>
-
-<template>
-  <div
-    class="flex gap-2 text-center items-center bg-background rounded-full border border-outline-variant px-2.5 py-2"
-  >
-    <Icon
-      v-if="enabled"
-      name="material-symbols:fiber-manual-record"
-      class="animate-pulse text-flux-error"
-      size="20px"
-    />
-    <UiPlayerAudio
-      ref="audio"
-      class="!bg-transparent !p-0 grow"
-      :src="enabled ? void 0 : audioFileSrc"
-      autoplay
-    />
-    <UiButtonIconButton
-      class="p-0.5 border-none"
-      :icon-name="
-  enabled ? 'material-symbols:stop' : 'material-symbols:keyboard-voice'
-"
-      size="sm"
-      variant="outline"
-      @click="toggleRecording"
-    />
-  </div>
-</template>

package/dist/runtime/components/Recorder/RecorderAudio.vue.d.ts

@@ -1,11 +0,0 @@
-type __VLS_Props = {
-    maxDuration?: number;
-};
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    recorded: (value: FileList) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onRecorded?: ((value: FileList) => any) | undefined;
-}>, {
-    maxDuration: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/runtime/components/alert/AlertHelperForm.vue

@@ -1,22 +0,0 @@
-<template>
-  <div
-    :class="[
-  'flex items-center gap-2 text-sm',
-  variantConfigHelper[props.variant],
-  props.class
-]"
-  >
-    <Icon :name="icon" size="20px" class="shrink-0" />
-    <span class="font-semibold" v-text="description"></span>
-  </div>
-</template>
-
-<script setup>
-import { variantConfigHelper } from ".";
-const props = defineProps({
-  class: { type: null, required: false },
-  icon: { type: String, required: false, default: "material-symbols:info" },
-  description: { type: String, required: true },
-  variant: { type: null, required: false, default: "info" }
-});
-</script>