cisse-vue-ui 0.8.4 → 0.10.0

package/dist/ListSkeleton.vue_vue_type_script_setup_true_lang-DtwwmfWr.cjs

@@ -1,149 +0,0 @@
-"use strict";
-const vue = require("vue");
-const _hoisted_1$2 = {
-  class: "bg-white dark:bg-gray-900 rounded-lg shadow-md p-4 space-y-4",
-  "aria-hidden": "true"
-};
-const _hoisted_2$2 = {
-  key: 0,
-  class: "flex items-center gap-3"
-};
-const _hoisted_3$1 = { class: "space-y-2" };
-const _hoisted_4$1 = {
-  key: 1,
-  class: "flex justify-end gap-2 pt-2"
-};
-const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
-  __name: "CardSkeleton",
-  props: {
-    showAvatar: { type: Boolean, default: false },
-    lines: { default: 3 },
-    showActions: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [
-        __props.showAvatar ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$2, [..._cache[0] || (_cache[0] = [
-          vue.createElementVNode("div", { class: "size-10 rounded-full bg-gray-200 dark:bg-gray-700 animate-pulse" }, null, -1),
-          vue.createElementVNode("div", { class: "flex-1 space-y-2" }, [
-            vue.createElementVNode("div", { class: "h-4 bg-gray-200 dark:bg-gray-700 rounded animate-pulse w-1/2" }),
-            vue.createElementVNode("div", { class: "h-3 bg-gray-200 dark:bg-gray-700 rounded animate-pulse w-1/3" })
-          ], -1)
-        ])])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_3$1, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.lines, (line) => {
-            return vue.openBlock(), vue.createElementBlock("div", {
-              key: line,
-              class: "h-4 bg-gray-200 dark:bg-gray-700 rounded animate-pulse",
-              style: vue.normalizeStyle({ width: line === __props.lines ? "60%" : "100%" })
-            }, null, 4);
-          }), 128))
-        ]),
-        __props.showActions ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, [..._cache[1] || (_cache[1] = [
-          vue.createElementVNode("div", { class: "h-8 w-20 bg-gray-200 dark:bg-gray-700 rounded animate-pulse" }, null, -1),
-          vue.createElementVNode("div", { class: "h-8 w-20 bg-gray-200 dark:bg-gray-700 rounded animate-pulse" }, null, -1)
-        ])])) : vue.createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-const _hoisted_1$1 = {
-  class: "w-full",
-  "aria-hidden": "true"
-};
-const _hoisted_2$1 = {
-  key: 0,
-  class: "flex gap-4 px-4 py-3 border-b border-gray-200 dark:border-gray-700"
-};
-const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
-  __name: "TableSkeleton",
-  props: {
-    rows: { default: 5 },
-    columns: { default: 4 },
-    showHeader: { type: Boolean, default: true }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
-        __props.showHeader ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.columns, (col) => {
-            return vue.openBlock(), vue.createElementBlock("div", {
-              key: `header-${col}`,
-              class: "flex-1 h-4 bg-gray-200 dark:bg-gray-700 rounded animate-pulse",
-              style: vue.normalizeStyle({ maxWidth: col === 1 ? "30%" : "20%" })
-            }, null, 4);
-          }), 128))
-        ])) : vue.createCommentVNode("", true),
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.rows, (row) => {
-          return vue.openBlock(), vue.createElementBlock("div", {
-            key: `row-${row}`,
-            class: "flex items-center gap-4 px-4 py-4 border-b border-gray-100 dark:border-gray-800"
-          }, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.columns, (col) => {
-              return vue.openBlock(), vue.createElementBlock("div", {
-                key: `cell-${row}-${col}`,
-                class: "flex-1 h-4 bg-gray-200 dark:bg-gray-700 rounded animate-pulse",
-                style: vue.normalizeStyle({
-                  maxWidth: col === 1 ? "40%" : col === __props.columns ? "15%" : "25%",
-                  opacity: 1 - row * 0.1
-                })
-              }, null, 4);
-            }), 128))
-          ]);
-        }), 128))
-      ]);
-    };
-  }
-});
-const _hoisted_1 = {
-  class: "divide-y divide-gray-200 dark:divide-gray-700",
-  "aria-hidden": "true"
-};
-const _hoisted_2 = {
-  key: 0,
-  class: "shrink-0 size-10 rounded-full bg-gray-200 dark:bg-gray-700 animate-pulse"
-};
-const _hoisted_3 = { class: "flex-1 min-w-0 space-y-2" };
-const _hoisted_4 = {
-  key: 1,
-  class: "shrink-0 size-8 rounded bg-gray-200 dark:bg-gray-700 animate-pulse"
-};
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  __name: "ListSkeleton",
-  props: {
-    items: { default: 5 },
-    showAvatar: { type: Boolean, default: true },
-    showSecondary: { type: Boolean, default: true },
-    showAction: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item) => {
-          return vue.openBlock(), vue.createElementBlock("div", {
-            key: item,
-            class: "flex items-center gap-4 py-4 px-4"
-          }, [
-            __props.showAvatar ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2)) : vue.createCommentVNode("", true),
-            vue.createElementVNode("div", _hoisted_3, [
-              vue.createElementVNode("div", {
-                class: "h-4 bg-gray-200 dark:bg-gray-700 rounded animate-pulse",
-                style: vue.normalizeStyle({ width: `${60 + Math.random() * 30}%` })
-              }, null, 4),
-              __props.showSecondary ? (vue.openBlock(), vue.createElementBlock("div", {
-                key: 0,
-                class: "h-3 bg-gray-200 dark:bg-gray-700 rounded animate-pulse",
-                style: vue.normalizeStyle({ width: `${40 + Math.random() * 20}%` })
-              }, null, 4)) : vue.createCommentVNode("", true)
-            ]),
-            __props.showAction ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4)) : vue.createCommentVNode("", true)
-          ]);
-        }), 128))
-      ]);
-    };
-  }
-});
-exports._sfc_main = _sfc_main$1;
-exports._sfc_main$1 = _sfc_main$2;
-exports._sfc_main$2 = _sfc_main;
-//# sourceMappingURL=ListSkeleton.vue_vue_type_script_setup_true_lang-DtwwmfWr.cjs.map

