cisse-vue-ui 0.5.2 → 0.5.3

package/dist/{Skeleton.vue_vue_type_script_setup_true_lang-BcWF7mwz.js → Skeleton.vue_vue_type_script_setup_true_lang-CKegnrbY.js}

@@ -1,4 +1,4 @@
-import { defineComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, normalizeClass, toDisplayString, onMounted, onUnmounted, withModifiers, renderSlot, createTextVNode, createVNode, unref, Fragment, renderList, computed, createBlock, Teleport, TransitionGroup, withCtx, normalizeStyle } from "vue";
+import { defineComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, normalizeClass, toDisplayString, onMounted, onUnmounted, withModifiers, renderSlot, createTextVNode, createVNode, unref, Fragment, renderList, computed, createBlock, Teleport, normalizeStyle, TransitionGroup, withCtx } from "vue";
 import { Icon } from "@iconify/vue";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
 const _hoisted_1$9 = { class: "flex items-center justify-center py-12" };
@@ -543,23 +543,34 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ToastContainer",
   props: {
     toasts: {},
-    position: { default: "top-right" }
+    position: { default: "top-right" },
+    topOffset: {}
   },
   emits: ["close"],
   setup(__props, { emit: __emit }) {
+    const props = __props;
     const emit = __emit;
     const positionClasses = {
-      "top-right": "top-4 right-4",
-      "top-left": "top-4 left-4",
+      "top-right": "right-4",
+      "top-left": "left-4",
       "bottom-right": "bottom-4 right-4",
       "bottom-left": "bottom-4 left-4",
-      "top-center": "top-4 left-1/2 -translate-x-1/2",
+      "top-center": "left-1/2 -translate-x-1/2",
       "bottom-center": "bottom-4 left-1/2 -translate-x-1/2"
     };
+    const isTopPosition = computed(() => {
+      var _a;
+      return (_a = props.position) == null ? void 0 : _a.startsWith("top");
+    });
+    const topStyle = computed(() => {
+      if (!isTopPosition.value) return {};
+      return { top: props.topOffset || "1rem" };
+    });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Teleport, { to: "body" }, [
         createElementVNode("div", {
-          class: normalizeClass(["fixed z-[9999] flex flex-col gap-2 w-full max-w-sm", positionClasses[__props.position]])
+          class: normalizeClass(["fixed z-[9999] flex flex-col gap-2 w-full max-w-sm", positionClasses[__props.position]]),
+          style: normalizeStyle(topStyle.value)
         }, [
           createVNode(TransitionGroup, {
             "enter-active-class": "transition duration-300 ease-out",
@@ -583,7 +594,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           })
-        ], 2)
+        ], 6)
       ]);
     };
   }
@@ -720,4 +731,4 @@ export {
   _sfc_main$2 as h,
   _sfc_main as i
 };
-//# sourceMappingURL=Skeleton.vue_vue_type_script_setup_true_lang-BcWF7mwz.js.map
+//# sourceMappingURL=Skeleton.vue_vue_type_script_setup_true_lang-CKegnrbY.js.map

