cisse-vue-ui 0.5.21 → 0.5.23

package/dist/DarkModeToggle.vue_vue_type_script_setup_true_lang-D1Q43mhJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DarkModeToggle.vue_vue_type_script_setup_true_lang-D1Q43mhJ.js","sources":["../src/components/core/CardComponent.vue","../src/components/core/TableComponent.vue","../src/components/core/MobileList.vue","../src/components/core/ResponsiveList.vue","../src/components/core/AutocompleteComponent.vue","../src/components/core/TableAction.vue","../src/components/core/Avatar.vue","../src/components/core/Tabs.vue","../src/components/core/TabPanel.vue","../src/components/core/Stepper.vue","../src/components/core/CollapsibleCard.vue","../src/components/core/Tooltip.vue","../src/components/core/Popover.vue","../src/components/core/Drawer.vue","../src/components/core/Breadcrumb.vue","../src/components/core/Accordion.vue","../src/components/core/AccordionItem.vue","../src/components/core/Timeline.vue","../src/components/core/DarkModeToggle.vue"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport { computed } from 'vue'\r\nimport CardSkeleton from '@/components/feedback/CardSkeleton.vue'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    title?: string\r\n    description?: string\r\n    titleClass?: string\r\n    dividerClass?: string\r\n    /** Show loading skeleton */\r\n    loading?: boolean\r\n    /** Number of skeleton lines */\r\n    loadingLines?: number\r\n    /** Show avatar in skeleton */\r\n    loadingAvatar?: boolean\r\n    /** Show actions in skeleton */\r\n    loadingActions?: boolean\r\n  }>(),\r\n  {\r\n    loading: false,\r\n    loadingLines: 3,\r\n    loadingAvatar: false,\r\n    loadingActions: false,\r\n  },\r\n)\r\n\r\nconst titleClasses = computed(() =>\r\n  props.titleClass || 'text-gray-800 dark:text-gray-200'\r\n)\r\n\r\nconst dividerClasses = computed(() =>\r\n  props.dividerClass || 'border-gray-200 dark:border-gray-700'\r\n)\r\n</script>\r\n\r\n<template>\r\n  <!-- Loading State -->\r\n  <CardSkeleton\r\n    v-if=\"loading\"\r\n    :lines=\"loadingLines\"\r\n    :show-avatar=\"loadingAvatar\"\r\n    :show-actions=\"loadingActions\"\r\n  />\r\n\r\n  <!-- Content -->\r\n  <div v-else class=\"flex flex-col overflow-hidden rounded-lg bg-white shadow-md dark:bg-slate-950\">\r\n    <!-- Custom header slot (replaces standard header) -->\r\n    <div\r\n      v-if=\"$slots.header\"\r\n      class=\"border-b\"\r\n      :class=\"dividerClasses\"\r\n    >\r\n      <slot name=\"header\" />\r\n    </div>\r\n\r\n    <!-- Standard header with title/description/actions -->\r\n    <div\r\n      v-else-if=\"title || description || $slots.title || $slots.description || $slots.actions\"\r\n      class=\"flex items-center justify-between border-b px-5 py-3\"\r\n      :class=\"dividerClasses\"\r\n    >\r\n      <div class=\"flex flex-col gap-0.5\">\r\n        <span\r\n          v-if=\"title || $slots.title\"\r\n          class=\"text-md font-semibold\"\r\n          :class=\"titleClasses\"\r\n        >\r\n          <slot name=\"title\">\r\n            {{ title }}\r\n          </slot>\r\n        </span>\r\n\r\n        <span\r\n          v-if=\"description || $slots.description\"\r\n          class=\"text-sm font-normal text-gray-600 dark:text-gray-400\"\r\n        >\r\n          <slot name=\"description\">\r\n            {{ description }}\r\n          </slot>\r\n        </span>\r\n      </div>\r\n\r\n      <div class=\"flex gap-2\">\r\n        <slot name=\"actions\" />\r\n      </div>\r\n    </div>\r\n\r\n    <slot />\r\n  </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport type { Property } from '@/types'\r\nimport TextType from '@/components/type/TextType.vue'\r\nimport NumberType from '@/components/type/NumberType.vue'\r\nimport DateType from '@/components/type/DateType.vue'\r\nimport BooleanType from '@/components/type/BooleanType.vue'\r\nimport BadgeType from '@/components/type/BadgeType.vue'\r\nimport Checkbox from '@/components/form/Checkbox.vue'\r\nimport TableSkeleton from '@/components/feedback/TableSkeleton.vue'\r\nimport { computed, type Component, useSlots, type Slots } from 'vue'\r\n\r\nexport type SortDirection = 'asc' | 'desc'\r\n\r\ntype ItemType = { id: number | string; [key: string]: unknown }\r\n\r\nconst slots: Slots = useSlots()\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** Column definitions */\r\n    properties: Property[]\r\n    /** Array of items to display */\r\n    items: ItemType[]\r\n    /** Enable selection mode */\r\n    selectable?: boolean\r\n    /** Set of selected item keys */\r\n    selectedItems?: Set<string>\r\n    /** Filter function to determine if an item is selectable */\r\n    selectableFilter?: (item: ItemType) => boolean\r\n    /** Key field for unique identification (default: 'id') */\r\n    keyField?: string\r\n    /** Current sort column */\r\n    sortBy?: string\r\n    /** Current sort direction */\r\n    sortDirection?: SortDirection\r\n    /** Show loading skeleton */\r\n    loading?: boolean\r\n    /** Number of skeleton rows to show when loading */\r\n    loadingRows?: number\r\n  }>(),\r\n  {\r\n    selectable: false,\r\n    keyField: 'id',\r\n    loading: false,\r\n    loadingRows: 5,\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  /** Emitted when an item is selected/deselected */\r\n  select: [id: string]\r\n  /** Emitted when select all is toggled */\r\n  selectAll: []\r\n  /** Emitted when a sortable column is clicked */\r\n  sort: [column: string, direction: SortDirection]\r\n}>()\r\n\r\n// Type components mapping\r\nconst typeComponents: Record<string, Component> = {\r\n  text: TextType,\r\n  number: NumberType,\r\n  date: DateType,\r\n  boolean: BooleanType,\r\n  badge: BadgeType,\r\n}\r\n\r\nconst getTypeComponent = (type: string = 'text'): Component => {\r\n  return typeComponents[type] || TextType\r\n}\r\n\r\n// Filter out hidden properties\r\nconst visibleProperties = computed(() => props.properties.filter((p) => !p.hidden))\r\n\r\n// Get item key\r\nconst getKey = (item: ItemType): string => {\r\n  const keyValue = item[props.keyField]\r\n  return String(keyValue ?? Math.random())\r\n}\r\n\r\n// Get nested property value\r\nconst getItemValue = (item: Record<string, unknown>, property: Property): unknown => {\r\n  if (property.name.includes('.')) {\r\n    let value: unknown = item\r\n    for (const key of property.name.split('.')) {\r\n      if (value && typeof value === 'object' && key in value) {\r\n        value = (value as Record<string, unknown>)[key]\r\n      } else {\r\n        return undefined\r\n      }\r\n    }\r\n    return value\r\n  }\r\n  return item[property.name]\r\n}\r\n\r\nconst getAlignmentClass = (align?: 'left' | 'center' | 'right') => {\r\n  switch (align) {\r\n    case 'center':\r\n      return 'text-center'\r\n    case 'right':\r\n      return 'text-right'\r\n    default:\r\n      return 'text-left'\r\n  }\r\n}\r\n\r\nconst getMainClass = (main?: boolean) => {\r\n  if (main) {\r\n    return 'text-sm font-semibold text-gray-900 dark:text-gray-100'\r\n  }\r\n  return 'text-xs font-medium text-gray-600 dark:text-gray-400'\r\n}\r\n\r\n// Selection logic\r\nconst selectableItems = computed(() => {\r\n  if (!props.selectableFilter) return props.items\r\n  return props.items.filter(props.selectableFilter)\r\n})\r\n\r\nconst allSelected = computed(() => {\r\n  if (selectableItems.value.length === 0) return false\r\n  return selectableItems.value.every((item) => props.selectedItems?.has(getKey(item)))\r\n})\r\n\r\nconst someSelected = computed(() => {\r\n  return (props.selectedItems?.size || 0) > 0 && !allSelected.value\r\n})\r\n\r\nconst isSelected = (item: ItemType): boolean => {\r\n  return props.selectedItems?.has(getKey(item)) || false\r\n}\r\n\r\nconst isSelectable = (item: ItemType): boolean => {\r\n  if (!props.selectable) return false\r\n  if (!props.selectableFilter) return true\r\n  return props.selectableFilter(item)\r\n}\r\n\r\nconst handleSelect = (item: ItemType) => {\r\n  emit('select', getKey(item))\r\n}\r\n\r\nconst hasActionSlot = computed((): boolean => !!slots.action)\r\n\r\n// Sorting logic\r\nconst handleSort = (property: Property) => {\r\n  if (!property.sortable) return\r\n\r\n  const newDirection: SortDirection =\r\n    props.sortBy === property.name && props.sortDirection === 'asc' ? 'desc' : 'asc'\r\n\r\n  emit('sort', property.name, newDirection)\r\n}\r\n\r\nconst isSortedColumn = (property: Property): boolean => {\r\n  return props.sortBy === property.name\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div class=\"overflow-hidden\">\r\n    <!-- Loading State -->\r\n    <TableSkeleton\r\n      v-if=\"loading\"\r\n      :rows=\"loadingRows\"\r\n      :columns=\"visibleProperties.length\"\r\n    />\r\n\r\n    <!-- Content -->\r\n    <div v-else class=\"overflow-x-auto\">\r\n      <table class=\"w-full divide-y divide-black/10 text-left dark:divide-white/10\">\r\n        <thead\r\n          class=\"bg-black/5 text-sm font-semibold text-gray-600 uppercase dark:bg-white/5 dark:text-gray-400\"\r\n        >\r\n          <tr>\r\n            <!-- Selection header -->\r\n            <th\r\n              v-if=\"selectable\"\r\n              class=\"w-12 px-3 py-3\"\r\n            >\r\n              <Checkbox\r\n                :model-value=\"allSelected\"\r\n                :indeterminate=\"someSelected\"\r\n                :disabled=\"selectableItems.length === 0\"\r\n                @update:model-value=\"emit('selectAll')\"\r\n              />\r\n            </th>\r\n\r\n            <th\r\n              v-for=\"property in visibleProperties\"\r\n              :key=\"property.name\"\r\n              :class=\"[\r\n                getAlignmentClass(property.align),\r\n                'px-3 py-3',\r\n                property.sortable ? 'cursor-pointer select-none hover:bg-black/5 dark:hover:bg-white/5' : '',\r\n              ]\"\r\n              @click=\"handleSort(property)\"\r\n            >\r\n              <div\r\n                class=\"flex items-center gap-1\"\r\n                :class=\"{\r\n                  'justify-center': property.align === 'center',\r\n                  'justify-end': property.align === 'right',\r\n                }\"\r\n              >\r\n                <slot\r\n                  :name=\"'header-' + property.name\"\r\n                  :property\r\n                >\r\n                  {{ property.label ?? property.name }}\r\n                </slot>\r\n                <svg\r\n                  v-if=\"property.sortable\"\r\n                  :class=\"[\r\n                    'w-4 h-4 transition-colors',\r\n                    isSortedColumn(property) ? 'text-primary-500' : 'text-gray-400',\r\n                  ]\"\r\n                  viewBox=\"0 0 24 24\"\r\n                  fill=\"currentColor\"\r\n                >\r\n                  <!-- Up arrow (shows when sorted asc) -->\r\n                  <path\r\n                    v-if=\"isSortedColumn(property) && sortDirection === 'asc'\"\r\n                    d=\"M7 14l5-5 5 5H7z\"\r\n                  />\r\n                  <!-- Down arrow (shows when sorted desc) -->\r\n                  <path\r\n                    v-else-if=\"isSortedColumn(property) && sortDirection === 'desc'\"\r\n                    d=\"M7 10l5 5 5-5H7z\"\r\n                  />\r\n                  <!-- Both arrows (shows when not sorted) -->\r\n                  <template v-else>\r\n                    <path\r\n                      d=\"M7 14l5-5 5 5H7z\"\r\n                      class=\"opacity-40\"\r\n                    />\r\n                    <path\r\n                      d=\"M7 10l5 5 5-5H7z\"\r\n                      class=\"opacity-40\"\r\n                    />\r\n                  </template>\r\n                </svg>\r\n              </div>\r\n            </th>\r\n\r\n            <th\r\n              v-if=\"hasActionSlot\"\r\n              class=\"px-3 py-3 text-right\"\r\n            />\r\n          </tr>\r\n        </thead>\r\n\r\n        <tbody class=\"divide-y divide-black/10 font-medium dark:divide-white/10\">\r\n          <tr\r\n            v-for=\"item in items\"\r\n            :key=\"getKey(item)\"\r\n            class=\"hover:bg-black/5 dark:hover:bg-white/5 transition-colors\"\r\n            :class=\"{ 'bg-primary/5 dark:bg-primary/10': isSelected(item) }\"\r\n          >\r\n            <!-- Selection cell -->\r\n            <td\r\n              v-if=\"selectable\"\r\n              class=\"px-3 py-4\"\r\n            >\r\n              <Checkbox\r\n                v-if=\"isSelectable(item)\"\r\n                :model-value=\"isSelected(item)\"\r\n                @update:model-value=\"handleSelect(item)\"\r\n              />\r\n            </td>\r\n\r\n            <td\r\n              v-for=\"property in visibleProperties\"\r\n              :key=\"property.name\"\r\n              :class=\"[\r\n                getAlignmentClass(property.align),\r\n                getMainClass(property.main),\r\n                property.className,\r\n                'px-3 py-4',\r\n              ]\"\r\n            >\r\n              <slot\r\n                :item=\"item\"\r\n                :name=\"'item-' + property.name\"\r\n                :property\r\n                :value=\"getItemValue(item, property)\"\r\n              >\r\n                <component\r\n                  :is=\"getTypeComponent(property.type || 'text')\"\r\n                  :value=\"getItemValue(item, property)\"\r\n                />\r\n              </slot>\r\n            </td>\r\n\r\n            <td\r\n              v-if=\"hasActionSlot\"\r\n              class=\"flex items-center justify-end gap-2 px-3 py-4\"\r\n            >\r\n              <slot\r\n                :item=\"item\"\r\n                name=\"action\"\r\n              />\r\n            </td>\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n\r\n      <!-- Empty state -->\r\n      <div v-if=\"!items || items.length === 0\">\r\n        <slot name=\"empty\" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport { computed, useSlots } from 'vue'\r\nimport Checkbox from '@/components/form/Checkbox.vue'\r\nimport CardComponent from './CardComponent.vue'\r\nimport ListSkeleton from '@/components/feedback/ListSkeleton.vue'\r\n\r\nexport interface MobileListColumn {\r\n  key: string\r\n  label: string\r\n  /** Hide this column on mobile */\r\n  hideOnMobile?: boolean\r\n  /** Mark as primary info (shown prominently) */\r\n  primary?: boolean\r\n  /** Mark as secondary info */\r\n  secondary?: boolean\r\n}\r\n\r\ntype ItemType = { id: number | string; [key: string]: unknown }\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** Array of items to display */\r\n    items: ItemType[]\r\n    /** Key field for unique identification */\r\n    keyField?: string\r\n    /** Enable selection mode */\r\n    selectable?: boolean\r\n    /** Set of selected item keys */\r\n    selectedItems?: Set<string>\r\n    /** Filter function to determine if an item is selectable */\r\n    selectableFilter?: (item: ItemType) => boolean\r\n    /** Show loading skeleton */\r\n    loading?: boolean\r\n    /** Number of skeleton items to show when loading */\r\n    loadingItems?: number\r\n  }>(),\r\n  {\r\n    keyField: 'id',\r\n    selectable: false,\r\n    loading: false,\r\n    loadingItems: 5,\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  /** Emitted when an item is selected/deselected */\r\n  select: [id: string]\r\n  /** Emitted when select all is toggled */\r\n  selectAll: []\r\n}>()\r\n\r\ndefineSlots<{\r\n  /** Avatar/icon slot for each item */\r\n  avatar?: (props: { item: ItemType }) => unknown\r\n  /** Main content area for each item */\r\n  content?: (props: { item: ItemType }) => unknown\r\n  /** Actions slot (right side) for each item */\r\n  actions?: (props: { item: ItemType }) => unknown\r\n  /** Empty state slot */\r\n  empty?: () => unknown\r\n}>()\r\n\r\nconst slots = useSlots()\r\n\r\nconst getKey = (item: ItemType): string => {\r\n  const keyValue = item[props.keyField]\r\n  return String(keyValue ?? Math.random())\r\n}\r\n\r\nconst selectableItems = computed(() => {\r\n  if (!props.selectableFilter) return props.items\r\n  return props.items.filter(props.selectableFilter)\r\n})\r\n\r\nconst allSelected = computed(() => {\r\n  if (selectableItems.value.length === 0) return false\r\n  return selectableItems.value.every((item) => props.selectedItems?.has(getKey(item)))\r\n})\r\n\r\nconst someSelected = computed(() => {\r\n  return (props.selectedItems?.size || 0) > 0 && !allSelected.value\r\n})\r\n\r\nconst isSelected = (item: ItemType): boolean => {\r\n  return props.selectedItems?.has(getKey(item)) || false\r\n}\r\n\r\nconst isSelectable = (item: ItemType): boolean => {\r\n  if (!props.selectable) return false\r\n  if (!props.selectableFilter) return true\r\n  return props.selectableFilter(item)\r\n}\r\n\r\nconst handleSelect = (item: ItemType) => {\r\n  emit('select', getKey(item))\r\n}\r\n\r\nconst hasEmptySlot = computed(() => !!slots.empty)\r\n</script>\r\n\r\n<template>\r\n  <div class=\"space-y-3\">\r\n    <!-- Loading State -->\r\n    <CardComponent v-if=\"loading\">\r\n      <ListSkeleton\r\n        :items=\"loadingItems\"\r\n        show-avatar\r\n        show-secondary\r\n        show-action\r\n      />\r\n    </CardComponent>\r\n\r\n    <!-- Content (when not loading) -->\r\n    <template v-else>\r\n      <!-- Select All Header (when selectable) -->\r\n      <CardComponent v-if=\"selectable && selectableItems.length > 0\">\r\n        <div class=\"flex items-center gap-3 p-3\">\r\n          <Checkbox\r\n            :model-value=\"allSelected\"\r\n            :indeterminate=\"someSelected\"\r\n            @update:model-value=\"emit('selectAll')\"\r\n          />\r\n          <span class=\"text-sm text-gray-600 dark:text-gray-400\">\r\n            {{ allSelected ? 'Tout désélectionner' : 'Tout sélectionner' }}\r\n          </span>\r\n          <span\r\n            v-if=\"selectedItems && selectedItems.size > 0\"\r\n            class=\"text-sm text-primary font-medium\"\r\n          >\r\n            ({{ selectedItems.size }} sélectionné{{ selectedItems.size > 1 ? 's' : '' }})\r\n          </span>\r\n        </div>\r\n      </CardComponent>\r\n\r\n      <!-- Items List -->\r\n      <CardComponent\r\n      v-for=\"item in items\"\r\n      :key=\"getKey(item)\"\r\n      class=\"hover:shadow-lg transition-all duration-200\"\r\n      :class=\"{\r\n        'ring-2 ring-primary': isSelected(item),\r\n      }\"\r\n    >\r\n      <div class=\"p-4 flex items-center gap-4\">\r\n        <!-- Checkbox -->\r\n        <div\r\n          v-if=\"selectable\"\r\n          class=\"flex-shrink-0\"\r\n        >\r\n          <Checkbox\r\n            v-if=\"isSelectable(item)\"\r\n            :model-value=\"isSelected(item)\"\r\n            @update:model-value=\"handleSelect(item)\"\r\n          />\r\n          <div\r\n            v-else\r\n            class=\"w-5 h-5\"\r\n          />\r\n        </div>\r\n\r\n        <!-- Avatar slot -->\r\n        <slot\r\n          name=\"avatar\"\r\n          :item=\"item\"\r\n        />\r\n\r\n        <!-- Content -->\r\n        <div class=\"flex-1 min-w-0 overflow-hidden\">\r\n          <slot\r\n            name=\"content\"\r\n            :item=\"item\"\r\n          />\r\n        </div>\r\n\r\n        <!-- Actions -->\r\n        <div class=\"flex-shrink-0\">\r\n          <slot\r\n            name=\"actions\"\r\n            :item=\"item\"\r\n          />\r\n        </div>\r\n      </div>\r\n      </CardComponent>\r\n\r\n      <!-- Empty state -->\r\n      <div v-if=\"items.length === 0 && hasEmptySlot\">\r\n        <slot name=\"empty\" />\r\n      </div>\r\n    </template>\r\n  </div>\r\n</template>\r\n","<script setup lang=\"ts\">\r\nimport { computed, useSlots } from 'vue'\r\nimport { useBreakpoints } from '@vueuse/core'\r\nimport type { Property, SortDirection } from '@/types'\r\nimport MobileList from './MobileList.vue'\r\nimport TableComponent from './TableComponent.vue'\r\nimport CardComponent from './CardComponent.vue'\r\n\r\nexport interface ResponsiveListColumn {\r\n  /** Column key - corresponds to the data field name (alias for 'name' for backward compatibility) */\r\n  key?: string\r\n  /** Column name - corresponds to the data field name */\r\n  name?: string\r\n  /** Display label for the column header */\r\n  label?: string\r\n  /** Column type for automatic rendering */\r\n  type?: 'text' | 'number' | 'date' | 'badge' | 'boolean' | string\r\n  /** Text alignment in the column */\r\n  align?: 'left' | 'center' | 'right'\r\n  /** Header CSS class */\r\n  headerClass?: string\r\n  /** Cell CSS class */\r\n  className?: string\r\n  /** Whether the column is sortable */\r\n  sortable?: boolean\r\n  /** Whether to hide the column */\r\n  hidden?: boolean\r\n  /** Whether the column is the main/primary column */\r\n  main?: boolean\r\n  /** Hide this column on mobile view */\r\n  hideOnMobile?: boolean\r\n}\r\n\r\ntype ItemType = { id: number | string; [key: string]: unknown }\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** Array of items to display */\r\n    items: ItemType[]\r\n    /** Column definitions (extends Property with mobile options) */\r\n    columns: ResponsiveListColumn[]\r\n    /** Key field for unique identification */\r\n    keyField?: string\r\n    /** Enable selection mode */\r\n    selectable?: boolean\r\n    /** Set of selected item keys */\r\n    selectedItems?: Set<string>\r\n    /** Filter function to determine if an item is selectable */\r\n    selectableFilter?: (item: ItemType) => boolean\r\n    /** Breakpoint for switching between mobile and desktop views (default: 'lg' = 1024px) */\r\n    breakpoint?: 'sm' | 'md' | 'lg' | 'xl' | '2xl'\r\n    /** Current sort column */\r\n    sortBy?: string\r\n    /** Current sort direction */\r\n    sortDirection?: SortDirection\r\n    /** Show loading skeleton */\r\n    loading?: boolean\r\n    /** Number of skeleton rows/items to show when loading */\r\n    loadingRows?: number\r\n  }>(),\r\n  {\r\n    keyField: 'id',\r\n    selectable: false,\r\n    breakpoint: 'lg',\r\n    loading: false,\r\n    loadingRows: 5,\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  /** Emitted when an item is selected/deselected */\r\n  select: [id: string]\r\n  /** Emitted when select all is toggled */\r\n  selectAll: []\r\n  /** Emitted when a sortable column is clicked */\r\n  sort: [column: string, direction: SortDirection]\r\n}>()\r\n\r\ndefineSlots<{\r\n  // Mobile slots\r\n  /** Avatar/icon slot for mobile view */\r\n  avatar?: (props: { item: ItemType }) => unknown\r\n  /** Main content for mobile view */\r\n  mobileContent?: (props: { item: ItemType }) => unknown\r\n  /** Actions for mobile view */\r\n  mobileActions?: (props: { item: ItemType }) => unknown\r\n\r\n  // Table cell slots - dynamic based on column key\r\n  /** Custom cell rendering for table view */\r\n  [key: `cell-${string}`]: (props: { item: ItemType; value: unknown }) => unknown\r\n\r\n  // Shared slots\r\n  /** Actions column for table view, also used as fallback for mobile */\r\n  actions?: (props: { item: ItemType }) => unknown\r\n  /** Empty state slot */\r\n  empty?: () => unknown\r\n}>()\r\n\r\nconst slots = useSlots()\r\n\r\n// Helper to get column key (supports both 'key' and 'name' for backward compatibility)\r\nconst getColumnKey = (col: ResponsiveListColumn): string => col.key || col.name || ''\r\n\r\n// Convert columns to Property format for TableComponent\r\nconst tableProperties = computed<Property[]>(() =>\r\n  props.columns.map((col) => ({\r\n    name: getColumnKey(col),\r\n    label: col.label,\r\n    type: col.type,\r\n    sortable: col.sortable,\r\n    hidden: col.hidden,\r\n    align: col.align,\r\n    className: col.className,\r\n    main: col.main,\r\n  })),\r\n)\r\n\r\n// Get cell value for table slots\r\nconst getCellValue = (item: ItemType, key: string): unknown => {\r\n  const keys = key.split('.')\r\n  let value: unknown = item\r\n  for (const k of keys) {\r\n    if (value && typeof value === 'object' && k in value) {\r\n      value = (value as Record<string, unknown>)[k]\r\n    } else {\r\n      return undefined\r\n    }\r\n  }\r\n  return value\r\n}\r\n\r\n// Check if a cell slot exists\r\nconst hasCellSlot = (key: string): boolean => {\r\n  return !!slots[`cell-${key}`]\r\n}\r\n\r\nconst hasActionsSlot = computed(() => !!slots.actions)\r\n\r\n// Tailwind breakpoints\r\nconst breakpoints = useBreakpoints({\r\n  sm: 640,\r\n  md: 768,\r\n  lg: 1024,\r\n  xl: 1280,\r\n  '2xl': 1536,\r\n})\r\n\r\n// Reactive desktop detection based on selected breakpoint\r\nconst isDesktop = computed(() => breakpoints.greaterOrEqual(props.breakpoint).value)\r\n</script>\r\n\r\n<template>\r\n  <div>\r\n    <!-- Mobile View -->\r\n    <MobileList\r\n      v-if=\"!isDesktop\"\r\n      :items=\"items\"\r\n      :key-field=\"keyField\"\r\n      :selectable=\"selectable\"\r\n      :selected-items=\"selectedItems\"\r\n      :selectable-filter=\"selectableFilter\"\r\n      :loading=\"loading\"\r\n      :loading-items=\"loadingRows\"\r\n      @select=\"emit('select', $event)\"\r\n      @select-all=\"emit('selectAll')\"\r\n    >\r\n      <template #avatar=\"{ item }\">\r\n        <slot\r\n          name=\"avatar\"\r\n          :item=\"item\"\r\n        />\r\n      </template>\r\n\r\n      <template #content=\"{ item }\">\r\n        <slot\r\n          name=\"mobileContent\"\r\n          :item=\"item\"\r\n        />\r\n      </template>\r\n\r\n      <template #actions=\"{ item }\">\r\n        <slot\r\n          name=\"mobileActions\"\r\n          :item=\"item\"\r\n        >\r\n          <slot\r\n            name=\"actions\"\r\n            :item=\"item\"\r\n          />\r\n        </slot>\r\n      </template>\r\n\r\n      <template #empty>\r\n        <slot name=\"empty\" />\r\n      </template>\r\n    </MobileList>\r\n\r\n    <!-- Desktop View -->\r\n    <CardComponent v-else>\r\n      <TableComponent\r\n        :items=\"items\"\r\n        :properties=\"tableProperties\"\r\n        :key-field=\"keyField\"\r\n        :selectable=\"selectable\"\r\n        :selected-items=\"selectedItems\"\r\n        :selectable-filter=\"selectableFilter\"\r\n        :sort-by=\"sortBy\"\r\n        :sort-direction=\"sortDirection\"\r\n        :loading=\"loading\"\r\n        :loading-rows=\"loadingRows\"\r\n        @select=\"emit('select', $event)\"\r\n        @select-all=\"emit('selectAll')\"\r\n        @sort=\"(col: string, dir: SortDirection) => emit('sort', col, dir)\"\r\n      >\r\n        <!-- Forward cell slots -->\r\n        <template\r\n          v-for=\"col in columns\"\r\n          :key=\"getColumnKey(col)\"\r\n          #[`item-${getColumnKey(col)}`]=\"{ item, value }\"\r\n        >\r\n          <slot\r\n            v-if=\"hasCellSlot(getColumnKey(col))\"\r\n            :name=\"`cell-${getColumnKey(col)}`\"\r\n            :item=\"item\"\r\n            :value=\"getCellValue(item, getColumnKey(col))\"\r\n          />\r\n          <template v-else>\r\n            {{ value }}\r\n          </template>\r\n        </template>\r\n\r\n        <!-- Actions slot -->\r\n        <template\r\n          v-if=\"hasActionsSlot\"\r\n          #action=\"{ item }\"\r\n        >\r\n          <slot\r\n            name=\"actions\"\r\n            :item=\"item\"\r\n          />\r\n        </template>\r\n\r\n        <template #empty>\r\n          <slot name=\"empty\" />\r\n        </template>\r\n      </TableComponent>\r\n    </CardComponent>\r\n  </div>\r\n</template>\r\n\r\n","<script lang=\"ts\" setup>\r\nimport { computed, nextTick, ref, watch } from 'vue'\r\nimport { Icon } from '@iconify/vue'\r\nimport type { AutocompleteOption } from '@/types'\r\nimport { useDropdown } from '@/composables/useDropdown'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    modelValue: string | null\r\n    options: AutocompleteOption[]\r\n    placeholder?: string\r\n    disabled?: boolean\r\n    label?: string\r\n    error?: string\r\n    noResultsText?: string\r\n    /** Use teleport to body to avoid overflow clipping */\r\n    teleport?: boolean\r\n  }>(),\r\n  {\r\n    teleport: true,\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  'update:modelValue': [value: string | null]\r\n}>()\r\n\r\nconst searchQuery = ref('')\r\nconst inputRef = ref<HTMLInputElement | null>(null)\r\nconst containerRef = ref<HTMLDivElement | null>(null)\r\nconst dropdownRef = ref<HTMLDivElement | null>(null)\r\nconst inputWrapperRef = ref<HTMLDivElement | null>(null)\r\n\r\nconst {\r\n  isOpen,\r\n  highlightedIndex,\r\n  dropdownStyle,\r\n  open: openBase,\r\n  close: closeBase,\r\n  handleKeydown: baseHandleKeydown,\r\n  scrollToHighlighted,\r\n} = useDropdown(inputWrapperRef, dropdownRef, {\r\n  teleport: props.teleport,\r\n})\r\n\r\nconst filteredOptions = computed(() => {\r\n  if (!searchQuery.value) {\r\n    return props.options\r\n  }\r\n  const query = searchQuery.value.toLowerCase()\r\n  return props.options.filter(\r\n    (option) =>\r\n      option.label.toLowerCase().includes(query) || option.value.toLowerCase().includes(query),\r\n  )\r\n})\r\n\r\nconst selectedLabel = computed(() => {\r\n  if (!props.modelValue) return ''\r\n  const option = props.options.find((opt) => opt.value === props.modelValue)\r\n  return option?.label || ''\r\n})\r\n\r\nwatch(\r\n  () => props.modelValue,\r\n  () => {\r\n    if (!isOpen.value) {\r\n      searchQuery.value = selectedLabel.value\r\n    }\r\n  },\r\n  { immediate: true },\r\n)\r\n\r\nconst openDropdown = () => {\r\n  if (props.disabled) return\r\n  searchQuery.value = ''\r\n  highlightedIndex.value = -1\r\n  openBase()\r\n  nextTick(() => {\r\n    inputRef.value?.focus()\r\n  })\r\n}\r\n\r\nconst closeDropdown = () => {\r\n  closeBase()\r\n  searchQuery.value = selectedLabel.value\r\n}\r\n\r\nconst selectOption = (option: AutocompleteOption) => {\r\n  emit('update:modelValue', option.value)\r\n  searchQuery.value = option.label\r\n  closeDropdown()\r\n}\r\n\r\nconst clearSelection = () => {\r\n  emit('update:modelValue', null)\r\n  searchQuery.value = ''\r\n  highlightedIndex.value = -1\r\n  nextTick(() => {\r\n    inputRef.value?.focus()\r\n  })\r\n}\r\n\r\nconst handleKeydown = (event: KeyboardEvent) => {\r\n  baseHandleKeydown(event, {\r\n    itemCount: filteredOptions.value.length,\r\n    onSelect: (index) => {\r\n      if (filteredOptions.value[index]) {\r\n        selectOption(filteredOptions.value[index])\r\n      }\r\n    },\r\n  })\r\n  if (isOpen.value) {\r\n    scrollToHighlighted(dropdownRef.value)\r\n  }\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div\n    ref=\"containerRef\"\n    class=\"autocomplete-container\"\n  >\r\n    <label\n      v-if=\"label\"\n      class=\"mb-2 block text-sm font-medium text-gray-700 dark:text-gray-300\"\n    >\r\n      {{ label }}\r\n    </label>\r\n\r\n    <div class=\"relative\">\r\n      <div\r\n        ref=\"inputWrapperRef\"\r\n        :class=\"{\r\n          'border-red-500': error,\r\n          'border-gray-300 dark:border-gray-600': !error && !isOpen,\r\n          'border-primary ring-2 ring-primary/20': isOpen,\r\n          'cursor-not-allowed opacity-50': disabled,\r\n        }\"\r\n        class=\"flex items-center gap-2 rounded-lg border bg-white px-3 py-2 transition dark:bg-gray-800\"\r\n      >\r\n        <Icon\n          class=\"size-5 text-gray-400\"\n          icon=\"lucide:search\"\n        />\r\n\r\n        <input\r\n          ref=\"inputRef\"\r\n          v-model=\"searchQuery\"\r\n          :disabled=\"disabled\"\r\n          :placeholder=\"placeholder || 'Search...'\"\r\n          class=\"flex-1 bg-transparent text-sm outline-none dark:text-white\"\r\n          type=\"text\"\r\n          @focus=\"openDropdown\"\r\n          @keydown=\"handleKeydown\"\r\n        >\r\n\r\n        <button\r\n          v-if=\"modelValue && !disabled\"\r\n          class=\"rounded p-1 transition hover:bg-gray-100 dark:hover:bg-gray-700\"\r\n          type=\"button\"\r\n          @click.stop=\"clearSelection\"\r\n        >\r\n          <Icon\n            class=\"size-4 text-gray-400\"\n            icon=\"lucide:x\"\n          />\r\n        </button>\r\n\r\n        <button\r\n          :disabled=\"disabled\"\r\n          class=\"rounded p-1 transition hover:bg-gray-100 dark:hover:bg-gray-700\"\r\n          type=\"button\"\r\n          @click.stop=\"isOpen ? closeDropdown() : openDropdown()\"\r\n        >\r\n          <Icon\r\n            :class=\"{ 'rotate-180': isOpen }\"\r\n            class=\"size-4 text-gray-400 transition\"\r\n            icon=\"lucide:chevron-down\"\r\n          />\r\n        </button>\r\n      </div>\r\n\r\n      <!-- Dropdown -->\r\n      <Teleport\n        to=\"body\"\n        :disabled=\"!teleport\"\n      >\r\n        <Transition\r\n          enter-active-class=\"transition duration-100 ease-out\"\r\n          enter-from-class=\"opacity-0 scale-95\"\r\n          enter-to-class=\"opacity-100 scale-100\"\r\n          leave-active-class=\"transition duration-75 ease-in\"\r\n          leave-from-class=\"opacity-100 scale-100\"\r\n          leave-to-class=\"opacity-0 scale-95\"\r\n        >\r\n          <div\r\n            v-if=\"isOpen\"\r\n            ref=\"dropdownRef\"\r\n            :style=\"dropdownStyle\"\r\n            :class=\"[\r\n              'autocomplete-dropdown z-[9999] max-h-60 overflow-auto rounded-lg border border-gray-200 bg-white shadow-lg dark:border-gray-700 dark:bg-gray-800',\r\n              !teleport && 'absolute mt-2 w-full',\r\n            ]\"\r\n          >\r\n            <div\n              v-if=\"filteredOptions.length === 0\"\n              class=\"px-4 py-3 text-sm text-gray-500\"\n            >\r\n              {{ noResultsText || 'No results found' }}\r\n            </div>\r\n\r\n            <button\r\n              v-for=\"(option, index) in filteredOptions\"\r\n              :key=\"option.value\"\r\n              :class=\"{\r\n                'bg-gray-100 dark:bg-gray-700': highlightedIndex === index,\r\n                'bg-primary/10': modelValue === option.value,\r\n              }\"\r\n              :data-index=\"index\"\r\n              class=\"flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition hover:bg-gray-100 dark:hover:bg-gray-700\"\r\n              type=\"button\"\r\n              @click=\"selectOption(option)\"\r\n            >\r\n              <Icon\r\n                v-if=\"modelValue === option.value\"\r\n                class=\"size-4 text-primary\"\r\n                icon=\"lucide:check\"\r\n              />\r\n              <span class=\"flex-1 dark:text-white\">{{ option.label }}</span>\r\n              <span class=\"text-xs text-gray-400\">({{ option.value }})</span>\r\n            </button>\r\n          </div>\r\n        </Transition>\r\n      </Teleport>\r\n    </div>\r\n\r\n    <p\n      v-if=\"error\"\n      class=\"mt-1 text-sm text-red-600\"\n    >\n      {{ error }}\n    </p>\r\n  </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\nimport { computed, resolveComponent } from 'vue'\nimport { Icon } from '@iconify/vue'\nimport type { TableActionColor } from '@/types'\n\nconst { color, icon, link } = defineProps<{\n  link?: string\n  icon: string\n  color?: TableActionColor\n}>()\n\nconst colorClass = computed(() => {\n  switch (color) {\n    case 'info':\n      return 'border-blue-200 hover:bg-blue-100 dark:border-blue-800 dark:hover:bg-blue-900'\n    case 'warning':\n      return 'border-yellow-200 hover:bg-yellow-100 dark:border-yellow-800 dark:hover:bg-yellow-900'\n    case 'success':\n      return 'border-green-200 hover:bg-green-100 dark:border-green-800 dark:hover:bg-green-900'\n    case 'error':\n      return 'border-red-200 hover:bg-red-100 dark:border-red-800 dark:hover:bg-red-900'\n    default:\n      return 'border-gray-200 hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-900 dark:hover:bg-gray-800'\n  }\n})\n\nconst iconColorClass = computed(() => {\n  switch (color) {\n    case 'info':\n      return 'text-blue-600 group-hover:text-blue-900 dark:text-blue-400 dark:group-hover:text-blue-100'\n    case 'warning':\n      return 'text-yellow-600 group-hover:text-yellow-900 dark:text-yellow-400 dark:group-hover:text-yellow-100'\n    case 'success':\n      return 'text-green-600 group-hover:text-green-900 dark:text-green-400 dark:group-hover:text-green-100'\n    case 'error':\n      return 'text-red-600 group-hover:text-red-900 dark:text-red-400 dark:group-hover:text-red-100'\n    default:\n      return 'text-gray-600 group-hover:text-gray-900 dark:text-gray-400 dark:group-hover:text-gray-100'\n  }\n})\n\n// Try to resolve RouterLink, fallback to 'a' tag\nconst linkComponent = computed(() => {\n  if (!link) return 'button'\n  try {\n    const RouterLink = resolveComponent('RouterLink')\n    if (typeof RouterLink !== 'string') {\n      return RouterLink\n    }\n  } catch {\n    // RouterLink not available\n  }\n  return 'a'\n})\n\nconst linkProps = computed(() => {\n  if (!link) return {}\n  if (linkComponent.value === 'a') {\n    return { href: link }\n  }\n  return { to: link }\n})\n</script>\n\n<template>\n  <component\n    :is=\"linkComponent\"\n    v-bind=\"linkProps\"\n    :class=\"colorClass\"\n    class=\"group flex size-8 items-center justify-center rounded-lg border\"\n  >\n    <Icon\n      :class=\"iconColorClass\"\n      :icon\n      class=\"size-4\"\n    />\n  </component>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed, ref } from 'vue'\nimport { Icon } from '@iconify/vue'\n\nexport type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Image source URL */\n    src?: string\n    /** Alt text for image */\n    alt?: string\n    /** Fallback name (shows initials) */\n    name?: string\n    /** Size variant */\n    size?: AvatarSize\n    /** Show online status indicator */\n    status?: 'online' | 'offline' | 'away' | 'busy'\n    /** Rounded style */\n    rounded?: 'full' | 'lg' | 'md'\n  }>(),\n  {\n    size: 'md',\n    rounded: 'full',\n  },\n)\n\nconst imageError = ref(false)\n\nconst sizeClasses: Record<AvatarSize, string> = {\n  xs: 'size-6 text-xs',\n  sm: 'size-8 text-sm',\n  md: 'size-10 text-base',\n  lg: 'size-12 text-lg',\n  xl: 'size-16 text-xl',\n  '2xl': 'size-20 text-2xl',\n}\n\nconst statusSizes: Record<AvatarSize, string> = {\n  xs: 'size-1.5',\n  sm: 'size-2',\n  md: 'size-2.5',\n  lg: 'size-3',\n  xl: 'size-4',\n  '2xl': 'size-5',\n}\n\nconst statusColors: Record<string, string> = {\n  online: 'bg-green-500',\n  offline: 'bg-gray-400',\n  away: 'bg-yellow-500',\n  busy: 'bg-red-500',\n}\n\nconst roundedClasses: Record<string, string> = {\n  full: 'rounded-full',\n  lg: 'rounded-lg',\n  md: 'rounded-md',\n}\n\nconst initials = computed(() => {\n  if (!props.name) return ''\n  return props.name\n    .split(' ')\n    .map(n => n[0])\n    .slice(0, 2)\n    .join('')\n    .toUpperCase()\n})\n\nconst showImage = computed(() => props.src && !imageError.value)\n</script>\n\n<template>\n  <div class=\"relative inline-block\">\n    <div\n      :class=\"[\n        'flex items-center justify-center overflow-hidden bg-gray-200 font-medium text-gray-600 dark:bg-gray-700 dark:text-gray-300',\n        sizeClasses[size],\n        roundedClasses[rounded],\n      ]\"\n    >\n      <img\n        v-if=\"showImage\"\n        :src=\"src\"\n        :alt=\"alt || name\"\n        class=\"size-full object-cover\"\n        @error=\"imageError = true\"\n      >\n      <span v-else-if=\"initials\">{{ initials }}</span>\n      <Icon\n        v-else\n        icon=\"lucide:user\"\n        class=\"size-1/2\"\n      />\n    </div>\n    <span\n      v-if=\"status\"\n      :class=\"[\n        'absolute bottom-0 right-0 block rounded-full ring-2 ring-white dark:ring-gray-900',\n        statusSizes[size],\n        statusColors[status],\n      ]\"\n    />\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { computed, provide } from 'vue'\n\nexport interface Tab {\n  key: string\n  label: string\n  icon?: string\n  disabled?: boolean\n}\n\nconst props = withDefaults(\n  defineProps<{\n    /** Array of tab definitions */\n    tabs: Tab[]\n    /** Currently active tab key */\n    modelValue?: string\n    /** Tab style variant */\n    variant?: 'underline' | 'pills' | 'boxed'\n  }>(),\n  {\n    variant: 'underline',\n  },\n)\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: string]\n}>()\n\nconst activeTab = computed({\n  get: () => props.modelValue || props.tabs[0]?.key,\n  set: (value: string) => emit('update:modelValue', value),\n})\n\nconst selectTab = (tab: Tab) => {\n  if (tab.disabled) return\n  activeTab.value = tab.key\n}\n\nconst variantClasses = {\n  underline: {\n    container: 'border-b border-gray-200 dark:border-gray-700',\n    tab: 'border-b-2 -mb-px px-4 py-2',\n    active: 'border-primary text-primary dark:text-primary',\n    inactive: 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 dark:text-gray-400 dark:hover:text-gray-300',\n  },\n  pills: {\n    container: 'gap-2',\n    tab: 'px-4 py-2 rounded-lg',\n    active: 'bg-primary text-white',\n    inactive: 'text-gray-500 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800',\n  },\n  boxed: {\n    container: 'bg-gray-100 dark:bg-gray-800 p-1 rounded-lg gap-1',\n    tab: 'px-4 py-2 rounded-md',\n    active: 'bg-white dark:bg-gray-900 text-gray-900 dark:text-white shadow-sm',\n    inactive: 'text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300',\n  },\n}\n\nprovide('activeTab', activeTab)\n</script>\n\n<template>\n  <div>\n    <div\n      :class=\"[\n        'flex',\n        variantClasses[variant].container,\n      ]\"\n      role=\"tablist\"\n    >\n      <button\n        v-for=\"tab in tabs\"\n        :key=\"tab.key\"\n        type=\"button\"\n        role=\"tab\"\n        :aria-selected=\"activeTab === tab.key\"\n        :disabled=\"tab.disabled\"\n        :class=\"[\n          'text-sm font-medium transition-colors focus:outline-none disabled:cursor-not-allowed disabled:opacity-50',\n          variantClasses[variant].tab,\n          activeTab === tab.key\n            ? variantClasses[variant].active\n            : variantClasses[variant].inactive,\n        ]\"\n        @click=\"selectTab(tab)\"\n      >\n        {{ tab.label }}\n      </button>\n    </div>\n    <div class=\"mt-4\">\n      <slot :active-tab=\"activeTab\" />\n    </div>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { inject, computed, type Ref } from 'vue'\n\nconst props = defineProps<{\n  /** Tab key this panel belongs to */\n  value: string\n}>()\n\nconst activeTab = inject<Ref<string>>('activeTab')\n\nconst isActive = computed(() => activeTab?.value === props.value)\n</script>\n\n<template>\n  <div\n    v-show=\"isActive\"\n    role=\"tabpanel\"\n  >\n    <slot />\n  </div>\n</template>\n","<script lang=\"ts\" setup>\nimport { Icon } from '@iconify/vue'\n\nexport interface Step {\n  key: string | number\n  title: string\n  description?: string\n  icon?: string\n}\n\nconst props = withDefaults(\n  defineProps<{\n    /** Array of step definitions */\n    steps: Step[]\n    /** Current step (key or index) */\n    modelValue?: string | number\n    /** Orientation */\n    orientation?: 'horizontal' | 'vertical'\n  }>(),\n  {\n    orientation: 'horizontal',\n  },\n)\n\ndefineEmits<{\n  'update:modelValue': [value: string | number]\n}>()\n\nconst getCurrentStepIndex = () => {\n  if (props.modelValue === undefined) return 0\n  const index = props.steps.findIndex((s) => s.key === props.modelValue)\n  return index >= 0 ? index : 0\n}\n\nconst isStepComplete = (index: number) => index < getCurrentStepIndex()\nconst isStepActive = (index: number) => index === getCurrentStepIndex()\nconst isStepPending = (index: number) => index > getCurrentStepIndex()\n</script>\n\n<template>\n  <div\n    :class=\"[\n      'w-full',\n      orientation === 'vertical' ? 'flex flex-col' : '',\n    ]\"\n  >\n    <div\n      :class=\"[\n        orientation === 'horizontal'\n          ? 'relative flex items-start justify-between'\n          : 'relative flex flex-col gap-4',\n      ]\"\n    >\n      <!-- Horizontal Progress Line -->\n      <template v-if=\"orientation === 'horizontal'\">\n        <div\n          class=\"absolute left-0 top-6 h-0.5 w-full bg-gray-200 dark:bg-gray-700\"\n          aria-hidden=\"true\"\n        />\n        <div\n          class=\"absolute left-0 top-6 h-0.5 bg-primary transition-all duration-500 ease-in-out\"\n          :style=\"{\n            width: `${(getCurrentStepIndex() / (steps.length - 1)) * 100}%`,\n          }\"\n          aria-hidden=\"true\"\n        />\n      </template>\n\n      <!-- Steps -->\n      <div\n        v-for=\"(step, index) in steps\"\n        :key=\"step.key\"\n        :class=\"[\n          'relative',\n          orientation === 'horizontal'\n            ? 'flex flex-1 flex-col items-center'\n            : 'flex items-start gap-4',\n        ]\"\n      >\n        <!-- Vertical Line -->\n        <div\n          v-if=\"orientation === 'vertical' && index < steps.length - 1\"\n          class=\"absolute left-6 top-12 h-full w-0.5 -translate-x-1/2\"\n          :class=\"isStepComplete(index) ? 'bg-primary' : 'bg-gray-200 dark:bg-gray-700'\"\n        />\n\n        <!-- Step Circle -->\n        <div\n          class=\"relative z-10 flex size-12 shrink-0 items-center justify-center rounded-full border-2 transition-all duration-300\"\n          :class=\"{\n            'border-primary bg-primary text-white shadow-lg': isStepActive(index) || isStepComplete(index),\n            'border-gray-300 bg-white text-gray-400 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-500':\n              isStepPending(index),\n          }\"\n        >\n          <Icon\n            v-if=\"isStepComplete(index)\"\n            icon=\"lucide:check\"\n            class=\"size-6\"\n          />\n          <Icon\n            v-else-if=\"step.icon\"\n            :icon=\"step.icon\"\n            class=\"size-6\"\n          />\n          <span\n            v-else\n            class=\"text-sm font-semibold\"\n          >{{ index + 1 }}</span>\n        </div>\n\n        <!-- Step Content -->\n        <div\n          :class=\"[\n            orientation === 'horizontal'\n              ? 'mt-4 flex flex-col items-center text-center'\n              : 'flex flex-col pt-2',\n          ]\"\n        >\n          <p\n            class=\"text-sm font-semibold transition-colors\"\n            :class=\"{\n              'text-primary dark:text-primary': isStepActive(index) || isStepComplete(index),\n              'text-gray-500 dark:text-gray-400': isStepPending(index),\n            }\"\n          >\n            {{ step.title }}\n          </p>\n          <p\n            v-if=\"step.description\"\n            class=\"mt-1 text-xs\"\n            :class=\"{\n              'text-gray-600 dark:text-gray-300': isStepActive(index),\n              'text-gray-500 dark:text-gray-400': !isStepActive(index),\n            }\"\n          >\n            {{ step.description }}\n          </p>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script lang=\"ts\" setup>\r\nimport { Icon } from '@iconify/vue'\r\nimport { ref, useSlots } from 'vue'\r\nimport CardComponent from './CardComponent.vue'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** Card title */\r\n    title?: string\r\n    /** Card description */\r\n    description?: string\r\n    /** Whether the card is initially expanded */\r\n    defaultExpanded?: boolean\r\n    /** Custom class for the header button (custom header mode) */\r\n    headerClass?: string\r\n    /** Custom class for the content wrapper */\r\n    contentClass?: string\r\n  }>(),\r\n  {\r\n    defaultExpanded: true,\r\n    headerClass: 'w-full text-left',\r\n    contentClass: '',\r\n  },\r\n)\r\n\r\nconst slots = useSlots()\r\nconst isExpanded = ref(props.defaultExpanded)\r\n\r\nconst toggle = () => {\r\n  isExpanded.value = !isExpanded.value\r\n}\r\n\r\nconst hasCustomHeader = () => !!slots.header\r\n</script>\r\n\r\n<template>\r\n  <!-- Always use CardComponent for consistent styling -->\r\n  <CardComponent>\r\n    <!-- Custom header mode -->\r\n    <template\r\n      v-if=\"hasCustomHeader()\"\r\n      #header\r\n    >\r\n      <button\r\n        type=\"button\"\r\n        :class=\"headerClass\"\r\n        @click=\"toggle\"\r\n      >\r\n        <slot\r\n          name=\"header\"\r\n          :expanded=\"isExpanded\"\r\n          :toggle=\"toggle\"\r\n        />\r\n      </button>\r\n    </template>\r\n\r\n    <!-- Standard mode: title/description -->\r\n    <template\r\n      v-else-if=\"title || description\"\r\n      #title\r\n    >\r\n      {{ title }}\r\n    </template>\r\n    <template\r\n      v-if=\"!hasCustomHeader() && description\"\r\n      #description\r\n    >\r\n      {{ description }}\r\n    </template>\r\n\r\n    <!-- Actions slot with toggle button (standard mode only) -->\r\n    <template\r\n      v-if=\"!hasCustomHeader()\"\r\n      #actions\r\n    >\r\n      <slot name=\"actions\" />\r\n      <button\r\n        type=\"button\"\r\n        class=\"rounded-lg p-1.5 text-gray-500 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800\"\r\n        @click=\"toggle\"\r\n      >\r\n        <Icon\r\n          :icon=\"isExpanded ? 'lucide:chevron-up' : 'lucide:chevron-down'\"\r\n          class=\"size-5\"\r\n        />\r\n      </button>\r\n    </template>\r\n\r\n    <!-- Collapsible content -->\r\n    <Transition\r\n      enter-active-class=\"transition-all duration-200 ease-out\"\r\n      enter-from-class=\"opacity-0 max-h-0\"\r\n      enter-to-class=\"opacity-100 max-h-[2000px]\"\r\n      leave-active-class=\"transition-all duration-200 ease-in\"\r\n      leave-from-class=\"opacity-100 max-h-[2000px]\"\r\n      leave-to-class=\"opacity-0 max-h-0\"\r\n    >\r\n      <div\r\n        v-show=\"isExpanded\"\r\n        :class=\"['overflow-hidden', contentClass]\"\r\n      >\r\n        <div :class=\"hasCustomHeader() ? '' : 'space-y-4 p-6'\">\r\n          <slot />\r\n        </div>\r\n      </div>\r\n    </Transition>\r\n  </CardComponent>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport { ref, computed } from 'vue'\r\nimport { useId } from '@/composables/useId'\r\n\r\nexport type TooltipPosition = 'top' | 'bottom' | 'left' | 'right'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** Tooltip content text */\r\n    content: string\r\n    /** Position of the tooltip */\r\n    position?: TooltipPosition\r\n    /** Delay before showing (ms) */\r\n    delay?: number\r\n    /** Disable the tooltip */\r\n    disabled?: boolean\r\n    /** Custom ID for accessibility */\r\n    id?: string\r\n  }>(),\r\n  {\r\n    position: 'top',\r\n    delay: 0,\r\n    disabled: false,\r\n  },\r\n)\r\n\r\n// Generate unique ID for accessibility\r\nconst { id: tooltipId } = useId({ prefix: 'tooltip', id: props.id })\r\n\r\nconst isVisible = ref(false)\r\nlet timeoutId: ReturnType<typeof setTimeout> | null = null\r\n\r\nconst show = () => {\r\n  if (props.disabled) return\r\n  if (props.delay > 0) {\r\n    timeoutId = setTimeout(() => {\r\n      isVisible.value = true\r\n    }, props.delay)\r\n  } else {\r\n    isVisible.value = true\r\n  }\r\n}\r\n\r\nconst hide = () => {\r\n  if (timeoutId) {\r\n    clearTimeout(timeoutId)\r\n    timeoutId = null\r\n  }\r\n  isVisible.value = false\r\n}\r\n\r\nconst positionClasses = computed(() => {\r\n  const base = 'absolute z-50 px-2 py-1 text-xs font-medium text-white bg-gray-900 rounded shadow-lg whitespace-nowrap dark:bg-gray-700'\r\n  const arrow = 'after:absolute after:border-4 after:border-transparent'\r\n\r\n  switch (props.position) {\r\n    case 'top':\r\n      return `${base} ${arrow} bottom-full left-1/2 -translate-x-1/2 mb-2 after:top-full after:left-1/2 after:-translate-x-1/2 after:border-t-gray-900 dark:after:border-t-gray-700`\r\n    case 'bottom':\r\n      return `${base} ${arrow} top-full left-1/2 -translate-x-1/2 mt-2 after:bottom-full after:left-1/2 after:-translate-x-1/2 after:border-b-gray-900 dark:after:border-b-gray-700`\r\n    case 'left':\r\n      return `${base} ${arrow} right-full top-1/2 -translate-y-1/2 mr-2 after:left-full after:top-1/2 after:-translate-y-1/2 after:border-l-gray-900 dark:after:border-l-gray-700`\r\n    case 'right':\r\n      return `${base} ${arrow} left-full top-1/2 -translate-y-1/2 ml-2 after:right-full after:top-1/2 after:-translate-y-1/2 after:border-r-gray-900 dark:after:border-r-gray-700`\r\n    default:\r\n      return base\r\n  }\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    class=\"relative inline-block\"\r\n    :aria-describedby=\"content && !disabled ? tooltipId : undefined\"\r\n    @mouseenter=\"show\"\r\n    @mouseleave=\"hide\"\r\n    @focus=\"show\"\r\n    @blur=\"hide\"\r\n  >\r\n    <slot />\r\n    <Transition\r\n      enter-active-class=\"transition duration-150 ease-out\"\r\n      enter-from-class=\"opacity-0 scale-95\"\r\n      enter-to-class=\"opacity-100 scale-100\"\r\n      leave-active-class=\"transition duration-100 ease-in\"\r\n      leave-from-class=\"opacity-100 scale-100\"\r\n      leave-to-class=\"opacity-0 scale-95\"\r\n    >\r\n      <div\r\n        v-if=\"isVisible && content\"\r\n        :id=\"tooltipId\"\r\n        :class=\"positionClasses\"\r\n        role=\"tooltip\"\r\n      >\r\n        {{ content }}\r\n      </div>\r\n    </Transition>\r\n  </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport { ref, computed } from 'vue'\r\nimport { useDropdown } from '@/composables/useDropdown'\r\nimport { useId } from '@/composables/useId'\r\n\r\nexport type PopoverPosition = 'top' | 'bottom' | 'left' | 'right'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** Position of the popover */\r\n    position?: PopoverPosition\r\n    /** Trigger on hover instead of click */\r\n    hover?: boolean\r\n    /** Use teleport to body */\r\n    teleport?: boolean\r\n    /** Width of the popover */\r\n    width?: 'auto' | 'sm' | 'md' | 'lg'\r\n    /** Custom ID for accessibility */\r\n    id?: string\r\n  }>(),\r\n  {\r\n    position: 'bottom',\r\n    hover: false,\r\n    teleport: true,\r\n    width: 'auto',\r\n  },\r\n)\r\n\r\n// Generate unique IDs for accessibility\r\nconst { related } = useId({ prefix: 'popover', id: props.id })\r\nconst triggerId = computed(() => related('trigger'))\r\nconst popoverId = computed(() => related('content'))\r\n\r\nconst triggerRef = ref<HTMLElement>()\r\nconst popoverRef = ref<HTMLElement>()\r\n\r\nconst { isOpen, dropdownStyle, toggle, close, open } = useDropdown(triggerRef, popoverRef, {\r\n  teleport: props.teleport,\r\n  gap: 8,\r\n})\r\n\r\nconst handleTrigger = () => {\r\n  if (!props.hover) {\r\n    toggle()\r\n  }\r\n}\r\n\r\nconst handleMouseEnter = () => {\r\n  if (props.hover) {\r\n    open()\r\n  }\r\n}\r\n\r\nconst handleMouseLeave = () => {\r\n  if (props.hover) {\r\n    close()\r\n  }\r\n}\r\n\r\nconst widthClasses = {\r\n  auto: 'w-auto min-w-[12rem]',\r\n  sm: 'w-48',\r\n  md: 'w-64',\r\n  lg: 'w-80',\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div\r\n    class=\"relative inline-block\"\r\n    @mouseenter=\"handleMouseEnter\"\r\n    @mouseleave=\"handleMouseLeave\"\r\n  >\r\n    <div\r\n      ref=\"triggerRef\"\r\n      :id=\"triggerId\"\r\n      :aria-expanded=\"isOpen\"\r\n      :aria-controls=\"popoverId\"\r\n      @click=\"handleTrigger\"\r\n    >\r\n      <slot name=\"trigger\" />\r\n    </div>\r\n\r\n    <Teleport\r\n      to=\"body\"\r\n      :disabled=\"!teleport\"\r\n    >\r\n      <Transition\r\n        enter-active-class=\"transition duration-150 ease-out\"\r\n        enter-from-class=\"opacity-0 scale-95\"\r\n        enter-to-class=\"opacity-100 scale-100\"\r\n        leave-active-class=\"transition duration-100 ease-in\"\r\n        leave-from-class=\"opacity-100 scale-100\"\r\n        leave-to-class=\"opacity-0 scale-95\"\r\n      >\r\n        <div\r\n          v-if=\"isOpen\"\r\n          :id=\"popoverId\"\r\n          ref=\"popoverRef\"\r\n          role=\"dialog\"\r\n          :aria-labelledby=\"triggerId\"\r\n          :style=\"dropdownStyle\"\r\n          :class=\"[\r\n            'z-[9999] rounded-lg border border-gray-200 bg-white p-4 shadow-lg dark:border-gray-700 dark:bg-gray-800',\r\n            widthClasses[width],\r\n          ]\"\r\n        >\r\n          <slot :close=\"close\" />\r\n        </div>\r\n      </Transition>\r\n    </Teleport>\r\n  </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport { computed, watch, onMounted, onUnmounted } from 'vue'\r\nimport { Icon } from '@iconify/vue'\r\n\r\nexport type DrawerPosition = 'left' | 'right' | 'top' | 'bottom'\r\nexport type DrawerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** Whether the drawer is visible */\r\n    modelValue: boolean\r\n    /** Position of the drawer */\r\n    position?: DrawerPosition\r\n    /** Size of the drawer */\r\n    size?: DrawerSize\r\n    /** Title shown in header */\r\n    title?: string\r\n    /** Show close button */\r\n    showClose?: boolean\r\n    /** Close on overlay click */\r\n    closeOnOverlay?: boolean\r\n    /** Close on escape key */\r\n    closeOnEscape?: boolean\r\n    /** Show overlay */\r\n    overlay?: boolean\r\n  }>(),\r\n  {\r\n    position: 'right',\r\n    size: 'md',\r\n    showClose: true,\r\n    closeOnOverlay: true,\r\n    closeOnEscape: true,\r\n    overlay: true,\r\n  },\r\n)\r\n\r\nconst emit = defineEmits<{\r\n  'update:modelValue': [value: boolean]\r\n}>()\r\n\r\nconst close = () => {\r\n  emit('update:modelValue', false)\r\n}\r\n\r\nconst handleOverlayClick = () => {\r\n  if (props.closeOnOverlay) {\r\n    close()\r\n  }\r\n}\r\n\r\nconst handleKeydown = (e: KeyboardEvent) => {\r\n  if (e.key === 'Escape' && props.closeOnEscape && props.modelValue) {\r\n    close()\r\n  }\r\n}\r\n\r\nonMounted(() => {\r\n  document.addEventListener('keydown', handleKeydown)\r\n})\r\n\r\nonUnmounted(() => {\r\n  document.removeEventListener('keydown', handleKeydown)\r\n})\r\n\r\n// Lock body scroll when open\r\nwatch(\r\n  () => props.modelValue,\r\n  (isOpen) => {\r\n    if (isOpen) {\r\n      document.body.style.overflow = 'hidden'\r\n    } else {\r\n      document.body.style.overflow = ''\r\n    }\r\n  },\r\n)\r\n\r\nconst sizeClasses = computed(() => {\r\n  const isHorizontal = props.position === 'left' || props.position === 'right'\r\n  const sizes = {\r\n    sm: isHorizontal ? 'w-64' : 'h-32',\r\n    md: isHorizontal ? 'w-80' : 'h-48',\r\n    lg: isHorizontal ? 'w-96' : 'h-64',\r\n    xl: isHorizontal ? 'w-[32rem]' : 'h-96',\r\n    full: isHorizontal ? 'w-screen' : 'h-screen',\r\n  }\r\n  return sizes[props.size]\r\n})\r\n\r\nconst positionClasses = computed(() => {\r\n  const base = 'fixed bg-white dark:bg-gray-800 shadow-xl flex flex-col'\r\n  switch (props.position) {\r\n    case 'left':\r\n      return `${base} inset-y-0 left-0 ${sizeClasses.value}`\r\n    case 'right':\r\n      return `${base} inset-y-0 right-0 ${sizeClasses.value}`\r\n    case 'top':\r\n      return `${base} inset-x-0 top-0 ${sizeClasses.value}`\r\n    case 'bottom':\r\n      return `${base} inset-x-0 bottom-0 ${sizeClasses.value}`\r\n    default:\r\n      return base\r\n  }\r\n})\r\n\r\nconst transformClasses = computed(() => {\r\n  switch (props.position) {\r\n    case 'left':\r\n      return { enter: '-translate-x-full', leave: '-translate-x-full' }\r\n    case 'right':\r\n      return { enter: 'translate-x-full', leave: 'translate-x-full' }\r\n    case 'top':\r\n      return { enter: '-translate-y-full', leave: '-translate-y-full' }\r\n    case 'bottom':\r\n      return { enter: 'translate-y-full', leave: 'translate-y-full' }\r\n    default:\r\n      return { enter: '', leave: '' }\r\n  }\r\n})\r\n</script>\r\n\r\n<template>\r\n  <Teleport to=\"body\">\r\n    <!-- Overlay -->\r\n    <Transition\r\n      enter-active-class=\"transition-opacity duration-300 ease-out\"\r\n      enter-from-class=\"opacity-0\"\r\n      enter-to-class=\"opacity-100\"\r\n      leave-active-class=\"transition-opacity duration-200 ease-in\"\r\n      leave-from-class=\"opacity-100\"\r\n      leave-to-class=\"opacity-0\"\r\n    >\r\n      <div\r\n        v-if=\"modelValue && overlay\"\r\n        class=\"fixed inset-0 z-40 bg-black/50\"\r\n        @click=\"handleOverlayClick\"\r\n      />\r\n    </Transition>\r\n\r\n    <!-- Drawer -->\r\n    <Transition\r\n      enter-active-class=\"transition-transform duration-300 ease-out\"\r\n      :enter-from-class=\"transformClasses.enter\"\r\n      enter-to-class=\"translate-x-0 translate-y-0\"\r\n      leave-active-class=\"transition-transform duration-200 ease-in\"\r\n      leave-from-class=\"translate-x-0 translate-y-0\"\r\n      :leave-to-class=\"transformClasses.leave\"\r\n    >\r\n      <div\r\n        v-if=\"modelValue\"\r\n        :class=\"positionClasses\"\r\n        class=\"z-50\"\r\n        role=\"dialog\"\r\n        aria-modal=\"true\"\r\n      >\r\n        <!-- Header -->\r\n        <div\r\n          v-if=\"title || showClose || $slots.header\"\r\n          class=\"flex items-center justify-between px-4 py-3 border-b border-gray-200 dark:border-gray-700\"\r\n        >\r\n          <slot name=\"header\">\r\n            <h2 class=\"text-lg font-semibold text-gray-900 dark:text-white\">\r\n              {{ title }}\r\n            </h2>\r\n          </slot>\r\n          <button\r\n            v-if=\"showClose\"\r\n            type=\"button\"\r\n            class=\"p-1 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700\"\r\n            @click=\"close\"\r\n          >\r\n            <Icon icon=\"heroicons:x-mark\" class=\"w-5 h-5\" />\r\n          </button>\r\n        </div>\r\n\r\n        <!-- Content -->\r\n        <div class=\"flex-1 overflow-y-auto p-4\">\r\n          <slot />\r\n        </div>\r\n\r\n        <!-- Footer -->\r\n        <div\r\n          v-if=\"$slots.footer\"\r\n          class=\"px-4 py-3 border-t border-gray-200 dark:border-gray-700\"\r\n        >\r\n          <slot name=\"footer\" />\r\n        </div>\r\n      </div>\r\n    </Transition>\r\n  </Teleport>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport { Icon } from '@iconify/vue'\r\n\r\nexport interface BreadcrumbItem {\r\n  label: string\r\n  href?: string\r\n  to?: string | object\r\n  icon?: string\r\n}\r\n\r\nwithDefaults(\r\n  defineProps<{\r\n    /** Array of breadcrumb items */\r\n    items: BreadcrumbItem[]\r\n    /** Separator icon */\r\n    separator?: string\r\n    /** Home icon */\r\n    homeIcon?: string\r\n    /** Show home icon on first item */\r\n    showHomeIcon?: boolean\r\n  }>(),\r\n  {\r\n    separator: 'heroicons:chevron-right',\r\n    homeIcon: 'heroicons:home',\r\n    showHomeIcon: true,\r\n  },\r\n)\r\n\r\ndefineEmits<{\r\n  click: [item: BreadcrumbItem, index: number]\r\n}>()\r\n</script>\r\n\r\n<template>\r\n  <nav aria-label=\"Breadcrumb\">\r\n    <ol class=\"flex items-center flex-wrap gap-1 text-sm\">\r\n      <li\r\n        v-for=\"(item, index) in items\"\r\n        :key=\"index\"\r\n        class=\"flex items-center\"\r\n      >\r\n        <!-- Separator -->\r\n        <Icon\r\n          v-if=\"index > 0\"\r\n          :icon=\"separator\"\r\n          class=\"w-4 h-4 mx-2 text-gray-400 dark:text-gray-500 flex-shrink-0\"\r\n        />\r\n\r\n        <!-- Item -->\r\n        <component\r\n          :is=\"item.to ? 'router-link' : item.href ? 'a' : 'span'\"\r\n          :to=\"item.to\"\r\n          :href=\"item.href\"\r\n          :class=\"[\r\n            'flex items-center gap-1.5 transition-colors',\r\n            index === items.length - 1\r\n              ? 'text-gray-900 dark:text-white font-medium cursor-default'\r\n              : 'text-gray-500 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400',\r\n          ]\"\r\n          :aria-current=\"index === items.length - 1 ? 'page' : undefined\"\r\n          @click=\"$emit('click', item, index)\"\r\n        >\r\n          <!-- Home icon for first item -->\r\n          <Icon\r\n            v-if=\"index === 0 && showHomeIcon\"\r\n            :icon=\"item.icon || homeIcon\"\r\n            class=\"w-4 h-4\"\r\n          />\r\n          <!-- Custom icon -->\r\n          <Icon\r\n            v-else-if=\"item.icon\"\r\n            :icon=\"item.icon\"\r\n            class=\"w-4 h-4\"\r\n          />\r\n          <span>{{ item.label }}</span>\r\n        </component>\r\n      </li>\r\n    </ol>\r\n  </nav>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport { ref, provide } from 'vue'\r\n\r\nexport type AccordionMode = 'single' | 'multiple'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** Allow single or multiple items open */\r\n    mode?: AccordionMode\r\n    /** Default open items (array of keys) */\r\n    defaultOpen?: string[]\r\n  }>(),\r\n  {\r\n    mode: 'single',\r\n    defaultOpen: () => [],\r\n  },\r\n)\r\n\r\nconst openItems = ref<Set<string>>(new Set(props.defaultOpen))\r\n\r\nconst toggle = (key: string) => {\r\n  if (openItems.value.has(key)) {\r\n    openItems.value.delete(key)\r\n  } else {\r\n    if (props.mode === 'single') {\r\n      openItems.value.clear()\r\n    }\r\n    openItems.value.add(key)\r\n  }\r\n  // Force reactivity\r\n  openItems.value = new Set(openItems.value)\r\n}\r\n\r\nconst isOpen = (key: string) => openItems.value.has(key)\r\n\r\nprovide('accordion', {\r\n  toggle,\r\n  isOpen,\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div class=\"divide-y divide-gray-200 dark:divide-gray-700 border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden\">\r\n    <slot />\r\n  </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport { inject, computed } from 'vue'\r\nimport { Icon } from '@iconify/vue'\r\nimport { useId } from '@/composables/useId'\r\n\r\nconst props = defineProps<{\r\n  /** Unique key for this item */\r\n  itemKey: string\r\n  /** Title shown in header */\r\n  title: string\r\n  /** Optional icon */\r\n  icon?: string\r\n  /** Disable this item */\r\n  disabled?: boolean\r\n  /** Custom ID for accessibility */\r\n  id?: string\r\n}>()\r\n\r\n// Generate unique IDs for accessibility\r\nconst { related } = useId({ prefix: 'accordion', id: props.id })\r\nconst headerId = computed(() => related('header'))\r\nconst panelId = computed(() => related('panel'))\r\n\r\nconst accordion = inject<{\r\n  toggle: (key: string) => void\r\n  isOpen: (key: string) => boolean\r\n}>('accordion')\r\n\r\nconst isOpen = computed(() => accordion?.isOpen(props.itemKey) ?? false)\r\n\r\nconst toggle = () => {\r\n  if (!props.disabled) {\r\n    accordion?.toggle(props.itemKey)\r\n  }\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div>\r\n    <!-- Header -->\r\n    <button\r\n      :id=\"headerId\"\r\n      type=\"button\"\r\n      class=\"flex items-center justify-between w-full px-4 py-3 text-left transition-colors\"\r\n      :class=\"[\r\n        disabled\r\n          ? 'bg-gray-50 text-gray-400 cursor-not-allowed dark:bg-gray-800 dark:text-gray-500'\r\n          : 'bg-white hover:bg-gray-50 text-gray-900 dark:bg-gray-800 dark:hover:bg-gray-700 dark:text-white',\r\n      ]\"\r\n      :disabled=\"disabled\"\r\n      :aria-expanded=\"isOpen\"\r\n      :aria-controls=\"panelId\"\r\n      @click=\"toggle\"\r\n    >\r\n      <span class=\"flex items-center gap-2 font-medium\">\r\n        <Icon v-if=\"icon\" :icon=\"icon\" class=\"w-5 h-5\" aria-hidden=\"true\" />\r\n        {{ title }}\r\n      </span>\r\n      <Icon\r\n        icon=\"heroicons:chevron-down\"\r\n        class=\"w-5 h-5 transition-transform duration-200\"\r\n        :class=\"{ 'rotate-180': isOpen }\"\r\n        aria-hidden=\"true\"\r\n      />\r\n    </button>\r\n\r\n    <!-- Content -->\r\n    <Transition\r\n      enter-active-class=\"transition-all duration-200 ease-out\"\r\n      enter-from-class=\"opacity-0 max-h-0\"\r\n      enter-to-class=\"opacity-100 max-h-screen\"\r\n      leave-active-class=\"transition-all duration-150 ease-in\"\r\n      leave-from-class=\"opacity-100 max-h-screen\"\r\n      leave-to-class=\"opacity-0 max-h-0\"\r\n    >\r\n      <div\r\n        v-show=\"isOpen\"\r\n        :id=\"panelId\"\r\n        role=\"region\"\r\n        :aria-labelledby=\"headerId\"\r\n        class=\"overflow-hidden\"\r\n      >\r\n        <div class=\"px-4 py-3 bg-gray-50 dark:bg-gray-900 text-gray-700 dark:text-gray-300\">\r\n          <slot />\r\n        </div>\r\n      </div>\r\n    </Transition>\r\n  </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport { Icon } from '@iconify/vue'\r\n\r\nexport type TimelineItemStatus = 'completed' | 'current' | 'upcoming' | 'error'\r\n\r\nexport interface TimelineItem {\r\n  key: string\r\n  title: string\r\n  description?: string\r\n  date?: string\r\n  icon?: string\r\n  status?: TimelineItemStatus\r\n}\r\n\r\nwithDefaults(\r\n  defineProps<{\r\n    /** Array of timeline items */\r\n    items: TimelineItem[]\r\n    /** Orientation of the timeline */\r\n    orientation?: 'vertical' | 'horizontal'\r\n  }>(),\r\n  {\r\n    orientation: 'vertical',\r\n  },\r\n)\r\n\r\nconst getStatusClasses = (status?: TimelineItemStatus) => {\r\n  switch (status) {\r\n    case 'completed':\r\n      return {\r\n        dot: 'bg-green-500',\r\n        line: 'bg-green-500',\r\n        icon: 'text-white',\r\n      }\r\n    case 'current':\r\n      return {\r\n        dot: 'bg-primary-500 ring-4 ring-primary-100 dark:ring-primary-900',\r\n        line: 'bg-gray-200 dark:bg-gray-700',\r\n        icon: 'text-white',\r\n      }\r\n    case 'error':\r\n      return {\r\n        dot: 'bg-red-500',\r\n        line: 'bg-red-500',\r\n        icon: 'text-white',\r\n      }\r\n    default:\r\n      return {\r\n        dot: 'bg-gray-300 dark:bg-gray-600',\r\n        line: 'bg-gray-200 dark:bg-gray-700',\r\n        icon: 'text-gray-500 dark:text-gray-400',\r\n      }\r\n  }\r\n}\r\n\r\nconst getDefaultIcon = (status?: TimelineItemStatus) => {\r\n  switch (status) {\r\n    case 'completed':\r\n      return 'heroicons:check'\r\n    case 'error':\r\n      return 'heroicons:x-mark'\r\n    default:\r\n      return ''\r\n  }\r\n}\r\n</script>\r\n\r\n<template>\r\n  <!-- Vertical Timeline -->\r\n  <div v-if=\"orientation === 'vertical'\" class=\"relative\">\r\n    <div\r\n      v-for=\"(item, index) in items\"\r\n      :key=\"item.key\"\r\n      class=\"relative pb-8 last:pb-0\"\r\n    >\r\n      <!-- Connecting line -->\r\n      <div\r\n        v-if=\"index < items.length - 1\"\r\n        class=\"absolute left-4 top-8 w-0.5 h-full -ml-px\"\r\n        :class=\"getStatusClasses(item.status).line\"\r\n      />\r\n\r\n      <div class=\"flex items-start gap-4\">\r\n        <!-- Dot/Icon -->\r\n        <div\r\n          class=\"relative z-10 flex items-center justify-center w-8 h-8 rounded-full flex-shrink-0\"\r\n          :class=\"getStatusClasses(item.status).dot\"\r\n        >\r\n          <Icon\r\n            v-if=\"item.icon || getDefaultIcon(item.status)\"\r\n            :icon=\"item.icon || getDefaultIcon(item.status)\"\r\n            class=\"w-4 h-4\"\r\n            :class=\"getStatusClasses(item.status).icon\"\r\n          />\r\n        </div>\r\n\r\n        <!-- Content -->\r\n        <div class=\"flex-1 min-w-0 pt-0.5\">\r\n          <div class=\"flex items-center justify-between gap-2\">\r\n            <h3 class=\"text-sm font-medium text-gray-900 dark:text-white\">\r\n              {{ item.title }}\r\n            </h3>\r\n            <time\r\n              v-if=\"item.date\"\r\n              class=\"text-xs text-gray-500 dark:text-gray-400 whitespace-nowrap\"\r\n            >\r\n              {{ item.date }}\r\n            </time>\r\n          </div>\r\n          <p\r\n            v-if=\"item.description\"\r\n            class=\"mt-1 text-sm text-gray-600 dark:text-gray-400\"\r\n          >\r\n            {{ item.description }}\r\n          </p>\r\n          <slot :name=\"item.key\" :item=\"item\" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Horizontal Timeline -->\r\n  <div v-else class=\"flex items-start overflow-x-auto pb-4\">\r\n    <div\r\n      v-for=\"(item, index) in items\"\r\n      :key=\"item.key\"\r\n      class=\"flex flex-col items-center flex-shrink-0\"\r\n      :class=\"{ 'flex-1': index < items.length - 1 }\"\r\n    >\r\n      <div class=\"flex items-center w-full\">\r\n        <!-- Dot/Icon -->\r\n        <div\r\n          class=\"relative z-10 flex items-center justify-center w-8 h-8 rounded-full flex-shrink-0\"\r\n          :class=\"getStatusClasses(item.status).dot\"\r\n        >\r\n          <Icon\r\n            v-if=\"item.icon || getDefaultIcon(item.status)\"\r\n            :icon=\"item.icon || getDefaultIcon(item.status)\"\r\n            class=\"w-4 h-4\"\r\n            :class=\"getStatusClasses(item.status).icon\"\r\n          />\r\n        </div>\r\n\r\n        <!-- Connecting line -->\r\n        <div\r\n          v-if=\"index < items.length - 1\"\r\n          class=\"flex-1 h-0.5 mx-2\"\r\n          :class=\"getStatusClasses(item.status).line\"\r\n        />\r\n      </div>\r\n\r\n      <!-- Content -->\r\n      <div class=\"mt-2 text-center max-w-[120px]\">\r\n        <h3 class=\"text-xs font-medium text-gray-900 dark:text-white\">\r\n          {{ item.title }}\r\n        </h3>\r\n        <time\r\n          v-if=\"item.date\"\r\n          class=\"text-xs text-gray-500 dark:text-gray-400\"\r\n        >\r\n          {{ item.date }}\r\n        </time>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport { Icon } from '@iconify/vue'\r\nimport { useDarkMode } from '@/composables/useDarkMode'\r\n\r\nexport type DarkModeToggleSize = 'sm' | 'md' | 'lg'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** Toggle size */\r\n    size?: DarkModeToggleSize\r\n    /** Light mode icon */\r\n    lightIcon?: string\r\n    /** Dark mode icon */\r\n    darkIcon?: string\r\n    /** Show label */\r\n    showLabel?: boolean\r\n    /** Storage key for persistence */\r\n    storageKey?: string\r\n  }>(),\r\n  {\r\n    size: 'md',\r\n    lightIcon: 'lucide:sun',\r\n    darkIcon: 'lucide:moon',\r\n    showLabel: false,\r\n    storageKey: 'dark-mode',\r\n  },\r\n)\r\n\r\nconst { isDark, toggle } = useDarkMode({ storageKey: props.storageKey })\r\n\r\nconst sizeClasses: Record<DarkModeToggleSize, { button: string; icon: string }> = {\r\n  sm: { button: 'p-1.5', icon: 'h-4 w-4' },\r\n  md: { button: 'p-2', icon: 'h-5 w-5' },\r\n  lg: { button: 'p-2.5', icon: 'h-6 w-6' },\r\n}\r\n</script>\r\n\r\n<template>\r\n  <button\r\n    type=\"button\"\r\n    :class=\"[\r\n      sizeClasses[size].button,\r\n      'inline-flex items-center gap-2 rounded-lg transition-colors',\r\n      'text-gray-600 hover:bg-gray-100 hover:text-gray-900',\r\n      'dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-100',\r\n      'focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2',\r\n    ]\"\r\n    :aria-label=\"isDark ? 'Switch to light mode' : 'Switch to dark mode'\"\r\n    @click=\"toggle\"\r\n  >\r\n    <Icon\r\n      :icon=\"isDark ? darkIcon : lightIcon\"\r\n      :class=\"sizeClasses[size].icon\"\r\n    />\r\n    <span v-if=\"showLabel\" class=\"text-sm font-medium\">\r\n      {{ isDark ? 'Dark' : 'Light' }}\r\n    </span>\r\n  </button>\r\n</template>\r\n"],"names":["_createBlock","CardSkeleton","_openBlock","_createElementBlock","_hoisted_1","$slots","_normalizeClass","_renderSlot","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_4","TextType","NumberType","DateType","BooleanType","BadgeType","TableSkeleton","_hoisted_5","_createVNode","Checkbox","_Fragment","_renderList","_createTextVNode","_toDisplayString","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_resolveDynamicComponent","_hoisted_12","CardComponent","ListSkeleton","_hoisted_6","MobileList","_withCtx","TableComponent","_unref","_withModifiers","_Teleport","_Transition","_mergeProps","_withDirectives","_normalizeStyle","_createSlots","$emit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,UAAM,QAAQ;AAuBd,UAAM,eAAe;AAAA,MAAS,MAC5B,MAAM,cAAc;AAAA,IAAA;AAGtB,UAAM,iBAAiB;AAAA,MAAS,MAC9B,MAAM,gBAAgB;AAAA,IAAA;;aAOd,QAAA,wBADRA,YAKEC,aAAA;AAAA;QAHC,OAAO,QAAA;AAAA,QACP,eAAa,QAAA;AAAA,QACb,gBAAc,QAAA;AAAA,MAAA,0DAIjBC,UAAA,GAAAC,mBA2CM,OA3CNC,cA2CM;AAAA,QAxCIC,KAAAA,OAAO,uBADfF,mBAMM,OAAA;AAAA;UAJJ,OAAKG,eAAA,CAAC,YACE,eAAA,KAAc,CAAA;AAAA,QAAA;UAEtBC,WAAsB,KAAA,QAAA,QAAA;AAAA,QAAA,SAKX,QAAA,SAAS,QAAA,eAAeF,KAAAA,OAAO,SAASA,KAAAA,OAAO,eAAeA,KAAAA,OAAO,wBADlFF,mBA6BM,OAAA;AAAA;UA3BJ,OAAKG,eAAA,CAAC,wDACE,eAAA,KAAc,CAAA;AAAA,QAAA;UAEtBE,mBAmBM,OAnBNC,cAmBM;AAAA,YAjBI,QAAA,SAASJ,KAAAA,OAAO,sBADxBF,mBAQO,QAAA;AAAA;cANL,OAAKG,eAAA,CAAC,yBACE,aAAA,KAAY,CAAA;AAAA,YAAA;cAEpBC,WAEO,0BAFP,MAEO;AAAA,gDADF,QAAA,KAAK,GAAA,CAAA;AAAA,cAAA;;YAKJ,QAAA,eAAeF,KAAAA,OAAO,eAD9BH,aAAAC,mBAOO,QAPPO,cAOO;AAAA,cAHLH,WAEO,gCAFP,MAEO;AAAA,gDADF,QAAA,WAAW,GAAA,CAAA;AAAA,cAAA;;;UAKpBC,mBAEM,OAFNG,cAEM;AAAA,YADJJ,WAAuB,KAAA,QAAA,SAAA;AAAA,UAAA;;QAI3BA,WAAQ,KAAA,QAAA,SAAA;AAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACzEZ,UAAM,QAAe,SAAA;AAErB,UAAM,QAAQ;AA+Bd,UAAM,OAAO;AAUb,UAAM,iBAA4C;AAAA,MAChD,MAAMK;AAAAA,MACN,QAAQC;AAAAA,MACR,MAAMC;AAAAA,MACN,SAASC;AAAAA,MACT,OAAOC;AAAAA,IAAA;AAGT,UAAM,mBAAmB,CAAC,OAAe,WAAsB;AAC7D,aAAO,eAAe,IAAI,KAAKJ;AAAAA,IACjC;AAGA,UAAM,oBAAoB,SAAS,MAAM,MAAM,WAAW,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;AAGlF,UAAM,SAAS,CAAC,SAA2B;AACzC,YAAM,WAAW,KAAK,MAAM,QAAQ;AACpC,aAAO,OAAO,YAAY,KAAK,OAAA,CAAQ;AAAA,IACzC;AAGA,UAAM,eAAe,CAAC,MAA+B,aAAgC;AACnF,UAAI,SAAS,KAAK,SAAS,GAAG,GAAG;AAC/B,YAAI,QAAiB;AACrB,mBAAW,OAAO,SAAS,KAAK,MAAM,GAAG,GAAG;AAC1C,cAAI,SAAS,OAAO,UAAU,YAAY,OAAO,OAAO;AACtD,oBAAS,MAAkC,GAAG;AAAA,UAChD,OAAO;AACL,mBAAO;AAAA,UACT;AAAA,QACF;AACA,eAAO;AAAA,MACT;AACA,aAAO,KAAK,SAAS,IAAI;AAAA,IAC3B;AAEA,UAAM,oBAAoB,CAAC,UAAwC;AACjE,cAAQ,OAAA;AAAA,QACN,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MAAA;AAAA,IAEb;AAEA,UAAM,eAAe,CAAC,SAAmB;AACvC,UAAI,MAAM;AACR,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT;AAGA,UAAM,kBAAkB,SAAS,MAAM;AACrC,UAAI,CAAC,MAAM,iBAAkB,QAAO,MAAM;AAC1C,aAAO,MAAM,MAAM,OAAO,MAAM,gBAAgB;AAAA,IAClD,CAAC;AAED,UAAM,cAAc,SAAS,MAAM;AACjC,UAAI,gBAAgB,MAAM,WAAW,EAAG,QAAO;AAC/C,aAAO,gBAAgB,MAAM,MAAM,CAAC,SAAA;;AAAS,2BAAM,kBAAN,mBAAqB,IAAI,OAAO,IAAI;AAAA,OAAE;AAAA,IACrF,CAAC;AAED,UAAM,eAAe,SAAS,MAAM;;AAClC,gBAAQ,WAAM,kBAAN,mBAAqB,SAAQ,KAAK,KAAK,CAAC,YAAY;AAAA,IAC9D,CAAC;AAED,UAAM,aAAa,CAAC,SAA4B;;AAC9C,eAAO,WAAM,kBAAN,mBAAqB,IAAI,OAAO,IAAI,OAAM;AAAA,IACnD;AAEA,UAAM,eAAe,CAAC,SAA4B;AAChD,UAAI,CAAC,MAAM,WAAY,QAAO;AAC9B,UAAI,CAAC,MAAM,iBAAkB,QAAO;AACpC,aAAO,MAAM,iBAAiB,IAAI;AAAA,IACpC;AAEA,UAAM,eAAe,CAAC,SAAmB;AACvC,WAAK,UAAU,OAAO,IAAI,CAAC;AAAA,IAC7B;AAEA,UAAM,gBAAgB,SAAS,MAAe,CAAC,CAAC,MAAM,MAAM;AAG5D,UAAM,aAAa,CAAC,aAAuB;AACzC,UAAI,CAAC,SAAS,SAAU;AAExB,YAAM,eACJ,MAAM,WAAW,SAAS,QAAQ,MAAM,kBAAkB,QAAQ,SAAS;AAE7E,WAAK,QAAQ,SAAS,MAAM,YAAY;AAAA,IAC1C;AAEA,UAAM,iBAAiB,CAAC,aAAgC;AACtD,aAAO,MAAM,WAAW,SAAS;AAAA,IACnC;;AAIE,aAAAV,UAAA,GAAAC,mBAwJM,OAxJNC,cAwJM;AAAA,QArJI,QAAA,wBADRJ,YAIEiB,aAAA;AAAA;UAFC,MAAM,QAAA;AAAA,UACN,SAAS,kBAAA,MAAkB;AAAA,QAAA,qCAI9Bf,aAAAC,mBA8IM,OA9INM,cA8IM;AAAA,UA7IJD,mBAuIQ,SAvIRE,cAuIQ;AAAA,YAtINF,mBA+EQ,SA/ERG,cA+EQ;AAAA,cA5ENH,mBA2EK,MAAA,MAAA;AAAA,gBAxEK,QAAA,cADRN,UAAA,GAAAC,mBAUK,MAVLe,cAUK;AAAA,kBANHC,YAKEC,aAAA;AAAA,oBAJC,eAAa,YAAA;AAAA,oBACb,eAAe,aAAA;AAAA,oBACf,UAAU,gBAAA,MAAgB,WAAM;AAAA,oBAChC,6DAAoB,KAAI,WAAA;AAAA,kBAAA;;kCAI7BjB,mBAuDKkB,UAAA,MAAAC,WAtDgB,kBAAA,OAAiB,CAA7B,aAAQ;sCADjBnB,mBAuDK,MAAA;AAAA,oBArDF,KAAK,SAAS;AAAA,oBACd,OAAKG,eAAA;AAAA,sBAAqB,kBAAkB,SAAS,KAAK;AAAA;sBAAkD,SAAS,WAAQ,sEAAA;AAAA,oBAAA;oBAK7H,SAAK,CAAA,WAAE,WAAW,QAAQ;AAAA,kBAAA;oBAE3BE,mBA4CM,OAAA;AAAA,sBA3CJ,uBAAM,2BAAyB;AAAA,wBACgB,kBAAA,SAAS,UAAK;AAAA,wBAAiD,eAAA,SAAS,UAAK;AAAA,sBAAA;;sBAK5HD,WAKO,KAAA,QAAA,YAJc,SAAS,QAC3B,SAAA,GAFH,MAKO;AAAA,wBADFgB,gBAAAC,gBAAA,SAAS,SAAS,SAAS,IAAI,GAAA,CAAA;AAAA,sBAAA;sBAG5B,SAAS,yBADjBrB,mBA8BM,OAAA;AAAA;wBA5BH,OAAKG,eAAA;AAAA;0BAA2E,eAAe,QAAQ,IAAA,qBAAA;AAAA,wBAAA;wBAIxG,SAAQ;AAAA,wBACR,MAAK;AAAA,sBAAA;wBAIG,eAAe,QAAQ,KAAK,QAAA,kBAAa,SADjDJ,aAAAC,mBAGE,QAHFsB,YAGE,KAGW,eAAe,QAAQ,KAAK,QAAA,kBAAa,UADtDvB,UAAA,GAAAC,mBAGE,QAHFuB,YAGE,mBAEFvB,mBASWkB,UAAA,EAAA,KAAA,KAAA;AAAA,oDARTb,mBAGE,QAAA;AAAA,4BAFA,GAAE;AAAA,4BACF,OAAM;AAAA,0BAAA;oDAERA,mBAGE,QAAA;AAAA,4BAFA,GAAE;AAAA,4BACF,OAAM;AAAA,0BAAA;;;;;;gBAQR,cAAA,SADRN,UAAA,GAAAC,mBAGE,MAHFwB,YAGE;;;YAINnB,mBAoDQ,SApDRoB,eAoDQ;AAAA,gCAnDNzB,mBAkDKkB,UAAA,MAAAC,WAjDY,QAAA,OAAK,CAAb,SAAI;oCADbnB,mBAkDK,MAAA;AAAA,kBAhDF,KAAK,OAAO,IAAI;AAAA,kBACjB,OAAKG,eAAA,CAAC,4DAA0D,EAAA,mCACnB,WAAW,IAAI,GAAA,CAAA;AAAA,gBAAA;kBAIpD,QAAA,cADRJ,UAAA,GAAAC,mBASK,MATL0B,eASK;AAAA,oBAJK,aAAa,IAAI,kBADzB7B,YAIEoB,aAAA;AAAA;sBAFC,eAAa,WAAW,IAAI;AAAA,sBAC5B,uBAAkB,CAAA,WAAE,aAAa,IAAI;AAAA,oBAAA;;oCAI1CjB,mBAqBKkB,UAAA,MAAAC,WApBgB,kBAAA,OAAiB,CAA7B,aAAQ;wCADjBnB,mBAqBK,MAAA;AAAA,sBAnBF,KAAK,SAAS;AAAA,sBACd,OAAKG,eAAA;AAAA,wBAAqB,kBAAkB,SAAS,KAAK;AAAA,wBAAoB,aAAa,SAAS,IAAI;AAAA,wBAAoB,SAAS;AAAA;;;sBAOtIC,WAUO,KAAA,QAAA,UARY,SAAS,MAAI;AAAA,wBAD7B;AAAA,wBAEA;AAAA,wBACA,OAAO,aAAa,MAAM,QAAQ;AAAA,sBAAA,GAJrC,MAUO;AAAA,yBAJLL,UAAA,GAAAF,YAGE8B,wBAFK,iBAAiB,SAAS,QAAI,MAAA,CAAA,GAAA;AAAA,0BAClC,OAAO,aAAa,MAAM,QAAQ;AAAA,wBAAA;;;;kBAMjC,cAAA,SADR5B,UAAA,GAAAC,mBAQK,MARL4B,eAQK;AAAA,oBAJHxB,WAGE,KAAA,QAAA,UAAA,EAFC,MAAU;AAAA,kBAAA;;;;;WAST,QAAA,SAAS,QAAA,MAAM,WAAM,kBAAjCJ,mBAEM,OAAA,aAAA;AAAA,YADJI,WAAqB,KAAA,QAAA,OAAA;AAAA,UAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClS7B,UAAM,QAAQ;AAyBd,UAAM,OAAO;AAkBb,UAAM,QAAQ,SAAA;AAEd,UAAM,SAAS,CAAC,SAA2B;AACzC,YAAM,WAAW,KAAK,MAAM,QAAQ;AACpC,aAAO,OAAO,YAAY,KAAK,OAAA,CAAQ;AAAA,IACzC;AAEA,UAAM,kBAAkB,SAAS,MAAM;AACrC,UAAI,CAAC,MAAM,iBAAkB,QAAO,MAAM;AAC1C,aAAO,MAAM,MAAM,OAAO,MAAM,gBAAgB;AAAA,IAClD,CAAC;AAED,UAAM,cAAc,SAAS,MAAM;AACjC,UAAI,gBAAgB,MAAM,WAAW,EAAG,QAAO;AAC/C,aAAO,gBAAgB,MAAM,MAAM,CAAC,SAAA;;AAAS,2BAAM,kBAAN,mBAAqB,IAAI,OAAO,IAAI;AAAA,OAAE;AAAA,IACrF,CAAC;AAED,UAAM,eAAe,SAAS,MAAM;;AAClC,gBAAQ,WAAM,kBAAN,mBAAqB,SAAQ,KAAK,KAAK,CAAC,YAAY;AAAA,IAC9D,CAAC;AAED,UAAM,aAAa,CAAC,SAA4B;;AAC9C,eAAO,WAAM,kBAAN,mBAAqB,IAAI,OAAO,IAAI,OAAM;AAAA,IACnD;AAEA,UAAM,eAAe,CAAC,SAA4B;AAChD,UAAI,CAAC,MAAM,WAAY,QAAO;AAC9B,UAAI,CAAC,MAAM,iBAAkB,QAAO;AACpC,aAAO,MAAM,iBAAiB,IAAI;AAAA,IACpC;AAEA,UAAM,eAAe,CAAC,SAAmB;AACvC,WAAK,UAAU,OAAO,IAAI,CAAC;AAAA,IAC7B;AAEA,UAAM,eAAe,SAAS,MAAM,CAAC,CAAC,MAAM,KAAK;;AAI/C,aAAAL,UAAA,GAAAC,mBAwFM,OAxFNC,cAwFM;AAAA,QAtFiB,QAAA,wBAArBJ,YAOgBgC,aAAA,EAAA,KAAA,KAAA;AAAA,2BANd,MAKE;AAAA,YALFb,YAKEc,aAAA;AAAA,cAJC,OAAO,QAAA;AAAA,cACR,eAAA;AAAA,cACA,kBAAA;AAAA,cACA,eAAA;AAAA,YAAA;;;4BAKJ9B,mBA2EWkB,UAAA,EAAA,KAAA,KAAA;AAAA,UAzEY,QAAA,cAAc,gBAAA,MAAgB,SAAM,kBAAzDrB,YAiBgBgC,aAAA,EAAA,KAAA,KAAA;AAAA,6BAhBd,MAeM;AAAA,cAfNxB,mBAeM,OAfNC,cAeM;AAAA,gBAdJU,YAIEC,aAAA;AAAA,kBAHC,eAAa,YAAA;AAAA,kBACb,eAAe,aAAA;AAAA,kBACf,6DAAoB,KAAI,WAAA;AAAA,gBAAA;gBAE3BZ,mBAEO,QAFPE,cAEOc,gBADF,YAAA,QAAW,wBAAA,mBAAA,GAAA,CAAA;AAAA,gBAGR,QAAA,iBAAiB,QAAA,cAAc,OAAI,KAD3CtB,UAAA,GAAAC,mBAKO,QALPQ,cAGC,uBACK,QAAA,cAAc,IAAI,IAAG,iBAAYa,gBAAG,QAAA,cAAc,uBAAsB,MAC9E,CAAA;;;;;4BAKJrB,mBA+CgBkB,UAAA,MAAAC,WA9CD,QAAA,OAAK,CAAb,SAAI;gCADXtB,YA+CgBgC,aAAA;AAAA,cA7Cf,KAAK,OAAO,IAAI;AAAA,cACjB,uBAAM,+CAA6C;AAAA,gBACT,uBAAA,WAAW,IAAI;AAAA,cAAA;;+BAIzD,MAsCM;AAAA,gBAtCNxB,mBAsCM,OAtCNU,cAsCM;AAAA,kBAnCI,QAAA,cADRhB,UAAA,GAAAC,mBAaM,OAbN+B,cAaM;AAAA,oBARI,aAAa,IAAI,kBADzBlC,YAIEoB,aAAA;AAAA;sBAFC,eAAa,WAAW,IAAI;AAAA,sBAC5B,uBAAkB,CAAA,WAAE,aAAa,IAAI;AAAA,oBAAA,wDAExClB,aAAAC,mBAGE,OAHFsB,YAGE;AAAA,kBAAA;kBAIJlB,WAGE,KAAA,QAAA,UAAA,EADC,MAAU;AAAA,kBAIbC,mBAKM,OALNkB,cAKM;AAAA,oBAJJnB,WAGE,KAAA,QAAA,WAAA,EADC,MAAU;AAAA,kBAAA;kBAKfC,mBAKM,OALNmB,cAKM;AAAA,oBAJJpB,WAGE,KAAA,QAAA,WAAA,EADC,MAAU;AAAA,kBAAA;;;;;;UAON,QAAA,MAAM,WAAM,KAAU,aAAA,sBAAjCJ,mBAEM,OAAAyB,eAAA;AAAA,YADJrB,WAAqB,KAAA,QAAA,OAAA;AAAA,UAAA;;;;;;;;;;;;;;;;;;;;;;;ACvJ7B,UAAM,QAAQ;AAkCd,UAAM,OAAO;AA6Bb,UAAM,QAAQ,SAAA;AAGd,UAAM,eAAe,CAAC,QAAsC,IAAI,OAAO,IAAI,QAAQ;AAGnF,UAAM,kBAAkB;AAAA,MAAqB,MAC3C,MAAM,QAAQ,IAAI,CAAC,SAAS;AAAA,QAC1B,MAAM,aAAa,GAAG;AAAA,QACtB,OAAO,IAAI;AAAA,QACX,MAAM,IAAI;AAAA,QACV,UAAU,IAAI;AAAA,QACd,QAAQ,IAAI;AAAA,QACZ,OAAO,IAAI;AAAA,QACX,WAAW,IAAI;AAAA,QACf,MAAM,IAAI;AAAA,MAAA,EACV;AAAA,IAAA;AAIJ,UAAM,eAAe,CAAC,MAAgB,QAAyB;AAC7D,YAAM,OAAO,IAAI,MAAM,GAAG;AAC1B,UAAI,QAAiB;AACrB,iBAAW,KAAK,MAAM;AACpB,YAAI,SAAS,OAAO,UAAU,YAAY,KAAK,OAAO;AACpD,kBAAS,MAAkC,CAAC;AAAA,QAC9C,OAAO;AACL,iBAAO;AAAA,QACT;AAAA,MACF;AACA,aAAO;AAAA,IACT;AAGA,UAAM,cAAc,CAAC,QAAyB;AAC5C,aAAO,CAAC,CAAC,MAAM,QAAQ,GAAG,EAAE;AAAA,IAC9B;AAEA,UAAM,iBAAiB,SAAS,MAAM,CAAC,CAAC,MAAM,OAAO;AAGrD,UAAM,cAAc,eAAe;AAAA,MACjC,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,IAAA,CACR;AAGD,UAAM,YAAY,SAAS,MAAM,YAAY,eAAe,MAAM,UAAU,EAAE,KAAK;;0BAIjFJ,mBA+FM,OAAA,MAAA;AAAA,SA5FK,UAAA,sBADTH,YAyCamC,aAAA;AAAA;UAvCV,OAAO,QAAA;AAAA,UACP,aAAW,QAAA;AAAA,UACX,YAAY,QAAA;AAAA,UACZ,kBAAgB,QAAA;AAAA,UAChB,qBAAmB,QAAA;AAAA,UACnB,SAAS,QAAA;AAAA,UACT,iBAAe,QAAA;AAAA,UACf,UAAM,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,KAAI,UAAW,MAAM;AAAA,UAC7B,mDAAY,KAAI,WAAA;AAAA,QAAA;UAEN,QAAMC,QACf,CAGE,EAJiB,WAAI;AAAA,YACvB7B,WAGE,KAAA,QAAA,UAAA,EADC,MAAU;AAAA,UAAA;UAIJ,SAAO6B,QAChB,CAGE,EAJkB,WAAI;AAAA,YACxB7B,WAGE,KAAA,QAAA,iBAAA,EADC,MAAU;AAAA,UAAA;UAIJ,SAAO6B,QAChB,CAQO,EATa,WAAI;AAAA,YACxB7B,WAQO,KAAA,QAAA,iBAAA,EANJ,KAAA,GAFH,MAQO;AAAA,cAJLA,WAGE,KAAA,QAAA,WAAA,EADC,MAAU;AAAA,YAAA;;UAKN,eACT,MAAqB;AAAA,YAArBA,WAAqB,KAAA,QAAA,OAAA;AAAA,UAAA;;wIAKzBP,YAgDgBgC,aAAA,EAAA,KAAA,KAAA;AAAA,2BA/Cd,MA8CiB;AAAA,YA9CjBb,YA8CiBkB,aAAA;AAAA,cA7Cd,OAAO,QAAA;AAAA,cACP,YAAY,gBAAA;AAAA,cACZ,aAAW,QAAA;AAAA,cACX,YAAY,QAAA;AAAA,cACZ,kBAAgB,QAAA;AAAA,cAChB,qBAAmB,QAAA;AAAA,cACnB,WAAS,QAAA;AAAA,cACT,kBAAgB,QAAA;AAAA,cAChB,SAAS,QAAA;AAAA,cACT,gBAAc,QAAA;AAAA,cACd,UAAM,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,KAAI,UAAW,MAAM;AAAA,cAC7B,mDAAY,KAAI,WAAA;AAAA,cAChB,QAAI,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAG,KAAa,QAAuB,KAAI,QAAS,KAAK,GAAG;AAAA,YAAA;cA8BtD,eACT,MAAqB;AAAA,gBAArB9B,WAAqB,KAAA,QAAA,OAAA;AAAA,cAAA;;;cA3BPe,WAAA,QAAA,UAAP,QAAG;;kBAED,MAAA,QAAA,aAAa,GAAG,CAAA;AAAA,8BAJnB,CAIQ,EAAoB,MAAM,YAAK;AAAA,oBAGrC,YAAY,aAAa,GAAG,CAAA,IADpCf,WAKE,KAAA,QAAA,QAHe,aAAa,GAAG,CAAA,IAAA;AAAA;sBAC9B;AAAA,sBACA,OAAO,aAAa,MAAM,aAAa,GAAG,CAAA;AAAA,oBAAA,mBAE7CJ,mBAEWkB,UAAA,EAAA,KAAA,KAAA;AAAA,sDADN,KAAK,GAAA,CAAA;AAAA,oBAAA;;;;cAMJ,eAAA;sBACL;AAAA,gBAED,IAAAe,QAAA,CAGE,EALS,WAAI;AAAA,kBAEf7B,WAGE,KAAA,QAAA,WAAA,EADC,MAAU;AAAA,gBAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACxOvB,UAAM,QAAQ;AAiBd,UAAM,OAAO;AAIb,UAAM,cAAc,IAAI,EAAE;AAC1B,UAAM,WAAW,IAA6B,IAAI;AAClD,UAAM,eAAe,IAA2B,IAAI;AACpD,UAAM,cAAc,IAA2B,IAAI;AACnD,UAAM,kBAAkB,IAA2B,IAAI;AAEvD,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,OAAO;AAAA,MACP,eAAe;AAAA,MACf;AAAA,IAAA,IACE,YAAY,iBAAiB,aAAa;AAAA,MAC5C,UAAU,MAAM;AAAA,IAAA,CACjB;AAED,UAAM,kBAAkB,SAAS,MAAM;AACrC,UAAI,CAAC,YAAY,OAAO;AACtB,eAAO,MAAM;AAAA,MACf;AACA,YAAM,QAAQ,YAAY,MAAM,YAAA;AAChC,aAAO,MAAM,QAAQ;AAAA,QACnB,CAAC,WACC,OAAO,MAAM,cAAc,SAAS,KAAK,KAAK,OAAO,MAAM,YAAA,EAAc,SAAS,KAAK;AAAA,MAAA;AAAA,IAE7F,CAAC;AAED,UAAM,gBAAgB,SAAS,MAAM;AACnC,UAAI,CAAC,MAAM,WAAY,QAAO;AAC9B,YAAM,SAAS,MAAM,QAAQ,KAAK,CAAC,QAAQ,IAAI,UAAU,MAAM,UAAU;AACzE,cAAO,iCAAQ,UAAS;AAAA,IAC1B,CAAC;AAED;AAAA,MACE,MAAM,MAAM;AAAA,MACZ,MAAM;AACJ,YAAI,CAAC,OAAO,OAAO;AACjB,sBAAY,QAAQ,cAAc;AAAA,QACpC;AAAA,MACF;AAAA,MACA,EAAE,WAAW,KAAA;AAAA,IAAK;AAGpB,UAAM,eAAe,MAAM;AACzB,UAAI,MAAM,SAAU;AACpB,kBAAY,QAAQ;AACpB,uBAAiB,QAAQ;AACzB,eAAA;AACA,eAAS,MAAM;;AACb,uBAAS,UAAT,mBAAgB;AAAA,MAClB,CAAC;AAAA,IACH;AAEA,UAAM,gBAAgB,MAAM;AAC1B,gBAAA;AACA,kBAAY,QAAQ,cAAc;AAAA,IACpC;AAEA,UAAM,eAAe,CAAC,WAA+B;AACnD,WAAK,qBAAqB,OAAO,KAAK;AACtC,kBAAY,QAAQ,OAAO;AAC3B,oBAAA;AAAA,IACF;AAEA,UAAM,iBAAiB,MAAM;AAC3B,WAAK,qBAAqB,IAAI;AAC9B,kBAAY,QAAQ;AACpB,uBAAiB,QAAQ;AACzB,eAAS,MAAM;;AACb,uBAAS,UAAT,mBAAgB;AAAA,MAClB,CAAC;AAAA,IACH;AAEA,UAAM,gBAAgB,CAAC,UAAyB;AAC9C,wBAAkB,OAAO;AAAA,QACvB,WAAW,gBAAgB,MAAM;AAAA,QACjC,UAAU,CAAC,UAAU;AACnB,cAAI,gBAAgB,MAAM,KAAK,GAAG;AAChC,yBAAa,gBAAgB,MAAM,KAAK,CAAC;AAAA,UAC3C;AAAA,QACF;AAAA,MAAA,CACD;AACD,UAAI,OAAO,OAAO;AAChB,4BAAoB,YAAY,KAAK;AAAA,MACvC;AAAA,IACF;;0BAIEJ,mBA4HM,OAAA;AAAA,iBA3HA;AAAA,QAAJ,KAAI;AAAA,QACJ,OAAM;AAAA,MAAA;QAGE,QAAA,sBADRA,mBAKQ,SALRC,cAKQoB,gBADH,QAAA,KAAK,GAAA,CAAA;QAGVhB,mBAyGM,OAzGNC,cAyGM;AAAA,UAxGJD,mBAkDM,OAAA;AAAA,qBAjDA;AAAA,YAAJ,KAAI;AAAA,YACH,OAAKF,eAAA,CAAA;AAAA,gCAAiC,QAAA;AAAA,cAA2D,wCAAA,CAAA,QAAA,UAAUgC,MAAA,MAAA;AAAA,uDAA4DA,MAAA,MAAA;AAAA,+CAAoD,QAAA;AAAA,YAAA,GAMtN,0FAA0F,CAAA;AAAA,UAAA;YAEhGnB,YAGEmB,MAAA,IAAA,GAAA;AAAA,cAFA,OAAM;AAAA,cACN,MAAK;AAAA,YAAA;2BAGP9B,mBASC,SAAA;AAAA,uBARK;AAAA,cAAJ,KAAI;AAAA,2EACK,YAAW,QAAA;AAAA,cACnB,UAAU,QAAA;AAAA,cACV,aAAa,QAAA,eAAW;AAAA,cACzB,OAAM;AAAA,cACN,MAAK;AAAA,cACJ,SAAO;AAAA,cACP,WAAS;AAAA,YAAA;2BAND,YAAA,KAAW;AAAA,YAAA;YAUd,QAAA,eAAe,QAAA,yBADvBL,mBAUS,UAAA;AAAA;cARP,OAAM;AAAA,cACN,MAAK;AAAA,cACJ,uBAAY,gBAAc,CAAA,MAAA,CAAA;AAAA,YAAA;cAE3BgB,YAGEmB,MAAA,IAAA,GAAA;AAAA,gBAFA,OAAM;AAAA,gBACN,MAAK;AAAA,cAAA;;YAIT9B,mBAWS,UAAA;AAAA,cAVN,UAAU,QAAA;AAAA,cACX,OAAM;AAAA,cACN,MAAK;AAAA,cACJ,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA+B,cAAA,CAAA,WAAOD,MAAA,MAAA,IAAS,cAAA,IAAkB,gBAAY,CAAA,MAAA,CAAA;AAAA,YAAA;cAEpDnB,YAIEmB,MAAA,IAAA,GAAA;AAAA,gBAHC,OAAKhC,eAAA,CAAA,EAAA,cAAkBgC,MAAA,MAAA,EAAA,GAClB,iCAAiC,CAAA;AAAA,gBACvC,MAAK;AAAA,cAAA;;;wBAMXtC,YAkDWwC,UAAA;AAAA,YAjDT,IAAG;AAAA,YACF,WAAW,QAAA;AAAA,UAAA;YAEZrB,YA6CasB,YAAA;AAAA,cA5CX,sBAAmB;AAAA,cACnB,oBAAiB;AAAA,cACjB,kBAAe;AAAA,cACf,sBAAmB;AAAA,cACnB,oBAAiB;AAAA,cACjB,kBAAe;AAAA,YAAA;+BAEf,MAoCM;AAAA,gBAnCEH,MAAA,MAAA,kBADRnC,mBAoCM,OAAA;AAAA;2BAlCA;AAAA,kBAAJ,KAAI;AAAA,kBACH,sBAAOmC,MAAA,aAAA,CAAa;AAAA,kBACpB,OAAKhC,eAAA;AAAA;qBAAuL,QAAA,YAAQ;AAAA,kBAAA;;kBAM7L,gBAAA,MAAgB,WAAM,kBAD9BH,mBAKM,OALNe,cAKMM,gBADD,QAAA,iBAAa,kBAAA,GAAA,CAAA;mBAGlBtB,UAAA,IAAA,GAAAC,mBAmBSkB,UAAA,MAAAC,WAlBmB,gBAAA,OAAe,CAAjC,QAAQ,UAAK;wCADvBnB,mBAmBS,UAAA;AAAA,sBAjBN,KAAK,OAAO;AAAA,sBACZ,OAAKG,eAAA,CAAA;AAAA,wBAAqD,gCAAAgC,MAAA,gBAAA,MAAqB;AAAA,yCAAyC,QAAA,eAAe,OAAO;AAAA,sBAAA,GAKzI,gHAAgH,CAAA;AAAA,sBADrH,cAAY;AAAA,sBAEb,MAAK;AAAA,sBACJ,SAAK,CAAA,WAAE,aAAa,MAAM;AAAA,oBAAA;sBAGnB,QAAA,eAAe,OAAO,sBAD9BtC,YAIEsC,MAAA,IAAA,GAAA;AAAA;wBAFA,OAAM;AAAA,wBACN,MAAK;AAAA,sBAAA;sBAEP9B,mBAA8D,QAA9DiB,cAA8DD,gBAAtB,OAAO,KAAK,GAAA,CAAA;AAAA,sBACpDhB,mBAA+D,QAA/DkB,cAAoC,sBAAI,OAAO,KAAK,IAAG,KAAC,CAAA;AAAA,oBAAA;;;;;;;;QAQ1D,QAAA,sBADRvB,mBAKI,KALJwB,cAKIH,gBADC,QAAA,KAAK,GAAA,CAAA;;;;;;;;;;;;;ACrOd,UAAM,aAAa,SAAS,MAAM;AAChC,cAAQ,QAAA,OAAA;AAAA,QACN,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,iBAAiB,SAAS,MAAM;AACpC,cAAQ,QAAA,OAAA;AAAA,QACN,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;AAGD,UAAM,gBAAgB,SAAS,MAAM;AACnC,UAAI,CAAC,QAAA,KAAM,QAAO;AAClB,UAAI;AACF,cAAM,aAAa,iBAAiB,YAAY;AAChD,YAAI,OAAO,eAAe,UAAU;AAClC,iBAAO;AAAA,QACT;AAAA,MACF,QAAQ;AAAA,MAER;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,YAAY,SAAS,MAAM;AAC/B,UAAI,CAAC,QAAA,KAAM,QAAO,CAAA;AAClB,UAAI,cAAc,UAAU,KAAK;AAC/B,eAAO,EAAE,MAAM;MACjB;AACA,aAAO,EAAE,IAAI;IACf,CAAC;;AAIC,aAAAtB,UAAA,GAAAF,YAWY8B,wBAVL,cAAA,KAAa,GADpBY,WAEU,UASE,OATO;AAAA,QAChB,OAAK,CAAE,WAAA,OACF,iEAAiE;AAAA,MAAA;yBAEvE,MAIE;AAAA,UAJFvB,YAIEmB,MAAA,IAAA,GAAA;AAAA,YAHC,OAAKhC,eAAA,CAAE,eAAA,OAEF,QAAQ,CAAA;AAAA,YADb,MAAA,QAAA;AAAA,UAAA;;;;;;;;;;;;;;;;;;;;;ACnEP,UAAM,QAAQ;AAqBd,UAAM,aAAa,IAAI,KAAK;AAE5B,UAAM,cAA0C;AAAA,MAC9C,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,IAAA;AAGT,UAAM,cAA0C;AAAA,MAC9C,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,IAAA;AAGT,UAAM,eAAuC;AAAA,MAC3C,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,MAAM;AAAA,MACN,MAAM;AAAA,IAAA;AAGR,UAAM,iBAAyC;AAAA,MAC7C,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAGN,UAAM,WAAW,SAAS,MAAM;AAC9B,UAAI,CAAC,MAAM,KAAM,QAAO;AACxB,aAAO,MAAM,KACV,MAAM,GAAG,EACT,IAAI,OAAK,EAAE,CAAC,CAAC,EACb,MAAM,GAAG,CAAC,EACV,KAAK,EAAE,EACP,YAAA;AAAA,IACL,CAAC;AAED,UAAM,YAAY,SAAS,MAAM,MAAM,OAAO,CAAC,WAAW,KAAK;;AAI7D,aAAAJ,UAAA,GAAAC,mBA8BM,OA9BNC,cA8BM;AAAA,QA7BJI,mBAoBM,OAAA;AAAA,UAnBH,OAAKF,eAAA;AAAA;YAAkJ,YAAY,QAAA,IAAI;AAAA,YAAW,eAAe,QAAA,OAAO;AAAA,UAAA;;UAOjM,UAAA,sBADRH,mBAMC,OAAA;AAAA;YAJE,KAAK,QAAA;AAAA,YACL,KAAK,QAAA,OAAO,QAAA;AAAA,YACb,OAAM;AAAA,YACL,+CAAO,WAAA,QAAU;AAAA,UAAA,8BAEH,SAAA,SAAjBD,UAAA,GAAAC,mBAAgD,sCAAlB,SAAA,KAAQ,GAAA,CAAA,mBACtCH,YAIEsC,MAAA,IAAA,GAAA;AAAA;YAFA,MAAK;AAAA,YACL,OAAM;AAAA,UAAA;;QAIF,QAAA,uBADRnC,mBAOE,QAAA;AAAA;UALC,OAAKG,eAAA;AAAA;YAAyG,YAAY,QAAA,IAAI;AAAA,YAAW,aAAa,QAAA,MAAM;AAAA,UAAA;;;;;;;;;;;;;;;;;ACxFnK,UAAM,QAAQ;AAcd,UAAM,OAAO;AAIb,UAAM,YAAY,SAAS;AAAA,MACzB,KAAK,MAAA;;AAAM,qBAAM,gBAAc,WAAM,KAAK,CAAC,MAAZ,mBAAe;AAAA;AAAA,MAC9C,KAAK,CAAC,UAAkB,KAAK,qBAAqB,KAAK;AAAA,IAAA,CACxD;AAED,UAAM,YAAY,CAAC,QAAa;AAC9B,UAAI,IAAI,SAAU;AAClB,gBAAU,QAAQ,IAAI;AAAA,IACxB;AAEA,UAAM,iBAAiB;AAAA,MACrB,WAAW;AAAA,QACT,WAAW;AAAA,QACX,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,UAAU;AAAA,MAAA;AAAA,MAEZ,OAAO;AAAA,QACL,WAAW;AAAA,QACX,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,UAAU;AAAA,MAAA;AAAA,MAEZ,OAAO;AAAA,QACL,WAAW;AAAA,QACX,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,UAAU;AAAA,MAAA;AAAA,IACZ;AAGF,YAAQ,aAAa,SAAS;;0BAI5BH,mBA8BM,OAAA,MAAA;AAAA,QA7BJK,mBAyBM,OAAA;AAAA,UAxBH,OAAKF,eAAA;AAAA;YAA4B,eAAe,QAAA,OAAO,EAAE;AAAA,UAAA;UAI1D,MAAK;AAAA,QAAA;4BAELH,mBAiBSkB,UAAA,MAAAC,WAhBO,QAAA,MAAI,CAAX,QAAG;gCADZnB,mBAiBS,UAAA;AAAA,cAfN,KAAK,IAAI;AAAA,cACV,MAAK;AAAA,cACL,MAAK;AAAA,cACJ,iBAAe,UAAA,UAAc,IAAI;AAAA,cACjC,UAAU,IAAI;AAAA,cACd,OAAKG,eAAA;AAAA;gBAAoI,eAAe,QAAA,OAAO,EAAE;AAAA,gBAAe,UAAA,UAAc,IAAI,MAAkB,eAAe,QAAA,OAAO,EAAE,SAAqB,eAAe,QAAA,OAAO,EAAE;AAAA,cAAA;cAOzR,SAAK,CAAA,WAAE,UAAU,GAAG;AAAA,YAAA,GAElBkB,gBAAA,IAAI,KAAK,GAAA,IAAApB,YAAA;AAAA;;QAGhBI,mBAEM,OAFNC,cAEM;AAAA,UADJF,WAAgC,KAAA,QAAA,WAAA,EAAzB,WAAY,UAAA,OAAS;AAAA,QAAA;;;;;;;;;;;;ACxFlC,UAAM,QAAQ;AAKd,UAAM,YAAY,OAAoB,WAAW;AAEjD,UAAM,WAAW,SAAS,OAAM,uCAAW,WAAU,MAAM,KAAK;;AAI9D,aAAAoC,gBAAAzC,UAAA,GAAAC,mBAKM,OALNC,cAKM;AAAA,QADJG,WAAQ,KAAA,QAAA,SAAA;AAAA,MAAA;gBAHA,SAAA,KAAQ;AAAA,MAAA;;;;;;;;;;;;;;;;;ACLpB,UAAM,QAAQ;AAkBd,UAAM,sBAAsB,MAAM;AAChC,UAAI,MAAM,eAAe,OAAW,QAAO;AAC3C,YAAM,QAAQ,MAAM,MAAM,UAAU,CAAC,MAAM,EAAE,QAAQ,MAAM,UAAU;AACrE,aAAO,SAAS,IAAI,QAAQ;AAAA,IAC9B;AAEA,UAAM,iBAAiB,CAAC,UAAkB,QAAQ,oBAAA;AAClD,UAAM,eAAe,CAAC,UAAkB,UAAU,oBAAA;AAClD,UAAM,gBAAgB,CAAC,UAAkB,QAAQ,oBAAA;;0BAI/CJ,mBAqGM,OAAA;AAAA,QApGH,OAAKG,eAAA;AAAA;UAA0B,QAAA,gBAAW,aAAA,kBAAA;AAAA,QAAA;;QAK3CE,mBA8FM,OAAA;AAAA,UA7FH,OAAKF,eAAA;AAAA,YAAY,QAAA,gBAAW;;;UAOb,QAAA,gBAAW,6BAA3BH,mBAYWkB,UAAA,EAAA,KAAA,KAAA;AAAA,sCAXTb,mBAGE,OAAA;AAAA,cAFA,OAAM;AAAA,cACN,eAAY;AAAA,YAAA;YAEdA,mBAME,OAAA;AAAA,cALA,OAAM;AAAA,cACL,OAAKoC,eAAA;AAAA,0BAA2B,oBAAA,KAAyB,QAAA,MAAM,SAAM,KAAA,GAAA;AAAA,cAAA;cAGtE,eAAY;AAAA,YAAA;;WAKhB1C,UAAA,IAAA,GAAAC,mBAsEMkB,UAAA,MAAAC,WArEoB,QAAA,OAAK,CAArB,MAAM,UAAK;gCADrBnB,mBAsEM,OAAA;AAAA,cApEH,KAAK,KAAK;AAAA,cACV,OAAKG,eAAA;AAAA;gBAAoC,QAAA,gBAAW;;;cAS7C,QAAA,gBAAW,cAAmB,QAAQ,QAAA,MAAM,SAAM,kBAD1DH,mBAIE,OAAA;AAAA;gBAFA,OAAKG,eAAA,CAAC,wDACE,eAAe,KAAK,IAAA,eAAA,8BAAA,CAAA;AAAA,cAAA;cAI9BE,mBAsBM,OAAA;AAAA,gBArBJ,uBAAM,qHAAmH;AAAA,kBACjD,kDAAA,aAAa,KAAK,KAAK,eAAe,KAAK;AAAA,qHAAgI,cAAc,KAAK;AAAA,gBAAA;;gBAO9P,eAAe,KAAK,kBAD5BR,YAIEsC,MAAA,IAAA,GAAA;AAAA;kBAFA,MAAK;AAAA,kBACL,OAAM;AAAA,gBAAA,MAGK,KAAK,qBADlBtC,YAIEsC,MAAA,IAAA,GAAA;AAAA;kBAFC,MAAM,KAAK;AAAA,kBACZ,OAAM;AAAA,gBAAA,uCAERnC,mBAGuB,QAHvBC,cAGuBoB,gBAAnB,QAAK,CAAA,GAAA,CAAA;AAAA,cAAA;cAIXhB,mBA0BM,OAAA;AAAA,gBAzBH,OAAKF,eAAA;AAAA,kBAAgB,QAAA,gBAAW;;;gBAMjCE,mBAQI,KAAA;AAAA,kBAPF,uBAAM,2CAAyC;AAAA,oBACW,kCAAA,aAAa,KAAK,KAAK,eAAe,KAAK;AAAA,oBAAqD,oCAAA,cAAc,KAAK;AAAA,kBAAA;mBAK1KgB,gBAAA,KAAK,KAAK,GAAA,CAAA;AAAA,gBAGP,KAAK,4BADbrB,mBASI,KAAA;AAAA;kBAPF,uBAAM,gBAAc;AAAA,oBACwC,oCAAA,aAAa,KAAK;AAAA,oBAAsD,oCAAA,CAAA,aAAa,KAAK;AAAA,kBAAA;mBAKnJqB,gBAAA,KAAK,WAAW,GAAA,CAAA;;;;;;;;;;;;;;;;;;;ACnI/B,UAAM,QAAQ;AAoBd,UAAM,QAAQ,SAAA;AACd,UAAM,aAAa,IAAI,MAAM,eAAe;AAE5C,UAAM,SAAS,MAAM;AACnB,iBAAW,QAAQ,CAAC,WAAW;AAAA,IACjC;AAEA,UAAM,kBAAkB,MAAM,CAAC,CAAC,MAAM;;0BAKpCxB,YAqEgBgC,aAAA,MAAAa,YAAA;AAAA,yBAjBd,MAgBa;AAAA,UAhBb1B,YAgBasB,YAAA;AAAA,YAfX,sBAAmB;AAAA,YACnB,oBAAiB;AAAA,YACjB,kBAAe;AAAA,YACf,sBAAmB;AAAA,YACnB,oBAAiB;AAAA,YACjB,kBAAe;AAAA,UAAA;6BAEf,MAOM;AAAA,6BAPNjC,mBAOM,OAAA;AAAA,gBALH,0CAA2B,QAAA,YAAY,CAAA;AAAA,cAAA;gBAExCA,mBAEM,OAAA;AAAA,kBAFA,sBAAO,gBAAA,IAAe,KAAA,eAAA;AAAA,gBAAA;kBAC1BD,WAAQ,KAAA,QAAA,SAAA;AAAA,gBAAA;;wBAJF,WAAA,KAAU;AAAA,cAAA;;;;;;;QA1Dd;gBACL;AAAA,sBAED,MAUS;AAAA,YAVTC,mBAUS,UAAA;AAAA,cATP,MAAK;AAAA,cACJ,sBAAO,QAAA,WAAW;AAAA,cAClB,SAAO;AAAA,YAAA;cAERD,WAIE,KAAA,QAAA,UAAA;AAAA,gBAFC,UAAU,WAAA;AAAA,gBACV;AAAA,cAAA;;;;YAOM,QAAA,SAAS,QAAA;gBACnB;AAAA,sBAED,MAAW;AAAA,4CAAR,QAAA,KAAK,GAAA,CAAA;AAAA,UAAA;;;QAGD,CAAA,gBAAA,KAAqB,QAAA;gBAC3B;AAAA,sBAED,MAAiB;AAAA,4CAAd,QAAA,WAAW,GAAA,CAAA;AAAA,UAAA;;;SAKP;gBACN;AAAA,sBAED,MAAuB;AAAA,YAAvBA,WAAuB,KAAA,QAAA,SAAA;AAAA,YACvBC,mBASS,UAAA;AAAA,cARP,MAAK;AAAA,cACL,OAAM;AAAA,cACL,SAAO;AAAA,YAAA;cAERW,YAGEmB,MAAA,IAAA,GAAA;AAAA,gBAFC,MAAM,WAAA,QAAU,sBAAA;AAAA,gBACjB,OAAM;AAAA,cAAA;;;;;;;;;;;;;;;;;;;;;AC7EhB,UAAM,QAAQ;AAqBd,UAAM,EAAE,IAAI,UAAA,IAAc,MAAM,EAAE,QAAQ,WAAW,IAAI,MAAM,IAAI;AAEnE,UAAM,YAAY,IAAI,KAAK;AAC3B,QAAI,YAAkD;AAEtD,UAAM,OAAO,MAAM;AACjB,UAAI,MAAM,SAAU;AACpB,UAAI,MAAM,QAAQ,GAAG;AACnB,oBAAY,WAAW,MAAM;AAC3B,oBAAU,QAAQ;AAAA,QACpB,GAAG,MAAM,KAAK;AAAA,MAChB,OAAO;AACL,kBAAU,QAAQ;AAAA,MACpB;AAAA,IACF;AAEA,UAAM,OAAO,MAAM;AACjB,UAAI,WAAW;AACb,qBAAa,SAAS;AACtB,oBAAY;AAAA,MACd;AACA,gBAAU,QAAQ;AAAA,IACpB;AAEA,UAAM,kBAAkB,SAAS,MAAM;AACrC,YAAM,OAAO;AACb,YAAM,QAAQ;AAEd,cAAQ,MAAM,UAAA;AAAA,QACZ,KAAK;AACH,iBAAO,GAAG,IAAI,IAAI,KAAK;AAAA,QACzB,KAAK;AACH,iBAAO,GAAG,IAAI,IAAI,KAAK;AAAA,QACzB,KAAK;AACH,iBAAO,GAAG,IAAI,IAAI,KAAK;AAAA,QACzB,KAAK;AACH,iBAAO,GAAG,IAAI,IAAI,KAAK;AAAA,QACzB;AACE,iBAAO;AAAA,MAAA;AAAA,IAEb,CAAC;;0BAICnC,mBA0BM,OAAA;AAAA,QAzBJ,OAAM;AAAA,QACL,oBAAkB,QAAA,WAAO,CAAK,mBAAWmC,MAAA,SAAA,IAAY;AAAA,QACrD,cAAY;AAAA,QACZ,cAAY;AAAA,QACZ,SAAO;AAAA,QACP,QAAM;AAAA,MAAA;QAEP/B,WAAQ,KAAA,QAAA,SAAA;AAAA,QACRY,YAgBasB,YAAA;AAAA,UAfX,sBAAmB;AAAA,UACnB,oBAAiB;AAAA,UACjB,kBAAe;AAAA,UACf,sBAAmB;AAAA,UACnB,oBAAiB;AAAA,UACjB,kBAAe;AAAA,QAAA;2BAEf,MAOM;AAAA,YANE,UAAA,SAAa,QAAA,wBADrBtC,mBAOM,OAAA;AAAA;cALH,IAAImC,MAAA,SAAA;AAAA,cACJ,sBAAO,gBAAA,KAAe;AAAA,cACvB,MAAK;AAAA,YAAA,mBAEF,QAAA,OAAO,GAAA,IAAA7B,YAAA;;;;;;;;;;;;;;;;;;;;ACvFlB,UAAM,QAAQ;AAsBd,UAAM,EAAE,YAAY,MAAM,EAAE,QAAQ,WAAW,IAAI,MAAM,IAAI;AAC7D,UAAM,YAAY,SAAS,MAAM,QAAQ,SAAS,CAAC;AACnD,UAAM,YAAY,SAAS,MAAM,QAAQ,SAAS,CAAC;AAEnD,UAAM,aAAa,IAAA;AACnB,UAAM,aAAa,IAAA;AAEnB,UAAM,EAAE,QAAQ,eAAe,QAAQ,OAAO,SAAS,YAAY,YAAY,YAAY;AAAA,MACzF,UAAU,MAAM;AAAA,MAChB,KAAK;AAAA,IAAA,CACN;AAED,UAAM,gBAAgB,MAAM;AAC1B,UAAI,CAAC,MAAM,OAAO;AAChB,eAAA;AAAA,MACF;AAAA,IACF;AAEA,UAAM,mBAAmB,MAAM;AAC7B,UAAI,MAAM,OAAO;AACf,aAAA;AAAA,MACF;AAAA,IACF;AAEA,UAAM,mBAAmB,MAAM;AAC7B,UAAI,MAAM,OAAO;AACf,cAAA;AAAA,MACF;AAAA,IACF;AAEA,UAAM,eAAe;AAAA,MACnB,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;;0BAKJN,mBA2CM,OAAA;AAAA,QA1CJ,OAAM;AAAA,QACL,cAAY;AAAA,QACZ,cAAY;AAAA,MAAA;QAEbK,mBAQM,OAAA;AAAA,mBAPA;AAAA,UAAJ,KAAI;AAAA,UACH,IAAI,UAAA;AAAA,UACJ,iBAAe8B,MAAA,MAAA;AAAA,UACf,iBAAe,UAAA;AAAA,UACf,SAAO;AAAA,QAAA;UAER/B,WAAuB,KAAA,QAAA,SAAA;AAAA,QAAA;sBAGzBP,YA2BWwC,UAAA;AAAA,UA1BT,IAAG;AAAA,UACF,WAAW,QAAA;AAAA,QAAA;UAEZrB,YAsBasB,YAAA;AAAA,YArBX,sBAAmB;AAAA,YACnB,oBAAiB;AAAA,YACjB,kBAAe;AAAA,YACf,sBAAmB;AAAA,YACnB,oBAAiB;AAAA,YACjB,kBAAe;AAAA,UAAA;6BAEf,MAaM;AAAA,cAZEH,MAAA,MAAA,kBADRnC,mBAaM,OAAA;AAAA;gBAXH,IAAI,UAAA;AAAA,yBACD;AAAA,gBAAJ,KAAI;AAAA,gBACJ,MAAK;AAAA,gBACJ,mBAAiB,UAAA;AAAA,gBACjB,sBAAOmC,MAAA,aAAA,CAAa;AAAA,gBACpB,OAAKhC,eAAA;AAAA;kBAAyI,aAAa,QAAA,KAAK;AAAA,gBAAA;;gBAKjKC,WAAuB,KAAA,QAAA,WAAA,EAAhB,OAAO+B,MAAA,KAAA,EAAA,CAAK;AAAA,cAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpG7B,UAAM,QAAQ;AA6Bd,UAAM,OAAO;AAIb,UAAM,QAAQ,MAAM;AAClB,WAAK,qBAAqB,KAAK;AAAA,IACjC;AAEA,UAAM,qBAAqB,MAAM;AAC/B,UAAI,MAAM,gBAAgB;AACxB,cAAA;AAAA,MACF;AAAA,IACF;AAEA,UAAM,gBAAgB,CAAC,MAAqB;AAC1C,UAAI,EAAE,QAAQ,YAAY,MAAM,iBAAiB,MAAM,YAAY;AACjE,cAAA;AAAA,MACF;AAAA,IACF;AAEA,cAAU,MAAM;AACd,eAAS,iBAAiB,WAAW,aAAa;AAAA,IACpD,CAAC;AAED,gBAAY,MAAM;AAChB,eAAS,oBAAoB,WAAW,aAAa;AAAA,IACvD,CAAC;AAGD;AAAA,MACE,MAAM,MAAM;AAAA,MACZ,CAAC,WAAW;AACV,YAAI,QAAQ;AACV,mBAAS,KAAK,MAAM,WAAW;AAAA,QACjC,OAAO;AACL,mBAAS,KAAK,MAAM,WAAW;AAAA,QACjC;AAAA,MACF;AAAA,IAAA;AAGF,UAAM,cAAc,SAAS,MAAM;AACjC,YAAM,eAAe,MAAM,aAAa,UAAU,MAAM,aAAa;AACrE,YAAM,QAAQ;AAAA,QACZ,IAAI,eAAe,SAAS;AAAA,QAC5B,IAAI,eAAe,SAAS;AAAA,QAC5B,IAAI,eAAe,SAAS;AAAA,QAC5B,IAAI,eAAe,cAAc;AAAA,QACjC,MAAM,eAAe,aAAa;AAAA,MAAA;AAEpC,aAAO,MAAM,MAAM,IAAI;AAAA,IACzB,CAAC;AAED,UAAM,kBAAkB,SAAS,MAAM;AACrC,YAAM,OAAO;AACb,cAAQ,MAAM,UAAA;AAAA,QACZ,KAAK;AACH,iBAAO,GAAG,IAAI,qBAAqB,YAAY,KAAK;AAAA,QACtD,KAAK;AACH,iBAAO,GAAG,IAAI,sBAAsB,YAAY,KAAK;AAAA,QACvD,KAAK;AACH,iBAAO,GAAG,IAAI,oBAAoB,YAAY,KAAK;AAAA,QACrD,KAAK;AACH,iBAAO,GAAG,IAAI,uBAAuB,YAAY,KAAK;AAAA,QACxD;AACE,iBAAO;AAAA,MAAA;AAAA,IAEb,CAAC;AAED,UAAM,mBAAmB,SAAS,MAAM;AACtC,cAAQ,MAAM,UAAA;AAAA,QACZ,KAAK;AACH,iBAAO,EAAE,OAAO,qBAAqB,OAAO,oBAAA;AAAA,QAC9C,KAAK;AACH,iBAAO,EAAE,OAAO,oBAAoB,OAAO,mBAAA;AAAA,QAC7C,KAAK;AACH,iBAAO,EAAE,OAAO,qBAAqB,OAAO,oBAAA;AAAA,QAC9C,KAAK;AACH,iBAAO,EAAE,OAAO,oBAAoB,OAAO,mBAAA;AAAA,QAC7C;AACE,iBAAO,EAAE,OAAO,IAAI,OAAO,GAAA;AAAA,MAAG;AAAA,IAEpC,CAAC;;0BAICtC,YAmEWwC,UAAA,EAnED,IAAG,UAAM;AAAA,QAEjBrB,YAaasB,YAAA;AAAA,UAZX,sBAAmB;AAAA,UACnB,oBAAiB;AAAA,UACjB,kBAAe;AAAA,UACf,sBAAmB;AAAA,UACnB,oBAAiB;AAAA,UACjB,kBAAe;AAAA,QAAA;2BAEf,MAIE;AAAA,YAHM,QAAA,cAAc,QAAA,wBADtBtC,mBAIE,OAAA;AAAA;cAFA,OAAM;AAAA,cACL,SAAO;AAAA,YAAA;;;;QAKZgB,YAgDasB,YAAA;AAAA,UA/CX,sBAAmB;AAAA,UAClB,oBAAkB,iBAAA,MAAiB;AAAA,UACpC,kBAAe;AAAA,UACf,sBAAmB;AAAA,UACnB,oBAAiB;AAAA,UAChB,kBAAgB,iBAAA,MAAiB;AAAA,QAAA;2BAElC,MAuCM;AAAA,YAtCE,QAAA,2BADRtC,mBAuCM,OAAA;AAAA;cArCH,OAAKG,eAAA,CAAE,gBAAA,OACF,MAAM,CAAA;AAAA,cACZ,MAAK;AAAA,cACL,cAAW;AAAA,YAAA;cAIH,QAAA,SAAS,QAAA,aAAaD,KAAAA,OAAO,UADrCH,UAAA,GAAAC,mBAiBM,OAjBNC,cAiBM;AAAA,gBAbJG,WAIO,2BAJP,MAIO;AAAA,kBAHLC,mBAEK,MAFLC,cAEKe,gBADA,QAAA,KAAK,GAAA,CAAA;AAAA,gBAAA;gBAIJ,QAAA,0BADRrB,mBAOS,UAAA;AAAA;kBALP,MAAK;AAAA,kBACL,OAAM;AAAA,kBACL,SAAO;AAAA,gBAAA;kBAERgB,YAAgDmB,MAAA,IAAA,GAAA;AAAA,oBAA1C,MAAK;AAAA,oBAAmB,OAAM;AAAA,kBAAA;;;cAKxC9B,mBAEM,OAFNE,cAEM;AAAA,gBADJH,WAAQ,KAAA,QAAA,SAAA;AAAA,cAAA;cAKFF,KAAAA,OAAO,UADfH,aAAAC,mBAKM,OALNQ,cAKM;AAAA,gBADJJ,WAAsB,KAAA,QAAA,QAAA;AAAA,cAAA;;;;;;;;;;;;;;;;;;;;;;ACtJ9B,aAAAL,UAAA,GAAAC,mBA4CM,OA5CNC,cA4CM;AAAA,QA3CJI,mBA0CK,MA1CLC,cA0CK;AAAA,WAzCHP,UAAA,IAAA,GAAAC,mBAwCKkB,UAAA,MAAAC,WAvCqB,QAAA,OAAK,CAArB,MAAM,UAAK;gCADrBnB,mBAwCK,MAAA;AAAA,cAtCF,KAAK;AAAA,cACN,OAAM;AAAA,YAAA;cAIE,QAAK,kBADbH,YAIEsC,MAAA,IAAA,GAAA;AAAA;gBAFC,MAAM,QAAA;AAAA,gBACP,OAAM;AAAA,cAAA;eAIRpC,aAAAF,YA0BY8B,wBAzBL,KAAK,KAAE,gBAAmB,KAAK,OAAI,MAAA,MAAA,GAAA;AAAA,gBACvC,IAAI,KAAK;AAAA,gBACT,MAAM,KAAK;AAAA,gBACX,OAAKxB,eAAA;AAAA;kBAA6E,UAAU,QAAA,MAAM,SAAM;;gBAMxG,gBAAc,UAAU,cAAM,sBAAsB;AAAA,gBACpD,SAAK,CAAA,WAAEwC,KAAAA,MAAK,SAAU,MAAM,KAAK;AAAA,cAAA;iCAGlC,MAIE;AAAA,kBAHM,eAAe,QAAA,6BADvB9C,YAIEsC,MAAA,IAAA,GAAA;AAAA;oBAFC,MAAM,KAAK,QAAQ,QAAA;AAAA,oBACpB,OAAM;AAAA,kBAAA,yBAIK,KAAK,qBADlBtC,YAIEsC,MAAA,IAAA,GAAA;AAAA;oBAFC,MAAM,KAAK;AAAA,oBACZ,OAAM;AAAA,kBAAA;kBAER9B,mBAA6B,QAAA,MAAAgB,gBAApB,KAAK,KAAK,GAAA,CAAA;AAAA,gBAAA;;;;;;;;;;;;;;;;;;ACrE7B,UAAM,QAAQ;AAad,UAAM,YAAY,IAAiB,IAAI,IAAI,MAAM,WAAW,CAAC;AAE7D,UAAM,SAAS,CAAC,QAAgB;AAC9B,UAAI,UAAU,MAAM,IAAI,GAAG,GAAG;AAC5B,kBAAU,MAAM,OAAO,GAAG;AAAA,MAC5B,OAAO;AACL,YAAI,MAAM,SAAS,UAAU;AAC3B,oBAAU,MAAM,MAAA;AAAA,QAClB;AACA,kBAAU,MAAM,IAAI,GAAG;AAAA,MACzB;AAEA,gBAAU,QAAQ,IAAI,IAAI,UAAU,KAAK;AAAA,IAC3C;AAEA,UAAM,SAAS,CAAC,QAAgB,UAAU,MAAM,IAAI,GAAG;AAEvD,YAAQ,aAAa;AAAA,MACnB;AAAA,MACA;AAAA,IAAA,CACD;;AAIC,aAAAtB,UAAA,GAAAC,mBAEM,OAFNC,cAEM;AAAA,QADJG,WAAQ,KAAA,QAAA,SAAA;AAAA,MAAA;;;;;;;;;;;;;;;;;;ACtCZ,UAAM,QAAQ;AAcd,UAAM,EAAE,YAAY,MAAM,EAAE,QAAQ,aAAa,IAAI,MAAM,IAAI;AAC/D,UAAM,WAAW,SAAS,MAAM,QAAQ,QAAQ,CAAC;AACjD,UAAM,UAAU,SAAS,MAAM,QAAQ,OAAO,CAAC;AAE/C,UAAM,YAAY,OAGf,WAAW;AAEd,UAAM,SAAS,SAAS,OAAM,uCAAW,OAAO,MAAM,aAAY,KAAK;AAEvE,UAAM,SAAS,MAAM;AACnB,UAAI,CAAC,MAAM,UAAU;AACnB,+CAAW,OAAO,MAAM;AAAA,MAC1B;AAAA,IACF;;0BAIEJ,mBAiDM,OAAA,MAAA;AAAA,QA/CJK,mBAwBS,UAAA;AAAA,UAvBN,IAAI,SAAA;AAAA,UACL,MAAK;AAAA,UACL,uBAAM,kFAAgF;AAAA,YACnE,QAAA;;UAKlB,UAAU,QAAA;AAAA,UACV,iBAAe,OAAA;AAAA,UACf,iBAAe,QAAA;AAAA,UACf,SAAO;AAAA,QAAA;UAERA,mBAGO,QAHPC,cAGO;AAAA,YAFO,QAAA,qBAAZT,YAAoEsC,MAAA,IAAA,GAAA;AAAA;cAAjD,MAAM,QAAA;AAAA,cAAM,OAAM;AAAA,cAAU,eAAY;AAAA,YAAA;YAASf,gBAAA,sBACjE,QAAA,KAAK,GAAA,CAAA;AAAA,UAAA;UAEVJ,YAKEmB,MAAA,IAAA,GAAA;AAAA,YAJA,MAAK;AAAA,YACL,OAAKhC,eAAA,CAAC,6CAA2C,EAAA,cACzB,OAAA,MAAA,CAAM,CAAA;AAAA,YAC9B,eAAY;AAAA,UAAA;;QAKhBa,YAmBasB,YAAA;AAAA,UAlBX,sBAAmB;AAAA,UACnB,oBAAiB;AAAA,UACjB,kBAAe;AAAA,UACf,sBAAmB;AAAA,UACnB,oBAAiB;AAAA,UACjB,kBAAe;AAAA,QAAA;2BAEf,MAUM;AAAA,2BAVNjC,mBAUM,OAAA;AAAA,cARH,IAAI,QAAA;AAAA,cACL,MAAK;AAAA,cACJ,mBAAiB,SAAA;AAAA,cAClB,OAAM;AAAA,YAAA;cAENA,mBAEM,OAFNG,cAEM;AAAA,gBADJJ,WAAQ,KAAA,QAAA,SAAA;AAAA,cAAA;;sBAPF,OAAA,KAAM;AAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AClDtB,UAAM,mBAAmB,CAAC,WAAgC;AACxD,cAAQ,QAAA;AAAA,QACN,KAAK;AACH,iBAAO;AAAA,YACL,KAAK;AAAA,YACL,MAAM;AAAA,YACN,MAAM;AAAA,UAAA;AAAA,QAEV,KAAK;AACH,iBAAO;AAAA,YACL,KAAK;AAAA,YACL,MAAM;AAAA,YACN,MAAM;AAAA,UAAA;AAAA,QAEV,KAAK;AACH,iBAAO;AAAA,YACL,KAAK;AAAA,YACL,MAAM;AAAA,YACN,MAAM;AAAA,UAAA;AAAA,QAEV;AACE,iBAAO;AAAA,YACL,KAAK;AAAA,YACL,MAAM;AAAA,YACN,MAAM;AAAA,UAAA;AAAA,MACR;AAAA,IAEN;AAEA,UAAM,iBAAiB,CAAC,WAAgC;AACtD,cAAQ,QAAA;AAAA,QACN,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MAAA;AAAA,IAEb;;aAKa,QAAA,gBAAW,cAAtBL,aAAAC,mBAkDM,OAlDNC,cAkDM;AAAA,SAjDJF,UAAA,IAAA,GAAAC,mBAgDMkB,UAAA,MAAAC,WA/CoB,QAAA,OAAK,CAArB,MAAM,UAAK;8BADrBnB,mBAgDM,OAAA;AAAA,YA9CH,KAAK,KAAK;AAAA,YACX,OAAM;AAAA,UAAA;YAIE,QAAQ,QAAA,MAAM,SAAM,kBAD5BA,mBAIE,OAAA;AAAA;cAFA,OAAKG,eAAA,CAAC,6CACE,iBAAiB,KAAK,MAAM,EAAE,IAAI,CAAA;AAAA,YAAA;YAG5CE,mBAmCM,OAnCNC,cAmCM;AAAA,cAjCJD,mBAUM,OAAA;AAAA,gBATJ,OAAKF,eAAA,CAAC,qFACE,iBAAiB,KAAK,MAAM,EAAE,GAAG,CAAA;AAAA,cAAA;gBAGjC,KAAK,QAAQ,eAAe,KAAK,MAAM,kBAD/CN,YAKEsC,MAAA,IAAA,GAAA;AAAA;kBAHC,MAAM,KAAK,QAAQ,eAAe,KAAK,MAAM;AAAA,kBAC9C,OAAKhC,eAAA,CAAC,WACE,iBAAiB,KAAK,MAAM,EAAE,IAAI,CAAA;AAAA,gBAAA;;cAK9CE,mBAmBM,OAnBN,YAmBM;AAAA,gBAlBJA,mBAUM,OAVN,YAUM;AAAA,kBATJA,mBAEK,MAFL,YAEKgB,gBADA,KAAK,KAAK,GAAA,CAAA;AAAA,kBAGP,KAAK,QADbtB,UAAA,GAAAC,mBAKO,QALP,YAKOqB,gBADF,KAAK,IAAI,GAAA,CAAA;;gBAIR,KAAK,eADbtB,UAAA,GAAAC,mBAKI,KALJ,YAKIqB,gBADC,KAAK,WAAW,GAAA,CAAA;gBAErBjB,WAAsC,aAAzB,KAAK,KAAG,EAAG,MAAU;AAAA,cAAA;;;;aAO1CL,UAAA,GAAAC,mBA0CM,OA1CN,YA0CM;AAAA,SAzCJD,UAAA,IAAA,GAAAC,mBAwCMkB,UAAA,MAAAC,WAvCoB,QAAA,OAAK,CAArB,MAAM,UAAK;8BADrBnB,mBAwCM,OAAA;AAAA,YAtCH,KAAK,KAAK;AAAA,YACX,uBAAM,4CAA0C,EAAA,UAC5B,QAAQ,QAAA,MAAM,SAAM,GAAA,CAAA;AAAA,UAAA;YAExCK,mBAoBM,OApBN,YAoBM;AAAA,cAlBJA,mBAUM,OAAA;AAAA,gBATJ,OAAKF,eAAA,CAAC,qFACE,iBAAiB,KAAK,MAAM,EAAE,GAAG,CAAA;AAAA,cAAA;gBAGjC,KAAK,QAAQ,eAAe,KAAK,MAAM,kBAD/CN,YAKEsC,MAAA,IAAA,GAAA;AAAA;kBAHC,MAAM,KAAK,QAAQ,eAAe,KAAK,MAAM;AAAA,kBAC9C,OAAKhC,eAAA,CAAC,WACE,iBAAiB,KAAK,MAAM,EAAE,IAAI,CAAA;AAAA,gBAAA;;cAMtC,QAAQ,QAAA,MAAM,SAAM,kBAD5BH,mBAIE,OAAA;AAAA;gBAFA,OAAKG,eAAA,CAAC,qBACE,iBAAiB,KAAK,MAAM,EAAE,IAAI,CAAA;AAAA,cAAA;;YAK9CE,mBAUM,OAVN,aAUM;AAAA,cATJA,mBAEK,MAFL,aAEKgB,gBADA,KAAK,KAAK,GAAA,CAAA;AAAA,cAGP,KAAK,QADbtB,UAAA,GAAAC,mBAKO,QALP,aAKOqB,gBADF,KAAK,IAAI,GAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;AC1JtB,UAAM,QAAQ;AAsBd,UAAM,EAAE,QAAQ,WAAW,YAAY,EAAE,YAAY,MAAM,YAAY;AAEvE,UAAM,cAA4E;AAAA,MAChF,IAAI,EAAE,QAAQ,SAAS,MAAM,UAAA;AAAA,MAC7B,IAAI,EAAE,QAAQ,OAAO,MAAM,UAAA;AAAA,MAC3B,IAAI,EAAE,QAAQ,SAAS,MAAM,UAAA;AAAA,IAAU;;0BAKvCrB,mBAmBS,UAAA;AAAA,QAlBP,MAAK;AAAA,QACJ,OAAKG,eAAA;AAAA,UAAW,YAAY,QAAA,IAAI,EAAE;AAAA;;;;;QAOlC,cAAYgC,MAAA,MAAA,IAAM,yBAAA;AAAA,QAClB,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA;AAAA,qBAAEA,MAAA,MAAA,KAAAA,MAAA,MAAA,EAAA,GAAA,IAAA;AAAA,MAAA;QAERnB,YAGEmB,MAAA,IAAA,GAAA;AAAA,UAFC,MAAMA,MAAA,MAAA,IAAS,QAAA,WAAW,QAAA;AAAA,UAC1B,OAAKhC,eAAE,YAAY,QAAA,IAAI,EAAE,IAAI;AAAA,QAAA;QAEpB,QAAA,0BAAZH,mBAEO,QAFP,YAEOqB,gBADFc,MAAA,MAAA,IAAM,SAAA,OAAA,GAAA,CAAA;;;;;"}