package/dist/ListSkeleton.vue_vue_type_script_setup_true_lang-DtwwmfWr.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListSkeleton.vue_vue_type_script_setup_true_lang-DtwwmfWr.cjs","sources":["../src/components/feedback/CardSkeleton.vue","../src/components/feedback/TableSkeleton.vue","../src/components/feedback/ListSkeleton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\r\nwithDefaults(\r\n  defineProps<{\r\n    /** Show avatar/icon placeholder */\r\n    showAvatar?: boolean\r\n    /** Number of text lines */\r\n    lines?: number\r\n    /** Show action buttons */\r\n    showActions?: boolean\r\n  }>(),\r\n  {\r\n    showAvatar: false,\r\n    lines: 3,\r\n    showActions: false,\r\n  },\r\n)\r\n</script>\r\n\r\n<template>\r\n  <div class=\"bg-white dark:bg-gray-900 rounded-lg shadow-md p-4 space-y-4\" aria-hidden=\"true\">\r\n    <!-- Header with avatar -->\r\n    <div v-if=\"showAvatar\" class=\"flex items-center gap-3\">\r\n      <div class=\"size-10 rounded-full bg-gray-200 dark:bg-gray-700 animate-pulse\" />\r\n      <div class=\"flex-1 space-y-2\">\r\n        <div class=\"h-4 bg-gray-200 dark:bg-gray-700 rounded animate-pulse w-1/2\" />\r\n        <div class=\"h-3 bg-gray-200 dark:bg-gray-700 rounded animate-pulse w-1/3\" />\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Content lines -->\r\n    <div class=\"space-y-2\">\r\n      <div\r\n        v-for=\"line in lines\"\r\n        :key=\"line\"\r\n        class=\"h-4 bg-gray-200 dark:bg-gray-700 rounded animate-pulse\"\r\n        :style=\"{ width: line === lines ? '60%' : '100%' }\"\r\n      />\r\n    </div>\r\n\r\n    <!-- Actions -->\r\n    <div v-if=\"showActions\" class=\"flex justify-end gap-2 pt-2\">\r\n      <div class=\"h-8 w-20 bg-gray-200 dark:bg-gray-700 rounded animate-pulse\" />\r\n      <div class=\"h-8 w-20 bg-gray-200 dark:bg-gray-700 rounded animate-pulse\" />\r\n    </div>\r\n  </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nwithDefaults(\r\n  defineProps<{\r\n    /** Number of rows */\r\n    rows?: number\r\n    /** Number of columns */\r\n    columns?: number\r\n    /** Show header */\r\n    showHeader?: boolean\r\n  }>(),\r\n  {\r\n    rows: 5,\r\n    columns: 4,\r\n    showHeader: true,\r\n  },\r\n)\r\n</script>\r\n\r\n<template>\r\n  <div class=\"w-full\" aria-hidden=\"true\">\r\n    <!-- Header -->\r\n    <div\r\n      v-if=\"showHeader\"\r\n      class=\"flex gap-4 px-4 py-3 border-b border-gray-200 dark:border-gray-700\"\r\n    >\r\n      <div\r\n        v-for=\"col in columns\"\r\n        :key=\"`header-${col}`\"\r\n        class=\"flex-1 h-4 bg-gray-200 dark:bg-gray-700 rounded animate-pulse\"\r\n        :style=\"{ maxWidth: col === 1 ? '30%' : '20%' }\"\r\n      />\r\n    </div>\r\n    <!-- Rows -->\r\n    <div\r\n      v-for=\"row in rows\"\r\n      :key=\"`row-${row}`\"\r\n      class=\"flex items-center gap-4 px-4 py-4 border-b border-gray-100 dark:border-gray-800\"\r\n    >\r\n      <div\r\n        v-for=\"col in columns\"\r\n        :key=\"`cell-${row}-${col}`\"\r\n        class=\"flex-1 h-4 bg-gray-200 dark:bg-gray-700 rounded animate-pulse\"\r\n        :style=\"{\r\n          maxWidth: col === 1 ? '40%' : col === columns ? '15%' : '25%',\r\n          opacity: 1 - (row * 0.1)\r\n        }\"\r\n      />\r\n    </div>\r\n  </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nwithDefaults(\r\n  defineProps<{\r\n    /** Number of items */\r\n    items?: number\r\n    /** Show avatar/icon placeholder */\r\n    showAvatar?: boolean\r\n    /** Show secondary text */\r\n    showSecondary?: boolean\r\n    /** Show action button */\r\n    showAction?: boolean\r\n  }>(),\r\n  {\r\n    items: 5,\r\n    showAvatar: true,\r\n    showSecondary: true,\r\n    showAction: false,\r\n  },\r\n)\r\n</script>\r\n\r\n<template>\r\n  <div class=\"divide-y divide-gray-200 dark:divide-gray-700\" aria-hidden=\"true\">\r\n    <div\r\n      v-for=\"item in items\"\r\n      :key=\"item\"\r\n      class=\"flex items-center gap-4 py-4 px-4\"\r\n    >\r\n      <!-- Avatar -->\r\n      <div\r\n        v-if=\"showAvatar\"\r\n        class=\"shrink-0 size-10 rounded-full bg-gray-200 dark:bg-gray-700 animate-pulse\"\r\n      />\r\n\r\n      <!-- Content -->\r\n      <div class=\"flex-1 min-w-0 space-y-2\">\r\n        <div\r\n          class=\"h-4 bg-gray-200 dark:bg-gray-700 rounded animate-pulse\"\r\n          :style=\"{ width: `${60 + Math.random() * 30}%` }\"\r\n        />\r\n        <div\r\n          v-if=\"showSecondary\"\r\n          class=\"h-3 bg-gray-200 dark:bg-gray-700 rounded animate-pulse\"\r\n          :style=\"{ width: `${40 + Math.random() * 20}%` }\"\r\n        />\r\n      </div>\r\n\r\n      <!-- Action -->\r\n      <div\r\n        v-if=\"showAction\"\r\n        class=\"shrink-0 size-8 rounded bg-gray-200 dark:bg-gray-700 animate-pulse\"\r\n      />\r\n    </div>\r\n  </div>\r\n</template>\r\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_Fragment","_renderList","_normalizeStyle","_hoisted_4"],"mappings":"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"}