package/dist/{Skeleton.vue_vue_type_script_setup_true_lang-BcWF7mwz.js.map → Skeleton.vue_vue_type_script_setup_true_lang-CKegnrbY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.vue_vue_type_script_setup_true_lang-BcWF7mwz.js","sources":["../src/components/feedback/LoadingSpinner.vue","../src/components/feedback/Modal.vue","../src/components/feedback/PaginationControls.vue","../src/components/feedback/NotificationComponent.vue","../src/components/feedback/NotificationList.vue","../src/components/feedback/Alert.vue","../src/components/feedback/EmptyState.vue","../src/components/feedback/Toast.vue","../src/components/feedback/ToastContainer.vue","../src/components/feedback/Progress.vue","../src/components/feedback/Skeleton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { SpinnerSize } from '@/types'\n\nconst { text, size = 'md' } = defineProps<{\n  text?: string\n  size?: SpinnerSize\n}>()\n\nconst sizeClasses: Record<SpinnerSize, string> = {\n  sm: 'h-8 w-8',\n  md: 'h-12 w-12',\n  lg: 'h-16 w-16',\n}\n</script>\n\n<template>\n  <div class=\"flex items-center justify-center py-12\">\n    <div class=\"text-center\">\n      <div\n        :class=\"sizeClasses[size]\"\n        class=\"border-primary inline-block animate-spin rounded-full border-4 border-solid border-r-transparent\"\n      />\n      <p\n        v-if=\"text\"\n        class=\"mt-4 text-gray-600 dark:text-gray-400\"\n      >\n        {{ text }}\n      </p>\n    </div>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\nimport { onMounted, onUnmounted } from 'vue'\nimport type { ModalSize } from '@/types'\n\nconst {\n  title = '',\n  size = 'default',\n  closeOnBackdrop = true,\n  closeOnEscape = true,\n  closeButtonLabel = 'Close',\n} = defineProps<{\n  title?: string\n  size?: ModalSize\n  closeOnBackdrop?: boolean\n  closeOnEscape?: boolean\n  closeButtonLabel?: string\n}>()\n\nconst emit = defineEmits<{\n  close: []\n}>()\n\nconst sizeClasses: Record<ModalSize, string> = {\n  sm: 'max-w-md',\n  default: 'max-w-3xl',\n  lg: 'max-w-5xl',\n  xl: 'max-w-7xl',\n  full: 'max-w-full mx-4',\n}\n\nconst handleBackdropClick = () => {\n  if (closeOnBackdrop) {\n    emit('close')\n  }\n}\n\nconst handleEscape = (e: KeyboardEvent) => {\n  if (e.key === 'Escape' && closeOnEscape) {\n    emit('close')\n  }\n}\n\nonMounted(() => {\n  document.addEventListener('keydown', handleEscape)\n  document.body.style.overflow = 'hidden'\n})\n\nonUnmounted(() => {\n  document.removeEventListener('keydown', handleEscape)\n  document.body.style.overflow = ''\n})\n</script>\n\n<template>\n  <div\n    class=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4\"\n    @click.self=\"handleBackdropClick\"\n  >\n    <div\n      :class=\"sizeClasses[size]\"\n      class=\"flex max-h-[90vh] w-full flex-col rounded-lg bg-white shadow-xl dark:bg-gray-900\"\n    >\n      <!-- Header -->\n      <div\n        v-if=\"title || $slots.header || $slots.title\"\n        class=\"flex items-center justify-between border-b border-gray-200 px-6 py-4 dark:border-gray-700\"\n      >\n        <h3 class=\"text-xl font-semibold text-gray-900 dark:text-gray-100\">\n          <slot name=\"header\">\n            <slot name=\"title\">\n              {{ title }}\n            </slot>\n          </slot>\n        </h3>\n        <button\n          class=\"rounded-lg p-1.5 text-gray-400 hover:bg-gray-100 hover:text-gray-900 dark:hover:bg-gray-800 dark:hover:text-gray-100\"\n          type=\"button\"\n          @click=\"emit('close')\"\n        >\n          <Icon\n            class=\"h-5 w-5\"\n            icon=\"lucide:x\"\n          />\n          <span class=\"sr-only\">{{ closeButtonLabel }}</span>\n        </button>\n      </div>\n\n      <!-- Body -->\n      <div class=\"flex-1 overflow-y-auto px-6 py-4\">\n        <slot />\n      </div>\n\n      <!-- Footer -->\n      <div\n        v-if=\"$slots.footer\"\n        class=\"flex items-center justify-end gap-3 border-t border-gray-200 px-6 py-4 dark:border-gray-700\"\n      >\n        <slot name=\"footer\" />\n      </div>\n    </div>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\n\nconst {\n  currentPage,\n  totalPages,\n  loading = false,\n  pageSize = 10,\n  pageSizeOptions = [10, 20, 50, 100],\n  showPageSize = true,\n  pageLabel = 'Page',\n  ofLabel = 'of',\n  itemsPerPageLabel = 'Items per page:',\n  previousLabel = 'Previous',\n  nextLabel = 'Next',\n} = defineProps<{\n  currentPage: number\n  totalPages: number\n  loading?: boolean\n  pageSize?: number\n  pageSizeOptions?: number[]\n  showPageSize?: boolean\n  pageLabel?: string\n  ofLabel?: string\n  itemsPerPageLabel?: string\n  previousLabel?: string\n  nextLabel?: string\n}>()\n\nconst emit = defineEmits<{\n  'update:page': [page: number]\n  'update:pageSize': [size: number]\n}>()\n\nconst changePage = (page: number) => {\n  if (page >= 1 && page <= totalPages && !loading) {\n    emit('update:page', page)\n  }\n}\n\nconst changePageSize = (event: Event) => {\n  const target = event.target as HTMLSelectElement\n  emit('update:pageSize', Number(target.value))\n}\n</script>\n\n<template>\n  <div\n    v-if=\"totalPages > 1\"\n    class=\"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 border-t border-gray-200 px-4 sm:px-6 py-4 dark:border-gray-700\"\n  >\n    <!-- Info and page size -->\n    <div class=\"flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-4\">\n      <div class=\"text-sm text-gray-700 dark:text-gray-300 text-center sm:text-left\">\n        {{ pageLabel }} {{ currentPage }} {{ ofLabel }} {{ totalPages }}\n      </div>\n      <div\n        v-if=\"showPageSize\"\n        class=\"flex items-center justify-center sm:justify-start gap-2\"\n      >\n        <label\n          class=\"text-sm text-gray-600 dark:text-gray-400 hidden sm:inline\"\n          for=\"page-size\"\n        >\n          {{ itemsPerPageLabel }}\n        </label>\n        <select\n          id=\"page-size\"\n          :value=\"pageSize\"\n          class=\"focus:border-primary focus:ring-primary rounded border border-gray-300 bg-white px-2 py-1 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100\"\n          @change=\"changePageSize\"\n        >\n          <option\n            v-for=\"size in pageSizeOptions\"\n            :key=\"size\"\n            :value=\"size\"\n          >\n            {{ size }}\n          </option>\n        </select>\n      </div>\n    </div>\n\n    <!-- Navigation buttons -->\n    <div class=\"flex justify-center sm:justify-end gap-2\">\n      <button\n        :disabled=\"currentPage === 1 || loading\"\n        class=\"focus:ring-primary inline-flex items-center gap-1 rounded-lg border border-gray-300 bg-white px-3 sm:px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700\"\n        @click=\"changePage(currentPage - 1)\"\n      >\n        <Icon\n          class=\"h-4 w-4\"\n          icon=\"lucide:chevron-left\"\n        />\n        <span class=\"hidden sm:inline\">{{ previousLabel }}</span>\n      </button>\n      <button\n        :disabled=\"currentPage === totalPages || loading\"\n        class=\"focus:ring-primary inline-flex items-center gap-1 rounded-lg border border-gray-300 bg-white px-3 sm:px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700\"\n        @click=\"changePage(currentPage + 1)\"\n      >\n        <span class=\"hidden sm:inline\">{{ nextLabel }}</span>\n        <Icon\n          class=\"h-4 w-4\"\n          icon=\"lucide:chevron-right\"\n        />\n      </button>\n    </div>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport type { Notification } from '@/types'\nimport { computed, onMounted } from 'vue'\nimport { Icon } from '@iconify/vue'\n\nconst props = defineProps<{\n  notification: Notification\n  autoDismiss?: boolean\n  duration?: number\n}>()\n\nconst emit = defineEmits<{\n  dismiss: [id: string]\n}>()\n\nconst iconName = computed(() => {\n  switch (props.notification.type) {\n    case 'success':\n      return 'lucide:check-circle'\n    case 'info':\n      return 'lucide:info'\n    case 'warning':\n      return 'lucide:alert-triangle'\n    case 'error':\n      return 'lucide:x-circle'\n    default:\n      return 'lucide:bell'\n  }\n})\n\nconst iconColor = computed(() => {\n  switch (props.notification.type) {\n    case 'success':\n      return 'text-green-600 dark:text-green-400'\n    case 'info':\n      return 'text-blue-600 dark:text-blue-400'\n    case 'warning':\n      return 'text-yellow-600 dark:text-yellow-400'\n    case 'error':\n      return 'text-red-600 dark:text-red-400'\n    default:\n      return 'text-gray-600 dark:text-gray-400'\n  }\n})\n\nconst bgColor = computed(() => {\n  switch (props.notification.type) {\n    case 'success':\n      return 'bg-green-50 dark:bg-green-950'\n    case 'info':\n      return 'bg-blue-50 dark:bg-blue-950'\n    case 'warning':\n      return 'bg-yellow-50 dark:bg-yellow-950'\n    case 'error':\n      return 'bg-red-50 dark:bg-red-950'\n    default:\n      return 'bg-gray-50 dark:bg-gray-950'\n  }\n})\n\nconst handleDismiss = () => {\n  if (props.notification.id) {\n    emit('dismiss', props.notification.id)\n  }\n}\n\nonMounted(() => {\n  const duration = props.notification.duration ?? props.duration ?? 5000\n  if (props.autoDismiss !== false && duration > 0) {\n    setTimeout(() => {\n      handleDismiss()\n    }, duration)\n  }\n})\n</script>\n\n<template>\n  <div\n    class=\"flex max-w-md items-start space-x-3 rounded-lg border border-gray-200 bg-white p-4 shadow-lg dark:border-gray-800 dark:bg-black\"\n  >\n    <div :class=\"[bgColor, 'flex items-center justify-center rounded-full p-2']\">\n      <Icon\n        :class=\"iconColor\"\n        :icon=\"iconName\"\n        class=\"h-5 w-5\"\n      />\n    </div>\n\n    <div class=\"flex min-w-0 flex-1 flex-col\">\n      <h4\n        v-if=\"notification.title\"\n        class=\"text-sm font-semibold text-gray-900 dark:text-gray-100\"\n      >\n        {{ notification.title }}\n      </h4>\n      <p\n        v-if=\"notification.message\"\n        class=\"mt-1 text-sm text-gray-600 dark:text-gray-400\"\n      >\n        {{ notification.message }}\n      </p>\n    </div>\n\n    <button\n      class=\"shrink-0 text-gray-400 transition-colors hover:text-gray-600 dark:text-gray-600 dark:hover:text-gray-400\"\n      @click=\"handleDismiss\"\n    >\n      <Icon\n        class=\"h-4 w-4\"\n        icon=\"lucide:x\"\n      />\n    </button>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport type { Notification } from '@/types'\nimport NotificationComponent from './NotificationComponent.vue'\n\ndefineProps<{\n  notifications: Notification[]\n  autoDismiss?: boolean\n  duration?: number\n}>()\n\nconst emit = defineEmits<{\n  dismiss: [id: string]\n}>()\n</script>\n\n<template>\n  <div class=\"fixed top-5 right-5 z-50 flex flex-col gap-3\">\n    <NotificationComponent\n      v-for=\"notification in notifications\"\n      :key=\"notification.id\"\n      :notification=\"notification\"\n      :auto-dismiss=\"autoDismiss\"\n      :duration=\"duration\"\n      @dismiss=\"emit('dismiss', $event)\"\n    />\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\n\nexport type AlertVariant = 'info' | 'success' | 'warning' | 'error'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Alert variant */\n    variant?: AlertVariant\n    /** Title text */\n    title?: string\n    /** Show close button */\n    dismissible?: boolean\n    /** Custom icon */\n    icon?: string\n  }>(),\n  {\n    variant: 'info',\n  },\n)\n\nconst emit = defineEmits<{\n  dismiss: []\n}>()\n\nconst variantStyles: Record<AlertVariant, { bg: string; border: string; icon: string; iconColor: string }> = {\n  info: {\n    bg: 'bg-blue-50 dark:bg-blue-900/20',\n    border: 'border-blue-200 dark:border-blue-800',\n    icon: 'lucide:info',\n    iconColor: 'text-blue-500',\n  },\n  success: {\n    bg: 'bg-green-50 dark:bg-green-900/20',\n    border: 'border-green-200 dark:border-green-800',\n    icon: 'lucide:check-circle',\n    iconColor: 'text-green-500',\n  },\n  warning: {\n    bg: 'bg-yellow-50 dark:bg-yellow-900/20',\n    border: 'border-yellow-200 dark:border-yellow-800',\n    icon: 'lucide:alert-triangle',\n    iconColor: 'text-yellow-500',\n  },\n  error: {\n    bg: 'bg-red-50 dark:bg-red-900/20',\n    border: 'border-red-200 dark:border-red-800',\n    icon: 'lucide:alert-circle',\n    iconColor: 'text-red-500',\n  },\n}\n\nconst styles = variantStyles[props.variant]\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'flex gap-3 rounded-lg border p-4',\n      styles.bg,\n      styles.border,\n    ]\"\n    role=\"alert\"\n  >\n    <Icon\n      :icon=\"icon || styles.icon\"\n      :class=\"['size-5 shrink-0', styles.iconColor]\"\n    />\n    <div class=\"flex-1\">\n      <h4\n        v-if=\"title\"\n        class=\"mb-1 font-medium text-gray-900 dark:text-white\"\n      >\n        {{ title }}\n      </h4>\n      <div class=\"text-sm text-gray-700 dark:text-gray-300\">\n        <slot />\n      </div>\n    </div>\n    <button\n      v-if=\"dismissible\"\n      type=\"button\"\n      class=\"shrink-0 rounded p-1 text-gray-400 hover:bg-gray-200 hover:text-gray-600 dark:hover:bg-gray-700 dark:hover:text-gray-300\"\n      @click=\"emit('dismiss')\"\n    >\n      <Icon\n        icon=\"lucide:x\"\n        class=\"size-4\"\n      />\n    </button>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\n\nwithDefaults(\n  defineProps<{\n    /** Message to display */\n    message?: string\n    /** Icon name (iconify format) */\n    icon?: string\n    /** Title text */\n    title?: string\n  }>(),\n  {\n    message: 'No results found',\n    icon: 'lucide:inbox',\n  },\n)\n</script>\n\n<template>\n  <div class=\"py-12 text-center\">\n    <Icon\n      v-if=\"icon\"\n      :icon=\"icon\"\n      class=\"mx-auto mb-4 size-12 text-gray-400 dark:text-gray-500\"\n    />\n    <h3\n      v-if=\"title\"\n      class=\"mb-2 text-lg font-medium text-gray-900 dark:text-white\"\n    >\n      {{ title }}\n    </h3>\n    <p class=\"text-gray-500 dark:text-gray-400\">\n      <slot>{{ message }}</slot>\n    </p>\n    <div\n      v-if=\"$slots.action\"\n      class=\"mt-4\"\n    >\n      <slot name=\"action\" />\n    </div>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\n\nexport type ToastType = 'success' | 'error' | 'warning' | 'info'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Toast message */\n    message: string\n    /** Toast type */\n    type?: ToastType\n    /** Title (optional) */\n    title?: string\n    /** Show close button */\n    closable?: boolean\n    /** Duration in ms (0 = no auto-close) */\n    duration?: number\n  }>(),\n  {\n    type: 'info',\n    closable: true,\n    duration: 5000,\n  },\n)\n\nconst emit = defineEmits<{\n  close: []\n}>()\n\nconst typeConfig: Record<ToastType, { icon: string; bg: string; iconColor: string }> = {\n  success: {\n    icon: 'lucide:check-circle',\n    bg: 'bg-green-50 border-green-200 dark:bg-green-900/20 dark:border-green-800',\n    iconColor: 'text-green-500',\n  },\n  error: {\n    icon: 'lucide:x-circle',\n    bg: 'bg-red-50 border-red-200 dark:bg-red-900/20 dark:border-red-800',\n    iconColor: 'text-red-500',\n  },\n  warning: {\n    icon: 'lucide:alert-triangle',\n    bg: 'bg-yellow-50 border-yellow-200 dark:bg-yellow-900/20 dark:border-yellow-800',\n    iconColor: 'text-yellow-500',\n  },\n  info: {\n    icon: 'lucide:info',\n    bg: 'bg-blue-50 border-blue-200 dark:bg-blue-900/20 dark:border-blue-800',\n    iconColor: 'text-blue-500',\n  },\n}\n\nconst config = typeConfig[props.type]\n\n// Auto-close\nif (props.duration > 0) {\n  setTimeout(() => {\n    emit('close')\n  }, props.duration)\n}\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'flex items-start gap-3 rounded-lg border p-4 shadow-lg',\n      config.bg,\n    ]\"\n    role=\"alert\"\n  >\n    <Icon\n      :icon=\"config.icon\"\n      :class=\"['size-5 shrink-0', config.iconColor]\"\n    />\n    <div class=\"flex-1 min-w-0\">\n      <p\n        v-if=\"title\"\n        class=\"font-medium text-gray-900 dark:text-white\"\n      >\n        {{ title }}\n      </p>\n      <p class=\"text-sm text-gray-700 dark:text-gray-300\">\n        {{ message }}\n      </p>\n    </div>\n    <button\n      v-if=\"closable\"\n      type=\"button\"\n      class=\"shrink-0 rounded p-1 text-gray-400 hover:bg-gray-200 hover:text-gray-600 dark:hover:bg-gray-700 dark:hover:text-gray-300\"\n      @click=\"emit('close')\"\n    >\n      <Icon\n        icon=\"lucide:x\"\n        class=\"size-4\"\n      />\n    </button>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport Toast from './Toast.vue'\nimport type { ToastType } from './Toast.vue'\n\nexport interface ToastItem {\n  id: string\n  message: string\n  type?: ToastType\n  title?: string\n  duration?: number\n}\n\nwithDefaults(\n  defineProps<{\n    /** Array of toast items */\n    toasts: ToastItem[]\n    /** Position of the container */\n    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center'\n  }>(),\n  {\n    position: 'top-right',\n  },\n)\n\nconst emit = defineEmits<{\n  close: [id: string]\n}>()\n\nconst positionClasses: Record<string, string> = {\n  'top-right': 'top-4 right-4',\n  'top-left': 'top-4 left-4',\n  'bottom-right': 'bottom-4 right-4',\n  'bottom-left': 'bottom-4 left-4',\n  'top-center': 'top-4 left-1/2 -translate-x-1/2',\n  'bottom-center': 'bottom-4 left-1/2 -translate-x-1/2',\n}\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div :class=\"['fixed z-[9999] flex flex-col gap-2 w-full max-w-sm', positionClasses[position]]\">\n      <TransitionGroup\n        enter-active-class=\"transition duration-300 ease-out\"\n        enter-from-class=\"opacity-0 translate-x-4\"\n        enter-to-class=\"opacity-100 translate-x-0\"\n        leave-active-class=\"transition duration-200 ease-in\"\n        leave-from-class=\"opacity-100 translate-x-0\"\n        leave-to-class=\"opacity-0 translate-x-4\"\n      >\n        <Toast\n          v-for=\"toast in toasts\"\n          :key=\"toast.id\"\n          :message=\"toast.message\"\n          :type=\"toast.type\"\n          :title=\"toast.title\"\n          :duration=\"toast.duration\"\n          @close=\"emit('close', toast.id)\"\n        />\n      </TransitionGroup>\n    </div>\n  </Teleport>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed } from 'vue'\n\nexport type ProgressSize = 'sm' | 'md' | 'lg'\nexport type ProgressVariant = 'default' | 'success' | 'warning' | 'error'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Current value (0-100) */\n    value: number\n    /** Maximum value */\n    max?: number\n    /** Size variant */\n    size?: ProgressSize\n    /** Color variant */\n    variant?: ProgressVariant\n    /** Show percentage label */\n    showLabel?: boolean\n    /** Striped animation */\n    striped?: boolean\n    /** Animated stripes */\n    animated?: boolean\n    /** Indeterminate state (loading) */\n    indeterminate?: boolean\n  }>(),\n  {\n    max: 100,\n    size: 'md',\n    variant: 'default',\n    showLabel: false,\n    striped: false,\n    animated: false,\n    indeterminate: false,\n  },\n)\n\nconst percentage = computed(() => {\n  if (props.indeterminate) return 100\n  return Math.min(Math.max((props.value / props.max) * 100, 0), 100)\n})\n\nconst sizeClasses: Record<ProgressSize, string> = {\n  sm: 'h-1',\n  md: 'h-2',\n  lg: 'h-4',\n}\n\nconst variantClasses: Record<ProgressVariant, string> = {\n  default: 'bg-primary',\n  success: 'bg-green-500',\n  warning: 'bg-yellow-500',\n  error: 'bg-red-500',\n}\n</script>\n\n<template>\n  <div class=\"w-full\">\n    <div\n      v-if=\"showLabel && !indeterminate\"\n      class=\"mb-1 flex justify-between text-sm\"\n    >\n      <span class=\"text-gray-600 dark:text-gray-400\">Progress</span>\n      <span class=\"font-medium text-gray-900 dark:text-white\">{{ Math.round(percentage) }}%</span>\n    </div>\n    <div\n      :class=\"[\n        'w-full overflow-hidden rounded-full bg-gray-200 dark:bg-gray-700',\n        sizeClasses[size],\n      ]\"\n      role=\"progressbar\"\n      :aria-valuenow=\"indeterminate ? undefined : value\"\n      :aria-valuemin=\"0\"\n      :aria-valuemax=\"max\"\n    >\n      <div\n        :class=\"[\n          'h-full rounded-full transition-all duration-300',\n          variantClasses[variant],\n          striped && 'bg-stripes',\n          animated && 'animate-stripes',\n          indeterminate && 'animate-indeterminate',\n        ]\"\n        :style=\"{ width: indeterminate ? '30%' : `${percentage}%` }\"\n      />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.bg-stripes {\n  background-image: linear-gradient(\n    45deg,\n    rgba(255, 255, 255, 0.15) 25%,\n    transparent 25%,\n    transparent 50%,\n    rgba(255, 255, 255, 0.15) 50%,\n    rgba(255, 255, 255, 0.15) 75%,\n    transparent 75%,\n    transparent\n  );\n  background-size: 1rem 1rem;\n}\n\n.animate-stripes {\n  animation: stripes 1s linear infinite;\n}\n\n@keyframes stripes {\n  from {\n    background-position: 1rem 0;\n  }\n  to {\n    background-position: 0 0;\n  }\n}\n\n.animate-indeterminate {\n  animation: indeterminate 1.5s ease-in-out infinite;\n}\n\n@keyframes indeterminate {\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(400%);\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nexport type SkeletonVariant = 'text' | 'circular' | 'rectangular' | 'rounded'\n\nwithDefaults(\n  defineProps<{\n    /** Variant style */\n    variant?: SkeletonVariant\n    /** Width (CSS value) */\n    width?: string\n    /** Height (CSS value) */\n    height?: string\n    /** Number of lines (for text variant) */\n    lines?: number\n    /** Animate the skeleton */\n    animate?: boolean\n  }>(),\n  {\n    variant: 'text',\n    animate: true,\n    lines: 1,\n  },\n)\n\nconst variantClasses: Record<SkeletonVariant, string> = {\n  text: 'h-4 rounded',\n  circular: 'rounded-full',\n  rectangular: '',\n  rounded: 'rounded-lg',\n}\n</script>\n\n<template>\n  <div\n    v-if=\"variant === 'text' && lines > 1\"\n    class=\"space-y-2\"\n  >\n    <div\n      v-for=\"i in lines\"\n      :key=\"i\"\n      :class=\"[\n        'bg-gray-200 dark:bg-gray-700',\n        variantClasses[variant],\n        animate && 'animate-pulse',\n      ]\"\n      :style=\"{\n        width: i === lines ? '75%' : width || '100%',\n        height: height,\n      }\"\n    />\n  </div>\n  <div\n    v-else\n    :class=\"[\n      'bg-gray-200 dark:bg-gray-700',\n      variantClasses[variant],\n      animate && 'animate-pulse',\n    ]\"\n    :style=\"{\n      width: width || (variant === 'circular' ? '3rem' : '100%'),\n      height: height || (variant === 'circular' ? '3rem' : variant === 'text' ? '1rem' : '6rem'),\n    }\"\n  />\n</template>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_normalizeClass","_hoisted_3","_toDisplayString","$slots","_renderSlot","_createVNode","_unref","_hoisted_4","_hoisted_5","_Fragment","_renderList","_createBlock","NotificationComponent","_Teleport","_TransitionGroup","Toast","_normalizeStyle"],"mappings":"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"}
+{"version":3,"file":"Skeleton.vue_vue_type_script_setup_true_lang-CKegnrbY.js","sources":["../src/components/feedback/LoadingSpinner.vue","../src/components/feedback/Modal.vue","../src/components/feedback/PaginationControls.vue","../src/components/feedback/NotificationComponent.vue","../src/components/feedback/NotificationList.vue","../src/components/feedback/Alert.vue","../src/components/feedback/EmptyState.vue","../src/components/feedback/Toast.vue","../src/components/feedback/ToastContainer.vue","../src/components/feedback/Progress.vue","../src/components/feedback/Skeleton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { SpinnerSize } from '@/types'\n\nconst { text, size = 'md' } = defineProps<{\n  text?: string\n  size?: SpinnerSize\n}>()\n\nconst sizeClasses: Record<SpinnerSize, string> = {\n  sm: 'h-8 w-8',\n  md: 'h-12 w-12',\n  lg: 'h-16 w-16',\n}\n</script>\n\n<template>\n  <div class=\"flex items-center justify-center py-12\">\n    <div class=\"text-center\">\n      <div\n        :class=\"sizeClasses[size]\"\n        class=\"border-primary inline-block animate-spin rounded-full border-4 border-solid border-r-transparent\"\n      />\n      <p\n        v-if=\"text\"\n        class=\"mt-4 text-gray-600 dark:text-gray-400\"\n      >\n        {{ text }}\n      </p>\n    </div>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\nimport { onMounted, onUnmounted } from 'vue'\nimport type { ModalSize } from '@/types'\n\nconst {\n  title = '',\n  size = 'default',\n  closeOnBackdrop = true,\n  closeOnEscape = true,\n  closeButtonLabel = 'Close',\n} = defineProps<{\n  title?: string\n  size?: ModalSize\n  closeOnBackdrop?: boolean\n  closeOnEscape?: boolean\n  closeButtonLabel?: string\n}>()\n\nconst emit = defineEmits<{\n  close: []\n}>()\n\nconst sizeClasses: Record<ModalSize, string> = {\n  sm: 'max-w-md',\n  default: 'max-w-3xl',\n  lg: 'max-w-5xl',\n  xl: 'max-w-7xl',\n  full: 'max-w-full mx-4',\n}\n\nconst handleBackdropClick = () => {\n  if (closeOnBackdrop) {\n    emit('close')\n  }\n}\n\nconst handleEscape = (e: KeyboardEvent) => {\n  if (e.key === 'Escape' && closeOnEscape) {\n    emit('close')\n  }\n}\n\nonMounted(() => {\n  document.addEventListener('keydown', handleEscape)\n  document.body.style.overflow = 'hidden'\n})\n\nonUnmounted(() => {\n  document.removeEventListener('keydown', handleEscape)\n  document.body.style.overflow = ''\n})\n</script>\n\n<template>\n  <div\n    class=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4\"\n    @click.self=\"handleBackdropClick\"\n  >\n    <div\n      :class=\"sizeClasses[size]\"\n      class=\"flex max-h-[90vh] w-full flex-col rounded-lg bg-white shadow-xl dark:bg-gray-900\"\n    >\n      <!-- Header -->\n      <div\n        v-if=\"title || $slots.header || $slots.title\"\n        class=\"flex items-center justify-between border-b border-gray-200 px-6 py-4 dark:border-gray-700\"\n      >\n        <h3 class=\"text-xl font-semibold text-gray-900 dark:text-gray-100\">\n          <slot name=\"header\">\n            <slot name=\"title\">\n              {{ title }}\n            </slot>\n          </slot>\n        </h3>\n        <button\n          class=\"rounded-lg p-1.5 text-gray-400 hover:bg-gray-100 hover:text-gray-900 dark:hover:bg-gray-800 dark:hover:text-gray-100\"\n          type=\"button\"\n          @click=\"emit('close')\"\n        >\n          <Icon\n            class=\"h-5 w-5\"\n            icon=\"lucide:x\"\n          />\n          <span class=\"sr-only\">{{ closeButtonLabel }}</span>\n        </button>\n      </div>\n\n      <!-- Body -->\n      <div class=\"flex-1 overflow-y-auto px-6 py-4\">\n        <slot />\n      </div>\n\n      <!-- Footer -->\n      <div\n        v-if=\"$slots.footer\"\n        class=\"flex items-center justify-end gap-3 border-t border-gray-200 px-6 py-4 dark:border-gray-700\"\n      >\n        <slot name=\"footer\" />\n      </div>\n    </div>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\n\nconst {\n  currentPage,\n  totalPages,\n  loading = false,\n  pageSize = 10,\n  pageSizeOptions = [10, 20, 50, 100],\n  showPageSize = true,\n  pageLabel = 'Page',\n  ofLabel = 'of',\n  itemsPerPageLabel = 'Items per page:',\n  previousLabel = 'Previous',\n  nextLabel = 'Next',\n} = defineProps<{\n  currentPage: number\n  totalPages: number\n  loading?: boolean\n  pageSize?: number\n  pageSizeOptions?: number[]\n  showPageSize?: boolean\n  pageLabel?: string\n  ofLabel?: string\n  itemsPerPageLabel?: string\n  previousLabel?: string\n  nextLabel?: string\n}>()\n\nconst emit = defineEmits<{\n  'update:page': [page: number]\n  'update:pageSize': [size: number]\n}>()\n\nconst changePage = (page: number) => {\n  if (page >= 1 && page <= totalPages && !loading) {\n    emit('update:page', page)\n  }\n}\n\nconst changePageSize = (event: Event) => {\n  const target = event.target as HTMLSelectElement\n  emit('update:pageSize', Number(target.value))\n}\n</script>\n\n<template>\n  <div\n    v-if=\"totalPages > 1\"\n    class=\"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 border-t border-gray-200 px-4 sm:px-6 py-4 dark:border-gray-700\"\n  >\n    <!-- Info and page size -->\n    <div class=\"flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-4\">\n      <div class=\"text-sm text-gray-700 dark:text-gray-300 text-center sm:text-left\">\n        {{ pageLabel }} {{ currentPage }} {{ ofLabel }} {{ totalPages }}\n      </div>\n      <div\n        v-if=\"showPageSize\"\n        class=\"flex items-center justify-center sm:justify-start gap-2\"\n      >\n        <label\n          class=\"text-sm text-gray-600 dark:text-gray-400 hidden sm:inline\"\n          for=\"page-size\"\n        >\n          {{ itemsPerPageLabel }}\n        </label>\n        <select\n          id=\"page-size\"\n          :value=\"pageSize\"\n          class=\"focus:border-primary focus:ring-primary rounded border border-gray-300 bg-white px-2 py-1 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100\"\n          @change=\"changePageSize\"\n        >\n          <option\n            v-for=\"size in pageSizeOptions\"\n            :key=\"size\"\n            :value=\"size\"\n          >\n            {{ size }}\n          </option>\n        </select>\n      </div>\n    </div>\n\n    <!-- Navigation buttons -->\n    <div class=\"flex justify-center sm:justify-end gap-2\">\n      <button\n        :disabled=\"currentPage === 1 || loading\"\n        class=\"focus:ring-primary inline-flex items-center gap-1 rounded-lg border border-gray-300 bg-white px-3 sm:px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700\"\n        @click=\"changePage(currentPage - 1)\"\n      >\n        <Icon\n          class=\"h-4 w-4\"\n          icon=\"lucide:chevron-left\"\n        />\n        <span class=\"hidden sm:inline\">{{ previousLabel }}</span>\n      </button>\n      <button\n        :disabled=\"currentPage === totalPages || loading\"\n        class=\"focus:ring-primary inline-flex items-center gap-1 rounded-lg border border-gray-300 bg-white px-3 sm:px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700\"\n        @click=\"changePage(currentPage + 1)\"\n      >\n        <span class=\"hidden sm:inline\">{{ nextLabel }}</span>\n        <Icon\n          class=\"h-4 w-4\"\n          icon=\"lucide:chevron-right\"\n        />\n      </button>\n    </div>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport type { Notification } from '@/types'\nimport { computed, onMounted } from 'vue'\nimport { Icon } from '@iconify/vue'\n\nconst props = defineProps<{\n  notification: Notification\n  autoDismiss?: boolean\n  duration?: number\n}>()\n\nconst emit = defineEmits<{\n  dismiss: [id: string]\n}>()\n\nconst iconName = computed(() => {\n  switch (props.notification.type) {\n    case 'success':\n      return 'lucide:check-circle'\n    case 'info':\n      return 'lucide:info'\n    case 'warning':\n      return 'lucide:alert-triangle'\n    case 'error':\n      return 'lucide:x-circle'\n    default:\n      return 'lucide:bell'\n  }\n})\n\nconst iconColor = computed(() => {\n  switch (props.notification.type) {\n    case 'success':\n      return 'text-green-600 dark:text-green-400'\n    case 'info':\n      return 'text-blue-600 dark:text-blue-400'\n    case 'warning':\n      return 'text-yellow-600 dark:text-yellow-400'\n    case 'error':\n      return 'text-red-600 dark:text-red-400'\n    default:\n      return 'text-gray-600 dark:text-gray-400'\n  }\n})\n\nconst bgColor = computed(() => {\n  switch (props.notification.type) {\n    case 'success':\n      return 'bg-green-50 dark:bg-green-950'\n    case 'info':\n      return 'bg-blue-50 dark:bg-blue-950'\n    case 'warning':\n      return 'bg-yellow-50 dark:bg-yellow-950'\n    case 'error':\n      return 'bg-red-50 dark:bg-red-950'\n    default:\n      return 'bg-gray-50 dark:bg-gray-950'\n  }\n})\n\nconst handleDismiss = () => {\n  if (props.notification.id) {\n    emit('dismiss', props.notification.id)\n  }\n}\n\nonMounted(() => {\n  const duration = props.notification.duration ?? props.duration ?? 5000\n  if (props.autoDismiss !== false && duration > 0) {\n    setTimeout(() => {\n      handleDismiss()\n    }, duration)\n  }\n})\n</script>\n\n<template>\n  <div\n    class=\"flex max-w-md items-start space-x-3 rounded-lg border border-gray-200 bg-white p-4 shadow-lg dark:border-gray-800 dark:bg-black\"\n  >\n    <div :class=\"[bgColor, 'flex items-center justify-center rounded-full p-2']\">\n      <Icon\n        :class=\"iconColor\"\n        :icon=\"iconName\"\n        class=\"h-5 w-5\"\n      />\n    </div>\n\n    <div class=\"flex min-w-0 flex-1 flex-col\">\n      <h4\n        v-if=\"notification.title\"\n        class=\"text-sm font-semibold text-gray-900 dark:text-gray-100\"\n      >\n        {{ notification.title }}\n      </h4>\n      <p\n        v-if=\"notification.message\"\n        class=\"mt-1 text-sm text-gray-600 dark:text-gray-400\"\n      >\n        {{ notification.message }}\n      </p>\n    </div>\n\n    <button\n      class=\"shrink-0 text-gray-400 transition-colors hover:text-gray-600 dark:text-gray-600 dark:hover:text-gray-400\"\n      @click=\"handleDismiss\"\n    >\n      <Icon\n        class=\"h-4 w-4\"\n        icon=\"lucide:x\"\n      />\n    </button>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport type { Notification } from '@/types'\nimport NotificationComponent from './NotificationComponent.vue'\n\ndefineProps<{\n  notifications: Notification[]\n  autoDismiss?: boolean\n  duration?: number\n}>()\n\nconst emit = defineEmits<{\n  dismiss: [id: string]\n}>()\n</script>\n\n<template>\n  <div class=\"fixed top-5 right-5 z-50 flex flex-col gap-3\">\n    <NotificationComponent\n      v-for=\"notification in notifications\"\n      :key=\"notification.id\"\n      :notification=\"notification\"\n      :auto-dismiss=\"autoDismiss\"\n      :duration=\"duration\"\n      @dismiss=\"emit('dismiss', $event)\"\n    />\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\n\nexport type AlertVariant = 'info' | 'success' | 'warning' | 'error'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Alert variant */\n    variant?: AlertVariant\n    /** Title text */\n    title?: string\n    /** Show close button */\n    dismissible?: boolean\n    /** Custom icon */\n    icon?: string\n  }>(),\n  {\n    variant: 'info',\n  },\n)\n\nconst emit = defineEmits<{\n  dismiss: []\n}>()\n\nconst variantStyles: Record<AlertVariant, { bg: string; border: string; icon: string; iconColor: string }> = {\n  info: {\n    bg: 'bg-blue-50 dark:bg-blue-900/20',\n    border: 'border-blue-200 dark:border-blue-800',\n    icon: 'lucide:info',\n    iconColor: 'text-blue-500',\n  },\n  success: {\n    bg: 'bg-green-50 dark:bg-green-900/20',\n    border: 'border-green-200 dark:border-green-800',\n    icon: 'lucide:check-circle',\n    iconColor: 'text-green-500',\n  },\n  warning: {\n    bg: 'bg-yellow-50 dark:bg-yellow-900/20',\n    border: 'border-yellow-200 dark:border-yellow-800',\n    icon: 'lucide:alert-triangle',\n    iconColor: 'text-yellow-500',\n  },\n  error: {\n    bg: 'bg-red-50 dark:bg-red-900/20',\n    border: 'border-red-200 dark:border-red-800',\n    icon: 'lucide:alert-circle',\n    iconColor: 'text-red-500',\n  },\n}\n\nconst styles = variantStyles[props.variant]\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'flex gap-3 rounded-lg border p-4',\n      styles.bg,\n      styles.border,\n    ]\"\n    role=\"alert\"\n  >\n    <Icon\n      :icon=\"icon || styles.icon\"\n      :class=\"['size-5 shrink-0', styles.iconColor]\"\n    />\n    <div class=\"flex-1\">\n      <h4\n        v-if=\"title\"\n        class=\"mb-1 font-medium text-gray-900 dark:text-white\"\n      >\n        {{ title }}\n      </h4>\n      <div class=\"text-sm text-gray-700 dark:text-gray-300\">\n        <slot />\n      </div>\n    </div>\n    <button\n      v-if=\"dismissible\"\n      type=\"button\"\n      class=\"shrink-0 rounded p-1 text-gray-400 hover:bg-gray-200 hover:text-gray-600 dark:hover:bg-gray-700 dark:hover:text-gray-300\"\n      @click=\"emit('dismiss')\"\n    >\n      <Icon\n        icon=\"lucide:x\"\n        class=\"size-4\"\n      />\n    </button>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\n\nwithDefaults(\n  defineProps<{\n    /** Message to display */\n    message?: string\n    /** Icon name (iconify format) */\n    icon?: string\n    /** Title text */\n    title?: string\n  }>(),\n  {\n    message: 'No results found',\n    icon: 'lucide:inbox',\n  },\n)\n</script>\n\n<template>\n  <div class=\"py-12 text-center\">\n    <Icon\n      v-if=\"icon\"\n      :icon=\"icon\"\n      class=\"mx-auto mb-4 size-12 text-gray-400 dark:text-gray-500\"\n    />\n    <h3\n      v-if=\"title\"\n      class=\"mb-2 text-lg font-medium text-gray-900 dark:text-white\"\n    >\n      {{ title }}\n    </h3>\n    <p class=\"text-gray-500 dark:text-gray-400\">\n      <slot>{{ message }}</slot>\n    </p>\n    <div\n      v-if=\"$slots.action\"\n      class=\"mt-4\"\n    >\n      <slot name=\"action\" />\n    </div>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\n\nexport type ToastType = 'success' | 'error' | 'warning' | 'info'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Toast message */\n    message: string\n    /** Toast type */\n    type?: ToastType\n    /** Title (optional) */\n    title?: string\n    /** Show close button */\n    closable?: boolean\n    /** Duration in ms (0 = no auto-close) */\n    duration?: number\n  }>(),\n  {\n    type: 'info',\n    closable: true,\n    duration: 5000,\n  },\n)\n\nconst emit = defineEmits<{\n  close: []\n}>()\n\nconst typeConfig: Record<ToastType, { icon: string; bg: string; iconColor: string }> = {\n  success: {\n    icon: 'lucide:check-circle',\n    bg: 'bg-green-50 border-green-200 dark:bg-green-900/20 dark:border-green-800',\n    iconColor: 'text-green-500',\n  },\n  error: {\n    icon: 'lucide:x-circle',\n    bg: 'bg-red-50 border-red-200 dark:bg-red-900/20 dark:border-red-800',\n    iconColor: 'text-red-500',\n  },\n  warning: {\n    icon: 'lucide:alert-triangle',\n    bg: 'bg-yellow-50 border-yellow-200 dark:bg-yellow-900/20 dark:border-yellow-800',\n    iconColor: 'text-yellow-500',\n  },\n  info: {\n    icon: 'lucide:info',\n    bg: 'bg-blue-50 border-blue-200 dark:bg-blue-900/20 dark:border-blue-800',\n    iconColor: 'text-blue-500',\n  },\n}\n\nconst config = typeConfig[props.type]\n\n// Auto-close\nif (props.duration > 0) {\n  setTimeout(() => {\n    emit('close')\n  }, props.duration)\n}\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'flex items-start gap-3 rounded-lg border p-4 shadow-lg',\n      config.bg,\n    ]\"\n    role=\"alert\"\n  >\n    <Icon\n      :icon=\"config.icon\"\n      :class=\"['size-5 shrink-0', config.iconColor]\"\n    />\n    <div class=\"flex-1 min-w-0\">\n      <p\n        v-if=\"title\"\n        class=\"font-medium text-gray-900 dark:text-white\"\n      >\n        {{ title }}\n      </p>\n      <p class=\"text-sm text-gray-700 dark:text-gray-300\">\n        {{ message }}\n      </p>\n    </div>\n    <button\n      v-if=\"closable\"\n      type=\"button\"\n      class=\"shrink-0 rounded p-1 text-gray-400 hover:bg-gray-200 hover:text-gray-600 dark:hover:bg-gray-700 dark:hover:text-gray-300\"\n      @click=\"emit('close')\"\n    >\n      <Icon\n        icon=\"lucide:x\"\n        class=\"size-4\"\n      />\n    </button>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport Toast from './Toast.vue'\nimport type { ToastType } from './Toast.vue'\n\nexport interface ToastItem {\n  id: string\n  message: string\n  type?: ToastType\n  title?: string\n  duration?: number\n}\n\nconst props = withDefaults(\n  defineProps<{\n    /** Array of toast items */\n    toasts: ToastItem[]\n    /** Position of the container */\n    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center'\n    /** Custom top offset (e.g., '80px', '5rem') to account for fixed headers */\n    topOffset?: string\n  }>(),\n  {\n    position: 'top-right',\n  },\n)\n\nconst emit = defineEmits<{\n  close: [id: string]\n}>()\n\nconst positionClasses: Record<string, string> = {\n  'top-right': 'right-4',\n  'top-left': 'left-4',\n  'bottom-right': 'bottom-4 right-4',\n  'bottom-left': 'bottom-4 left-4',\n  'top-center': 'left-1/2 -translate-x-1/2',\n  'bottom-center': 'bottom-4 left-1/2 -translate-x-1/2',\n}\n\nconst isTopPosition = computed(() => props.position?.startsWith('top'))\n\nconst topStyle = computed(() => {\n  if (!isTopPosition.value) return {}\n  return { top: props.topOffset || '1rem' }\n})\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div :class=\"['fixed z-[9999] flex flex-col gap-2 w-full max-w-sm', positionClasses[position]]\" :style=\"topStyle\">\n      <TransitionGroup\n        enter-active-class=\"transition duration-300 ease-out\"\n        enter-from-class=\"opacity-0 translate-x-4\"\n        enter-to-class=\"opacity-100 translate-x-0\"\n        leave-active-class=\"transition duration-200 ease-in\"\n        leave-from-class=\"opacity-100 translate-x-0\"\n        leave-to-class=\"opacity-0 translate-x-4\"\n      >\n        <Toast\n          v-for=\"toast in toasts\"\n          :key=\"toast.id\"\n          :message=\"toast.message\"\n          :type=\"toast.type\"\n          :title=\"toast.title\"\n          :duration=\"toast.duration\"\n          @close=\"emit('close', toast.id)\"\n        />\n      </TransitionGroup>\n    </div>\n  </Teleport>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed } from 'vue'\n\nexport type ProgressSize = 'sm' | 'md' | 'lg'\nexport type ProgressVariant = 'default' | 'success' | 'warning' | 'error'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Current value (0-100) */\n    value: number\n    /** Maximum value */\n    max?: number\n    /** Size variant */\n    size?: ProgressSize\n    /** Color variant */\n    variant?: ProgressVariant\n    /** Show percentage label */\n    showLabel?: boolean\n    /** Striped animation */\n    striped?: boolean\n    /** Animated stripes */\n    animated?: boolean\n    /** Indeterminate state (loading) */\n    indeterminate?: boolean\n  }>(),\n  {\n    max: 100,\n    size: 'md',\n    variant: 'default',\n    showLabel: false,\n    striped: false,\n    animated: false,\n    indeterminate: false,\n  },\n)\n\nconst percentage = computed(() => {\n  if (props.indeterminate) return 100\n  return Math.min(Math.max((props.value / props.max) * 100, 0), 100)\n})\n\nconst sizeClasses: Record<ProgressSize, string> = {\n  sm: 'h-1',\n  md: 'h-2',\n  lg: 'h-4',\n}\n\nconst variantClasses: Record<ProgressVariant, string> = {\n  default: 'bg-primary',\n  success: 'bg-green-500',\n  warning: 'bg-yellow-500',\n  error: 'bg-red-500',\n}\n</script>\n\n<template>\n  <div class=\"w-full\">\n    <div\n      v-if=\"showLabel && !indeterminate\"\n      class=\"mb-1 flex justify-between text-sm\"\n    >\n      <span class=\"text-gray-600 dark:text-gray-400\">Progress</span>\n      <span class=\"font-medium text-gray-900 dark:text-white\">{{ Math.round(percentage) }}%</span>\n    </div>\n    <div\n      :class=\"[\n        'w-full overflow-hidden rounded-full bg-gray-200 dark:bg-gray-700',\n        sizeClasses[size],\n      ]\"\n      role=\"progressbar\"\n      :aria-valuenow=\"indeterminate ? undefined : value\"\n      :aria-valuemin=\"0\"\n      :aria-valuemax=\"max\"\n    >\n      <div\n        :class=\"[\n          'h-full rounded-full transition-all duration-300',\n          variantClasses[variant],\n          striped && 'bg-stripes',\n          animated && 'animate-stripes',\n          indeterminate && 'animate-indeterminate',\n        ]\"\n        :style=\"{ width: indeterminate ? '30%' : `${percentage}%` }\"\n      />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.bg-stripes {\n  background-image: linear-gradient(\n    45deg,\n    rgba(255, 255, 255, 0.15) 25%,\n    transparent 25%,\n    transparent 50%,\n    rgba(255, 255, 255, 0.15) 50%,\n    rgba(255, 255, 255, 0.15) 75%,\n    transparent 75%,\n    transparent\n  );\n  background-size: 1rem 1rem;\n}\n\n.animate-stripes {\n  animation: stripes 1s linear infinite;\n}\n\n@keyframes stripes {\n  from {\n    background-position: 1rem 0;\n  }\n  to {\n    background-position: 0 0;\n  }\n}\n\n.animate-indeterminate {\n  animation: indeterminate 1.5s ease-in-out infinite;\n}\n\n@keyframes indeterminate {\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(400%);\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nexport type SkeletonVariant = 'text' | 'circular' | 'rectangular' | 'rounded'\n\nwithDefaults(\n  defineProps<{\n    /** Variant style */\n    variant?: SkeletonVariant\n    /** Width (CSS value) */\n    width?: string\n    /** Height (CSS value) */\n    height?: string\n    /** Number of lines (for text variant) */\n    lines?: number\n    /** Animate the skeleton */\n    animate?: boolean\n  }>(),\n  {\n    variant: 'text',\n    animate: true,\n    lines: 1,\n  },\n)\n\nconst variantClasses: Record<SkeletonVariant, string> = {\n  text: 'h-4 rounded',\n  circular: 'rounded-full',\n  rectangular: '',\n  rounded: 'rounded-lg',\n}\n</script>\n\n<template>\n  <div\n    v-if=\"variant === 'text' && lines > 1\"\n    class=\"space-y-2\"\n  >\n    <div\n      v-for=\"i in lines\"\n      :key=\"i\"\n      :class=\"[\n        'bg-gray-200 dark:bg-gray-700',\n        variantClasses[variant],\n        animate && 'animate-pulse',\n      ]\"\n      :style=\"{\n        width: i === lines ? '75%' : width || '100%',\n        height: height,\n      }\"\n    />\n  </div>\n  <div\n    v-else\n    :class=\"[\n      'bg-gray-200 dark:bg-gray-700',\n      variantClasses[variant],\n      animate && 'animate-pulse',\n    ]\"\n    :style=\"{\n      width: width || (variant === 'circular' ? '3rem' : '100%'),\n      height: height || (variant === 'circular' ? '3rem' : variant === 'text' ? '1rem' : '6rem'),\n    }\"\n  />\n</template>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_normalizeClass","_hoisted_3","_toDisplayString","$slots","_renderSlot","_createVNode","_unref","_hoisted_4","_hoisted_5","_Fragment","_renderList","_createBlock","NotificationComponent","_Teleport","_TransitionGroup","Toast","_normalizeStyle"],"mappings":";;;;;;;;;;;;;;;;AAQA,UAAM,cAA2C;AAAA,MAC/C,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;;AAKJ,aAAAA,UAAA,GAAAC,mBAaM,OAbNC,cAaM;AAAA,QAZJC,mBAWM,OAXNC,cAWM;AAAA,UAVJD,mBAGE,OAAA;AAAA,YAFC,OAAKE,eAAA,CAAE,YAAY,QAAA,IAAI,GAClB,kGAAkG,CAAA;AAAA,UAAA;UAGlG,QAAA,qBADRJ,mBAKI,KALJK,cAKIC,gBADC,QAAA,IAAI,GAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACPf,UAAM,OAAO;AAIb,UAAM,cAAyC;AAAA,MAC7C,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,MAAM;AAAA,IAAA;AAGR,UAAM,sBAAsB,MAAM;AAChC,UAAI,QAAA,iBAAiB;AACnB,aAAK,OAAO;AAAA,MACd;AAAA,IACF;AAEA,UAAM,eAAe,CAAC,MAAqB;AACzC,UAAI,EAAE,QAAQ,YAAY,QAAA,eAAe;AACvC,aAAK,OAAO;AAAA,MACd;AAAA,IACF;AAEA,cAAU,MAAM;AACd,eAAS,iBAAiB,WAAW,YAAY;AACjD,eAAS,KAAK,MAAM,WAAW;AAAA,IACjC,CAAC;AAED,gBAAY,MAAM;AAChB,eAAS,oBAAoB,WAAW,YAAY;AACpD,eAAS,KAAK,MAAM,WAAW;AAAA,IACjC,CAAC;;0BAICN,mBA8CM,OAAA;AAAA,QA7CJ,OAAM;AAAA,QACL,uBAAY,qBAAmB,CAAA,MAAA,CAAA;AAAA,MAAA;QAEhCE,mBAyCM,OAAA;AAAA,UAxCH,OAAKE,eAAA,CAAE,YAAY,QAAA,IAAI,GAClB,kFAAkF,CAAA;AAAA,QAAA;UAIhF,QAAA,SAASG,KAAAA,OAAO,UAAUA,KAAAA,OAAO,SADzCR,UAAA,GAAAC,mBAsBM,OAtBNC,cAsBM;AAAA,YAlBJC,mBAMK,MANLC,cAMK;AAAA,cALHK,WAIO,2BAJP,MAIO;AAAA,gBAHLA,WAEO,0BAFP,MAEO;AAAA,kDADF,QAAA,KAAK,GAAA,CAAA;AAAA,gBAAA;;;YAIdN,mBAUS,UAAA;AAAA,cATP,OAAM;AAAA,cACN,MAAK;AAAA,cACJ,+CAAO,KAAI,OAAA;AAAA,YAAA;cAEZO,YAGEC,MAAA,IAAA,GAAA;AAAA,gBAFA,OAAM;AAAA,gBACN,MAAK;AAAA,cAAA;cAEPR,mBAAmD,QAAnDG,cAAmDC,gBAA1B,QAAA,gBAAgB,GAAA,CAAA;AAAA,YAAA;;UAK7CJ,mBAEM,OAFNS,cAEM;AAAA,YADJH,WAAQ,KAAA,QAAA,SAAA;AAAA,UAAA;UAKFD,KAAAA,OAAO,UADfR,aAAAC,mBAKM,OALNY,cAKM;AAAA,YADJJ,WAAsB,KAAA,QAAA,QAAA;AAAA,UAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACrE9B,UAAM,OAAO;AAKb,UAAM,aAAa,CAAC,SAAiB;AACnC,UAAI,QAAQ,KAAK,QAAQ,QAAA,cAAc,CAAC,QAAA,SAAS;AAC/C,aAAK,eAAe,IAAI;AAAA,MAC1B;AAAA,IACF;AAEA,UAAM,iBAAiB,CAAC,UAAiB;AACvC,YAAM,SAAS,MAAM;AACrB,WAAK,mBAAmB,OAAO,OAAO,KAAK,CAAC;AAAA,IAC9C;;aAKU,QAAA,aAAU,KADlBT,aAAAC,mBA6DM,OA7DNC,cA6DM;AAAA,QAxDJC,mBA6BM,OA7BNC,cA6BM;AAAA,UA5BJD,mBAEM,OAFNG,cAEMC,gBADD,QAAA,SAAS,IAAG,MAACA,gBAAG,QAAA,WAAW,IAAG,MAACA,gBAAG,QAAA,OAAO,IAAG,sBAAI,QAAA,UAAU,GAAA,CAAA;AAAA,UAGvD,QAAA,gBADRP,UAAA,GAAAC,mBAwBM,OAxBNW,cAwBM;AAAA,YApBJT,mBAKQ,SALR,YAKQI,gBADH,QAAA,iBAAiB,GAAA,CAAA;AAAA,YAEtBJ,mBAaS,UAAA;AAAA,cAZP,IAAG;AAAA,cACF,OAAO,QAAA;AAAA,cACR,OAAM;AAAA,cACL,UAAQ;AAAA,YAAA;gCAETF,mBAMSa,UAAA,MAAAC,WALQ,QAAA,iBAAe,CAAvB,SAAI;oCADbd,mBAMS,UAAA;AAAA,kBAJN,KAAK;AAAA,kBACL,OAAO;AAAA,gBAAA,mBAEL,IAAI,GAAA,GAAA,UAAA;AAAA;;;;QAOfE,mBAuBM,OAvBN,YAuBM;AAAA,UAtBJA,mBAUS,UAAA;AAAA,YATN,UAAU,QAAA,gBAAW,KAAU,QAAA;AAAA,YAChC,OAAM;AAAA,YACL,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,WAAW,QAAA,cAAW,CAAA;AAAA,UAAA;YAE9BO,YAGEC,MAAA,IAAA,GAAA;AAAA,cAFA,OAAM;AAAA,cACN,MAAK;AAAA,YAAA;YAEPR,mBAAyD,QAAzD,aAAyDI,gBAAvB,QAAA,aAAa,GAAA,CAAA;AAAA,UAAA;UAEjDJ,mBAUS,UAAA;AAAA,YATN,UAAU,QAAA,gBAAgB,QAAA,cAAc,QAAA;AAAA,YACzC,OAAM;AAAA,YACL,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,WAAW,QAAA,cAAW,CAAA;AAAA,UAAA;YAE9BA,mBAAqD,QAArD,aAAqDI,gBAAnB,QAAA,SAAS,GAAA,CAAA;AAAA,YAC3CG,YAGEC,MAAA,IAAA,GAAA;AAAA,cAFA,OAAM;AAAA,cACN,MAAK;AAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;ACnGf,UAAM,QAAQ;AAMd,UAAM,OAAO;AAIb,UAAM,WAAW,SAAS,MAAM;AAC9B,cAAQ,MAAM,aAAa,MAAA;AAAA,QACzB,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MAAA;AAAA,IAEb,CAAC;AAED,UAAM,YAAY,SAAS,MAAM;AAC/B,cAAQ,MAAM,aAAa,MAAA;AAAA,QACzB,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MAAA;AAAA,IAEb,CAAC;AAED,UAAM,UAAU,SAAS,MAAM;AAC7B,cAAQ,MAAM,aAAa,MAAA;AAAA,QACzB,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MAAA;AAAA,IAEb,CAAC;AAED,UAAM,gBAAgB,MAAM;AAC1B,UAAI,MAAM,aAAa,IAAI;AACzB,aAAK,WAAW,MAAM,aAAa,EAAE;AAAA,MACvC;AAAA,IACF;AAEA,cAAU,MAAM;AACd,YAAM,WAAW,MAAM,aAAa,YAAY,MAAM,YAAY;AAClE,UAAI,MAAM,gBAAgB,SAAS,WAAW,GAAG;AAC/C,mBAAW,MAAM;AACf,wBAAA;AAAA,QACF,GAAG,QAAQ;AAAA,MACb;AAAA,IACF,CAAC;;AAIC,aAAAX,UAAA,GAAAC,mBAmCM,OAnCNC,cAmCM;AAAA,QAhCJC,mBAMM,OAAA;AAAA,UANA,uBAAQ,QAAA,OAAO,mDAAA,CAAA;AAAA,QAAA;UACnBO,YAIEC,MAAA,IAAA,GAAA;AAAA,YAHC,OAAKN,eAAA,CAAE,UAAA,OAEF,SAAS,CAAA;AAAA,YADd,MAAM,SAAA;AAAA,UAAA;;QAKXF,mBAaM,OAbNC,cAaM;AAAA,UAXI,QAAA,aAAa,SADrBJ,UAAA,GAAAC,mBAKK,MALLK,cAKKC,gBADA,QAAA,aAAa,KAAK,GAAA,CAAA;UAGf,QAAA,aAAa,WADrBP,UAAA,GAAAC,mBAKI,KALJW,cAKIL,gBADC,QAAA,aAAa,OAAO,GAAA,CAAA;;QAI3BJ,mBAQS,UAAA;AAAA,UAPP,OAAM;AAAA,UACL,SAAO;AAAA,QAAA;UAERO,YAGEC,MAAA,IAAA,GAAA;AAAA,YAFA,OAAM;AAAA,YACN,MAAK;AAAA,UAAA;;;;;;;;;;;;;;;;ACnGb,UAAM,OAAO;;AAMX,aAAAX,UAAA,GAAAC,mBASM,OATNC,cASM;AAAA,0BARJD,mBAOEa,UAAA,MAAAC,WANuB,QAAA,eAAa,CAA7B,iBAAY;8BADrBC,YAOEC,aAAA;AAAA,YALC,KAAK,aAAa;AAAA,YAClB;AAAA,YACA,gBAAc,QAAA;AAAA,YACd,UAAU,QAAA;AAAA,YACV,WAAO,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,KAAI,WAAY,MAAM;AAAA,UAAA;;;;;;;;;;;;;;;;;;;;;;AClBtC,UAAM,QAAQ;AAgBd,UAAM,OAAO;AAIb,UAAM,gBAAuG;AAAA,MAC3G,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,MAEb,SAAS;AAAA,QACP,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,MAEb,SAAS;AAAA,QACP,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,MAEb,OAAO;AAAA,QACL,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,IACb;AAGF,UAAM,SAAS,cAAc,MAAM,OAAO;;0BAIxChB,mBAkCM,OAAA;AAAA,QAjCH,OAAKI,eAAA;AAAA;UAAoDM,MAAA,MAAA,EAAO;AAAA,UAAUA,MAAA,MAAA,EAAO;AAAA,QAAA;QAKlF,MAAK;AAAA,MAAA;QAELD,YAGEC,MAAA,IAAA,GAAA;AAAA,UAFC,MAAM,QAAA,QAAQA,MAAA,MAAA,EAAO;AAAA,UACrB,OAAKN,eAAA,CAAA,mBAAsBM,MAAA,MAAA,EAAO,SAAS,CAAA;AAAA,QAAA;QAE9CR,mBAUM,OAVND,cAUM;AAAA,UARI,QAAA,sBADRD,mBAKK,MALLG,cAKKG,gBADA,QAAA,KAAK,GAAA,CAAA;UAEVJ,mBAEM,OAFNG,cAEM;AAAA,YADJG,WAAQ,KAAA,QAAA,SAAA;AAAA,UAAA;;QAIJ,QAAA,4BADRR,mBAUS,UAAA;AAAA;UARP,MAAK;AAAA,UACL,OAAM;AAAA,UACL,+CAAO,KAAI,SAAA;AAAA,QAAA;UAEZS,YAGEC,MAAA,IAAA,GAAA;AAAA,YAFA,MAAK;AAAA,YACL,OAAM;AAAA,UAAA;;;;;;;;;;;;;;;;;;;;;;;;;ACnEZ,aAAAX,UAAA,GAAAC,mBAqBM,OArBNC,cAqBM;AAAA,QAnBI,QAAA,qBADRc,YAIEL,MAAA,IAAA,GAAA;AAAA;UAFC,MAAM,QAAA;AAAA,UACP,OAAM;AAAA,QAAA;QAGA,QAAA,sBADRV,mBAKK,MALLG,cAKKG,gBADA,QAAA,KAAK,GAAA,CAAA;QAEVJ,mBAEI,KAFJG,cAEI;AAAA,UADFG,WAA0B,4BAA1B,MAA0B;AAAA,4CAAjB,QAAA,OAAO,GAAA,CAAA;AAAA,UAAA;;QAGVD,KAAAA,OAAO,UADfR,aAAAC,mBAKM,OALNW,cAKM;AAAA,UADJH,WAAsB,KAAA,QAAA,QAAA;AAAA,QAAA;;;;;;;;;;;;;;;;;;;;;;AClC5B,UAAM,QAAQ;AAoBd,UAAM,OAAO;AAIb,UAAM,aAAiF;AAAA,MACrF,SAAS;AAAA,QACP,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,WAAW;AAAA,MAAA;AAAA,MAEb,OAAO;AAAA,QACL,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,WAAW;AAAA,MAAA;AAAA,MAEb,SAAS;AAAA,QACP,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,WAAW;AAAA,MAAA;AAAA,MAEb,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,WAAW;AAAA,MAAA;AAAA,IACb;AAGF,UAAM,SAAS,WAAW,MAAM,IAAI;AAGpC,QAAI,MAAM,WAAW,GAAG;AACtB,iBAAW,MAAM;AACf,aAAK,OAAO;AAAA,MACd,GAAG,MAAM,QAAQ;AAAA,IACnB;;0BAIER,mBAiCM,OAAA;AAAA,QAhCH,OAAKI,eAAA;AAAA;UAA0EM,MAAA,MAAA,EAAO;AAAA,QAAA;QAIvF,MAAK;AAAA,MAAA;QAELD,YAGEC,MAAA,IAAA,GAAA;AAAA,UAFC,MAAMA,MAAA,MAAA,EAAO;AAAA,UACb,OAAKN,eAAA,CAAA,mBAAsBM,MAAA,MAAA,EAAO,SAAS,CAAA;AAAA,QAAA;QAE9CR,mBAUM,OAVND,cAUM;AAAA,UARI,QAAA,sBADRD,mBAKI,KALJG,cAKIG,gBADC,QAAA,KAAK,GAAA,CAAA;UAEVJ,mBAEI,KAFJG,cAEIC,gBADC,QAAA,OAAO,GAAA,CAAA;AAAA,QAAA;QAIN,QAAA,yBADRN,mBAUS,UAAA;AAAA;UARP,MAAK;AAAA,UACL,OAAM;AAAA,UACL,+CAAO,KAAI,OAAA;AAAA,QAAA;UAEZS,YAGEC,MAAA,IAAA,GAAA;AAAA,YAFA,MAAK;AAAA,YACL,OAAM;AAAA,UAAA;;;;;;;;;;;;;;;AChFd,UAAM,QAAQ;AAcd,UAAM,OAAO;AAIb,UAAM,kBAA0C;AAAA,MAC9C,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,eAAe;AAAA,MACf,cAAc;AAAA,MACd,iBAAiB;AAAA,IAAA;AAGnB,UAAM,gBAAgB,SAAS,MAAA;;AAAM,yBAAM,aAAN,mBAAgB,WAAW;AAAA,KAAM;AAEtE,UAAM,WAAW,SAAS,MAAM;AAC9B,UAAI,CAAC,cAAc,MAAO,QAAO,CAAA;AACjC,aAAO,EAAE,KAAK,MAAM,aAAa,OAAA;AAAA,IACnC,CAAC;;0BAICK,YAqBWE,UAAA,EArBD,IAAG,UAAM;AAAA,QACjBf,mBAmBM,OAAA;AAAA,UAnBA,OAAKE,eAAA,CAAA,sDAAyD,gBAAgB,QAAA,QAAQ,CAAA,CAAA;AAAA,UAAK,sBAAO,SAAA,KAAQ;AAAA,QAAA;UAC9GK,YAiBkBS,iBAAA;AAAA,YAhBhB,sBAAmB;AAAA,YACnB,oBAAiB;AAAA,YACjB,kBAAe;AAAA,YACf,sBAAmB;AAAA,YACnB,oBAAiB;AAAA,YACjB,kBAAe;AAAA,UAAA;6BAGb,MAAuB;AAAA,gCADzBlB,mBAQEa,UAAA,MAAAC,WAPgB,QAAA,QAAM,CAAf,UAAK;oCADdC,YAQEI,aAAA;AAAA,kBANC,KAAK,MAAM;AAAA,kBACX,SAAS,MAAM;AAAA,kBACf,MAAM,MAAM;AAAA,kBACZ,OAAO,MAAM;AAAA,kBACb,UAAU,MAAM;AAAA,kBAChB,SAAK,CAAA,WAAE,KAAI,SAAU,MAAM,EAAE;AAAA,gBAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC5DxC,UAAM,QAAQ;AA8Bd,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,MAAM,cAAe,QAAO;AAChC,aAAO,KAAK,IAAI,KAAK,IAAK,MAAM,QAAQ,MAAM,MAAO,KAAK,CAAC,GAAG,GAAG;AAAA,IACnE,CAAC;AAED,UAAM,cAA4C;AAAA,MAChD,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAGN,UAAM,iBAAkD;AAAA,MACtD,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,IAAA;;AAKP,aAAApB,UAAA,GAAAC,mBA6BM,OA7BNC,cA6BM;AAAA,QA3BI,QAAA,cAAc,QAAA,iBADtBF,aAAAC,mBAMM,OANN,YAMM;AAAA,UAFJ,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAE,mBAA8D,QAAA,EAAxD,OAAM,mCAAA,GAAmC,YAAQ,EAAA;AAAA,UACvDA,mBAA4F,QAA5F,YAA4FI,gBAAjC,KAAK,MAAM,WAAA,KAAU,CAAA,IAAI,KAAC,CAAA;AAAA,QAAA;QAEvFJ,mBAoBM,OAAA;AAAA,UAnBH,OAAKE,eAAA;AAAA;YAAwF,YAAY,QAAA,IAAI;AAAA,UAAA;UAI9G,MAAK;AAAA,UACJ,iBAAe,QAAA,gBAAgB,SAAY,QAAA;AAAA,UAC3C,iBAAe;AAAA,UACf,iBAAe,QAAA;AAAA,QAAA;UAEhBF,mBASE,OAAA;AAAA,YARC,OAAKE,eAAA;AAAA;cAA2E,eAAe,QAAA,OAAO;AAAA,cAAa,QAAA,WAAO;AAAA,cAA4B,QAAA,YAAQ;AAAA,cAAiC,QAAA,iBAAa;AAAA,YAAA;YAO5M,OAAKgB,eAAA,EAAA,OAAW,QAAA,gBAAa,QAAA,GAAc,WAAA,KAAU,IAAA,CAAA;AAAA,UAAA;;;;;;;;;;;;;;;;;;;;;AC3D9D,UAAM,iBAAkD;AAAA,MACtD,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,MACb,SAAS;AAAA,IAAA;;AAMD,aAAA,QAAA,sBAAsB,QAAA,QAAK,KADnCrB,UAAA,GAAAC,mBAiBM,OAjBN,YAiBM;AAAA,0BAbJA,mBAYEa,UAAA,MAAAC,WAXY,QAAA,OAAK,CAAV,MAAC;8BADVd,mBAYE,OAAA;AAAA,YAVC,KAAK;AAAA,YACL,OAAKI,eAAA;AAAA;cAAoD,eAAe,QAAA,OAAO;AAAA,cAAW,QAAA,WAAO;AAAA,YAAA;YAKjG,OAAKgB,eAAA;AAAA,qBAAmB,MAAM,QAAA,QAAK,QAAW,QAAA,SAAK;AAAA,sBAA4B,QAAA;AAAA,YAAA;;;0BAMpFpB,mBAWE,OAAA;AAAA;QATC,OAAKI,eAAA;AAAA;UAAgD,eAAe,QAAA,OAAO;AAAA,UAAS,QAAA,WAAO;AAAA,QAAA;QAK3F,OAAKgB,eAAA;AAAA,UAAiB,OAAA,QAAA,UAAU,QAAA,YAAO,aAAA,SAAA;AAAA,kBAAkD,QAAA,WAAW,QAAA,YAAO,aAAA,SAA2B,QAAA,YAAO,SAAA,SAAA;AAAA,QAAA;;;;;"}

