@stachelock/ui 0.2.14 → 0.3.0

package/dist/charts/chartTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartTheme.js","sources":["../../src/components/charts/chartTheme.ts"],"sourcesContent":["/**\n * ECharts Theme Configuration\n * \n * Tailwind-compatible theme for ECharts that matches the stachelock design system.\n */\n\nimport type { EChartsOption } from 'echarts';\n\n// Color Palette (matches stachelock colors)\nexport const stachelockColors = {\n  900: '#0f1326',\n  800: '#1f264d',\n  700: '#2e3873',\n  600: '#3e4b9a', // Primary\n  500: '#4d5ec0',\n  400: '#717ecd',\n  300: '#949ed9',\n  200: '#b8bfe6',\n  100: '#dbdff2',\n  '050': '#edeff9',\n};\n\n// Chart-specific color palette for data visualization\nexport const chartColors = {\n  primary: [\n    '#3e4b9a', // stachelock-600\n    '#6366f1', // indigo-500\n    '#8b5cf6', // violet-500\n    '#a855f7', // purple-500\n    '#ec4899', // pink-500\n    '#f43f5e', // rose-500\n  ],\n  success: '#10b981', // emerald-500\n  warning: '#f59e0b', // amber-500\n  danger: '#ef4444', // red-500\n  info: '#3b82f6', // blue-500\n  neutral: '#6b7280', // gray-500\n  \n  // Gradient colors for area charts\n  gradientStart: 'rgba(62, 75, 154, 0.4)',\n  gradientEnd: 'rgba(62, 75, 154, 0.05)',\n};\n\n// Typography\nexport const chartTypography = {\n  fontFamily: 'Inter, system-ui, -apple-system, sans-serif',\n  title: {\n    fontSize: 16,\n    fontWeight: 600,\n    color: '#111827', // gray-900\n  },\n  subtitle: {\n    fontSize: 14,\n    fontWeight: 400,\n    color: '#6b7280', // gray-500\n  },\n  label: {\n    fontSize: 12,\n    fontWeight: 400,\n    color: '#374151', // gray-700\n  },\n  axis: {\n    fontSize: 11,\n    fontWeight: 400,\n    color: '#9ca3af', // gray-400\n  },\n};\n\n// Base Theme Configuration\nexport const baseTheme: Partial<EChartsOption> = {\n  color: chartColors.primary,\n  backgroundColor: 'transparent',\n  textStyle: {\n    fontFamily: chartTypography.fontFamily,\n    color: chartTypography.label.color,\n  },\n  title: {\n    textStyle: {\n      color: chartTypography.title.color,\n      fontSize: chartTypography.title.fontSize,\n      fontWeight: chartTypography.title.fontWeight as 'normal' | 'bold' | 'bolder' | 'lighter' | number,\n      fontFamily: chartTypography.fontFamily,\n    },\n    subtextStyle: {\n      color: chartTypography.subtitle.color,\n      fontSize: chartTypography.subtitle.fontSize,\n      fontFamily: chartTypography.fontFamily,\n    },\n    left: 0,\n    top: 0,\n  },\n  grid: {\n    left: 12,\n    right: 12,\n    top: 40,\n    bottom: 12,\n    containLabel: true,\n  },\n  xAxis: {\n    axisLine: {\n      show: true,\n      lineStyle: {\n        color: '#e5e7eb', // gray-200\n      },\n    },\n    axisTick: {\n      show: false,\n    },\n    axisLabel: {\n      color: chartTypography.axis.color,\n      fontSize: chartTypography.axis.fontSize,\n      fontFamily: chartTypography.fontFamily,\n    },\n    splitLine: {\n      show: false,\n    },\n  },\n  yAxis: {\n    axisLine: {\n      show: false,\n    },\n    axisTick: {\n      show: false,\n    },\n    axisLabel: {\n      color: chartTypography.axis.color,\n      fontSize: chartTypography.axis.fontSize,\n      fontFamily: chartTypography.fontFamily,\n    },\n    splitLine: {\n      show: true,\n      lineStyle: {\n        color: '#f3f4f6', // gray-100\n        type: 'dashed',\n      },\n    },\n  },\n  legend: {\n    icon: 'circle',\n    itemWidth: 8,\n    itemHeight: 8,\n    itemGap: 16,\n    textStyle: {\n      color: chartTypography.label.color,\n      fontSize: chartTypography.label.fontSize,\n      fontFamily: chartTypography.fontFamily,\n    },\n    top: 0,\n    right: 0,\n  },\n  tooltip: {\n    trigger: 'axis',\n    backgroundColor: '#ffffff',\n    borderColor: '#e5e7eb',\n    borderWidth: 1,\n    borderRadius: 8,\n    padding: [12, 16],\n    textStyle: {\n      color: chartTypography.label.color,\n      fontSize: chartTypography.label.fontSize,\n      fontFamily: chartTypography.fontFamily,\n    },\n    axisPointer: {\n      type: 'line',\n      lineStyle: {\n        color: '#d1d5db', // gray-300\n        type: 'dashed',\n      },\n    },\n    extraCssText: 'box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);',\n  },\n};\n\n// Chart-Specific Configurations\nexport const lineChartConfig: Partial<EChartsOption> = {\n  ...baseTheme,\n};\n\nexport const areaChartConfig: Partial<EChartsOption> = {\n  ...baseTheme,\n};\n\nexport const barChartConfig: Partial<EChartsOption> = {\n  ...baseTheme,\n};\n\nexport const pieChartConfig: Partial<EChartsOption> = {\n  ...baseTheme,\n};\n\nexport const funnelChartConfig: Partial<EChartsOption> = {\n  ...baseTheme,\n};\n\n// Utility Functions\n\n/**\n * Convert hex color to RGB values\n */\nexport const hexToRgb = (hex: string): { r: number; g: number; b: number } | null => {\n  const cleanHex = hex.replace('#', '');\n  \n  let fullHex = cleanHex;\n  if (cleanHex.length === 3) {\n    fullHex = cleanHex.split('').map(c => c + c).join('');\n  }\n  \n  const result = /^([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(fullHex);\n  return result ? {\n    r: parseInt(result[1], 16),\n    g: parseInt(result[2], 16),\n    b: parseInt(result[3], 16),\n  } : null;\n};\n\n/**\n * Convert any color (hex or rgb) to rgba string\n */\nexport const toRgba = (color: string, alpha: number): string => {\n  if (color.startsWith('rgb')) {\n    const match = color.match(/rgba?\\((\\d+),\\s*(\\d+),\\s*(\\d+)/);\n    if (match) {\n      return `rgba(${match[1]}, ${match[2]}, ${match[3]}, ${alpha})`;\n    }\n  }\n  \n  const rgb = hexToRgb(color);\n  if (rgb) {\n    return `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${alpha})`;\n  }\n  \n  return `rgba(0, 0, 0, ${alpha})`;\n};\n\n/**\n * Get gradient color for area charts\n */\nexport const getAreaGradient = (color: string = chartColors.primary[0]) => ({\n  type: 'linear' as const,\n  x: 0,\n  y: 0,\n  x2: 0,\n  y2: 1,\n  colorStops: [\n    { offset: 0, color: toRgba(color, 0.4) },\n    { offset: 1, color: toRgba(color, 0.05) },\n  ],\n});\n\n/**\n * Format number with abbreviation (K, M, B)\n */\nexport const formatNumber = (value: number): string => {\n  if (value >= 1000000000) {\n    return (value / 1000000000).toFixed(1) + 'B';\n  }\n  if (value >= 1000000) {\n    return (value / 1000000).toFixed(1) + 'M';\n  }\n  if (value >= 1000) {\n    return (value / 1000).toFixed(1) + 'K';\n  }\n  return value.toString();\n};\n\n/**\n * Format percentage\n */\nexport const formatPercentage = (value: number, decimals: number = 1): string => {\n  return (value * 100).toFixed(decimals) + '%';\n};\n\n/**\n * Format duration in seconds to human readable\n */\nexport const formatDuration = (seconds: number): string => {\n  if (seconds < 60) {\n    return `${Math.round(seconds)}s`;\n  }\n  if (seconds < 3600) {\n    const mins = Math.floor(seconds / 60);\n    const secs = Math.round(seconds % 60);\n    return secs > 0 ? `${mins}m ${secs}s` : `${mins}m`;\n  }\n  const hours = Math.floor(seconds / 3600);\n  const mins = Math.floor((seconds % 3600) / 60);\n  return mins > 0 ? `${hours}h ${mins}m` : `${hours}h`;\n};\n\nexport default {\n  stachelockColors,\n  chartColors,\n  chartTypography,\n  baseTheme,\n  lineChartConfig,\n  areaChartConfig,\n  barChartConfig,\n  pieChartConfig,\n  funnelChartConfig,\n  hexToRgb,\n  toRgba,\n  getAreaGradient,\n  formatNumber,\n  formatPercentage,\n  formatDuration,\n};\n\n"],"names":["stachelockColors","chartColors","chartTypography","baseTheme","lineChartConfig","areaChartConfig","barChartConfig","pieChartConfig","funnelChartConfig","hexToRgb","hex","cleanHex","fullHex","c","result","toRgba","color","alpha","match","rgb","getAreaGradient","formatNumber","value","formatPercentage","decimals","formatDuration","seconds","mins","secs","hours","chartTheme"],"mappings":"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"}

