@stachelock/ui 0.6.8 → 0.6.10

package/dist/tabs/TabGroup.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../TabGroup.vue_vue_type_script_setup_true_lang-BzqtAqbr.js";
+import { _ as f } from "../TabGroup.vue_vue_type_script_setup_true_lang-123nIzRC.js";
 export {
   f as default
 };

package/dist/tabs/TabGroupUnderline.d.ts

@@ -1 +1,3 @@
-export {}
+export * from '../src/components/tabs/TabGroupUnderline'
+import StachelockUI from '../src/components/tabs/TabGroupUnderline'
+export default StachelockUI

package/dist/tabs/TabGroupUnderline.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../TabGroupUnderline.vue_vue_type_script_setup_true_lang-C6OYRDCq.js";
+import { _ as f } from "../TabGroupUnderline.vue_vue_type_script_setup_true_lang-DbIwjaLJ.js";
 export {
   f as default
 };

package/dist/tabs/TabsInPills.d.ts

@@ -1 +1,3 @@
-export {}
+export * from '../src/components/tabs/TabsInPills'
+import StachelockUI from '../src/components/tabs/TabsInPills'
+export default StachelockUI

package/dist/tabs/TabsInPills.js

@@ -1,4 +1,4 @@
-import { _ as f } from "../TabsInPills.vue_vue_type_script_setup_true_lang-C7T3PUnB.js";
+import { _ as f } from "../TabsInPills.vue_vue_type_script_setup_true_lang-mw68ZzS1.js";
 export {
   f as default
 };

package/dist/tabs/index.d.ts

@@ -1,2 +1 @@
 export * from '../src/components/tabs/index'
-export {}

package/dist/tabs/index.js