package/dist/{Skeleton.vue_vue_type_script_setup_true_lang-D-2qAhyG.cjs → Skeleton.vue_vue_type_script_setup_true_lang-DR8HFQ2G.cjs}

@@ -544,23 +544,34 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
   __name: "ToastContainer",
   props: {
     toasts: {},
-    position: { default: "top-right" }
+    position: { default: "top-right" },
+    topOffset: {}
   },
   emits: ["close"],
   setup(__props, { emit: __emit }) {
+    const props = __props;
     const emit = __emit;
     const positionClasses = {
-      "top-right": "top-4 right-4",
-      "top-left": "top-4 left-4",
+      "top-right": "right-4",
+      "top-left": "left-4",
       "bottom-right": "bottom-4 right-4",
       "bottom-left": "bottom-4 left-4",
-      "top-center": "top-4 left-1/2 -translate-x-1/2",
+      "top-center": "left-1/2 -translate-x-1/2",
       "bottom-center": "bottom-4 left-1/2 -translate-x-1/2"
     };
+    const isTopPosition = vue.computed(() => {
+      var _a;
+      return (_a = props.position) == null ? void 0 : _a.startsWith("top");
+    });
+    const topStyle = vue.computed(() => {
+      if (!isTopPosition.value) return {};
+      return { top: props.topOffset || "1rem" };
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.Teleport, { to: "body" }, [
         vue.createElementVNode("div", {
-          class: vue.normalizeClass(["fixed z-[9999] flex flex-col gap-2 w-full max-w-sm", positionClasses[__props.position]])
+          class: vue.normalizeClass(["fixed z-[9999] flex flex-col gap-2 w-full max-w-sm", positionClasses[__props.position]]),
+          style: vue.normalizeStyle(topStyle.value)
         }, [
           vue.createVNode(vue.TransitionGroup, {
             "enter-active-class": "transition duration-300 ease-out",
@@ -584,7 +595,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
             ]),
             _: 1
           })
-        ], 2)
+        ], 6)
       ]);
     };
   }
