@stachelock/ui 0.2.14 → 0.3.0

package/dist/components/Banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.js","sources":["../../node_modules/@heroicons/vue/24/outline/esm/BellIcon.js","../../node_modules/@heroicons/vue/24/outline/esm/FireIcon.js","../../node_modules/@heroicons/vue/24/outline/esm/GiftIcon.js","../../node_modules/@heroicons/vue/24/outline/esm/HeartIcon.js","../../node_modules/@heroicons/vue/24/outline/esm/LightBulbIcon.js","../../node_modules/@heroicons/vue/24/outline/esm/MegaphoneIcon.js","../../node_modules/@heroicons/vue/24/outline/esm/RocketLaunchIcon.js","../../node_modules/@heroicons/vue/24/outline/esm/ShieldCheckIcon.js","../../node_modules/@heroicons/vue/24/outline/esm/SparklesIcon.js","../../node_modules/@heroicons/vue/24/outline/esm/StarIcon.js","../../src/components/UiBanner.vue"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M14.857 17.082a23.848 23.848 0 0 0 5.454-1.31A8.967 8.967 0 0 1 18 9.75V9A6 6 0 0 0 6 9v.75a8.967 8.967 0 0 1-2.312 6.022c1.733.64 3.56 1.085 5.455 1.31m5.714 0a24.255 24.255 0 0 1-5.714 0m5.714 0a3 3 0 1 1-5.714 0\"\n    })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M15.362 5.214A8.252 8.252 0 0 1 12 21 8.25 8.25 0 0 1 6.038 7.047 8.287 8.287 0 0 0 9 9.601a8.983 8.983 0 0 1 3.361-6.867 8.21 8.21 0 0 0 3 2.48Z\"\n    }),\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M12 18a3.75 3.75 0 0 0 .495-7.468 5.99 5.99 0 0 0-1.925 3.547 5.975 5.975 0 0 1-2.133-1.001A3.75 3.75 0 0 0 12 18Z\"\n    })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M21 11.25v8.25a1.5 1.5 0 0 1-1.5 1.5H5.25a1.5 1.5 0 0 1-1.5-1.5v-8.25M12 4.875A2.625 2.625 0 1 0 9.375 7.5H12m0-2.625V7.5m0-2.625A2.625 2.625 0 1 1 14.625 7.5H12m0 0V21m-8.625-9.75h18c.621 0 1.125-.504 1.125-1.125v-1.5c0-.621-.504-1.125-1.125-1.125h-18c-.621 0-1.125.504-1.125 1.125v1.5c0 .621.504 1.125 1.125 1.125Z\"\n    })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z\"\n    })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M12 18v-5.25m0 0a6.01 6.01 0 0 0 1.5-.189m-1.5.189a6.01 6.01 0 0 1-1.5-.189m3.75 7.478a12.06 12.06 0 0 1-4.5 0m3.75 2.383a14.406 14.406 0 0 1-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 1 0-7.517 0c.85.493 1.509 1.333 1.509 2.316V18\"\n    })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M10.34 15.84c-.688-.06-1.386-.09-2.09-.09H7.5a4.5 4.5 0 1 1 0-9h.75c.704 0 1.402-.03 2.09-.09m0 9.18c.253.962.584 1.892.985 2.783.247.55.06 1.21-.463 1.511l-.657.38c-.551.318-1.26.117-1.527-.461a20.845 20.845 0 0 1-1.44-4.282m3.102.069a18.03 18.03 0 0 1-.59-4.59c0-1.586.205-3.124.59-4.59m0 9.18a23.848 23.848 0 0 1 8.835 2.535M10.34 6.66a23.847 23.847 0 0 0 8.835-2.535m0 0A23.74 23.74 0 0 0 18.795 3m.38 1.125a23.91 23.91 0 0 1 1.014 5.395m-1.014 8.855c-.118.38-.245.754-.38 1.125m.38-1.125a23.91 23.91 0 0 0 1.014-5.395m0-3.46c.495.413.811 1.035.811 1.73 0 .695-.316 1.317-.811 1.73m0-3.46a24.347 24.347 0 0 1 0 3.46\"\n    })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M15.59 14.37a6 6 0 0 1-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 0 0 6.16-12.12A14.98 14.98 0 0 0 9.631 8.41m5.96 5.96a14.926 14.926 0 0 1-5.841 2.58m-.119-8.54a6 6 0 0 0-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 0 0-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 0 1-2.448-2.448 14.9 14.9 0 0 1 .06-.312m-2.24 2.39a4.493 4.493 0 0 0-1.757 4.306 4.493 4.493 0 0 0 4.306-1.758M16.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z\"\n    })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M9 12.75 11.25 15 15 9.75m-3-7.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z\"\n    })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z\"\n    })\n  ]))\n}","import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z\"\n    })\n  ]))\n}","<!--\n  @component UiBanner\n  @description A flexible banner component for announcements, alerts, and notifications.\n  \n  Designed with extensive slot support for maximum customization. Can be used\n  for app-wide announcements, inline alerts, or dismissible notifications.\n  \n  @props\n  - theme (BannerTheme, optional): Visual theme - 'info', 'success', 'warning', 'error', 'primary', 'secondary'\n  - position (string, optional): Position mode - 'inline', 'top', 'bottom'\n  - sticky (boolean, optional): Whether banner sticks to viewport\n  - dismissible (boolean, optional): Show dismiss button\n  - icon (string, optional): Icon name from presets or custom via slot\n  - showIcon (boolean, optional): Whether to show the icon\n  - modelValue (boolean, optional): Control visibility via v-model\n  - actions (BannerAction[], optional): Action buttons configuration\n  - content (string, optional): Banner text content (alternative to default slot)\n  - animated (boolean, optional): Enable enter/leave animations\n  \n  @slots\n  - default: Main content area\n  - icon: Custom icon component\n  - leading: Content before main text\n  - trailing: Content after main text (before actions)\n  - actions: Custom action buttons\n  - dismiss: Custom dismiss button\n  \n  @emits\n  - update:modelValue: When visibility changes\n  - dismiss: When banner is dismissed\n  - action: When an action button is clicked\n  \n  @example Basic usage\n  <UiBanner theme=\"info\">\n    Welcome to our platform! Check out the new features.\n  </UiBanner>\n  \n  @example With actions\n  <UiBanner \n    theme=\"warning\" \n    dismissible\n    :actions=\"[{ label: 'Learn More', action: 'link', href: '/docs' }]\"\n  >\n    Your session will expire in 5 minutes.\n  </UiBanner>\n  \n  @example Fully slotted\n  <UiBanner theme=\"primary\" v-model=\"showBanner\">\n    <template #icon>\n      <RocketIcon class=\"h-5 w-5\" />\n    </template>\n    <template #default>\n      <strong>New Feature!</strong> Try our improved dashboard.\n    </template>\n    <template #actions>\n      <button @click=\"explore\">Explore Now</button>\n    </template>\n  </UiBanner>\n-->\n<template>\n  <Transition\n    v-if=\"animated\"\n    :enter-active-class=\"transitionClasses.enterActive\"\n    :enter-from-class=\"transitionClasses.enterFrom\"\n    :enter-to-class=\"transitionClasses.enterTo\"\n    :leave-active-class=\"transitionClasses.leaveActive\"\n    :leave-from-class=\"transitionClasses.leaveFrom\"\n    :leave-to-class=\"transitionClasses.leaveTo\"\n  >\n    <div v-if=\"isVisible\" :class=\"containerClasses\" :style=\"containerStyles\">\n      <div :class=\"innerClasses\">\n        <!-- Icon Section -->\n        <div v-if=\"showIcon || $slots.icon\" class=\"sl-flex-shrink-0\">\n          <slot name=\"icon\">\n            <component \n              v-if=\"iconComponent\" \n              :is=\"iconComponent\" \n              :class=\"iconClasses\" \n              aria-hidden=\"true\" \n            />\n          </slot>\n        </div>\n\n        <!-- Leading Slot -->\n        <slot name=\"leading\" />\n\n        <!-- Main Content -->\n        <div class=\"sl-flex-1 sl-min-w-0\">\n          <div :class=\"contentClasses\">\n            <slot>{{ content }}</slot>\n          </div>\n        </div>\n\n        <!-- Trailing Slot -->\n        <slot name=\"trailing\" />\n\n        <!-- Actions Section -->\n        <div v-if=\"hasActions\" class=\"sl-flex sl-items-center sl-gap-2 sl-flex-shrink-0\">\n          <slot name=\"actions\">\n            <template v-for=\"action in actions\" :key=\"action.label\">\n              <button\n                type=\"button\"\n                :class=\"getActionButtonClasses(action)\"\n                @click=\"handleAction(action)\"\n              >\n                {{ action.label }}\n              </button>\n            </template>\n          </slot>\n        </div>\n\n        <!-- Dismiss Button -->\n        <div v-if=\"dismissible\" class=\"sl-flex-shrink-0 sl-ml-2\">\n          <slot name=\"dismiss\">\n            <button\n              type=\"button\"\n              :class=\"dismissButtonClasses\"\n              @click=\"handleDismiss\"\n            >\n              <span class=\"sl-sr-only\">Dismiss</span>\n              <XMarkIcon class=\"sl-h-5 sl-w-5\" aria-hidden=\"true\" />\n            </button>\n          </slot>\n        </div>\n      </div>\n    </div>\n  </Transition>\n\n  <!-- Non-animated version -->\n  <div v-else-if=\"isVisible\" :class=\"containerClasses\" :style=\"containerStyles\">\n    <div :class=\"innerClasses\">\n      <!-- Icon Section -->\n      <div v-if=\"showIcon || $slots.icon\" class=\"sl-flex-shrink-0\">\n        <slot name=\"icon\">\n          <component \n            v-if=\"iconComponent\" \n            :is=\"iconComponent\" \n            :class=\"iconClasses\" \n            aria-hidden=\"true\" \n          />\n        </slot>\n      </div>\n\n      <!-- Leading Slot -->\n      <slot name=\"leading\" />\n\n      <!-- Main Content -->\n      <div class=\"sl-flex-1 sl-min-w-0\">\n        <div :class=\"contentClasses\">\n          <slot>{{ content }}</slot>\n        </div>\n      </div>\n\n      <!-- Trailing Slot -->\n      <slot name=\"trailing\" />\n\n      <!-- Actions Section -->\n      <div v-if=\"hasActions\" class=\"sl-flex sl-items-center sl-gap-2 sl-flex-shrink-0\">\n        <slot name=\"actions\">\n          <template v-for=\"action in actions\" :key=\"action.label\">\n            <button\n              type=\"button\"\n              :class=\"getActionButtonClasses(action)\"\n              @click=\"handleAction(action)\"\n            >\n              {{ action.label }}\n            </button>\n          </template>\n        </slot>\n      </div>\n\n      <!-- Dismiss Button -->\n      <div v-if=\"dismissible\" class=\"sl-flex-shrink-0 sl-ml-2\">\n        <slot name=\"dismiss\">\n          <button\n            type=\"button\"\n            :class=\"dismissButtonClasses\"\n            @click=\"handleDismiss\"\n          >\n            <span class=\"sl-sr-only\">Dismiss</span>\n            <XMarkIcon class=\"sl-h-5 sl-w-5\" aria-hidden=\"true\" />\n          </button>\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * UiBanner - Flexible banner/alert component\n * \n * Provides a highly customizable banner system with:\n * - Multiple theme variants\n * - Position modes (inline, fixed top/bottom)\n * - Extensive slot support for customization\n * - Action buttons with callbacks\n * - Animated transitions\n * \n * @module components/UiBanner\n */\nimport { computed, ref, watch, useSlots, type Component } from 'vue';\nimport { XMarkIcon } from '@heroicons/vue/20/solid';\nimport {\n  InformationCircleIcon,\n  CheckCircleIcon,\n  ExclamationTriangleIcon,\n  ExclamationCircleIcon,\n  SparklesIcon,\n  RocketLaunchIcon,\n  MegaphoneIcon,\n  BellIcon,\n  StarIcon,\n  HeartIcon,\n  LightBulbIcon,\n  ShieldCheckIcon,\n  FireIcon,\n  GiftIcon,\n} from '@heroicons/vue/24/outline';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type BannerTheme = 'info' | 'success' | 'warning' | 'error' | 'primary' | 'secondary' | 'dark';\nexport type BannerPosition = 'inline' | 'top' | 'bottom';\n\nexport interface BannerAction {\n  /** Button label */\n  label: string;\n  /** Action type */\n  action: 'dismiss' | 'link' | 'callback';\n  /** URL for link actions */\n  href?: string;\n  /** Target for link actions */\n  target?: '_blank' | '_self';\n  /** Callback function */\n  callback?: () => void;\n  /** Button theme */\n  theme?: 'primary' | 'secondary' | 'white' | 'danger';\n}\n\n// =============================================================================\n// Props\n// =============================================================================\n\nconst props = withDefaults(defineProps<{\n  /** Visual theme variant */\n  theme?: BannerTheme;\n  /** Position mode */\n  position?: BannerPosition;\n  /** Sticky positioning */\n  sticky?: boolean;\n  /** Show dismiss button */\n  dismissible?: boolean;\n  /** Icon name or false to hide */\n  icon?: string | false;\n  /** Show icon (auto-detected if icon prop set) */\n  showIcon?: boolean;\n  /** v-model visibility control */\n  modelValue?: boolean;\n  /** Action buttons */\n  actions?: BannerAction[];\n  /** Text content (alternative to slot) */\n  content?: string;\n  /** Enable animations */\n  animated?: boolean;\n  /** Full width mode */\n  fullWidth?: boolean;\n  /** Rounded corners */\n  rounded?: boolean;\n  /** Custom z-index */\n  zIndex?: number;\n  /** Compact mode with less padding */\n  compact?: boolean;\n  /** Centered content */\n  centered?: boolean;\n}>(), {\n  theme: 'info',\n  position: 'inline',\n  sticky: false,\n  dismissible: false,\n  icon: undefined,\n  showIcon: true,\n  modelValue: true,\n  actions: () => [],\n  content: '',\n  animated: true,\n  fullWidth: true,\n  rounded: false,\n  zIndex: 50,\n  compact: false,\n  centered: false,\n});\n\n// =============================================================================\n// Emits\n// =============================================================================\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void;\n  (e: 'dismiss'): void;\n  (e: 'action', action: BannerAction): void;\n}>();\n\n// =============================================================================\n// State\n// =============================================================================\n\nconst slots = useSlots();\nconst internalVisible = ref(props.modelValue);\n\n// Sync with v-model\nwatch(() => props.modelValue, (val) => {\n  internalVisible.value = val;\n});\n\nconst isVisible = computed({\n  get: () => internalVisible.value,\n  set: (val) => {\n    internalVisible.value = val;\n    emit('update:modelValue', val);\n  }\n});\n\n// =============================================================================\n// Icon Configuration\n// =============================================================================\n\nconst iconMap: Record<string, Component> = {\n  'info': InformationCircleIcon,\n  'information': InformationCircleIcon,\n  'success': CheckCircleIcon,\n  'check': CheckCircleIcon,\n  'warning': ExclamationTriangleIcon,\n  'error': ExclamationCircleIcon,\n  'danger': ExclamationCircleIcon,\n  'sparkles': SparklesIcon,\n  'rocket': RocketLaunchIcon,\n  'megaphone': MegaphoneIcon,\n  'bell': BellIcon,\n  'star': StarIcon,\n  'heart': HeartIcon,\n  'lightbulb': LightBulbIcon,\n  'shield': ShieldCheckIcon,\n  'fire': FireIcon,\n  'gift': GiftIcon,\n};\n\nconst defaultIconForTheme: Record<BannerTheme, string> = {\n  info: 'info',\n  success: 'success',\n  warning: 'warning',\n  error: 'error',\n  primary: 'megaphone',\n  secondary: 'info',\n  dark: 'info',\n};\n\nconst iconComponent = computed(() => {\n  if (props.icon === false) return null;\n  const iconName = props.icon || defaultIconForTheme[props.theme];\n  return iconMap[iconName] || null;\n});\n\n// =============================================================================\n// Theme Styles\n// =============================================================================\n\nconst themeStyles: Record<BannerTheme, {\n  bg: string;\n  text: string;\n  icon: string;\n  border?: string;\n  dismissHover: string;\n}> = {\n  info: {\n    bg: 'sl-bg-blue-600',\n    text: 'sl-text-white',\n    icon: 'sl-text-blue-200',\n    dismissHover: 'hover:sl-bg-blue-500',\n  },\n  success: {\n    bg: 'sl-bg-green-600',\n    text: 'sl-text-white',\n    icon: 'sl-text-green-200',\n    dismissHover: 'hover:sl-bg-green-500',\n  },\n  warning: {\n    bg: 'sl-bg-yellow-500',\n    text: 'sl-text-yellow-900',\n    icon: 'sl-text-yellow-800',\n    dismissHover: 'hover:sl-bg-yellow-400',\n  },\n  error: {\n    bg: 'sl-bg-red-600',\n    text: 'sl-text-white',\n    icon: 'sl-text-red-200',\n    dismissHover: 'hover:sl-bg-red-500',\n  },\n  primary: {\n    bg: 'sl-bg-stachelock-600',\n    text: 'sl-text-white',\n    icon: 'sl-text-white/80',\n    dismissHover: 'hover:sl-bg-stachelock-500',\n  },\n  secondary: {\n    bg: 'sl-bg-gray-600',\n    text: 'sl-text-white',\n    icon: 'sl-text-gray-300',\n    dismissHover: 'hover:sl-bg-gray-500',\n  },\n  dark: {\n    bg: 'sl-bg-gray-900 dark:sl-bg-gray-800',\n    text: 'sl-text-white',\n    icon: 'sl-text-gray-400',\n    dismissHover: 'hover:sl-bg-gray-800 dark:hover:sl-bg-gray-700',\n  },\n};\n\n// =============================================================================\n// Computed Classes\n// =============================================================================\n\nconst containerClasses = computed(() => {\n  const theme = themeStyles[props.theme];\n  const classes = [\n    theme.bg,\n    theme.text,\n  ];\n\n  // Position classes\n  if (props.position === 'top') {\n    classes.push('sl-fixed sl-top-0 sl-left-0 sl-right-0');\n  } else if (props.position === 'bottom') {\n    classes.push('sl-fixed sl-bottom-0 sl-left-0 sl-right-0');\n  }\n\n  // Sticky\n  if (props.sticky && props.position === 'inline') {\n    classes.push('sl-sticky sl-top-0');\n  }\n\n  // Width\n  if (props.fullWidth) {\n    classes.push('sl-w-full');\n  }\n\n  // Rounded\n  if (props.rounded && props.position === 'inline') {\n    classes.push('sl-rounded-lg');\n  }\n\n  // Z-index handled via style\n\n  return classes.join(' ');\n});\n\nconst containerStyles = computed(() => ({\n  zIndex: props.zIndex,\n}));\n\nconst innerClasses = computed(() => {\n  const classes = [\n    'sl-flex',\n    'sl-items-center',\n    'sl-gap-x-4',\n  ];\n\n  // Padding\n  if (props.compact) {\n    classes.push('sl-px-4 sl-py-2');\n  } else {\n    classes.push('sl-px-6 sl-py-3 sm:sl-px-4');\n  }\n\n  // Centered\n  if (props.centered) {\n    classes.push('sl-justify-center');\n  }\n\n  return classes.join(' ');\n});\n\nconst iconClasses = computed(() => {\n  const theme = themeStyles[props.theme];\n  return `sl-h-5 sl-w-5 ${theme.icon}`;\n});\n\nconst contentClasses = computed(() => {\n  return 'sl-text-sm sl-leading-6';\n});\n\nconst dismissButtonClasses = computed(() => {\n  const theme = themeStyles[props.theme];\n  return [\n    'sl--m-1.5 sl-p-1.5',\n    'sl-rounded-md',\n    'sl-transition-colors',\n    'focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-white/50',\n    theme.dismissHover,\n  ].join(' ');\n});\n\n// =============================================================================\n// Transition Classes\n// =============================================================================\n\nconst transitionClasses = computed(() => {\n  const vertical = props.position === 'bottom' ? 'sl-translate-y-full' : 'sl--translate-y-full';\n  \n  return {\n    enterActive: 'sl-transform sl-transition sl-duration-300 sl-ease-out',\n    enterFrom: `sl-opacity-0 ${vertical}`,\n    enterTo: 'sl-opacity-100 sl-translate-y-0',\n    leaveActive: 'sl-transform sl-transition sl-duration-200 sl-ease-in',\n    leaveFrom: 'sl-opacity-100 sl-translate-y-0',\n    leaveTo: `sl-opacity-0 ${vertical}`,\n  };\n});\n\n// =============================================================================\n// Action Helpers\n// =============================================================================\n\nconst hasActions = computed(() => {\n  return (props.actions && props.actions.length > 0) || slots.actions;\n});\n\nfunction getActionButtonClasses(action: BannerAction): string {\n  const base = 'sl-text-xs sl-font-semibold sl-rounded-md sl-px-3 sl-py-1.5 sl-transition-colors';\n  \n  const themeClasses: Record<string, string> = {\n    primary: 'sl-bg-white sl-text-gray-900 hover:sl-bg-gray-100',\n    secondary: 'sl-bg-white/20 sl-text-white hover:sl-bg-white/30',\n    white: 'sl-bg-white sl-text-gray-900 hover:sl-bg-gray-100',\n    danger: 'sl-bg-red-500 sl-text-white hover:sl-bg-red-600',\n  };\n\n  return `${base} ${themeClasses[action.theme || 'primary']}`;\n}\n\n// =============================================================================\n// Event Handlers\n// =============================================================================\n\nfunction handleDismiss() {\n  isVisible.value = false;\n  emit('dismiss');\n}\n\nfunction handleAction(action: BannerAction) {\n  emit('action', action);\n  \n  if (action.action === 'dismiss') {\n    handleDismiss();\n  } else if (action.action === 'link' && action.href) {\n    if (action.target === '_blank') {\n      window.open(action.href, '_blank');\n    } else {\n      window.location.href = action.href;\n    }\n  } else if (action.action === 'callback' && action.callback) {\n    action.callback();\n  }\n}\n</script>\n\n<style scoped>\n/* Ensure fixed banners don't affect document flow */\n[class*=\"sl-fixed\"] {\n  pointer-events: auto;\n}\n</style>\n\n"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","props","__props","emit","__emit","slots","useSlots","internalVisible","ref","watch","val","isVisible","computed","iconMap","InformationCircleIcon","CheckCircleIcon","ExclamationTriangleIcon","ExclamationCircleIcon","SparklesIcon","RocketLaunchIcon","MegaphoneIcon","BellIcon","StarIcon","HeartIcon","LightBulbIcon","ShieldCheckIcon","FireIcon","GiftIcon","defaultIconForTheme","iconComponent","iconName","themeStyles","containerClasses","theme","classes","containerStyles","innerClasses","iconClasses","contentClasses","dismissButtonClasses","transitionClasses","vertical","hasActions","getActionButtonClasses","action","handleDismiss","handleAction","animated","_createBlock","_Transition","showIcon","$slots","_hoisted_1","_renderSlot","_resolveDynamicComponent","_hoisted_2","content","_hoisted_3","_Fragment","_renderList","actions","_normalizeClass","$event","_toDisplayString","_hoisted_4","dismissible","_hoisted_5","_createVNode","_unref","XMarkIcon","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9]}

