cisse-vue-ui 0.8.3 → 0.9.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/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-CDDUEkXf.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-CcOgc2Y_.js";
-import { a as _sfc_main$n, _ as _sfc_main$D } from "./Dropdown.vue_vue_type_script_setup_true_lang-A9Ax6iob.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-N4oS_DJD.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-Gvocjdqh.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-CDDUEkXf.js.map

package/dist/index-CDDUEkXf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-CDDUEkXf.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;;"}

package/dist/useToast-Bk60GArg.cjs

@@ -1,176 +0,0 @@
-"use strict";
-const vue = require("vue");
-var IDX = 256, HEX = [], SIZE = 256, BUFFER;
-while (IDX--) HEX[IDX] = (IDX + 256).toString(16).substring(1);
-function uid(len) {
-  var i = 0, tmp = 11;
-  if (!BUFFER || IDX + tmp > SIZE * 2) {
-    for (BUFFER = "", IDX = 0; i < SIZE; i++) {
-      BUFFER += HEX[Math.random() * 256 | 0];
-    }
-  }
-  return BUFFER.substring(IDX, IDX++ + tmp);
-}
-const notifications = vue.ref([]);
-function useNotifications() {
-  const notify = (type, message, options = {}) => {
-    const id = uid();
-    const notification = {
-      id,
-      type,
-      message,
-      title: options.title ?? null,
-      duration: options.duration ?? 5e3
-    };
-    notifications.value.push(notification);
-    if (notification.duration && notification.duration > 0) {
-      setTimeout(() => remove(id), notification.duration);
-    }
-    return id;
-  };
-  const success = (message, options) => notify("success", message, options);
-  const warning = (message, options) => notify("warning", message, options);
-  const error = (message, options) => notify("error", message, options);
-  const info = (message, options) => notify("info", message, options);
-  const remove = (id) => {
-    notifications.value = notifications.value.filter((n) => n.id !== id);
-  };
-  const clear = () => {
-    notifications.value = [];
-  };
-  return {
-    notifications: vue.readonly(notifications),
-    notify,
-    success,
-    warning,
-    error,
-    info,
-    remove,
-    clear
-  };
-}
-function useExportCSV() {
-  const escapeCSV = (value) => {
-    if (value === null || value === void 0) return "";
-    const str = String(value);
-    if (str.includes(",") || str.includes('"') || str.includes("\n")) {
-      return `"${str.replace(/"/g, '""')}"`;
-    }
-    return str;
-  };
-  const exportToCSV = (data, columns, filename = "export.csv") => {
-    if (!data || data.length === 0) {
-      console.warn("No data to export");
-      return;
-    }
-    const headers = columns.map((col) => escapeCSV(col.label)).join(",");
-    const rows = data.map(
-      (item) => columns.map((col) => escapeCSV(item[col.key])).join(",")
-    );
-    const csv = [headers, ...rows].join("\n");
-    const blob = new Blob([csv], { type: "text/csv;charset=utf-8;" });
-    const url = URL.createObjectURL(blob);
-    const link = document.createElement("a");
-    link.setAttribute("href", url);
-    link.setAttribute("download", filename);
-    link.style.visibility = "hidden";
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-    URL.revokeObjectURL(url);
-  };
-  return {
-    exportToCSV,
-    escapeCSV
-  };
-}
-function useModal(options) {
-  const {
-    initialOpen = false,
-    initialData = null,
-    onOpen,
-    onClose
-  } = options ?? {};
-  const isOpen = vue.ref(initialOpen);
-  const data = vue.ref(initialData);
-  const open = (newData) => {
-    data.value = newData ?? null;
-    isOpen.value = true;
-    onOpen == null ? void 0 : onOpen(data.value);
-  };
-  const close = () => {
-    isOpen.value = false;
-    data.value = null;
-    onClose == null ? void 0 : onClose();
-  };
-  const toggle = () => {
-    if (isOpen.value) {
-      close();
-    } else {
-      open();
-    }
-  };
-  return {
-    isOpen,
-    data,
-    open,
-    close,
-    toggle
-  };
-}
-function useModals(modals) {
-  return modals;
-}
-const toasts = vue.ref([]);
-let toastId = 0;
-function useToast() {
-  const add = (options) => {
-    const id = `toast-${++toastId}`;
-    const toast = {
-      id,
-      message: options.message,
-      type: options.type || "info",
-      title: options.title,
-      duration: options.duration ?? 5e3
-    };
-    toasts.value.push(toast);
-    return id;
-  };
-  const remove = (id) => {
-    const index = toasts.value.findIndex((t) => t.id === id);
-    if (index > -1) {
-      toasts.value.splice(index, 1);
-    }
-  };
-  const clear = () => {
-    toasts.value = [];
-  };
-  const success = (message, title) => {
-    return add({ message, title, type: "success" });
-  };
-  const error = (message, title) => {
-    return add({ message, title, type: "error" });
-  };
-  const warning = (message, title) => {
-    return add({ message, title, type: "warning" });
-  };
-  const info = (message, title) => {
-    return add({ message, title, type: "info" });
-  };
-  return {
-    toasts,
-    add,
-    remove,
-    clear,
-    success,
-    error,
-    warning,
-    info
-  };
-}
-exports.useExportCSV = useExportCSV;
-exports.useModal = useModal;
-exports.useModals = useModals;
-exports.useNotifications = useNotifications;
-exports.useToast = useToast;
-//# sourceMappingURL=useToast-Bk60GArg.cjs.map