@@ -719,4 +730,4 @@ exports._sfc_main$6 = _sfc_main$4;
 exports._sfc_main$7 = _sfc_main$3;
 exports._sfc_main$8 = _sfc_main$2;
 exports._sfc_main$9 = _sfc_main;
-//# sourceMappingURL=Skeleton.vue_vue_type_script_setup_true_lang-D-2qAhyG.cjs.map
+//# sourceMappingURL=Skeleton.vue_vue_type_script_setup_true_lang-DR8HFQ2G.cjs.map

package/dist/Skeleton.vue_vue_type_script_setup_true_lang-DR8HFQ2G.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.vue_vue_type_script_setup_true_lang-DR8HFQ2G.cjs","sources":["../src/components/feedback/LoadingSpinner.vue","../src/components/feedback/Modal.vue","../src/components/feedback/PaginationControls.vue","../src/components/feedback/NotificationComponent.vue","../src/components/feedback/NotificationList.vue","../src/components/feedback/Alert.vue","../src/components/feedback/EmptyState.vue","../src/components/feedback/Toast.vue","../src/components/feedback/ToastContainer.vue","../src/components/feedback/Progress.vue","../src/components/feedback/Skeleton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { SpinnerSize } from '@/types'\n\nconst { text, size = 'md' } = defineProps<{\n  text?: string\n  size?: SpinnerSize\n}>()\n\nconst sizeClasses: Record<SpinnerSize, string> = {\n  sm: 'h-8 w-8',\n  md: 'h-12 w-12',\n  lg: 'h-16 w-16',\n}\n</script>\n\n<template>\n  <div class=\"flex items-center justify-center py-12\">\n    <div class=\"text-center\">\n      <div\n        :class=\"sizeClasses[size]\"\n        class=\"border-primary inline-block animate-spin rounded-full border-4 border-solid border-r-transparent\"\n      />\n      <p\n        v-if=\"text\"\n        class=\"mt-4 text-gray-600 dark:text-gray-400\"\n      >\n        {{ text }}\n      </p>\n    </div>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\nimport { onMounted, onUnmounted } from 'vue'\nimport type { ModalSize } from '@/types'\n\nconst {\n  title = '',\n  size = 'default',\n  closeOnBackdrop = true,\n  closeOnEscape = true,\n  closeButtonLabel = 'Close',\n} = defineProps<{\n  title?: string\n  size?: ModalSize\n  closeOnBackdrop?: boolean\n  closeOnEscape?: boolean\n  closeButtonLabel?: string\n}>()\n\nconst emit = defineEmits<{\n  close: []\n}>()\n\nconst sizeClasses: Record<ModalSize, string> = {\n  sm: 'max-w-md',\n  default: 'max-w-3xl',\n  lg: 'max-w-5xl',\n  xl: 'max-w-7xl',\n  full: 'max-w-full mx-4',\n}\n\nconst handleBackdropClick = () => {\n  if (closeOnBackdrop) {\n    emit('close')\n  }\n}\n\nconst handleEscape = (e: KeyboardEvent) => {\n  if (e.key === 'Escape' && closeOnEscape) {\n    emit('close')\n  }\n}\n\nonMounted(() => {\n  document.addEventListener('keydown', handleEscape)\n  document.body.style.overflow = 'hidden'\n})\n\nonUnmounted(() => {\n  document.removeEventListener('keydown', handleEscape)\n  document.body.style.overflow = ''\n})\n</script>\n\n<template>\n  <div\n    class=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4\"\n    @click.self=\"handleBackdropClick\"\n  >\n    <div\n      :class=\"sizeClasses[size]\"\n      class=\"flex max-h-[90vh] w-full flex-col rounded-lg bg-white shadow-xl dark:bg-gray-900\"\n    >\n      <!-- Header -->\n      <div\n        v-if=\"title || $slots.header || $slots.title\"\n        class=\"flex items-center justify-between border-b border-gray-200 px-6 py-4 dark:border-gray-700\"\n      >\n        <h3 class=\"text-xl font-semibold text-gray-900 dark:text-gray-100\">\n          <slot name=\"header\">\n            <slot name=\"title\">\n              {{ title }}\n            </slot>\n          </slot>\n        </h3>\n        <button\n          class=\"rounded-lg p-1.5 text-gray-400 hover:bg-gray-100 hover:text-gray-900 dark:hover:bg-gray-800 dark:hover:text-gray-100\"\n          type=\"button\"\n          @click=\"emit('close')\"\n        >\n          <Icon\n            class=\"h-5 w-5\"\n            icon=\"lucide:x\"\n          />\n          <span class=\"sr-only\">{{ closeButtonLabel }}</span>\n        </button>\n      </div>\n\n      <!-- Body -->\n      <div class=\"flex-1 overflow-y-auto px-6 py-4\">\n        <slot />\n      </div>\n\n      <!-- Footer -->\n      <div\n        v-if=\"$slots.footer\"\n        class=\"flex items-center justify-end gap-3 border-t border-gray-200 px-6 py-4 dark:border-gray-700\"\n      >\n        <slot name=\"footer\" />\n      </div>\n    </div>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\n\nconst {\n  currentPage,\n  totalPages,\n  loading = false,\n  pageSize = 10,\n  pageSizeOptions = [10, 20, 50, 100],\n  showPageSize = true,\n  pageLabel = 'Page',\n  ofLabel = 'of',\n  itemsPerPageLabel = 'Items per page:',\n  previousLabel = 'Previous',\n  nextLabel = 'Next',\n} = defineProps<{\n  currentPage: number\n  totalPages: number\n  loading?: boolean\n  pageSize?: number\n  pageSizeOptions?: number[]\n  showPageSize?: boolean\n  pageLabel?: string\n  ofLabel?: string\n  itemsPerPageLabel?: string\n  previousLabel?: string\n  nextLabel?: string\n}>()\n\nconst emit = defineEmits<{\n  'update:page': [page: number]\n  'update:pageSize': [size: number]\n}>()\n\nconst changePage = (page: number) => {\n  if (page >= 1 && page <= totalPages && !loading) {\n    emit('update:page', page)\n  }\n}\n\nconst changePageSize = (event: Event) => {\n  const target = event.target as HTMLSelectElement\n  emit('update:pageSize', Number(target.value))\n}\n</script>\n\n<template>\n  <div\n    v-if=\"totalPages > 1\"\n    class=\"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 border-t border-gray-200 px-4 sm:px-6 py-4 dark:border-gray-700\"\n  >\n    <!-- Info and page size -->\n    <div class=\"flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-4\">\n      <div class=\"text-sm text-gray-700 dark:text-gray-300 text-center sm:text-left\">\n        {{ pageLabel }} {{ currentPage }} {{ ofLabel }} {{ totalPages }}\n      </div>\n      <div\n        v-if=\"showPageSize\"\n        class=\"flex items-center justify-center sm:justify-start gap-2\"\n      >\n        <label\n          class=\"text-sm text-gray-600 dark:text-gray-400 hidden sm:inline\"\n          for=\"page-size\"\n        >\n          {{ itemsPerPageLabel }}\n        </label>\n        <select\n          id=\"page-size\"\n          :value=\"pageSize\"\n          class=\"focus:border-primary focus:ring-primary rounded border border-gray-300 bg-white px-2 py-1 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100\"\n          @change=\"changePageSize\"\n        >\n          <option\n            v-for=\"size in pageSizeOptions\"\n            :key=\"size\"\n            :value=\"size\"\n          >\n            {{ size }}\n          </option>\n        </select>\n      </div>\n    </div>\n\n    <!-- Navigation buttons -->\n    <div class=\"flex justify-center sm:justify-end gap-2\">\n      <button\n        :disabled=\"currentPage === 1 || loading\"\n        class=\"focus:ring-primary inline-flex items-center gap-1 rounded-lg border border-gray-300 bg-white px-3 sm:px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700\"\n        @click=\"changePage(currentPage - 1)\"\n      >\n        <Icon\n          class=\"h-4 w-4\"\n          icon=\"lucide:chevron-left\"\n        />\n        <span class=\"hidden sm:inline\">{{ previousLabel }}</span>\n      </button>\n      <button\n        :disabled=\"currentPage === totalPages || loading\"\n        class=\"focus:ring-primary inline-flex items-center gap-1 rounded-lg border border-gray-300 bg-white px-3 sm:px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700\"\n        @click=\"changePage(currentPage + 1)\"\n      >\n        <span class=\"hidden sm:inline\">{{ nextLabel }}</span>\n        <Icon\n          class=\"h-4 w-4\"\n          icon=\"lucide:chevron-right\"\n        />\n      </button>\n    </div>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport type { Notification } from '@/types'\nimport { computed, onMounted } from 'vue'\nimport { Icon } from '@iconify/vue'\n\nconst props = defineProps<{\n  notification: Notification\n  autoDismiss?: boolean\n  duration?: number\n}>()\n\nconst emit = defineEmits<{\n  dismiss: [id: string]\n}>()\n\nconst iconName = computed(() => {\n  switch (props.notification.type) {\n    case 'success':\n      return 'lucide:check-circle'\n    case 'info':\n      return 'lucide:info'\n    case 'warning':\n      return 'lucide:alert-triangle'\n    case 'error':\n      return 'lucide:x-circle'\n    default:\n      return 'lucide:bell'\n  }\n})\n\nconst iconColor = computed(() => {\n  switch (props.notification.type) {\n    case 'success':\n      return 'text-green-600 dark:text-green-400'\n    case 'info':\n      return 'text-blue-600 dark:text-blue-400'\n    case 'warning':\n      return 'text-yellow-600 dark:text-yellow-400'\n    case 'error':\n      return 'text-red-600 dark:text-red-400'\n    default:\n      return 'text-gray-600 dark:text-gray-400'\n  }\n})\n\nconst bgColor = computed(() => {\n  switch (props.notification.type) {\n    case 'success':\n      return 'bg-green-50 dark:bg-green-950'\n    case 'info':\n      return 'bg-blue-50 dark:bg-blue-950'\n    case 'warning':\n      return 'bg-yellow-50 dark:bg-yellow-950'\n    case 'error':\n      return 'bg-red-50 dark:bg-red-950'\n    default:\n      return 'bg-gray-50 dark:bg-gray-950'\n  }\n})\n\nconst handleDismiss = () => {\n  if (props.notification.id) {\n    emit('dismiss', props.notification.id)\n  }\n}\n\nonMounted(() => {\n  const duration = props.notification.duration ?? props.duration ?? 5000\n  if (props.autoDismiss !== false && duration > 0) {\n    setTimeout(() => {\n      handleDismiss()\n    }, duration)\n  }\n})\n</script>\n\n<template>\n  <div\n    class=\"flex max-w-md items-start space-x-3 rounded-lg border border-gray-200 bg-white p-4 shadow-lg dark:border-gray-800 dark:bg-black\"\n  >\n    <div :class=\"[bgColor, 'flex items-center justify-center rounded-full p-2']\">\n      <Icon\n        :class=\"iconColor\"\n        :icon=\"iconName\"\n        class=\"h-5 w-5\"\n      />\n    </div>\n\n    <div class=\"flex min-w-0 flex-1 flex-col\">\n      <h4\n        v-if=\"notification.title\"\n        class=\"text-sm font-semibold text-gray-900 dark:text-gray-100\"\n      >\n        {{ notification.title }}\n      </h4>\n      <p\n        v-if=\"notification.message\"\n        class=\"mt-1 text-sm text-gray-600 dark:text-gray-400\"\n      >\n        {{ notification.message }}\n      </p>\n    </div>\n\n    <button\n      class=\"shrink-0 text-gray-400 transition-colors hover:text-gray-600 dark:text-gray-600 dark:hover:text-gray-400\"\n      @click=\"handleDismiss\"\n    >\n      <Icon\n        class=\"h-4 w-4\"\n        icon=\"lucide:x\"\n      />\n    </button>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport type { Notification } from '@/types'\nimport NotificationComponent from './NotificationComponent.vue'\n\ndefineProps<{\n  notifications: Notification[]\n  autoDismiss?: boolean\n  duration?: number\n}>()\n\nconst emit = defineEmits<{\n  dismiss: [id: string]\n}>()\n</script>\n\n<template>\n  <div class=\"fixed top-5 right-5 z-50 flex flex-col gap-3\">\n    <NotificationComponent\n      v-for=\"notification in notifications\"\n      :key=\"notification.id\"\n      :notification=\"notification\"\n      :auto-dismiss=\"autoDismiss\"\n      :duration=\"duration\"\n      @dismiss=\"emit('dismiss', $event)\"\n    />\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\n\nexport type AlertVariant = 'info' | 'success' | 'warning' | 'error'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Alert variant */\n    variant?: AlertVariant\n    /** Title text */\n    title?: string\n    /** Show close button */\n    dismissible?: boolean\n    /** Custom icon */\n    icon?: string\n  }>(),\n  {\n    variant: 'info',\n  },\n)\n\nconst emit = defineEmits<{\n  dismiss: []\n}>()\n\nconst variantStyles: Record<AlertVariant, { bg: string; border: string; icon: string; iconColor: string }> = {\n  info: {\n    bg: 'bg-blue-50 dark:bg-blue-900/20',\n    border: 'border-blue-200 dark:border-blue-800',\n    icon: 'lucide:info',\n    iconColor: 'text-blue-500',\n  },\n  success: {\n    bg: 'bg-green-50 dark:bg-green-900/20',\n    border: 'border-green-200 dark:border-green-800',\n    icon: 'lucide:check-circle',\n    iconColor: 'text-green-500',\n  },\n  warning: {\n    bg: 'bg-yellow-50 dark:bg-yellow-900/20',\n    border: 'border-yellow-200 dark:border-yellow-800',\n    icon: 'lucide:alert-triangle',\n    iconColor: 'text-yellow-500',\n  },\n  error: {\n    bg: 'bg-red-50 dark:bg-red-900/20',\n    border: 'border-red-200 dark:border-red-800',\n    icon: 'lucide:alert-circle',\n    iconColor: 'text-red-500',\n  },\n}\n\nconst styles = variantStyles[props.variant]\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'flex gap-3 rounded-lg border p-4',\n      styles.bg,\n      styles.border,\n    ]\"\n    role=\"alert\"\n  >\n    <Icon\n      :icon=\"icon || styles.icon\"\n      :class=\"['size-5 shrink-0', styles.iconColor]\"\n    />\n    <div class=\"flex-1\">\n      <h4\n        v-if=\"title\"\n        class=\"mb-1 font-medium text-gray-900 dark:text-white\"\n      >\n        {{ title }}\n      </h4>\n      <div class=\"text-sm text-gray-700 dark:text-gray-300\">\n        <slot />\n      </div>\n    </div>\n    <button\n      v-if=\"dismissible\"\n      type=\"button\"\n      class=\"shrink-0 rounded p-1 text-gray-400 hover:bg-gray-200 hover:text-gray-600 dark:hover:bg-gray-700 dark:hover:text-gray-300\"\n      @click=\"emit('dismiss')\"\n    >\n      <Icon\n        icon=\"lucide:x\"\n        class=\"size-4\"\n      />\n    </button>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\n\nwithDefaults(\n  defineProps<{\n    /** Message to display */\n    message?: string\n    /** Icon name (iconify format) */\n    icon?: string\n    /** Title text */\n    title?: string\n  }>(),\n  {\n    message: 'No results found',\n    icon: 'lucide:inbox',\n  },\n)\n</script>\n\n<template>\n  <div class=\"py-12 text-center\">\n    <Icon\n      v-if=\"icon\"\n      :icon=\"icon\"\n      class=\"mx-auto mb-4 size-12 text-gray-400 dark:text-gray-500\"\n    />\n    <h3\n      v-if=\"title\"\n      class=\"mb-2 text-lg font-medium text-gray-900 dark:text-white\"\n    >\n      {{ title }}\n    </h3>\n    <p class=\"text-gray-500 dark:text-gray-400\">\n      <slot>{{ message }}</slot>\n    </p>\n    <div\n      v-if=\"$slots.action\"\n      class=\"mt-4\"\n    >\n      <slot name=\"action\" />\n    </div>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\n\nexport type ToastType = 'success' | 'error' | 'warning' | 'info'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Toast message */\n    message: string\n    /** Toast type */\n    type?: ToastType\n    /** Title (optional) */\n    title?: string\n    /** Show close button */\n    closable?: boolean\n    /** Duration in ms (0 = no auto-close) */\n    duration?: number\n  }>(),\n  {\n    type: 'info',\n    closable: true,\n    duration: 5000,\n  },\n)\n\nconst emit = defineEmits<{\n  close: []\n}>()\n\nconst typeConfig: Record<ToastType, { icon: string; bg: string; iconColor: string }> = {\n  success: {\n    icon: 'lucide:check-circle',\n    bg: 'bg-green-50 border-green-200 dark:bg-green-900/20 dark:border-green-800',\n    iconColor: 'text-green-500',\n  },\n  error: {\n    icon: 'lucide:x-circle',\n    bg: 'bg-red-50 border-red-200 dark:bg-red-900/20 dark:border-red-800',\n    iconColor: 'text-red-500',\n  },\n  warning: {\n    icon: 'lucide:alert-triangle',\n    bg: 'bg-yellow-50 border-yellow-200 dark:bg-yellow-900/20 dark:border-yellow-800',\n    iconColor: 'text-yellow-500',\n  },\n  info: {\n    icon: 'lucide:info',\n    bg: 'bg-blue-50 border-blue-200 dark:bg-blue-900/20 dark:border-blue-800',\n    iconColor: 'text-blue-500',\n  },\n}\n\nconst config = typeConfig[props.type]\n\n// Auto-close\nif (props.duration > 0) {\n  setTimeout(() => {\n    emit('close')\n  }, props.duration)\n}\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'flex items-start gap-3 rounded-lg border p-4 shadow-lg',\n      config.bg,\n    ]\"\n    role=\"alert\"\n  >\n    <Icon\n      :icon=\"config.icon\"\n      :class=\"['size-5 shrink-0', config.iconColor]\"\n    />\n    <div class=\"flex-1 min-w-0\">\n      <p\n        v-if=\"title\"\n        class=\"font-medium text-gray-900 dark:text-white\"\n      >\n        {{ title }}\n      </p>\n      <p class=\"text-sm text-gray-700 dark:text-gray-300\">\n        {{ message }}\n      </p>\n    </div>\n    <button\n      v-if=\"closable\"\n      type=\"button\"\n      class=\"shrink-0 rounded p-1 text-gray-400 hover:bg-gray-200 hover:text-gray-600 dark:hover:bg-gray-700 dark:hover:text-gray-300\"\n      @click=\"emit('close')\"\n    >\n      <Icon\n        icon=\"lucide:x\"\n        class=\"size-4\"\n      />\n    </button>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport Toast from './Toast.vue'\nimport type { ToastType } from './Toast.vue'\n\nexport interface ToastItem {\n  id: string\n  message: string\n  type?: ToastType\n  title?: string\n  duration?: number\n}\n\nconst props = withDefaults(\n  defineProps<{\n    /** Array of toast items */\n    toasts: ToastItem[]\n    /** Position of the container */\n    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center'\n    /** Custom top offset (e.g., '80px', '5rem') to account for fixed headers */\n    topOffset?: string\n  }>(),\n  {\n    position: 'top-right',\n  },\n)\n\nconst emit = defineEmits<{\n  close: [id: string]\n}>()\n\nconst positionClasses: Record<string, string> = {\n  'top-right': 'right-4',\n  'top-left': 'left-4',\n  'bottom-right': 'bottom-4 right-4',\n  'bottom-left': 'bottom-4 left-4',\n  'top-center': 'left-1/2 -translate-x-1/2',\n  'bottom-center': 'bottom-4 left-1/2 -translate-x-1/2',\n}\n\nconst isTopPosition = computed(() => props.position?.startsWith('top'))\n\nconst topStyle = computed(() => {\n  if (!isTopPosition.value) return {}\n  return { top: props.topOffset || '1rem' }\n})\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div :class=\"['fixed z-[9999] flex flex-col gap-2 w-full max-w-sm', positionClasses[position]]\" :style=\"topStyle\">\n      <TransitionGroup\n        enter-active-class=\"transition duration-300 ease-out\"\n        enter-from-class=\"opacity-0 translate-x-4\"\n        enter-to-class=\"opacity-100 translate-x-0\"\n        leave-active-class=\"transition duration-200 ease-in\"\n        leave-from-class=\"opacity-100 translate-x-0\"\n        leave-to-class=\"opacity-0 translate-x-4\"\n      >\n        <Toast\n          v-for=\"toast in toasts\"\n          :key=\"toast.id\"\n          :message=\"toast.message\"\n          :type=\"toast.type\"\n          :title=\"toast.title\"\n          :duration=\"toast.duration\"\n          @close=\"emit('close', toast.id)\"\n        />\n      </TransitionGroup>\n    </div>\n  </Teleport>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed } from 'vue'\n\nexport type ProgressSize = 'sm' | 'md' | 'lg'\nexport type ProgressVariant = 'default' | 'success' | 'warning' | 'error'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Current value (0-100) */\n    value: number\n    /** Maximum value */\n    max?: number\n    /** Size variant */\n    size?: ProgressSize\n    /** Color variant */\n    variant?: ProgressVariant\n    /** Show percentage label */\n    showLabel?: boolean\n    /** Striped animation */\n    striped?: boolean\n    /** Animated stripes */\n    animated?: boolean\n    /** Indeterminate state (loading) */\n    indeterminate?: boolean\n  }>(),\n  {\n    max: 100,\n    size: 'md',\n    variant: 'default',\n    showLabel: false,\n    striped: false,\n    animated: false,\n    indeterminate: false,\n  },\n)\n\nconst percentage = computed(() => {\n  if (props.indeterminate) return 100\n  return Math.min(Math.max((props.value / props.max) * 100, 0), 100)\n})\n\nconst sizeClasses: Record<ProgressSize, string> = {\n  sm: 'h-1',\n  md: 'h-2',\n  lg: 'h-4',\n}\n\nconst variantClasses: Record<ProgressVariant, string> = {\n  default: 'bg-primary',\n  success: 'bg-green-500',\n  warning: 'bg-yellow-500',\n  error: 'bg-red-500',\n}\n</script>\n\n<template>\n  <div class=\"w-full\">\n    <div\n      v-if=\"showLabel && !indeterminate\"\n      class=\"mb-1 flex justify-between text-sm\"\n    >\n      <span class=\"text-gray-600 dark:text-gray-400\">Progress</span>\n      <span class=\"font-medium text-gray-900 dark:text-white\">{{ Math.round(percentage) }}%</span>\n    </div>\n    <div\n      :class=\"[\n        'w-full overflow-hidden rounded-full bg-gray-200 dark:bg-gray-700',\n        sizeClasses[size],\n      ]\"\n      role=\"progressbar\"\n      :aria-valuenow=\"indeterminate ? undefined : value\"\n      :aria-valuemin=\"0\"\n      :aria-valuemax=\"max\"\n    >\n      <div\n        :class=\"[\n          'h-full rounded-full transition-all duration-300',\n          variantClasses[variant],\n          striped && 'bg-stripes',\n          animated && 'animate-stripes',\n          indeterminate && 'animate-indeterminate',\n        ]\"\n        :style=\"{ width: indeterminate ? '30%' : `${percentage}%` }\"\n      />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.bg-stripes {\n  background-image: linear-gradient(\n    45deg,\n    rgba(255, 255, 255, 0.15) 25%,\n    transparent 25%,\n    transparent 50%,\n    rgba(255, 255, 255, 0.15) 50%,\n    rgba(255, 255, 255, 0.15) 75%,\n    transparent 75%,\n    transparent\n  );\n  background-size: 1rem 1rem;\n}\n\n.animate-stripes {\n  animation: stripes 1s linear infinite;\n}\n\n@keyframes stripes {\n  from {\n    background-position: 1rem 0;\n  }\n  to {\n    background-position: 0 0;\n  }\n}\n\n.animate-indeterminate {\n  animation: indeterminate 1.5s ease-in-out infinite;\n}\n\n@keyframes indeterminate {\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(400%);\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nexport type SkeletonVariant = 'text' | 'circular' | 'rectangular' | 'rounded'\n\nwithDefaults(\n  defineProps<{\n    /** Variant style */\n    variant?: SkeletonVariant\n    /** Width (CSS value) */\n    width?: string\n    /** Height (CSS value) */\n    height?: string\n    /** Number of lines (for text variant) */\n    lines?: number\n    /** Animate the skeleton */\n    animate?: boolean\n  }>(),\n  {\n    variant: 'text',\n    animate: true,\n    lines: 1,\n  },\n)\n\nconst variantClasses: Record<SkeletonVariant, string> = {\n  text: 'h-4 rounded',\n  circular: 'rounded-full',\n  rectangular: '',\n  rounded: 'rounded-lg',\n}\n</script>\n\n<template>\n  <div\n    v-if=\"variant === 'text' && lines > 1\"\n    class=\"space-y-2\"\n  >\n    <div\n      v-for=\"i in lines\"\n      :key=\"i\"\n      :class=\"[\n        'bg-gray-200 dark:bg-gray-700',\n        variantClasses[variant],\n        animate && 'animate-pulse',\n      ]\"\n      :style=\"{\n        width: i === lines ? '75%' : width || '100%',\n        height: height,\n      }\"\n    />\n  </div>\n  <div\n    v-else\n    :class=\"[\n      'bg-gray-200 dark:bg-gray-700',\n      variantClasses[variant],\n      animate && 'animate-pulse',\n    ]\"\n    :style=\"{\n      width: width || (variant === 'circular' ? '3rem' : '100%'),\n      height: height || (variant === 'circular' ? '3rem' : variant === 'text' ? '1rem' : '6rem'),\n    }\"\n  />\n</template>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_normalizeClass","_hoisted_3","_toDisplayString","onMounted","onUnmounted","$slots","_renderSlot","_createVNode","_unref","Icon","_hoisted_4","_hoisted_5","_Fragment","_renderList","computed","_createBlock","NotificationComponent","_Teleport","_TransitionGroup","Toast","_normalizeStyle"],"mappings":"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"}