package/dist/components/Breadcrumb.js

@@ -1,5 +1,272 @@
-import { _ as f } from "../UiBreadcrumb.vue_vue_type_script_setup_true_lang-quGuN9v4.js";
+import { defineComponent as R, ref as U, computed as B, watchEffect as z, createElementBlock as c, openBlock as i, createElementVNode as f, Fragment as A, renderList as O, createBlock as x, createCommentVNode as y, unref as V, normalizeStyle as S, resolveDynamicComponent as H, normalizeClass as C, withCtx as W, toDisplayString as q } from "vue";
+import { b as G, a as J } from "../vue-router-BPbyZ7xA.js";
+import { u as K } from "../useStringTransform-CSr7nZWg.js";
+import { useTheme as M } from "../composables/useTheme.js";
+import { r as Q } from "../ChevronRightIcon-DkUqw988.js";
+import { _ as X } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+const Y = {
+  class: "sl-hidden sm:sl-flex",
+  "aria-label": "Breadcrumb"
+}, Z = {
+  role: "list",
+  class: "sl-flex sl-items-center sl-gap-1"
+}, $ = {
+  key: 0,
+  class: "sl-inline-flex sl-items-center sl-mr-1.5"
+}, ee = {
+  key: 1,
+  class: "sl-ml-1.5 sl-inline-block sl-animate-pulse"
+}, se = /* @__PURE__ */ R({
+  __name: "UiBreadcrumb",
+  props: {
+    /**
+     * Maximum length for breadcrumb text before truncation
+     * @default 20
+     */
+    maxLength: {
+      type: Number,
+      default: 20
+    },
+    /**
+     * Case transformation to apply
+     * @default 'title'
+     */
+    caseTransform: {
+      type: String,
+      default: "title"
+    },
+    /**
+     * Whether to detect and specially format UIDs
+     * @default true
+     */
+    detectUids: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * How to format detected UIDs
+     * @default 'ellipsis'
+     */
+    uidFormat: {
+      type: String,
+      default: "ellipsis"
+    },
+    /**
+     * Number of characters to show for UIDs
+     * @default 4
+     */
+    uidChars: {
+      type: Number,
+      default: 4
+    },
+    /**
+     * Show visual indicator for UID segments
+     * @default false
+     */
+    showUidIndicator: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Use monospace font for UID segments
+     * @default true
+     */
+    preserveUidFont: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Custom async lookup function to resolve IDs to display names
+     * Called for segments detected as UIDs
+     */
+    lookupFn: {
+      type: Function,
+      default: void 0
+    },
+    /**
+     * Custom segment transform function
+     * Overrides default transformation for each segment
+     */
+    segmentTransform: {
+      type: Function,
+      default: void 0
+    },
+    /**
+     * Segments to exclude from breadcrumbs (by name)
+     */
+    excludeSegments: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * Mapping of segment names to display names
+     */
+    segmentLabels: {
+      type: Object,
+      default: () => ({})
+    },
+    /**
+     * Home segment configuration
+     */
+    homeSegment: {
+      type: Object,
+      default: () => ({ show: !1 })
+    }
+  },
+  emits: ["navigate", "click"],
+  setup(m, { emit: F }) {
+    const n = m, v = F, L = G(), k = J(), { isDark: p } = M(), { transform: P, transformAsync: _, isUidLike: b } = K({
+      maxLength: n.maxLength,
+      caseTransform: n.caseTransform,
+      detectUids: n.detectUids,
+      uidFormat: n.uidFormat,
+      uidChars: n.uidChars
+    }), o = U([]), w = U(""), T = B(
+      () => p.value ? "rgb(100, 116, 139)" : "rgb(156, 163, 175)"
+    ), D = B(() => o.value), u = (t) => t === o.value.length - 1, d = (t) => {
+      const l = k.resolve(t.fullPath), e = l.matched.some((s) => s.meta?.isErrorPage);
+      return l && l.matched.length > 0 && !e;
+    }, E = (t, l) => {
+      const e = u(t), s = d(l);
+      return [
+        // Hover state for clickable items
+        !e && s && "hover:sl-bg-gray-100 dark:hover:sl-bg-slate-700/50",
+        // Cursor
+        e ? "sl-cursor-default" : s ? "sl-cursor-pointer" : "sl-cursor-not-allowed",
+        // Focus ring
+        !e && "focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-offset-1 focus:sl-ring-blue-500 dark:focus:sl-ring-offset-slate-900"
+      ].filter(Boolean);
+    }, I = (t) => u(t) ? {
+      color: p.value ? "rgb(241, 245, 249)" : "rgb(15, 23, 42)",
+      // slate-100 / slate-900
+      fontWeight: "600"
+    } : {
+      color: p.value ? "rgb(148, 163, 184)" : "rgb(100, 116, 139)"
+      // slate-400 / slate-500
+    }, N = async () => {
+      const t = L.path;
+      w.value = t;
+      const l = t.split("/").filter(Boolean), e = [];
+      n.homeSegment.show && e.push({
+        display: n.homeSegment.label || "Home",
+        original: "home",
+        fullPath: n.homeSegment.path || "/",
+        isUid: !1,
+        truncated: !1,
+        loading: !1
+      });
+      for (const [s, a] of l.entries()) {
+        if (n.excludeSegments.includes(a)) continue;
+        const r = "/" + l.slice(0, s + 1).join("/");
+        if (n.segmentLabels[a]) {
+          e.push({
+            display: n.segmentLabels[a],
+            original: a,
+            fullPath: r,
+            isUid: !1,
+            truncated: !1,
+            loading: !1
+          });
+          continue;
+        }
+        if (n.segmentTransform) {
+          const h = n.segmentTransform(a, s, r);
+          if (h !== null) {
+            e.push({
+              display: h,
+              original: a,
+              fullPath: r,
+              isUid: b(a),
+              truncated: h.length < a.length,
+              loading: !1
+            });
+            continue;
+          }
+        }
+        const g = P(a);
+        e.push({
+          display: g.display,
+          original: a,
+          fullPath: r,
+          isUid: g.isUid,
+          truncated: g.truncated,
+          loading: !1
+        });
+      }
+      if (o.value = e, n.lookupFn)
+        for (let s = 0; s < o.value.length; s++) {
+          const a = o.value[s];
+          if (a.isUid) {
+            o.value[s] = { ...a, loading: !0 };
+            try {
+              const r = await _(a.original, {
+                lookupFn: n.lookupFn
+              });
+              o.value[s] = {
+                ...o.value[s],
+                display: r.display,
+                isUid: r.isUid,
+                truncated: r.truncated,
+                loading: !1
+              };
+            } catch {
+              o.value[s] = { ...o.value[s], loading: !1 };
+            }
+          }
+        }
+    }, j = (t, l, e) => {
+      if (v("click", t, e), !e.defaultPrevented && !u(l)) {
+        if (!d(t)) {
+          e.preventDefault();
+          return;
+        }
+        v("navigate", t.fullPath, e), e.defaultPrevented || (e.preventDefault(), k.push(t.fullPath));
+      }
+    };
+    return z(() => {
+      N();
+    }), (t, l) => (i(), c("nav", Y, [
+      f("ol", Z, [
+        (i(!0), c(A, null, O(D.value, (e, s) => (i(), c("li", {
+          key: e.fullPath,
+          class: "sl-flex sl-items-center"
+        }, [
+          s !== 0 ? (i(), x(V(Q), {
+            key: 0,
+            class: "sl-h-4 sl-w-4 sl-flex-shrink-0 sl-mx-1",
+            style: S({ color: T.value }),
+            "aria-hidden": "true"
+          }, null, 8, ["style"])) : y("", !0),
+          (i(), x(H(u(s) || !d(e) ? "span" : "a"), {
+            href: !u(s) && d(e) ? e.fullPath : void 0,
+            title: e.original,
+            "aria-current": u(s) ? "page" : void 0,
+            class: C(["sl-text-sm sl-font-medium sl-transition-colors sl-duration-150 sl-px-2 sl-py-1 sl-rounded-md", E(s, e)]),
+            style: S(I(s)),
+            onClick: (a) => j(e, s, a)
+          }, {
+            default: W(() => [
+              e.isUid && m.showUidIndicator ? (i(), c("span", $, l[0] || (l[0] = [
+                f("span", {
+                  class: "sl-w-1.5 sl-h-1.5 sl-rounded-full sl-bg-amber-400 dark:sl-bg-amber-500",
+                  title: "This is an ID"
+                }, null, -1)
+              ]))) : y("", !0),
+              f("span", {
+                class: C(["sl-truncate", { "sl-font-mono sl-text-xs": e.isUid && m.preserveUidFont }])
+              }, q(e.display), 3),
+              e.loading ? (i(), c("span", ee, l[1] || (l[1] = [
+                f("span", { class: "sl-w-2 sl-h-2 sl-rounded-full sl-bg-current sl-opacity-50" }, null, -1)
+              ]))) : y("", !0)
+            ]),
+            _: 2
+          }, 1032, ["href", "title", "aria-current", "class", "style", "onClick"]))
+        ]))), 128))
+      ])
+    ]));
+  }
+}), ie = /* @__PURE__ */ X(se, [["__scopeId", "data-v-68240292"]]);
 export {
-  f as default
+  ie as default
 };
 //# sourceMappingURL=Breadcrumb.js.map