package/dist/useToast-Bk60GArg.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useToast-Bk60GArg.cjs","sources":["../node_modules/uid/dist/index.mjs","../src/composables/useNotifications.ts","../src/composables/useExportCSV.ts","../src/composables/useModal.ts","../src/composables/useToast.ts"],"sourcesContent":["var IDX=256, HEX=[], SIZE=256, BUFFER;\nwhile (IDX--) HEX[IDX] = (IDX + 256).toString(16).substring(1);\n\nexport function uid(len) {\n\tvar i=0, tmp=(len || 11);\n\tif (!BUFFER || ((IDX + tmp) > SIZE*2)) {\n\t\tfor (BUFFER='',IDX=0; i < SIZE; i++) {\n\t\t\tBUFFER += HEX[Math.random() * 256 | 0];\n\t\t}\n\t}\n\n\treturn BUFFER.substring(IDX, IDX++ + tmp);\n}\n","import { ref, readonly } from 'vue'\r\nimport { uid } from 'uid'\r\nimport type { Notification, NotificationType, NotificationOptions } from '@/types'\r\n\r\n// Global state (singleton pattern) - shared across all useNotifications() calls\r\nconst notifications = ref<Notification[]>([])\r\n\r\n/**\r\n * Composable for managing notifications/toasts\r\n * Uses singleton pattern - all components share the same notifications state\r\n */\r\nexport function useNotifications() {\r\n\r\n  const notify = (\r\n    type: NotificationType,\r\n    message: string,\r\n    options: NotificationOptions = {},\r\n  ): string => {\r\n    const id = uid()\r\n    const notification: Notification = {\r\n      id,\r\n      type,\r\n      message,\r\n      title: options.title ?? null,\r\n      duration: options.duration ?? 5000,\r\n    }\r\n\r\n    notifications.value.push(notification)\r\n\r\n    if (notification.duration && notification.duration > 0) {\r\n      setTimeout(() => remove(id), notification.duration)\r\n    }\r\n\r\n    return id\r\n  }\r\n\r\n  const success = (message: string, options?: NotificationOptions) =>\r\n    notify('success', message, options)\r\n\r\n  const warning = (message: string, options?: NotificationOptions) =>\r\n    notify('warning', message, options)\r\n\r\n  const error = (message: string, options?: NotificationOptions) =>\r\n    notify('error', message, options)\r\n\r\n  const info = (message: string, options?: NotificationOptions) =>\r\n    notify('info', message, options)\r\n\r\n  const remove = (id: string) => {\r\n    notifications.value = notifications.value.filter((n) => n.id !== id)\r\n  }\r\n\r\n  const clear = () => {\r\n    notifications.value = []\r\n  }\r\n\r\n  return {\r\n    notifications: readonly(notifications),\r\n    notify,\r\n    success,\r\n    warning,\r\n    error,\r\n    info,\r\n    remove,\r\n    clear,\r\n  }\r\n}\r\n","/**\n * Composable for exporting data to CSV format\n */\nexport function useExportCSV() {\n  const escapeCSV = (value: unknown): string => {\n    if (value === null || value === undefined) return ''\n    const str = String(value)\n    if (str.includes(',') || str.includes('\"') || str.includes('\\n')) {\n      return `\"${str.replace(/\"/g, '\"\"')}\"`\n    }\n    return str\n  }\n\n  const exportToCSV = <T extends Record<string, unknown>>(\n    data: T[],\n    columns: { key: keyof T; label: string }[],\n    filename: string = 'export.csv',\n  ) => {\n    if (!data || data.length === 0) {\n      console.warn('No data to export')\n      return\n    }\n\n    // Create header row\n    const headers = columns.map((col) => escapeCSV(col.label)).join(',')\n\n    // Create data rows\n    const rows = data.map((item) =>\n      columns.map((col) => escapeCSV(item[col.key])).join(','),\n    )\n\n    // Combine header and rows\n    const csv = [headers, ...rows].join('\\n')\n\n    // Create and trigger download\n    const blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' })\n    const url = URL.createObjectURL(blob)\n    const link = document.createElement('a')\n    link.setAttribute('href', url)\n    link.setAttribute('download', filename)\n    link.style.visibility = 'hidden'\n    document.body.appendChild(link)\n    link.click()\n    document.body.removeChild(link)\n    URL.revokeObjectURL(url)\n  }\n\n  return {\n    exportToCSV,\n    escapeCSV,\n  }\n}\n","import { ref, type Ref } from 'vue'\r\n\r\nexport interface UseModalReturn<T = unknown> {\r\n  /** Whether the modal is currently open */\r\n  isOpen: Ref<boolean>\r\n  /** Data associated with the modal (e.g., item being edited) */\r\n  data: Ref<T | null>\r\n  /** Open the modal, optionally with data */\r\n  open: (newData?: T) => void\r\n  /** Close the modal and clear data */\r\n  close: () => void\r\n  /** Toggle the modal state */\r\n  toggle: () => void\r\n}\r\n\r\n/**\r\n * Composable for managing modal state\r\n *\r\n * @example\r\n * ```ts\r\n * // Simple modal\r\n * const createModal = useModal()\r\n * createModal.open()\r\n * createModal.close()\r\n *\r\n * // Modal with data (e.g., for editing)\r\n * const editModal = useModal<User>()\r\n * editModal.open(selectedUser)\r\n * // Access editModal.data.value in modal\r\n *\r\n * // With onClose callback\r\n * const deleteModal = useModal<Item>({ onClose: () => refetch() })\r\n * ```\r\n */\r\nexport function useModal<T = unknown>(options?: {\r\n  /** Initial open state */\r\n  initialOpen?: boolean\r\n  /** Initial data */\r\n  initialData?: T | null\r\n  /** Callback when modal opens */\r\n  onOpen?: (data: T | null) => void\r\n  /** Callback when modal closes */\r\n  onClose?: () => void\r\n}): UseModalReturn<T> {\r\n  const {\r\n    initialOpen = false,\r\n    initialData = null,\r\n    onOpen,\r\n    onClose,\r\n  } = options ?? {}\r\n\r\n  const isOpen = ref(initialOpen)\r\n  const data = ref<T | null>(initialData) as Ref<T | null>\r\n\r\n  const open = (newData?: T) => {\r\n    data.value = newData ?? null\r\n    isOpen.value = true\r\n    onOpen?.(data.value)\r\n  }\r\n\r\n  const close = () => {\r\n    isOpen.value = false\r\n    data.value = null\r\n    onClose?.()\r\n  }\r\n\r\n  const toggle = () => {\r\n    if (isOpen.value) {\r\n      close()\r\n    } else {\r\n      open()\r\n    }\r\n  }\r\n\r\n  return {\r\n    isOpen,\r\n    data,\r\n    open,\r\n    close,\r\n    toggle,\r\n  }\r\n}\r\n\r\n/**\r\n * Create multiple related modals at once\r\n * Useful when a page has several modals (create, edit, delete, etc.)\r\n *\r\n * @example\r\n * ```ts\r\n * const modals = useModals({\r\n *   create: useModal(),\r\n *   edit: useModal<User>(),\r\n *   delete: useModal<User>(),\r\n * })\r\n *\r\n * modals.create.open()\r\n * modals.edit.open(user)\r\n * modals.delete.close()\r\n * ```\r\n */\r\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\r\nexport function useModals<T extends Record<string, UseModalReturn<any>>>(\r\n  modals: T\r\n): T {\r\n  return modals\r\n}\r\n","import { ref } from 'vue'\r\nimport type { ToastType } from '@/components/feedback/Toast.vue'\r\nimport type { ToastItem } from '@/components/feedback/ToastContainer.vue'\r\n\r\nexport interface ToastOptions {\r\n  message: string\r\n  type?: ToastType\r\n  title?: string\r\n  duration?: number\r\n}\r\n\r\nconst toasts = ref<ToastItem[]>([])\r\n\r\nlet toastId = 0\r\n\r\nexport function useToast() {\r\n  const add = (options: ToastOptions): string => {\r\n    const id = `toast-${++toastId}`\r\n    const toast: ToastItem = {\r\n      id,\r\n      message: options.message,\r\n      type: options.type || 'info',\r\n      title: options.title,\r\n      duration: options.duration ?? 5000,\r\n    }\r\n    toasts.value.push(toast)\r\n    return id\r\n  }\r\n\r\n  const remove = (id: string) => {\r\n    const index = toasts.value.findIndex((t) => t.id === id)\r\n    if (index > -1) {\r\n      toasts.value.splice(index, 1)\r\n    }\r\n  }\r\n\r\n  const clear = () => {\r\n    toasts.value = []\r\n  }\r\n\r\n  const success = (message: string, title?: string) => {\r\n    return add({ message, title, type: 'success' })\r\n  }\r\n\r\n  const error = (message: string, title?: string) => {\r\n    return add({ message, title, type: 'error' })\r\n  }\r\n\r\n  const warning = (message: string, title?: string) => {\r\n    return add({ message, title, type: 'warning' })\r\n  }\r\n\r\n  const info = (message: string, title?: string) => {\r\n    return add({ message, title, type: 'info' })\r\n  }\r\n\r\n  return {\r\n    toasts,\r\n    add,\r\n    remove,\r\n    clear,\r\n    success,\r\n    error,\r\n    warning,\r\n    info,\r\n  }\r\n}\r\n"],"names":["ref","readonly"],"mappings":"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","x_google_ignoreList":[0]}