package/dist/charts/index.d.ts

@@ -0,0 +1 @@
+export * from '../src/components/charts/index'

package/dist/charts/index.js

@@ -0,0 +1,33 @@
+import { _ as o } from "../BarChart.vue_vue_type_script_setup_true_lang-Dnuzd7vZ.js";
+import { default as e } from "./BaseChart.js";
+import { _ as f } from "../FunnelChart.vue_vue_type_script_setup_true_lang-B8QYlJ-s.js";
+import { _ as n } from "../LineChart.vue_vue_type_script_setup_true_lang-DszQ-a5L.js";
+import { _ as i } from "../PieChart.vue_vue_type_script_setup_true_lang-DJRcsty7.js";
+import { _ as s } from "../SparklineChart.vue_vue_type_script_setup_true_lang-DDTcpEjy.js";
+import { _ as x } from "../StatCard.vue_vue_type_script_setup_true_lang-DTOT0-WB.js";
+import { areaChartConfig as _, barChartConfig as b, baseTheme as c, chartColors as u, chartTypography as d, formatDuration as T, formatNumber as k, formatPercentage as y, funnelChartConfig as B, getAreaGradient as P, hexToRgb as R, lineChartConfig as S, pieChartConfig as A, stachelockColors as D, toRgba as F } from "./chartTheme.js";
+export {
+  o as BarChart,
+  e as BaseChart,
+  f as FunnelChart,
+  n as LineChart,
+  i as PieChart,
+  s as SparklineChart,
+  x as StatCard,
+  _ as areaChartConfig,
+  b as barChartConfig,
+  c as baseTheme,
+  u as chartColors,
+  d as chartTypography,
+  T as formatDuration,
+  k as formatNumber,
+  y as formatPercentage,
+  B as funnelChartConfig,
+  P as getAreaGradient,
+  R as hexToRgb,
+  S as lineChartConfig,
+  A as pieChartConfig,
+  D as stachelockColors,
+  F as toRgba
+};
+//# sourceMappingURL=index.js.map

