@stachelock/ui 0.2.13 → 0.3.0

package/dist/SparklineChart.vue_vue_type_script_setup_true_lang-DDTcpEjy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SparklineChart.vue_vue_type_script_setup_true_lang-DDTcpEjy.js","sources":["../src/components/charts/SparklineChart.vue"],"sourcesContent":["<!--\n  @component SparklineChart\n  @description Mini inline sparkline chart.\n  \n  A compact chart for displaying trends in small spaces,\n  like table cells or stat cards.\n  \n  @props\n  - data (array, required): Array of numeric values\n  - type (string, optional): Chart type - 'line' | 'bar' | 'area'\n  - height (number, optional): Chart height in pixels\n  - width (number|string, optional): Chart width\n  - color (string, optional): Primary chart color\n  - showEndpoint (boolean, optional): Show endpoint marker\n  \n  @example\n  <SparklineChart\n    :data=\"[10, 25, 15, 30, 20, 35]\"\n    type=\"area\"\n    :height=\"40\"\n    color=\"#10b981\"\n  />\n-->\n<template>\n  <div :style=\"containerStyle\">\n    <VChart\n      v-if=\"data.length > 0\"\n      :option=\"chartOption\"\n      :autoresize=\"true\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport VChart from 'vue-echarts';\nimport { use } from 'echarts/core';\nimport { CanvasRenderer } from 'echarts/renderers';\nimport { LineChart, BarChart } from 'echarts/charts';\nimport { GridComponent } from 'echarts/components';\nimport { chartColors, getAreaGradient } from './chartTheme';\nimport type { EChartsOption } from 'echarts';\n\nuse([CanvasRenderer, LineChart, BarChart, GridComponent]);\n\ninterface Props {\n  data: number[];\n  type?: 'line' | 'bar' | 'area';\n  height?: number;\n  width?: number | string;\n  color?: string;\n  showEndpoint?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  type: 'line',\n  height: 40,\n  width: '100%',\n  color: chartColors.primary[0],\n  showEndpoint: false,\n});\n\nconst containerStyle = computed(() => ({\n  height: `${props.height}px`,\n  width: typeof props.width === 'number' ? `${props.width}px` : props.width,\n}));\n\nconst chartOption = computed<EChartsOption>(() => {\n  const isArea = props.type === 'area';\n  const isBar = props.type === 'bar';\n\n  return {\n    grid: {\n      left: 0,\n      right: 0,\n      top: 0,\n      bottom: 0,\n    },\n    xAxis: {\n      type: 'category',\n      show: false,\n      data: props.data.map((_, i) => i),\n    },\n    yAxis: {\n      type: 'value',\n      show: false,\n      min: 'dataMin',\n      max: 'dataMax',\n    },\n    series: [{\n      type: isBar ? 'bar' : 'line',\n      data: props.data,\n      smooth: !isBar,\n      symbol: props.showEndpoint ? 'circle' : 'none',\n      symbolSize: props.showEndpoint ? 6 : 0,\n      showSymbol: props.showEndpoint,\n      lineStyle: isBar ? undefined : {\n        width: 2,\n        color: props.color,\n      },\n      areaStyle: isArea ? {\n        color: getAreaGradient(props.color),\n      } : undefined,\n      itemStyle: {\n        color: props.color,\n      },\n      barWidth: '60%',\n    }],\n  };\n});\n</script>\n\n"],"names":["use","CanvasRenderer","LineChart","BarChart","GridComponent","props","__props","containerStyle","computed","chartOption","isArea","isBar","_","i","getAreaGradient","_createElementBlock","data","_createBlock","_unref","VChart"],"mappings":";;;;;;;;;;;;;;;;;;AA2CA,IAAAA,EAAI,CAACC,GAAgBC,GAAWC,GAAUC,CAAa,CAAC;AAWxD,UAAMC,IAAQC,GAQRC,IAAiBC,EAAS,OAAO;AAAA,MACrC,QAAQ,GAAGH,EAAM,MAAM;AAAA,MACvB,OAAO,OAAOA,EAAM,SAAU,WAAW,GAAGA,EAAM,KAAK,OAAOA,EAAM;AAAA,IAAA,EACpE,GAEII,IAAcD,EAAwB,MAAM;AAChD,YAAME,IAASL,EAAM,SAAS,QACxBM,IAAQN,EAAM,SAAS;AAE7B,aAAO;AAAA,QACL,MAAM;AAAA,UACJ,MAAM;AAAA,UACN,OAAO;AAAA,UACP,KAAK;AAAA,UACL,QAAQ;AAAA,QAAA;AAAA,QAEV,OAAO;AAAA,UACL,MAAM;AAAA,UACN,MAAM;AAAA,UACN,MAAMA,EAAM,KAAK,IAAI,CAACO,GAAGC,MAAMA,CAAC;AAAA,QAAA;AAAA,QAElC,OAAO;AAAA,UACL,MAAM;AAAA,UACN,MAAM;AAAA,UACN,KAAK;AAAA,UACL,KAAK;AAAA,QAAA;AAAA,QAEP,QAAQ,CAAC;AAAA,UACP,MAAMF,IAAQ,QAAQ;AAAA,UACtB,MAAMN,EAAM;AAAA,UACZ,QAAQ,CAACM;AAAA,UACT,QAAQN,EAAM,eAAe,WAAW;AAAA,UACxC,YAAYA,EAAM,eAAe,IAAI;AAAA,UACrC,YAAYA,EAAM;AAAA,UAClB,WAAWM,IAAQ,SAAY;AAAA,YAC7B,OAAO;AAAA,YACP,OAAON,EAAM;AAAA,UAAA;AAAA,UAEf,WAAWK,IAAS;AAAA,YAClB,OAAOI,EAAgBT,EAAM,KAAK;AAAA,UAAA,IAChC;AAAA,UACJ,WAAW;AAAA,YACT,OAAOA,EAAM;AAAA,UAAA;AAAA,UAEf,UAAU;AAAA,QAAA,CACX;AAAA,MAAA;AAAA,IAEL,CAAC;2BArFCU,EAMM,OAAA;AAAA,MANA,SAAOR,EAAA,KAAc;AAAA,IAAA;MAEjBS,EAAAA,KAAK,SAAM,UADnBC,EAIEC,EAAAC,CAAA,GAAA;AAAA;QAFC,QAAQV,EAAA;AAAA,QACR,YAAY;AAAA,MAAA;;;;"}

package/dist/StatCard.vue_vue_type_script_setup_true_lang-DTOT0-WB.js