package/dist/components/core/StatsCard.stories.d.ts

@@ -1,15 +0,0 @@
-import { Meta, StoryObj } from '@storybook/vue3-vite';
-import { default as StatsCard } from './StatsCard.vue';
-declare const meta: Meta<typeof StatsCard>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const WithChange: Story;
-export declare const NegativeChange: Story;
-export declare const GlassVariant: Story;
-export declare const SolidVariant: Story;
-export declare const OutlineVariant: Story;
-export declare const SuccessColor: Story;
-export declare const WarningColor: Story;
-export declare const DangerColor: Story;
-export declare const NoIcon: Story;

package/dist/components/core/StatsCard.vue.d.ts

@@ -1,44 +0,0 @@
-export interface StatItem {
-    label: string;
-    value: string | number;
-    icon?: string;
-    change?: number;
-    changeLabel?: string;
-}
-type __VLS_Props = {
-    /** Stat label */
-    label: string;
-    /** Stat value */
-    value: string | number;
-    /** Icon name (iconify format) */
-    icon?: string;
-    /** Percentage change (positive or negative) */
-    change?: number;
-    /** Change label (e.g., "vs last month") */
-    changeLabel?: string;
-    /** Visual variant */
-    variant?: 'default' | 'glass' | 'solid' | 'outline';
-    /** Color scheme for solid variant */
-    color?: 'primary' | 'success' | 'warning' | 'danger' | 'info';
-};
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        value?(_: {}): any;
-        label?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    variant: "default" | "glass" | "solid" | "outline";
-    color: "primary" | "success" | "warning" | "danger" | "info";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/core/StatsGrid.stories.d.ts