package/dist/charts/index.js.map

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

package/dist/components/Avatar.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../UiAvatar.vue_vue_type_script_setup_true_lang-CDNjUA1L.js";
+import { _ as f } from "../UiAvatar.vue_vue_type_script_setup_true_lang-Ci7VLRZx.js";
 export {
   f as default
 };

package/dist/components/Badge.js

@@ -1,42 +1,5 @@
-import { defineComponent as g, computed as o, createElementBlock as d, openBlock as i, normalizeClass as p, unref as l, renderSlot as c } from "vue";
-import { _ as m } from "../_plugin-vue_export-helper-CHgC5LLL.js";
-const u = "sl-inline-flex sl-items-center sl-font-medium sl-ring-1 sl-ring-inset sl-p-4", y = /* @__PURE__ */ g({
-  __name: "UiBadge",
-  props: {
-    theme: { default: "primary" },
-    shape: { default: "default" },
-    size: { default: "md" }
-  },
-  setup(r) {
-    const s = r, t = o(() => ({
-      // Use the same color scheme as in UiButton
-      primary: "sl-bg-primary-50 sl-text-primary-600 sl-ring-primary-600/10",
-      dark: "sl-bg-gray-50 sl-text-gray-600 sl-ring-gray-500/10",
-      secondary: "sl-bg-gray-100 sl-text-gray-800 sl-ring-gray-300",
-      light: "sl-bg-white sl-text-gray-800 sl-ring-gray-300",
-      warning: "sl-bg-yellow-50 sl-text-yellow-800 sl-ring-yellow-600/20",
-      danger: "sl-bg-red-50 sl-text-red-700 sl-ring-red-600/10",
-      success: "sl-bg-green-50 sl-text-green-700 sl-ring-green-600/20",
-      ghost: "sl-bg-white sl-text-gray-400 sl-ring-gray-400/20"
-    })[s.theme]), a = {
-      circular: "sl-rounded-full",
-      rounded: "sl-rounded-lg",
-      default: "sl-rounded-md"
-      // Default rounded class
-    }[s.shape], n = {
-      xs: "sl-px-1 sl-py-0.5 sl-text-4xs",
-      sm: "sl-px-2 sl-py-0.5 sl-text-xs",
-      md: "sl-px-3 sl-py-1 sl-text-sm",
-      lg: "sl-px-4 sl-py-1.5 sl-text-md"
-    }[s.size];
-    return (e, x) => (i(), d("span", {
-      class: p([u, l(a), t.value, l(n)])
-    }, [
-      c(e.$slots, "default", {}, void 0, !0)
-    ], 2));
-  }
-}), _ = /* @__PURE__ */ m(y, [["__scopeId", "data-v-22c23dac"]]);
+import { _ as f } from "../UiBadge.vue_vue_type_script_setup_true_lang-CV8WVEXL.js";
 export {
-  _ as default
+  f as default
 };
 //# sourceMappingURL=Badge.js.map