package/dist/{Dropdown.vue_vue_type_script_setup_true_lang-DKxcVBKu.cjs → Dropdown.vue_vue_type_script_setup_true_lang-DNeh9Gi-.cjs}

@@ -2,6 +2,7 @@
 const vue = require("vue");
 const vue$1 = require("@iconify/vue");
 const useDropdown = require("./useDropdown-DHFnd259.cjs");
+const useId = require("./useId-nxrBaIC9.cjs");
 const _hoisted_1$1 = { class: "relative" };
 const _hoisted_2$1 = {
   key: 0,
@@ -84,26 +85,29 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1 = { class: "relative inline-block" };
-const _hoisted_2 = {
-  type: "button",
-  class: "inline-flex items-center gap-2 rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700"
-};
-const _hoisted_3 = {
+const _hoisted_2 = ["id", "aria-expanded", "aria-controls"];
+const _hoisted_3 = ["id", "aria-labelledby"];
+const _hoisted_4 = {
   key: 0,
+  role: "separator",
   class: "my-1 border-t border-gray-200 dark:border-gray-700"
 };
-const _hoisted_4 = ["disabled", "onClick"];
+const _hoisted_5 = ["disabled", "onClick"];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "Dropdown",
   props: {
     items: { default: () => [] },
     align: { default: "left" },
     width: { default: "auto" },
-    teleport: { type: Boolean, default: true }
+    teleport: { type: Boolean, default: true },
+    id: {}
   },
   emits: ["select"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const { related } = useId.useId({ prefix: "dropdown", id: props.id });
+    const triggerId = vue.computed(() => related("trigger"));
+    const menuId = vue.computed(() => related("menu"));
     const emit = __emit;
     const triggerRef = vue.ref();
     const menuRef = vue.ref();
@@ -137,15 +141,23 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           (...args) => vue.unref(toggle) && vue.unref(toggle)(...args))
         }, [
           vue.renderSlot(_ctx.$slots, "trigger", {}, () => [
-            vue.createElementVNode("button", _hoisted_2, [
+            vue.createElementVNode("button", {
+              id: triggerId.value,
+              type: "button",
+              "aria-expanded": vue.unref(isOpen),
+              "aria-haspopup": "menu",
+              "aria-controls": menuId.value,
+              class: "inline-flex items-center gap-2 rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700"
+            }, [
               vue.renderSlot(_ctx.$slots, "trigger-label", {}, () => [
                 _cache[1] || (_cache[1] = vue.createTextVNode(" Options ", -1))
               ]),
               vue.createVNode(vue.unref(vue$1.Icon), {
                 icon: "lucide:chevron-down",
-                class: vue.normalizeClass(["size-4 transition-transform", vue.unref(isOpen) && "rotate-180"])
+                class: vue.normalizeClass(["size-4 transition-transform", vue.unref(isOpen) && "rotate-180"]),
+                "aria-hidden": "true"
               }, null, 8, ["class"])
-            ])
+            ], 8, _hoisted_2)
           ])
         ], 512),
         (vue.openBlock(), vue.createBlock(vue.Teleport, {
@@ -163,8 +175,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             default: vue.withCtx(() => [
               vue.unref(isOpen) ? (vue.openBlock(), vue.createElementBlock("div", {
                 key: 0,
+                id: menuId.value,
                 ref_key: "menuRef",
                 ref: menuRef,
+                role: "menu",
+                "aria-labelledby": triggerId.value,
                 style: vue.normalizeStyle(computedDropdownStyle.value),
                 class: vue.normalizeClass([
                   "z-[9999] rounded-lg border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-700 dark:bg-gray-800",
@@ -177,9 +192,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
                       key: item.key
                     }, [
-                      item.divider ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3)) : (vue.openBlock(), vue.createElementBlock("button", {
+                      item.divider ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4)) : (vue.openBlock(), vue.createElementBlock("button", {
                         key: 1,
                         type: "button",
+                        role: "menuitem",
                         disabled: item.disabled,
                         class: vue.normalizeClass([
                           "flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition-colors",
@@ -190,14 +206,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         item.icon ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
                           key: 0,
                           icon: item.icon,
-                          class: "size-4"
+                          class: "size-4",
+                          "aria-hidden": "true"
                         }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
                         vue.createTextVNode(" " + vue.toDisplayString(item.label), 1)
-                      ], 10, _hoisted_4))
+                      ], 10, _hoisted_5))
                     ], 64);
                   }), 128))
                 ])