@@ -1,12 +0,0 @@
-import { Meta, StoryObj } from '@storybook/vue3-vite';
-import { default as StatsGrid } from './StatsGrid.vue';
-declare const meta: Meta<typeof StatsGrid>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const ThreeColumns: Story;
-export declare const FourColumns: Story;
-export declare const TwoColumns: Story;
-export declare const WithChanges: Story;
-export declare const GlassVariant: Story;
-export declare const SolidVariant: Story;
-export declare const ForcedCols: Story;

package/dist/components/core/StatsGrid.vue.d.ts

@@ -1,16 +0,0 @@
-import { StatItem } from './StatsCard.vue';
-type __VLS_Props = {
-    /** Array of stats to display */
-    stats: StatItem[];
-    /** Number of columns (auto-calculated if not provided) */
-    cols?: 2 | 3 | 4;
-    /** Visual variant for all cards */
-    variant?: 'default' | 'glass' | 'solid' | 'outline';
-    /** Color scheme for solid variant */
-    color?: 'primary' | 'success' | 'warning' | 'danger' | 'info';
-};
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    variant: "default" | "glass" | "solid" | "outline";
-    color: "primary" | "success" | "warning" | "danger" | "info";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;

package/dist/components/core/TableComponent.stories.d.ts

@@ -1,16 +0,0 @@
-import { Meta, StoryObj } from '@storybook/vue3-vite';
-import { default as TableComponent } from './TableComponent.vue';
-declare const meta: Meta<typeof TableComponent>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const WithTypes: Story;
-export declare const WithBadge: Story;
-export declare const WithAlignment: Story;
-export declare const Selectable: Story;
-export declare const WithActions: Story;
-export declare const WithCustomSlot: Story;
-export declare const EmptyState: Story;
-export declare const NestedProperties: Story;
-export declare const Loading: Story;
-export declare const LoadingCustomRows: Story;

package/dist/index-CyL_6V7D.js