package/dist/components/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../src/components/UiBadge.vue"],"sourcesContent":["<template>\n  <span :class=\"[badgeClass, roundedClass, colorClass, sizeClass]\">\n    <slot />\n  </span>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue';\n\ninterface BadgeProps {\n  theme?: 'primary' | 'dark' | 'secondary' | 'light' | 'warning' | 'danger' | 'success' | 'ghost';\n  shape?: 'circular' | 'rounded' | 'default';\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n}\n\nconst props = withDefaults(defineProps<BadgeProps>(), {\n  theme: 'primary',\n  shape: 'default',\n  size: 'md'\n});\n\nconst badgeClass = 'sl-inline-flex sl-items-center sl-font-medium sl-ring-1 sl-ring-inset sl-p-4';\n\nconst colorClass = computed(() => {\n  const baseClasses = {\n    // Use the same color scheme as in UiButton\n    primary: 'sl-bg-primary-50 sl-text-primary-600 sl-ring-primary-600/10',\n    dark: 'sl-bg-gray-50 sl-text-gray-600 sl-ring-gray-500/10',\n    secondary: 'sl-bg-gray-100 sl-text-gray-800 sl-ring-gray-300',\n    light: 'sl-bg-white sl-text-gray-800 sl-ring-gray-300',\n    warning: 'sl-bg-yellow-50 sl-text-yellow-800 sl-ring-yellow-600/20',\n    danger: 'sl-bg-red-50 sl-text-red-700 sl-ring-red-600/10',\n    success: 'sl-bg-green-50 sl-text-green-700 sl-ring-green-600/20',\n    ghost: 'sl-bg-white sl-text-gray-400 sl-ring-gray-400/20',\n  };\n  return baseClasses[props.theme];\n});\n\nconst roundedClass = {\n  circular: 'sl-rounded-full',\n  rounded: 'sl-rounded-lg',\n  default: 'sl-rounded-md', // Default rounded class\n}[props.shape];\n\nconst sizeClass = {\n  xs: 'sl-px-1 sl-py-0.5 sl-text-4xs',\n  sm: 'sl-px-2 sl-py-0.5 sl-text-xs',\n  md: 'sl-px-3 sl-py-1 sl-text-sm',\n  lg: 'sl-px-4 sl-py-1.5 sl-text-md',\n}[props.size];\n</script>\n\n<style scoped>\n/* Add any additional styling here */\n</style>\n"],"names":["badgeClass","props","__props","colorClass","computed","roundedClass","sizeClass","_createElementBlock","_unref","_renderSlot","_ctx"],"mappings":";;AAqBA,MAAMA,IAAa;;;;;;;;AANnB,UAAMC,IAAQC,GAQRC,IAAaC,EAAS,OACN;AAAA;AAAA,MAElB,SAAS;AAAA,MACT,MAAM;AAAA,MACN,WAAW;AAAA,MACX,OAAO;AAAA,MACP,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,OAAO;AAAA,IAAA,GAEUH,EAAM,KAAK,CAC/B,GAEKI,IAAe;AAAA,MACnB,UAAU;AAAA,MACV,SAAS;AAAA,MACT,SAAS;AAAA;AAAA,IAAA,EACTJ,EAAM,KAAK,GAEPK,IAAY;AAAA,MAChB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,EACJL,EAAM,IAAI;2BAhDVM,EAEO,QAAA;AAAA,MAFA,UAAQP,GAAYQ,MAAcL,EAAA,OAAYK,EAAAF,CAAA,CAAS,CAAA;AAAA,IAAA;MAC5DG,EAAQC,EAAA,QAAA,WAAA,CAAA,GAAA,QAAA,EAAA;AAAA,IAAA;;;"}
+{"version":3,"file":"Badge.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/Banner.d.ts

@@ -0,0 +1,3 @@
+export * from '../src/components/UiBanner'
+import StachelockUI from '../src/components/UiBanner'
+export default StachelockUI

package/dist/components/Banner.js

@@ -0,0 +1,476 @@
+import { createElementBlock as t, openBlock as s, createElementVNode as o, defineComponent as J, useSlots as K, ref as O, watch as P, computed as u, createBlock as b, createCommentVNode as h, Transition as Q, withCtx as R, normalizeStyle as H, normalizeClass as r, renderSlot as a, resolveDynamicComponent as L, createTextVNode as Z, toDisplayString as f, Fragment as I, renderList as S, createVNode as T, unref as F } from "vue";
+import { r as z } from "../ExclamationCircleIcon-DjxYk45_.js";
+import { r as X } from "../ExclamationTriangleIcon-BNKYmV_J.js";
+import { a as D, r as N } from "../InformationCircleIcon-B322GNIt.js";
+import { r as E } from "../XMarkIcon-DNvCkiOy.js";
+import { _ as Y } from "../_plugin-vue_export-helper-CHgC5LLL.js";
+function ee(i, c) {
+  return s(), t("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    o("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      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"
+    })
+  ]);
+}
+function se(i, c) {
+  return s(), t("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    o("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      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"
+    }),
+    o("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      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"
+    })
+  ]);
+}
+function te(i, c) {
+  return s(), t("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    o("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      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"
+    })
+  ]);
+}
+function le(i, c) {
+  return s(), t("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    o("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      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"
+    })
+  ]);
+}
+function oe(i, c) {
+  return s(), t("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    o("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      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"
+    })
+  ]);
+}
+function ne(i, c) {
+  return s(), t("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    o("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      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"
+    })
+  ]);
+}
+function re(i, c) {
+  return s(), t("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    o("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      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"
+    })
+  ]);
+}
+function ae(i, c) {
+  return s(), t("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    o("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      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"
+    })
+  ]);
+}
+function ie(i, c) {
+  return s(), t("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    o("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      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"
+    })
+  ]);
+}
+function ce(i, c) {
+  return s(), t("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    o("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      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"
+    })
+  ]);
+}
+const de = {
+  key: 0,
+  class: "sl-flex-shrink-0"
+}, ue = { class: "sl-flex-1 sl-min-w-0" }, he = {
+  key: 1,
+  class: "sl-flex sl-items-center sl-gap-2 sl-flex-shrink-0"
+}, me = ["onClick"], ve = {
+  key: 2,
+  class: "sl-flex-shrink-0 sl-ml-2"
+}, fe = {
+  key: 0,
+  class: "sl-flex-shrink-0"
+}, pe = { class: "sl-flex-1 sl-min-w-0" }, ge = {
+  key: 1,
+  class: "sl-flex sl-items-center sl-gap-2 sl-flex-shrink-0"
+}, we = ["onClick"], ke = {
+  key: 2,
+  class: "sl-flex-shrink-0 sl-ml-2"
+}, ye = /* @__PURE__ */ J({
+  __name: "UiBanner",
+  props: {
+    theme: { default: "info" },
+    position: { default: "inline" },
+    sticky: { type: Boolean, default: !1 },
+    dismissible: { type: Boolean, default: !1 },
+    icon: { type: [String, Boolean], default: void 0 },
+    showIcon: { type: Boolean, default: !0 },
+    modelValue: { type: Boolean, default: !0 },
+    actions: { default: () => [] },
+    content: { default: "" },
+    animated: { type: Boolean, default: !0 },
+    fullWidth: { type: Boolean, default: !0 },
+    rounded: { type: Boolean, default: !1 },
+    zIndex: { default: 50 },
+    compact: { type: Boolean, default: !1 },
+    centered: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "dismiss", "action"],
+  setup(i, { emit: c }) {
+    const l = i, p = c, U = K(), g = O(l.modelValue);
+    P(() => l.modelValue, (e) => {
+      g.value = e;
+    });
+    const w = u({
+      get: () => g.value,
+      set: (e) => {
+        g.value = e, p("update:modelValue", e);
+      }
+    }), W = {
+      info: N,
+      information: N,
+      success: D,
+      check: D,
+      warning: X,
+      error: z,
+      danger: z,
+      sparkles: ie,
+      rocket: re,
+      megaphone: ne,
+      bell: ee,
+      star: ce,
+      heart: le,
+      lightbulb: oe,
+      shield: ae,
+      fire: se,
+      gift: te
+    }, q = {
+      info: "info",
+      success: "success",
+      warning: "warning",
+      error: "error",
+      primary: "megaphone",
+      secondary: "info",
+      dark: "info"
+    }, v = u(() => {
+      if (l.icon === !1) return null;
+      const e = l.icon || q[l.theme];
+      return W[e] || null;
+    }), k = {
+      info: {
+        bg: "sl-bg-blue-600",
+        text: "sl-text-white",
+        icon: "sl-text-blue-200",
+        dismissHover: "hover:sl-bg-blue-500"
+      },
+      success: {
+        bg: "sl-bg-green-600",
+        text: "sl-text-white",
+        icon: "sl-text-green-200",
+        dismissHover: "hover:sl-bg-green-500"
+      },
+      warning: {
+        bg: "sl-bg-yellow-500",
+        text: "sl-text-yellow-900",
+        icon: "sl-text-yellow-800",
+        dismissHover: "hover:sl-bg-yellow-400"
+      },
+      error: {
+        bg: "sl-bg-red-600",
+        text: "sl-text-white",
+        icon: "sl-text-red-200",
+        dismissHover: "hover:sl-bg-red-500"
+      },
+      primary: {
+        bg: "sl-bg-stachelock-600",
+        text: "sl-text-white",
+        icon: "sl-text-white/80",
+        dismissHover: "hover:sl-bg-stachelock-500"
+      },
+      secondary: {
+        bg: "sl-bg-gray-600",
+        text: "sl-text-white",
+        icon: "sl-text-gray-300",
+        dismissHover: "hover:sl-bg-gray-500"
+      },
+      dark: {
+        bg: "sl-bg-gray-900 dark:sl-bg-gray-800",
+        text: "sl-text-white",
+        icon: "sl-text-gray-400",
+        dismissHover: "hover:sl-bg-gray-800 dark:hover:sl-bg-gray-700"
+      }
+    }, x = u(() => {
+      const e = k[l.theme], n = [
+        e.bg,
+        e.text
+      ];
+      return l.position === "top" ? n.push("sl-fixed sl-top-0 sl-left-0 sl-right-0") : l.position === "bottom" && n.push("sl-fixed sl-bottom-0 sl-left-0 sl-right-0"), l.sticky && l.position === "inline" && n.push("sl-sticky sl-top-0"), l.fullWidth && n.push("sl-w-full"), l.rounded && l.position === "inline" && n.push("sl-rounded-lg"), n.join(" ");
+    }), $ = u(() => ({
+      zIndex: l.zIndex
+    })), C = u(() => {
+      const e = [
+        "sl-flex",
+        "sl-items-center",
+        "sl-gap-x-4"
+      ];
+      return l.compact ? e.push("sl-px-4 sl-py-2") : e.push("sl-px-6 sl-py-3 sm:sl-px-4"), l.centered && e.push("sl-justify-center"), e.join(" ");
+    }), B = u(() => `sl-h-5 sl-w-5 ${k[l.theme].icon}`), _ = u(() => "sl-text-sm sl-leading-6"), M = u(() => [
+      "sl--m-1.5 sl-p-1.5",
+      "sl-rounded-md",
+      "sl-transition-colors",
+      "focus:sl-outline-none focus:sl-ring-2 focus:sl-ring-white/50",
+      k[l.theme].dismissHover
+    ].join(" ")), m = u(() => {
+      const e = l.position === "bottom" ? "sl-translate-y-full" : "sl--translate-y-full";
+      return {
+        enterActive: "sl-transform sl-transition sl-duration-300 sl-ease-out",
+        enterFrom: `sl-opacity-0 ${e}`,
+        enterTo: "sl-opacity-100 sl-translate-y-0",
+        leaveActive: "sl-transform sl-transition sl-duration-200 sl-ease-in",
+        leaveFrom: "sl-opacity-100 sl-translate-y-0",
+        leaveTo: `sl-opacity-0 ${e}`
+      };
+    }), A = u(() => l.actions && l.actions.length > 0 || U.actions);
+    function j(e) {
+      return `sl-text-xs sl-font-semibold sl-rounded-md sl-px-3 sl-py-1.5 sl-transition-colors ${{
+        primary: "sl-bg-white sl-text-gray-900 hover:sl-bg-gray-100",
+        secondary: "sl-bg-white/20 sl-text-white hover:sl-bg-white/30",
+        white: "sl-bg-white sl-text-gray-900 hover:sl-bg-gray-100",
+        danger: "sl-bg-red-500 sl-text-white hover:sl-bg-red-600"
+      }[e.theme || "primary"]}`;
+    }
+    function y() {
+      w.value = !1, p("dismiss");
+    }
+    function V(e) {
+      p("action", e), e.action === "dismiss" ? y() : e.action === "link" && e.href ? e.target === "_blank" ? window.open(e.href, "_blank") : window.location.href = e.href : e.action === "callback" && e.callback && e.callback();
+    }
+    return (e, n) => e.animated ? (s(), b(Q, {
+      key: 0,
+      "enter-active-class": m.value.enterActive,
+      "enter-from-class": m.value.enterFrom,
+      "enter-to-class": m.value.enterTo,
+      "leave-active-class": m.value.leaveActive,
+      "leave-from-class": m.value.leaveFrom,
+      "leave-to-class": m.value.leaveTo
+    }, {
+      default: R(() => [
+        w.value ? (s(), t("div", {
+          key: 0,
+          class: r(x.value),
+          style: H($.value)
+        }, [
+          o("div", {
+            class: r(C.value)
+          }, [
+            e.showIcon || e.$slots.icon ? (s(), t("div", de, [
+              a(e.$slots, "icon", {}, () => [
+                v.value ? (s(), b(L(v.value), {
+                  key: 0,
+                  class: r(B.value),
+                  "aria-hidden": "true"
+                }, null, 8, ["class"])) : h("", !0)
+              ], !0)
+            ])) : h("", !0),
+            a(e.$slots, "leading", {}, void 0, !0),
+            o("div", ue, [
+              o("div", {
+                class: r(_.value)
+              }, [
+                a(e.$slots, "default", {}, () => [
+                  Z(f(e.content), 1)
+                ], !0)
+              ], 2)
+            ]),
+            a(e.$slots, "trailing", {}, void 0, !0),
+            A.value ? (s(), t("div", he, [
+              a(e.$slots, "actions", {}, () => [
+                (s(!0), t(I, null, S(e.actions, (d) => (s(), t("button", {
+                  key: d.label,
+                  type: "button",
+                  class: r(j(d)),
+                  onClick: (G) => V(d)
+                }, f(d.label), 11, me))), 128))
+              ], !0)
+            ])) : h("", !0),
+            e.dismissible ? (s(), t("div", ve, [
+              a(e.$slots, "dismiss", {}, () => [
+                o("button", {
+                  type: "button",
+                  class: r(M.value),
+                  onClick: y
+                }, [
+                  n[0] || (n[0] = o("span", { class: "sl-sr-only" }, "Dismiss", -1)),
+                  T(F(E), {
+                    class: "sl-h-5 sl-w-5",
+                    "aria-hidden": "true"
+                  })
+                ], 2)
+              ], !0)
+            ])) : h("", !0)
+          ], 2)
+        ], 6)) : h("", !0)
+      ]),
+      _: 3
+    }, 8, ["enter-active-class", "enter-from-class", "enter-to-class", "leave-active-class", "leave-from-class", "leave-to-class"])) : w.value ? (s(), t("div", {
+      key: 1,
+      class: r(x.value),
+      style: H($.value)
+    }, [
+      o("div", {
+        class: r(C.value)
+      }, [
+        e.showIcon || e.$slots.icon ? (s(), t("div", fe, [
+          a(e.$slots, "icon", {}, () => [
+            v.value ? (s(), b(L(v.value), {
+              key: 0,
+              class: r(B.value),
+              "aria-hidden": "true"
+            }, null, 8, ["class"])) : h("", !0)
+          ], !0)
+        ])) : h("", !0),
+        a(e.$slots, "leading", {}, void 0, !0),
+        o("div", pe, [
+          o("div", {
+            class: r(_.value)
+          }, [
+            a(e.$slots, "default", {}, () => [
+              Z(f(e.content), 1)
+            ], !0)
+          ], 2)
+        ]),
+        a(e.$slots, "trailing", {}, void 0, !0),
+        A.value ? (s(), t("div", ge, [
+          a(e.$slots, "actions", {}, () => [
+            (s(!0), t(I, null, S(e.actions, (d) => (s(), t("button", {
+              key: d.label,
+              type: "button",
+              class: r(j(d)),
+              onClick: (G) => V(d)
+            }, f(d.label), 11, we))), 128))
+          ], !0)
+        ])) : h("", !0),
+        e.dismissible ? (s(), t("div", ke, [
+          a(e.$slots, "dismiss", {}, () => [
+            o("button", {
+              type: "button",
+              class: r(M.value),
+              onClick: y
+            }, [
+              n[1] || (n[1] = o("span", { class: "sl-sr-only" }, "Dismiss", -1)),
+              T(F(E), {
+                class: "sl-h-5 sl-w-5",
+                "aria-hidden": "true"
+              })
+            ], 2)
+          ], !0)
+        ])) : h("", !0)
+      ], 2)
+    ], 6)) : h("", !0);
+  }
+}), Me = /* @__PURE__ */ Y(ye, [["__scopeId", "data-v-e04de099"]]);
+export {
+  Me as default
+};
+//# sourceMappingURL=Banner.js.map