-              ], 6)) : vue.createCommentVNode("", true)
+              ], 14, _hoisted_3)) : vue.createCommentVNode("", true)
             ]),
             _: 3
           })
@@ -208,4 +225,4 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
 });
 exports._sfc_main = _sfc_main$1;
 exports._sfc_main$1 = _sfc_main;
-//# sourceMappingURL=Dropdown.vue_vue_type_script_setup_true_lang-DKxcVBKu.cjs.map
+//# sourceMappingURL=Dropdown.vue_vue_type_script_setup_true_lang-DNeh9Gi-.cjs.map

package/dist/Dropdown.vue_vue_type_script_setup_true_lang-DNeh9Gi-.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.vue_vue_type_script_setup_true_lang-DNeh9Gi-.cjs","sources":["../src/components/core/MenuItem.vue","../src/components/core/Dropdown.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, resolveComponent } from 'vue'\nimport { Icon } from '@iconify/vue'\nimport type { MenuItemProps } from '@/types'\n\nconst props = withDefaults(\n  defineProps<{\n    menuItem: MenuItemProps\n    /** Whether sidebar is expanded (shows labels) */\n    expanded?: boolean\n    /** Override active state directly */\n    active?: boolean\n    /** Current route path (pass from parent using useRoute().path) */\n    currentPath?: string\n  }>(),\n  {\n    expanded: true,\n    active: undefined,\n    currentPath: undefined,\n  },\n)\n\nconst isRouteActive = computed(() => {\n  // If active prop is explicitly set, use it\n  if (props.active !== undefined) {\n    return props.active\n  }\n\n  // Use currentPath prop if provided, otherwise fall back to window.location\n  const path = props.currentPath ?? (typeof window !== 'undefined' ? window.location.pathname : '/')\n\n  if (props.menuItem.link === '/') {\n    return path === '/'\n  }\n  return path === props.menuItem.link || path.startsWith(props.menuItem.link + '/')\n})\n\n// Try to resolve RouterLink, fallback to 'a' tag\nconst linkComponent = computed(() => {\n  try {\n    const RouterLink = resolveComponent('RouterLink')\n    if (typeof RouterLink !== 'string') {\n      return RouterLink\n    }\n  } catch {\n    // RouterLink not available\n  }\n  return 'a'\n})\n\nconst linkProps = computed(() => {\n  if (linkComponent.value === 'a') {\n    return { href: props.menuItem.link }\n  }\n  return { to: props.menuItem.link }\n})\n</script>\n\n<template>\n  <component\n    :is=\"linkComponent\"\n    v-bind=\"linkProps\"\n    :class=\"expanded ? 'flex-row' : 'flex-col'\"\n    class=\"group relative flex items-center justify-center gap-2 px-5\"\n  >\n    <div class=\"relative\">\n      <Icon\n        :class=\"[\n          isRouteActive\n            ? 'text-white'\n            : 'text-white/50 group-hover:text-white/80 dark:text-gray-700 dark:group-hover:text-gray-500',\n          expanded ? 'size-6' : 'size-8',\n        ]\"\n        class=\"transition-all duration-300\"\n        :icon=\"menuItem.icon\"\n      />\n\n      <span\n        v-if=\"menuItem.notification\"\n        class=\"absolute top-0.25 right-0.25 size-1.5 rounded-full bg-red-600\"\n      />\n    </div>\n\n    <Transition\n      enter-active-class=\"transition-all duration-300 ease-out\"\n      enter-from-class=\"opacity-0 -translate-x-2\"\n      enter-to-class=\"opacity-100 translate-x-0\"\n      leave-active-class=\"transition-all duration-200 ease-in\"\n      leave-from-class=\"opacity-100 translate-x-0\"\n      leave-to-class=\"opacity-0 -translate-x-2\"\n    >\n      <span\n        v-if=\"expanded\"\n        :class=\"\n          isRouteActive\n            ? 'text-white'\n            : 'text-white/50 group-hover:text-white/80 dark:text-gray-700 dark:group-hover:text-gray-500'\n        \"\n        class=\"text-sm font-semibold whitespace-nowrap\"\n      >{{ menuItem.label }}</span>\n    </Transition>\n  </component>\n</template>\n","<script lang=\"ts\" setup>\r\nimport { ref, computed } from 'vue'\r\nimport { Icon } from '@iconify/vue'\r\nimport { useDropdown } from '@/composables/useDropdown'\r\nimport { useId } from '@/composables/useId'\r\n\r\nexport interface DropdownItem {\r\n  key: string\r\n  label: string\r\n  icon?: string\r\n  disabled?: boolean\r\n  danger?: boolean\r\n  divider?: boolean\r\n}\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** Dropdown items (optional if using default slot) */\r\n    items?: DropdownItem[]\r\n    /** Align dropdown */\r\n    align?: 'left' | 'right'\r\n    /** Dropdown width */\r\n    width?: 'auto' | 'full' | 'sm' | 'md' | 'lg'\r\n    /** Use teleport to body to avoid overflow clipping */\r\n    teleport?: boolean\r\n    /** Custom ID for accessibility */\r\n    id?: string\r\n  }>(),\r\n  {\r\n    items: () => [],\r\n    align: 'left',\r\n    width: 'auto',\r\n    teleport: true,\r\n  },\r\n)\r\n\r\n// Generate unique IDs for accessibility\r\nconst { related } = useId({ prefix: 'dropdown', id: props.id })\r\nconst triggerId = computed(() => related('trigger'))\r\nconst menuId = computed(() => related('menu'))\r\n\r\nconst emit = defineEmits<{\r\n  select: [item: DropdownItem]\r\n}>()\r\n\r\nconst triggerRef = ref<HTMLElement>()\r\nconst menuRef = ref<HTMLElement>()\r\n\r\nconst { isOpen, dropdownStyle, toggle, close } = useDropdown(triggerRef, menuRef, {\r\n  teleport: props.teleport,\r\n  align: props.align,\r\n})\r\n\r\nconst selectItem = (item: DropdownItem) => {\r\n  if (item.disabled || item.divider) return\r\n  emit('select', item)\r\n  close()\r\n}\r\n\r\nconst widthClasses = {\r\n  auto: 'w-auto min-w-[10rem]',\r\n  full: 'w-full',\r\n  sm: 'w-32',\r\n  md: 'w-48',\r\n  lg: 'w-64',\r\n}\r\n\r\nconst computedDropdownStyle = computed(() => {\r\n  if (!props.teleport) return {}\r\n  const { width: _, ...rest } = dropdownStyle.value\r\n  return rest\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div class=\"relative inline-block\">\r\n    <div\r\n      ref=\"triggerRef\"\r\n      @click=\"toggle\"\r\n    >\r\n      <slot name=\"trigger\">\r\n        <button\r\n          :id=\"triggerId\"\r\n          type=\"button\"\r\n          :aria-expanded=\"isOpen\"\r\n          aria-haspopup=\"menu\"\r\n          :aria-controls=\"menuId\"\r\n          class=\"inline-flex items-center gap-2 rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700\"\r\n        >\r\n          <slot name=\"trigger-label\">\r\n            Options\r\n          </slot>\r\n          <Icon\r\n            icon=\"lucide:chevron-down\"\r\n            :class=\"['size-4 transition-transform', isOpen && 'rotate-180']\"\r\n            aria-hidden=\"true\"\r\n          />\r\n        </button>\r\n      </slot>\r\n    </div>\r\n\r\n    <Teleport\r\n      to=\"body\"\r\n      :disabled=\"!teleport\"\r\n    >\r\n      <Transition\r\n        enter-active-class=\"transition ease-out duration-100\"\r\n        enter-from-class=\"transform opacity-0 scale-95\"\r\n        enter-to-class=\"transform opacity-100 scale-100\"\r\n        leave-active-class=\"transition ease-in duration-75\"\r\n        leave-from-class=\"transform opacity-100 scale-100\"\r\n        leave-to-class=\"transform opacity-0 scale-95\"\r\n      >\r\n        <div\r\n          v-if=\"isOpen\"\r\n          :id=\"menuId\"\r\n          ref=\"menuRef\"\r\n          role=\"menu\"\r\n          :aria-labelledby=\"triggerId\"\r\n          :style=\"computedDropdownStyle\"\r\n          :class=\"[\r\n            'z-[9999] rounded-lg border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-700 dark:bg-gray-800',\r\n            widthClasses[width],\r\n            !teleport && (align === 'right' ? 'absolute mt-2 right-0' : 'absolute mt-2 left-0'),\r\n          ]\"\r\n        >\r\n          <!-- Custom content via default slot -->\r\n          <slot :close=\"close\">\r\n            <!-- Default items rendering -->\r\n            <template\r\n              v-for=\"item in items\"\r\n              :key=\"item.key\"\r\n            >\r\n              <div\r\n                v-if=\"item.divider\"\r\n                role=\"separator\"\r\n                class=\"my-1 border-t border-gray-200 dark:border-gray-700\"\r\n              />\r\n              <button\r\n                v-else\r\n                type=\"button\"\r\n                role=\"menuitem\"\r\n                :disabled=\"item.disabled\"\r\n                :class=\"[\r\n                  'flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition-colors',\r\n                  item.disabled\r\n                    ? 'cursor-not-allowed opacity-50'\r\n                    : item.danger\r\n                      ? 'text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-900/20'\r\n                      : 'text-gray-700 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700',\r\n                ]\"\r\n                @click=\"selectItem(item)\"\r\n              >\r\n                <Icon\r\n                  v-if=\"item.icon\"\r\n                  :icon=\"item.icon\"\r\n                  class=\"size-4\"\r\n                  aria-hidden=\"true\"\r\n                />\r\n                {{ item.label }}\r\n              </button>\r\n            </template>\r\n          </slot>\r\n        </div>\r\n      </Transition>\r\n    </Teleport>\r\n  </div>\r\n</template>\r\n"],"names":["computed","resolveComponent","_openBlock","_createBlock","_resolveDynamicComponent","_mergeProps","_createElementVNode","_hoisted_1","_createVNode","_unref","Icon","_normalizeClass","_createElementBlock","_hoisted_2","_Transition","_toDisplayString","useId","ref","useDropdown","_renderSlot","_Teleport","_Fragment","_renderList"],"mappings":"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"}

package/dist/{Dropdown.vue_vue_type_script_setup_true_lang-C3pr8BwC.js → Dropdown.vue_vue_type_script_setup_true_lang-DXV811zB.js}

@@ -1,6 +1,7 @@
 import { defineComponent, computed, resolveComponent, createBlock, openBlock, resolveDynamicComponent, mergeProps, withCtx, createElementVNode, createVNode, createElementBlock, createCommentVNode, unref, normalizeClass, Transition, toDisplayString, ref, renderSlot, createTextVNode, Teleport, normalizeStyle, Fragment, renderList } from "vue";
 import { Icon } from "@iconify/vue";
 import { u as useDropdown } from "./useDropdown-iVu14E6s.js";
+import { u as useId } from "./useId-xeHj7rkg.js";
 const _hoisted_1$1 = { class: "relative" };
 const _hoisted_2$1 = {
   key: 0,
@@ -83,26 +84,29 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1 = { class: "relative inline-block" };
-const _hoisted_2 = {
-  type: "button",
-  class: "inline-flex items-center gap-2 rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700"
-};
-const _hoisted_3 = {
+const _hoisted_2 = ["id", "aria-expanded", "aria-controls"];
+const _hoisted_3 = ["id", "aria-labelledby"];
+const _hoisted_4 = {
   key: 0,
+  role: "separator",
   class: "my-1 border-t border-gray-200 dark:border-gray-700"
 };
-const _hoisted_4 = ["disabled", "onClick"];
+const _hoisted_5 = ["disabled", "onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Dropdown",
   props: {
     items: { default: () => [] },
     align: { default: "left" },
     width: { default: "auto" },
-    teleport: { type: Boolean, default: true }
+    teleport: { type: Boolean, default: true },
+    id: {}
   },
   emits: ["select"],
   setup(__props, { emit: __emit }) {
     const props = __props;
+    const { related } = useId({ prefix: "dropdown", id: props.id });
+    const triggerId = computed(() => related("trigger"));
+    const menuId = computed(() => related("menu"));
     const emit = __emit;
     const triggerRef = ref();
     const menuRef = ref();
@@ -136,15 +140,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           (...args) => unref(toggle) && unref(toggle)(...args))
         }, [
           renderSlot(_ctx.$slots, "trigger", {}, () => [
-            createElementVNode("button", _hoisted_2, [
+            createElementVNode("button", {
+              id: triggerId.value,
+              type: "button",
+              "aria-expanded": unref(isOpen),
+              "aria-haspopup": "menu",
+              "aria-controls": menuId.value,
+              class: "inline-flex items-center gap-2 rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700"
+            }, [
               renderSlot(_ctx.$slots, "trigger-label", {}, () => [
                 _cache[1] || (_cache[1] = createTextVNode(" Options ", -1))
               ]),
               createVNode(unref(Icon), {
                 icon: "lucide:chevron-down",
-                class: normalizeClass(["size-4 transition-transform", unref(isOpen) && "rotate-180"])
+                class: normalizeClass(["size-4 transition-transform", unref(isOpen) && "rotate-180"]),
+                "aria-hidden": "true"
               }, null, 8, ["class"])
-            ])
+            ], 8, _hoisted_2)
           ])
         ], 512),
         (openBlock(), createBlock(Teleport, {
@@ -162,8 +174,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               unref(isOpen) ? (openBlock(), createElementBlock("div", {
                 key: 0,
+                id: menuId.value,
                 ref_key: "menuRef",
                 ref: menuRef,
+                role: "menu",
+                "aria-labelledby": triggerId.value,
                 style: normalizeStyle(computedDropdownStyle.value),
                 class: normalizeClass([
                   "z-[9999] rounded-lg border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-700 dark:bg-gray-800",
@@ -176,9 +191,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     return openBlock(), createElementBlock(Fragment, {
                       key: item.key
                     }, [
-                      item.divider ? (openBlock(), createElementBlock("div", _hoisted_3)) : (openBlock(), createElementBlock("button", {
+                      item.divider ? (openBlock(), createElementBlock("div", _hoisted_4)) : (openBlock(), createElementBlock("button", {
                         key: 1,
                         type: "button",
+                        role: "menuitem",
                         disabled: item.disabled,
                         class: normalizeClass([
                           "flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition-colors",
@@ -189,14 +205,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         item.icon ? (openBlock(), createBlock(unref(Icon), {
                           key: 0,
                           icon: item.icon,
-                          class: "size-4"
+                          class: "size-4",
+                          "aria-hidden": "true"
                         }, null, 8, ["icon"])) : createCommentVNode("", true),
                         createTextVNode(" " + toDisplayString(item.label), 1)
-                      ], 10, _hoisted_4))
+                      ], 10, _hoisted_5))
                     ], 64);
                   }), 128))
                 ])
-              ], 6)) : createCommentVNode("", true)
+              ], 14, _hoisted_3)) : createCommentVNode("", true)
             ]),
             _: 3
           })
