@stachelock/ui 0.6.7 → 0.6.10

package/dist/SelectInput.vue_vue_type_script_setup_true_lang-COZuuSFS.js

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

package/dist/SelectTextInput.vue_vue_type_script_setup_true_lang-BVaViHPl.js

@@ -1,336 +0,0 @@
-import { defineComponent as X, ref as B, onMounted as N, onBeforeUnmount as Z, reactive as _, toRefs as ee, computed as x, watch as te, createElementBlock as o, openBlock as r, createCommentVNode as f, createElementVNode as d, createVNode as v, createBlock as O, resolveDynamicComponent as le, toDisplayString as g, unref as y, normalizeClass as h, withCtx as b, Teleport as se, Transition as P, normalizeStyle as ae, Fragment as ne, renderList as re } from "vue";
-import { ExclamationCircleIcon as ie, CheckCircleIcon as oe, ChevronUpDownIcon as de, CheckIcon as ce } from "@heroicons/vue/20/solid";
-import { Listbox as ue, ListboxButton as fe, ListboxOptions as xe, ListboxOption as ve } from "@headlessui/vue";
-const ye = {
-  class: "sl-space-y-1",
-  "data-testid": "select-text-input"
-}, ge = {
-  key: 0,
-  class: "sl-grid sl-grid-cols-3 sl-items-center"
-}, me = { class: "sl-col-span-2 sl-flex sl-items-center" }, pe = {
-  key: 1,
-  class: "sl-text-sm sl-font-medium",
-  style: { color: "var(--sl-text-primary)" }
-}, he = { class: "sl-justify-self-end sl-col-start-3 sl-text-right sl-space-y-0.5" }, be = {
-  key: 0,
-  class: "sl-text-xs",
-  style: { color: "var(--sl-text-muted)" }
-}, ke = {
-  key: 1,
-  class: "sl-text-2xs sl-uppercase sl-truncate sl-font-semibold sl-block",
-  style: { color: "var(--sl-text-secondary)" }
-}, we = {
-  key: 2,
-  class: "sl-text-xs sl-uppercase sl-truncate sl-font-semibold sl-block",
-  style: { color: "var(--sl-text-secondary)" }
-}, Se = { class: "sl-relative sl-mt-1" }, Le = {
-  key: 0,
-  class: "sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-3 sl-z-20 sl-pointer-events-none"
-}, Ce = {
-  key: 1,
-  class: "sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-3 sl-z-20 sl-pointer-events-none"
-}, Ee = { class: "sl-relative" }, Be = { class: "sl-pointer-events-none sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-2" }, Oe = {
-  key: 0,
-  class: "sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-4"
-}, Re = { class: "sl-flex-1 sl-relative" }, Me = ["aria-invalid", "name", "placeholder", "inputmode", "maxlength", "value", "disabled"], Ve = {
-  key: 0,
-  class: "sl-mt-2 sl-text-sm sl-text-red-600 dark:sl-text-red-400 sl-bg-red-50 dark:sl-bg-red-900/20 sl-ring-1 sl-ring-red-100 dark:sl-ring-red-800 sl-rounded-md sl-p-2"
-}, ze = {
-  key: 1,
-  class: "sl-text-xs sl-text-gray-500 dark:sl-text-slate-400"
-}, $e = /* @__PURE__ */ X({
-  __name: "SelectTextInput",
-  props: {
-    name: { type: String, required: !0 },
-    label: { type: String, default: "" },
-    tertiaryLabel: { type: String, default: "" },
-    secondaryLabel: { type: String, default: "" },
-    labelIconLeft: { type: [Object, Function], default: void 0 },
-    value: {
-      type: [Object, String, Number],
-      default: void 0
-    },
-    select: {
-      type: Object,
-      default: () => ({ options: [] })
-    },
-    text: {
-      type: Object,
-      default: () => ({})
-    },
-    delimiter: { type: String, default: " " },
-    formatter: { type: Function },
-    showErrors: { type: Boolean, default: !1 },
-    hasError: { type: Boolean, default: !1 },
-    validateOnMount: { type: Boolean, default: !1 },
-    textValidationRegex: { type: [RegExp, Object], default: void 0 },
-    requiredText: { type: Boolean, default: !1 },
-    disabled: { type: Boolean, default: !1 },
-    disabledMessage: { type: String, default: "" },
-    colorfulValidation: { type: Boolean, default: !0 },
-    showValidCheck: { type: Boolean, default: !0 }
-  },
-  emits: ["update:value", "update:validity"],
-  setup(s, { emit: q }) {
-    const R = B(null), M = B({
-      top: "0px",
-      left: "0px",
-      width: "120px"
-    }), k = B(!1);
-    function V() {
-      const e = R.value?.$el;
-      if (!e) return;
-      const t = e.getBoundingClientRect();
-      M.value = {
-        top: `${t.bottom + 4}px`,
-        left: `${t.left}px`,
-        width: `${Math.max(t.width, 120)}px`
-      };
-    }
-    function F() {
-      k.value = !k.value, k.value && V();
-    }
-    function w() {
-      k.value && V();
-    }
-    N(() => {
-      window.addEventListener("scroll", w, !0), window.addEventListener("resize", w);
-    }), Z(() => {
-      window.removeEventListener("scroll", w, !0), window.removeEventListener("resize", w);
-    });
-    const U = /\b(19|20)\d{2}\b$/;
-    function i(e) {
-      if (typeof e == "string") {
-        const t = e.trim();
-        return t.length ? t : void 0;
-      }
-      if (typeof e == "number") {
-        const t = String(e);
-        return t.length ? t : void 0;
-      }
-    }
-    function z(e) {
-      return !!e && typeof e == "object" && !Array.isArray(e) && ("select" in e || "text" in e || "display" in e);
-    }
-    function Y(e) {
-      return !!(e.select || e.text || e.display);
-    }
-    function C(e, t, l) {
-      return l || (e && t ? `${e} ${t}`.trim() : e || t || void 0);
-    }
-    function I(e) {
-      const t = {};
-      if (e == null) return t;
-      if (typeof e == "string" || typeof e == "number") {
-        const l = i(e);
-        if (!l) return t;
-        const u = l.match(U);
-        if (u) {
-          const c = u[0], p = l.slice(0, l.length - c.length).trim();
-          p && (t.select = p), t.text = c, t.display = C(t.select, t.text);
-        } else
-          t.text = l, t.display = l;
-        return t;
-      }
-      if (z(e)) {
-        const l = e, u = i(l.select), c = i(l.text), p = i(l.display);
-        return u && (t.select = u), c && (t.text = c), t.display = C(t.select, t.text, p), t;
-      }
-      if (typeof e == "object" && !Array.isArray(e)) {
-        const l = e, u = i(l.select) ?? i(l.term) ?? i(l.semester), c = i(l.text) ?? i(l.year) ?? i(l.value), p = i(l.display) ?? i(l.label);
-        return u && (t.select = u), c && (t.text = c), t.display = C(t.select, t.text, p), t;
-      }
-      return t;
-    }
-    const a = s, j = q, T = I(a.value), $ = _({
-      localValue: T
-    }), { localValue: n } = ee($), G = x(
-      () => Y(T) && !z(a.value)
-    ), A = x(() => a.select?.options || []), E = x(() => n.value.select && A.value.find((e) => e.value === n.value.select) || null), H = x(() => {
-      const e = n.value.text;
-      return a.textValidationRegex ? !e || String(e).trim() === "" ? a.requiredText === !0 : !a.textValidationRegex.test(String(e)) : !1;
-    }), m = x(() => a.showErrors && (a.hasError || H.value)), D = x(
-      () => a.showValidCheck && !m.value && !!S.value
-    ), J = x(() => a.disabled ? "sl-ring-gray-200 dark:sl-ring-slate-700" : a.colorfulValidation ? m.value ? "sl-ring-red-300 dark:sl-ring-red-500 focus-within:sl-ring-stachelock-600" : D.value ? "sl-ring-green-300 dark:sl-ring-green-500 focus-within:sl-ring-stachelock-600" : "sl-ring-gray-300 dark:sl-ring-slate-600 focus-within:sl-ring-stachelock-600" : "sl-ring-gray-300 dark:sl-ring-slate-600 focus-within:sl-ring-stachelock-600"), S = x(() => {
-      const e = { select: n.value.select, text: n.value.text }, t = a.formatter ? a.formatter(e) : void 0;
-      return t !== void 0 ? t : [e.select, e.text].filter(Boolean).join(a.delimiter).trim();
-    }), K = x(() => {
-      if (!m.value) return "";
-      const e = !!n.value.select, t = !!n.value.text && String(n.value.text).trim() !== "", l = !!n.value.text && /^\d{4}$/.test(String(n.value.text));
-      return !e && !t ? "Please select an option and enter a value." : e ? t ? !l && a.textValidationRegex ? "Please enter a valid value." : "Please complete both fields." : "Please enter a value." : "Please select an option.";
-    });
-    function L() {
-      const e = S.value || void 0, t = {
-        select: n.value.select,
-        text: n.value.text,
-        display: e
-      };
-      j("update:value", t);
-      const l = !!(t.select && t.text && String(t.text).length > 0);
-      j("update:validity", l);
-    }
-    function Q(e) {
-      n.value.select = e?.value || void 0, k.value = !1, L();
-    }
-    function W(e) {
-      n.value.text = e || void 0, L();
-    }
-    return te(
-      () => a.value,
-      (e) => {
-        $.localValue = I(e);
-      },
-      { deep: !0 }
-    ), N(() => {
-      G.value && L();
-    }), a.validateOnMount && L(), (e, t) => (r(), o("div", ye, [
-      s.label || s.secondaryLabel || s.tertiaryLabel || s.disabled && s.disabledMessage ? (r(), o("div", ge, [
-        d("div", me, [
-          s.labelIconLeft ? (r(), O(le(s.labelIconLeft), {
-            key: 0,
-            class: "sl-mr-2 sl-h-4 sl-w-4 sl-text-yellow-300"
-          })) : f("", !0),
-          s.label ? (r(), o("label", pe, g(s.label), 1)) : f("", !0)
-        ]),
-        d("div", he, [
-          s.disabled && s.disabledMessage ? (r(), o("p", be, g(s.disabledMessage), 1)) : f("", !0),
-          s.secondaryLabel ? (r(), o("span", ke, g(s.secondaryLabel), 1)) : f("", !0),
-          s.tertiaryLabel ? (r(), o("span", we, g(s.tertiaryLabel), 1)) : f("", !0)
-        ])
-      ])) : f("", !0),
-      d("div", Se, [
-        m.value ? (r(), o("div", Le, [
-          v(y(ie), {
-            class: "sl-h-5 sl-w-5 sl-text-red-500",
-            "aria-hidden": "true"
-          })
-        ])) : D.value ? (r(), o("div", Ce, [
-          v(y(oe), {
-            class: "sl-h-5 sl-w-5 sl-text-green-500",
-            "aria-hidden": "true"
-          })
-        ])) : f("", !0),
-        d("div", {
-          class: h(["sl-flex sl-rounded-md sl-shadow-sm sl-ring-1 sl-ring-inset focus-within:sl-ring-2 focus-within:sl-ring-inset", J.value])
-        }, [
-          v(y(ue), {
-            "model-value": E.value,
-            "onUpdate:modelValue": Q,
-            disabled: s.disabled
-          }, {
-            default: b(() => [
-              d("div", Ee, [
-                v(y(fe), {
-                  ref_key: "listboxButtonRef",
-                  ref: R,
-                  class: h([
-                    "sl-relative sl-cursor-default sl-rounded-l-md sl-border-0 sl-py-2 sl-pl-3 sl-pr-10 sl-text-left sl-text-sm",
-                    "sl-bg-white dark:sl-bg-slate-900 sl-text-gray-900 dark:sl-text-slate-100",
-                    "focus:sl-outline-none focus:sl-ring-0",
-                    s.disabled ? "sl-cursor-not-allowed sl-bg-gray-50 dark:sl-bg-slate-800 sl-text-gray-500 dark:sl-text-slate-400" : ""
-                  ]),
-                  "data-testid": "select-dropdown",
-                  onClick: F
-                }, {
-                  default: b(() => [
-                    d("span", {
-                      class: h(["sl-block sl-truncate sl-min-w-[80px]", E.value ? "" : "sl-text-gray-500 dark:sl-text-slate-400"])
-                    }, g(E.value?.label || s.select?.placeholder || "Select…"), 3),
-                    d("span", Be, [
-                      v(y(de), {
-                        class: "sl-h-5 sl-w-5 sl-text-gray-400 dark:sl-text-slate-300",
-                        "aria-hidden": "true"
-                      })
-                    ])
-                  ]),
-                  _: 1
-                }, 8, ["class"]),
-                (r(), O(se, { to: "body" }, [
-                  v(P, {
-                    "leave-active-class": "sl-transition sl-duration-100 sl-ease-in",
-                    "leave-from-class": "sl-opacity-100",
-                    "leave-to-class": "sl-opacity-0"
-                  }, {
-                    default: b(() => [
-                      v(y(xe), {
-                        class: "sl-fixed sl-z-[9999] sl-max-h-56 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: ae(M.value)
-                      }, {
-                        default: b(() => [
-                          (r(!0), o(ne, null, re(A.value, (l) => (r(), O(y(ve), {
-                            key: l.value,
-                            value: l,
-                            as: "template"
-                          }, {
-                            default: b(({ active: u, selected: c }) => [
-                              d("li", {
-                                class: h([
-                                  "sl-relative sl-cursor-default sl-select-none sl-py-2 sl-pl-3 sl-pr-9",
-                                  u ? "sl-bg-stachelock-600 sl-text-white" : "sl-text-gray-900 dark:sl-text-slate-200"
-                                ])
-                              }, [
-                                d("span", {
-                                  class: h(["sl-block sl-truncate", c ? "sl-font-medium" : "sl-font-normal"])
-                                }, g(l.label), 3),
-                                c ? (r(), o("span", Oe, [
-                                  v(y(ce), {
-                                    class: "sl-h-5 sl-w-5",
-                                    "aria-hidden": "true"
-                                  })
-                                ])) : f("", !0)
-                              ], 2)
-                            ]),
-                            _: 2
-                          }, 1032, ["value"]))), 128))
-                        ]),
-                        _: 1
-                      }, 8, ["style"])
-                    ]),
-                    _: 1
-                  })
-                ]))
-              ])
-            ]),
-            _: 1
-          }, 8, ["model-value", "disabled"]),
-          t[1] || (t[1] = d("div", { class: "sl-w-px sl-bg-gray-200 dark:sl-bg-slate-700 sl-self-stretch" }, null, -1)),
-          d("div", Re, [
-            d("input", {
-              class: h([
-                "sl-block sl-w-full sl-text-sm focus:sl-outline-none focus:sl-ring-0 sl-border-0 sl-py-2 sl-pl-3 sl-pr-10 sl-rounded-r-md",
-                "sl-placeholder:text-gray-400 dark:sl-placeholder:text-slate-500",
-                s.disabled ? "sl-bg-gray-50 dark:sl-bg-slate-800 sl-text-gray-500 dark:sl-text-slate-400 sl-cursor-not-allowed" : "sl-bg-white dark:sl-bg-slate-900 sl-text-gray-900 dark:sl-text-slate-100"
-              ]),
-              "aria-invalid": m.value || void 0,
-              name: `${s.name}__text`,
-              placeholder: s.text?.placeholder || "",
-              inputmode: s.text?.inputMode ?? "text",
-              maxlength: s.text?.maxLength || void 0,
-              value: y(n).text || "",
-              onInput: t[0] || (t[0] = (l) => W(l.target.value)),
-              disabled: s.disabled,
-              "data-testid": "text-input"
-            }, null, 42, Me)
-          ])
-        ], 2)
-      ]),
-      v(P, {
-        "enter-active-class": "sl-transition sl-ease-out sl-duration-300",
-        "enter-from-class": "sl-opacity-0 sl-transform sl-scale-95",
-        "enter-to-class": "sl-opacity-100 sl-transform sl-scale-100",
-        "leave-active-class": "sl-transition sl-ease-in sl-duration-200",
-        "leave-from-class": "sl-opacity-100 sl-transform sl-scale-100",
-        "leave-to-class": "sl-opacity-0 sl-transform sl-scale-95"
-      }, {
-        default: b(() => [
-          m.value ? (r(), o("p", Ve, g(K.value), 1)) : f("", !0)
-        ]),
-        _: 1
-      }),
-      !m.value && S.value ? (r(), o("p", ze, g(S.value), 1)) : f("", !0)
-    ]));
-  }
-});
-export {
-  $e as _
-};

package/dist/src/views/ButtonsShowcase.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
-export default _default;

package/dist/src/views/CalendarsShowcase.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
-export default _default;

package/dist/src/views/CardsShowcase.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
-export default _default;

package/dist/src/views/ChartsShowcase.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
-export default _default;

package/dist/src/views/EmptyStatesShowcase.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
-export default _default;