package/dist/components/feedback/ToastContainer.vue.d.ts

@@ -11,6 +11,8 @@ type __VLS_Props = {
     toasts: ToastItem[];
     /** Position of the container */
     position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center';
+    /** Custom top offset (e.g., '80px', '5rem') to account for fixed headers */
+    topOffset?: string;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: (id: string) => any;

package/dist/components/feedback/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Skeleton_vue_vue_type_script_setup_true_lang = require("../../Skeleton.vue_vue_type_script_setup_true_lang-D-2qAhyG.cjs");
+const Skeleton_vue_vue_type_script_setup_true_lang = require("../../Skeleton.vue_vue_type_script_setup_true_lang-DR8HFQ2G.cjs");
 exports.Alert = Skeleton_vue_vue_type_script_setup_true_lang._sfc_main$5;
 exports.EmptyState = Skeleton_vue_vue_type_script_setup_true_lang._sfc_main$6;
 exports.LoadingSpinner = Skeleton_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/components/feedback/index.js

@@ -1,4 +1,4 @@
-import { e, f, _, a, c, d, b, P, i, g, h } from "../../Skeleton.vue_vue_type_script_setup_true_lang-BcWF7mwz.js";
+import { e, f, _, a, c, d, b, P, i, g, h } from "../../Skeleton.vue_vue_type_script_setup_true_lang-CKegnrbY.js";
 export {
   e as Alert,
   f as EmptyState,

package/dist/components/index.cjs

@@ -5,7 +5,7 @@ const Dropdown_vue_vue_type_script_setup_true_lang = require("../Dropdown.vue_vu
 const BadgeType_vue_vue_type_script_setup_true_lang = require("../BadgeType.vue_vue_type_script_setup_true_lang-CJb63H1I.cjs");
 const RangeSlider_vue_vue_type_script_setup_true_lang = require("../RangeSlider.vue_vue_type_script_setup_true_lang-BRNkkx89.cjs");
 const Checkbox_vue_vue_type_script_setup_true_lang = require("../Checkbox.vue_vue_type_script_setup_true_lang-DIoHDji4.cjs");
-const Skeleton_vue_vue_type_script_setup_true_lang = require("../Skeleton.vue_vue_type_script_setup_true_lang-D-2qAhyG.cjs");
+const Skeleton_vue_vue_type_script_setup_true_lang = require("../Skeleton.vue_vue_type_script_setup_true_lang-DR8HFQ2G.cjs");
 const PageLayout_vue_vue_type_script_setup_true_lang = require("../PageLayout.vue_vue_type_script_setup_true_lang-1rNUMab6.cjs");
 exports.Accordion = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$16;
 exports.AccordionItem = Timeline_vue_vue_type_script_setup_true_lang._sfc_main$17;

package/dist/components/index.js

@@ -3,7 +3,7 @@ import { a as a2, _ as _2 } from "../Dropdown.vue_vue_type_script_setup_true_lan
 import { e as e2, d as d2, c as c2, b as b2, _ as _3, a as a3 } from "../BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js";
 import { j as j2, g as g2, h as h2, d as d3, a as a4, b as b3, _ as _4, c as c3, k as k2, i as i2, e as e3, S, f as f2 } from "../RangeSlider.vue_vue_type_script_setup_true_lang-DD9UxnCU.js";
 import { _ as _5 } from "../Checkbox.vue_vue_type_script_setup_true_lang-B-nLCCNY.js";
-import { e as e4, f as f3, _ as _6, a as a5, c as c4, d as d4, b as b4, P, i as i3, g as g3, h as h3 } from "../Skeleton.vue_vue_type_script_setup_true_lang-BcWF7mwz.js";
+import { e as e4, f as f3, _ as _6, a as a5, c as c4, d as d4, b as b4, P, i as i3, g as g3, h as h3 } from "../Skeleton.vue_vue_type_script_setup_true_lang-CKegnrbY.js";
 import { _ as _7, a as a6 } from "../PageLayout.vue_vue_type_script_setup_true_lang-DLfqj6EP.js";
 export {
   p as Accordion,

package/dist/{index-B4NFaDHr.cjs → index-B5EzGPrw.cjs}

@@ -4,7 +4,7 @@ const Dropdown_vue_vue_type_script_setup_true_lang = require("./Dropdown.vue_vue
 const BadgeType_vue_vue_type_script_setup_true_lang = require("./BadgeType.vue_vue_type_script_setup_true_lang-CJb63H1I.cjs");
 const RangeSlider_vue_vue_type_script_setup_true_lang = require("./RangeSlider.vue_vue_type_script_setup_true_lang-BRNkkx89.cjs");
 const Checkbox_vue_vue_type_script_setup_true_lang = require("./Checkbox.vue_vue_type_script_setup_true_lang-DIoHDji4.cjs");
-const Skeleton_vue_vue_type_script_setup_true_lang = require("./Skeleton.vue_vue_type_script_setup_true_lang-D-2qAhyG.cjs");
+const Skeleton_vue_vue_type_script_setup_true_lang = require("./Skeleton.vue_vue_type_script_setup_true_lang-DR8HFQ2G.cjs");
 const PageLayout_vue_vue_type_script_setup_true_lang = require("./PageLayout.vue_vue_type_script_setup_true_lang-1rNUMab6.cjs");
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -64,4 +64,4 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   Tooltip: Timeline_vue_vue_type_script_setup_true_lang._sfc_main$12
 }, Symbol.toStringTag, { value: "Module" }));
 exports.components = components;
-//# sourceMappingURL=index-B4NFaDHr.cjs.map
+//# sourceMappingURL=index-B5EzGPrw.cjs.map

package/dist/index-B5EzGPrw.cjs.map

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

package/dist/{index-C2DRkEjb.js → index-Bp9n-mna.js}

@@ -3,7 +3,7 @@ import { a as _sfc_main$h, _ as _sfc_main$q } from "./Dropdown.vue_vue_type_scri
 import { e as _sfc_main$5, d as _sfc_main$7, c as _sfc_main$f, b as _sfc_main$v, _ as _sfc_main$E, a as _sfc_main$L } from "./BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js";
 import { j as _sfc_main$d, g as _sfc_main$e, h as _sfc_main$j, d as _sfc_main$k, a as _sfc_main$l, b as _sfc_main$m, _ as _sfc_main$n, c as _sfc_main$o, k as _sfc_main$z, i as _sfc_main$A, e as _sfc_main$C, S as Slider, f as _sfc_main$G } from "./RangeSlider.vue_vue_type_script_setup_true_lang-DD9UxnCU.js";
 import { _ as _sfc_main$b } from "./Checkbox.vue_vue_type_script_setup_true_lang-B-nLCCNY.js";
-import { e as _sfc_main$2, f as _sfc_main$i, _ as _sfc_main$p, a as _sfc_main$s, c as _sfc_main$t, d as _sfc_main$u, b as _sfc_main$x, P as Progress, i as _sfc_main$D, g as _sfc_main$N, h as _sfc_main$O } from "./Skeleton.vue_vue_type_script_setup_true_lang-BcWF7mwz.js";
+import { e as _sfc_main$2, f as _sfc_main$i, _ as _sfc_main$p, a as _sfc_main$s, c as _sfc_main$t, d as _sfc_main$u, b as _sfc_main$x, P as Progress, i as _sfc_main$D, g as _sfc_main$N, h as _sfc_main$O } from "./Skeleton.vue_vue_type_script_setup_true_lang-CKegnrbY.js";
 import { _ as _sfc_main$6, a as _sfc_main$w } from "./PageLayout.vue_vue_type_script_setup_true_lang-DLfqj6EP.js";
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -65,4 +65,4 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
 export {
   components as c
 };
-//# sourceMappingURL=index-C2DRkEjb.js.map
+//# sourceMappingURL=index-Bp9n-mna.js.map

package/dist/index-Bp9n-mna.js.map

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

package/dist/index.cjs

@@ -5,11 +5,11 @@ const Dropdown_vue_vue_type_script_setup_true_lang = require("./Dropdown.vue_vue
 const BadgeType_vue_vue_type_script_setup_true_lang = require("./BadgeType.vue_vue_type_script_setup_true_lang-CJb63H1I.cjs");
 const RangeSlider_vue_vue_type_script_setup_true_lang = require("./RangeSlider.vue_vue_type_script_setup_true_lang-BRNkkx89.cjs");
 const Checkbox_vue_vue_type_script_setup_true_lang = require("./Checkbox.vue_vue_type_script_setup_true_lang-DIoHDji4.cjs");
-const Skeleton_vue_vue_type_script_setup_true_lang = require("./Skeleton.vue_vue_type_script_setup_true_lang-D-2qAhyG.cjs");
+const Skeleton_vue_vue_type_script_setup_true_lang = require("./Skeleton.vue_vue_type_script_setup_true_lang-DR8HFQ2G.cjs");
 const PageLayout_vue_vue_type_script_setup_true_lang = require("./PageLayout.vue_vue_type_script_setup_true_lang-1rNUMab6.cjs");
 const useToast = require("./useToast-CRh_sG82.cjs");
 const useDropdown = require("./useDropdown-DHFnd259.cjs");
-const components_index = require("./index-B4NFaDHr.cjs");
+const components_index = require("./index-B5EzGPrw.cjs");
 const VueTailwindUI = {
   install(app, options = {}) {
     const { prefix = "", components: selectedComponents } = options;

package/dist/index.js

@@ -3,11 +3,11 @@ import { a as a2, _ as _2 } from "./Dropdown.vue_vue_type_script_setup_true_lang
 import { e as e2, d as d2, c as c2, b as b2, _ as _3, a as a3 } from "./BadgeType.vue_vue_type_script_setup_true_lang-CnB5eNEM.js";
 import { j as j2, g as g2, h as h2, d as d3, a as a4, b as b3, _ as _4, c as c3, k as k2, i as i2, e as e3, S, f as f2 } from "./RangeSlider.vue_vue_type_script_setup_true_lang-DD9UxnCU.js";
 import { _ as _5 } from "./Checkbox.vue_vue_type_script_setup_true_lang-B-nLCCNY.js";
-import { e as e4, f as f3, _ as _6, a as a5, c as c4, d as d4, b as b4, P, i as i3, g as g3, h as h3 } from "./Skeleton.vue_vue_type_script_setup_true_lang-BcWF7mwz.js";
+import { e as e4, f as f3, _ as _6, a as a5, c as c4, d as d4, b as b4, P, i as i3, g as g3, h as h3 } from "./Skeleton.vue_vue_type_script_setup_true_lang-CKegnrbY.js";
 import { _ as _7, a as a6 } from "./PageLayout.vue_vue_type_script_setup_true_lang-DLfqj6EP.js";
 import { a as a7, b as b5, c as c5, d as d5, u, e as e5 } from "./useToast-DwFOkewC.js";
 import { u as u2 } from "./useDropdown-iVu14E6s.js";
-import { c as components } from "./index-C2DRkEjb.js";
+import { c as components } from "./index-Bp9n-mna.js";
 const VueTailwindUI = {
   install(app, options = {}) {
     const { prefix = "", components: selectedComponents } = options;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cisse-vue-ui",
-  "version": "0.5.2",
+  "version": "0.5.3",
   "description": "Vue 3 + TypeScript + Tailwind CSS v4 component library",
   "author": "Cisse",
   "license": "MIT",

package/dist/Skeleton.vue_vue_type_script_setup_true_lang-D-2qAhyG.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton.vue_vue_type_script_setup_true_lang-D-2qAhyG.cjs","sources":["../src/components/feedback/LoadingSpinner.vue","../src/components/feedback/Modal.vue","../src/components/feedback/PaginationControls.vue","../src/components/feedback/NotificationComponent.vue","../src/components/feedback/NotificationList.vue","../src/components/feedback/Alert.vue","../src/components/feedback/EmptyState.vue","../src/components/feedback/Toast.vue","../src/components/feedback/ToastContainer.vue","../src/components/feedback/Progress.vue","../src/components/feedback/Skeleton.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport type { SpinnerSize } from '@/types'\n\nconst { text, size = 'md' } = defineProps<{\n  text?: string\n  size?: SpinnerSize\n}>()\n\nconst sizeClasses: Record<SpinnerSize, string> = {\n  sm: 'h-8 w-8',\n  md: 'h-12 w-12',\n  lg: 'h-16 w-16',\n}\n</script>\n\n<template>\n  <div class=\"flex items-center justify-center py-12\">\n    <div class=\"text-center\">\n      <div\n        :class=\"sizeClasses[size]\"\n        class=\"border-primary inline-block animate-spin rounded-full border-4 border-solid border-r-transparent\"\n      />\n      <p\n        v-if=\"text\"\n        class=\"mt-4 text-gray-600 dark:text-gray-400\"\n      >\n        {{ text }}\n      </p>\n    </div>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\nimport { onMounted, onUnmounted } from 'vue'\nimport type { ModalSize } from '@/types'\n\nconst {\n  title = '',\n  size = 'default',\n  closeOnBackdrop = true,\n  closeOnEscape = true,\n  closeButtonLabel = 'Close',\n} = defineProps<{\n  title?: string\n  size?: ModalSize\n  closeOnBackdrop?: boolean\n  closeOnEscape?: boolean\n  closeButtonLabel?: string\n}>()\n\nconst emit = defineEmits<{\n  close: []\n}>()\n\nconst sizeClasses: Record<ModalSize, string> = {\n  sm: 'max-w-md',\n  default: 'max-w-3xl',\n  lg: 'max-w-5xl',\n  xl: 'max-w-7xl',\n  full: 'max-w-full mx-4',\n}\n\nconst handleBackdropClick = () => {\n  if (closeOnBackdrop) {\n    emit('close')\n  }\n}\n\nconst handleEscape = (e: KeyboardEvent) => {\n  if (e.key === 'Escape' && closeOnEscape) {\n    emit('close')\n  }\n}\n\nonMounted(() => {\n  document.addEventListener('keydown', handleEscape)\n  document.body.style.overflow = 'hidden'\n})\n\nonUnmounted(() => {\n  document.removeEventListener('keydown', handleEscape)\n  document.body.style.overflow = ''\n})\n</script>\n\n<template>\n  <div\n    class=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4\"\n    @click.self=\"handleBackdropClick\"\n  >\n    <div\n      :class=\"sizeClasses[size]\"\n      class=\"flex max-h-[90vh] w-full flex-col rounded-lg bg-white shadow-xl dark:bg-gray-900\"\n    >\n      <!-- Header -->\n      <div\n        v-if=\"title || $slots.header || $slots.title\"\n        class=\"flex items-center justify-between border-b border-gray-200 px-6 py-4 dark:border-gray-700\"\n      >\n        <h3 class=\"text-xl font-semibold text-gray-900 dark:text-gray-100\">\n          <slot name=\"header\">\n            <slot name=\"title\">\n              {{ title }}\n            </slot>\n          </slot>\n        </h3>\n        <button\n          class=\"rounded-lg p-1.5 text-gray-400 hover:bg-gray-100 hover:text-gray-900 dark:hover:bg-gray-800 dark:hover:text-gray-100\"\n          type=\"button\"\n          @click=\"emit('close')\"\n        >\n          <Icon\n            class=\"h-5 w-5\"\n            icon=\"lucide:x\"\n          />\n          <span class=\"sr-only\">{{ closeButtonLabel }}</span>\n        </button>\n      </div>\n\n      <!-- Body -->\n      <div class=\"flex-1 overflow-y-auto px-6 py-4\">\n        <slot />\n      </div>\n\n      <!-- Footer -->\n      <div\n        v-if=\"$slots.footer\"\n        class=\"flex items-center justify-end gap-3 border-t border-gray-200 px-6 py-4 dark:border-gray-700\"\n      >\n        <slot name=\"footer\" />\n      </div>\n    </div>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\n\nconst {\n  currentPage,\n  totalPages,\n  loading = false,\n  pageSize = 10,\n  pageSizeOptions = [10, 20, 50, 100],\n  showPageSize = true,\n  pageLabel = 'Page',\n  ofLabel = 'of',\n  itemsPerPageLabel = 'Items per page:',\n  previousLabel = 'Previous',\n  nextLabel = 'Next',\n} = defineProps<{\n  currentPage: number\n  totalPages: number\n  loading?: boolean\n  pageSize?: number\n  pageSizeOptions?: number[]\n  showPageSize?: boolean\n  pageLabel?: string\n  ofLabel?: string\n  itemsPerPageLabel?: string\n  previousLabel?: string\n  nextLabel?: string\n}>()\n\nconst emit = defineEmits<{\n  'update:page': [page: number]\n  'update:pageSize': [size: number]\n}>()\n\nconst changePage = (page: number) => {\n  if (page >= 1 && page <= totalPages && !loading) {\n    emit('update:page', page)\n  }\n}\n\nconst changePageSize = (event: Event) => {\n  const target = event.target as HTMLSelectElement\n  emit('update:pageSize', Number(target.value))\n}\n</script>\n\n<template>\n  <div\n    v-if=\"totalPages > 1\"\n    class=\"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 border-t border-gray-200 px-4 sm:px-6 py-4 dark:border-gray-700\"\n  >\n    <!-- Info and page size -->\n    <div class=\"flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-4\">\n      <div class=\"text-sm text-gray-700 dark:text-gray-300 text-center sm:text-left\">\n        {{ pageLabel }} {{ currentPage }} {{ ofLabel }} {{ totalPages }}\n      </div>\n      <div\n        v-if=\"showPageSize\"\n        class=\"flex items-center justify-center sm:justify-start gap-2\"\n      >\n        <label\n          class=\"text-sm text-gray-600 dark:text-gray-400 hidden sm:inline\"\n          for=\"page-size\"\n        >\n          {{ itemsPerPageLabel }}\n        </label>\n        <select\n          id=\"page-size\"\n          :value=\"pageSize\"\n          class=\"focus:border-primary focus:ring-primary rounded border border-gray-300 bg-white px-2 py-1 text-sm text-gray-900 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100\"\n          @change=\"changePageSize\"\n        >\n          <option\n            v-for=\"size in pageSizeOptions\"\n            :key=\"size\"\n            :value=\"size\"\n          >\n            {{ size }}\n          </option>\n        </select>\n      </div>\n    </div>\n\n    <!-- Navigation buttons -->\n    <div class=\"flex justify-center sm:justify-end gap-2\">\n      <button\n        :disabled=\"currentPage === 1 || loading\"\n        class=\"focus:ring-primary inline-flex items-center gap-1 rounded-lg border border-gray-300 bg-white px-3 sm:px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700\"\n        @click=\"changePage(currentPage - 1)\"\n      >\n        <Icon\n          class=\"h-4 w-4\"\n          icon=\"lucide:chevron-left\"\n        />\n        <span class=\"hidden sm:inline\">{{ previousLabel }}</span>\n      </button>\n      <button\n        :disabled=\"currentPage === totalPages || loading\"\n        class=\"focus:ring-primary inline-flex items-center gap-1 rounded-lg border border-gray-300 bg-white px-3 sm:px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700\"\n        @click=\"changePage(currentPage + 1)\"\n      >\n        <span class=\"hidden sm:inline\">{{ nextLabel }}</span>\n        <Icon\n          class=\"h-4 w-4\"\n          icon=\"lucide:chevron-right\"\n        />\n      </button>\n    </div>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport type { Notification } from '@/types'\nimport { computed, onMounted } from 'vue'\nimport { Icon } from '@iconify/vue'\n\nconst props = defineProps<{\n  notification: Notification\n  autoDismiss?: boolean\n  duration?: number\n}>()\n\nconst emit = defineEmits<{\n  dismiss: [id: string]\n}>()\n\nconst iconName = computed(() => {\n  switch (props.notification.type) {\n    case 'success':\n      return 'lucide:check-circle'\n    case 'info':\n      return 'lucide:info'\n    case 'warning':\n      return 'lucide:alert-triangle'\n    case 'error':\n      return 'lucide:x-circle'\n    default:\n      return 'lucide:bell'\n  }\n})\n\nconst iconColor = computed(() => {\n  switch (props.notification.type) {\n    case 'success':\n      return 'text-green-600 dark:text-green-400'\n    case 'info':\n      return 'text-blue-600 dark:text-blue-400'\n    case 'warning':\n      return 'text-yellow-600 dark:text-yellow-400'\n    case 'error':\n      return 'text-red-600 dark:text-red-400'\n    default:\n      return 'text-gray-600 dark:text-gray-400'\n  }\n})\n\nconst bgColor = computed(() => {\n  switch (props.notification.type) {\n    case 'success':\n      return 'bg-green-50 dark:bg-green-950'\n    case 'info':\n      return 'bg-blue-50 dark:bg-blue-950'\n    case 'warning':\n      return 'bg-yellow-50 dark:bg-yellow-950'\n    case 'error':\n      return 'bg-red-50 dark:bg-red-950'\n    default:\n      return 'bg-gray-50 dark:bg-gray-950'\n  }\n})\n\nconst handleDismiss = () => {\n  if (props.notification.id) {\n    emit('dismiss', props.notification.id)\n  }\n}\n\nonMounted(() => {\n  const duration = props.notification.duration ?? props.duration ?? 5000\n  if (props.autoDismiss !== false && duration > 0) {\n    setTimeout(() => {\n      handleDismiss()\n    }, duration)\n  }\n})\n</script>\n\n<template>\n  <div\n    class=\"flex max-w-md items-start space-x-3 rounded-lg border border-gray-200 bg-white p-4 shadow-lg dark:border-gray-800 dark:bg-black\"\n  >\n    <div :class=\"[bgColor, 'flex items-center justify-center rounded-full p-2']\">\n      <Icon\n        :class=\"iconColor\"\n        :icon=\"iconName\"\n        class=\"h-5 w-5\"\n      />\n    </div>\n\n    <div class=\"flex min-w-0 flex-1 flex-col\">\n      <h4\n        v-if=\"notification.title\"\n        class=\"text-sm font-semibold text-gray-900 dark:text-gray-100\"\n      >\n        {{ notification.title }}\n      </h4>\n      <p\n        v-if=\"notification.message\"\n        class=\"mt-1 text-sm text-gray-600 dark:text-gray-400\"\n      >\n        {{ notification.message }}\n      </p>\n    </div>\n\n    <button\n      class=\"shrink-0 text-gray-400 transition-colors hover:text-gray-600 dark:text-gray-600 dark:hover:text-gray-400\"\n      @click=\"handleDismiss\"\n    >\n      <Icon\n        class=\"h-4 w-4\"\n        icon=\"lucide:x\"\n      />\n    </button>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport type { Notification } from '@/types'\nimport NotificationComponent from './NotificationComponent.vue'\n\ndefineProps<{\n  notifications: Notification[]\n  autoDismiss?: boolean\n  duration?: number\n}>()\n\nconst emit = defineEmits<{\n  dismiss: [id: string]\n}>()\n</script>\n\n<template>\n  <div class=\"fixed top-5 right-5 z-50 flex flex-col gap-3\">\n    <NotificationComponent\n      v-for=\"notification in notifications\"\n      :key=\"notification.id\"\n      :notification=\"notification\"\n      :auto-dismiss=\"autoDismiss\"\n      :duration=\"duration\"\n      @dismiss=\"emit('dismiss', $event)\"\n    />\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\n\nexport type AlertVariant = 'info' | 'success' | 'warning' | 'error'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Alert variant */\n    variant?: AlertVariant\n    /** Title text */\n    title?: string\n    /** Show close button */\n    dismissible?: boolean\n    /** Custom icon */\n    icon?: string\n  }>(),\n  {\n    variant: 'info',\n  },\n)\n\nconst emit = defineEmits<{\n  dismiss: []\n}>()\n\nconst variantStyles: Record<AlertVariant, { bg: string; border: string; icon: string; iconColor: string }> = {\n  info: {\n    bg: 'bg-blue-50 dark:bg-blue-900/20',\n    border: 'border-blue-200 dark:border-blue-800',\n    icon: 'lucide:info',\n    iconColor: 'text-blue-500',\n  },\n  success: {\n    bg: 'bg-green-50 dark:bg-green-900/20',\n    border: 'border-green-200 dark:border-green-800',\n    icon: 'lucide:check-circle',\n    iconColor: 'text-green-500',\n  },\n  warning: {\n    bg: 'bg-yellow-50 dark:bg-yellow-900/20',\n    border: 'border-yellow-200 dark:border-yellow-800',\n    icon: 'lucide:alert-triangle',\n    iconColor: 'text-yellow-500',\n  },\n  error: {\n    bg: 'bg-red-50 dark:bg-red-900/20',\n    border: 'border-red-200 dark:border-red-800',\n    icon: 'lucide:alert-circle',\n    iconColor: 'text-red-500',\n  },\n}\n\nconst styles = variantStyles[props.variant]\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'flex gap-3 rounded-lg border p-4',\n      styles.bg,\n      styles.border,\n    ]\"\n    role=\"alert\"\n  >\n    <Icon\n      :icon=\"icon || styles.icon\"\n      :class=\"['size-5 shrink-0', styles.iconColor]\"\n    />\n    <div class=\"flex-1\">\n      <h4\n        v-if=\"title\"\n        class=\"mb-1 font-medium text-gray-900 dark:text-white\"\n      >\n        {{ title }}\n      </h4>\n      <div class=\"text-sm text-gray-700 dark:text-gray-300\">\n        <slot />\n      </div>\n    </div>\n    <button\n      v-if=\"dismissible\"\n      type=\"button\"\n      class=\"shrink-0 rounded p-1 text-gray-400 hover:bg-gray-200 hover:text-gray-600 dark:hover:bg-gray-700 dark:hover:text-gray-300\"\n      @click=\"emit('dismiss')\"\n    >\n      <Icon\n        icon=\"lucide:x\"\n        class=\"size-4\"\n      />\n    </button>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\n\nwithDefaults(\n  defineProps<{\n    /** Message to display */\n    message?: string\n    /** Icon name (iconify format) */\n    icon?: string\n    /** Title text */\n    title?: string\n  }>(),\n  {\n    message: 'No results found',\n    icon: 'lucide:inbox',\n  },\n)\n</script>\n\n<template>\n  <div class=\"py-12 text-center\">\n    <Icon\n      v-if=\"icon\"\n      :icon=\"icon\"\n      class=\"mx-auto mb-4 size-12 text-gray-400 dark:text-gray-500\"\n    />\n    <h3\n      v-if=\"title\"\n      class=\"mb-2 text-lg font-medium text-gray-900 dark:text-white\"\n    >\n      {{ title }}\n    </h3>\n    <p class=\"text-gray-500 dark:text-gray-400\">\n      <slot>{{ message }}</slot>\n    </p>\n    <div\n      v-if=\"$slots.action\"\n      class=\"mt-4\"\n    >\n      <slot name=\"action\" />\n    </div>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\n\nexport type ToastType = 'success' | 'error' | 'warning' | 'info'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Toast message */\n    message: string\n    /** Toast type */\n    type?: ToastType\n    /** Title (optional) */\n    title?: string\n    /** Show close button */\n    closable?: boolean\n    /** Duration in ms (0 = no auto-close) */\n    duration?: number\n  }>(),\n  {\n    type: 'info',\n    closable: true,\n    duration: 5000,\n  },\n)\n\nconst emit = defineEmits<{\n  close: []\n}>()\n\nconst typeConfig: Record<ToastType, { icon: string; bg: string; iconColor: string }> = {\n  success: {\n    icon: 'lucide:check-circle',\n    bg: 'bg-green-50 border-green-200 dark:bg-green-900/20 dark:border-green-800',\n    iconColor: 'text-green-500',\n  },\n  error: {\n    icon: 'lucide:x-circle',\n    bg: 'bg-red-50 border-red-200 dark:bg-red-900/20 dark:border-red-800',\n    iconColor: 'text-red-500',\n  },\n  warning: {\n    icon: 'lucide:alert-triangle',\n    bg: 'bg-yellow-50 border-yellow-200 dark:bg-yellow-900/20 dark:border-yellow-800',\n    iconColor: 'text-yellow-500',\n  },\n  info: {\n    icon: 'lucide:info',\n    bg: 'bg-blue-50 border-blue-200 dark:bg-blue-900/20 dark:border-blue-800',\n    iconColor: 'text-blue-500',\n  },\n}\n\nconst config = typeConfig[props.type]\n\n// Auto-close\nif (props.duration > 0) {\n  setTimeout(() => {\n    emit('close')\n  }, props.duration)\n}\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'flex items-start gap-3 rounded-lg border p-4 shadow-lg',\n      config.bg,\n    ]\"\n    role=\"alert\"\n  >\n    <Icon\n      :icon=\"config.icon\"\n      :class=\"['size-5 shrink-0', config.iconColor]\"\n    />\n    <div class=\"flex-1 min-w-0\">\n      <p\n        v-if=\"title\"\n        class=\"font-medium text-gray-900 dark:text-white\"\n      >\n        {{ title }}\n      </p>\n      <p class=\"text-sm text-gray-700 dark:text-gray-300\">\n        {{ message }}\n      </p>\n    </div>\n    <button\n      v-if=\"closable\"\n      type=\"button\"\n      class=\"shrink-0 rounded p-1 text-gray-400 hover:bg-gray-200 hover:text-gray-600 dark:hover:bg-gray-700 dark:hover:text-gray-300\"\n      @click=\"emit('close')\"\n    >\n      <Icon\n        icon=\"lucide:x\"\n        class=\"size-4\"\n      />\n    </button>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport Toast from './Toast.vue'\nimport type { ToastType } from './Toast.vue'\n\nexport interface ToastItem {\n  id: string\n  message: string\n  type?: ToastType\n  title?: string\n  duration?: number\n}\n\nwithDefaults(\n  defineProps<{\n    /** Array of toast items */\n    toasts: ToastItem[]\n    /** Position of the container */\n    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center'\n  }>(),\n  {\n    position: 'top-right',\n  },\n)\n\nconst emit = defineEmits<{\n  close: [id: string]\n}>()\n\nconst positionClasses: Record<string, string> = {\n  'top-right': 'top-4 right-4',\n  'top-left': 'top-4 left-4',\n  'bottom-right': 'bottom-4 right-4',\n  'bottom-left': 'bottom-4 left-4',\n  'top-center': 'top-4 left-1/2 -translate-x-1/2',\n  'bottom-center': 'bottom-4 left-1/2 -translate-x-1/2',\n}\n</script>\n\n<template>\n  <Teleport to=\"body\">\n    <div :class=\"['fixed z-[9999] flex flex-col gap-2 w-full max-w-sm', positionClasses[position]]\">\n      <TransitionGroup\n        enter-active-class=\"transition duration-300 ease-out\"\n        enter-from-class=\"opacity-0 translate-x-4\"\n        enter-to-class=\"opacity-100 translate-x-0\"\n        leave-active-class=\"transition duration-200 ease-in\"\n        leave-from-class=\"opacity-100 translate-x-0\"\n        leave-to-class=\"opacity-0 translate-x-4\"\n      >\n        <Toast\n          v-for=\"toast in toasts\"\n          :key=\"toast.id\"\n          :message=\"toast.message\"\n          :type=\"toast.type\"\n          :title=\"toast.title\"\n          :duration=\"toast.duration\"\n          @close=\"emit('close', toast.id)\"\n        />\n      </TransitionGroup>\n    </div>\n  </Teleport>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed } from 'vue'\n\nexport type ProgressSize = 'sm' | 'md' | 'lg'\nexport type ProgressVariant = 'default' | 'success' | 'warning' | 'error'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Current value (0-100) */\n    value: number\n    /** Maximum value */\n    max?: number\n    /** Size variant */\n    size?: ProgressSize\n    /** Color variant */\n    variant?: ProgressVariant\n    /** Show percentage label */\n    showLabel?: boolean\n    /** Striped animation */\n    striped?: boolean\n    /** Animated stripes */\n    animated?: boolean\n    /** Indeterminate state (loading) */\n    indeterminate?: boolean\n  }>(),\n  {\n    max: 100,\n    size: 'md',\n    variant: 'default',\n    showLabel: false,\n    striped: false,\n    animated: false,\n    indeterminate: false,\n  },\n)\n\nconst percentage = computed(() => {\n  if (props.indeterminate) return 100\n  return Math.min(Math.max((props.value / props.max) * 100, 0), 100)\n})\n\nconst sizeClasses: Record<ProgressSize, string> = {\n  sm: 'h-1',\n  md: 'h-2',\n  lg: 'h-4',\n}\n\nconst variantClasses: Record<ProgressVariant, string> = {\n  default: 'bg-primary',\n  success: 'bg-green-500',\n  warning: 'bg-yellow-500',\n  error: 'bg-red-500',\n}\n</script>\n\n<template>\n  <div class=\"w-full\">\n    <div\n      v-if=\"showLabel && !indeterminate\"\n      class=\"mb-1 flex justify-between text-sm\"\n    >\n      <span class=\"text-gray-600 dark:text-gray-400\">Progress</span>\n      <span class=\"font-medium text-gray-900 dark:text-white\">{{ Math.round(percentage) }}%</span>\n    </div>\n    <div\n      :class=\"[\n        'w-full overflow-hidden rounded-full bg-gray-200 dark:bg-gray-700',\n        sizeClasses[size],\n      ]\"\n      role=\"progressbar\"\n      :aria-valuenow=\"indeterminate ? undefined : value\"\n      :aria-valuemin=\"0\"\n      :aria-valuemax=\"max\"\n    >\n      <div\n        :class=\"[\n          'h-full rounded-full transition-all duration-300',\n          variantClasses[variant],\n          striped && 'bg-stripes',\n          animated && 'animate-stripes',\n          indeterminate && 'animate-indeterminate',\n        ]\"\n        :style=\"{ width: indeterminate ? '30%' : `${percentage}%` }\"\n      />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.bg-stripes {\n  background-image: linear-gradient(\n    45deg,\n    rgba(255, 255, 255, 0.15) 25%,\n    transparent 25%,\n    transparent 50%,\n    rgba(255, 255, 255, 0.15) 50%,\n    rgba(255, 255, 255, 0.15) 75%,\n    transparent 75%,\n    transparent\n  );\n  background-size: 1rem 1rem;\n}\n\n.animate-stripes {\n  animation: stripes 1s linear infinite;\n}\n\n@keyframes stripes {\n  from {\n    background-position: 1rem 0;\n  }\n  to {\n    background-position: 0 0;\n  }\n}\n\n.animate-indeterminate {\n  animation: indeterminate 1.5s ease-in-out infinite;\n}\n\n@keyframes indeterminate {\n  0% {\n    transform: translateX(-100%);\n  }\n  100% {\n    transform: translateX(400%);\n  }\n}\n</style>\n","<script lang=\"ts\" setup>\nexport type SkeletonVariant = 'text' | 'circular' | 'rectangular' | 'rounded'\n\nwithDefaults(\n  defineProps<{\n    /** Variant style */\n    variant?: SkeletonVariant\n    /** Width (CSS value) */\n    width?: string\n    /** Height (CSS value) */\n    height?: string\n    /** Number of lines (for text variant) */\n    lines?: number\n    /** Animate the skeleton */\n    animate?: boolean\n  }>(),\n  {\n    variant: 'text',\n    animate: true,\n    lines: 1,\n  },\n)\n\nconst variantClasses: Record<SkeletonVariant, string> = {\n  text: 'h-4 rounded',\n  circular: 'rounded-full',\n  rectangular: '',\n  rounded: 'rounded-lg',\n}\n</script>\n\n<template>\n  <div\n    v-if=\"variant === 'text' && lines > 1\"\n    class=\"space-y-2\"\n  >\n    <div\n      v-for=\"i in lines\"\n      :key=\"i\"\n      :class=\"[\n        'bg-gray-200 dark:bg-gray-700',\n        variantClasses[variant],\n        animate && 'animate-pulse',\n      ]\"\n      :style=\"{\n        width: i === lines ? '75%' : width || '100%',\n        height: height,\n      }\"\n    />\n  </div>\n  <div\n    v-else\n    :class=\"[\n      'bg-gray-200 dark:bg-gray-700',\n      variantClasses[variant],\n      animate && 'animate-pulse',\n    ]\"\n    :style=\"{\n      width: width || (variant === 'circular' ? '3rem' : '100%'),\n      height: height || (variant === 'circular' ? '3rem' : variant === 'text' ? '1rem' : '6rem'),\n    }\"\n  />\n</template>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_normalizeClass","_hoisted_3","_toDisplayString","onMounted","onUnmounted","$slots","_renderSlot","_createVNode","_unref","Icon","_hoisted_4","_hoisted_5","_Fragment","_renderList","computed","_createBlock","NotificationComponent","_Teleport","_TransitionGroup","Toast","_normalizeStyle"],"mappings":"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"}

package/dist/index-B4NFaDHr.cjs.map

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

package/dist/index-C2DRkEjb.js.map

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