@stachelock/ui 0.6.8 → 0.6.11

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-DTWW7kYh.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-B8e7kxad.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-Dzi4ENL1.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-DGGJem-g.js";
+import { _ as s } from "../TabGroup.vue_vue_type_script_setup_true_lang-DTWW7kYh.js";
+import { _ as n } from "../TabGroupUnderline.vue_vue_type_script_setup_true_lang-B8e7kxad.js";
+import { _ as f } from "../TabsInPills.vue_vue_type_script_setup_true_lang-Dzi4ENL1.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.11",
   "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/EmailInput.vue_vue_type_script_setup_true_lang-BicPMIop.js

@@ -1,121 +0,0 @@
-import { defineComponent as C, ref as I, toRef as m, watch as n, nextTick as M, createElementBlock as V, openBlock as F, createVNode as K, unref as t, withCtx as f, renderSlot as q, createElementVNode as L, withKeys as N, normalizeClass as O, withModifiers as T } from "vue";
-import { useField as $ } from "vee-validate";
-import { string as z } from "yup";
-import H from "./forms/FormFieldWrapper.js";
-import { g as R } from "./id-DafBB_QF.js";
-const S = { class: "sl-w-full" }, U = ["name", "id", "value", "placeholder", "autocomplete", "disabled", "onKeydown"], J = /* @__PURE__ */ C({
-  __name: "EmailInput",
-  props: {
-    name: {},
-    value: { default: "" },
-    label: { default: "Email" },
-    placeholder: { default: "you@example.com" },
-    disabled: { type: Boolean, default: !1 },
-    disabledMessage: { default: "" },
-    rules: { default: () => z().email("Invalid email address").required("Email is required") },
-    successMessage: { default: "" },
-    tertiaryLabel: { default: "" },
-    colorfulValidation: { type: Boolean, default: !0 },
-    showValidCheck: { type: Boolean, default: !0 },
-    showErrors: { type: Boolean, default: !1 },
-    autoComplete: { default: "email" }
-  },
-  emits: ["update:value", "update:validity", "focus", "blur", "submit"],
-  setup(l, { expose: h, emit: v }) {
-    const s = l, a = v, o = R(`sl-${s.name}`), r = I(!1), {
-      value: i,
-      errorMessage: g,
-      handleBlur: b,
-      handleChange: y,
-      meta: u,
-      validate: c,
-      setTouched: p
-    } = $(m(s, "name"), m(s, "rules"), {
-      initialValue: s.value,
-      validateOnValueUpdate: !0,
-      validateOnMount: !1
-    });
-    n(
-      () => s.value,
-      (e) => {
-        e !== void 0 && e !== i.value && (i.value = e);
-      },
-      { immediate: !0 }
-    ), n(
-      () => u.valid,
-      (e) => M(() => a("update:validity", e)),
-      { immediate: !0 }
-    ), n(i, (e, d) => {
-      e !== d && a("update:value", e || "");
-    });
-    function w(e) {
-      const d = e.target.value;
-      y(d), a("update:value", d);
-    }
-    async function k(e) {
-      r.value || (r.value = !0, p(!0)), await c(), b(e), a("blur", e);
-    }
-    function B(e) {
-      a("focus", e);
-    }
-    function x() {
-      u.valid && i.value && a("submit");
-    }
-    return h({
-      focus: () => {
-        document.getElementById(o)?.focus();
-      },
-      blur: () => {
-        document.getElementById(o)?.blur();
-      },
-      validate: c
-    }), (e, d) => (F(), V("div", S, [
-      K(H, {
-        id: t(o),
-        name: l.name,
-        label: l.label,
-        "tertiary-label": l.tertiaryLabel,
-        "error-message": t(g),
-        "success-message": l.successMessage,
-        "is-valid": t(u).valid,
-        "is-touched": t(u).touched,
-        "show-errors": l.showErrors,
-        "show-valid-check": l.showValidCheck,
-        "colorful-validation": l.colorfulValidation,
-        disabled: l.disabled,
-        "disabled-message": l.disabledMessage
-      }, {
-        default: f(({ inputClasses: E }) => [
-          L("input", {
-            name: l.name,
-            id: t(o),
-            type: "email",
-            value: t(i),
-            placeholder: l.placeholder,
-            autocomplete: l.autoComplete,
-            disabled: l.disabled,
-            class: O(["sl-block sl-w-full sl-bg-transparent sl-text-gray-900 dark:sl-text-gray-100 placeholder:sl-text-gray-400 dark:placeholder:sl-text-gray-500 focus:sl-ring-0 focus:sl-outline-none sm:sl-text-sm sm:sl-leading-6", [
-              E,
-              "sl-py-1.5 sl-pl-2",
-              { "sl-text-gray-400": l.disabled },
-              { "sl-pr-10": l.showValidCheck }
-            ]]),
-            onInput: w,
-            onFocus: B,
-            onBlur: k,
-            onKeydown: N(T(x, ["prevent"]), ["enter"]),
-            enterkeyhint: "go",
-            "data-testid": "email-input"
-          }, null, 42, U)
-        ]),
-        "input-right": f(() => [
-          q(e.$slots, "input-right")
-        ]),
-        _: 3
-      }, 8, ["id", "name", "label", "tertiary-label", "error-message", "success-message", "is-valid", "is-touched", "show-errors", "show-valid-check", "colorful-validation", "disabled", "disabled-message"])
-    ]));
-  }
-});
-export {
-  J as _
-};