@@ -1,97 +0,0 @@
-import { o as _sfc_main, p as _sfc_main$1, d as _sfc_main$4, f as _sfc_main$5, n as _sfc_main$9, _ as _sfc_main$b, j as _sfc_main$f, r as _sfc_main$j, m as _sfc_main$m, u as _sfc_main$r, b as _sfc_main$E, l as _sfc_main$S, c as _sfc_main$W, s as _sfc_main$Z, t as _sfc_main$_, i as _sfc_main$10, h as _sfc_main$12, e as _sfc_main$13, a as _sfc_main$14, g as _sfc_main$16, q as _sfc_main$19, k as _sfc_main$1c } from "./FilterTabs.vue_vue_type_script_setup_true_lang-BmJHgkBs.js";
-import { a as _sfc_main$n, _ as _sfc_main$D } from "./Dropdown.vue_vue_type_script_setup_true_lang-GLCX7E3C.js";
-import { e as _sfc_main$6, d as _sfc_main$8, c as _sfc_main$l, b as _sfc_main$K, _ as _sfc_main$$, a as _sfc_main$18 } from "./BadgeType.vue_vue_type_script_setup_true_lang-tHRMWBb-.js";
-import { _ as _sfc_main$a } from "./Button.vue_vue_type_script_setup_true_lang-CBYr0Z2_.js";
-import { A as _sfc_main$e, j as _sfc_main$g, l as _sfc_main$h, g as _sfc_main$k, q as _sfc_main$o, h as _sfc_main$q, o as _sfc_main$s, d as _sfc_main$t, a as _sfc_main$u, b as _sfc_main$v, _ as _sfc_main$w, n as _sfc_main$x, c as _sfc_main$y, m as _sfc_main$z, p as _sfc_main$A, u as _sfc_main$G, t as _sfc_main$J, y as _sfc_main$L, r as _sfc_main$P, v as _sfc_main$Q, s as _sfc_main$R, w as _sfc_main$T, k as _sfc_main$U, i as _sfc_main$V, e as _sfc_main$X, S as Slider, f as _sfc_main$11, T as TagsInput, z as _sfc_main$17, x as _sfc_main$1d } from "./CheckboxGroup.vue_vue_type_script_setup_true_lang-B190Yija.js";
-import { _ as _sfc_main$d } from "./index-SNefWfX0.js";
-import { e as _sfc_main$2, j as _sfc_main$i, f as _sfc_main$p, _ as _sfc_main$C, a as _sfc_main$F, c as _sfc_main$H, d as _sfc_main$I, b as _sfc_main$O, P as Progress, i as _sfc_main$Y, g as _sfc_main$1a, h as _sfc_main$1b } from "./ConfirmDialog.vue_vue_type_script_setup_true_lang-DWs2V7xX.js";
-import { a as _sfc_main$c, b as _sfc_main$B, _ as _sfc_main$15 } from "./ListSkeleton.vue_vue_type_script_setup_true_lang-BwtEbaiT.js";
-import { _ as _sfc_main$3, a as _sfc_main$7, c as _sfc_main$M, b as _sfc_main$N } from "./PageHero.vue_vue_type_script_setup_true_lang-by-P5wIB.js";
-const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Accordion: _sfc_main,
-  AccordionItem: _sfc_main$1,
-  Alert: _sfc_main$2,
-  AuthLayout: _sfc_main$3,
-  AutocompleteComponent: _sfc_main$4,
-  Avatar: _sfc_main$5,
-  BadgeType: _sfc_main$6,
-  BaseLayout: _sfc_main$7,
-  BooleanType: _sfc_main$8,
-  Breadcrumb: _sfc_main$9,
-  Button: _sfc_main$a,
-  CardComponent: _sfc_main$b,
-  CardSkeleton: _sfc_main$c,
-  Checkbox: _sfc_main$d,
-  CheckboxGroup: _sfc_main$e,
-  CollapsibleCard: _sfc_main$f,
-  ColorPicker: _sfc_main$g,
-  Combobox: _sfc_main$h,
-  ConfirmDialog: _sfc_main$i,
-  DarkModeToggle: _sfc_main$j,
-  DatePicker: _sfc_main$k,
-  DateType: _sfc_main$l,
-  Drawer: _sfc_main$m,
-  Dropdown: _sfc_main$n,
-  EmailInput: _sfc_main$o,
-  EmptyState: _sfc_main$p,
-  FileUpload: _sfc_main$q,
-  FilterTabs: _sfc_main$r,
-  FormActions: _sfc_main$s,
-  FormGroup: _sfc_main$t,
-  FormHelp: _sfc_main$u,
-  FormInput: _sfc_main$v,
-  FormLabel: _sfc_main$w,
-  FormSection: _sfc_main$x,
-  FormSelect: _sfc_main$y,
-  IconPicker: _sfc_main$z,
-  InputWrapper: _sfc_main$A,
-  ListSkeleton: _sfc_main$B,
-  LoadingSpinner: _sfc_main$C,
-  MenuItem: _sfc_main$D,
-  MobileList: _sfc_main$E,
-  Modal: _sfc_main$F,
-  MoneyInput: _sfc_main$G,
-  NotificationComponent: _sfc_main$H,
-  NotificationList: _sfc_main$I,
-  NumberInput: _sfc_main$J,
-  NumberType: _sfc_main$K,
-  OTPInput: _sfc_main$L,
-  PageHero: _sfc_main$M,
-  PageLayout: _sfc_main$N,
-  PaginationControls: _sfc_main$O,
-  PasswordInput: _sfc_main$P,
-  PercentInput: _sfc_main$Q,
-  PhoneInput: _sfc_main$R,
-  Popover: _sfc_main$S,
-  Progress,
-  QuantityInput: _sfc_main$T,
-  RangeSlider: _sfc_main$U,
-  Rating: _sfc_main$V,
-  ResponsiveList: _sfc_main$W,
-  SearchInput: _sfc_main$X,
-  Skeleton: _sfc_main$Y,
-  Slider,
-  StatsCard: _sfc_main$Z,
-  StatsGrid: _sfc_main$_,
-  StatusBadge: _sfc_main$$,
-  Stepper: _sfc_main$10,
-  Switch: _sfc_main$11,
-  TabPanel: _sfc_main$12,
-  TableAction: _sfc_main$13,
-  TableComponent: _sfc_main$14,
-  TableSkeleton: _sfc_main$15,
-  Tabs: _sfc_main$16,
-  TagsInput,
-  TextArea: _sfc_main$17,
-  TextType: _sfc_main$18,
-  Timeline: _sfc_main$19,
-  Toast: _sfc_main$1a,
-  ToastContainer: _sfc_main$1b,
-  Tooltip: _sfc_main$1c,
-  URLInput: _sfc_main$1d
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  components as c
-};
-//# sourceMappingURL=index-CyL_6V7D.js.map