@@ -0,0 +1,111 @@
+import { createElementBlock as l, openBlock as s, createElementVNode as t, defineComponent as f, computed as r, createCommentVNode as o, createBlock as h, resolveDynamicComponent as g, toDisplayString as i, normalizeClass as k, createVNode as x } from "vue";
+import { _ } from "./SparklineChart.vue_vue_type_script_setup_true_lang-DDTcpEjy.js";
+import { chartColors as u } from "./charts/chartTheme.js";
+function w(n, a) {
+  return s(), l("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    t("path", {
+      "fill-rule": "evenodd",
+      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",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+function y(n, a) {
+  return s(), l("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    t("path", {
+      "fill-rule": "evenodd",
+      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",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+function b(n, a) {
+  return s(), l("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    t("path", {
+      "fill-rule": "evenodd",
+      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",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+const C = { 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" }, B = { class: "sl-flex sl-items-center sl-justify-between" }, D = { class: "sl-flex sl-items-center sl-gap-3" }, V = {
+  key: 0,
+  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"
+}, L = { class: "sl-text-sm sl-font-medium sl-text-gray-500 dark:sl-text-slate-400" }, M = { class: "sl-mt-4" }, N = {
+  key: 0,
+  class: "sl-text-3xl sl-font-semibold sl-text-gray-900 dark:sl-text-white sl-tabular-nums"
+}, A = {
+  key: 1,
+  class: "sl-h-9 sl-w-24 sl-bg-gray-200 dark:sl-bg-slate-700 sl-rounded sl-animate-pulse"
+}, Z = {
+  key: 0,
+  class: "sl-mt-4"
+}, $ = {
+  key: 1,
+  class: "sl-mt-2 sl-text-xs sl-text-gray-500 dark:sl-text-slate-400"
+}, H = /* @__PURE__ */ f({
+  __name: "StatCard",
+  props: {
+    title: {},
+    value: {},
+    change: {},
+    changeLabel: {},
+    sparklineData: {},
+    icon: {},
+    loading: { type: Boolean, default: !1 }
+  },
+  setup(n) {
+    const a = n, c = r(() => a.change !== void 0 && a.change > 0), d = r(() => a.change !== void 0 && a.change < 0), v = r(() => c.value ? "sl-text-green-600 dark:sl-text-green-400" : d.value ? "sl-text-red-600 dark:sl-text-red-400" : "sl-text-gray-500 dark:sl-text-slate-400"), m = r(() => c.value ? y : d.value ? w : b), p = r(() => c.value ? u.success : d.value ? u.danger : u.primary[0]);
+    return (e, j) => (s(), l("div", C, [
+      t("div", B, [
+        t("div", D, [
+          e.icon ? (s(), l("div", V, [
+            (s(), h(g(e.icon), { class: "sl-h-5 sl-w-5 sl-text-stachelock-600 dark:sl-text-stachelock-400" }))
+          ])) : o("", !0),
+          t("p", L, i(e.title), 1)
+        ]),
+        e.change !== void 0 ? (s(), l("div", {
+          key: 0,
+          class: k(["sl-flex sl-items-center sl-gap-1 sl-text-sm sl-font-medium", v.value])
+        }, [
+          (s(), h(g(m.value), { class: "sl-h-4 sl-w-4" })),
+          t("span", null, i(Math.abs(e.change)) + "%", 1)
+        ], 2)) : o("", !0)
+      ]),
+      t("div", M, [
+        e.loading ? (s(), l("div", A)) : (s(), l("p", N, i(e.value), 1))
+      ]),
+      e.sparklineData && e.sparklineData.length > 0 ? (s(), l("div", Z, [
+        x(_, {
+          data: e.sparklineData,
+          type: "area",
+          height: 40,
+          color: p.value
+        }, null, 8, ["data", "color"])
+      ])) : o("", !0),
+      e.changeLabel ? (s(), l("p", $, i(e.changeLabel), 1)) : o("", !0)
+    ]));
+  }
+});
+export {
+  H as _
+};
+//# sourceMappingURL=StatCard.vue_vue_type_script_setup_true_lang-DTOT0-WB.js.map

package/dist/StatCard.vue_vue_type_script_setup_true_lang-DTOT0-WB.js.map

@@ -0,0 +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]}

package/dist/StepperPanels.vue_vue_type_script_setup_true_lang-BtHrfqFI.js

@@ -0,0 +1,119 @@
+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) {
+  return r(), t("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    e("path", {
+      "fill-rule": "evenodd",
+      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",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+const V = { "aria-label": "Progress" }, A = {
+  role: "list",
+  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"
+}, L = ["onClick", "disabled"], N = { class: "sl-flex sl-items-center sl-px-6 sl-py-4 sl-text-sm sl-font-medium" }, P = { 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" }, $ = { class: "sl-ml-4 sl-text-sm sl-font-medium sl-text-gray-800 dark:sl-text-white" }, E = ["onClick", "disabled"], M = ["onClick", "disabled"], z = { class: "sl-flex sl-items-center sl-px-6 sl-py-4 sl-text-sm sl-font-medium" }, D = { class: "sl-text-gray-500 dark:sl-text-slate-400 group-hover:sl-text-gray-800 dark:group-hover:sl-text-white" }, F = { 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" }, R = {
+  key: 3,
+  class: "sl-absolute sl-right-0 sl-top-0 sl-hidden sl-h-full sl-w-5 md:sl-block",
+  "aria-hidden": "true"
+}, U = /* @__PURE__ */ b({
+  __name: "StepperPanels",
+  props: {
+    steps: {},
+    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);
+    };
+    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;
+        else {
+          const i = s.find((l) => l.status === "current");
+          a.value = i || s[0];
+        }
+    }, { deep: !0, immediate: !0 }), (s, i) => (r(), t("nav", V, [
+      e("ol", A, [
+        (r(!0), t(y, null, w(s.steps, (l, h) => (r(), t("li", {
+          key: l.name,
+          class: "sl-relative md:sl-flex md:sl-flex-1"
+        }, [
+          l.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
+          }, [
+            e("span", N, [
+              e("span", P, [
+                S(j(B), {
+                  class: "sl-h-6 sl-w-6 sl-text-white",
+                  "aria-hidden": "true"
+                })
+              ]),
+              e("span", $, n(l.name), 1)
+            ])
+          ], 10, L)) : l.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"]),
+            "aria-current": "step",
+            onClick: (x) => c(l),
+            disabled: l.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)])
+            }, [
+              e("span", null, n(l.id), 1)
+            ], 2),
+            e("span", {
+              class: o(["sl-ml-4 sl-text-sm sl-font-medium", g(l)])
+            }, n(l.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
+          }, [
+            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) }])
+              }, [
+                e("span", D, n(l.id), 1)
+              ], 2),
+              e("span", F, n(l.name), 1)
+            ])
+          ], 10, M)),
+          h !== s.steps.length - 1 ? (r(), t("div", R, i[0] || (i[0] = [
+            e("svg", {
+              class: "sl-h-full sl-w-full sl-text-gray-300 dark:sl-text-slate-600",
+              viewBox: "0 0 22 80",
+              fill: "none",
+              preserveAspectRatio: "none"
+            }, [
+              e("path", {
+                d: "M0 -2L20 40L0 82",
+                "vector-effect": "non-scaling-stroke",
+                stroke: "currentcolor",
+                "stroke-linejoin": "round"
+              })
+            ], -1)
+          ]))) : C("", !0)
+        ]))), 128))
+      ])
+    ]));
+  }
+});
+export {
+  U as _
+};
+//# sourceMappingURL=StepperPanels.vue_vue_type_script_setup_true_lang-BtHrfqFI.js.map

package/dist/StepperPanels.vue_vue_type_script_setup_true_lang-BtHrfqFI.js.map

@@ -0,0 +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]}

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

@@ -1,10 +1,13 @@
-import { ref as C, computed as g, provide as N, defineComponent as B, onMounted as R, onUnmounted as Q, unref as h, 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 T, createCommentVNode as w, toDisplayString as S, normalizeClass as $, withKeys as K, withModifiers as P } from "vue";
+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 { useField as Z } from "vee-validate";
 import { g as _ } from "./id-DafBB_QF.js";
 import ee from "./forms/FormFieldWrapper.js";
