@stachelock/ui 0.3.1 → 0.5.0

package/dist/{StatCard.vue_vue_type_script_setup_true_lang-DTOT0-WB.js.map → StatCard.vue_vue_type_script_setup_true_lang-BfFupfmC.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StatCard.vue_vue_type_script_setup_true_lang-DTOT0-WB.js","sources":["../node_modules/@heroicons/vue/20/solid/esm/ArrowDownIcon.js","../node_modules/@heroicons/vue/20/solid/esm/ArrowUpIcon.js","../node_modules/@heroicons/vue/20/solid/esm/MinusIcon.js","../src/components/charts/StatCard.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    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M10 3a.75.75 0 0 1 .75.75v10.638l3.96-4.158a.75.75 0 1 1 1.08 1.04l-5.25 5.5a.75.75 0 0 1-1.08 0l-5.25-5.5a.75.75 0 1 1 1.08-1.04l3.96 4.158V3.75A.75.75 0 0 1 10 3Z\",\n      \"clip-rule\": \"evenodd\"\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    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M10 17a.75.75 0 0 1-.75-.75V5.612L5.29 9.77a.75.75 0 0 1-1.08-1.04l5.25-5.5a.75.75 0 0 1 1.08 0l5.25 5.5a.75.75 0 1 1-1.08 1.04l-3.96-4.158V16.25A.75.75 0 0 1 10 17Z\",\n      \"clip-rule\": \"evenodd\"\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    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M4 10a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H4.75A.75.75 0 0 1 4 10Z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}","<!--\n  @component StatCard\n  @description Stat display card with optional trend sparkline.\n  \n  A card component for displaying key metrics with optional\n  trend indicator and sparkline chart.\n  \n  @props\n  - title (string, required): Stat label\n  - value (string|number, required): Main stat value\n  - change (number, optional): Percentage change\n  - changeLabel (string, optional): Change context (e.g., \"vs last month\")\n  - sparklineData (array, optional): Data for sparkline\n  - icon (Component, optional): Icon component\n  - loading (boolean, optional): Loading state\n  \n  @example\n  <StatCard\n    title=\"Total Revenue\"\n    value=\"$45,231\"\n    :change=\"12.5\"\n    change-label=\"vs last month\"\n    :sparkline-data=\"[10, 15, 12, 20, 18, 25, 22]\"\n  />\n-->\n<template>\n  <div class=\"sl-bg-white dark:sl-bg-slate-800 sl-rounded-xl sl-shadow-sm sl-ring-1 sl-ring-gray-900/5 dark:sl-ring-slate-700 sl-p-6\">\n    <!-- Header -->\n    <div class=\"sl-flex sl-items-center sl-justify-between\">\n      <div class=\"sl-flex sl-items-center sl-gap-3\">\n        <div \n          v-if=\"icon\" \n          class=\"sl-flex sl-items-center sl-justify-center sl-w-10 sl-h-10 sl-rounded-lg sl-bg-stachelock-50 dark:sl-bg-stachelock-900/30\"\n        >\n          <component \n            :is=\"icon\" \n            class=\"sl-h-5 sl-w-5 sl-text-stachelock-600 dark:sl-text-stachelock-400\" \n          />\n        </div>\n        <p class=\"sl-text-sm sl-font-medium sl-text-gray-500 dark:sl-text-slate-400\">\n          {{ title }}\n        </p>\n      </div>\n      \n      <!-- Change indicator -->\n      <div \n        v-if=\"change !== undefined\" \n        class=\"sl-flex sl-items-center sl-gap-1 sl-text-sm sl-font-medium\"\n        :class=\"changeClasses\"\n      >\n        <component :is=\"changeIcon\" class=\"sl-h-4 sl-w-4\" />\n        <span>{{ Math.abs(change) }}%</span>\n      </div>\n    </div>\n\n    <!-- Value -->\n    <div class=\"sl-mt-4\">\n      <p \n        v-if=\"!loading\" \n        class=\"sl-text-3xl sl-font-semibold sl-text-gray-900 dark:sl-text-white sl-tabular-nums\"\n      >\n        {{ value }}\n      </p>\n      <div v-else class=\"sl-h-9 sl-w-24 sl-bg-gray-200 dark:sl-bg-slate-700 sl-rounded sl-animate-pulse\" />\n    </div>\n\n    <!-- Sparkline -->\n    <div v-if=\"sparklineData && sparklineData.length > 0\" class=\"sl-mt-4\">\n      <SparklineChart\n        :data=\"sparklineData\"\n        type=\"area\"\n        :height=\"40\"\n        :color=\"sparklineColor\"\n      />\n    </div>\n\n    <!-- Change label -->\n    <p \n      v-if=\"changeLabel\" \n      class=\"sl-mt-2 sl-text-xs sl-text-gray-500 dark:sl-text-slate-400\"\n    >\n      {{ changeLabel }}\n    </p>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, type Component } from 'vue';\nimport { ArrowUpIcon, ArrowDownIcon, MinusIcon } from '@heroicons/vue/20/solid';\nimport SparklineChart from './SparklineChart.vue';\nimport { chartColors } from './chartTheme';\n\ninterface Props {\n  title: string;\n  value: string | number;\n  change?: number;\n  changeLabel?: string;\n  sparklineData?: number[];\n  icon?: Component;\n  loading?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  loading: false,\n});\n\nconst isPositive = computed(() => props.change !== undefined && props.change > 0);\nconst isNegative = computed(() => props.change !== undefined && props.change < 0);\n\nconst changeClasses = computed(() => {\n  if (isPositive.value) return 'sl-text-green-600 dark:sl-text-green-400';\n  if (isNegative.value) return 'sl-text-red-600 dark:sl-text-red-400';\n  return 'sl-text-gray-500 dark:sl-text-slate-400';\n});\n\nconst changeIcon = computed(() => {\n  if (isPositive.value) return ArrowUpIcon;\n  if (isNegative.value) return ArrowDownIcon;\n  return MinusIcon;\n});\n\nconst sparklineColor = computed(() => {\n  if (isPositive.value) return chartColors.success;\n  if (isNegative.value) return chartColors.danger;\n  return chartColors.primary[0];\n});\n</script>\n\n"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","props","__props","isPositive","computed","isNegative","changeClasses","changeIcon","ArrowUpIcon","ArrowDownIcon","MinusIcon","sparklineColor","chartColors","_hoisted_1","_hoisted_2","_hoisted_3","icon","_hoisted_4","_createBlock","_resolveDynamicComponent","_hoisted_5","_toDisplayString","title","change","_normalizeClass","_hoisted_6","loading","_hoisted_8","_hoisted_7","value","sparklineData","_hoisted_9","_createVNode","SparklineChart","changeLabel","_hoisted_10"],"mappings":"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","x_google_ignoreList":[0,1,2]}
+{"version":3,"file":"StatCard.vue_vue_type_script_setup_true_lang-BfFupfmC.js","sources":["../node_modules/@heroicons/vue/20/solid/esm/ArrowDownIcon.js","../node_modules/@heroicons/vue/20/solid/esm/ArrowUpIcon.js","../node_modules/@heroicons/vue/20/solid/esm/MinusIcon.js","../src/components/charts/StatCard.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    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M10 3a.75.75 0 0 1 .75.75v10.638l3.96-4.158a.75.75 0 1 1 1.08 1.04l-5.25 5.5a.75.75 0 0 1-1.08 0l-5.25-5.5a.75.75 0 1 1 1.08-1.04l3.96 4.158V3.75A.75.75 0 0 1 10 3Z\",\n      \"clip-rule\": \"evenodd\"\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    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M10 17a.75.75 0 0 1-.75-.75V5.612L5.29 9.77a.75.75 0 0 1-1.08-1.04l5.25-5.5a.75.75 0 0 1 1.08 0l5.25 5.5a.75.75 0 1 1-1.08 1.04l-3.96-4.158V16.25A.75.75 0 0 1 10 17Z\",\n      \"clip-rule\": \"evenodd\"\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    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M4 10a.75.75 0 0 1 .75-.75h10.5a.75.75 0 0 1 0 1.5H4.75A.75.75 0 0 1 4 10Z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}","<!--\n  @component StatCard\n  @description Stat display card with optional trend sparkline.\n  \n  A card component for displaying key metrics with optional\n  trend indicator and sparkline chart.\n  \n  @props\n  - title (string, required): Stat label\n  - value (string|number, required): Main stat value\n  - change (number, optional): Percentage change\n  - changeLabel (string, optional): Change context (e.g., \"vs last month\")\n  - sparklineData (array, optional): Data for sparkline\n  - icon (Component, optional): Icon component\n  - loading (boolean, optional): Loading state\n  \n  @example\n  <StatCard\n    title=\"Total Revenue\"\n    value=\"$45,231\"\n    :change=\"12.5\"\n    change-label=\"vs last month\"\n    :sparkline-data=\"[10, 15, 12, 20, 18, 25, 22]\"\n  />\n-->\n<template>\n  <div class=\"sl-bg-white dark:sl-bg-slate-800 sl-rounded-xl sl-shadow-sm sl-ring-1 sl-ring-gray-900/5 dark:sl-ring-slate-700 sl-p-6\">\n    <!-- Header -->\n    <div class=\"sl-flex sl-items-center sl-justify-between\">\n      <div class=\"sl-flex sl-items-center sl-gap-3\">\n        <div \n          v-if=\"icon\" \n          class=\"sl-flex sl-items-center sl-justify-center sl-w-10 sl-h-10 sl-rounded-lg sl-bg-stachelock-50 dark:sl-bg-stachelock-900/30\"\n        >\n          <component \n            :is=\"icon\" \n            class=\"sl-h-5 sl-w-5 sl-text-stachelock-600 dark:sl-text-stachelock-400\" \n          />\n        </div>\n        <p class=\"sl-text-sm sl-font-medium sl-text-gray-500 dark:sl-text-slate-400\">\n          {{ title }}\n        </p>\n      </div>\n      \n      <!-- Change indicator -->\n      <div \n        v-if=\"change !== undefined\" \n        class=\"sl-flex sl-items-center sl-gap-1 sl-text-sm sl-font-medium\"\n        :class=\"changeClasses\"\n      >\n        <component :is=\"changeIcon\" class=\"sl-h-4 sl-w-4\" />\n        <span>{{ Math.abs(change) }}%</span>\n      </div>\n    </div>\n\n    <!-- Value -->\n    <div class=\"sl-mt-4\">\n      <p \n        v-if=\"!loading\" \n        class=\"sl-text-3xl sl-font-semibold sl-text-gray-900 dark:sl-text-white sl-tabular-nums\"\n      >\n        {{ value }}\n      </p>\n      <div v-else class=\"sl-h-9 sl-w-24 sl-bg-gray-200 dark:sl-bg-slate-700 sl-rounded sl-animate-pulse\" />\n    </div>\n\n    <!-- Sparkline -->\n    <div v-if=\"sparklineData && sparklineData.length > 0\" class=\"sl-mt-4\">\n      <SparklineChart\n        :data=\"sparklineData\"\n        type=\"area\"\n        :height=\"40\"\n        :color=\"sparklineColor\"\n      />\n    </div>\n\n    <!-- Change label -->\n    <p \n      v-if=\"changeLabel\" \n      class=\"sl-mt-2 sl-text-xs sl-text-gray-500 dark:sl-text-slate-400\"\n    >\n      {{ changeLabel }}\n    </p>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, type Component } from 'vue';\nimport { ArrowUpIcon, ArrowDownIcon, MinusIcon } from '@heroicons/vue/20/solid';\nimport SparklineChart from './SparklineChart.vue';\nimport { chartColors } from './chartTheme';\n\ninterface Props {\n  title: string;\n  value: string | number;\n  change?: number;\n  changeLabel?: string;\n  sparklineData?: number[];\n  icon?: Component;\n  loading?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  loading: false,\n});\n\nconst isPositive = computed(() => props.change !== undefined && props.change > 0);\nconst isNegative = computed(() => props.change !== undefined && props.change < 0);\n\nconst changeClasses = computed(() => {\n  if (isPositive.value) return 'sl-text-green-600 dark:sl-text-green-400';\n  if (isNegative.value) return 'sl-text-red-600 dark:sl-text-red-400';\n  return 'sl-text-gray-500 dark:sl-text-slate-400';\n});\n\nconst changeIcon = computed(() => {\n  if (isPositive.value) return ArrowUpIcon;\n  if (isNegative.value) return ArrowDownIcon;\n  return MinusIcon;\n});\n\nconst sparklineColor = computed(() => {\n  if (isPositive.value) return chartColors.success;\n  if (isNegative.value) return chartColors.danger;\n  return chartColors.primary[0];\n});\n</script>\n\n"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","props","__props","isPositive","computed","isNegative","changeClasses","changeIcon","ArrowUpIcon","ArrowDownIcon","MinusIcon","sparklineColor","chartColors","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_createBlock","_resolveDynamicComponent","_hoisted_5","_toDisplayString","_normalizeClass","_hoisted_6","_hoisted_8","_hoisted_7","_hoisted_9","_createVNode","SparklineChart","_hoisted_10"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/dist/{StepperPanels.vue_vue_type_script_setup_true_lang-BtHrfqFI.js → StepperPanels.vue_vue_type_script_setup_true_lang-D6Fv7iz3.js}

@@ -1,5 +1,5 @@
-import { createElementBlock as t, openBlock as r, createElementVNode as e, defineComponent as b, ref as _, watch as v, Fragment as y, renderList as w, createCommentVNode as C, normalizeClass as o, createVNode as S, unref as j, toDisplayString as n } from "vue";
-function B(u, f) {
+import { createElementBlock as t, openBlock as r, createElementVNode as e, defineComponent as b, ref as _, watch as v, Fragment as y, renderList as w, createCommentVNode as C, normalizeClass as a, createVNode as S, unref as j, toDisplayString as n } from "vue";
+function B(d, f) {
   return r(), t("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -28,31 +28,31 @@ const V = { "aria-label": "Progress" }, A = {
     step: {}
   },
   emits: ["update:value"],
-  setup(u, { emit: f }) {
-    const d = u, k = f, a = _(null), p = (s) => s.valid === void 0 ? "sl-border-stachelock-600 sl-text-stachelock-600 dark:sl-border-stachelock-400 dark:sl-text-stachelock-400" : s.valid === !1 ? "sl-border-red-500 sl-text-red-500" : "sl-border-green-500 sl-text-green-500", g = (s) => s.valid === void 0 ? "sl-text-stachelock-600 dark:sl-text-stachelock-400" : s.valid === !1 ? "sl-text-red-500" : "sl-text-green-500", m = (s) => s <= 0 ? !1 : d.steps[s - 1]?.valid === !0, c = (s) => {
-      s.disabled || s !== a.value && (a.value = s);
+  setup(d, { emit: f }) {
+    const i = d, k = f, o = _(null), g = (l) => l.valid === void 0 ? "sl-border-stachelock-600 sl-text-stachelock-600 dark:sl-border-stachelock-400 dark:sl-text-stachelock-400" : l.valid === !1 ? "sl-border-red-500 sl-text-red-500" : "sl-border-green-500 sl-text-green-500", p = (l) => l.valid === void 0 ? "sl-text-stachelock-600 dark:sl-text-stachelock-400" : l.valid === !1 ? "sl-text-red-500" : "sl-text-green-500", m = (l) => l <= 0 ? !1 : i.steps[l - 1]?.valid === !0, u = (l) => {
+      l.disabled || l !== o.value && (o.value = l);
     };
-    return v(() => a.value, (s) => {
-      s && k("update:value", s);
-    }, { deep: !0 }), v(() => d.steps, (s) => {
-      if (Array.isArray(s) && s.length > 0)
-        if (d.step)
-          a.value = d.step;
+    return v(() => o.value, (l) => {
+      l && k("update:value", l);
+    }, { deep: !0 }), v(() => i.steps, (l) => {
+      if (Array.isArray(l) && l.length > 0)
+        if (i.step)
+          o.value = i.step;
         else {
-          const i = s.find((l) => l.status === "current");
-          a.value = i || s[0];
+          const c = l.find((s) => s.status === "current");
+          o.value = c || l[0];
         }
-    }, { deep: !0, immediate: !0 }), (s, i) => (r(), t("nav", V, [
+    }, { deep: !0, immediate: !0 }), (l, c) => (r(), t("nav", V, [
       e("ol", A, [
-        (r(!0), t(y, null, w(s.steps, (l, h) => (r(), t("li", {
-          key: l.name,
+        (r(!0), t(y, null, w(d.steps, (s, h) => (r(), t("li", {
+          key: s.name,
           class: "sl-relative md:sl-flex md:sl-flex-1"
         }, [
-          l.status === "complete" ? (r(), t("button", {
+          s.status === "complete" ? (r(), t("button", {
             key: 0,
-            class: o(["sl-group sl-flex sl-w-full sl-items-center", l.disabled ? "sl-cursor-not-allowed" : "sl-cursor-pointer"]),
-            onClick: (x) => c(l),
-            disabled: l.disabled
+            class: a(["sl-group sl-flex sl-w-full sl-items-center", s.disabled ? "sl-cursor-not-allowed" : "sl-cursor-pointer"]),
+            onClick: (x) => u(s),
+            disabled: s.disabled
           }, [
             e("span", N, [
               e("span", P, [
@@ -61,39 +61,39 @@ const V = { "aria-label": "Progress" }, A = {
                   "aria-hidden": "true"
                 })
               ]),
-              e("span", $, n(l.name), 1)
+              e("span", $, n(s.name), 1)
             ])
-          ], 10, L)) : l.status === "current" ? (r(), t("button", {
+          ], 10, L)) : s.status === "current" ? (r(), t("button", {
             key: 1,
-            class: o(["sl-flex sl-items-center sl-px-6 sl-py-4 sl-text-sm sl-font-medium", l.disabled ? "sl-cursor-not-allowed" : "sl-cursor-pointer"]),
+            class: a(["sl-flex sl-items-center sl-px-6 sl-py-4 sl-text-sm sl-font-medium", s.disabled ? "sl-cursor-not-allowed" : "sl-cursor-pointer"]),
             "aria-current": "step",
-            onClick: (x) => c(l),
-            disabled: l.disabled
+            onClick: (x) => u(s),
+            disabled: s.disabled
           }, [
             e("span", {
-              class: o(["sl-flex sl-h-10 sl-w-10 sl-flex-shrink-0 sl-items-center sl-justify-center sl-rounded-full sl-border-2", p(l)])
+              class: a(["sl-flex sl-h-10 sl-w-10 sl-flex-shrink-0 sl-items-center sl-justify-center sl-rounded-full sl-border-2", g(s)])
             }, [
-              e("span", null, n(l.id), 1)
+              e("span", null, n(s.id), 1)
             ], 2),
             e("span", {
-              class: o(["sl-ml-4 sl-text-sm sl-font-medium", g(l)])
-            }, n(l.name), 3)
+              class: a(["sl-ml-4 sl-text-sm sl-font-medium", p(s)])
+            }, n(s.name), 3)
           ], 10, E)) : (r(), t("button", {
             key: 2,
-            class: o(["sl-group sl-flex sl-items-center", l.disabled ? "sl-cursor-not-allowed" : "sl-cursor-pointer"]),
-            onClick: (x) => c(l),
-            disabled: l.disabled
+            class: a(["sl-group sl-flex sl-items-center", s.disabled ? "sl-cursor-not-allowed" : "sl-cursor-pointer"]),
+            onClick: (x) => u(s),
+            disabled: s.disabled
           }, [
             e("span", z, [
               e("span", {
-                class: o(["sl-flex sl-h-10 sl-w-10 sl-flex-shrink-0 sl-items-center sl-justify-center sl-rounded-full sl-border-2 sl-border-gray-300 dark:sl-border-slate-500 group-hover:sl-border-gray-400 dark:group-hover:sl-border-slate-400 sl-transition-colors", { "sl-animate-pulse": l.status === "next" && m(h) }])
+                class: a(["sl-flex sl-h-10 sl-w-10 sl-flex-shrink-0 sl-items-center sl-justify-center sl-rounded-full sl-border-2 sl-border-gray-300 dark:sl-border-slate-500 group-hover:sl-border-gray-400 dark:group-hover:sl-border-slate-400 sl-transition-colors", { "sl-animate-pulse": s.status === "next" && m(h) }])
               }, [
-                e("span", D, n(l.id), 1)
+                e("span", D, n(s.id), 1)
               ], 2),
-              e("span", F, n(l.name), 1)
+              e("span", F, n(s.name), 1)
             ])
           ], 10, M)),
-          h !== s.steps.length - 1 ? (r(), t("div", R, i[0] || (i[0] = [
+          h !== d.steps.length - 1 ? (r(), t("div", R, [...c[0] || (c[0] = [
             e("svg", {
               class: "sl-h-full sl-w-full sl-text-gray-300 dark:sl-text-slate-600",
               viewBox: "0 0 22 80",
@@ -107,7 +107,7 @@ const V = { "aria-label": "Progress" }, A = {
                 "stroke-linejoin": "round"
               })
             ], -1)
-          ]))) : C("", !0)
+          ])])) : C("", !0)
         ]))), 128))
       ])
     ]));
@@ -116,4 +116,4 @@ const V = { "aria-label": "Progress" }, A = {
 export {
   U as _
 };
-//# sourceMappingURL=StepperPanels.vue_vue_type_script_setup_true_lang-BtHrfqFI.js.map
+//# sourceMappingURL=StepperPanels.vue_vue_type_script_setup_true_lang-D6Fv7iz3.js.map

package/dist/{StepperPanels.vue_vue_type_script_setup_true_lang-BtHrfqFI.js.map → StepperPanels.vue_vue_type_script_setup_true_lang-D6Fv7iz3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepperPanels.vue_vue_type_script_setup_true_lang-BtHrfqFI.js","sources":["../node_modules/@heroicons/vue/24/solid/esm/CheckIcon.js","../src/components/stepper/StepperPanels.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    viewBox: \"0 0 24 24\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}","<!--\n  @component StepperPanels\n  @description Visual step navigation panels for multi-step wizards.\n  \n  A stepper component that displays steps in a horizontal panel format\n  with visual indicators for complete, current, next, and upcoming states.\n  \n  @props\n  - steps (StepsItemType[], required): Array of step configurations\n  - step (StepsItemType, optional): Currently active step\n  \n  @emits\n  - update:value: Emitted when active step changes, payload is the new step\n  \n  @example\n  <StepperPanels\n    :steps=\"wizardSteps\"\n    :step=\"currentStep\"\n    @update:value=\"handleStepChange\"\n  />\n-->\n<template>\n  <nav aria-label=\"Progress\">\n    <ol \n      role=\"list\" \n      class=\"sl-divide-y sl-divide-gray-300 dark:sl-divide-slate-600 sl-rounded-md sl-border sl-border-gray-300 dark:sl-border-slate-600 md:sl-flex md:sl-divide-y-0\"\n    >\n      <li \n        v-for=\"(stepItem, stepIdx) in steps\" \n        :key=\"stepItem.name\" \n        class=\"sl-relative md:sl-flex md:sl-flex-1\"\n      >\n        <!-- Complete step -->\n        <button \n          v-if=\"stepItem.status === 'complete'\" \n          class=\"sl-group sl-flex sl-w-full sl-items-center\"\n          @click=\"handleStepUpdate(stepItem)\" \n          :disabled=\"stepItem.disabled\"\n          :class=\"stepItem.disabled ? 'sl-cursor-not-allowed' : 'sl-cursor-pointer'\"\n        >\n          <span class=\"sl-flex sl-items-center sl-px-6 sl-py-4 sl-text-sm sl-font-medium\">\n            <span\n              class=\"sl-flex sl-h-10 sl-w-10 sl-flex-shrink-0 sl-items-center sl-justify-center sl-rounded-full sl-bg-stachelock-600 group-hover:sl-bg-stachelock-800 sl-transition-colors\"\n            >\n              <CheckIcon class=\"sl-h-6 sl-w-6 sl-text-white\" aria-hidden=\"true\" />\n            </span>\n            <span class=\"sl-ml-4 sl-text-sm sl-font-medium sl-text-gray-800 dark:sl-text-white\">\n              {{ stepItem.name }}\n            </span>\n          </span>\n        </button>\n\n        <!-- Current step -->\n        <button \n          v-else-if=\"stepItem.status === 'current'\" \n          class=\"sl-flex sl-items-center sl-px-6 sl-py-4 sl-text-sm sl-font-medium\"\n          aria-current=\"step\" \n          @click=\"handleStepUpdate(stepItem)\" \n          :disabled=\"stepItem.disabled\"\n          :class=\"stepItem.disabled ? 'sl-cursor-not-allowed' : 'sl-cursor-pointer'\"\n        >\n          <span \n            class=\"sl-flex sl-h-10 sl-w-10 sl-flex-shrink-0 sl-items-center sl-justify-center sl-rounded-full sl-border-2\"\n            :class=\"getStepStatusClasses(stepItem)\"\n          >\n            <span>{{ stepItem.id }}</span>\n          </span>\n          <span \n            class=\"sl-ml-4 sl-text-sm sl-font-medium\"\n            :class=\"getStepTextClasses(stepItem)\"\n          >\n            {{ stepItem.name }}\n          </span>\n        </button>\n\n        <!-- Upcoming/Next step -->\n        <button \n          v-else \n          class=\"sl-group sl-flex sl-items-center\" \n          @click=\"handleStepUpdate(stepItem)\" \n          :disabled=\"stepItem.disabled\"\n          :class=\"stepItem.disabled ? 'sl-cursor-not-allowed' : 'sl-cursor-pointer'\"\n        >\n          <span class=\"sl-flex sl-items-center sl-px-6 sl-py-4 sl-text-sm sl-font-medium\">\n            <span\n              class=\"sl-flex sl-h-10 sl-w-10 sl-flex-shrink-0 sl-items-center sl-justify-center sl-rounded-full sl-border-2 sl-border-gray-300 dark:sl-border-slate-500 group-hover:sl-border-gray-400 dark:group-hover:sl-border-slate-400 sl-transition-colors\"\n              :class=\"{ 'sl-animate-pulse': stepItem.status === 'next' && isPreviousStepValid(stepIdx) }\"\n            >\n              <span class=\"sl-text-gray-500 dark:sl-text-slate-400 group-hover:sl-text-gray-800 dark:group-hover:sl-text-white\">\n                {{ stepItem.id }}\n              </span>\n            </span>\n            <span class=\"sl-ml-4 sl-text-sm sl-font-medium sl-text-gray-500 dark:sl-text-slate-400 group-hover:sl-text-gray-800 dark:group-hover:sl-text-white\">\n              {{ stepItem.name }}\n            </span>\n          </span>\n        </button>\n\n        <!-- Arrow separator -->\n        <template v-if=\"stepIdx !== steps.length - 1\">\n          <div class=\"sl-absolute sl-right-0 sl-top-0 sl-hidden sl-h-full sl-w-5 md:sl-block\" aria-hidden=\"true\">\n            <svg \n              class=\"sl-h-full sl-w-full sl-text-gray-300 dark:sl-text-slate-600\" \n              viewBox=\"0 0 22 80\" \n              fill=\"none\"\n              preserveAspectRatio=\"none\"\n            >\n              <path \n                d=\"M0 -2L20 40L0 82\" \n                vector-effect=\"non-scaling-stroke\" \n                stroke=\"currentcolor\"\n                stroke-linejoin=\"round\" \n              />\n            </svg>\n          </div>\n        </template>\n      </li>\n    </ol>\n  </nav>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch } from 'vue';\nimport { CheckIcon } from '@heroicons/vue/24/solid';\nimport type { StepsItemType } from '../../types/layouts';\n\ninterface Props {\n  steps: StepsItemType[];\n  step?: StepsItemType;\n}\n\nconst props = defineProps<Props>();\n\nconst emit = defineEmits<{\n  'update:value': [step: StepsItemType];\n}>();\n\nconst activeStep = ref<StepsItemType | null>(null);\n\nconst getStepStatusClasses = (stepItem: StepsItemType): string => {\n  if (stepItem.valid === undefined) {\n    return 'sl-border-stachelock-600 sl-text-stachelock-600 dark:sl-border-stachelock-400 dark:sl-text-stachelock-400';\n  }\n  if (stepItem.valid === false) {\n    return 'sl-border-red-500 sl-text-red-500';\n  }\n  return 'sl-border-green-500 sl-text-green-500';\n};\n\nconst getStepTextClasses = (stepItem: StepsItemType): string => {\n  if (stepItem.valid === undefined) {\n    return 'sl-text-stachelock-600 dark:sl-text-stachelock-400';\n  }\n  if (stepItem.valid === false) {\n    return 'sl-text-red-500';\n  }\n  return 'sl-text-green-500';\n};\n\nconst isPreviousStepValid = (stepIdx: number): boolean => {\n  if (stepIdx <= 0) return false;\n  return props.steps[stepIdx - 1]?.valid === true;\n};\n\nconst handleStepUpdate = (stepItem: StepsItemType): void => {\n  if (stepItem.disabled) return;\n  \n  if (stepItem !== activeStep.value) {\n    activeStep.value = stepItem;\n  }\n};\n\n// Watch activeStep and emit changes\nwatch(() => activeStep.value, (newStep) => {\n  if (newStep) {\n    emit('update:value', newStep);\n  }\n}, { deep: true });\n\n// Initialize active step\nwatch(() => props.steps, (newSteps) => {\n  if (Array.isArray(newSteps) && newSteps.length > 0) {\n    if (props.step) {\n      activeStep.value = props.step;\n    } else {\n      // Find current step or default to first\n      const currentStep = newSteps.find(s => s.status === 'current');\n      activeStep.value = currentStep || newSteps[0];\n    }\n  }\n}, { deep: true, immediate: true });\n</script>\n\n"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","props","__props","emit","__emit","activeStep","ref","getStepStatusClasses","stepItem","getStepTextClasses","isPreviousStepValid","stepIdx","handleStepUpdate","watch","newStep","newSteps","currentStep","s","_hoisted_1","_hoisted_2","_Fragment","_renderList","steps","_normalizeClass","$event","_hoisted_4","_hoisted_5","_createVNode","_unref","CheckIcon","_hoisted_6","_toDisplayString","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"StepperPanels.vue_vue_type_script_setup_true_lang-D6Fv7iz3.js","sources":["../node_modules/@heroicons/vue/24/solid/esm/CheckIcon.js","../src/components/stepper/StepperPanels.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    viewBox: \"0 0 24 24\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}","<!--\n  @component StepperPanels\n  @description Visual step navigation panels for multi-step wizards.\n  \n  A stepper component that displays steps in a horizontal panel format\n  with visual indicators for complete, current, next, and upcoming states.\n  \n  @props\n  - steps (StepsItemType[], required): Array of step configurations\n  - step (StepsItemType, optional): Currently active step\n  \n  @emits\n  - update:value: Emitted when active step changes, payload is the new step\n  \n  @example\n  <StepperPanels\n    :steps=\"wizardSteps\"\n    :step=\"currentStep\"\n    @update:value=\"handleStepChange\"\n  />\n-->\n<template>\n  <nav aria-label=\"Progress\">\n    <ol \n      role=\"list\" \n      class=\"sl-divide-y sl-divide-gray-300 dark:sl-divide-slate-600 sl-rounded-md sl-border sl-border-gray-300 dark:sl-border-slate-600 md:sl-flex md:sl-divide-y-0\"\n    >\n      <li \n        v-for=\"(stepItem, stepIdx) in steps\" \n        :key=\"stepItem.name\" \n        class=\"sl-relative md:sl-flex md:sl-flex-1\"\n      >\n        <!-- Complete step -->\n        <button \n          v-if=\"stepItem.status === 'complete'\" \n          class=\"sl-group sl-flex sl-w-full sl-items-center\"\n          @click=\"handleStepUpdate(stepItem)\" \n          :disabled=\"stepItem.disabled\"\n          :class=\"stepItem.disabled ? 'sl-cursor-not-allowed' : 'sl-cursor-pointer'\"\n        >\n          <span class=\"sl-flex sl-items-center sl-px-6 sl-py-4 sl-text-sm sl-font-medium\">\n            <span\n              class=\"sl-flex sl-h-10 sl-w-10 sl-flex-shrink-0 sl-items-center sl-justify-center sl-rounded-full sl-bg-stachelock-600 group-hover:sl-bg-stachelock-800 sl-transition-colors\"\n            >\n              <CheckIcon class=\"sl-h-6 sl-w-6 sl-text-white\" aria-hidden=\"true\" />\n            </span>\n            <span class=\"sl-ml-4 sl-text-sm sl-font-medium sl-text-gray-800 dark:sl-text-white\">\n              {{ stepItem.name }}\n            </span>\n          </span>\n        </button>\n\n        <!-- Current step -->\n        <button \n          v-else-if=\"stepItem.status === 'current'\" \n          class=\"sl-flex sl-items-center sl-px-6 sl-py-4 sl-text-sm sl-font-medium\"\n          aria-current=\"step\" \n          @click=\"handleStepUpdate(stepItem)\" \n          :disabled=\"stepItem.disabled\"\n          :class=\"stepItem.disabled ? 'sl-cursor-not-allowed' : 'sl-cursor-pointer'\"\n        >\n          <span \n            class=\"sl-flex sl-h-10 sl-w-10 sl-flex-shrink-0 sl-items-center sl-justify-center sl-rounded-full sl-border-2\"\n            :class=\"getStepStatusClasses(stepItem)\"\n          >\n            <span>{{ stepItem.id }}</span>\n          </span>\n          <span \n            class=\"sl-ml-4 sl-text-sm sl-font-medium\"\n            :class=\"getStepTextClasses(stepItem)\"\n          >\n            {{ stepItem.name }}\n          </span>\n        </button>\n\n        <!-- Upcoming/Next step -->\n        <button \n          v-else \n          class=\"sl-group sl-flex sl-items-center\" \n          @click=\"handleStepUpdate(stepItem)\" \n          :disabled=\"stepItem.disabled\"\n          :class=\"stepItem.disabled ? 'sl-cursor-not-allowed' : 'sl-cursor-pointer'\"\n        >\n          <span class=\"sl-flex sl-items-center sl-px-6 sl-py-4 sl-text-sm sl-font-medium\">\n            <span\n              class=\"sl-flex sl-h-10 sl-w-10 sl-flex-shrink-0 sl-items-center sl-justify-center sl-rounded-full sl-border-2 sl-border-gray-300 dark:sl-border-slate-500 group-hover:sl-border-gray-400 dark:group-hover:sl-border-slate-400 sl-transition-colors\"\n              :class=\"{ 'sl-animate-pulse': stepItem.status === 'next' && isPreviousStepValid(stepIdx) }\"\n            >\n              <span class=\"sl-text-gray-500 dark:sl-text-slate-400 group-hover:sl-text-gray-800 dark:group-hover:sl-text-white\">\n                {{ stepItem.id }}\n              </span>\n            </span>\n            <span class=\"sl-ml-4 sl-text-sm sl-font-medium sl-text-gray-500 dark:sl-text-slate-400 group-hover:sl-text-gray-800 dark:group-hover:sl-text-white\">\n              {{ stepItem.name }}\n            </span>\n          </span>\n        </button>\n\n        <!-- Arrow separator -->\n        <template v-if=\"stepIdx !== steps.length - 1\">\n          <div class=\"sl-absolute sl-right-0 sl-top-0 sl-hidden sl-h-full sl-w-5 md:sl-block\" aria-hidden=\"true\">\n            <svg \n              class=\"sl-h-full sl-w-full sl-text-gray-300 dark:sl-text-slate-600\" \n              viewBox=\"0 0 22 80\" \n              fill=\"none\"\n              preserveAspectRatio=\"none\"\n            >\n              <path \n                d=\"M0 -2L20 40L0 82\" \n                vector-effect=\"non-scaling-stroke\" \n                stroke=\"currentcolor\"\n                stroke-linejoin=\"round\" \n              />\n            </svg>\n          </div>\n        </template>\n      </li>\n    </ol>\n  </nav>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, watch } from 'vue';\nimport { CheckIcon } from '@heroicons/vue/24/solid';\nimport type { StepsItemType } from '../../types/layouts';\n\ninterface Props {\n  steps: StepsItemType[];\n  step?: StepsItemType;\n}\n\nconst props = defineProps<Props>();\n\nconst emit = defineEmits<{\n  'update:value': [step: StepsItemType];\n}>();\n\nconst activeStep = ref<StepsItemType | null>(null);\n\nconst getStepStatusClasses = (stepItem: StepsItemType): string => {\n  if (stepItem.valid === undefined) {\n    return 'sl-border-stachelock-600 sl-text-stachelock-600 dark:sl-border-stachelock-400 dark:sl-text-stachelock-400';\n  }\n  if (stepItem.valid === false) {\n    return 'sl-border-red-500 sl-text-red-500';\n  }\n  return 'sl-border-green-500 sl-text-green-500';\n};\n\nconst getStepTextClasses = (stepItem: StepsItemType): string => {\n  if (stepItem.valid === undefined) {\n    return 'sl-text-stachelock-600 dark:sl-text-stachelock-400';\n  }\n  if (stepItem.valid === false) {\n    return 'sl-text-red-500';\n  }\n  return 'sl-text-green-500';\n};\n\nconst isPreviousStepValid = (stepIdx: number): boolean => {\n  if (stepIdx <= 0) return false;\n  return props.steps[stepIdx - 1]?.valid === true;\n};\n\nconst handleStepUpdate = (stepItem: StepsItemType): void => {\n  if (stepItem.disabled) return;\n  \n  if (stepItem !== activeStep.value) {\n    activeStep.value = stepItem;\n  }\n};\n\n// Watch activeStep and emit changes\nwatch(() => activeStep.value, (newStep) => {\n  if (newStep) {\n    emit('update:value', newStep);\n  }\n}, { deep: true });\n\n// Initialize active step\nwatch(() => props.steps, (newSteps) => {\n  if (Array.isArray(newSteps) && newSteps.length > 0) {\n    if (props.step) {\n      activeStep.value = props.step;\n    } else {\n      // Find current step or default to first\n      const currentStep = newSteps.find(s => s.status === 'current');\n      activeStep.value = currentStep || newSteps[0];\n    }\n  }\n}, { deep: true, immediate: true });\n</script>\n\n"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","props","__props","emit","__emit","activeStep","ref","getStepStatusClasses","stepItem","getStepTextClasses","isPreviousStepValid","stepIdx","handleStepUpdate","watch","newStep","newSteps","currentStep","_hoisted_1","_hoisted_2","_Fragment","_renderList","_normalizeClass","$event","_hoisted_4","_hoisted_5","_createVNode","_unref","CheckIcon","_hoisted_6","_toDisplayString","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/{SwitchInput.vue_vue_type_script_setup_true_lang-D6M1qwP1.js → SwitchInput.vue_vue_type_script_setup_true_lang-C88FcxuK.js}

@@ -1,106 +1,106 @@
-import { ref as C, computed as k, provide as N, defineComponent as B, onMounted as R, onUnmounted as Q, unref as b, inject as A, watch as G, h as O, Fragment as X, createElementBlock as u, openBlock as d, createVNode as j, withCtx as H, createElementVNode as E, createCommentVNode as w, toDisplayString as S, normalizeClass as T, withKeys as K, withModifiers as P } from "vue";
+import { ref as V, computed as k, provide as N, defineComponent as L, onMounted as R, onUnmounted as Q, unref as v, inject as A, watch as G, h as D, Fragment as X, createElementBlock as u, openBlock as d, createVNode as O, withCtx as H, createElementVNode as E, createCommentVNode as g, toDisplayString as w, normalizeClass as T, withKeys as K, withModifiers as P } from "vue";
 import { useField as Z } from "vee-validate";
 import { g as _ } from "./id-DafBB_QF.js";
 import ee from "./forms/FormFieldWrapper.js";
-import { d as le, p as te } from "./form-f8yP4kN-.js";
+import { d as te, p as le } from "./form-f8yP4kN-.js";
 import { i as U, A as $, o as se, E as ae, T as oe } from "./render-QUUPyNjX.js";
-import { s as re } from "./use-resolve-button-type-h6n-lm9q.js";
-import { f as ne, u as ie } from "./hidden-BSRluD1y.js";
+import { s as ne } from "./use-resolve-button-type-h6n-lm9q.js";
+import { f as re, u as ie } from "./hidden-BSRluD1y.js";
 import { o as I } from "./keyboard-Dd_2-cFu.js";
 import { k as ue } from "./description-C7cRw0tq.js";
 let z = Symbol("LabelContext");
 function W() {
-  let t = A(z, null);
-  if (t === null) {
-    let n = new Error("You used a <Label /> component, but it is not inside a parent.");
-    throw Error.captureStackTrace && Error.captureStackTrace(n, W), n;
+  let e = A(z, null);
+  if (e === null) {
+    let r = new Error("You used a <Label /> component, but it is not inside a parent.");
+    throw Error.captureStackTrace && Error.captureStackTrace(r, W), r;
   }
-  return t;
+  return e;
 }
-function de({ slot: t = {}, name: n = "Label", props: p = {} } = {}) {
-  let l = C([]);
-  function i(a) {
-    return l.value.push(a), () => {
-      let o = l.value.indexOf(a);
+function de({ slot: e = {}, name: r = "Label", props: c = {} } = {}) {
+  let l = V([]);
+  function i(n) {
+    return l.value.push(n), () => {
+      let o = l.value.indexOf(n);
       o !== -1 && l.value.splice(o, 1);
     };
   }
-  return N(z, { register: i, slot: t, name: n, props: p }), k(() => l.value.length > 0 ? l.value.join(" ") : void 0);
+  return N(z, { register: i, slot: e, name: r, props: c }), k(() => l.value.length > 0 ? l.value.join(" ") : void 0);
 }
-B({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: !1 }, id: { type: String, default: null } }, setup(t, { slots: n, attrs: p }) {
+L({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: !1 }, id: { type: String, default: null } }, setup(e, { slots: r, attrs: c }) {
   var l;
-  let i = (l = t.id) != null ? l : `headlessui-label-${U()}`, a = W();
-  return R(() => Q(a.register(i))), () => {
-    let { name: o = "Label", slot: c = {}, props: m = {} } = a, { passive: v, ...y } = t, h = { ...Object.entries(m).reduce((s, [V, g]) => Object.assign(s, { [V]: b(g) }), {}), id: i };
-    return v && (delete h.onClick, delete h.htmlFor, delete y.onClick), $({ ourProps: h, theirProps: y, slot: c, attrs: p, slots: n, name: o });
+  let i = (l = e.id) != null ? l : `headlessui-label-${U()}`, n = W();
+  return R(() => Q(n.register(i))), () => {
+    let { name: o = "Label", slot: f = {}, props: m = {} } = n, { passive: p, ...y } = e, h = { ...Object.entries(m).reduce((s, [S, x]) => Object.assign(s, { [S]: v(x) }), {}), id: i };
+    return p && (delete h.onClick, delete h.htmlFor, delete y.onClick), $({ ourProps: h, theirProps: y, slot: f, attrs: c, slots: r, name: o });
   };
 } });
 let Y = Symbol("GroupContext");
-B({ name: "SwitchGroup", props: { as: { type: [Object, String], default: "template" } }, setup(t, { slots: n, attrs: p }) {
-  let l = C(null), i = de({ name: "SwitchLabel", props: { htmlFor: k(() => {
+L({ name: "SwitchGroup", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: r, attrs: c }) {
+  let l = V(null), i = de({ name: "SwitchLabel", props: { htmlFor: k(() => {
     var o;
     return (o = l.value) == null ? void 0 : o.id;
   }), onClick(o) {
     l.value && (o.currentTarget.tagName === "LABEL" && o.preventDefault(), l.value.click(), l.value.focus({ preventScroll: !0 }));
-  } } }), a = ue({ name: "SwitchDescription" });
-  return N(Y, { switchRef: l, labelledby: i, describedby: a }), () => $({ theirProps: t, ourProps: {}, slot: {}, slots: n, attrs: p, name: "SwitchGroup" });
+  } } }), n = ue({ name: "SwitchDescription" });
+  return N(Y, { switchRef: l, labelledby: i, describedby: n }), () => $({ theirProps: e, ourProps: {}, slot: {}, slots: r, attrs: c, name: "SwitchGroup" });
 } });
-let pe = B({ name: "Switch", emits: { "update:modelValue": (t) => !0 }, props: { as: { type: [Object, String], default: "button" }, modelValue: { type: Boolean, default: void 0 }, defaultChecked: { type: Boolean, optional: !0 }, form: { type: String, optional: !0 }, name: { type: String, optional: !0 }, value: { type: String, optional: !0 }, id: { type: String, default: null }, disabled: { type: Boolean, default: !1 }, tabIndex: { type: Number, default: 0 } }, inheritAttrs: !1, setup(t, { emit: n, attrs: p, slots: l, expose: i }) {
-  var a;
-  let o = (a = t.id) != null ? a : `headlessui-switch-${U()}`, c = A(Y, null), [m, v] = le(k(() => t.modelValue), (e) => n("update:modelValue", e), k(() => t.defaultChecked));
+let ce = L({ name: "Switch", emits: { "update:modelValue": (e) => !0 }, props: { as: { type: [Object, String], default: "button" }, modelValue: { type: Boolean, default: void 0 }, defaultChecked: { type: Boolean, optional: !0 }, form: { type: String, optional: !0 }, name: { type: String, optional: !0 }, value: { type: String, optional: !0 }, id: { type: String, default: null }, disabled: { type: Boolean, default: !1 }, tabIndex: { type: Number, default: 0 } }, inheritAttrs: !1, setup(e, { emit: r, attrs: c, slots: l, expose: i }) {
+  var n;
+  let o = (n = e.id) != null ? n : `headlessui-switch-${U()}`, f = A(Y, null), [m, p] = te(k(() => e.modelValue), (t) => r("update:modelValue", t), k(() => e.defaultChecked));
   function y() {
-    v(!m.value);
+    p(!m.value);
   }
-  let h = C(null), s = c === null ? h : c.switchRef, V = re(k(() => ({ as: t.as, type: p.type })), s);
+  let h = V(null), s = f === null ? h : f.switchRef, S = ne(k(() => ({ as: e.as, type: c.type })), s);
   i({ el: s, $el: s });
-  function g(e) {
-    e.preventDefault(), y();
+  function x(t) {
+    t.preventDefault(), y();
   }
-  function x(e) {
-    e.key === I.Space ? (e.preventDefault(), y()) : e.key === I.Enter && te(e.currentTarget);
+  function B(t) {
+    t.key === I.Space ? (t.preventDefault(), y()) : t.key === I.Enter && le(t.currentTarget);
   }
-  function M(e) {
-    e.preventDefault();
+  function M(t) {
+    t.preventDefault();
   }
-  let f = k(() => {
-    var e, r;
-    return (r = (e = se(s)) == null ? void 0 : e.closest) == null ? void 0 : r.call(e, "form");
+  let b = k(() => {
+    var t, a;
+    return (a = (t = se(s)) == null ? void 0 : t.closest) == null ? void 0 : a.call(t, "form");
   });
   return R(() => {
-    G([f], () => {
-      if (!f.value || t.defaultChecked === void 0) return;
-      function e() {
-        v(t.defaultChecked);
+    G([b], () => {
+      if (!b.value || e.defaultChecked === void 0) return;
+      function t() {
+        p(e.defaultChecked);
       }
-      return f.value.addEventListener("reset", e), () => {
-        var r;
-        (r = f.value) == null || r.removeEventListener("reset", e);
+      return b.value.addEventListener("reset", t), () => {
+        var a;
+        (a = b.value) == null || a.removeEventListener("reset", t);
       };
     }, { immediate: !0 });
   }), () => {
-    let { name: e, value: r, form: L, tabIndex: F, ...D } = t, q = { checked: m.value }, J = { id: o, ref: s, role: "switch", type: V.value, tabIndex: F === -1 ? 0 : F, "aria-checked": m.value, "aria-labelledby": c?.labelledby.value, "aria-describedby": c?.describedby.value, onClick: g, onKeyup: x, onKeypress: M };
-    return O(X, [e != null && m.value != null ? O(ne, ae({ features: ie.Hidden, as: "input", type: "checkbox", hidden: !0, readOnly: !0, checked: m.value, form: L, disabled: D.disabled, name: e, value: r })) : null, $({ ourProps: J, theirProps: { ...p, ...oe(D, ["modelValue", "defaultChecked"]) }, slot: q, attrs: p, slots: l, name: "Switch" })]);
+    let { name: t, value: a, form: C, tabIndex: j, ...F } = e, q = { checked: m.value }, J = { id: o, ref: s, role: "switch", type: S.value, tabIndex: j === -1 ? 0 : j, "aria-checked": m.value, "aria-labelledby": f?.labelledby.value, "aria-describedby": f?.describedby.value, onClick: x, onKeyup: B, onKeypress: M };
+    return D(X, [t != null && m.value != null ? D(re, ae({ features: ie.Hidden, as: "input", type: "checkbox", hidden: !0, readOnly: !0, checked: m.value, form: C, disabled: F.disabled, name: t, value: a })) : null, $({ ourProps: J, theirProps: { ...c, ...oe(F, ["modelValue", "defaultChecked"]) }, slot: q, attrs: c, slots: l, name: "Switch" })]);
   };
 } });
-const ce = { class: "sl-w-full" }, me = { class: "sl-flex sl-items-center sl-justify-between sl-gap-4" }, fe = {
+const fe = { class: "sl-w-full" }, me = { class: "sl-flex sl-items-center sl-justify-between sl-gap-4" }, be = {
   key: 0,
   class: "sl-flex-1"
-}, he = ["for"], be = ["innerHTML"], ve = { key: 1 }, ye = { class: "sl-sr-only" }, ke = {
+}, he = ["for"], ve = ["innerHTML"], pe = { key: 1 }, ye = { class: "sl-sr-only" }, ke = {
   key: 1,
   class: "sl-ml-3 sl-text-sm"
-}, ge = {
+}, xe = {
   key: 0,
   class: "sl-font-medium sl-text-gray-800 dark:sl-text-white"
-}, we = {
+}, ge = {
   key: 1,
   class: "sl-text-gray-500 dark:sl-text-slate-300"
-}, Se = {
+}, we = {
   key: 2,
   class: "sl-flex-1"
-}, Ve = {
+}, Se = {
   key: 0,
   class: "sl-mt-1 sl-text-sm sl-text-gray-600 dark:sl-text-slate-300"
-}, Ce = ["innerHTML"], je = /* @__PURE__ */ B({
+}, Ve = ["innerHTML"], Oe = /* @__PURE__ */ L({
   __name: "SwitchInput",
   props: {
     name: {},
@@ -123,8 +123,8 @@ const ce = { class: "sl-w-full" }, me = { class: "sl-flex sl-items-center sl-jus
     layout: { default: "stacked" }
   },
   emits: ["update:modelValue", "blur", "focus"],
-  setup(t, { expose: n, emit: p }) {
-    const l = t, i = p, a = C(), o = _(`sl-${l.name}`), { value: c, errorMessage: m, handleChange: v, handleBlur: y, meta: h } = Z(
+  setup(e, { expose: r, emit: c }) {
+    const l = e, i = c, n = V(), o = _(`sl-${l.name}`), { value: f, errorMessage: m, handleChange: p, handleBlur: y, meta: h } = Z(
       () => l.name,
       l.rules,
       {
@@ -133,19 +133,19 @@ const ce = { class: "sl-w-full" }, me = { class: "sl-flex sl-items-center sl-jus
         initialValue: l.modelValue ?? l.defaultValue,
         syncVModel: !0
       }
-    ), s = C(l.modelValue ?? l.defaultValue);
+    ), s = V(l.modelValue ?? l.defaultValue);
     G(
       () => l.modelValue,
-      (e) => {
-        if (e !== void 0 && e !== s.value) {
-          const r = !!e;
-          s.value = r, c.value = r;
+      (t) => {
+        if (t !== void 0 && t !== s.value) {
+          const a = !!t;
+          s.value = a, f.value = a;
         }
       },
       { immediate: !0 }
     );
-    const V = k(() => {
-      const e = [
+    const S = k(() => {
+      const t = [
         "sl-relative",
         "sl-inline-flex",
         "sl-items-center",
@@ -165,87 +165,89 @@ const ce = { class: "sl-w-full" }, me = { class: "sl-flex sl-items-center sl-jus
         "focus:sl-ring-offset-2",
         "dark:focus:sl-ring-offset-slate-900"
       ];
-      return l.disabled && e.push(
+      return l.disabled && t.push(
         "sl-cursor-not-allowed",
         "sl-opacity-50"
-      ), s.value ? e.push("sl-bg-stachelock-600") : e.push("sl-bg-gray-200", "dark:sl-bg-slate-600"), e.join(" ");
-    }), g = (e) => {
-      l.disabled || (s.value = e, l.immediate && v(e), i("update:modelValue", e));
-    }, x = (e) => {
-      l.immediate || v(s.value), y(e), i("blur", e);
-    }, M = (e) => {
-      i("focus", e);
-    }, f = () => {
-      l.disabled || g(!s.value);
+      ), s.value ? t.push("sl-bg-stachelock-600") : t.push("sl-bg-gray-200", "dark:sl-bg-slate-600"), t.join(" ");
+    }), x = (t) => {
+      l.disabled || (s.value = t, l.immediate && p(t), i("update:modelValue", t));
+    }, B = (t) => {
+      l.immediate || p(s.value), y(t), i("blur", t);
+    }, M = (t) => {
+      i("focus", t);
+    }, b = () => {
+      l.disabled || x(!s.value);
     };
-    return n({
-      toggle: f,
+    return r({
+      toggle: b,
       value: s,
       focus: () => {
-        (a.value?.$el ?? a.value)?.focus?.();
+        const t = n.value;
+        (t && typeof t == "object" && "$el" in t ? t.$el : t)?.focus?.();
       },
       blur: () => {
-        (a.value?.$el ?? a.value)?.blur?.();
+        const t = n.value;
+        (t && typeof t == "object" && "$el" in t ? t.$el : t)?.blur?.();
       },
-      switchRef: a
-    }), (e, r) => (d(), u("div", ce, [
-      j(ee, {
-        id: b(o),
+      switchRef: n
+    }), (t, a) => (d(), u("div", fe, [
+      O(ee, {
+        id: v(o),
         name: e.name,
         label: e.layout === "stacked" && !e.hideMainLabel ? e.label : "",
         disabled: e.disabled,
         optional: !e.rules,
         "tertiary-label": e.tertiaryLabel,
         "box-shadow": e.boxShadow,
-        "error-message": b(m),
+        "error-message": v(m),
         "success-message": e.successMessage,
-        "is-valid": b(h).valid,
-        "is-touched": b(h).touched,
+        "is-valid": v(h).valid,
+        "is-touched": v(h).touched,
         "show-errors": e.showErrors,
         "show-valid-check": !1
       }, {
         default: H(() => [
           E("div", me, [
-            e.layout === "inline" ? (d(), u("div", fe, [
+            e.layout === "inline" ? (d(), u("div", be, [
               e.label && !e.hideMainLabel ? (d(), u("label", {
                 key: 0,
-                for: b(o),
+                for: v(o),
                 class: "sl-block sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-white sl-cursor-pointer"
-              }, S(e.label), 9, he)) : w("", !0),
+              }, w(e.label), 9, he)) : g("", !0),
               e.description ? (d(), u("div", {
                 key: 1,
                 class: T(["sl-mt-1 sl-text-sm sl-text-gray-600 dark:sl-text-slate-300", { "sl-cursor-pointer": !e.disabled }]),
-                onClick: r[0] || (r[0] = (L) => !e.disabled && f())
+                onClick: a[0] || (a[0] = (C) => !e.disabled && b())
               }, [
                 e.isDescriptionHtml ? (d(), u("div", {
                   key: 0,
                   innerHTML: e.description
-                }, null, 8, be)) : (d(), u("span", ve, S(e.description), 1))
-              ], 2)) : w("", !0)
-            ])) : w("", !0),
-            j(b(pe), {
-              id: b(o),
+                }, null, 8, ve)) : (d(), u("span", pe, w(e.description), 1))
+              ], 2)) : g("", !0)
+            ])) : g("", !0),
+            O(v(ce), {
+              id: v(o),
               ref_key: "switchRef",
-              ref: a,
+              ref: n,
               modelValue: s.value,
               "onUpdate:modelValue": [
-                r[1] || (r[1] = (L) => s.value = L),
-                g
+                a[1] || (a[1] = (C) => s.value = C),
+                x
               ],
               disabled: e.disabled,
               class: T([
-                V.value,
+                S.value,
                 { "sl-shadow-md": e.boxShadow }
               ]),
               onFocus: M,
-              onBlur: x,
+              onBlur: B,
               onKeydown: [
-                K(P(f, ["prevent"]), ["space"]),
-                K(P(f, ["prevent"]), ["enter"])
+                K(P(b, ["prevent"]), ["space"]),
+                K(P(b, ["prevent"]), ["enter"])
               ]
             }, {
               default: H(() => [
-                E("span", ye, S(e.label), 1),
+                E("span", ye, w(e.label), 1),
                 E("span", {
                   class: T([
                     s.value ? "sl-translate-x-5" : "sl-translate-x-0",
@@ -256,15 +258,15 @@ const ce = { class: "sl-w-full" }, me = { class: "sl-flex sl-items-center sl-jus
               _: 1
             }, 8, ["id", "modelValue", "disabled", "class", "onKeydown"]),
             e.textTrue || e.textFalse ? (d(), u("span", ke, [
-              s.value && e.textTrue ? (d(), u("span", ge, S(e.textTrue), 1)) : !s.value && e.textFalse ? (d(), u("span", we, S(e.textFalse), 1)) : w("", !0)
-            ])) : w("", !0),
-            e.description && e.layout === "stacked" ? (d(), u("div", Se, [
+              s.value && e.textTrue ? (d(), u("span", xe, w(e.textTrue), 1)) : !s.value && e.textFalse ? (d(), u("span", ge, w(e.textFalse), 1)) : g("", !0)
+            ])) : g("", !0),
+            e.description && e.layout === "stacked" ? (d(), u("div", we, [
               e.isDescriptionHtml ? (d(), u("p", {
                 key: 1,
                 class: "sl-mt-1 sl-text-sm sl-text-gray-600 dark:sl-text-slate-300",
                 innerHTML: e.description
-              }, null, 8, Ce)) : (d(), u("p", Ve, S(e.description), 1))
-            ])) : w("", !0)
+              }, null, 8, Ve)) : (d(), u("p", Se, w(e.description), 1))
+            ])) : g("", !0)
           ])
         ]),
         _: 1
@@ -273,6 +275,6 @@ const ce = { class: "sl-w-full" }, me = { class: "sl-flex sl-items-center sl-jus
   }
 });
 export {
-  je as _
+  Oe as _
 };
-//# sourceMappingURL=SwitchInput.vue_vue_type_script_setup_true_lang-D6M1qwP1.js.map
+//# sourceMappingURL=SwitchInput.vue_vue_type_script_setup_true_lang-C88FcxuK.js.map