package/dist/components/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"Breadcrumb.js","sources":["../../src/components/UiBreadcrumb.vue"],"sourcesContent":["<template>\n  <nav class=\"sl-hidden sm:sl-flex\" aria-label=\"Breadcrumb\">\n    <ol role=\"list\" class=\"sl-flex sl-items-center sl-gap-1\">\n      <li \n        v-for=\"(breadcrumb, index) in displayBreadcrumbs\" \n        :key=\"breadcrumb.fullPath\"\n        class=\"sl-flex sl-items-center\"\n      >\n        <!-- Separator -->\n        <ChevronRightIcon \n          v-if=\"index !== 0\" \n          class=\"sl-h-4 sl-w-4 sl-flex-shrink-0 sl-mx-1\" \n          :style=\"{ color: separatorColor }\"\n          aria-hidden=\"true\" \n        />\n        \n        <!-- Breadcrumb Item -->\n        <component\n          :is=\"isLastItem(index) || !isNavigable(breadcrumb) ? 'span' : 'a'\"\n          :href=\"!isLastItem(index) && isNavigable(breadcrumb) ? breadcrumb.fullPath : undefined\"\n          :title=\"breadcrumb.original\"\n          :aria-current=\"isLastItem(index) ? 'page' : undefined\"\n          class=\"sl-text-sm sl-font-medium sl-transition-colors sl-duration-150 sl-px-2 sl-py-1 sl-rounded-md\"\n          :class=\"getBreadcrumbClasses(index, breadcrumb)\"\n          :style=\"getBreadcrumbStyle(index)\"\n          @click=\"(e: MouseEvent) => handleClick(breadcrumb, index, e)\"\n        >\n          <!-- UID indicator badge -->\n          <span \n            v-if=\"breadcrumb.isUid && showUidIndicator\" \n            class=\"sl-inline-flex sl-items-center sl-mr-1.5\"\n          >\n            <span \n              class=\"sl-w-1.5 sl-h-1.5 sl-rounded-full sl-bg-amber-400 dark:sl-bg-amber-500\"\n              title=\"This is an ID\"\n            />\n          </span>\n          \n          <!-- Display text -->\n          <span \n            class=\"sl-truncate\"\n            :class=\"{ 'sl-font-mono sl-text-xs': breadcrumb.isUid && preserveUidFont }\"\n          >\n            {{ breadcrumb.display }}\n          </span>\n          \n          <!-- Loading indicator for async lookups -->\n          <span \n            v-if=\"breadcrumb.loading\" \n            class=\"sl-ml-1.5 sl-inline-block sl-animate-pulse\"\n          >\n            <span class=\"sl-w-2 sl-h-2 sl-rounded-full sl-bg-current sl-opacity-50\" />\n          </span>\n        </component>\n      </li>\n    </ol>\n  </nav>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watchEffect, computed, type PropType } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { ChevronRightIcon } from '@heroicons/vue/20/solid';\nimport { useStringTransform, type StringTransformOptions } from '../composables/useStringTransform';\nimport { useTheme } from '../composables/useTheme';\n\ninterface BreadcrumbItem {\n  /** Display text (transformed) */\n  display: string;\n  /** Original segment text */\n  original: string;\n  /** Full path for navigation */\n  fullPath: string;\n  /** Whether this was detected as a UID */\n  isUid: boolean;\n  /** Whether truncation was applied */\n  truncated: boolean;\n  /** Whether async lookup is in progress */\n  loading: boolean;\n}\n\ninterface RouteMeta {\n  isErrorPage?: boolean;\n}\n\nconst props = defineProps({\n  /**\n   * Maximum length for breadcrumb text before truncation\n   * @default 20\n   */\n  maxLength: {\n    type: Number,\n    default: 20,\n  },\n  /**\n   * Case transformation to apply\n   * @default 'title'\n   */\n  caseTransform: {\n    type: String as PropType<StringTransformOptions['caseTransform']>,\n    default: 'title',\n  },\n  /**\n   * Whether to detect and specially format UIDs\n   * @default true\n   */\n  detectUids: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * How to format detected UIDs\n   * @default 'ellipsis'\n   */\n  uidFormat: {\n    type: String as PropType<StringTransformOptions['uidFormat']>,\n    default: 'ellipsis',\n  },\n  /**\n   * Number of characters to show for UIDs\n   * @default 4\n   */\n  uidChars: {\n    type: Number,\n    default: 4,\n  },\n  /**\n   * Show visual indicator for UID segments\n   * @default false\n   */\n  showUidIndicator: {\n    type: Boolean,\n    default: false,\n  },\n  /**\n   * Use monospace font for UID segments\n   * @default true\n   */\n  preserveUidFont: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * Custom async lookup function to resolve IDs to display names\n   * Called for segments detected as UIDs\n   */\n  lookupFn: {\n    type: Function as PropType<(id: string) => Promise<string | null> | string | null>,\n    default: undefined,\n  },\n  /**\n   * Custom segment transform function\n   * Overrides default transformation for each segment\n   */\n  segmentTransform: {\n    type: Function as PropType<(segment: string, index: number, fullPath: string) => string | null>,\n    default: undefined,\n  },\n  /**\n   * Segments to exclude from breadcrumbs (by name)\n   */\n  excludeSegments: {\n    type: Array as PropType<string[]>,\n    default: () => [],\n  },\n  /**\n   * Mapping of segment names to display names\n   */\n  segmentLabels: {\n    type: Object as PropType<Record<string, string>>,\n    default: () => ({}),\n  },\n  /**\n   * Home segment configuration\n   */\n  homeSegment: {\n    type: Object as PropType<{ label?: string; path?: string; show?: boolean }>,\n    default: () => ({ show: false }),\n  },\n});\n\nconst emit = defineEmits<{\n  (e: 'navigate', path: string, event: MouseEvent): void;\n  (e: 'click', breadcrumb: BreadcrumbItem, event: MouseEvent): void;\n}>();\n\nconst route = useRoute();\nconst router = useRouter();\nconst { isDark } = useTheme();\n\nconst { transform, transformAsync, isUidLike } = useStringTransform({\n  maxLength: props.maxLength,\n  caseTransform: props.caseTransform,\n  detectUids: props.detectUids,\n  uidFormat: props.uidFormat,\n  uidChars: props.uidChars,\n});\n\nconst breadcrumbs = ref<BreadcrumbItem[]>([]);\nconst currentPath = ref<string>('');\n\n// Color configurations\nconst separatorColor = computed(() => \n  isDark.value ? 'rgb(100, 116, 139)' : 'rgb(156, 163, 175)'\n);\n\nconst displayBreadcrumbs = computed(() => breadcrumbs.value);\n\nconst isLastItem = (index: number) => index === breadcrumbs.value.length - 1;\n\nconst isNavigable = (breadcrumb: BreadcrumbItem) => {\n  const resolved = router.resolve(breadcrumb.fullPath);\n  const isErrorPage = resolved.matched.some((route: { meta?: RouteMeta }) => route.meta?.isErrorPage);\n  return resolved && resolved.matched.length > 0 && !isErrorPage;\n};\n\nconst getBreadcrumbClasses = (index: number, breadcrumb: BreadcrumbItem) => {\n  const isLast = isLastItem(index);\n  const navigable = isNavigable(breadcrumb);\n  \n  return [\n    // Hover state for clickable items\n    !isLast && navigable && 'hover:sl-bg-gray-100 dark:hover:sl-bg-slate-700/50',\n    // Cursor\n    isLast ? 'sl-cursor-default' : navigable ? 'sl-cursor-pointer' : 'sl-cursor-not-allowed',\n    // Focus ring\n    !isLast && 'focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-offset-1 focus:sl-ring-blue-500 dark:focus:sl-ring-offset-slate-900',\n  ].filter(Boolean);\n};\n\nconst getBreadcrumbStyle = (index: number) => {\n  const isLast = isLastItem(index);\n  \n  if (isLast) {\n    // Current page - more prominent\n    return {\n      color: isDark.value ? 'rgb(241, 245, 249)' : 'rgb(15, 23, 42)', // slate-100 / slate-900\n      fontWeight: '600',\n    };\n  }\n  \n  // Parent segments - muted\n  return {\n    color: isDark.value ? 'rgb(148, 163, 184)' : 'rgb(100, 116, 139)', // slate-400 / slate-500\n  };\n};\n\nconst processSegments = async () => {\n  const path = route.path;\n  currentPath.value = path;\n  const pathSegments = path.split('/').filter(Boolean);\n  const tempBreadcrumbs: BreadcrumbItem[] = [];\n\n  // Add home segment if configured\n  if (props.homeSegment.show) {\n    tempBreadcrumbs.push({\n      display: props.homeSegment.label || 'Home',\n      original: 'home',\n      fullPath: props.homeSegment.path || '/',\n      isUid: false,\n      truncated: false,\n      loading: false,\n    });\n  }\n\n  // Process each segment\n  for (const [index, segment] of pathSegments.entries()) {\n    // Skip excluded segments\n    if (props.excludeSegments.includes(segment)) continue;\n\n    const fullPath = '/' + pathSegments.slice(0, index + 1).join('/');\n    \n    // Check for custom label mapping first\n    if (props.segmentLabels[segment]) {\n      tempBreadcrumbs.push({\n        display: props.segmentLabels[segment],\n        original: segment,\n        fullPath,\n        isUid: false,\n        truncated: false,\n        loading: false,\n      });\n      continue;\n    }\n\n    // Check for custom segment transform\n    if (props.segmentTransform) {\n      const customResult = props.segmentTransform(segment, index, fullPath);\n      if (customResult !== null) {\n        tempBreadcrumbs.push({\n          display: customResult,\n          original: segment,\n          fullPath,\n          isUid: isUidLike(segment),\n          truncated: customResult.length < segment.length,\n          loading: false,\n        });\n        continue;\n      }\n    }\n\n    // Use string transform composable\n    const result = transform(segment);\n    \n    tempBreadcrumbs.push({\n      display: result.display,\n      original: segment,\n      fullPath,\n      isUid: result.isUid,\n      truncated: result.truncated,\n      loading: false,\n    });\n  }\n\n  breadcrumbs.value = tempBreadcrumbs;\n\n  // Handle async lookups for UIDs\n  if (props.lookupFn) {\n    for (let i = 0; i < breadcrumbs.value.length; i++) {\n      const bc = breadcrumbs.value[i];\n      if (bc.isUid) {\n        // Set loading state\n        breadcrumbs.value[i] = { ...bc, loading: true };\n        \n        try {\n          const result = await transformAsync(bc.original, {\n            lookupFn: props.lookupFn,\n          });\n          \n          breadcrumbs.value[i] = {\n            ...breadcrumbs.value[i],\n            display: result.display,\n            isUid: result.isUid,\n            truncated: result.truncated,\n            loading: false,\n          };\n        } catch {\n          breadcrumbs.value[i] = { ...breadcrumbs.value[i], loading: false };\n        }\n      }\n    }\n  }\n};\n\nconst handleClick = (breadcrumb: BreadcrumbItem, index: number, event: MouseEvent) => {\n  emit('click', breadcrumb, event);\n  \n  if (event.defaultPrevented) return;\n  if (isLastItem(index)) return;\n  if (!isNavigable(breadcrumb)) {\n    event.preventDefault();\n    return;\n  }\n  \n  emit('navigate', breadcrumb.fullPath, event);\n  \n  if (!event.defaultPrevented) {\n    event.preventDefault();\n    router.push(breadcrumb.fullPath);\n  }\n};\n\nwatchEffect(() => {\n  processSegments();\n});\n</script>\n\n<style scoped>\n/* Smooth transitions for breadcrumb items */\na, span {\n  transition: color 0.15s ease, background-color 0.15s ease;\n}\n</style>\n"],"names":["props","__props","emit","__emit","route","useRoute","router","useRouter","isDark","useTheme","transform","transformAsync","isUidLike","useStringTransform","breadcrumbs","ref","currentPath","separatorColor","computed","displayBreadcrumbs","isLastItem","index","isNavigable","breadcrumb","resolved","isErrorPage","getBreadcrumbClasses","isLast","navigable","getBreadcrumbStyle","processSegments","path","pathSegments","tempBreadcrumbs","segment","fullPath","customResult","result","i","bc","handleClick","event","watchEffect","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_Fragment","_renderList","_createBlock","_unref","ChevronRightIcon","_resolveDynamicComponent","_normalizeStyle","e","_hoisted_3","_cache","_toDisplayString","_hoisted_4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqFA,UAAMA,IAAQC,GAgGRC,IAAOC,GAKPC,IAAQC,EAAA,GACRC,IAASC,EAAA,GACT,EAAE,QAAAC,EAAA,IAAWC,EAAA,GAEb,EAAE,WAAAC,GAAW,gBAAAC,GAAgB,WAAAC,EAAA,IAAcC,EAAmB;AAAA,MAClE,WAAWb,EAAM;AAAA,MACjB,eAAeA,EAAM;AAAA,MACrB,YAAYA,EAAM;AAAA,MAClB,WAAWA,EAAM;AAAA,MACjB,UAAUA,EAAM;AAAA,IAAA,CACjB,GAEKc,IAAcC,EAAsB,EAAE,GACtCC,IAAcD,EAAY,EAAE,GAG5BE,IAAiBC;AAAA,MAAS,MAC9BV,EAAO,QAAQ,uBAAuB;AAAA,IAAA,GAGlCW,IAAqBD,EAAS,MAAMJ,EAAY,KAAK,GAErDM,IAAa,CAACC,MAAkBA,MAAUP,EAAY,MAAM,SAAS,GAErEQ,IAAc,CAACC,MAA+B;AAClD,YAAMC,IAAWlB,EAAO,QAAQiB,EAAW,QAAQ,GAC7CE,IAAcD,EAAS,QAAQ,KAAK,CAACpB,MAAgCA,EAAM,MAAM,WAAW;AAClG,aAAOoB,KAAYA,EAAS,QAAQ,SAAS,KAAK,CAACC;AAAA,IACrD,GAEMC,IAAuB,CAACL,GAAeE,MAA+B;AAC1E,YAAMI,IAASP,EAAWC,CAAK,GACzBO,IAAYN,EAAYC,CAAU;AAExC,aAAO;AAAA;AAAA,QAEL,CAACI,KAAUC,KAAa;AAAA;AAAA,QAExBD,IAAS,sBAAsBC,IAAY,sBAAsB;AAAA;AAAA,QAEjE,CAACD,KAAU;AAAA,MAAA,EACX,OAAO,OAAO;AAAA,IAClB,GAEME,IAAqB,CAACR,MACXD,EAAWC,CAAK,IAItB;AAAA,MACL,OAAOb,EAAO,QAAQ,uBAAuB;AAAA;AAAA,MAC7C,YAAY;AAAA,IAAA,IAKT;AAAA,MACL,OAAOA,EAAO,QAAQ,uBAAuB;AAAA;AAAA,IAAA,GAI3CsB,IAAkB,YAAY;AAClC,YAAMC,IAAO3B,EAAM;AACnB,MAAAY,EAAY,QAAQe;AACpB,YAAMC,IAAeD,EAAK,MAAM,GAAG,EAAE,OAAO,OAAO,GAC7CE,IAAoC,CAAA;AAG1C,MAAIjC,EAAM,YAAY,QACpBiC,EAAgB,KAAK;AAAA,QACnB,SAASjC,EAAM,YAAY,SAAS;AAAA,QACpC,UAAU;AAAA,QACV,UAAUA,EAAM,YAAY,QAAQ;AAAA,QACpC,OAAO;AAAA,QACP,WAAW;AAAA,QACX,SAAS;AAAA,MAAA,CACV;AAIH,iBAAW,CAACqB,GAAOa,CAAO,KAAKF,EAAa,WAAW;AAErD,YAAIhC,EAAM,gBAAgB,SAASkC,CAAO,EAAG;AAE7C,cAAMC,IAAW,MAAMH,EAAa,MAAM,GAAGX,IAAQ,CAAC,EAAE,KAAK,GAAG;AAGhE,YAAIrB,EAAM,cAAckC,CAAO,GAAG;AAChC,UAAAD,EAAgB,KAAK;AAAA,YACnB,SAASjC,EAAM,cAAckC,CAAO;AAAA,YACpC,UAAUA;AAAA,YACV,UAAAC;AAAA,YACA,OAAO;AAAA,YACP,WAAW;AAAA,YACX,SAAS;AAAA,UAAA,CACV;AACD;AAAA,QACF;AAGA,YAAInC,EAAM,kBAAkB;AAC1B,gBAAMoC,IAAepC,EAAM,iBAAiBkC,GAASb,GAAOc,CAAQ;AACpE,cAAIC,MAAiB,MAAM;AACzB,YAAAH,EAAgB,KAAK;AAAA,cACnB,SAASG;AAAA,cACT,UAAUF;AAAA,cACV,UAAAC;AAAA,cACA,OAAOvB,EAAUsB,CAAO;AAAA,cACxB,WAAWE,EAAa,SAASF,EAAQ;AAAA,cACzC,SAAS;AAAA,YAAA,CACV;AACD;AAAA,UACF;AAAA,QACF;AAGA,cAAMG,IAAS3B,EAAUwB,CAAO;AAEhC,QAAAD,EAAgB,KAAK;AAAA,UACnB,SAASI,EAAO;AAAA,UAChB,UAAUH;AAAA,UACV,UAAAC;AAAA,UACA,OAAOE,EAAO;AAAA,UACd,WAAWA,EAAO;AAAA,UAClB,SAAS;AAAA,QAAA,CACV;AAAA,MACH;AAKA,UAHAvB,EAAY,QAAQmB,GAGhBjC,EAAM;AACR,iBAASsC,IAAI,GAAGA,IAAIxB,EAAY,MAAM,QAAQwB,KAAK;AACjD,gBAAMC,IAAKzB,EAAY,MAAMwB,CAAC;AAC9B,cAAIC,EAAG,OAAO;AAEZ,YAAAzB,EAAY,MAAMwB,CAAC,IAAI,EAAE,GAAGC,GAAI,SAAS,GAAA;AAEzC,gBAAI;AACF,oBAAMF,IAAS,MAAM1B,EAAe4B,EAAG,UAAU;AAAA,gBAC/C,UAAUvC,EAAM;AAAA,cAAA,CACjB;AAED,cAAAc,EAAY,MAAMwB,CAAC,IAAI;AAAA,gBACrB,GAAGxB,EAAY,MAAMwB,CAAC;AAAA,gBACtB,SAASD,EAAO;AAAA,gBAChB,OAAOA,EAAO;AAAA,gBACd,WAAWA,EAAO;AAAA,gBAClB,SAAS;AAAA,cAAA;AAAA,YAEb,QAAQ;AACN,cAAAvB,EAAY,MAAMwB,CAAC,IAAI,EAAE,GAAGxB,EAAY,MAAMwB,CAAC,GAAG,SAAS,GAAA;AAAA,YAC7D;AAAA,UACF;AAAA,QACF;AAAA,IAEJ,GAEME,IAAc,CAACjB,GAA4BF,GAAeoB,MAAsB;AAGpF,UAFAvC,EAAK,SAASqB,GAAYkB,CAAK,GAE3B,CAAAA,EAAM,oBACN,CAAArB,EAAWC,CAAK,GACpB;AAAA,YAAI,CAACC,EAAYC,CAAU,GAAG;AAC5B,UAAAkB,EAAM,eAAA;AACN;AAAA,QACF;AAEA,QAAAvC,EAAK,YAAYqB,EAAW,UAAUkB,CAAK,GAEtCA,EAAM,qBACTA,EAAM,eAAA,GACNnC,EAAO,KAAKiB,EAAW,QAAQ;AAAA;AAAA,IAEnC;AAEA,WAAAmB,EAAY,MAAM;AAChB,MAAAZ,EAAA;AAAA,IACF,CAAC,cA3WCa,EAAA,GAAAC,EAuDM,OAvDNC,GAuDM;AAAA,MAtDJC,EAqDK,MArDLC,GAqDK;AAAA,SApDHJ,EAAA,EAAA,GAAAC,EAmDKI,GAAA,MAAAC,EAlD2B9B,EAAA,OAAkB,CAAxCI,GAAYF,YADtBuB,EAmDK,MAAA;AAAA,UAjDF,KAAKrB,EAAW;AAAA,UACjB,OAAM;AAAA,QAAA;UAIEF,MAAK,UADb6B,EAKEC,EAAAC,CAAA,GAAA;AAAA;YAHA,OAAM;AAAA,YACL,kBAAgBnC,EAAA,OAAc;AAAA,YAC/B,eAAY;AAAA,UAAA;WAId0B,KAAAO,EAoCYG,EAnCLjC,EAAWC,CAAK,KAAA,CAAMC,EAAYC,CAAU,IAAA,SAAA,GAAA,GAAA;AAAA,YAChD,MAAI,CAAGH,EAAWC,CAAK,KAAKC,EAAYC,CAAU,IAAIA,EAAW,WAAW;AAAA,YAC5E,OAAOA,EAAW;AAAA,YAClB,gBAAcH,EAAWC,CAAK,aAAa;AAAA,YAC5C,UAAM,gGACEK,EAAqBL,GAAOE,CAAU,CAAA,CAAA;AAAA,YAC7C,OAAK+B,EAAEzB,EAAmBR,CAAK,CAAA;AAAA,YAC/B,SAAK,CAAGkC,MAAkBf,EAAYjB,GAAYF,GAAOkC,CAAC;AAAA,UAAA;uBAG3D,MAQO;AAAA,cAPChC,EAAW,SAAStB,EAAA,oBAD5B0C,KAAAC,EAQO,QARPY,GAQOC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,gBAJLX,EAGE,QAAA;AAAA,kBAFA,OAAM;AAAA,kBACN,OAAM;AAAA,gBAAA;;cAKVA,EAKO,QAAA;AAAA,gBAJL,UAAM,eAAa,EAAA,2BACkBvB,EAAW,SAAStB,EAAA,iBAAe,CAAA;AAAA,cAAA,GAErEyD,EAAAnC,EAAW,OAAO,GAAA,CAAA;AAAA,cAKfA,EAAW,WADnBoB,EAAA,GAAAC,EAKO,QALPe,IAKOF,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,gBADLX,EAA0E,QAAA,EAApE,OAAM,4DAAA,GAA2D,MAAA,EAAA;AAAA,cAAA;;;;;;;;;"}