@@ -209,4 +226,4 @@ export {
   _sfc_main$1 as _,
   _sfc_main as a
 };
-//# sourceMappingURL=Dropdown.vue_vue_type_script_setup_true_lang-C3pr8BwC.js.map
+//# sourceMappingURL=Dropdown.vue_vue_type_script_setup_true_lang-DXV811zB.js.map

package/dist/Dropdown.vue_vue_type_script_setup_true_lang-DXV811zB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.vue_vue_type_script_setup_true_lang-DXV811zB.js","sources":["../src/components/core/MenuItem.vue","../src/components/core/Dropdown.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { computed, resolveComponent } from 'vue'\nimport { Icon } from '@iconify/vue'\nimport type { MenuItemProps } from '@/types'\n\nconst props = withDefaults(\n  defineProps<{\n    menuItem: MenuItemProps\n    /** Whether sidebar is expanded (shows labels) */\n    expanded?: boolean\n    /** Override active state directly */\n    active?: boolean\n    /** Current route path (pass from parent using useRoute().path) */\n    currentPath?: string\n  }>(),\n  {\n    expanded: true,\n    active: undefined,\n    currentPath: undefined,\n  },\n)\n\nconst isRouteActive = computed(() => {\n  // If active prop is explicitly set, use it\n  if (props.active !== undefined) {\n    return props.active\n  }\n\n  // Use currentPath prop if provided, otherwise fall back to window.location\n  const path = props.currentPath ?? (typeof window !== 'undefined' ? window.location.pathname : '/')\n\n  if (props.menuItem.link === '/') {\n    return path === '/'\n  }\n  return path === props.menuItem.link || path.startsWith(props.menuItem.link + '/')\n})\n\n// Try to resolve RouterLink, fallback to 'a' tag\nconst linkComponent = computed(() => {\n  try {\n    const RouterLink = resolveComponent('RouterLink')\n    if (typeof RouterLink !== 'string') {\n      return RouterLink\n    }\n  } catch {\n    // RouterLink not available\n  }\n  return 'a'\n})\n\nconst linkProps = computed(() => {\n  if (linkComponent.value === 'a') {\n    return { href: props.menuItem.link }\n  }\n  return { to: props.menuItem.link }\n})\n</script>\n\n<template>\n  <component\n    :is=\"linkComponent\"\n    v-bind=\"linkProps\"\n    :class=\"expanded ? 'flex-row' : 'flex-col'\"\n    class=\"group relative flex items-center justify-center gap-2 px-5\"\n  >\n    <div class=\"relative\">\n      <Icon\n        :class=\"[\n          isRouteActive\n            ? 'text-white'\n            : 'text-white/50 group-hover:text-white/80 dark:text-gray-700 dark:group-hover:text-gray-500',\n          expanded ? 'size-6' : 'size-8',\n        ]\"\n        class=\"transition-all duration-300\"\n        :icon=\"menuItem.icon\"\n      />\n\n      <span\n        v-if=\"menuItem.notification\"\n        class=\"absolute top-0.25 right-0.25 size-1.5 rounded-full bg-red-600\"\n      />\n    </div>\n\n    <Transition\n      enter-active-class=\"transition-all duration-300 ease-out\"\n      enter-from-class=\"opacity-0 -translate-x-2\"\n      enter-to-class=\"opacity-100 translate-x-0\"\n      leave-active-class=\"transition-all duration-200 ease-in\"\n      leave-from-class=\"opacity-100 translate-x-0\"\n      leave-to-class=\"opacity-0 -translate-x-2\"\n    >\n      <span\n        v-if=\"expanded\"\n        :class=\"\n          isRouteActive\n            ? 'text-white'\n            : 'text-white/50 group-hover:text-white/80 dark:text-gray-700 dark:group-hover:text-gray-500'\n        \"\n        class=\"text-sm font-semibold whitespace-nowrap\"\n      >{{ menuItem.label }}</span>\n    </Transition>\n  </component>\n</template>\n","<script lang=\"ts\" setup>\r\nimport { ref, computed } from 'vue'\r\nimport { Icon } from '@iconify/vue'\r\nimport { useDropdown } from '@/composables/useDropdown'\r\nimport { useId } from '@/composables/useId'\r\n\r\nexport interface DropdownItem {\r\n  key: string\r\n  label: string\r\n  icon?: string\r\n  disabled?: boolean\r\n  danger?: boolean\r\n  divider?: boolean\r\n}\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** Dropdown items (optional if using default slot) */\r\n    items?: DropdownItem[]\r\n    /** Align dropdown */\r\n    align?: 'left' | 'right'\r\n    /** Dropdown width */\r\n    width?: 'auto' | 'full' | 'sm' | 'md' | 'lg'\r\n    /** Use teleport to body to avoid overflow clipping */\r\n    teleport?: boolean\r\n    /** Custom ID for accessibility */\r\n    id?: string\r\n  }>(),\r\n  {\r\n    items: () => [],\r\n    align: 'left',\r\n    width: 'auto',\r\n    teleport: true,\r\n  },\r\n)\r\n\r\n// Generate unique IDs for accessibility\r\nconst { related } = useId({ prefix: 'dropdown', id: props.id })\r\nconst triggerId = computed(() => related('trigger'))\r\nconst menuId = computed(() => related('menu'))\r\n\r\nconst emit = defineEmits<{\r\n  select: [item: DropdownItem]\r\n}>()\r\n\r\nconst triggerRef = ref<HTMLElement>()\r\nconst menuRef = ref<HTMLElement>()\r\n\r\nconst { isOpen, dropdownStyle, toggle, close } = useDropdown(triggerRef, menuRef, {\r\n  teleport: props.teleport,\r\n  align: props.align,\r\n})\r\n\r\nconst selectItem = (item: DropdownItem) => {\r\n  if (item.disabled || item.divider) return\r\n  emit('select', item)\r\n  close()\r\n}\r\n\r\nconst widthClasses = {\r\n  auto: 'w-auto min-w-[10rem]',\r\n  full: 'w-full',\r\n  sm: 'w-32',\r\n  md: 'w-48',\r\n  lg: 'w-64',\r\n}\r\n\r\nconst computedDropdownStyle = computed(() => {\r\n  if (!props.teleport) return {}\r\n  const { width: _, ...rest } = dropdownStyle.value\r\n  return rest\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div class=\"relative inline-block\">\r\n    <div\r\n      ref=\"triggerRef\"\r\n      @click=\"toggle\"\r\n    >\r\n      <slot name=\"trigger\">\r\n        <button\r\n          :id=\"triggerId\"\r\n          type=\"button\"\r\n          :aria-expanded=\"isOpen\"\r\n          aria-haspopup=\"menu\"\r\n          :aria-controls=\"menuId\"\r\n          class=\"inline-flex items-center gap-2 rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700\"\r\n        >\r\n          <slot name=\"trigger-label\">\r\n            Options\r\n          </slot>\r\n          <Icon\r\n            icon=\"lucide:chevron-down\"\r\n            :class=\"['size-4 transition-transform', isOpen && 'rotate-180']\"\r\n            aria-hidden=\"true\"\r\n          />\r\n        </button>\r\n      </slot>\r\n    </div>\r\n\r\n    <Teleport\r\n      to=\"body\"\r\n      :disabled=\"!teleport\"\r\n    >\r\n      <Transition\r\n        enter-active-class=\"transition ease-out duration-100\"\r\n        enter-from-class=\"transform opacity-0 scale-95\"\r\n        enter-to-class=\"transform opacity-100 scale-100\"\r\n        leave-active-class=\"transition ease-in duration-75\"\r\n        leave-from-class=\"transform opacity-100 scale-100\"\r\n        leave-to-class=\"transform opacity-0 scale-95\"\r\n      >\r\n        <div\r\n          v-if=\"isOpen\"\r\n          :id=\"menuId\"\r\n          ref=\"menuRef\"\r\n          role=\"menu\"\r\n          :aria-labelledby=\"triggerId\"\r\n          :style=\"computedDropdownStyle\"\r\n          :class=\"[\r\n            'z-[9999] rounded-lg border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-700 dark:bg-gray-800',\r\n            widthClasses[width],\r\n            !teleport && (align === 'right' ? 'absolute mt-2 right-0' : 'absolute mt-2 left-0'),\r\n          ]\"\r\n        >\r\n          <!-- Custom content via default slot -->\r\n          <slot :close=\"close\">\r\n            <!-- Default items rendering -->\r\n            <template\r\n              v-for=\"item in items\"\r\n              :key=\"item.key\"\r\n            >\r\n              <div\r\n                v-if=\"item.divider\"\r\n                role=\"separator\"\r\n                class=\"my-1 border-t border-gray-200 dark:border-gray-700\"\r\n              />\r\n              <button\r\n                v-else\r\n                type=\"button\"\r\n                role=\"menuitem\"\r\n                :disabled=\"item.disabled\"\r\n                :class=\"[\r\n                  'flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition-colors',\r\n                  item.disabled\r\n                    ? 'cursor-not-allowed opacity-50'\r\n                    : item.danger\r\n                      ? 'text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-900/20'\r\n                      : 'text-gray-700 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700',\r\n                ]\"\r\n                @click=\"selectItem(item)\"\r\n              >\r\n                <Icon\r\n                  v-if=\"item.icon\"\r\n                  :icon=\"item.icon\"\r\n                  class=\"size-4\"\r\n                  aria-hidden=\"true\"\r\n                />\r\n                {{ item.label }}\r\n              </button>\r\n            </template>\r\n          </slot>\r\n        </div>\r\n      </Transition>\r\n    </Teleport>\r\n  </div>\r\n</template>\r\n"],"names":["_openBlock","_createBlock","_resolveDynamicComponent","_mergeProps","_createElementVNode","_hoisted_1","_createVNode","_unref","_normalizeClass","_createElementBlock","_hoisted_2","_Transition","_toDisplayString","_renderSlot","_Teleport","_Fragment","_renderList"],"mappings":"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"}

package/dist/{PageLayout.vue_vue_type_script_setup_true_lang-D22uNeS1.cjs → PageLayout.vue_vue_type_script_setup_true_lang-C0YzyJnK.cjs}

@@ -1,7 +1,7 @@
 "use strict";
 const vue = require("vue");
 const vue$1 = require("@iconify/vue");
-const Dropdown_vue_vue_type_script_setup_true_lang = require("./Dropdown.vue_vue_type_script_setup_true_lang-DKxcVBKu.cjs");
+const Dropdown_vue_vue_type_script_setup_true_lang = require("./Dropdown.vue_vue_type_script_setup_true_lang-DNeh9Gi-.cjs");
 const _hoisted_1$1 = { class: "font-inter relative flex h-dvh overflow-hidden bg-gray-100 dark:bg-slate-900" };
 const _hoisted_2$1 = { class: "flex h-16 items-center px-3" };
 const _hoisted_3$1 = { class: "flex flex-1 items-center justify-center gap-3" };
@@ -330,4 +330,4 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
 });
 exports._sfc_main = _sfc_main$1;
 exports._sfc_main$1 = _sfc_main;
-//# sourceMappingURL=PageLayout.vue_vue_type_script_setup_true_lang-D22uNeS1.cjs.map
+//# sourceMappingURL=PageLayout.vue_vue_type_script_setup_true_lang-C0YzyJnK.cjs.map