package/dist/index-CyL_6V7D.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-CyL_6V7D.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/useDarkMode-Cl5QWTlC.js

@@ -1,53 +0,0 @@
-import { ref, watch, onMounted } from "vue";
-function useDarkMode(options = {}) {
-  const {
-    selector = "html",
-    attribute = "class",
-    storageKey = "dark-mode",
-    defaultValue = false
-  } = options;
-  const isDark = ref(defaultValue);
-  const getInitialValue = () => {
-    if (typeof window === "undefined") return defaultValue;
-    const stored = localStorage.getItem(storageKey);
-    if (stored !== null) {
-      return stored === "true";
-    }
-    return window.matchMedia("(prefers-color-scheme: dark)").matches;
-  };
-  const updateDOM = (dark) => {
-    if (typeof document === "undefined") return;
-    const element = document.querySelector(selector);
-    if (!element) return;
-    if (attribute === "class") {
-      element.classList.toggle("dark", dark);
-    } else {
-      element.setAttribute(attribute, dark ? "dark" : "light");
-    }
-  };
-  const toggle = () => {
-    isDark.value = !isDark.value;
-  };
-  const set = (value) => {
-    isDark.value = value;
-  };
-  watch(isDark, (newValue) => {
-    updateDOM(newValue);
-    if (typeof localStorage !== "undefined") {
-      localStorage.setItem(storageKey, String(newValue));
-    }
-  });
-  onMounted(() => {
-    isDark.value = getInitialValue();
-    updateDOM(isDark.value);
-  });
-  return {
-    isDark,
-    toggle,
-    set
-  };
-}
-export {
-  useDarkMode as u
-};
-//# sourceMappingURL=useDarkMode-Cl5QWTlC.js.map