@@ -1,7 +1,7 @@
-import { _ as a } from "../InlineTabs.vue_vue_type_script_setup_true_lang-B6A0zsE6.js";
-import { _ as s } from "../TabGroup.vue_vue_type_script_setup_true_lang-BzqtAqbr.js";
-import { _ as n } from "../TabGroupUnderline.vue_vue_type_script_setup_true_lang-C6OYRDCq.js";
-import { _ as f } from "../TabsInPills.vue_vue_type_script_setup_true_lang-C7T3PUnB.js";
+import { _ as a } from "../InlineTabs.vue_vue_type_script_setup_true_lang-BWzrSbT3.js";
+import { _ as s } from "../TabGroup.vue_vue_type_script_setup_true_lang-123nIzRC.js";
+import { _ as n } from "../TabGroupUnderline.vue_vue_type_script_setup_true_lang-DbIwjaLJ.js";
+import { _ as f } from "../TabsInPills.vue_vue_type_script_setup_true_lang-mw68ZzS1.js";
 export {
   a as InlineTabs,
   s as TabGroup,

package/dist/validation-Dzczp6MS.js

@@ -0,0 +1,22 @@
+function n(e) {
+  if (!e || typeof e == "object" && Object.keys(e).length === 0) return !0;
+  if (typeof e == "object" && "spec" in e)
+    return e.spec?.presence !== "required";
+  if (typeof e == "object" && "tests" in e && Array.isArray(e.tests))
+    return !e.tests.some(
+      (r) => r.OPTIONS?.name === "required" || r.name === "required"
+    );
+  if (typeof e == "object" && typeof e.describe == "function")
+    try {
+      const t = e.describe();
+      if (t.tests)
+        return !t.tests.some(
+          (r) => r.name === "required"
+        );
+    } catch {
+    }
+  return !0;
+}
+export {
+  n as i
+};

package/dist/wrappers/BackgroundGradientWrapper.d.ts

@@ -1 +1,3 @@
-export {}
+export * from '../src/components/wrappers/BackgroundGradientWrapper'
+import StachelockUI from '../src/components/wrappers/BackgroundGradientWrapper'
+export default StachelockUI

package/dist/wrappers/CardWrapper.d.ts

@@ -1 +1,3 @@
-export {}
+export * from '../src/components/wrappers/CardWrapper'
+import StachelockUI from '../src/components/wrappers/CardWrapper'
+export default StachelockUI

package/dist/wrappers/DisclosureWrapper.d.ts

@@ -1 +1,3 @@
-export {}
+export * from '../src/components/wrappers/DisclosureWrapper'
+import StachelockUI from '../src/components/wrappers/DisclosureWrapper'
+export default StachelockUI

package/dist/wrappers/FormErrorWrapper.d.ts

@@ -1 +1,3 @@
-export {}
+export * from '../src/components/wrappers/FormErrorWrapper'
+import StachelockUI from '../src/components/wrappers/FormErrorWrapper'
+export default StachelockUI

package/dist/wrappers/index.d.ts

@@ -1,2 +1 @@
 export * from '../src/components/wrappers/index'
-export {}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stachelock/ui",
-  "version": "0.6.8",
+  "version": "0.6.10",
   "description": "A comprehensive Vue 3 UI component library built with Tailwind CSS",
   "type": "module",
   "main": "./dist/index.js",
@@ -121,29 +121,28 @@
   },
   "homepage": "https://github.com/stachelock/ui#readme",
   "peerDependencies": {
-    "tailwindcss": "^3.4.0",
     "vue": "^3.3.0"
   },
   "dependencies": {
     "@cloudinary/url-gen": "^1.11.2",
     "@cloudinary/vue": "^1.11.2",
     "@googlemaps/js-api-loader": "^1.16.2",
-    "@headlessui/vue": "^1.7.16",
-    "@heroicons/vue": "^2.0.18",
+    "@headlessui/vue": "^1.7.23",
+    "@heroicons/vue": "^2.2.0",
     "@tanstack/table-core": "^8.20.5",
     "@tanstack/vue-table": "^8.20.5",
-    "@tiptap/extension-highlight": "^2.27.2",
-    "@tiptap/extension-link": "^2.1.16",
-    "@tiptap/extension-placeholder": "^2.27.2",
-    "@tiptap/extension-task-item": "^2.27.2",
-    "@tiptap/extension-task-list": "^2.27.2",
-    "@tiptap/extension-text-align": "^2.27.2",
-    "@tiptap/extension-underline": "^2.27.2",
-    "@tiptap/pm": "^2.1.16",
-    "@tiptap/starter-kit": "^2.1.16",
-    "@tiptap/vue-3": "^2.1.16",
+    "@tiptap/extension-highlight": "^3.15.3",
+    "@tiptap/extension-link": "^3.15.3",
+    "@tiptap/extension-placeholder": "^3.15.3",
+    "@tiptap/extension-task-item": "^3.15.3",
+    "@tiptap/extension-task-list": "^3.15.3",
+    "@tiptap/extension-text-align": "^3.15.3",
+    "@tiptap/extension-underline": "^3.15.3",
+    "@tiptap/pm": "^3.15.3",
+    "@tiptap/starter-kit": "^3.15.3",
+    "@tiptap/vue-3": "^3.15.3",
     "@vuepic/vue-datepicker": "^7.4.1",
-    "@vueuse/core": "^10.11.0",
+    "@vueuse/core": "^14.1.0",
     "date-fns": "^3.6.0",
     "dayjs": "^1.11.11",
     "echarts": "^5.6.0",
@@ -161,39 +160,40 @@
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.3.3",
-    "@storybook/addon-docs": "^7.6.10",
-    "@storybook/addon-essentials": "^7.6.10",
-    "@storybook/addon-interactions": "^7.6.10",
-    "@storybook/addon-links": "^7.6.10",
-    "@storybook/blocks": "^7.6.10",
+    "@storybook/addon-docs": "8.6",
+    "@storybook/addon-essentials": "8.6",
+    "@storybook/addon-interactions": "8.6",
+    "@storybook/addon-links": "8.6",
+    "@storybook/blocks": "8.6",
+    "@storybook/test": "^8.6.15",
     "@storybook/testing-library": "^0.2.2",
-    "@storybook/vue3": "^7.6.10",
-    "@storybook/vue3-vite": "^7.6.10",
+    "@storybook/vue3": "8.6",
+    "@storybook/vue3-vite": "8.6",
     "@tailwindcss/forms": "^0.5.7",
-    "@tailwindcss/typography": "^0.5.10",
+    "@tailwindcss/typography": "^0.5.15",
     "@testing-library/vue": "^8.0.1",
     "@tsconfig/node18": "^18.2.2",
     "@types/google.maps": "^3.58.1",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "^18.19.3",
+    "@types/node": "^22.19.6",
     "@vitejs/plugin-vue": "^5.2.1",
-    "@vitest/coverage-v8": "^1.0.0",
-    "@vitest/ui": "^1.0.0",
+    "@vitest/coverage-v8": "^4.0.16",
+    "@vitest/ui": "^4.0.16",
     "@vue/eslint-config-typescript": "^12.0.0",
     "@vue/test-utils": "^2.4.3",
     "@vue/tsconfig": "^0.5.0",
-    "autoprefixer": "^10.4.16",
+    "autoprefixer": "^10.4.20",
     "eslint": "^8.49.0",
     "eslint-plugin-storybook": "^0.6.15",
     "eslint-plugin-vue": "^9.17.0",
     "jsdom": "^26.1.0",
     "postcss": "^8.4.32",
-    "storybook": "^7.6.10",
+    "storybook": "8.6",
     "tailwindcss": "^3.4.17",
     "typescript": "~5.3.0",
     "vite": "^5.4.19",
     "vite-plugin-dts": "^3.6.4",
-    "vitest": "^1.0.0",
+    "vitest": "^4.0.16",
     "vue": "^3.5.18",
     "vue-tsc": "^2.0.29"
   },

package/dist/SelectTextInput.vue_vue_type_script_setup_true_lang-C3BGLjY1.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-2xs 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 _
-};