@stachelock/ui 0.3.1 → 0.4.0

package/dist/{AlertModal.vue_vue_type_script_setup_true_lang-CxwewAVy.js → AlertModal.vue_vue_type_script_setup_true_lang-C6q8Mpl4.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as k, openBlock as i, createElementVNode as o, defineComponent as V, ref as M, computed as c, watch as B, createBlock as y, withCtx as m, renderSlot as $, createCommentVNode as z, toDisplayString as u, withDirectives as K, vModelCheckbox as T, normalizeClass as x, resolveDynamicComponent as E } from "vue";
-import { _ as I } from "./BaseModal.vue_vue_type_script_setup_true_lang-Cr_GAD6Q.js";
+import { _ as I } from "./BaseModal.vue_vue_type_script_setup_true_lang-B67Pt3tW.js";
 import { a as N, r as _ } from "./InformationCircleIcon-B322GNIt.js";
 import { r as A } from "./ExclamationCircleIcon-DjxYk45_.js";
 import { r as b } from "./ExclamationTriangleIcon-BNKYmV_J.js";
@@ -191,4 +191,4 @@ const q = { class: "sl-text-base sl-font-semibold sl-leading-6 sl-text-gray-900
 export {
   G as _
 };
-//# sourceMappingURL=AlertModal.vue_vue_type_script_setup_true_lang-CxwewAVy.js.map
+//# sourceMappingURL=AlertModal.vue_vue_type_script_setup_true_lang-C6q8Mpl4.js.map

package/dist/{AlertModal.vue_vue_type_script_setup_true_lang-CxwewAVy.js.map → AlertModal.vue_vue_type_script_setup_true_lang-C6q8Mpl4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"AlertModal.vue_vue_type_script_setup_true_lang-CxwewAVy.js","sources":["../node_modules/@heroicons/vue/24/outline/esm/QuestionMarkCircleIcon.js","../src/components/modals/AlertModal.vue"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z\"\n    })\n  ]))\n}","<template>\n  <BaseModal\n    v-model=\"isModalOpen\"\n    :size=\"size\"\n    :confirm-text=\"confirmText\"\n    :cancel-text=\"cancelText\"\n    :confirm-theme=\"theme\"\n    :show-cancel=\"showCancel\"\n    :show-close-button=\"false\"\n    @cancel=\"handleCancel\"\n    @confirm=\"handleConfirm\"\n  >\n    <template #icon>\n      <div :class=\"['sl-flex sl-h-12 sl-w-12 sl-flex-shrink-0 sl-items-center sl-justify-center sl-rounded-full sm:sl-h-10 sm:sl-w-10', iconStyles.bgColor]\">\n        <component :is=\"iconComponent\" :class=\"['sl-h-6 sl-w-6', iconStyles.iconColor]\" aria-hidden=\"true\" />\n      </div>\n    </template>\n\n    <template #header>\n      <span class=\"sl-text-base sl-font-semibold sl-leading-6 sl-text-gray-900 dark:sl-text-white\">\n        {{ title }}\n      </span>\n    </template>\n\n    <template #body>\n      <p class=\"sl-text-sm sl-text-gray-500 dark:sl-text-slate-300\">{{ message }}</p>\n      <slot name=\"body-extra\" />\n      \n      <!-- Don't remind checkbox -->\n      <div v-if=\"showDontRemind\" class=\"sl-mt-4 sl-flex sl-items-center\">\n        <input\n          id=\"dont-remind-checkbox\"\n          v-model=\"dontRemindChecked\"\n          type=\"checkbox\"\n          class=\"sl-h-4 sl-w-4 sl-rounded sl-border-gray-300 dark:sl-border-slate-600 sl-bg-white dark:sl-bg-slate-900 sl-text-primary-600 focus:sl-ring-primary-600\"\n        />\n        <label for=\"dont-remind-checkbox\" class=\"sl-ml-2 sl-text-sm sl-text-gray-500 dark:sl-text-slate-300\">\n          {{ dontRemindLabel }}\n        </label>\n      </div>\n    </template>\n  </BaseModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch, type Component, type PropType } from 'vue';\nimport { \n  ExclamationTriangleIcon, \n  ExclamationCircleIcon,\n  InformationCircleIcon,\n  CheckCircleIcon,\n  QuestionMarkCircleIcon\n} from '@heroicons/vue/24/outline';\nimport BaseModal from './BaseModal.vue';\nimport type { Theme } from '@/types/core';\n\n// =============================================================================\n// Props\n// =============================================================================\n\nconst props = defineProps({\n  /** Whether the modal is visible (v-model compatible) */\n  modelValue: {\n    type: Boolean,\n    default: false\n  },\n  /** Modal size */\n  size: {\n    type: String as PropType<'sm' | 'md' | 'lg' | 'xl' | '2xl'>,\n    default: 'md'\n  },\n  /** Modal title */\n  title: {\n    type: String,\n    default: 'Confirm Action'\n  },\n  /** Modal message/description */\n  message: {\n    type: String,\n    default: 'Are you sure you want to proceed with this action?'\n  },\n  /** Confirm button text */\n  confirmText: {\n    type: String,\n    default: 'Confirm'\n  },\n  /** Cancel button text */\n  cancelText: {\n    type: String,\n    default: 'Cancel'\n  },\n  /** Theme for the confirm button */\n  theme: {\n    type: String as PropType<Theme>,\n    default: 'danger'\n  },\n  /** Icon type to display */\n  icon: {\n    type: String as PropType<'warning' | 'danger' | 'info' | 'success' | 'question'>,\n    default: 'warning'\n  },\n  /** Whether to show the cancel button */\n  showCancel: {\n    type: Boolean,\n    default: true\n  },\n  /** Whether to show the \"don't remind me\" checkbox */\n  showDontRemind: {\n    type: Boolean,\n    default: false\n  },\n  /** Unique key for storing the \"don't remind\" preference in sessionStorage */\n  dontRemindKey: {\n    type: String,\n    default: ''\n  },\n  /** Label for the \"don't remind\" checkbox */\n  dontRemindLabel: {\n    type: String,\n    default: \"Don't ask me again for this session\"\n  }\n});\n\n// =============================================================================\n// Emits\n// =============================================================================\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void;\n  (e: 'confirm'): void;\n  (e: 'cancel'): void;\n}>();\n\n// =============================================================================\n// Don't Remind State\n// =============================================================================\n\nconst dontRemindChecked = ref(false);\n\n// Session storage key prefix for \"don't remind\" preferences\nconst DONT_REMIND_PREFIX = 'alert_modal_dont_remind_';\n\n/**\n * Check if user has previously chosen \"don't remind\" for this key\n */\nconst shouldSkipModal = (): boolean => {\n  if (!props.showDontRemind || !props.dontRemindKey) return false;\n  try {\n    return sessionStorage.getItem(DONT_REMIND_PREFIX + props.dontRemindKey) === 'true';\n  } catch {\n    return false;\n  }\n};\n\n/**\n * Save the \"don't remind\" preference to session storage\n */\nconst saveDontRemindPreference = () => {\n  if (!props.showDontRemind || !props.dontRemindKey || !dontRemindChecked.value) return;\n  try {\n    sessionStorage.setItem(DONT_REMIND_PREFIX + props.dontRemindKey, 'true');\n  } catch {\n    // Ignore storage errors\n  }\n};\n\n// =============================================================================\n// Modal Visibility\n// =============================================================================\n\nconst isModalOpen = computed({\n  get: () => props.modelValue,\n  set: (value: boolean) => emit('update:modelValue', value)\n});\n\n// Watch for modal opening - if user has \"don't remind\" set, auto-confirm\nwatch(() => props.modelValue, (newValue) => {\n  if (newValue && shouldSkipModal()) {\n    // Auto-confirm without showing the modal\n    emit('confirm');\n    emit('update:modelValue', false);\n  }\n  // Reset checkbox state when modal opens\n  if (newValue) {\n    dontRemindChecked.value = false;\n  }\n});\n\n// =============================================================================\n// Icon Configuration\n// =============================================================================\n\nconst iconMap: Record<string, Component> = {\n  warning: ExclamationTriangleIcon,\n  danger: ExclamationCircleIcon,\n  info: InformationCircleIcon,\n  success: CheckCircleIcon,\n  question: QuestionMarkCircleIcon,\n};\n\nconst iconComponent = computed(() => iconMap[props.icon] || ExclamationTriangleIcon);\n\nconst iconStyleMap = {\n  warning: {\n    bgColor: 'sl-bg-yellow-100 dark:sl-bg-yellow-900/30',\n    iconColor: 'sl-text-yellow-600 dark:sl-text-yellow-400'\n  },\n  danger: {\n    bgColor: 'sl-bg-red-100 dark:sl-bg-red-900/30',\n    iconColor: 'sl-text-red-600 dark:sl-text-red-400'\n  },\n  info: {\n    bgColor: 'sl-bg-blue-100 dark:sl-bg-blue-900/30',\n    iconColor: 'sl-text-blue-600 dark:sl-text-blue-400'\n  },\n  success: {\n    bgColor: 'sl-bg-green-100 dark:sl-bg-green-900/30',\n    iconColor: 'sl-text-green-600 dark:sl-text-green-400'\n  },\n  question: {\n    bgColor: 'sl-bg-gray-100 dark:sl-bg-slate-700',\n    iconColor: 'sl-text-gray-600 dark:sl-text-slate-300'\n  }\n};\n\nconst iconStyles = computed(() => iconStyleMap[props.icon] || iconStyleMap.warning);\n\n// =============================================================================\n// Handlers\n// =============================================================================\n\nconst handleConfirm = () => {\n  // Save \"don't remind\" preference if checked\n  saveDontRemindPreference();\n  \n  emit('confirm');\n  isModalOpen.value = false;\n};\n\nconst handleCancel = () => {\n  emit('cancel');\n  isModalOpen.value = false;\n};\n</script>\n\n"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","DONT_REMIND_PREFIX","props","__props","emit","__emit","dontRemindChecked","ref","shouldSkipModal","saveDontRemindPreference","isModalOpen","computed","value","watch","newValue","iconMap","ExclamationTriangleIcon","ExclamationCircleIcon","InformationCircleIcon","CheckCircleIcon","QuestionMarkCircleIcon","iconComponent","iconStyleMap","iconStyles","handleConfirm","handleCancel","_createBlock","BaseModal","$event","_normalizeClass","_resolveDynamicComponent","_hoisted_1","_toDisplayString","_hoisted_2","_renderSlot","_hoisted_3","_hoisted_4"],"mappings":";;;;;AAEe,SAASA,EAAOC,GAAMC,GAAQ;AAC3C,SAAQC,EAAU,GAAIC,EAAoB,OAAO;AAAA,IAC/C,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,aAAa;AAAA,EACjB,GAAK;AAAA,IACDC,EAAoB,QAAQ;AAAA,MAC1B,kBAAkB;AAAA,MAClB,mBAAmB;AAAA,MACnB,GAAG;AAAA,IACT,CAAK;AAAA,EACL,CAAG;AACH;;;;;;;GC0HMC,IAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhF3B,UAAMC,IAAQC,GAmERC,IAAOC,GAUPC,IAAoBC,EAAI,EAAK,GAQ7BC,IAAkB,MAAe;AACrC,UAAI,CAACN,EAAM,kBAAkB,CAACA,EAAM,cAAe,QAAO;AAC1D,UAAI;AACF,eAAO,eAAe,QAAQD,IAAqBC,EAAM,aAAa,MAAM;AAAA,MAC9E,QAAQ;AACN,eAAO;AAAA,MACT;AAAA,IACF,GAKMO,IAA2B,MAAM;AACrC,UAAI,GAACP,EAAM,kBAAkB,CAACA,EAAM,iBAAiB,CAACI,EAAkB;AACxE,YAAI;AACF,yBAAe,QAAQL,IAAqBC,EAAM,eAAe,MAAM;AAAA,QACzE,QAAQ;AAAA,QAER;AAAA,IACF,GAMMQ,IAAcC,EAAS;AAAA,MAC3B,KAAK,MAAMT,EAAM;AAAA,MACjB,KAAK,CAACU,MAAmBR,EAAK,qBAAqBQ,CAAK;AAAA,IAAA,CACzD;AAGD,IAAAC,EAAM,MAAMX,EAAM,YAAY,CAACY,MAAa;AAC1C,MAAIA,KAAYN,QAEdJ,EAAK,SAAS,GACdA,EAAK,qBAAqB,EAAK,IAG7BU,MACFR,EAAkB,QAAQ;AAAA,IAE9B,CAAC;AAMD,UAAMS,IAAqC;AAAA,MACzC,SAASC;AAAAA,MACT,QAAQC;AAAAA,MACR,MAAMC;AAAAA,MACN,SAASC;AAAAA,MACT,UAAUC;AAAAA,IAAA,GAGNC,IAAgBV,EAAS,MAAMI,EAAQb,EAAM,IAAI,KAAKc,CAAuB,GAE7EM,IAAe;AAAA,MACnB,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAEb,QAAQ;AAAA,QACN,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAEb,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAEb,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAEb,UAAU;AAAA,QACR,SAAS;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,IACb,GAGIC,IAAaZ,EAAS,MAAMW,EAAapB,EAAM,IAAI,KAAKoB,EAAa,OAAO,GAM5EE,IAAgB,MAAM;AAE1B,MAAAf,EAAA,GAEAL,EAAK,SAAS,GACdM,EAAY,QAAQ;AAAA,IACtB,GAEMe,IAAe,MAAM;AACzB,MAAArB,EAAK,QAAQ,GACbM,EAAY,QAAQ;AAAA,IACtB;2BAjPEgB,EAwCYC,GAAA;AAAA,kBAvCDjB,EAAA;AAAA,oDAAAA,EAAW,QAAAkB;AAAA,MACnB,MAAMzB,EAAA;AAAA,MACN,gBAAcA,EAAA;AAAA,MACd,eAAaA,EAAA;AAAA,MACb,iBAAeA,EAAA;AAAA,MACf,eAAaA,EAAA;AAAA,MACb,qBAAmB;AAAA,MACnB,UAAQsB;AAAA,MACR,WAASD;AAAA,IAAA;MAEC,QACT,MAEM;AAAA,QAFNxB,EAEM,OAAA;AAAA,UAFA,OAAK6B,EAAA,CAAA,oHAAuHN,EAAA,MAAW,OAAO,CAAA;AAAA,QAAA;WAClJzB,KAAA4B,EAAqGI,EAArFT,EAAA,KAAa,GAAA;AAAA,YAAG,OAAKQ,EAAA,CAAA,iBAAoBN,EAAA,MAAW,SAAS,CAAA;AAAA,YAAG,eAAY;AAAA,UAAA;;;MAIrF,UACT,MAEO;AAAA,QAFPvB,EAEO,QAFP+B,GAEOC,EADF7B,EAAA,KAAK,GAAA,CAAA;AAAA,MAAA;MAID,QACT,MAA+E;AAAA,QAA/EH,EAA+E,KAA/EiC,GAA+ED,EAAd7B,EAAA,OAAO,GAAA,CAAA;AAAA,QACxE+B,EAA0BtC,EAAA,QAAA,YAAA;AAAA,QAGfO,EAAA,kBAAXL,EAAA,GAAAC,EAUM,OAVNoC,GAUM;AAAA,YATJnC,EAKE,SAAA;AAAA,YAJA,IAAG;AAAA,0DACMM,EAAiB,QAAAsB;AAAA,YAC1B,MAAK;AAAA,YACL,OAAM;AAAA,UAAA;gBAFGtB,EAAA,KAAiB;AAAA,UAAA;UAI5BN,EAEQ,SAFRoC,GAEQJ,EADH7B,EAAA,eAAe,GAAA,CAAA;AAAA,QAAA;;;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"AlertModal.vue_vue_type_script_setup_true_lang-C6q8Mpl4.js","sources":["../node_modules/@heroicons/vue/24/outline/esm/QuestionMarkCircleIcon.js","../src/components/modals/AlertModal.vue"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z\"\n    })\n  ]))\n}","<template>\n  <BaseModal\n    v-model=\"isModalOpen\"\n    :size=\"size\"\n    :confirm-text=\"confirmText\"\n    :cancel-text=\"cancelText\"\n    :confirm-theme=\"theme\"\n    :show-cancel=\"showCancel\"\n    :show-close-button=\"false\"\n    @cancel=\"handleCancel\"\n    @confirm=\"handleConfirm\"\n  >\n    <template #icon>\n      <div :class=\"['sl-flex sl-h-12 sl-w-12 sl-flex-shrink-0 sl-items-center sl-justify-center sl-rounded-full sm:sl-h-10 sm:sl-w-10', iconStyles.bgColor]\">\n        <component :is=\"iconComponent\" :class=\"['sl-h-6 sl-w-6', iconStyles.iconColor]\" aria-hidden=\"true\" />\n      </div>\n    </template>\n\n    <template #header>\n      <span class=\"sl-text-base sl-font-semibold sl-leading-6 sl-text-gray-900 dark:sl-text-white\">\n        {{ title }}\n      </span>\n    </template>\n\n    <template #body>\n      <p class=\"sl-text-sm sl-text-gray-500 dark:sl-text-slate-300\">{{ message }}</p>\n      <slot name=\"body-extra\" />\n      \n      <!-- Don't remind checkbox -->\n      <div v-if=\"showDontRemind\" class=\"sl-mt-4 sl-flex sl-items-center\">\n        <input\n          id=\"dont-remind-checkbox\"\n          v-model=\"dontRemindChecked\"\n          type=\"checkbox\"\n          class=\"sl-h-4 sl-w-4 sl-rounded sl-border-gray-300 dark:sl-border-slate-600 sl-bg-white dark:sl-bg-slate-900 sl-text-primary-600 focus:sl-ring-primary-600\"\n        />\n        <label for=\"dont-remind-checkbox\" class=\"sl-ml-2 sl-text-sm sl-text-gray-500 dark:sl-text-slate-300\">\n          {{ dontRemindLabel }}\n        </label>\n      </div>\n    </template>\n  </BaseModal>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch, type Component, type PropType } from 'vue';\nimport { \n  ExclamationTriangleIcon, \n  ExclamationCircleIcon,\n  InformationCircleIcon,\n  CheckCircleIcon,\n  QuestionMarkCircleIcon\n} from '@heroicons/vue/24/outline';\nimport BaseModal from './BaseModal.vue';\nimport type { Theme } from '@/types/core';\n\n// =============================================================================\n// Props\n// =============================================================================\n\nconst props = defineProps({\n  /** Whether the modal is visible (v-model compatible) */\n  modelValue: {\n    type: Boolean,\n    default: false\n  },\n  /** Modal size */\n  size: {\n    type: String as PropType<'sm' | 'md' | 'lg' | 'xl' | '2xl'>,\n    default: 'md'\n  },\n  /** Modal title */\n  title: {\n    type: String,\n    default: 'Confirm Action'\n  },\n  /** Modal message/description */\n  message: {\n    type: String,\n    default: 'Are you sure you want to proceed with this action?'\n  },\n  /** Confirm button text */\n  confirmText: {\n    type: String,\n    default: 'Confirm'\n  },\n  /** Cancel button text */\n  cancelText: {\n    type: String,\n    default: 'Cancel'\n  },\n  /** Theme for the confirm button */\n  theme: {\n    type: String as PropType<Theme>,\n    default: 'danger'\n  },\n  /** Icon type to display */\n  icon: {\n    type: String as PropType<'warning' | 'danger' | 'info' | 'success' | 'question'>,\n    default: 'warning'\n  },\n  /** Whether to show the cancel button */\n  showCancel: {\n    type: Boolean,\n    default: true\n  },\n  /** Whether to show the \"don't remind me\" checkbox */\n  showDontRemind: {\n    type: Boolean,\n    default: false\n  },\n  /** Unique key for storing the \"don't remind\" preference in sessionStorage */\n  dontRemindKey: {\n    type: String,\n    default: ''\n  },\n  /** Label for the \"don't remind\" checkbox */\n  dontRemindLabel: {\n    type: String,\n    default: \"Don't ask me again for this session\"\n  }\n});\n\n// =============================================================================\n// Emits\n// =============================================================================\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void;\n  (e: 'confirm'): void;\n  (e: 'cancel'): void;\n}>();\n\n// =============================================================================\n// Don't Remind State\n// =============================================================================\n\nconst dontRemindChecked = ref(false);\n\n// Session storage key prefix for \"don't remind\" preferences\nconst DONT_REMIND_PREFIX = 'alert_modal_dont_remind_';\n\n/**\n * Check if user has previously chosen \"don't remind\" for this key\n */\nconst shouldSkipModal = (): boolean => {\n  if (!props.showDontRemind || !props.dontRemindKey) return false;\n  try {\n    return sessionStorage.getItem(DONT_REMIND_PREFIX + props.dontRemindKey) === 'true';\n  } catch {\n    return false;\n  }\n};\n\n/**\n * Save the \"don't remind\" preference to session storage\n */\nconst saveDontRemindPreference = () => {\n  if (!props.showDontRemind || !props.dontRemindKey || !dontRemindChecked.value) return;\n  try {\n    sessionStorage.setItem(DONT_REMIND_PREFIX + props.dontRemindKey, 'true');\n  } catch {\n    // Ignore storage errors\n  }\n};\n\n// =============================================================================\n// Modal Visibility\n// =============================================================================\n\nconst isModalOpen = computed({\n  get: () => props.modelValue,\n  set: (value: boolean) => emit('update:modelValue', value)\n});\n\n// Watch for modal opening - if user has \"don't remind\" set, auto-confirm\nwatch(() => props.modelValue, (newValue) => {\n  if (newValue && shouldSkipModal()) {\n    // Auto-confirm without showing the modal\n    emit('confirm');\n    emit('update:modelValue', false);\n  }\n  // Reset checkbox state when modal opens\n  if (newValue) {\n    dontRemindChecked.value = false;\n  }\n});\n\n// =============================================================================\n// Icon Configuration\n// =============================================================================\n\nconst iconMap: Record<string, Component> = {\n  warning: ExclamationTriangleIcon,\n  danger: ExclamationCircleIcon,\n  info: InformationCircleIcon,\n  success: CheckCircleIcon,\n  question: QuestionMarkCircleIcon,\n};\n\nconst iconComponent = computed(() => iconMap[props.icon] || ExclamationTriangleIcon);\n\nconst iconStyleMap = {\n  warning: {\n    bgColor: 'sl-bg-yellow-100 dark:sl-bg-yellow-900/30',\n    iconColor: 'sl-text-yellow-600 dark:sl-text-yellow-400'\n  },\n  danger: {\n    bgColor: 'sl-bg-red-100 dark:sl-bg-red-900/30',\n    iconColor: 'sl-text-red-600 dark:sl-text-red-400'\n  },\n  info: {\n    bgColor: 'sl-bg-blue-100 dark:sl-bg-blue-900/30',\n    iconColor: 'sl-text-blue-600 dark:sl-text-blue-400'\n  },\n  success: {\n    bgColor: 'sl-bg-green-100 dark:sl-bg-green-900/30',\n    iconColor: 'sl-text-green-600 dark:sl-text-green-400'\n  },\n  question: {\n    bgColor: 'sl-bg-gray-100 dark:sl-bg-slate-700',\n    iconColor: 'sl-text-gray-600 dark:sl-text-slate-300'\n  }\n};\n\nconst iconStyles = computed(() => iconStyleMap[props.icon] || iconStyleMap.warning);\n\n// =============================================================================\n// Handlers\n// =============================================================================\n\nconst handleConfirm = () => {\n  // Save \"don't remind\" preference if checked\n  saveDontRemindPreference();\n  \n  emit('confirm');\n  isModalOpen.value = false;\n};\n\nconst handleCancel = () => {\n  emit('cancel');\n  isModalOpen.value = false;\n};\n</script>\n\n"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","DONT_REMIND_PREFIX","props","__props","emit","__emit","dontRemindChecked","ref","shouldSkipModal","saveDontRemindPreference","isModalOpen","computed","value","watch","newValue","iconMap","ExclamationTriangleIcon","ExclamationCircleIcon","InformationCircleIcon","CheckCircleIcon","QuestionMarkCircleIcon","iconComponent","iconStyleMap","iconStyles","handleConfirm","handleCancel","_createBlock","BaseModal","$event","_normalizeClass","_resolveDynamicComponent","_hoisted_1","_toDisplayString","_hoisted_2","_renderSlot","_hoisted_3","_hoisted_4"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/{BackgroundGradientWrapper.vue_vue_type_script_setup_true_lang-B570pdYL.js → BackgroundGradientWrapper.vue_vue_type_script_setup_true_lang-C8msTrTn.js}

@@ -1,4 +1,4 @@
-import { defineComponent as d, computed as i, createElementBlock as o, openBlock as l, normalizeClass as s, normalizeStyle as g, renderSlot as c } from "vue";
+import { defineComponent as d, computed as i, createElementBlock as l, openBlock as o, normalizeClass as s, normalizeStyle as c, renderSlot as g } from "vue";
 const u = /* @__PURE__ */ d({
   __name: "BackgroundGradientWrapper",
   props: {
@@ -20,15 +20,15 @@ const u = /* @__PURE__ */ d({
         height: "100%"
       };
     });
-    return (t, n) => (l(), o("div", {
-      style: g(r.value),
-      class: s(t.classes)
+    return (t, n) => (o(), l("div", {
+      style: c(r.value),
+      class: s(a.classes)
     }, [
-      c(t.$slots, "default")
+      g(t.$slots, "default")
     ], 6));
   }
 });
 export {
   u as _
 };
-//# sourceMappingURL=BackgroundGradientWrapper.vue_vue_type_script_setup_true_lang-B570pdYL.js.map
+//# sourceMappingURL=BackgroundGradientWrapper.vue_vue_type_script_setup_true_lang-C8msTrTn.js.map

package/dist/{BackgroundGradientWrapper.vue_vue_type_script_setup_true_lang-B570pdYL.js.map → BackgroundGradientWrapper.vue_vue_type_script_setup_true_lang-C8msTrTn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BackgroundGradientWrapper.vue_vue_type_script_setup_true_lang-B570pdYL.js","sources":["../src/components/wrappers/BackgroundGradientWrapper.vue"],"sourcesContent":["<!--\n  @component BackgroundGradientWrapper\n  @description Gradient background container with customizable colors and styles.\n  \n  A wrapper component that applies linear or radial gradient backgrounds\n  to its content.\n  \n  @props\n  - gradientStart (string, optional): Start color (default: rgba blue)\n  - gradientEnd (string, optional): End color (default: rgba green)\n  - gradientType (string, optional): 'linear' or 'radial'\n  - gradientDirection (string, optional): Direction for linear gradient\n  - gradientShape (string, optional): Shape for radial gradient\n  - gradientSize (string, optional): Size for radial gradient\n  - additionalStops (string[], optional): Additional color stops\n  - classes (string, optional): Additional CSS classes\n  \n  @slots\n  - default: Content inside the gradient background\n  \n  @example\n  <BackgroundGradientWrapper\n    gradient-start=\"rgba(59, 130, 246, 0.8)\"\n    gradient-end=\"rgba(35, 78, 138, 0.8)\"\n    gradient-type=\"radial\"\n    classes=\"sl-rounded-lg sl-p-8\"\n  >\n    <h1 class=\"sl-text-white\">Welcome</h1>\n  </BackgroundGradientWrapper>\n-->\n<template>\n  <div :style=\"gradientStyle\" :class=\"classes\">\n    <slot />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\ninterface Props {\n  gradientStart?: string;\n  gradientEnd?: string;\n  gradientType?: 'linear' | 'radial';\n  gradientDirection?: string;\n  gradientShape?: string;\n  gradientSize?: string;\n  additionalStops?: string[];\n  classes?: string;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  gradientStart: 'rgba(0, 0, 255, 1)',\n  gradientEnd: 'rgba(0, 255, 0, 1)',\n  gradientType: 'linear',\n  gradientDirection: 'to right',\n  gradientShape: 'ellipse',\n  gradientSize: 'farthest-corner',\n  additionalStops: () => [],\n  classes: '',\n});\n\nconst gradientStyle = computed(() => {\n  const stops = [props.gradientStart, ...props.additionalStops, props.gradientEnd].join(', ');\n  \n  const background = props.gradientType === 'radial'\n    ? `radial-gradient(${props.gradientShape} ${props.gradientSize} at center, ${stops})`\n    : `linear-gradient(${props.gradientDirection}, ${stops})`;\n\n  return {\n    background,\n    width: '100%',\n    height: '100%',\n  };\n});\n</script>\n\n"],"names":["props","__props","gradientStyle","computed","stops","_createElementBlock","classes","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;AAkDA,UAAMA,IAAQC,GAWRC,IAAgBC,EAAS,MAAM;AACnC,YAAMC,IAAQ,CAACJ,EAAM,eAAe,GAAGA,EAAM,iBAAiBA,EAAM,WAAW,EAAE,KAAK,IAAI;AAM1F,aAAO;AAAA,QACL,YALiBA,EAAM,iBAAiB,WACtC,mBAAmBA,EAAM,aAAa,IAAIA,EAAM,YAAY,eAAeI,CAAK,MAChF,mBAAmBJ,EAAM,iBAAiB,KAAKI,CAAK;AAAA,QAItD,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,IAEZ,CAAC;2BA1CCC,EAEM,OAAA;AAAA,MAFA,SAAOH,EAAA,KAAa;AAAA,MAAG,SAAOI,EAAAA,OAAO;AAAA,IAAA;MACzCC,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}
+{"version":3,"file":"BackgroundGradientWrapper.vue_vue_type_script_setup_true_lang-C8msTrTn.js","sources":["../src/components/wrappers/BackgroundGradientWrapper.vue"],"sourcesContent":["<!--\n  @component BackgroundGradientWrapper\n  @description Gradient background container with customizable colors and styles.\n  \n  A wrapper component that applies linear or radial gradient backgrounds\n  to its content.\n  \n  @props\n  - gradientStart (string, optional): Start color (default: rgba blue)\n  - gradientEnd (string, optional): End color (default: rgba green)\n  - gradientType (string, optional): 'linear' or 'radial'\n  - gradientDirection (string, optional): Direction for linear gradient\n  - gradientShape (string, optional): Shape for radial gradient\n  - gradientSize (string, optional): Size for radial gradient\n  - additionalStops (string[], optional): Additional color stops\n  - classes (string, optional): Additional CSS classes\n  \n  @slots\n  - default: Content inside the gradient background\n  \n  @example\n  <BackgroundGradientWrapper\n    gradient-start=\"rgba(59, 130, 246, 0.8)\"\n    gradient-end=\"rgba(35, 78, 138, 0.8)\"\n    gradient-type=\"radial\"\n    classes=\"sl-rounded-lg sl-p-8\"\n  >\n    <h1 class=\"sl-text-white\">Welcome</h1>\n  </BackgroundGradientWrapper>\n-->\n<template>\n  <div :style=\"gradientStyle\" :class=\"classes\">\n    <slot />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\ninterface Props {\n  gradientStart?: string;\n  gradientEnd?: string;\n  gradientType?: 'linear' | 'radial';\n  gradientDirection?: string;\n  gradientShape?: string;\n  gradientSize?: string;\n  additionalStops?: string[];\n  classes?: string;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  gradientStart: 'rgba(0, 0, 255, 1)',\n  gradientEnd: 'rgba(0, 255, 0, 1)',\n  gradientType: 'linear',\n  gradientDirection: 'to right',\n  gradientShape: 'ellipse',\n  gradientSize: 'farthest-corner',\n  additionalStops: () => [],\n  classes: '',\n});\n\nconst gradientStyle = computed(() => {\n  const stops = [props.gradientStart, ...props.additionalStops, props.gradientEnd].join(', ');\n  \n  const background = props.gradientType === 'radial'\n    ? `radial-gradient(${props.gradientShape} ${props.gradientSize} at center, ${stops})`\n    : `linear-gradient(${props.gradientDirection}, ${stops})`;\n\n  return {\n    background,\n    width: '100%',\n    height: '100%',\n  };\n});\n</script>\n\n"],"names":["props","__props","gradientStyle","computed","stops","_createElementBlock","_renderSlot","_ctx"],"mappings":";;;;;;;;;;;;;;AAkDA,UAAMA,IAAQC,GAWRC,IAAgBC,EAAS,MAAM;AACnC,YAAMC,IAAQ,CAACJ,EAAM,eAAe,GAAGA,EAAM,iBAAiBA,EAAM,WAAW,EAAE,KAAK,IAAI;AAM1F,aAAO;AAAA,QACL,YALiBA,EAAM,iBAAiB,WACtC,mBAAmBA,EAAM,aAAa,IAAIA,EAAM,YAAY,eAAeI,CAAK,MAChF,mBAAmBJ,EAAM,iBAAiB,KAAKI,CAAK;AAAA,QAItD,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA;AAAA,IAEZ,CAAC;2BA1CCC,EAEM,OAAA;AAAA,MAFA,SAAOH,EAAA,KAAa;AAAA,MAAG,SAAOD,EAAA,OAAO;AAAA,IAAA;MACzCK,EAAQC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}

package/dist/{BarChart.vue_vue_type_script_setup_true_lang-Dnuzd7vZ.js → BarChart.vue_vue_type_script_setup_true_lang-xCb0DCbf.js}

@@ -1,7 +1,7 @@
-import { defineComponent as u, computed as l, createBlock as m, openBlock as f, mergeProps as y } from "vue";
+import { defineComponent as p, computed as n, createBlock as m, openBlock as f, mergeProps as y } from "vue";
 import g from "./charts/BaseChart.js";
-import { chartColors as b } from "./charts/chartTheme.js";
-const B = /* @__PURE__ */ u({
+import { chartColors as x } from "./charts/chartTheme.js";
+const B = /* @__PURE__ */ p({
   __name: "BarChart",
   props: {
     data: {},
@@ -10,23 +10,23 @@ const B = /* @__PURE__ */ u({
     horizontal: { type: Boolean, default: !1 },
     stacked: { type: Boolean, default: !1 },
     height: { default: 300 },
-    colors: { default: () => b.primary },
+    colors: { default: () => x.primary },
     loading: { type: Boolean, default: !1 },
     showLegend: { type: Boolean, default: !0 },
     barWidth: { default: "60%" }
   },
   emits: ["click"],
-  setup(s, { emit: n }) {
-    const t = s, d = n, o = l(() => Array.isArray(t.data) && t.data.length > 0 && typeof t.data[0] == "object"), c = l(() => {
-      const a = o.value ? t.data.map((i, p) => ({
-        name: i.name,
+  setup(e, { emit: s }) {
+    const t = e, d = s, r = n(() => Array.isArray(t.data) && t.data.length > 0 && typeof t.data[0] == "object"), c = n(() => {
+      const a = r.value ? t.data.map((l, u) => ({
+        name: l.name,
         type: "bar",
-        data: i.data,
+        data: l.data,
         stack: t.stacked ? "total" : void 0,
         barWidth: t.barWidth,
         barMaxWidth: 40,
         itemStyle: {
-          color: t.colors[p % t.colors.length],
+          color: t.colors[u % t.colors.length],
           borderRadius: t.horizontal ? [0, 4, 4, 0] : [4, 4, 0, 0]
         }
       })) : [{
@@ -38,30 +38,30 @@ const B = /* @__PURE__ */ u({
           color: t.colors[0],
           borderRadius: t.horizontal ? [0, 4, 4, 0] : [4, 4, 0, 0]
         }
-      }], e = {
+      }], o = {
         type: "category",
         data: t.xAxisData
-      }, r = {
+      }, i = {
         type: "value"
       };
       return {
         title: t.title ? { text: t.title } : void 0,
-        legend: t.showLegend && o.value ? { show: !0 } : { show: !1 },
-        xAxis: t.horizontal ? r : e,
-        yAxis: t.horizontal ? e : r,
+        legend: t.showLegend && r.value ? { show: !0 } : { show: !1 },
+        xAxis: t.horizontal ? i : o,
+        yAxis: t.horizontal ? o : i,
         series: a
       };
     }), h = (a) => {
       d("click", a);
     };
-    return (a, e) => (f(), m(g, y({
+    return (a, o) => (f(), m(g, y({
       option: c.value,
-      height: a.height,
-      loading: a.loading
+      height: e.height,
+      loading: e.loading
     }, a.$attrs, { onClick: h }), null, 16, ["option", "height", "loading"]));
   }
 });
 export {
   B as _
 };
-//# sourceMappingURL=BarChart.vue_vue_type_script_setup_true_lang-Dnuzd7vZ.js.map
+//# sourceMappingURL=BarChart.vue_vue_type_script_setup_true_lang-xCb0DCbf.js.map

package/dist/{BarChart.vue_vue_type_script_setup_true_lang-Dnuzd7vZ.js.map → BarChart.vue_vue_type_script_setup_true_lang-xCb0DCbf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BarChart.vue_vue_type_script_setup_true_lang-Dnuzd7vZ.js","sources":["../src/components/charts/BarChart.vue"],"sourcesContent":["<!--\n  @component BarChart\n  @description Bar chart component with horizontal/vertical orientation.\n  \n  @props\n  - data (array, required): Array of data points\n  - xAxisData (array, required): X-axis labels\n  - title (string, optional): Chart title\n  - horizontal (boolean, optional): Horizontal bar orientation\n  - stacked (boolean, optional): Stack multiple series\n  - height (number|string, optional): Chart height\n  - colors (array, optional): Custom color palette\n  \n  @example\n  <BarChart\n    :data=\"categoryData\"\n    :x-axis-data=\"categories\"\n    title=\"Sales by Category\"\n  />\n-->\n<template>\n  <BaseChart\n    :option=\"chartOption\"\n    :height=\"height\"\n    :loading=\"loading\"\n    v-bind=\"$attrs\"\n    @click=\"handleClick\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport BaseChart from './BaseChart.vue';\nimport { chartColors } from './chartTheme';\nimport type { EChartsOption } from 'echarts';\n\ninterface SeriesData {\n  name: string;\n  data: number[];\n}\n\ninterface Props {\n  data: number[] | SeriesData[];\n  xAxisData: string[];\n  title?: string;\n  horizontal?: boolean;\n  stacked?: boolean;\n  height?: number | string;\n  colors?: string[];\n  loading?: boolean;\n  showLegend?: boolean;\n  barWidth?: string | number;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  horizontal: false,\n  stacked: false,\n  height: 300,\n  colors: () => chartColors.primary,\n  loading: false,\n  showLegend: true,\n  barWidth: '60%',\n});\n\nconst emit = defineEmits<{\n  click: [params: unknown];\n}>();\n\nconst isMultiSeries = computed(() => {\n  return Array.isArray(props.data) && props.data.length > 0 && typeof props.data[0] === 'object';\n});\n\nconst chartOption = computed<EChartsOption>(() => {\n  const series = isMultiSeries.value\n    ? (props.data as SeriesData[]).map((s, idx) => ({\n        name: s.name,\n        type: 'bar' as const,\n        data: s.data,\n        stack: props.stacked ? 'total' : undefined,\n        barWidth: props.barWidth,\n        barMaxWidth: 40,\n        itemStyle: {\n          color: props.colors[idx % props.colors.length],\n          borderRadius: props.horizontal ? [0, 4, 4, 0] : [4, 4, 0, 0],\n        },\n      }))\n    : [{\n        type: 'bar' as const,\n        data: props.data as number[],\n        barWidth: props.barWidth,\n        barMaxWidth: 40,\n        itemStyle: {\n          color: props.colors[0],\n          borderRadius: props.horizontal ? [0, 4, 4, 0] : [4, 4, 0, 0],\n        },\n      }];\n\n  const categoryAxis = {\n    type: 'category' as const,\n    data: props.xAxisData,\n  };\n\n  const valueAxis = {\n    type: 'value' as const,\n  };\n\n  return {\n    title: props.title ? { text: props.title } : undefined,\n    legend: props.showLegend && isMultiSeries.value ? { show: true } : { show: false },\n    xAxis: props.horizontal ? valueAxis : categoryAxis,\n    yAxis: props.horizontal ? categoryAxis : valueAxis,\n    series,\n  };\n});\n\nconst handleClick = (params: unknown): void => {\n  emit('click', params);\n};\n</script>\n\n"],"names":["props","__props","emit","__emit","isMultiSeries","computed","chartOption","series","s","idx","categoryAxis","valueAxis","handleClick","params","_openBlock","_createBlock","BaseChart","_mergeProps","height","loading","$attrs"],"mappings":";;;;;;;;;;;;;;;;;;;AAsDA,UAAMA,IAAQC,GAURC,IAAOC,GAIPC,IAAgBC,EAAS,MACtB,MAAM,QAAQL,EAAM,IAAI,KAAKA,EAAM,KAAK,SAAS,KAAK,OAAOA,EAAM,KAAK,CAAC,KAAM,QACvF,GAEKM,IAAcD,EAAwB,MAAM;AAChD,YAAME,IAASH,EAAc,QACxBJ,EAAM,KAAsB,IAAI,CAACQ,GAAGC,OAAS;AAAA,QAC5C,MAAMD,EAAE;AAAA,QACR,MAAM;AAAA,QACN,MAAMA,EAAE;AAAA,QACR,OAAOR,EAAM,UAAU,UAAU;AAAA,QACjC,UAAUA,EAAM;AAAA,QAChB,aAAa;AAAA,QACb,WAAW;AAAA,UACT,OAAOA,EAAM,OAAOS,IAAMT,EAAM,OAAO,MAAM;AAAA,UAC7C,cAAcA,EAAM,aAAa,CAAC,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;AAAA,QAAA;AAAA,MAC7D,EACA,IACF,CAAC;AAAA,QACC,MAAM;AAAA,QACN,MAAMA,EAAM;AAAA,QACZ,UAAUA,EAAM;AAAA,QAChB,aAAa;AAAA,QACb,WAAW;AAAA,UACT,OAAOA,EAAM,OAAO,CAAC;AAAA,UACrB,cAAcA,EAAM,aAAa,CAAC,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;AAAA,QAAA;AAAA,MAC7D,CACD,GAECU,IAAe;AAAA,QACnB,MAAM;AAAA,QACN,MAAMV,EAAM;AAAA,MAAA,GAGRW,IAAY;AAAA,QAChB,MAAM;AAAA,MAAA;AAGR,aAAO;AAAA,QACL,OAAOX,EAAM,QAAQ,EAAE,MAAMA,EAAM,UAAU;AAAA,QAC7C,QAAQA,EAAM,cAAcI,EAAc,QAAQ,EAAE,MAAM,GAAA,IAAS,EAAE,MAAM,GAAA;AAAA,QAC3E,OAAOJ,EAAM,aAAaW,IAAYD;AAAA,QACtC,OAAOV,EAAM,aAAaU,IAAeC;AAAA,QACzC,QAAAJ;AAAA,MAAA;AAAA,IAEJ,CAAC,GAEKK,IAAc,CAACC,MAA0B;AAC7C,MAAAX,EAAK,SAASW,CAAM;AAAA,IACtB;sBAhGEC,EAAA,GAAAC,EAMEC,GANFC,EAME;AAAA,MALC,QAAQX,EAAA;AAAA,MACR,QAAQY,EAAAA;AAAAA,MACR,SAASC,EAAAA;AAAAA,IAAAA,GACFC,EAAAA,QAAM,EACb,SAAOR,EAAA,CAAW,GAAA,MAAA,IAAA,CAAA,UAAA,UAAA,SAAA,CAAA;AAAA;;"}
+{"version":3,"file":"BarChart.vue_vue_type_script_setup_true_lang-xCb0DCbf.js","sources":["../src/components/charts/BarChart.vue"],"sourcesContent":["<!--\n  @component BarChart\n  @description Bar chart component with horizontal/vertical orientation.\n  \n  @props\n  - data (array, required): Array of data points\n  - xAxisData (array, required): X-axis labels\n  - title (string, optional): Chart title\n  - horizontal (boolean, optional): Horizontal bar orientation\n  - stacked (boolean, optional): Stack multiple series\n  - height (number|string, optional): Chart height\n  - colors (array, optional): Custom color palette\n  \n  @example\n  <BarChart\n    :data=\"categoryData\"\n    :x-axis-data=\"categories\"\n    title=\"Sales by Category\"\n  />\n-->\n<template>\n  <BaseChart\n    :option=\"chartOption\"\n    :height=\"height\"\n    :loading=\"loading\"\n    v-bind=\"$attrs\"\n    @click=\"handleClick\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport BaseChart from './BaseChart.vue';\nimport { chartColors } from './chartTheme';\nimport type { EChartsOption } from 'echarts';\n\ninterface SeriesData {\n  name: string;\n  data: number[];\n}\n\ninterface Props {\n  data: number[] | SeriesData[];\n  xAxisData: string[];\n  title?: string;\n  horizontal?: boolean;\n  stacked?: boolean;\n  height?: number | string;\n  colors?: string[];\n  loading?: boolean;\n  showLegend?: boolean;\n  barWidth?: string | number;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  horizontal: false,\n  stacked: false,\n  height: 300,\n  colors: () => chartColors.primary,\n  loading: false,\n  showLegend: true,\n  barWidth: '60%',\n});\n\nconst emit = defineEmits<{\n  click: [params: unknown];\n}>();\n\nconst isMultiSeries = computed(() => {\n  return Array.isArray(props.data) && props.data.length > 0 && typeof props.data[0] === 'object';\n});\n\nconst chartOption = computed<EChartsOption>(() => {\n  const series = isMultiSeries.value\n    ? (props.data as SeriesData[]).map((s, idx) => ({\n        name: s.name,\n        type: 'bar' as const,\n        data: s.data,\n        stack: props.stacked ? 'total' : undefined,\n        barWidth: props.barWidth,\n        barMaxWidth: 40,\n        itemStyle: {\n          color: props.colors[idx % props.colors.length],\n          borderRadius: props.horizontal ? [0, 4, 4, 0] : [4, 4, 0, 0],\n        },\n      }))\n    : [{\n        type: 'bar' as const,\n        data: props.data as number[],\n        barWidth: props.barWidth,\n        barMaxWidth: 40,\n        itemStyle: {\n          color: props.colors[0],\n          borderRadius: props.horizontal ? [0, 4, 4, 0] : [4, 4, 0, 0],\n        },\n      }];\n\n  const categoryAxis = {\n    type: 'category' as const,\n    data: props.xAxisData,\n  };\n\n  const valueAxis = {\n    type: 'value' as const,\n  };\n\n  return {\n    title: props.title ? { text: props.title } : undefined,\n    legend: props.showLegend && isMultiSeries.value ? { show: true } : { show: false },\n    xAxis: props.horizontal ? valueAxis : categoryAxis,\n    yAxis: props.horizontal ? categoryAxis : valueAxis,\n    series,\n  };\n});\n\nconst handleClick = (params: unknown): void => {\n  emit('click', params);\n};\n</script>\n\n"],"names":["props","__props","emit","__emit","isMultiSeries","computed","chartOption","series","s","idx","categoryAxis","valueAxis","handleClick","params","_openBlock","_createBlock","BaseChart","_mergeProps","$attrs"],"mappings":";;;;;;;;;;;;;;;;;;;AAsDA,UAAMA,IAAQC,GAURC,IAAOC,GAIPC,IAAgBC,EAAS,MACtB,MAAM,QAAQL,EAAM,IAAI,KAAKA,EAAM,KAAK,SAAS,KAAK,OAAOA,EAAM,KAAK,CAAC,KAAM,QACvF,GAEKM,IAAcD,EAAwB,MAAM;AAChD,YAAME,IAASH,EAAc,QACxBJ,EAAM,KAAsB,IAAI,CAACQ,GAAGC,OAAS;AAAA,QAC5C,MAAMD,EAAE;AAAA,QACR,MAAM;AAAA,QACN,MAAMA,EAAE;AAAA,QACR,OAAOR,EAAM,UAAU,UAAU;AAAA,QACjC,UAAUA,EAAM;AAAA,QAChB,aAAa;AAAA,QACb,WAAW;AAAA,UACT,OAAOA,EAAM,OAAOS,IAAMT,EAAM,OAAO,MAAM;AAAA,UAC7C,cAAcA,EAAM,aAAa,CAAC,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;AAAA,QAAA;AAAA,MAC7D,EACA,IACF,CAAC;AAAA,QACC,MAAM;AAAA,QACN,MAAMA,EAAM;AAAA,QACZ,UAAUA,EAAM;AAAA,QAChB,aAAa;AAAA,QACb,WAAW;AAAA,UACT,OAAOA,EAAM,OAAO,CAAC;AAAA,UACrB,cAAcA,EAAM,aAAa,CAAC,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;AAAA,QAAA;AAAA,MAC7D,CACD,GAECU,IAAe;AAAA,QACnB,MAAM;AAAA,QACN,MAAMV,EAAM;AAAA,MAAA,GAGRW,IAAY;AAAA,QAChB,MAAM;AAAA,MAAA;AAGR,aAAO;AAAA,QACL,OAAOX,EAAM,QAAQ,EAAE,MAAMA,EAAM,UAAU;AAAA,QAC7C,QAAQA,EAAM,cAAcI,EAAc,QAAQ,EAAE,MAAM,GAAA,IAAS,EAAE,MAAM,GAAA;AAAA,QAC3E,OAAOJ,EAAM,aAAaW,IAAYD;AAAA,QACtC,OAAOV,EAAM,aAAaU,IAAeC;AAAA,QACzC,QAAAJ;AAAA,MAAA;AAAA,IAEJ,CAAC,GAEKK,IAAc,CAACC,MAA0B;AAC7C,MAAAX,EAAK,SAASW,CAAM;AAAA,IACtB;sBAhGEC,EAAA,GAAAC,EAMEC,GANFC,EAME;AAAA,MALC,QAAQX,EAAA;AAAA,MACR,QAAQL,EAAA;AAAA,MACR,SAASA,EAAA;AAAA,IAAA,GACFiB,EAAAA,QAAM,EACb,SAAON,EAAA,CAAW,GAAA,MAAA,IAAA,CAAA,UAAA,UAAA,SAAA,CAAA;AAAA;;"}

package/dist/{BaseModal.vue_vue_type_script_setup_true_lang-Cr_GAD6Q.js → BaseModal.vue_vue_type_script_setup_true_lang-B67Pt3tW.js}

@@ -1,7 +1,7 @@
 import { defineComponent as z, computed as g, createBlock as h, openBlock as a, unref as t, withCtx as r, createVNode as m, createElementVNode as l, normalizeStyle as S, normalizeClass as o, createElementBlock as u, createCommentVNode as i, renderSlot as y, toDisplayString as p } from "vue";
 import { r as V } from "./XMarkIcon-Cwy3T6p8.js";
 import { S as $, h as x } from "./transition-_rPfnoET.js";
-import { Y as T, G as j, V as F } from "./dialog-B2WA4G25.js";
+import { Y as T, G as j, V as F } from "./dialog-BJ2Ld8l3.js";
 const N = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto" }, E = { class: "sl-flex sl-min-h-full sl-items-end sl-justify-center sl-p-4 sl-text-center sm:sl-items-center sm:sl-p-0" }, G = {
   key: 0,
   class: "sl-mx-auto sl-flex sl-h-12 sl-w-12 sl-flex-shrink-0 sl-items-center sl-justify-center sl-rounded-full sm:sl-mx-0 sm:sl-h-10 sm:sl-w-10"
@@ -126,11 +126,10 @@ const N = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
               "leave-from": "sl-opacity-100",
               "leave-to": "sl-opacity-0"
             }, {
-              default: r(() => c[0] || (c[0] = [
+              default: r(() => [...c[0] || (c[0] = [
                 l("div", { class: "sl-fixed sl-inset-0 sl-bg-gray-500/75 dark:sl-bg-slate-900/80 sl-transition-opacity" }, null, -1)
-              ])),
-              _: 1,
-              __: [0]
+              ])]),
+              _: 1
             }),
             l("div", N, [
               l("div", E, [
@@ -232,4 +231,4 @@ const N = { class: "sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto"
 export {
   W as _
 };
-//# sourceMappingURL=BaseModal.vue_vue_type_script_setup_true_lang-Cr_GAD6Q.js.map
+//# sourceMappingURL=BaseModal.vue_vue_type_script_setup_true_lang-B67Pt3tW.js.map

package/dist/{BaseModal.vue_vue_type_script_setup_true_lang-Cr_GAD6Q.js.map → BaseModal.vue_vue_type_script_setup_true_lang-B67Pt3tW.js.map}

@@ -1 +1 @@
-{"version":3,"file":"BaseModal.vue_vue_type_script_setup_true_lang-Cr_GAD6Q.js","sources":["../src/components/modals/BaseModal.vue"],"sourcesContent":["<template>\n  <TransitionRoot as=\"template\" :show=\"modelValue\">\n    <Dialog as=\"div\" class=\"sl-relative sl-z-50\" @close=\"handleClose\">\n      <TransitionChild\n        as=\"template\"\n        enter=\"sl-ease-out sl-duration-300\"\n        enter-from=\"sl-opacity-0\"\n        enter-to=\"sl-opacity-100\"\n        leave=\"sl-ease-in sl-duration-200\"\n        leave-from=\"sl-opacity-100\"\n        leave-to=\"sl-opacity-0\"\n      >\n        <div class=\"sl-fixed sl-inset-0 sl-bg-gray-500/75 dark:sl-bg-slate-900/80 sl-transition-opacity\" />\n      </TransitionChild>\n\n      <div class=\"sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto\">\n        <div class=\"sl-flex sl-min-h-full sl-items-end sl-justify-center sl-p-4 sl-text-center sm:sl-items-center sm:sl-p-0\">\n          <TransitionChild\n            as=\"template\"\n            enter=\"sl-ease-out sl-duration-300\"\n            enter-from=\"sl-opacity-0 sl-translate-y-4 sm:sl-translate-y-0 sm:sl-scale-95\"\n            enter-to=\"sl-opacity-100 sl-translate-y-0 sm:sl-scale-100\"\n            leave=\"sl-ease-in sl-duration-200\"\n            leave-from=\"sl-opacity-100 sl-translate-y-0 sm:sl-scale-100\"\n            leave-to=\"sl-opacity-0 sl-translate-y-4 sm:sl-translate-y-0 sm:sl-scale-95\"\n          >\n            <DialogPanel\n              :class=\"[\n                'sl-relative sl-transform sl-rounded-lg sl-bg-white dark:sl-bg-slate-800 sl-text-left sl-shadow-xl sl-transition-all',\n                'sm:sl-my-8 sl-w-full',\n                sizeClass\n              ]\"\n              :style=\"sizeStyle\"\n            >\n              <!-- Close button -->\n              <button\n                v-if=\"showCloseButton\"\n                type=\"button\"\n                class=\"sl-absolute sl-right-4 sl-top-4 sl-text-gray-400 hover:sl-text-gray-500 dark:sl-text-slate-500 dark:hover:sl-text-slate-400 sl-z-10\"\n                @click=\"handleClose\"\n              >\n                <span class=\"sl-sr-only\">Close</span>\n                <XMarkIcon class=\"sl-h-6 sl-w-6\" aria-hidden=\"true\" />\n              </button>\n\n              <div :class=\"['sl-bg-white dark:sl-bg-slate-800 sl-px-4 sl-pb-4 sl-pt-5 sm:sl-p-6', { 'sm:sl-pb-4': showFooter }]\">\n                <div :class=\"{ 'sm:sl-flex sm:sl-items-start': !!$slots.icon }\">\n                  <!-- Icon slot -->\n                  <div v-if=\"$slots.icon\" class=\"sl-mx-auto sl-flex sl-h-12 sl-w-12 sl-flex-shrink-0 sl-items-center sl-justify-center sl-rounded-full sm:sl-mx-0 sm:sl-h-10 sm:sl-w-10\">\n                    <slot name=\"icon\" />\n                  </div>\n\n                  <div :class=\"{ 'sl-mt-3 sl-text-center sm:sl-ml-4 sm:sl-mt-0 sm:sl-text-left': !!$slots.icon, 'sl-flex-1': true }\">\n                    <!-- Header slot -->\n                    <DialogTitle v-if=\"$slots.header\" as=\"h3\" class=\"sl-text-base sl-font-semibold sl-leading-6 sl-text-gray-900 dark:sl-text-white\">\n                      <slot name=\"header\" />\n                    </DialogTitle>\n\n                    <!-- Body slot -->\n                    <div :class=\"{ 'sl-mt-2': !!$slots.header }\" class=\"sl-text-gray-600 dark:sl-text-slate-300\">\n                      <slot name=\"body\" />\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <!-- Footer with action buttons -->\n              <div\n                v-if=\"showFooter\"\n                class=\"sl-bg-gray-50 dark:sl-bg-slate-800/50 sl-px-4 sl-py-3 sm:sl-flex sm:sl-flex-row-reverse sm:sl-px-6 sl-gap-3\"\n              >\n                <slot name=\"footer\">\n                  <button\n                    type=\"button\"\n                    :class=\"[\n                      'sl-inline-flex sl-w-full sl-justify-center sl-rounded-md sl-px-3 sl-py-2 sl-text-sm sl-font-semibold sl-text-white sl-shadow-sm sm:sl-w-auto',\n                      confirmButtonClasses\n                    ]\"\n                    @click=\"handleConfirm\"\n                  >\n                    {{ confirmText }}\n                  </button>\n                  <button\n                    v-if=\"showCancel\"\n                    type=\"button\"\n                    class=\"sl-mt-3 sl-inline-flex sl-w-full sl-justify-center sl-rounded-md sl-bg-white dark:sl-bg-slate-700 sl-px-3 sl-py-2 sl-text-sm sl-font-semibold sl-text-gray-900 dark:sl-text-gray-200 sl-shadow-sm sl-ring-1 sl-ring-inset sl-ring-gray-300 dark:sl-ring-slate-600 hover:sl-bg-gray-50 dark:hover:sl-bg-slate-600 sm:sl-mt-0 sm:sl-w-auto\"\n                    @click=\"handleCancel\"\n                  >\n                    {{ cancelText }}\n                  </button>\n                </slot>\n              </div>\n            </DialogPanel>\n          </TransitionChild>\n        </div>\n      </div>\n    </Dialog>\n  </TransitionRoot>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, type PropType } from 'vue';\nimport { Dialog, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from '@headlessui/vue';\nimport { XMarkIcon } from '@heroicons/vue/24/outline';\nimport type { Theme } from '@/types/core';\n\nconst props = defineProps({\n  /** Controls modal visibility (v-model) */\n  modelValue: {\n    type: Boolean,\n    required: true,\n  },\n  /** Modal size */\n  size: {\n    type: String as PropType<'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full'>,\n    default: 'md',\n  },\n  /** Text for confirm button */\n  confirmText: {\n    type: String,\n    default: 'Confirm',\n  },\n  /** Text for cancel button */\n  cancelText: {\n    type: String,\n    default: 'Cancel',\n  },\n  /** Theme for confirm button */\n  confirmTheme: {\n    type: String as PropType<Theme>,\n    default: 'primary',\n  },\n  /** Whether to show cancel button */\n  showCancel: {\n    type: Boolean,\n    default: true,\n  },\n  /** Whether to show close button in corner */\n  showCloseButton: {\n    type: Boolean,\n    default: true,\n  },\n  /** Whether to show footer with action buttons */\n  showFooter: {\n    type: Boolean,\n    default: true,\n  },\n  /** Whether clicking backdrop closes modal */\n  closeOnBackdrop: {\n    type: Boolean,\n    default: true,\n  },\n});\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void;\n  (e: 'confirm'): void;\n  (e: 'cancel'): void;\n  (e: 'close'): void;\n}>();\n\nconst sizeClass = computed(() => {\n  const sizes: Record<string, string> = {\n    sm: 'sm:sl-max-w-sm',\n    md: 'sm:sl-max-w-md',\n    lg: 'sm:sl-max-w-lg',\n    xl: 'sm:sl-max-w-xl',\n    '2xl': 'sm:sl-max-w-2xl',\n    full: 'sm:sl-max-w-full sm:sl-mx-4',\n  };\n  return sizes[props.size] || sizes.md;\n});\n\n// Use inline styles for max-width to ensure they work regardless of CSS build\nconst sizeStyle = computed(() => {\n  const sizes: Record<string, string> = {\n    sm: '24rem',    // 384px\n    md: '28rem',    // 448px\n    lg: '32rem',    // 512px\n    xl: '36rem',    // 576px\n    '2xl': '42rem', // 672px\n    full: '100%',\n  };\n  return {\n    maxWidth: sizes[props.size] || sizes.md,\n  };\n});\n\nconst confirmButtonClasses = computed(() => {\n  const themes: Record<Theme, string> = {\n    primary: 'sl-bg-primary-600 hover:sl-bg-primary-500',\n    secondary: 'sl-bg-gray-600 hover:sl-bg-gray-500',\n    success: 'sl-bg-green-600 hover:sl-bg-green-500',\n    warning: 'sl-bg-yellow-600 hover:sl-bg-yellow-500',\n    danger: 'sl-bg-red-600 hover:sl-bg-red-500',\n    info: 'sl-bg-blue-600 hover:sl-bg-blue-500',\n    light: 'sl-bg-gray-200 sl-text-gray-900 hover:sl-bg-gray-300',\n    dark: 'sl-bg-gray-800 hover:sl-bg-gray-700',\n    ghost: 'sl-bg-transparent hover:sl-bg-gray-100 dark:hover:sl-bg-gray-800',\n  };\n  return themes[props.confirmTheme] || themes.primary;\n});\n\nconst handleClose = () => {\n  if (!props.closeOnBackdrop) return;\n  emit('update:modelValue', false);\n  emit('close');\n};\n\nconst handleConfirm = () => {\n  emit('confirm');\n};\n\nconst handleCancel = () => {\n  emit('update:modelValue', false);\n  emit('cancel');\n};\n</script>\n\n"],"names":["props","__props","emit","__emit","sizeClass","computed","sizes","sizeStyle","confirmButtonClasses","themes","handleClose","handleConfirm","handleCancel","_createBlock","_unref","TransitionRoot","_createVNode","Dialog","TransitionChild","_cache","_createElementVNode","_hoisted_1","_hoisted_2","DialogPanel","_normalizeClass","_createElementBlock","XMarkIcon","$slots","_openBlock","_hoisted_3","_renderSlot","_ctx","DialogTitle","_hoisted_4"],"mappings":"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"}
+{"version":3,"file":"BaseModal.vue_vue_type_script_setup_true_lang-B67Pt3tW.js","sources":["../src/components/modals/BaseModal.vue"],"sourcesContent":["<template>\n  <TransitionRoot as=\"template\" :show=\"modelValue\">\n    <Dialog as=\"div\" class=\"sl-relative sl-z-50\" @close=\"handleClose\">\n      <TransitionChild\n        as=\"template\"\n        enter=\"sl-ease-out sl-duration-300\"\n        enter-from=\"sl-opacity-0\"\n        enter-to=\"sl-opacity-100\"\n        leave=\"sl-ease-in sl-duration-200\"\n        leave-from=\"sl-opacity-100\"\n        leave-to=\"sl-opacity-0\"\n      >\n        <div class=\"sl-fixed sl-inset-0 sl-bg-gray-500/75 dark:sl-bg-slate-900/80 sl-transition-opacity\" />\n      </TransitionChild>\n\n      <div class=\"sl-fixed sl-inset-0 sl-z-10 sl-w-screen sl-overflow-y-auto\">\n        <div class=\"sl-flex sl-min-h-full sl-items-end sl-justify-center sl-p-4 sl-text-center sm:sl-items-center sm:sl-p-0\">\n          <TransitionChild\n            as=\"template\"\n            enter=\"sl-ease-out sl-duration-300\"\n            enter-from=\"sl-opacity-0 sl-translate-y-4 sm:sl-translate-y-0 sm:sl-scale-95\"\n            enter-to=\"sl-opacity-100 sl-translate-y-0 sm:sl-scale-100\"\n            leave=\"sl-ease-in sl-duration-200\"\n            leave-from=\"sl-opacity-100 sl-translate-y-0 sm:sl-scale-100\"\n            leave-to=\"sl-opacity-0 sl-translate-y-4 sm:sl-translate-y-0 sm:sl-scale-95\"\n          >\n            <DialogPanel\n              :class=\"[\n                'sl-relative sl-transform sl-rounded-lg sl-bg-white dark:sl-bg-slate-800 sl-text-left sl-shadow-xl sl-transition-all',\n                'sm:sl-my-8 sl-w-full',\n                sizeClass\n              ]\"\n              :style=\"sizeStyle\"\n            >\n              <!-- Close button -->\n              <button\n                v-if=\"showCloseButton\"\n                type=\"button\"\n                class=\"sl-absolute sl-right-4 sl-top-4 sl-text-gray-400 hover:sl-text-gray-500 dark:sl-text-slate-500 dark:hover:sl-text-slate-400 sl-z-10\"\n                @click=\"handleClose\"\n              >\n                <span class=\"sl-sr-only\">Close</span>\n                <XMarkIcon class=\"sl-h-6 sl-w-6\" aria-hidden=\"true\" />\n              </button>\n\n              <div :class=\"['sl-bg-white dark:sl-bg-slate-800 sl-px-4 sl-pb-4 sl-pt-5 sm:sl-p-6', { 'sm:sl-pb-4': showFooter }]\">\n                <div :class=\"{ 'sm:sl-flex sm:sl-items-start': !!$slots.icon }\">\n                  <!-- Icon slot -->\n                  <div v-if=\"$slots.icon\" class=\"sl-mx-auto sl-flex sl-h-12 sl-w-12 sl-flex-shrink-0 sl-items-center sl-justify-center sl-rounded-full sm:sl-mx-0 sm:sl-h-10 sm:sl-w-10\">\n                    <slot name=\"icon\" />\n                  </div>\n\n                  <div :class=\"{ 'sl-mt-3 sl-text-center sm:sl-ml-4 sm:sl-mt-0 sm:sl-text-left': !!$slots.icon, 'sl-flex-1': true }\">\n                    <!-- Header slot -->\n                    <DialogTitle v-if=\"$slots.header\" as=\"h3\" class=\"sl-text-base sl-font-semibold sl-leading-6 sl-text-gray-900 dark:sl-text-white\">\n                      <slot name=\"header\" />\n                    </DialogTitle>\n\n                    <!-- Body slot -->\n                    <div :class=\"{ 'sl-mt-2': !!$slots.header }\" class=\"sl-text-gray-600 dark:sl-text-slate-300\">\n                      <slot name=\"body\" />\n                    </div>\n                  </div>\n                </div>\n              </div>\n\n              <!-- Footer with action buttons -->\n              <div\n                v-if=\"showFooter\"\n                class=\"sl-bg-gray-50 dark:sl-bg-slate-800/50 sl-px-4 sl-py-3 sm:sl-flex sm:sl-flex-row-reverse sm:sl-px-6 sl-gap-3\"\n              >\n                <slot name=\"footer\">\n                  <button\n                    type=\"button\"\n                    :class=\"[\n                      'sl-inline-flex sl-w-full sl-justify-center sl-rounded-md sl-px-3 sl-py-2 sl-text-sm sl-font-semibold sl-text-white sl-shadow-sm sm:sl-w-auto',\n                      confirmButtonClasses\n                    ]\"\n                    @click=\"handleConfirm\"\n                  >\n                    {{ confirmText }}\n                  </button>\n                  <button\n                    v-if=\"showCancel\"\n                    type=\"button\"\n                    class=\"sl-mt-3 sl-inline-flex sl-w-full sl-justify-center sl-rounded-md sl-bg-white dark:sl-bg-slate-700 sl-px-3 sl-py-2 sl-text-sm sl-font-semibold sl-text-gray-900 dark:sl-text-gray-200 sl-shadow-sm sl-ring-1 sl-ring-inset sl-ring-gray-300 dark:sl-ring-slate-600 hover:sl-bg-gray-50 dark:hover:sl-bg-slate-600 sm:sl-mt-0 sm:sl-w-auto\"\n                    @click=\"handleCancel\"\n                  >\n                    {{ cancelText }}\n                  </button>\n                </slot>\n              </div>\n            </DialogPanel>\n          </TransitionChild>\n        </div>\n      </div>\n    </Dialog>\n  </TransitionRoot>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, type PropType } from 'vue';\nimport { Dialog, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from '@headlessui/vue';\nimport { XMarkIcon } from '@heroicons/vue/24/outline';\nimport type { Theme } from '@/types/core';\n\nconst props = defineProps({\n  /** Controls modal visibility (v-model) */\n  modelValue: {\n    type: Boolean,\n    required: true,\n  },\n  /** Modal size */\n  size: {\n    type: String as PropType<'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full'>,\n    default: 'md',\n  },\n  /** Text for confirm button */\n  confirmText: {\n    type: String,\n    default: 'Confirm',\n  },\n  /** Text for cancel button */\n  cancelText: {\n    type: String,\n    default: 'Cancel',\n  },\n  /** Theme for confirm button */\n  confirmTheme: {\n    type: String as PropType<Theme>,\n    default: 'primary',\n  },\n  /** Whether to show cancel button */\n  showCancel: {\n    type: Boolean,\n    default: true,\n  },\n  /** Whether to show close button in corner */\n  showCloseButton: {\n    type: Boolean,\n    default: true,\n  },\n  /** Whether to show footer with action buttons */\n  showFooter: {\n    type: Boolean,\n    default: true,\n  },\n  /** Whether clicking backdrop closes modal */\n  closeOnBackdrop: {\n    type: Boolean,\n    default: true,\n  },\n});\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void;\n  (e: 'confirm'): void;\n  (e: 'cancel'): void;\n  (e: 'close'): void;\n}>();\n\nconst sizeClass = computed(() => {\n  const sizes: Record<string, string> = {\n    sm: 'sm:sl-max-w-sm',\n    md: 'sm:sl-max-w-md',\n    lg: 'sm:sl-max-w-lg',\n    xl: 'sm:sl-max-w-xl',\n    '2xl': 'sm:sl-max-w-2xl',\n    full: 'sm:sl-max-w-full sm:sl-mx-4',\n  };\n  return sizes[props.size] || sizes.md;\n});\n\n// Use inline styles for max-width to ensure they work regardless of CSS build\nconst sizeStyle = computed(() => {\n  const sizes: Record<string, string> = {\n    sm: '24rem',    // 384px\n    md: '28rem',    // 448px\n    lg: '32rem',    // 512px\n    xl: '36rem',    // 576px\n    '2xl': '42rem', // 672px\n    full: '100%',\n  };\n  return {\n    maxWidth: sizes[props.size] || sizes.md,\n  };\n});\n\nconst confirmButtonClasses = computed(() => {\n  const themes: Record<Theme, string> = {\n    primary: 'sl-bg-primary-600 hover:sl-bg-primary-500',\n    secondary: 'sl-bg-gray-600 hover:sl-bg-gray-500',\n    success: 'sl-bg-green-600 hover:sl-bg-green-500',\n    warning: 'sl-bg-yellow-600 hover:sl-bg-yellow-500',\n    danger: 'sl-bg-red-600 hover:sl-bg-red-500',\n    info: 'sl-bg-blue-600 hover:sl-bg-blue-500',\n    light: 'sl-bg-gray-200 sl-text-gray-900 hover:sl-bg-gray-300',\n    dark: 'sl-bg-gray-800 hover:sl-bg-gray-700',\n    ghost: 'sl-bg-transparent hover:sl-bg-gray-100 dark:hover:sl-bg-gray-800',\n  };\n  return themes[props.confirmTheme] || themes.primary;\n});\n\nconst handleClose = () => {\n  if (!props.closeOnBackdrop) return;\n  emit('update:modelValue', false);\n  emit('close');\n};\n\nconst handleConfirm = () => {\n  emit('confirm');\n};\n\nconst handleCancel = () => {\n  emit('update:modelValue', false);\n  emit('cancel');\n};\n</script>\n\n"],"names":["props","__props","emit","__emit","sizeClass","computed","sizes","sizeStyle","confirmButtonClasses","themes","handleClose","handleConfirm","handleCancel","_createBlock","_unref","TransitionRoot","_createVNode","Dialog","TransitionChild","_cache","_createElementVNode","_hoisted_1","_hoisted_2","DialogPanel","_normalizeClass","_createElementBlock","XMarkIcon","$slots","_openBlock","_hoisted_3","_renderSlot","_ctx","DialogTitle","_hoisted_4"],"mappings":"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"}