package/dist/useDarkMode-Cl5QWTlC.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDarkMode-Cl5QWTlC.js","sources":["../src/composables/useDarkMode.ts"],"sourcesContent":["import { ref, watch, onMounted } from 'vue'\n\nexport interface DarkModeOptions {\n  selector?: string\n  attribute?: string\n  storageKey?: string\n  defaultValue?: boolean\n}\n\n/**\n * Composable for managing dark mode state\n */\nexport function useDarkMode(options: DarkModeOptions = {}) {\n  const {\n    selector = 'html',\n    attribute = 'class',\n    storageKey = 'dark-mode',\n    defaultValue = false,\n  } = options\n\n  const isDark = ref(defaultValue)\n\n  const getInitialValue = (): boolean => {\n    if (typeof window === 'undefined') return defaultValue\n\n    const stored = localStorage.getItem(storageKey)\n    if (stored !== null) {\n      return stored === 'true'\n    }\n\n    return window.matchMedia('(prefers-color-scheme: dark)').matches\n  }\n\n  const updateDOM = (dark: boolean) => {\n    if (typeof document === 'undefined') return\n\n    const element = document.querySelector(selector)\n    if (!element) return\n\n    if (attribute === 'class') {\n      element.classList.toggle('dark', dark)\n    } else {\n      element.setAttribute(attribute, dark ? 'dark' : 'light')\n    }\n  }\n\n  const toggle = () => {\n    isDark.value = !isDark.value\n  }\n\n  const set = (value: boolean) => {\n    isDark.value = value\n  }\n\n  watch(isDark, (newValue) => {\n    updateDOM(newValue)\n    if (typeof localStorage !== 'undefined') {\n      localStorage.setItem(storageKey, String(newValue))\n    }\n  })\n\n  onMounted(() => {\n    isDark.value = getInitialValue()\n    updateDOM(isDark.value)\n  })\n\n  return {\n    isDark,\n    toggle,\n    set,\n  }\n}\n"],"names":[],"mappings":";AAYO,SAAS,YAAY,UAA2B,IAAI;AACzD,QAAM;AAAA,IACJ,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,eAAe;AAAA,EAAA,IACb;AAEJ,QAAM,SAAS,IAAI,YAAY;AAE/B,QAAM,kBAAkB,MAAe;AACrC,QAAI,OAAO,WAAW,YAAa,QAAO;AAE1C,UAAM,SAAS,aAAa,QAAQ,UAAU;AAC9C,QAAI,WAAW,MAAM;AACnB,aAAO,WAAW;AAAA,IACpB;AAEA,WAAO,OAAO,WAAW,8BAA8B,EAAE;AAAA,EAC3D;AAEA,QAAM,YAAY,CAAC,SAAkB;AACnC,QAAI,OAAO,aAAa,YAAa;AAErC,UAAM,UAAU,SAAS,cAAc,QAAQ;AAC/C,QAAI,CAAC,QAAS;AAEd,QAAI,cAAc,SAAS;AACzB,cAAQ,UAAU,OAAO,QAAQ,IAAI;AAAA,IACvC,OAAO;AACL,cAAQ,aAAa,WAAW,OAAO,SAAS,OAAO;AAAA,IACzD;AAAA,EACF;AAEA,QAAM,SAAS,MAAM;AACnB,WAAO,QAAQ,CAAC,OAAO;AAAA,EACzB;AAEA,QAAM,MAAM,CAAC,UAAmB;AAC9B,WAAO,QAAQ;AAAA,EACjB;AAEA,QAAM,QAAQ,CAAC,aAAa;AAC1B,cAAU,QAAQ;AAClB,QAAI,OAAO,iBAAiB,aAAa;AACvC,mBAAa,QAAQ,YAAY,OAAO,QAAQ,CAAC;AAAA,IACnD;AAAA,EACF,CAAC;AAED,YAAU,MAAM;AACd,WAAO,QAAQ,gBAAA;AACf,cAAU,OAAO,KAAK;AAAA,EACxB,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;"}

package/dist/useDarkMode-DLZcJEUQ.cjs

@@ -1,52 +0,0 @@
-"use strict";
-const vue = require("vue");
-function useDarkMode(options = {}) {
-  const {
-    selector = "html",
-    attribute = "class",
-    storageKey = "dark-mode",
-    defaultValue = false
-  } = options;
-  const isDark = vue.ref(defaultValue);
-  const getInitialValue = () => {
-    if (typeof window === "undefined") return defaultValue;
-    const stored = localStorage.getItem(storageKey);
-    if (stored !== null) {
-      return stored === "true";
-    }
-    return window.matchMedia("(prefers-color-scheme: dark)").matches;
-  };
-  const updateDOM = (dark) => {
-    if (typeof document === "undefined") return;
-    const element = document.querySelector(selector);
-    if (!element) return;
-    if (attribute === "class") {
-      element.classList.toggle("dark", dark);
-    } else {
-      element.setAttribute(attribute, dark ? "dark" : "light");
-    }
-  };
-  const toggle = () => {
-    isDark.value = !isDark.value;
-  };
-  const set = (value) => {
-    isDark.value = value;
-  };
-  vue.watch(isDark, (newValue) => {
-    updateDOM(newValue);
-    if (typeof localStorage !== "undefined") {
-      localStorage.setItem(storageKey, String(newValue));
-    }
-  });
-  vue.onMounted(() => {
-    isDark.value = getInitialValue();
-    updateDOM(isDark.value);
-  });
-  return {
-    isDark,
-    toggle,
-    set
-  };
-}
-exports.useDarkMode = useDarkMode;
-//# sourceMappingURL=useDarkMode-DLZcJEUQ.cjs.map