-import { d as le, s as te, p as se } from "./form-DQKuKVqJ.js";
-import { i as U, A as x, o as ae, f as oe, E as re, u as ne, T as ie, b as I } from "./keyboard-DJD8TwH4.js";
-import { k as ue } from "./description-CBd3BJ9O.js";
+import { d as le, p as te } 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 { 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);
@@ -22,46 +25,46 @@ function de({ slot: t = {}, name: n = "Label", props: p = {} } = {}) {
       o !== -1 && l.value.splice(o, 1);
     };
   }
-  return N(z, { register: i, slot: t, name: n, props: p }), g(() => l.value.length > 0 ? l.value.join(" ") : void 0);
+  return N(z, { register: i, slot: t, name: n, props: p }), 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 }) {
   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, b = { ...Object.entries(m).reduce((s, [V, k]) => Object.assign(s, { [V]: h(k) }), {}), id: i };
-    return v && (delete b.onClick, delete b.htmlFor, delete y.onClick), x({ ourProps: b, theirProps: y, slot: c, attrs: p, slots: n, name: o });
+    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 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: g(() => {
+  let l = C(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 }), () => x({ theirProps: t, ourProps: {}, slot: {}, slots: n, attrs: p, name: "SwitchGroup" });
+  return N(Y, { switchRef: l, labelledby: i, describedby: a }), () => $({ theirProps: t, ourProps: {}, slot: {}, slots: n, attrs: p, 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(g(() => t.modelValue), (e) => n("update:modelValue", e), g(() => t.defaultChecked));
+  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));
   function y() {
     v(!m.value);
   }
-  let b = C(null), s = c === null ? b : c.switchRef, V = te(g(() => ({ as: t.as, type: p.type })), s);
+  let h = C(null), s = c === null ? h : c.switchRef, V = re(k(() => ({ as: t.as, type: p.type })), s);
   i({ el: s, $el: s });
-  function k(e) {
+  function g(e) {
     e.preventDefault(), y();
   }
-  function M(e) {
-    e.key === I.Space ? (e.preventDefault(), y()) : e.key === I.Enter && se(e.currentTarget);
+  function x(e) {
+    e.key === I.Space ? (e.preventDefault(), y()) : e.key === I.Enter && te(e.currentTarget);
   }
-  function E(e) {
+  function M(e) {
     e.preventDefault();
   }
-  let f = g(() => {
+  let f = k(() => {
     var e, r;
-    return (r = (e = ae(s)) == null ? void 0 : e.closest) == null ? void 0 : r.call(e, "form");
+    return (r = (e = se(s)) == null ? void 0 : e.closest) == null ? void 0 : r.call(e, "form");
   });
   return R(() => {
     G([f], () => {
@@ -75,29 +78,29 @@ let pe = B({ name: "Switch", emits: { "update:modelValue": (t) => !0 }, props: {
       };
     }, { 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: k, onKeyup: M, onKeypress: E };
-    return O(X, [e != null && m.value != null ? O(oe, re({ features: ne.Hidden, as: "input", type: "checkbox", hidden: !0, readOnly: !0, checked: m.value, form: L, disabled: D.disabled, name: e, value: r })) : null, x({ ourProps: J, theirProps: { ...p, ...ie(D, ["modelValue", "defaultChecked"]) }, slot: q, attrs: p, slots: l, name: "Switch" })]);
+    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" })]);
   };
 } });
 const ce = { class: "sl-w-full" }, me = { class: "sl-flex sl-items-center sl-justify-between sl-gap-4" }, fe = {
   key: 0,
   class: "sl-flex-1"
-}, be = ["for"], he = ["innerHTML"], ve = { key: 1 }, ye = { class: "sl-sr-only" }, ge = {
+}, he = ["for"], be = ["innerHTML"], ve = { key: 1 }, ye = { class: "sl-sr-only" }, ke = {
   key: 1,
   class: "sl-ml-3 sl-text-sm"
-}, ke = {
+}, ge = {
   key: 0,
-  class: "sl-font-medium sl-text-gray-800"
+  class: "sl-font-medium sl-text-gray-800 dark:sl-text-white"
 }, we = {
   key: 1,
-  class: "sl-text-gray-500"
+  class: "sl-text-gray-500 dark:sl-text-slate-300"
 }, Se = {
   key: 2,
   class: "sl-flex-1"
 }, Ve = {
   key: 0,
-  class: "sl-mt-1 sl-text-sm sl-text-gray-600"
-}, Ce = ["innerHTML"], Fe = /* @__PURE__ */ B({
+  class: "sl-mt-1 sl-text-sm sl-text-gray-600 dark:sl-text-slate-300"
+}, Ce = ["innerHTML"], je = /* @__PURE__ */ B({
   __name: "SwitchInput",
   props: {
     name: {},
@@ -121,7 +124,7 @@ const ce = { class: "sl-w-full" }, me = { class: "sl-flex sl-items-center sl-jus
   },
   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: b } = Z(
+    const l = t, i = p, a = C(), o = _(`sl-${l.name}`), { value: c, errorMessage: m, handleChange: v, handleBlur: y, meta: h } = Z(
       () => l.name,
       l.rules,
       {
@@ -141,7 +144,7 @@ const ce = { class: "sl-w-full" }, me = { class: "sl-flex sl-items-center sl-jus
       },
       { immediate: !0 }
     );
-    const V = g(() => {
+    const V = k(() => {
       const e = [
         "sl-relative",
         "sl-inline-flex",
@@ -159,20 +162,21 @@ const ce = { class: "sl-w-full" }, me = { class: "sl-flex sl-items-center sl-jus
         "focus:sl-outline-none",
         "focus:sl-ring-2",
         "focus:sl-ring-stachelock-600",
-        "focus:sl-ring-offset-2"
+        "focus:sl-ring-offset-2",
+        "dark:focus:sl-ring-offset-slate-900"
       ];
       return l.disabled && e.push(
         "sl-cursor-not-allowed",
         "sl-opacity-50"
-      ), s.value ? e.push("sl-bg-stachelock-600") : e.push("sl-bg-gray-200"), e.join(" ");
-    }), k = (e) => {
+      ), 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));
-    }, M = (e) => {
+    }, x = (e) => {
       l.immediate || v(s.value), y(e), i("blur", e);
-    }, E = (e) => {
+    }, M = (e) => {
       i("focus", e);
     }, f = () => {
-      l.disabled || k(!s.value);
+      l.disabled || g(!s.value);
     };
     return n({
       toggle: f,
@@ -186,63 +190,64 @@ const ce = { class: "sl-w-full" }, me = { class: "sl-flex sl-items-center sl-jus
       switchRef: a
     }), (e, r) => (d(), u("div", ce, [
       j(ee, {
-        id: h(o),
+        id: b(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": h(m),
+        "error-message": b(m),
         "success-message": e.successMessage,
-        "is-valid": h(b).valid,
-        "is-touched": h(b).touched,
-        "show-errors": e.showErrors
+        "is-valid": b(h).valid,
+        "is-touched": b(h).touched,
+        "show-errors": e.showErrors,
+        "show-valid-check": !1
       }, {
         default: H(() => [
-          T("div", me, [
+          E("div", me, [
             e.layout === "inline" ? (d(), u("div", fe, [
               e.label && !e.hideMainLabel ? (d(), u("label", {
                 key: 0,
-                for: h(o),
-                class: "sl-block sl-text-sm sl-font-medium sl-text-gray-900 sl-cursor-pointer"
-              }, S(e.label), 9, be)) : w("", !0),
+                for: b(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),
               e.description ? (d(), u("div", {
                 key: 1,
-                class: $(["sl-mt-1 sl-text-sm sl-text-gray-600", { "sl-cursor-pointer": !e.disabled }]),
+                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())
               }, [
                 e.isDescriptionHtml ? (d(), u("div", {
                   key: 0,
                   innerHTML: e.description
-                }, null, 8, he)) : (d(), u("span", ve, S(e.description), 1))
+                }, null, 8, be)) : (d(), u("span", ve, S(e.description), 1))
               ], 2)) : w("", !0)
             ])) : w("", !0),
-            j(h(pe), {
-              id: h(o),
+            j(b(pe), {
+              id: b(o),
               ref_key: "switchRef",
               ref: a,
               modelValue: s.value,
               "onUpdate:modelValue": [
                 r[1] || (r[1] = (L) => s.value = L),
-                k
+                g
               ],
               disabled: e.disabled,
-              class: $([
+              class: T([
                 V.value,
                 { "sl-shadow-md": e.boxShadow }
               ]),
-              onFocus: E,
-              onBlur: M,
+              onFocus: M,
+              onBlur: x,
               onKeydown: [
                 K(P(f, ["prevent"]), ["space"]),
                 K(P(f, ["prevent"]), ["enter"])
               ]
             }, {
               default: H(() => [
-                T("span", ye, S(e.label), 1),
-                T("span", {
-                  class: $([
+                E("span", ye, S(e.label), 1),
+                E("span", {
+                  class: T([
                     s.value ? "sl-translate-x-5" : "sl-translate-x-0",
                     "sl-pointer-events-none sl-inline-block sl-h-5 sl-w-5 sl-transform sl-rounded-full sl-bg-white sl-shadow sl-ring-0 sl-transition sl-duration-200 sl-ease-in-out sl-relative"
                   ])
@@ -250,13 +255,13 @@ 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", ge, [
-              s.value && e.textTrue ? (d(), u("span", ke, S(e.textTrue), 1)) : !s.value && e.textFalse ? (d(), u("span", we, S(e.textFalse), 1)) : w("", !0)
+            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, [
               e.isDescriptionHtml ? (d(), u("p", {
                 key: 1,
-                class: "sl-mt-1 sl-text-sm sl-text-gray-600",
+                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)
@@ -268,6 +273,6 @@ const ce = { class: "sl-w-full" }, me = { class: "sl-flex sl-items-center sl-jus
   }
 });
 export {
-  Fe as _
+  je as _
 };
-//# sourceMappingURL=SwitchInput.vue_vue_type_script_setup_true_lang-BFr2SByh.js.map
+//# sourceMappingURL=SwitchInput.vue_vue_type_script_setup_true_lang-D6M1qwP1.js.map

package/dist/SwitchInput.vue_vue_type_script_setup_true_lang-D6M1qwP1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchInput.vue_vue_type_script_setup_true_lang-D6M1qwP1.js","sources":["../node_modules/@headlessui/vue/dist/components/label/label.js","../node_modules/@headlessui/vue/dist/components/switch/switch.js","../src/components/inputs/SwitchInput.vue"],"sourcesContent":["import{computed as v,defineComponent as x,inject as L,onMounted as k,onUnmounted as C,provide as j,ref as y,unref as h}from\"vue\";import{useId as w}from'../../hooks/use-id.js';import{render as R}from'../../utils/render.js';let a=Symbol(\"LabelContext\");function d(){let t=L(a,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,d),n}return t}function E({slot:t={},name:n=\"Label\",props:i={}}={}){let e=y([]);function o(r){return e.value.push(r),()=>{let l=e.value.indexOf(r);l!==-1&&e.value.splice(l,1)}}return j(a,{register:o,slot:t,name:n,props:i}),v(()=>e.value.length>0?e.value.join(\" \"):void 0)}let K=x({name:\"Label\",props:{as:{type:[Object,String],default:\"label\"},passive:{type:[Boolean],default:!1},id:{type:String,default:null}},setup(t,{slots:n,attrs:i}){var r;let e=(r=t.id)!=null?r:`headlessui-label-${w()}`,o=d();return k(()=>C(o.register(e))),()=>{let{name:l=\"Label\",slot:p={},props:c={}}=o,{passive:f,...s}=t,u={...Object.entries(c).reduce((b,[g,m])=>Object.assign(b,{[g]:h(m)}),{}),id:e};return f&&(delete u.onClick,delete u.htmlFor,delete s.onClick),R({ourProps:u,theirProps:s,slot:p,attrs:i,slots:n,name:l})}}});export{K as Label,E as useLabels};\n","import{computed as u,defineComponent as v,Fragment as H,h as S,inject as M,onMounted as I,provide as P,ref as w,watch as j}from\"vue\";import{useControllable as G}from'../../hooks/use-controllable.js';import{useId as V}from'../../hooks/use-id.js';import{useResolveButtonType as F}from'../../hooks/use-resolve-button-type.js';import{Features as O,Hidden as A}from'../../internal/hidden.js';import{Keys as g}from'../../keyboard.js';import{dom as N}from'../../utils/dom.js';import{attemptSubmit as $}from'../../utils/form.js';import{compact as U,omit as _,render as k}from'../../utils/render.js';import{Description as q,useDescriptions as z}from'../description/description.js';import{Label as J,useLabels as Q}from'../label/label.js';let C=Symbol(\"GroupContext\"),oe=v({name:\"SwitchGroup\",props:{as:{type:[Object,String],default:\"template\"}},setup(l,{slots:c,attrs:i}){let r=w(null),f=Q({name:\"SwitchLabel\",props:{htmlFor:u(()=>{var t;return(t=r.value)==null?void 0:t.id}),onClick(t){r.value&&(t.currentTarget.tagName===\"LABEL\"&&t.preventDefault(),r.value.click(),r.value.focus({preventScroll:!0}))}}}),p=z({name:\"SwitchDescription\"});return P(C,{switchRef:r,labelledby:f,describedby:p}),()=>k({theirProps:l,ourProps:{},slot:{},slots:c,attrs:i,name:\"SwitchGroup\"})}}),ue=v({name:\"Switch\",emits:{\"update:modelValue\":l=>!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(l,{emit:c,attrs:i,slots:r,expose:f}){var h;let p=(h=l.id)!=null?h:`headlessui-switch-${V()}`,n=M(C,null),[t,s]=G(u(()=>l.modelValue),e=>c(\"update:modelValue\",e),u(()=>l.defaultChecked));function m(){s(!t.value)}let E=w(null),o=n===null?E:n.switchRef,L=F(u(()=>({as:l.as,type:i.type})),o);f({el:o,$el:o});function D(e){e.preventDefault(),m()}function R(e){e.key===g.Space?(e.preventDefault(),m()):e.key===g.Enter&&$(e.currentTarget)}function x(e){e.preventDefault()}let d=u(()=>{var e,a;return(a=(e=N(o))==null?void 0:e.closest)==null?void 0:a.call(e,\"form\")});return I(()=>{j([d],()=>{if(!d.value||l.defaultChecked===void 0)return;function e(){s(l.defaultChecked)}return d.value.addEventListener(\"reset\",e),()=>{var a;(a=d.value)==null||a.removeEventListener(\"reset\",e)}},{immediate:!0})}),()=>{let{name:e,value:a,form:K,tabIndex:y,...b}=l,T={checked:t.value},B={id:p,ref:o,role:\"switch\",type:L.value,tabIndex:y===-1?0:y,\"aria-checked\":t.value,\"aria-labelledby\":n==null?void 0:n.labelledby.value,\"aria-describedby\":n==null?void 0:n.describedby.value,onClick:D,onKeyup:R,onKeypress:x};return S(H,[e!=null&&t.value!=null?S(A,U({features:O.Hidden,as:\"input\",type:\"checkbox\",hidden:!0,readOnly:!0,checked:t.value,form:K,disabled:b.disabled,name:e,value:a})):null,k({ourProps:B,theirProps:{...i,..._(b,[\"modelValue\",\"defaultChecked\"])},slot:T,attrs:i,slots:r,name:\"Switch\"})])}}}),de=J,ce=q;export{ue as Switch,ce as SwitchDescription,oe as SwitchGroup,de as SwitchLabel};\n","<!--\n  @component SwitchInput\n  @description Toggle switch input with Headless UI.\n  \n  A styled toggle switch component with label, description, and ON/OFF text.\n  Uses Headless UI's Switch for accessibility.\n  \n  @props\n  - name (string, required): Field name for form binding\n  - label (string, optional): Switch label text\n  - description (string, optional): Additional description text\n  - disabled (boolean, optional): Disabled state\n  - rules (Schema, optional): Validation rules\n  - modelValue (boolean, optional): Toggle state via v-model\n  - layout (string, optional): 'stacked' or 'inline' layout\n  - textTrue (string, optional): Text shown when ON\n  - textFalse (string, optional): Text shown when OFF\n  \n  @emits\n  - update:modelValue: Emitted when toggle state changes\n  - update:validity: Emitted when validation state changes\n  \n  @example\n  <SwitchInput\n    name=\"notifications\"\n    label=\"Enable notifications\"\n    v-model=\"form.notifications\"\n    text-true=\"ON\"\n    text-false=\"OFF\"\n  />\n-->\n<template>\n  <div class=\"sl-w-full\">\n    <FormFieldWrapper\n      :id=\"id\"\n      :name=\"name\"\n      :label=\"layout === 'stacked' && !hideMainLabel ? label : ''\"\n      :disabled=\"disabled\"\n      :optional=\"!rules\"\n      :tertiary-label=\"tertiaryLabel\"\n      :box-shadow=\"boxShadow\"\n      :error-message=\"errorMessage\"\n      :success-message=\"successMessage\"\n      :is-valid=\"meta.valid\"\n      :is-touched=\"meta.touched\"\n      :show-errors=\"showErrors\"\n      :show-valid-check=\"false\"\n    >\n      <div class=\"sl-flex sl-items-center sl-justify-between sl-gap-4\">\n        <div v-if=\"layout === 'inline'\" class=\"sl-flex-1\">\n          <label\n            v-if=\"label && !hideMainLabel\"\n            :for=\"id\"\n            class=\"sl-block sl-text-sm sl-font-medium sl-text-gray-900 dark:sl-text-white sl-cursor-pointer\"\n          >\n            {{ label }}\n          </label>\n          <div v-if=\"description\" class=\"sl-mt-1 sl-text-sm sl-text-gray-600 dark:sl-text-slate-300\" :class=\"{ 'sl-cursor-pointer': !disabled }\" @click=\"!disabled && toggle()\">\n            <div v-if=\"isDescriptionHtml\" v-html=\"description\" />\n            <span v-else>{{ description }}</span>\n          </div>\n        </div>\n        <Switch\n          :id=\"id\"\n          ref=\"switchRef\"\n          v-model=\"switchValue\"\n          :disabled=\"disabled\"\n          :class=\"[\n            switchClasses,\n            { 'sl-shadow-md': boxShadow }\n          ]\"\n          @update:model-value=\"handleToggle\"\n          @focus=\"onFocus\"\n          @blur=\"onBlur\"\n          @keydown.space.prevent=\"toggle\"\n          @keydown.enter.prevent=\"toggle\"\n        >\n          <span class=\"sl-sr-only\">{{ label }}</span>\n          <span\n            :class=\"[\n              switchValue ? 'sl-translate-x-5' : 'sl-translate-x-0',\n              'sl-pointer-events-none sl-inline-block sl-h-5 sl-w-5 sl-transform sl-rounded-full sl-bg-white sl-shadow sl-ring-0 sl-transition sl-duration-200 sl-ease-in-out sl-relative'\n            ]\"\n          >\n          </span>\n        </Switch>\n        <span v-if=\"textTrue || textFalse\" class=\"sl-ml-3 sl-text-sm\">\n          <span v-if=\"switchValue && textTrue\" class=\"sl-font-medium sl-text-gray-800 dark:sl-text-white\">{{ textTrue }}</span>\n          <span v-else-if=\"!switchValue && textFalse\" class=\"sl-text-gray-500 dark:sl-text-slate-300\">{{ textFalse }}</span>\n        </span>\n        <div v-if=\"description && layout === 'stacked'\" class=\"sl-flex-1\">\n          <p v-if=\"!isDescriptionHtml\" class=\"sl-mt-1 sl-text-sm sl-text-gray-600 dark:sl-text-slate-300\">{{ description }}</p>\n          <p v-else class=\"sl-mt-1 sl-text-sm sl-text-gray-600 dark:sl-text-slate-300\" v-html=\"description\" />\n        </div>\n      </div>\n    </FormFieldWrapper>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref, watch } from 'vue'\nimport { Switch } from '@headlessui/vue'\nimport { useField } from 'vee-validate'\nimport { generateId } from '../../utils/id'\nimport FormFieldWrapper from '../forms/FormFieldWrapper.vue'\nimport type { ValidationRule } from '../../types/form'\n\ninterface Props {\n  name: string\n  modelValue?: boolean\n  label?: string\n  description?: string\n  disabled?: boolean\n  immediate?: boolean\n  boxShadow?: boolean\n  defaultValue?: boolean\n  hideMainLabel?: boolean\n  textTrue?: string\n  textFalse?: string\n  rules?: ValidationRule\n  validateOnMount?: boolean\n  successMessage?: string\n  tertiaryLabel?: string\n  isDescriptionHtml?: boolean\n  showErrors?: boolean\n  layout?: 'stacked' | 'inline'\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  immediate: false,\n  boxShadow: false,\n  defaultValue: false,\n  hideMainLabel: false,\n  isDescriptionHtml: false,\n  showErrors: false,\n  layout: 'stacked'\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: boolean]\n  blur: [event: FocusEvent]\n  focus: [event: FocusEvent]\n}>()\n\nconst switchRef = ref<any>()\nconst id = generateId(`sl-${props.name}`)\n\nconst { value, errorMessage, handleChange, handleBlur, meta } = useField(\n  () => props.name,\n  props.rules,\n  {\n    type: 'checkbox',\n    validateOnMount: props.validateOnMount,\n    initialValue: props.modelValue ?? props.defaultValue,\n    syncVModel: true\n  }\n)\n\nconst switchValue = ref<boolean>(props.modelValue ?? props.defaultValue)\n\n// Watch for external changes\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (newValue !== undefined && newValue !== switchValue.value) {\n      const boolVal = !!newValue\n      switchValue.value = boolVal\n      value.value = boolVal\n    }\n  },\n  { immediate: true }\n)\n\nconst switchClasses = computed(() => {\n  const baseClasses = [\n    'sl-relative',\n    'sl-inline-flex',\n    'sl-items-center',\n    'sl-h-6',\n    'sl-w-11',\n    'sl-flex-shrink-0',\n    'sl-cursor-pointer',\n    'sl-rounded-full',\n    'sl-border-2',\n    'sl-border-transparent',\n    'sl-transition-colors',\n    'sl-duration-200',\n    'sl-ease-in-out',\n    'focus:sl-outline-none',\n    'focus:sl-ring-2',\n    'focus:sl-ring-stachelock-600',\n    'focus:sl-ring-offset-2',\n    'dark:focus:sl-ring-offset-slate-900'\n  ]\n\n  if (props.disabled) {\n    baseClasses.push(\n      'sl-cursor-not-allowed',\n      'sl-opacity-50'\n    )\n  }\n\n  if (switchValue.value) {\n    baseClasses.push('sl-bg-stachelock-600')\n  } else {\n    baseClasses.push('sl-bg-gray-200', 'dark:sl-bg-slate-600')\n  }\n\n  return baseClasses.join(' ')\n})\n\nconst handleToggle = (value: boolean) => {\n  if (props.disabled) return\n  \n  switchValue.value = value\n  if (props.immediate) {\n    handleChange(value)\n  }\n  emit('update:modelValue', value)\n}\n\nconst onBlur = (event: FocusEvent) => {\n  if (!props.immediate) {\n    handleChange(switchValue.value)\n  }\n  handleBlur(event)\n  emit('blur', event)\n}\n\nconst onFocus = (event: FocusEvent) => {\n  emit('focus', event)\n}\n\n// Expose toggle method for external control\nconst toggle = () => {\n  if (!props.disabled) {\n    handleToggle(!switchValue.value)\n  }\n}\n\ndefineExpose({\n  toggle,\n  value: switchValue,\n  focus: () => {\n    const el = (switchRef.value as any)?.$el ?? switchRef.value\n    ;(el as HTMLButtonElement | null)?.focus?.()\n  },\n  blur: () => {\n    const el = (switchRef.value as any)?.$el ?? switchRef.value\n    ;(el as HTMLButtonElement | null)?.blur?.()\n  },\n  switchRef\n})\n</script>\n\n\n"],"names":["a","d","L","E","i","e","y","o","r","l","j","v","x","w","k","C","p","c","f","s","u","b","g","m","h","R","Q","t","z","P","ue","V","n","M","G","F","D","$","N","I","K","T","B","S","H","A","U","O","_","props","__props","emit","__emit","switchRef","ref","id","generateId","value","errorMessage","handleChange","handleBlur","meta","useField","switchValue","watch","newValue","boolVal","switchClasses","computed","baseClasses","handleToggle","onBlur","event","onFocus","toggle","__expose","_openBlock","_createElementBlock","_hoisted_1","_createVNode","FormFieldWrapper","_unref","name","layout","hideMainLabel","label","disabled","rules","tertiaryLabel","boxShadow","successMessage","showErrors","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_4","description","_normalizeClass","_cache","$event","isDescriptionHtml","Switch","_hoisted_7","_toDisplayString","textTrue","textFalse","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12"],"mappings":";;;;;;;;;;AAA8N,IAAIA,IAAE,OAAO,cAAc;AAAE,SAASC,IAAG;AAAC,MAAI,IAAEC,EAAEF,GAAE,IAAI;AAAE,MAAG,MAAI,MAAK;AAAC,QAAI,IAAE,IAAI,MAAM,gEAAgE;AAAE,UAAM,MAAM,qBAAmB,MAAM,kBAAkB,GAAEC,CAAC,GAAE;AAAA,EAAC;AAAC,SAAO;AAAC;AAAC,SAASE,GAAE,EAAC,MAAK,IAAE,CAAA,GAAG,MAAK,IAAE,SAAQ,OAAMC,IAAE,CAAA,EAAE,IAAE,IAAG;AAAC,MAAIC,IAAEC,EAAE,CAAA,CAAE;AAAE,WAASC,EAAEC,GAAE;AAAC,WAAOH,EAAE,MAAM,KAAKG,CAAC,GAAE,MAAI;AAAC,UAAIC,IAAEJ,EAAE,MAAM,QAAQG,CAAC;AAAE,MAAAC,MAAI,MAAIJ,EAAE,MAAM,OAAOI,GAAE,CAAC;AAAA,IAAC;AAAA,EAAC;AAAC,SAAOC,EAAEV,GAAE,EAAC,UAASO,GAAE,MAAK,GAAE,MAAK,GAAE,OAAMH,EAAC,CAAC,GAAEO,EAAE,MAAIN,EAAE,MAAM,SAAO,IAAEA,EAAE,MAAM,KAAK,GAAG,IAAE,MAAM;AAAC;AAAOO,EAAE,EAAC,MAAK,SAAQ,OAAM,EAAC,IAAG,EAAC,MAAK,CAAC,QAAO,MAAM,GAAE,SAAQ,QAAO,GAAE,SAAQ,EAAC,MAAK,CAAC,OAAO,GAAE,SAAQ,GAAE,GAAE,IAAG,EAAC,MAAK,QAAO,SAAQ,KAAI,EAAC,GAAE,MAAM,GAAE,EAAC,OAAM,GAAE,OAAMR,EAAC,GAAE;AAAC,MAAII;AAAE,MAAIH,KAAGG,IAAE,EAAE,OAAK,OAAKA,IAAE,oBAAoBK,EAAC,CAAE,IAAGN,IAAEN,EAAC;AAAG,SAAOa,EAAE,MAAIC,EAAER,EAAE,SAASF,CAAC,CAAC,CAAC,GAAE,MAAI;AAAC,QAAG,EAAC,MAAKI,IAAE,SAAQ,MAAKO,IAAE,CAAA,GAAG,OAAMC,IAAE,CAAA,EAAE,IAAEV,GAAE,EAAC,SAAQW,GAAE,GAAGC,EAAC,IAAE,GAAEC,IAAE,EAAC,GAAG,OAAO,QAAQH,CAAC,EAAE,OAAO,CAACI,GAAE,CAACC,GAAEC,CAAC,MAAI,OAAO,OAAOF,GAAE,EAAC,CAACC,CAAC,GAAEE,EAAED,CAAC,EAAC,CAAC,GAAE,CAAA,CAAE,GAAE,IAAGlB,EAAC;AAAE,WAAOa,MAAI,OAAOE,EAAE,SAAQ,OAAOA,EAAE,SAAQ,OAAOD,EAAE,UAASM,EAAE,EAAC,UAASL,GAAE,YAAWD,GAAE,MAAKH,GAAE,OAAMZ,GAAE,OAAM,GAAE,MAAKK,EAAC,CAAC;AAAA,EAAC;AAAC,EAAC,CAAC;ACAnf,IAACM,IAAE,OAAO,cAAc;AAAKJ,EAAE,EAAC,MAAK,eAAc,OAAM,EAAC,IAAG,EAAC,MAAK,CAAC,QAAO,MAAM,GAAE,SAAQ,WAAU,EAAC,GAAE,MAAMF,GAAE,EAAC,OAAMQ,GAAE,OAAMb,EAAC,GAAE;AAAC,MAAII,IAAEK,EAAE,IAAI,GAAEK,IAAEQ,GAAE,EAAC,MAAK,eAAc,OAAM,EAAC,SAAQN,EAAE,MAAI;AAAC,QAAIO;AAAE,YAAOA,IAAEnB,EAAE,UAAQ,OAAK,SAAOmB,EAAE;AAAA,EAAE,CAAC,GAAE,QAAQA,GAAE;AAAC,IAAAnB,EAAE,UAAQmB,EAAE,cAAc,YAAU,WAASA,EAAE,eAAc,GAAGnB,EAAE,MAAM,MAAK,GAAGA,EAAE,MAAM,MAAM,EAAC,eAAc,GAAE,CAAC;AAAA,EAAE,EAAC,EAAC,CAAC,GAAEQ,IAAEY,GAAE,EAAC,MAAK,oBAAmB,CAAC;AAAE,SAAOC,EAAEd,GAAE,EAAC,WAAUP,GAAE,YAAWU,GAAE,aAAYF,EAAC,CAAC,GAAE,MAAIF,EAAE,EAAC,YAAWL,GAAE,UAAS,CAAA,GAAG,MAAK,IAAG,OAAMQ,GAAE,OAAMb,GAAE,MAAK,cAAa,CAAC;AAAC,EAAC,CAAC;AAAC,IAAC0B,KAAGnB,EAAE,EAAC,MAAK,UAAS,OAAM,EAAC,qBAAoB,CAAAF,MAAG,GAAE,GAAE,OAAM,EAAC,IAAG,EAAC,MAAK,CAAC,QAAO,MAAM,GAAE,SAAQ,SAAQ,GAAE,YAAW,EAAC,MAAK,SAAQ,SAAQ,OAAM,GAAE,gBAAe,EAAC,MAAK,SAAQ,UAAS,GAAE,GAAE,MAAK,EAAC,MAAK,QAAO,UAAS,GAAE,GAAE,MAAK,EAAC,MAAK,QAAO,UAAS,GAAE,GAAE,OAAM,EAAC,MAAK,QAAO,UAAS,GAAE,GAAE,IAAG,EAAC,MAAK,QAAO,SAAQ,KAAI,GAAE,UAAS,EAAC,MAAK,SAAQ,SAAQ,GAAE,GAAE,UAAS,EAAC,MAAK,QAAO,SAAQ,EAAC,EAAC,GAAE,cAAa,IAAG,MAAMA,GAAE,EAAC,MAAKQ,GAAE,OAAMb,GAAE,OAAMI,GAAE,QAAOU,EAAC,GAAE;AAAC,MAAIM;AAAE,MAAIR,KAAGQ,IAAEf,EAAE,OAAK,OAAKe,IAAE,qBAAqBO,EAAC,CAAE,IAAGC,IAAEC,EAAElB,GAAE,IAAI,GAAE,CAACY,GAAER,CAAC,IAAEe,GAAEd,EAAE,MAAIX,EAAE,UAAU,GAAE,OAAGQ,EAAE,qBAAoB,CAAC,GAAEG,EAAE,MAAIX,EAAE,cAAc,CAAC;AAAE,WAASc,IAAG;AAACJ,IAAAA,EAAE,CAACQ,EAAE,KAAK;AAAA,EAAC;AAAC,MAAIxB,IAAEU,EAAE,IAAI,GAAEN,IAAEyB,MAAI,OAAK7B,IAAE6B,EAAE,WAAU9B,IAAEiC,GAAEf,EAAE,OAAK,EAAC,IAAGX,EAAE,IAAG,MAAKL,EAAE,KAAI,EAAE,GAAEG,CAAC;AAAEW,EAAAA,EAAE,EAAC,IAAGX,GAAE,KAAIA,EAAC,CAAC;AAAE,WAAS6B,EAAE,GAAE;AAAC,MAAE,eAAc,GAAGb,EAAC;AAAA,EAAE;AAAC,WAASE,EAAE,GAAE;AAAC,MAAE,QAAMH,EAAE,SAAO,EAAE,eAAc,GAAGC,EAAC,KAAI,EAAE,QAAMD,EAAE,SAAOe,GAAE,EAAE,aAAa;AAAA,EAAC;AAAC,WAASzB,EAAE,GAAE;AAAC,MAAE,eAAc;AAAA,EAAE;AAAC,MAAIX,IAAEmB,EAAE,MAAI;AAAC,QAAI,GAAEpB;AAAE,YAAOA,KAAG,IAAEsC,GAAE/B,CAAC,MAAI,OAAK,SAAO,EAAE,YAAU,OAAK,SAAOP,EAAE,KAAK,GAAE,MAAM;AAAA,EAAC,CAAC;AAAE,SAAOuC,EAAE,MAAI;AAAC7B,IAAAA,EAAE,CAACT,CAAC,GAAE,MAAI;AAAC,UAAG,CAACA,EAAE,SAAOQ,EAAE,mBAAiB,OAAO;AAAO,eAAS,IAAG;AAACU,QAAAA,EAAEV,EAAE,cAAc;AAAA,MAAC;AAAC,aAAOR,EAAE,MAAM,iBAAiB,SAAQ,CAAC,GAAE,MAAI;AAAC,YAAID;AAAE,SAACA,IAAEC,EAAE,UAAQ,QAAMD,EAAE,oBAAoB,SAAQ,CAAC;AAAA,MAAC;AAAA,IAAC,GAAE,EAAC,WAAU,GAAE,CAAC;AAAA,EAAC,CAAC,GAAE,MAAI;AAAC,QAAG,EAAC,MAAK,GAAE,OAAMA,GAAE,MAAKwC,GAAE,UAASlC,GAAE,GAAGe,EAAC,IAAEZ,GAAEgC,IAAE,EAAC,SAAQd,EAAE,MAAK,GAAEe,IAAE,EAAC,IAAG1B,GAAE,KAAIT,GAAE,MAAK,UAAS,MAAKL,EAAE,OAAM,UAASI,MAAI,KAAG,IAAEA,GAAE,gBAAeqB,EAAE,OAAM,mBAAiCK,GAAE,WAAW,OAAM,oBAAkCA,GAAE,YAAY,OAAM,SAAQI,GAAE,SAAQX,GAAE,YAAWb,EAAC;AAAE,WAAO+B,EAAEC,GAAE,CAAC,KAAG,QAAMjB,EAAE,SAAO,OAAKgB,EAAEE,IAAEC,GAAE,EAAC,UAASC,GAAE,QAAO,IAAG,SAAQ,MAAK,YAAW,QAAO,IAAG,UAAS,IAAG,SAAQpB,EAAE,OAAM,MAAKa,GAAE,UAASnB,EAAE,UAAS,MAAK,GAAE,OAAMrB,EAAC,CAAC,CAAC,IAAE,MAAKc,EAAE,EAAC,UAAS4B,GAAE,YAAW,EAAC,GAAGtC,GAAE,GAAG4C,GAAE3B,GAAE,CAAC,cAAa,gBAAgB,CAAC,EAAC,GAAE,MAAKoB,GAAE,OAAMrC,GAAE,OAAMI,GAAE,MAAK,SAAQ,CAAC,CAAC,CAAC;AAAA,EAAC;AAAC,EAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACgI99F,UAAMyC,IAAQC,GAURC,IAAOC,GAMPC,IAAYC,EAAA,GACZC,IAAKC,EAAW,MAAMP,EAAM,IAAI,EAAE,GAElC,EAAE,OAAAQ,GAAO,cAAAC,GAAc,cAAAC,GAAc,YAAAC,GAAY,MAAAC,MAASC;AAAA,MAC9D,MAAMb,EAAM;AAAA,MACZA,EAAM;AAAA,MACN;AAAA,QACE,MAAM;AAAA,QACN,iBAAiBA,EAAM;AAAA,QACvB,cAAcA,EAAM,cAAcA,EAAM;AAAA,QACxC,YAAY;AAAA,MAAA;AAAA,IACd,GAGIc,IAAcT,EAAaL,EAAM,cAAcA,EAAM,YAAY;AAGvE,IAAAe;AAAA,MACE,MAAMf,EAAM;AAAA,MACZ,CAACgB,MAAa;AACZ,YAAIA,MAAa,UAAaA,MAAaF,EAAY,OAAO;AAC5D,gBAAMG,IAAU,CAAC,CAACD;AAClB,UAAAF,EAAY,QAAQG,GACpBT,EAAM,QAAQS;AAAA,QAChB;AAAA,MACF;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK;AAGpB,UAAMC,IAAgBC,EAAS,MAAM;AACnC,YAAMC,IAAc;AAAA,QAClB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAGF,aAAIpB,EAAM,YACRoB,EAAY;AAAA,QACV;AAAA,QACA;AAAA,MAAA,GAIAN,EAAY,QACdM,EAAY,KAAK,sBAAsB,IAEvCA,EAAY,KAAK,kBAAkB,sBAAsB,GAGpDA,EAAY,KAAK,GAAG;AAAA,IAC7B,CAAC,GAEKC,IAAe,CAACb,MAAmB;AACvC,MAAIR,EAAM,aAEVc,EAAY,QAAQN,GAChBR,EAAM,aACRU,EAAaF,CAAK,GAEpBN,EAAK,qBAAqBM,CAAK;AAAA,IACjC,GAEMc,IAAS,CAACC,MAAsB;AACpC,MAAKvB,EAAM,aACTU,EAAaI,EAAY,KAAK,GAEhCH,EAAWY,CAAK,GAChBrB,EAAK,QAAQqB,CAAK;AAAA,IACpB,GAEMC,IAAU,CAACD,MAAsB;AACrC,MAAArB,EAAK,SAASqB,CAAK;AAAA,IACrB,GAGME,IAAS,MAAM;AACnB,MAAKzB,EAAM,YACTqB,EAAa,CAACP,EAAY,KAAK;AAAA,IAEnC;AAEA,WAAAY,EAAa;AAAA,MACX,QAAAD;AAAA,MACA,OAAOX;AAAA,MACP,OAAO,MAAM;AAET,SADUV,EAAU,OAAe,OAAOA,EAAU,QACnB,QAAA;AAAA,MACrC;AAAA,MACA,MAAM,MAAM;AAER,SADUA,EAAU,OAAe,OAAOA,EAAU,QACnB,OAAA;AAAA,MACrC;AAAA,MACA,WAAAA;AAAA,IAAA,CACD,cA5NCuB,EAAA,GAAAC,EAgEM,OAhENC,IAgEM;AAAA,MA/DJC,EA8DmBC,IAAA;AAAA,QA7DhB,IAAIC,EAAA1B,CAAA;AAAA,QACJ,MAAM2B,EAAAA;AAAAA,QACN,OAAOC,EAAAA,WAAM,aAAA,CAAmBC,EAAAA,gBAAgBC,EAAAA,QAAK;AAAA,QACrD,UAAUC,EAAAA;AAAAA,QACV,WAAWC,EAAAA;AAAAA,QACX,kBAAgBC,EAAAA;AAAAA,QAChB,cAAYC,EAAAA;AAAAA,QACZ,iBAAeR,EAAAvB,CAAA;AAAA,QACf,mBAAiBgC,EAAAA;AAAAA,QACjB,YAAUT,EAAApB,CAAA,EAAK;AAAA,QACf,cAAYoB,EAAApB,CAAA,EAAK;AAAA,QACjB,eAAa8B,EAAAA;AAAAA,QACb,oBAAkB;AAAA,MAAA;mBAEnB,MA8CM;AAAA,UA9CNC,EA8CM,OA9CNC,IA8CM;AAAA,YA7COV,EAAAA,WAAM,YAAjBP,KAAAC,EAYM,OAZNiB,IAYM;AAAA,cAVIT,EAAAA,UAAUD,EAAAA,sBADlBP,EAMQ,SAAA;AAAA;gBAJL,KAAKI,EAAA1B,CAAA;AAAA,gBACN,OAAM;AAAA,cAAA,KAEH8B,EAAAA,KAAK,GAAA,GAAAU,EAAA;cAECC,EAAAA,oBAAXnB,EAGM,OAAA;AAAA;gBAHkB,OAAKoB,EAAA,CAAC,8DAA4D,EAAA,qBAAA,CAAiCX,EAAAA,SAAAA,CAAQ,CAAA;AAAA,gBAAK,SAAKY,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAA,CAAGb,EAAAA,YAAYZ,EAAA;AAAA,cAAM;gBACrJ0B,EAAAA,0BAAXvB,EAAqD,OAAA;AAAA;kBAAvB,WAAQmB,EAAAA;AAAAA,gBAAAA,oBACtCpB,EAAA,GAAAC,EAAqC,cAArBmB,EAAAA,WAAW,GAAA,CAAA;AAAA,cAAA;;YAG/BjB,EAuBSE,EAAAoB,EAAA,GAAA;AAAA,cAtBN,IAAIpB,EAAA1B,CAAA;AAAA,uBACD;AAAA,cAAJ,KAAIF;AAAA,0BACKU,EAAA;AAAA;uCAAAA,EAAW,QAAAoC;AAAA,gBAMC7B;AAAA,cAAA;AAAA,cALpB,UAAUgB,EAAAA;AAAAA,cACV,OAAKW,EAAA;AAAA,gBAAgB9B,EAAA;AAAA,kCAA6CsB,EAAAA,UAAAA;AAAAA,cAAS;cAK3E,SAAAhB;AAAA,cACA,QAAAF;AAAA,cACA,WAAO;AAAA,oBAAgBG,GAAM,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA,oBACNA,GAAM,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA,cAAA;AAAA;yBAE9B,MAA2C;AAAA,gBAA3CkB,EAA2C,QAA3CU,IAA2CC,EAAflB,EAAAA,KAAK,GAAA,CAAA;AAAA,gBACjCO,EAMO,QAAA;AAAA,kBALJ,OAAKK,EAAA;AAAA,oBAAkBlC,EAAA,QAAW,qBAAA;AAAA;;;;;;YAO3ByC,EAAAA,YAAYC,EAAAA,aAAxB7B,KAAAC,EAGO,QAHP6B,IAGO;AAAA,cAFO3C,EAAA,SAAeyC,EAAAA,iBAA3B3B,EAAqH,QAArH8B,IAAqHJ,EAAlBC,EAAAA,QAAQ,GAAA,CAAA,KACzF,CAAAzC,EAAA,SAAe0C,EAAAA,kBAAjC5B,EAAkH,QAAlH+B,IAAkHL,EAAnBE,EAAAA,SAAS,GAAA,CAAA;;YAE/FT,EAAAA,eAAeb,EAAAA,WAAM,aAAhCP,KAAAC,EAGM,OAHNgC,IAGM;AAAA,cAFMT,EAAAA,0BACVvB,EAAoG,KAAA;AAAA;gBAA1F,OAAM;AAAA,gBAA6D,WAAQmB,EAAAA;AAAAA,cAAAA,yBADrFnB,EAAqH,KAArHiC,IAAqHP,EAAlBP,EAAAA,WAAW,GAAA,CAAA;AAAA;;;;;;;;","x_google_ignoreList":[0,1]}