@stachelock/ui 0.3.1 → 0.4.0

package/dist/{ProjectLogo.vue_vue_type_script_setup_true_lang-CtroDq7L.js → ProjectLogo.vue_vue_type_script_setup_true_lang-DYjp-RNh.js}

@@ -1,5 +1,5 @@
-import { defineComponent as k, computed as n, createElementBlock as s, openBlock as t, normalizeStyle as a, createBlock as f, renderSlot as m, normalizeClass as d, createCommentVNode as g, createElementVNode as o, toDisplayString as p } from "vue";
-import y from "./components/CloudinaryImage.js";
+import { defineComponent as k, computed as r, createElementBlock as s, openBlock as t, normalizeStyle as o, createBlock as f, renderSlot as m, normalizeClass as d, createCommentVNode as g, createElementVNode as a, toDisplayString as y } from "vue";
+import x from "./components/CloudinaryImage.js";
 const b = ["src", "alt"], w = ["width", "height"], C = /* @__PURE__ */ k({
   __name: "ProjectLogo",
   props: {
@@ -12,19 +12,19 @@ const b = ["src", "alt"], w = ["width", "height"], C = /* @__PURE__ */ k({
     fallbackText: { default: "" },
     rounded: { type: Boolean, default: !1 }
   },
-  setup(c) {
-    const l = c, u = n(() => ({
+  setup(e) {
+    const l = e, u = r(() => ({
       width: `${l.width}px`,
       height: `${l.height}px`
-    })), i = n(() => ({
+    })), c = r(() => ({
       width: `${l.width}px`,
       height: `${l.height}px`
-    })), h = n(() => l.fallbackText ? l.fallbackText.split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2) : "?");
-    return (e, r) => (t(), s("div", {
+    })), h = r(() => l.fallbackText ? l.fallbackText.split(" ").map((n) => n[0]).join("").toUpperCase().slice(0, 2) : "?");
+    return (n, i) => (t(), s("div", {
       class: "sl-flex sl-items-center sl-justify-center",
-      style: a(u.value)
+      style: o(u.value)
     }, [
-      e.publicId ? (t(), f(y, {
+      e.publicId ? (t(), f(x, {
         key: 0,
         "public-id": e.publicId,
         alt: e.alt,
@@ -40,20 +40,20 @@ const b = ["src", "alt"], w = ["width", "height"], C = /* @__PURE__ */ k({
         key: 1,
         src: e.logoUrl,
         alt: e.alt,
-        style: a(i.value),
+        style: o(c.value),
         class: d([
           "sl-object-contain",
           { "sl-rounded-full": e.rounded }
         ])
-      }, null, 14, b)) : m(e.$slots, "fallback", { key: 2 }, () => [
+      }, null, 14, b)) : m(n.$slots, "fallback", { key: 2 }, () => [
         e.fallbackType === "rings" ? (t(), s("svg", {
           key: 0,
           width: e.width,
           height: e.height,
           viewBox: "0 0 100 100",
           class: "sl-text-stachelock-500 dark:sl-text-stachelock-400"
-        }, r[0] || (r[0] = [
-          o("circle", {
+        }, [...i[0] || (i[0] = [
+          a("circle", {
             cx: "50",
             cy: "50",
             r: "45",
@@ -61,7 +61,7 @@ const b = ["src", "alt"], w = ["width", "height"], C = /* @__PURE__ */ k({
             stroke: "currentColor",
             "stroke-width": "4"
           }, null, -1),
-          o("circle", {
+          a("circle", {
             cx: "50",
             cy: "50",
             r: "30",
@@ -69,35 +69,35 @@ const b = ["src", "alt"], w = ["width", "height"], C = /* @__PURE__ */ k({
             stroke: "currentColor",
             "stroke-width": "4"
           }, null, -1),
-          o("circle", {
+          a("circle", {
             cx: "50",
             cy: "50",
             r: "15",
             fill: "currentColor"
           }, null, -1)
-        ]), 8, w)) : e.fallbackType === "initials" ? (t(), s("div", {
+        ])], 8, w)) : e.fallbackType === "initials" ? (t(), s("div", {
           key: 1,
           class: d(["sl-flex sl-items-center sl-justify-center sl-bg-stachelock-100 dark:sl-bg-stachelock-800 sl-text-stachelock-700 dark:sl-text-stachelock-200 sl-font-bold", { "sl-rounded-full": e.rounded }]),
-          style: a(i.value)
-        }, p(h.value), 7)) : e.fallbackType === "icon" ? (t(), s("div", {
+          style: o(c.value)
+        }, y(h.value), 7)) : e.fallbackType === "icon" ? (t(), s("div", {
           key: 2,
           class: d(["sl-flex sl-items-center sl-justify-center sl-bg-gray-100 dark:sl-bg-gray-700", { "sl-rounded-full": e.rounded }]),
-          style: a(i.value)
-        }, r[1] || (r[1] = [
-          o("svg", {
+          style: o(c.value)
+        }, [...i[1] || (i[1] = [
+          a("svg", {
             class: "sl-w-1/2 sl-h-1/2 sl-text-gray-400 dark:sl-text-gray-500",
             fill: "none",
             stroke: "currentColor",
             viewBox: "0 0 24 24"
           }, [
-            o("path", {
+            a("path", {
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               "stroke-width": "1.5",
               d: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"
             })
           ], -1)
-        ]), 6)) : g("", !0)
+        ])], 6)) : g("", !0)
       ])
     ], 4));
   }
@@ -105,4 +105,4 @@ const b = ["src", "alt"], w = ["width", "height"], C = /* @__PURE__ */ k({
 export {
   C as _
 };
-//# sourceMappingURL=ProjectLogo.vue_vue_type_script_setup_true_lang-CtroDq7L.js.map
+//# sourceMappingURL=ProjectLogo.vue_vue_type_script_setup_true_lang-DYjp-RNh.js.map

package/dist/{ProjectLogo.vue_vue_type_script_setup_true_lang-CtroDq7L.js.map → ProjectLogo.vue_vue_type_script_setup_true_lang-DYjp-RNh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ProjectLogo.vue_vue_type_script_setup_true_lang-CtroDq7L.js","sources":["../src/components/layouts/ProjectLogo.vue"],"sourcesContent":["<!--\n  @component ProjectLogo\n  @description Display a project or organization logo with fallback.\n  \n  A flexible logo display component that shows either a provided logo image\n  or a customizable fallback placeholder when no logo is available.\n  \n  @props\n  - logoUrl (string, optional): URL of the logo image to display\n  - publicId (string, optional): Cloudinary public_id for the logo\n  - alt (string): Alt text for the logo image\n  - width (number): Width of the logo in pixels\n  - height (number): Height of the logo in pixels\n  - fallbackType ('rings' | 'initials' | 'icon'): Type of fallback to show\n  - fallbackText (string): Text for initials fallback\n  - rounded (boolean): Apply rounded-full class\n  \n  @slots\n  - fallback: Custom fallback content when no logo is available\n  \n  @example\n  <ProjectLogo\n    logo-url=\"https://example.com/logo.png\"\n    alt=\"Company Logo\"\n    :width=\"64\"\n    :height=\"64\"\n  />\n-->\n<template>\n  <div \n    class=\"sl-flex sl-items-center sl-justify-center\"\n    :style=\"containerStyles\"\n  >\n    <!-- Cloudinary image if public_id provided -->\n    <CloudinaryImage \n      v-if=\"publicId\" \n      :public-id=\"publicId\" \n      :alt=\"alt\" \n      :width=\"width\"\n      :height=\"height\" \n      :custom-classes=\"{ \n        image: { \n          'sl-object-contain': true,\n          'sl-rounded-full': rounded \n        } \n      }\" \n    />\n    \n    <!-- Direct URL image -->\n    <img \n      v-else-if=\"logoUrl\" \n      :src=\"logoUrl\" \n      :alt=\"alt\" \n      :style=\"imageStyles\"\n      :class=\"[\n        'sl-object-contain',\n        { 'sl-rounded-full': rounded }\n      ]\"\n    />\n    \n    <!-- Fallback -->\n    <slot v-else name=\"fallback\">\n      <!-- Rings fallback (default) -->\n      <svg \n        v-if=\"fallbackType === 'rings'\"\n        :width=\"width\" \n        :height=\"height\" \n        viewBox=\"0 0 100 100\" \n        class=\"sl-text-stachelock-500 dark:sl-text-stachelock-400\"\n      >\n        <circle \n          cx=\"50\" \n          cy=\"50\" \n          r=\"45\" \n          fill=\"none\" \n          stroke=\"currentColor\" \n          stroke-width=\"4\"\n        />\n        <circle \n          cx=\"50\" \n          cy=\"50\" \n          r=\"30\" \n          fill=\"none\" \n          stroke=\"currentColor\" \n          stroke-width=\"4\"\n        />\n        <circle \n          cx=\"50\" \n          cy=\"50\" \n          r=\"15\" \n          fill=\"currentColor\"\n        />\n      </svg>\n      \n      <!-- Initials fallback -->\n      <div \n        v-else-if=\"fallbackType === 'initials'\"\n        class=\"sl-flex sl-items-center sl-justify-center sl-bg-stachelock-100 dark:sl-bg-stachelock-800 sl-text-stachelock-700 dark:sl-text-stachelock-200 sl-font-bold\"\n        :class=\"{ 'sl-rounded-full': rounded }\"\n        :style=\"imageStyles\"\n      >\n        {{ computedInitials }}\n      </div>\n      \n      <!-- Icon fallback -->\n      <div \n        v-else-if=\"fallbackType === 'icon'\"\n        class=\"sl-flex sl-items-center sl-justify-center sl-bg-gray-100 dark:sl-bg-gray-700\"\n        :class=\"{ 'sl-rounded-full': rounded }\"\n        :style=\"imageStyles\"\n      >\n        <svg \n          class=\"sl-w-1/2 sl-h-1/2 sl-text-gray-400 dark:sl-text-gray-500\" \n          fill=\"none\" \n          stroke=\"currentColor\" \n          viewBox=\"0 0 24 24\"\n        >\n          <path \n            stroke-linecap=\"round\" \n            stroke-linejoin=\"round\" \n            stroke-width=\"1.5\" \n            d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"\n          />\n        </svg>\n      </div>\n    </slot>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * ProjectLogo - Display project or organization logo\n * \n * @module components/layouts/ProjectLogo\n */\nimport { computed, type CSSProperties } from 'vue';\nimport CloudinaryImage from '../CloudinaryImage.vue';\n\ntype FallbackType = 'rings' | 'initials' | 'icon';\n\ninterface Props {\n  /** URL of the logo image */\n  logoUrl?: string;\n  /** Cloudinary public_id for the logo */\n  publicId?: string;\n  /** Alt text for the logo */\n  alt?: string;\n  /** Width of the logo in pixels */\n  width?: number;\n  /** Height of the logo in pixels */\n  height?: number;\n  /** Type of fallback to display */\n  fallbackType?: FallbackType;\n  /** Text for initials fallback (e.g., organization name) */\n  fallbackText?: string;\n  /** Apply rounded-full styling */\n  rounded?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  alt: 'Project Logo',\n  width: 64,\n  height: 64,\n  fallbackType: 'rings',\n  fallbackText: '',\n  rounded: false,\n});\n\n// Container styles\nconst containerStyles = computed((): CSSProperties => ({\n  width: `${props.width}px`,\n  height: `${props.height}px`,\n}));\n\n// Image styles\nconst imageStyles = computed((): CSSProperties => ({\n  width: `${props.width}px`,\n  height: `${props.height}px`,\n}));\n\n// Computed initials from fallback text\nconst computedInitials = computed(() => {\n  if (!props.fallbackText) return '?';\n  return props.fallbackText\n    .split(' ')\n    .map((word: string) => word[0])\n    .join('')\n    .toUpperCase()\n    .slice(0, 2);\n});\n</script>\n"],"names":["props","__props","containerStyles","computed","imageStyles","computedInitials","word","_createElementBlock","publicId","_createBlock","CloudinaryImage","alt","width","height","rounded","logoUrl","_normalizeClass","_renderSlot","_ctx","fallbackType","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;AA+JA,UAAMA,IAAQC,GAURC,IAAkBC,EAAS,OAAsB;AAAA,MACrD,OAAO,GAAGH,EAAM,KAAK;AAAA,MACrB,QAAQ,GAAGA,EAAM,MAAM;AAAA,IAAA,EACvB,GAGII,IAAcD,EAAS,OAAsB;AAAA,MACjD,OAAO,GAAGH,EAAM,KAAK;AAAA,MACrB,QAAQ,GAAGA,EAAM,MAAM;AAAA,IAAA,EACvB,GAGIK,IAAmBF,EAAS,MAC3BH,EAAM,eACJA,EAAM,aACV,MAAM,GAAG,EACT,IAAI,CAACM,MAAiBA,EAAK,CAAC,CAAC,EAC7B,KAAK,EAAE,EACP,cACA,MAAM,GAAG,CAAC,IANmB,GAOjC;2BAhKCC,EAiGM,OAAA;AAAA,MAhGJ,OAAM;AAAA,MACL,SAAOL,EAAA,KAAe;AAAA,IAAA;MAIfM,EAAAA,iBADRC,EAYEC,GAAA;AAAA;QAVC,aAAWF,EAAAA;AAAAA,QACX,KAAKG,EAAAA;AAAAA,QACL,OAAOC,EAAAA;AAAAA,QACP,QAAQC,EAAAA;AAAAA,QACR,kBAAc;AAAA;;+BAAyFC,EAAAA;AAAAA,UAAAA;AAAAA;gFAU7FC,EAAAA,gBADbR,EASE,OAAA;AAAA;QAPC,KAAKQ,EAAAA;AAAAA,QACL,KAAKJ,EAAAA;AAAAA,QACL,SAAOP,EAAA,KAAW;AAAA,QAClB,OAAKY,EAAA;AAAA;+BAA8DF,EAAAA,QAAAA;AAAAA,QAAO;yBAO7EG,EAgEOC,kCAhEP,MAgEO;AAAA,QA7DGC,EAAAA,iBAAY,gBADpBZ,EA6BM,OAAA;AAAA;UA3BH,OAAOK,EAAAA;AAAAA,UACP,QAAQC,EAAAA;AAAAA,UACT,SAAQ;AAAA,UACR,OAAM;AAAA,QAAA;UAENO,EAOE,UAAA;AAAA,YANA,IAAG;AAAA,YACH,IAAG;AAAA,YACH,GAAE;AAAA,YACF,MAAK;AAAA,YACL,QAAO;AAAA,YACP,gBAAa;AAAA,UAAA;UAEfA,EAOE,UAAA;AAAA,YANA,IAAG;AAAA,YACH,IAAG;AAAA,YACH,GAAE;AAAA,YACF,MAAK;AAAA,YACL,QAAO;AAAA,YACP,gBAAa;AAAA,UAAA;UAEfA,EAKE,UAAA;AAAA,YAJA,IAAG;AAAA,YACH,IAAG;AAAA,YACH,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;qBAMID,EAAAA,iBAAY,mBADzBZ,EAOM,OAAA;AAAA;UALJ,OAAKS,EAAA,CAAC,4JAA0J,EAAA,mBACnIF,EAAAA,QAAAA,CAAO,CAAA;AAAA,UACnC,SAAOV,EAAA,KAAW;AAAA,QAAA,KAEhBC,EAAA,KAAgB,GAAA,CAAA,KAKRc,EAAAA,iBAAY,eADzBZ,EAmBM,OAAA;AAAA;UAjBJ,OAAKS,EAAA,CAAC,gFAA8E,EAAA,mBACvDF,EAAAA,QAAAA,CAAO,CAAA;AAAA,UACnC,SAAOV,EAAA,KAAW;AAAA,QAAA;UAEnBgB,EAYM,OAAA;AAAA,YAXJ,OAAM;AAAA,YACN,MAAK;AAAA,YACL,QAAO;AAAA,YACP,SAAQ;AAAA,UAAA;YAERA,EAKE,QAAA;AAAA,cAJA,kBAAe;AAAA,cACf,mBAAgB;AAAA,cAChB,gBAAa;AAAA,cACb,GAAE;AAAA,YAAA;;;;;;;"}
+{"version":3,"file":"ProjectLogo.vue_vue_type_script_setup_true_lang-DYjp-RNh.js","sources":["../src/components/layouts/ProjectLogo.vue"],"sourcesContent":["<!--\n  @component ProjectLogo\n  @description Display a project or organization logo with fallback.\n  \n  A flexible logo display component that shows either a provided logo image\n  or a customizable fallback placeholder when no logo is available.\n  \n  @props\n  - logoUrl (string, optional): URL of the logo image to display\n  - publicId (string, optional): Cloudinary public_id for the logo\n  - alt (string): Alt text for the logo image\n  - width (number): Width of the logo in pixels\n  - height (number): Height of the logo in pixels\n  - fallbackType ('rings' | 'initials' | 'icon'): Type of fallback to show\n  - fallbackText (string): Text for initials fallback\n  - rounded (boolean): Apply rounded-full class\n  \n  @slots\n  - fallback: Custom fallback content when no logo is available\n  \n  @example\n  <ProjectLogo\n    logo-url=\"https://example.com/logo.png\"\n    alt=\"Company Logo\"\n    :width=\"64\"\n    :height=\"64\"\n  />\n-->\n<template>\n  <div \n    class=\"sl-flex sl-items-center sl-justify-center\"\n    :style=\"containerStyles\"\n  >\n    <!-- Cloudinary image if public_id provided -->\n    <CloudinaryImage \n      v-if=\"publicId\" \n      :public-id=\"publicId\" \n      :alt=\"alt\" \n      :width=\"width\"\n      :height=\"height\" \n      :custom-classes=\"{ \n        image: { \n          'sl-object-contain': true,\n          'sl-rounded-full': rounded \n        } \n      }\" \n    />\n    \n    <!-- Direct URL image -->\n    <img \n      v-else-if=\"logoUrl\" \n      :src=\"logoUrl\" \n      :alt=\"alt\" \n      :style=\"imageStyles\"\n      :class=\"[\n        'sl-object-contain',\n        { 'sl-rounded-full': rounded }\n      ]\"\n    />\n    \n    <!-- Fallback -->\n    <slot v-else name=\"fallback\">\n      <!-- Rings fallback (default) -->\n      <svg \n        v-if=\"fallbackType === 'rings'\"\n        :width=\"width\" \n        :height=\"height\" \n        viewBox=\"0 0 100 100\" \n        class=\"sl-text-stachelock-500 dark:sl-text-stachelock-400\"\n      >\n        <circle \n          cx=\"50\" \n          cy=\"50\" \n          r=\"45\" \n          fill=\"none\" \n          stroke=\"currentColor\" \n          stroke-width=\"4\"\n        />\n        <circle \n          cx=\"50\" \n          cy=\"50\" \n          r=\"30\" \n          fill=\"none\" \n          stroke=\"currentColor\" \n          stroke-width=\"4\"\n        />\n        <circle \n          cx=\"50\" \n          cy=\"50\" \n          r=\"15\" \n          fill=\"currentColor\"\n        />\n      </svg>\n      \n      <!-- Initials fallback -->\n      <div \n        v-else-if=\"fallbackType === 'initials'\"\n        class=\"sl-flex sl-items-center sl-justify-center sl-bg-stachelock-100 dark:sl-bg-stachelock-800 sl-text-stachelock-700 dark:sl-text-stachelock-200 sl-font-bold\"\n        :class=\"{ 'sl-rounded-full': rounded }\"\n        :style=\"imageStyles\"\n      >\n        {{ computedInitials }}\n      </div>\n      \n      <!-- Icon fallback -->\n      <div \n        v-else-if=\"fallbackType === 'icon'\"\n        class=\"sl-flex sl-items-center sl-justify-center sl-bg-gray-100 dark:sl-bg-gray-700\"\n        :class=\"{ 'sl-rounded-full': rounded }\"\n        :style=\"imageStyles\"\n      >\n        <svg \n          class=\"sl-w-1/2 sl-h-1/2 sl-text-gray-400 dark:sl-text-gray-500\" \n          fill=\"none\" \n          stroke=\"currentColor\" \n          viewBox=\"0 0 24 24\"\n        >\n          <path \n            stroke-linecap=\"round\" \n            stroke-linejoin=\"round\" \n            stroke-width=\"1.5\" \n            d=\"M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4\"\n          />\n        </svg>\n      </div>\n    </slot>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * ProjectLogo - Display project or organization logo\n * \n * @module components/layouts/ProjectLogo\n */\nimport { computed, type CSSProperties } from 'vue';\nimport CloudinaryImage from '../CloudinaryImage.vue';\n\ntype FallbackType = 'rings' | 'initials' | 'icon';\n\ninterface Props {\n  /** URL of the logo image */\n  logoUrl?: string;\n  /** Cloudinary public_id for the logo */\n  publicId?: string;\n  /** Alt text for the logo */\n  alt?: string;\n  /** Width of the logo in pixels */\n  width?: number;\n  /** Height of the logo in pixels */\n  height?: number;\n  /** Type of fallback to display */\n  fallbackType?: FallbackType;\n  /** Text for initials fallback (e.g., organization name) */\n  fallbackText?: string;\n  /** Apply rounded-full styling */\n  rounded?: boolean;\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  alt: 'Project Logo',\n  width: 64,\n  height: 64,\n  fallbackType: 'rings',\n  fallbackText: '',\n  rounded: false,\n});\n\n// Container styles\nconst containerStyles = computed((): CSSProperties => ({\n  width: `${props.width}px`,\n  height: `${props.height}px`,\n}));\n\n// Image styles\nconst imageStyles = computed((): CSSProperties => ({\n  width: `${props.width}px`,\n  height: `${props.height}px`,\n}));\n\n// Computed initials from fallback text\nconst computedInitials = computed(() => {\n  if (!props.fallbackText) return '?';\n  return props.fallbackText\n    .split(' ')\n    .map((word: string) => word[0])\n    .join('')\n    .toUpperCase()\n    .slice(0, 2);\n});\n</script>\n"],"names":["props","__props","containerStyles","computed","imageStyles","computedInitials","word","_createElementBlock","_createBlock","CloudinaryImage","_normalizeClass","_renderSlot","_ctx","_createElementVNode"],"mappings":";;;;;;;;;;;;;;;AA+JA,UAAMA,IAAQC,GAURC,IAAkBC,EAAS,OAAsB;AAAA,MACrD,OAAO,GAAGH,EAAM,KAAK;AAAA,MACrB,QAAQ,GAAGA,EAAM,MAAM;AAAA,IAAA,EACvB,GAGII,IAAcD,EAAS,OAAsB;AAAA,MACjD,OAAO,GAAGH,EAAM,KAAK;AAAA,MACrB,QAAQ,GAAGA,EAAM,MAAM;AAAA,IAAA,EACvB,GAGIK,IAAmBF,EAAS,MAC3BH,EAAM,eACJA,EAAM,aACV,MAAM,GAAG,EACT,IAAI,CAACM,MAAiBA,EAAK,CAAC,CAAC,EAC7B,KAAK,EAAE,EACP,cACA,MAAM,GAAG,CAAC,IANmB,GAOjC;2BAhKCC,EAiGM,OAAA;AAAA,MAhGJ,OAAM;AAAA,MACL,SAAOL,EAAA,KAAe;AAAA,IAAA;MAIfD,EAAA,iBADRO,EAYEC,GAAA;AAAA;QAVC,aAAWR,EAAA;AAAA,QACX,KAAKA,EAAA;AAAA,QACL,OAAOA,EAAA;AAAA,QACP,QAAQA,EAAA;AAAA,QACR,kBAAc;AAAA;;+BAAyFA,EAAA;AAAA,UAAA;AAAA;gFAU7FA,EAAA,gBADbM,EASE,OAAA;AAAA;QAPC,KAAKN,EAAA;AAAA,QACL,KAAKA,EAAA;AAAA,QACL,SAAOG,EAAA,KAAW;AAAA,QAClB,OAAKM,EAAA;AAAA;+BAA8DT,EAAA,QAAA;AAAA,QAAO;yBAO7EU,EAgEOC,kCAhEP,MAgEO;AAAA,QA7DGX,EAAA,iBAAY,gBADpBM,EA6BM,OAAA;AAAA;UA3BH,OAAON,EAAA;AAAA,UACP,QAAQA,EAAA;AAAA,UACT,SAAQ;AAAA,UACR,OAAM;AAAA,QAAA;UAENY,EAOE,UAAA;AAAA,YANA,IAAG;AAAA,YACH,IAAG;AAAA,YACH,GAAE;AAAA,YACF,MAAK;AAAA,YACL,QAAO;AAAA,YACP,gBAAa;AAAA,UAAA;UAEfA,EAOE,UAAA;AAAA,YANA,IAAG;AAAA,YACH,IAAG;AAAA,YACH,GAAE;AAAA,YACF,MAAK;AAAA,YACL,QAAO;AAAA,YACP,gBAAa;AAAA,UAAA;UAEfA,EAKE,UAAA;AAAA,YAJA,IAAG;AAAA,YACH,IAAG;AAAA,YACH,GAAE;AAAA,YACF,MAAK;AAAA,UAAA;sBAMIZ,EAAA,iBAAY,mBADzBM,EAOM,OAAA;AAAA;UALJ,OAAKG,EAAA,CAAC,4JAA0J,EAAA,mBACnIT,EAAA,QAAA,CAAO,CAAA;AAAA,UACnC,SAAOG,EAAA,KAAW;AAAA,QAAA,KAEhBC,EAAA,KAAgB,GAAA,CAAA,KAKRJ,EAAA,iBAAY,eADzBM,EAmBM,OAAA;AAAA;UAjBJ,OAAKG,EAAA,CAAC,gFAA8E,EAAA,mBACvDT,EAAA,QAAA,CAAO,CAAA;AAAA,UACnC,SAAOG,EAAA,KAAW;AAAA,QAAA;UAEnBS,EAYM,OAAA;AAAA,YAXJ,OAAM;AAAA,YACN,MAAK;AAAA,YACL,QAAO;AAAA,YACP,SAAQ;AAAA,UAAA;YAERA,EAKE,QAAA;AAAA,cAJA,kBAAe;AAAA,cACf,mBAAgB;AAAA,cAChB,gBAAa;AAAA,cACb,GAAE;AAAA,YAAA;;;;;;;"}

package/dist/{SelectInput.vue_vue_type_script_setup_true_lang--yUL7bcx.js → SelectInput.vue_vue_type_script_setup_true_lang-DHiZ-7K2.js}

@@ -1,20 +1,20 @@
-import { defineComponent as O, watch as _, onBeforeUnmount as G, ref as B, computed as m, createElementBlock as d, openBlock as n, createVNode as i, unref as r, withCtx as u, createElementVNode as c, createBlock as g, normalizeClass as f, createCommentVNode as v, resolveDynamicComponent as z, toDisplayString as h, Teleport as X, Transition as J, normalizeStyle as Q, withModifiers as H, Fragment as Y, renderList as Z } from "vue";
+import { defineComponent as H, watch as C, onBeforeUnmount as X, ref as S, computed as p, createElementBlock as u, openBlock as i, createVNode as d, unref as o, withCtx as c, createElementVNode as m, createBlock as y, normalizeClass as v, createCommentVNode as h, resolveDynamicComponent as N, toDisplayString as b, Teleport as _, Transition as J, normalizeStyle as Q, withModifiers as P, Fragment as Y, renderList as Z } from "vue";
 import { useField as ee } from "vee-validate";
 import le from "./forms/FormFieldWrapper.js";
 import { g as se } from "./id-DafBB_QF.js";
-import { I as te, j as ae, A as re, F as oe } from "./listbox-p2_4hUSD.js";
+import { I as te, j as ae, A as re, F as oe } from "./listbox-YaWWZiiG.js";
 import { r as ne } from "./ChevronUpDownIcon-Bq_fsgrb.js";
 import { r as ie } from "./CheckIcon-BGlsmVwT.js";
-const de = { class: "sl-w-full" }, ue = { class: "sl-relative" }, ce = { class: "sl-flex sl-items-center sl-gap-2" }, pe = {
+const de = { class: "sl-w-full" }, ue = { class: "sl-relative" }, ce = { class: "sl-flex sl-items-center sl-gap-2" }, me = {
   key: 1,
   class: "sl-block sl-truncate sl-text-left"
-}, me = {
+}, fe = {
   key: 2,
   class: "sl-block sl-truncate sl-text-left sl-text-gray-500 dark:sl-text-slate-300"
-}, fe = { class: "sl-pointer-events-none sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-2" }, ve = { class: "sl-block sl-truncate sl-font-medium" }, he = { class: "sl-flex sl-items-center sl-gap-2" }, be = {
+}, pe = { class: "sl-pointer-events-none sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-2" }, ve = { class: "sl-block sl-truncate sl-font-medium" }, he = { class: "sl-flex sl-items-center sl-gap-2" }, be = {
   key: 0,
   class: "sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-4"
-}, ge = { key: 0 }, C = 224, y = 4, Ce = /* @__PURE__ */ O({
+}, ge = { key: 0 }, V = 224, x = 4, Se = /* @__PURE__ */ H({
   __name: "SelectInput",
   props: {
     name: {},
@@ -31,12 +31,12 @@ const de = { class: "sl-w-full" }, ue = { class: "sl-relative" }, ce = { class:
     showAll: { type: Boolean, default: !1 },
     itemKey: { default: "id" },
     itemText: { default: "name" },
-    modelValue: {},
+    modelValue: { type: [String, Number, Boolean, null, Object, Array] },
     boxShadow: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(N, { emit: P }) {
-    const R = O({
+  setup(a, { emit: R }) {
+    const j = H({
       props: {
         open: { type: Boolean, required: !0 },
         updateFn: { type: Function, required: !0 }
@@ -45,60 +45,60 @@ const de = { class: "sl-w-full" }, ue = { class: "sl-relative" }, ce = { class:
         const l = () => {
           e.open && e.updateFn();
         };
-        return _(() => e.open, (a) => {
-          a ? (e.updateFn(), window.addEventListener("scroll", l, !0), window.addEventListener("resize", l)) : (window.removeEventListener("scroll", l, !0), window.removeEventListener("resize", l));
-        }, { immediate: !0 }), G(() => {
+        return C(() => e.open, (r) => {
+          r ? (e.updateFn(), window.addEventListener("scroll", l, !0), window.addEventListener("resize", l)) : (window.removeEventListener("scroll", l, !0), window.removeEventListener("resize", l));
+        }, { immediate: !0 }), X(() => {
           window.removeEventListener("scroll", l, !0), window.removeEventListener("resize", l);
         }), () => null;
       }
-    }), V = B(null), w = B({
+    }), M = S(null), w = S({
       top: "0px",
       left: "0px",
       width: "200px"
     });
-    function M() {
-      const e = V.value?.$el;
+    function F() {
+      const e = M.value?.$el;
       if (!e) return;
-      const l = e.getBoundingClientRect(), a = window.innerHeight, o = a - l.bottom - y, p = l.top - y;
-      o < C && p > o ? w.value = {
-        bottom: `${a - l.top + y}px`,
+      const l = e.getBoundingClientRect(), r = window.innerHeight, n = r - l.bottom - x, f = l.top - x;
+      n < V && f > n ? w.value = {
+        bottom: `${r - l.top + x}px`,
         left: `${l.left}px`,
         width: `${l.width}px`,
-        maxHeight: `${Math.min(p, C)}px`
+        maxHeight: `${Math.min(f, V)}px`
       } : w.value = {
-        top: `${l.bottom + y}px`,
+        top: `${l.bottom + x}px`,
         left: `${l.left}px`,
         width: `${l.width}px`,
-        maxHeight: `${Math.min(o, C)}px`
+        maxHeight: `${Math.min(n, V)}px`
       };
     }
-    const t = N, K = P, S = se(t.name), { value: F, errorMessage: $, handleChange: E, meta: b, setTouched: j } = ee(
+    const t = a, K = R, $ = se(t.name), { value: E, errorMessage: I, handleChange: L, meta: g, setTouched: U } = ee(
       () => t.name,
       t.rules,
       {
         validateOnMount: t.validateOnMount,
         initialValue: t.modelValue
       }
-    ), s = B(
+    ), s = S(
       t.multiple ? Array.isArray(t.modelValue) ? t.modelValue : [] : t.modelValue
     );
-    _(
+    C(
       () => t.modelValue,
       (e) => {
         if (t.multiple) {
           const l = Array.isArray(e) ? e : [];
-          l !== s.value && (s.value = l, F.value = l);
+          l !== s.value && (s.value = l, E.value = l);
         } else
-          e !== s.value && (s.value = e, F.value = e);
+          e !== s.value && (s.value = e, E.value = e);
       },
       { immediate: !0 }
-    ), _(
+    ), C(
       s,
       (e) => {
         K("update:modelValue", e);
       }
     );
-    const U = m(() => {
+    const W = p(() => {
       const e = [
         "sl-relative",
         "sl-w-full",
@@ -129,12 +129,12 @@ const de = { class: "sl-w-full" }, ue = { class: "sl-relative" }, ce = { class:
         "sl-cursor-not-allowed",
         "sl-border-gray-200",
         "dark:sl-border-slate-700"
-      ) : $.value ? e.push(
+      ) : I.value ? e.push(
         "sl-border-red-300",
         "dark:sl-border-red-500",
         "focus:sl-ring-red-500",
         "focus:sl-border-red-500"
-      ) : b.valid && b.touched ? e.push(
+      ) : g.valid && g.touched ? e.push(
         "sl-border-green-300",
         "dark:sl-border-green-500",
         "focus:sl-ring-green-500",
@@ -145,71 +145,71 @@ const de = { class: "sl-w-full" }, ue = { class: "sl-relative" }, ce = { class:
         "hover:sl-border-gray-400",
         "dark:hover:sl-border-slate-500"
       ), e.join(" ");
-    }), k = (e) => e[t.itemKey], x = (e) => e[t.itemText] || e.toString(), I = m(() => s.value ? t.multiple && Array.isArray(s.value) ? s.value.length === 0 ? "" : s.value.length === 1 ? x(s.value[0]) : `${s.value.length} items selected` : x(s.value) : ""), L = m(() => s.value ? t.multiple && Array.isArray(s.value) ? s.value.length === 1 ? s.value[0].icon : null : s.value.icon : null), D = m(() => t.items.filter((e) => !e.disabled)), W = (e) => {
-      s.value = e, j(!0), E(e);
-    }, T = m(() => {
+    }), k = (e) => e[t.itemKey], A = (e) => e[t.itemText] || e.toString(), D = p(() => s.value ? t.multiple && Array.isArray(s.value) ? s.value.length === 0 ? "" : s.value.length === 1 ? A(s.value[0]) : `${s.value.length} items selected` : A(s.value) : ""), O = p(() => s.value ? t.multiple && Array.isArray(s.value) ? s.value.length === 1 ? s.value[0].icon : null : s.value.icon : null), T = p(() => t.items.filter((e) => !e.disabled)), q = (e) => {
+      s.value = e, U(!0), L(e);
+    }, z = p(() => {
       if (!t.multiple || !Array.isArray(s.value)) return !1;
-      const e = D.value;
+      const e = T.value;
       if (e.length === 0) return !1;
-      const l = new Set(s.value.map((a) => k(a)));
-      return e.every((a) => l.has(k(a)));
-    }), q = () => {
-      t.multiple && (T.value ? s.value = [] : s.value = [...D.value], E(s.value));
+      const l = new Set(s.value.map((r) => k(r)));
+      return e.every((r) => l.has(k(r)));
+    }), G = () => {
+      t.multiple && (z.value ? s.value = [] : s.value = [...T.value], L(s.value));
     };
-    return (e, l) => (n(), d("div", de, [
-      i(le, {
-        id: r(S),
-        name: e.name,
-        label: e.label,
-        disabled: e.disabled,
-        optional: !e.rules,
-        "tertiary-label": e.tertiaryLabel,
-        "box-shadow": e.boxShadow,
-        "error-message": r($),
-        "success-message": e.successMessage,
-        "is-valid": r(b).valid,
-        "is-touched": r(b).touched
+    return (e, l) => (i(), u("div", de, [
+      d(le, {
+        id: o($),
+        name: a.name,
+        label: a.label,
+        disabled: a.disabled,
+        optional: !a.rules,
+        "tertiary-label": a.tertiaryLabel,
+        "box-shadow": a.boxShadow,
+        "error-message": o(I),
+        "success-message": a.successMessage,
+        "is-valid": o(g).valid,
+        "is-touched": o(g).touched
       }, {
-        "success-message": u(() => [
-          e.successMessage ? (n(), d("span", ge, h(e.successMessage), 1)) : v("", !0)
+        "success-message": c(() => [
+          a.successMessage ? (i(), u("span", ge, b(a.successMessage), 1)) : h("", !0)
         ]),
-        default: u(() => [
-          i(r(te), {
+        default: c(() => [
+          d(o(te), {
             modelValue: s.value,
             "onUpdate:modelValue": [
-              l[1] || (l[1] = (a) => s.value = a),
-              W
+              l[1] || (l[1] = (r) => s.value = r),
+              q
             ],
-            disabled: e.disabled,
-            multiple: e.multiple
+            disabled: a.disabled,
+            multiple: a.multiple
           }, {
-            default: u(({ open: a }) => [
-              c("div", ue, [
-                i(r(R), {
-                  open: a,
-                  "update-fn": M
+            default: c(({ open: r }) => [
+              m("div", ue, [
+                d(o(j), {
+                  open: r,
+                  "update-fn": F
                 }, null, 8, ["open"]),
-                i(r(ae), {
+                d(o(ae), {
                   ref_key: "listboxButtonRef",
-                  ref: V,
-                  id: r(S),
-                  class: f([
-                    U.value,
-                    e.buttonClass
+                  ref: M,
+                  id: o($),
+                  class: v([
+                    W.value,
+                    a.buttonClass
                   ]),
-                  onClick: M
+                  onClick: F
                 }, {
-                  default: u(() => [
-                    c("span", ce, [
-                      L.value ? (n(), g(z(L.value), {
+                  default: c(() => [
+                    m("span", ce, [
+                      O.value ? (i(), y(N(O.value), {
                         key: 0,
                         class: "sl-h-4 sl-w-4 sl-flex-shrink-0",
                         "aria-hidden": "true"
-                      })) : v("", !0),
-                      I.value ? (n(), d("span", pe, h(I.value), 1)) : (n(), d("span", me, h(e.placeholder || "Select an option"), 1))
+                      })) : h("", !0),
+                      D.value ? (i(), u("span", me, b(D.value), 1)) : (i(), u("span", fe, b(a.placeholder || "Select an option"), 1))
                     ]),
-                    c("span", fe, [
-                      i(r(ne), {
+                    m("span", pe, [
+                      d(o(ne), {
                         class: "sl-h-5 sl-w-5 sl-text-gray-400 dark:sl-text-slate-300",
                         "aria-hidden": "true"
                       })
@@ -217,65 +217,65 @@ const de = { class: "sl-w-full" }, ue = { class: "sl-relative" }, ce = { class:
                   ]),
                   _: 1
                 }, 8, ["id", "class"]),
-                (n(), g(X, { to: "body" }, [
-                  i(J, {
+                (i(), y(_, { to: "body" }, [
+                  d(J, {
                     "leave-active-class": "sl-transition sl-duration-100 sl-ease-in",
                     "leave-from-class": "sl-opacity-100",
                     "leave-to-class": "sl-opacity-0"
                   }, {
-                    default: u(() => [
-                      i(r(re), {
+                    default: c(() => [
+                      d(o(re), {
                         class: "sl-fixed sl-z-[9999] sl-overflow-auto sl-rounded-md sl-bg-white dark:sl-bg-slate-800 sl-py-1 sl-text-base sl-shadow-lg dark:sl-shadow-slate-900/50 sl-ring-1 sl-ring-black sl-ring-opacity-5 dark:sl-ring-slate-700 focus:sl-outline-none sm:sl-text-sm",
                         style: Q(w.value)
                       }, {
-                        default: u(() => [
-                          e.multiple && e.showAll ? (n(), d("li", {
+                        default: c(() => [
+                          a.multiple && a.showAll ? (i(), u("li", {
                             key: 0,
                             role: "button",
                             tabindex: "0",
-                            onMousedown: l[0] || (l[0] = H(() => {
+                            onMousedown: l[0] || (l[0] = P(() => {
                             }, ["prevent"])),
-                            onClick: H(q, ["prevent", "stop"]),
-                            class: f([
+                            onClick: P(G, ["prevent", "stop"]),
+                            class: v([
                               "sl-relative sl-cursor-pointer sl-select-none sl-py-2 sl-pl-3 sl-pr-9 sl-text-gray-900 dark:sl-text-slate-200",
                               "hover:sl-bg-stachelock-600 hover:sl-text-white"
                             ])
                           }, [
-                            c("span", ve, h(T.value ? "Unselect All" : "Select All"), 1)
-                          ], 32)) : v("", !0),
-                          (n(!0), d(Y, null, Z(e.items, (o) => (n(), g(r(oe), {
-                            key: k(o),
-                            value: o,
+                            m("span", ve, b(z.value ? "Unselect All" : "Select All"), 1)
+                          ], 32)) : h("", !0),
+                          (i(!0), u(Y, null, Z(a.items, (n) => (i(), y(o(oe), {
+                            key: k(n),
+                            value: n,
                             as: "template",
-                            disabled: o.disabled
+                            disabled: n.disabled
                           }, {
-                            default: u(({ active: p, selected: A }) => [
-                              c("li", {
-                                class: f([
+                            default: c(({ active: f, selected: B }) => [
+                              m("li", {
+                                class: v([
                                   "sl-relative sl-cursor-default sl-select-none sl-py-2 sl-pl-3 sl-pr-9",
-                                  p ? "sl-bg-stachelock-600 sl-text-white" : "sl-text-gray-900 dark:sl-text-slate-200",
-                                  o.disabled ? "sl-opacity-50 sl-cursor-not-allowed" : ""
+                                  f ? "sl-bg-stachelock-600 sl-text-white" : "sl-text-gray-900 dark:sl-text-slate-200",
+                                  n.disabled ? "sl-opacity-50 sl-cursor-not-allowed" : ""
                                 ])
                               }, [
-                                c("div", he, [
-                                  o.icon ? (n(), g(z(o.icon), {
+                                m("div", he, [
+                                  n.icon ? (i(), y(N(n.icon), {
                                     key: 0,
-                                    class: f(["sl-h-4 sl-w-4 sl-flex-shrink-0", p ? "sl-text-white" : "sl-text-gray-400 dark:sl-text-slate-300"]),
+                                    class: v(["sl-h-4 sl-w-4 sl-flex-shrink-0", f ? "sl-text-white" : "sl-text-gray-400 dark:sl-text-slate-300"]),
                                     "aria-hidden": "true"
-                                  }, null, 8, ["class"])) : v("", !0),
-                                  c("span", {
-                                    class: f([
+                                  }, null, 8, ["class"])) : h("", !0),
+                                  m("span", {
+                                    class: v([
                                       "sl-block sl-truncate",
-                                      A ? "sl-font-medium" : "sl-font-normal"
+                                      B ? "sl-font-medium" : "sl-font-normal"
                                     ])
-                                  }, h(x(o)), 3)
+                                  }, b(A(n)), 3)
                                 ]),
-                                A ? (n(), d("span", be, [
-                                  i(r(ie), {
+                                B ? (i(), u("span", be, [
+                                  d(o(ie), {
                                     class: "sl-h-5 sl-w-5",
                                     "aria-hidden": "true"
                                   })
-                                ])) : v("", !0)
+                                ])) : h("", !0)
                               ], 2)
                             ]),
                             _: 2
@@ -298,6 +298,6 @@ const de = { class: "sl-w-full" }, ue = { class: "sl-relative" }, ce = { class:
   }
 });
 export {
-  Ce as _
+  Se as _
 };
-//# sourceMappingURL=SelectInput.vue_vue_type_script_setup_true_lang--yUL7bcx.js.map
+//# sourceMappingURL=SelectInput.vue_vue_type_script_setup_true_lang-DHiZ-7K2.js.map

package/dist/SelectInput.vue_vue_type_script_setup_true_lang-DHiZ-7K2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectInput.vue_vue_type_script_setup_true_lang-DHiZ-7K2.js","sources":["../src/components/inputs/SelectInput.vue"],"sourcesContent":["<!--\n  @component SelectInput\n  @description Dropdown select input with Headless UI integration.\n  \n  A select/dropdown component built on Headless UI's Listbox with support\n  for single and multiple selection, icons, and validation.\n  \n  @props\n  - name (string, required): Field name for form binding\n  - items (SelectItem[], required): Options array with id/name or custom keys\n  - label (string, optional): Display label\n  - placeholder (string, optional): Placeholder text\n  - disabled (boolean, optional): Disabled state\n  - multiple (boolean, optional): Enable multiple selection\n  - showAll (boolean, optional): Show \"Select All\" option for multiple\n  - itemKey (string, optional): Property for item key (default: 'id')\n  - itemText (string, optional): Property for item text (default: 'name')\n  - rules (Schema, optional): Validation rules\n  - modelValue (any, optional): Selected value(s) via v-model\n  \n  @emits\n  - update:modelValue: Emitted when selection changes\n  \n  @example\n  <SelectInput\n    name=\"country\"\n    label=\"Country\"\n    :items=\"countries\"\n    v-model=\"form.country\"\n    placeholder=\"Select a country\"\n  />\n  \n  @example Multiple selection with Select All\n  <SelectInput\n    name=\"languages\"\n    label=\"Languages\"\n    :items=\"languages\"\n    v-model=\"form.languages\"\n    multiple\n    show-all\n  />\n-->\n<template>\n  <div class=\"sl-w-full\">\n    <FormFieldWrapper\n      :id=\"id\"\n      :name=\"name\"\n      :label=\"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    >\n      <Listbox\n        v-model=\"selectedValue\"\n        :disabled=\"disabled\"\n        :multiple=\"multiple\"\n        @update:model-value=\"handleChange\"\n        v-slot=\"{ open }\"\n      >\n        <div class=\"sl-relative\">\n          <!-- Track open state changes to sync position updates -->\n          <DropdownPositionTracker :open=\"open\" :update-fn=\"updateDropdownPosition\" />\n          <ListboxButton\n            ref=\"listboxButtonRef\"\n            :id=\"id\"\n            :class=\"[\n              selectClasses,\n              buttonClass\n            ]\"\n            @click=\"updateDropdownPosition\"\n          >\n            <span class=\"sl-flex sl-items-center sl-gap-2\">\n              <!-- Selected item icon -->\n              <component\n                v-if=\"selectedIcon\"\n                :is=\"selectedIcon\"\n                class=\"sl-h-4 sl-w-4 sl-flex-shrink-0\"\n                aria-hidden=\"true\"\n              />\n              \n              <!-- Selected value display -->\n              <span\n                v-if=\"displayValue\"\n                class=\"sl-block sl-truncate sl-text-left\"\n              >\n                {{ displayValue }}\n              </span>\n              <span\n                v-else\n                class=\"sl-block sl-truncate sl-text-left sl-text-gray-500 dark:sl-text-slate-300\"\n              >\n                {{ placeholder || 'Select an option' }}\n              </span>\n            </span>\n            \n            <span class=\"sl-pointer-events-none sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-2\">\n              <ChevronUpDownIcon\n                class=\"sl-h-5 sl-w-5 sl-text-gray-400 dark:sl-text-slate-300\"\n                aria-hidden=\"true\"\n              />\n            </span>\n          </ListboxButton>\n\n          <Teleport to=\"body\">\n            <transition\n              leave-active-class=\"sl-transition sl-duration-100 sl-ease-in\"\n              leave-from-class=\"sl-opacity-100\"\n              leave-to-class=\"sl-opacity-0\"\n            >\n              <ListboxOptions\n                class=\"sl-fixed sl-z-[9999] sl-overflow-auto sl-rounded-md sl-bg-white dark:sl-bg-slate-800 sl-py-1 sl-text-base sl-shadow-lg dark:sl-shadow-slate-900/50 sl-ring-1 sl-ring-black sl-ring-opacity-5 dark:sl-ring-slate-700 focus:sl-outline-none sm:sl-text-sm\"\n                :style=\"dropdownStyle\"\n              >\n                <!-- Show All option for multiple select -->\n                <li\n                  v-if=\"multiple && showAll\"\n                  role=\"button\"\n                  tabindex=\"0\"\n                  @mousedown.prevent\n                  @click.prevent.stop=\"toggleSelectAll\"\n                  :class=\"[\n                    'sl-relative sl-cursor-pointer sl-select-none sl-py-2 sl-pl-3 sl-pr-9 sl-text-gray-900 dark:sl-text-slate-200',\n                    'hover:sl-bg-stachelock-600 hover:sl-text-white',\n                  ]\"\n                >\n                  <span class=\"sl-block sl-truncate sl-font-medium\">\n                    {{ isAllSelected ? 'Unselect All' : 'Select All' }}\n                  </span>\n                </li>\n\n                <!-- Regular options -->\n                <ListboxOption\n                  v-for=\"item in items\"\n                  :key=\"getItemKey(item)\"\n                  :value=\"item\"\n                  as=\"template\"\n                  :disabled=\"item.disabled\"\n                  v-slot=\"{ active, selected }\"\n                >\n                  <li\n                    :class=\"[\n                      'sl-relative sl-cursor-default sl-select-none sl-py-2 sl-pl-3 sl-pr-9',\n                      active ? 'sl-bg-stachelock-600 sl-text-white' : 'sl-text-gray-900 dark:sl-text-slate-200',\n                      item.disabled ? 'sl-opacity-50 sl-cursor-not-allowed' : ''\n                    ]\"\n                  >\n                    <div class=\"sl-flex sl-items-center sl-gap-2\">\n                      <!-- Item icon -->\n                      <component\n                        v-if=\"item.icon\"\n                        :is=\"item.icon\"\n                        class=\"sl-h-4 sl-w-4 sl-flex-shrink-0\"\n                        :class=\"active ? 'sl-text-white' : 'sl-text-gray-400 dark:sl-text-slate-300'\"\n                        aria-hidden=\"true\"\n                      />\n                      \n                      <span\n                        :class=\"[\n                          'sl-block sl-truncate',\n                          selected ? 'sl-font-medium' : 'sl-font-normal'\n                        ]\"\n                      >\n                        {{ getItemText(item) }}\n                      </span>\n                    </div>\n\n                    <span\n                      v-if=\"selected\"\n                      class=\"sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-4\"\n                    >\n                      <CheckIcon class=\"sl-h-5 sl-w-5\" aria-hidden=\"true\" />\n                    </span>\n                  </li>\n                </ListboxOption>\n              </ListboxOptions>\n            </transition>\n          </Teleport>\n        </div>\n      </Listbox>\n      \n      <template #success-message>\n        <span v-if=\"successMessage\">{{ successMessage }}</span>\n      </template>\n    </FormFieldWrapper>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n/**\n * SelectInput - Dropdown select with Headless UI\n * \n * Provides a styled select/dropdown component with single and multiple\n * selection modes. Uses Headless UI's Listbox for accessibility.\n * \n * ## Features\n * - Single and multiple selection modes\n * - \"Select All\" option for multiple mode\n * - Item icons support\n * - vee-validate integration\n * - Accessible keyboard navigation\n * - Customizable item key/text properties\n * - Teleported dropdown to avoid z-index/overflow issues\n * \n * @module components/inputs/SelectInput\n * @see {@link SelectItem} for item interface\n */\nimport { computed, ref, watch, onBeforeUnmount, defineComponent } from 'vue'\nimport {\n  Listbox,\n  ListboxButton,\n  ListboxOption,\n  ListboxOptions,\n} from '@headlessui/vue'\nimport { CheckIcon, ChevronUpDownIcon } from '@heroicons/vue/20/solid'\nimport { useField } from 'vee-validate'\nimport FormFieldWrapper from '../forms/FormFieldWrapper.vue'\nimport type { ValidationRule } from '../../types/form'\nimport { generateId } from '../../utils/id'\n\n/**\n * DropdownPositionTracker - Renderless component that watches HeadlessUI open state\n * and triggers position updates when dropdown opens or scroll/resize occurs\n */\nconst DropdownPositionTracker = defineComponent({\n  props: {\n    open: { type: Boolean, required: true },\n    updateFn: { type: Function, required: true }\n  },\n  setup(props) {\n    // Define handleScroll in setup scope so it's a stable reference\n    const handleScroll = () => {\n      if (props.open) {\n        props.updateFn()\n      }\n    }\n    \n    // Watch the open prop and trigger position update + attach scroll listeners\n    watch(() => props.open, (isOpen) => {\n      if (isOpen) {\n        // Update position immediately when opening\n        props.updateFn()\n        // Add scroll/resize listeners - use capture to catch scroll events from any container\n        window.addEventListener('scroll', handleScroll, true)\n        window.addEventListener('resize', handleScroll)\n      } else {\n        // Remove listeners when closed\n        window.removeEventListener('scroll', handleScroll, true)\n        window.removeEventListener('resize', handleScroll)\n      }\n    }, { immediate: true })\n    \n    // Cleanup on unmount\n    onBeforeUnmount(() => {\n      window.removeEventListener('scroll', handleScroll, true)\n      window.removeEventListener('resize', handleScroll)\n    })\n    \n    // Render nothing\n    return () => null\n  }\n})\n\n// Refs for floating dropdown positioning\nconst listboxButtonRef = ref<InstanceType<typeof ListboxButton> | null>(null)\nconst dropdownStyle = ref<Record<string, string>>({\n  top: '0px',\n  left: '0px',\n  width: '200px'\n})\n\n// Estimated dropdown height for flip calculation (max-h-56 = 14rem = 224px)\nconst DROPDOWN_MAX_HEIGHT = 224\nconst DROPDOWN_GAP = 4\n\nfunction updateDropdownPosition() {\n  // Get the actual DOM element from the Headless UI component\n  const el = listboxButtonRef.value?.$el as HTMLElement | undefined\n  if (!el) return\n  \n  const rect = el.getBoundingClientRect()\n  const viewportHeight = window.innerHeight\n  \n  // Calculate available space below and above the button\n  const spaceBelow = viewportHeight - rect.bottom - DROPDOWN_GAP\n  const spaceAbove = rect.top - DROPDOWN_GAP\n  \n  // Determine if we should flip to show above\n  const shouldFlipAbove = spaceBelow < DROPDOWN_MAX_HEIGHT && spaceAbove > spaceBelow\n  \n  if (shouldFlipAbove) {\n    // Position above the button\n    dropdownStyle.value = {\n      bottom: `${viewportHeight - rect.top + DROPDOWN_GAP}px`,\n      left: `${rect.left}px`,\n      width: `${rect.width}px`,\n      maxHeight: `${Math.min(spaceAbove, DROPDOWN_MAX_HEIGHT)}px`\n    }\n  } else {\n    // Position below the button (default)\n    dropdownStyle.value = {\n      top: `${rect.bottom + DROPDOWN_GAP}px`,\n      left: `${rect.left}px`,\n      width: `${rect.width}px`,\n      maxHeight: `${Math.min(spaceBelow, DROPDOWN_MAX_HEIGHT)}px`\n    }\n  }\n}\n\nimport type { SelectItem, SelectItemValue } from '../../types/inputs'\n\ninterface Props {\n  name: string\n  items: SelectItem[]\n  label?: string\n  placeholder?: string\n  disabled?: boolean\n  rules?: ValidationRule\n  validateOnMount?: boolean\n  successMessage?: string\n  tertiaryLabel?: string\n  buttonClass?: string\n  multiple?: boolean\n  showAll?: boolean\n  itemKey?: string\n  itemText?: string\n  modelValue?: SelectItemValue | SelectItem | SelectItem[]\n  boxShadow?: boolean\n}\n\nconst props = withDefaults(defineProps<Props>(), {\n  itemKey: 'id',\n  itemText: 'name',\n  multiple: false,\n  showAll: false,\n  boxShadow: false\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: SelectItemValue | SelectItem | SelectItem[]]\n}>()\n\nconst id = generateId(props.name)\n\n// Use vee-validate for form validation\nconst { value, errorMessage, handleChange: handleValidation, meta, setTouched } = useField(\n  () => props.name,\n  props.rules,\n  {\n    validateOnMount: props.validateOnMount,\n    initialValue: props.modelValue\n  }\n)\n\nconst selectedValue = ref<any>(\n  props.multiple\n    ? (Array.isArray(props.modelValue) ? props.modelValue : [])\n    : props.modelValue\n)\n\n// Watch for external changes\nwatch(\n  () => props.modelValue,\n  (newValue) => {\n    if (props.multiple) {\n      const coerced = Array.isArray(newValue) ? newValue : []\n      if (coerced !== selectedValue.value) {\n        selectedValue.value = coerced\n        value.value = coerced\n      }\n    } else {\n      if (newValue !== selectedValue.value) {\n        selectedValue.value = newValue\n        value.value = newValue\n      }\n    }\n  },\n  { immediate: true }\n)\n\nwatch(\n  selectedValue,\n  (newValue) => {\n    emit('update:modelValue', newValue)\n  }\n)\n\nconst selectClasses = computed(() => {\n  const baseClasses = [\n    'sl-relative',\n    'sl-w-full',\n    'sl-cursor-default',\n    'sl-rounded-md',\n    'sl-bg-white',\n    'dark:sl-bg-slate-900',\n    'sl-text-gray-900',\n    'dark:sl-text-slate-100',\n    'sl-py-2',\n    'sl-pl-3',\n    'sl-pr-10',\n    'sl-text-left',\n    'sl-border',\n    'sl-text-sm',\n    'focus:sl-outline-none',\n    'focus:sl-ring-2',\n    'focus:sl-ring-stachelock-500',\n    'focus:sl-border-stachelock-500',\n    'sl-transition-all',\n    'sl-duration-200'\n  ]\n\n  if (props.disabled) {\n    baseClasses.push(\n      'sl-bg-gray-50',\n      'dark:sl-bg-slate-800',\n      'sl-text-gray-500',\n      'dark:sl-text-slate-300',\n      'sl-cursor-not-allowed',\n      'sl-border-gray-200',\n      'dark:sl-border-slate-700'\n    )\n  } else if (errorMessage.value) {\n    baseClasses.push(\n      'sl-border-red-300',\n      'dark:sl-border-red-500',\n      'focus:sl-ring-red-500',\n      'focus:sl-border-red-500'\n    )\n  } else if (meta.valid && meta.touched) {\n    baseClasses.push(\n      'sl-border-green-300',\n      'dark:sl-border-green-500',\n      'focus:sl-ring-green-500',\n      'focus:sl-border-green-500'\n    )\n  } else {\n    baseClasses.push(\n      'sl-border-gray-300',\n      'dark:sl-border-slate-600',\n      'hover:sl-border-gray-400',\n      'dark:hover:sl-border-slate-500'\n    )\n  }\n\n  return baseClasses.join(' ')\n})\n\nconst getItemKey = (item: SelectItem): SelectItemValue => {\n  return item[props.itemKey] as SelectItemValue\n}\n\nconst getItemText = (item: SelectItem): string => {\n  return item[props.itemText] || item.toString()\n}\n\nconst displayValue = computed(() => {\n  if (!selectedValue.value) return ''\n  \n  if (props.multiple && Array.isArray(selectedValue.value)) {\n    if (selectedValue.value.length === 0) return ''\n    if (selectedValue.value.length === 1) {\n      return getItemText(selectedValue.value[0])\n    }\n    return `${selectedValue.value.length} items selected`\n  }\n  \n  return getItemText(selectedValue.value)\n})\n\nconst selectedIcon = computed(() => {\n  if (!selectedValue.value) return null\n  \n  if (props.multiple && Array.isArray(selectedValue.value)) {\n    return selectedValue.value.length === 1 ? selectedValue.value[0].icon : null\n  }\n  \n  return selectedValue.value.icon\n})\n\nconst allItems = computed(() => {\n  return props.items.filter(item => !item.disabled)\n})\n\nconst handleChange = (value: SelectItemValue | SelectItem | SelectItem[]) => {\n  selectedValue.value = value\n  setTouched(true)\n  handleValidation(value)\n}\n\nconst isAllSelected = computed(() => {\n  if (!props.multiple || !Array.isArray(selectedValue.value)) return false\n  const selectable = allItems.value\n  if (selectable.length === 0) return false\n  // Compare by item key instead of reference for reliable equality check\n  const selectedKeys = new Set((selectedValue.value as SelectItem[]).map(item => getItemKey(item)))\n  return selectable.every(item => selectedKeys.has(getItemKey(item)))\n})\n\nconst toggleSelectAll = () => {\n  if (!props.multiple) return\n  if (isAllSelected.value) {\n    selectedValue.value = []\n  } else {\n    selectedValue.value = [...allItems.value]\n  }\n  handleValidation(selectedValue.value)\n}\n</script>\n\n\n"],"names":["DROPDOWN_MAX_HEIGHT","DROPDOWN_GAP","DropdownPositionTracker","defineComponent","props","handleScroll","watch","isOpen","onBeforeUnmount","listboxButtonRef","ref","dropdownStyle","updateDropdownPosition","el","rect","viewportHeight","spaceBelow","spaceAbove","__props","emit","__emit","id","generateId","value","errorMessage","handleValidation","meta","setTouched","useField","selectedValue","newValue","coerced","selectClasses","computed","baseClasses","getItemKey","item","getItemText","displayValue","selectedIcon","allItems","handleChange","isAllSelected","selectable","selectedKeys","toggleSelectAll","_openBlock","_createElementBlock","_hoisted_1","_createVNode","FormFieldWrapper","_unref","Listbox","$event","_withCtx","open","_createElementVNode","_hoisted_2","ListboxButton","_normalizeClass","_hoisted_3","_createBlock","_resolveDynamicComponent","_hoisted_4","_toDisplayString","_hoisted_5","_hoisted_6","ChevronUpDownIcon","_Teleport","_Transition","ListboxOptions","_hoisted_7","_Fragment","_renderList","ListboxOption","active","selected","_hoisted_8","_hoisted_9","CheckIcon"],"mappings":"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"}

package/dist/{SelectTextInput.vue_vue_type_script_setup_true_lang-B2Gw_se2.js → SelectTextInput.vue_vue_type_script_setup_true_lang-DYrXW14A.js}

@@ -2,7 +2,7 @@ import { defineComponent as X, ref as B, onMounted as P, onBeforeUnmount as Z, r
 import { r as ie, a as oe } from "./ExclamationCircleIcon-DmL8Wwjo.js";
 import { r as de } from "./ChevronUpDownIcon-Bq_fsgrb.js";
 import { r as ce } from "./CheckIcon-BGlsmVwT.js";
-import { I as ue, j as fe, A as ve, F as ye } from "./listbox-p2_4hUSD.js";
+import { I as ue, j as fe, A as ve, F as ye } from "./listbox-YaWWZiiG.js";
 const xe = {
   class: "sl-space-y-1",
   "data-testid": "select-text-input"
@@ -336,4 +336,4 @@ const xe = {
 export {
   Ne as _
 };
-//# sourceMappingURL=SelectTextInput.vue_vue_type_script_setup_true_lang-B2Gw_se2.js.map
+//# sourceMappingURL=SelectTextInput.vue_vue_type_script_setup_true_lang-DYrXW14A.js.map