package/dist/useDarkMode-DLZcJEUQ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDarkMode-DLZcJEUQ.cjs","sources":["../src/composables/useDarkMode.ts"],"sourcesContent":["import { ref, watch, onMounted } from 'vue'\n\nexport interface DarkModeOptions {\n  selector?: string\n  attribute?: string\n  storageKey?: string\n  defaultValue?: boolean\n}\n\n/**\n * Composable for managing dark mode state\n */\nexport function useDarkMode(options: DarkModeOptions = {}) {\n  const {\n    selector = 'html',\n    attribute = 'class',\n    storageKey = 'dark-mode',\n    defaultValue = false,\n  } = options\n\n  const isDark = ref(defaultValue)\n\n  const getInitialValue = (): boolean => {\n    if (typeof window === 'undefined') return defaultValue\n\n    const stored = localStorage.getItem(storageKey)\n    if (stored !== null) {\n      return stored === 'true'\n    }\n\n    return window.matchMedia('(prefers-color-scheme: dark)').matches\n  }\n\n  const updateDOM = (dark: boolean) => {\n    if (typeof document === 'undefined') return\n\n    const element = document.querySelector(selector)\n    if (!element) return\n\n    if (attribute === 'class') {\n      element.classList.toggle('dark', dark)\n    } else {\n      element.setAttribute(attribute, dark ? 'dark' : 'light')\n    }\n  }\n\n  const toggle = () => {\n    isDark.value = !isDark.value\n  }\n\n  const set = (value: boolean) => {\n    isDark.value = value\n  }\n\n  watch(isDark, (newValue) => {\n    updateDOM(newValue)\n    if (typeof localStorage !== 'undefined') {\n      localStorage.setItem(storageKey, String(newValue))\n    }\n  })\n\n  onMounted(() => {\n    isDark.value = getInitialValue()\n    updateDOM(isDark.value)\n  })\n\n  return {\n    isDark,\n    toggle,\n    set,\n  }\n}\n"],"names":["ref","watch","onMounted"],"mappings":";;AAYO,SAAS,YAAY,UAA2B,IAAI;AACzD,QAAM;AAAA,IACJ,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,eAAe;AAAA,EAAA,IACb;AAEJ,QAAM,SAASA,IAAAA,IAAI,YAAY;AAE/B,QAAM,kBAAkB,MAAe;AACrC,QAAI,OAAO,WAAW,YAAa,QAAO;AAE1C,UAAM,SAAS,aAAa,QAAQ,UAAU;AAC9C,QAAI,WAAW,MAAM;AACnB,aAAO,WAAW;AAAA,IACpB;AAEA,WAAO,OAAO,WAAW,8BAA8B,EAAE;AAAA,EAC3D;AAEA,QAAM,YAAY,CAAC,SAAkB;AACnC,QAAI,OAAO,aAAa,YAAa;AAErC,UAAM,UAAU,SAAS,cAAc,QAAQ;AAC/C,QAAI,CAAC,QAAS;AAEd,QAAI,cAAc,SAAS;AACzB,cAAQ,UAAU,OAAO,QAAQ,IAAI;AAAA,IACvC,OAAO;AACL,cAAQ,aAAa,WAAW,OAAO,SAAS,OAAO;AAAA,IACzD;AAAA,EACF;AAEA,QAAM,SAAS,MAAM;AACnB,WAAO,QAAQ,CAAC,OAAO;AAAA,EACzB;AAEA,QAAM,MAAM,CAAC,UAAmB;AAC9B,WAAO,QAAQ;AAAA,EACjB;AAEAC,YAAM,QAAQ,CAAC,aAAa;AAC1B,cAAU,QAAQ;AAClB,QAAI,OAAO,iBAAiB,aAAa;AACvC,mBAAa,QAAQ,YAAY,OAAO,QAAQ,CAAC;AAAA,IACnD;AAAA,EACF,CAAC;AAEDC,MAAAA,UAAU,MAAM;AACd,WAAO,QAAQ,gBAAA;AACf,cAAU,OAAO,KAAK;AAAA,EACxB,CAAC;AAED,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEJ;;"}