@indielayer/ui 1.7.5 → 1.8.1

package/lib/components/select/theme/Select.base.theme.js

@@ -5,7 +5,9 @@ const t = {
       const r = ["w-full border border-secondary-300 dark:border-secondary-700 pr-8 outline-transparent outline outline-2 outline-offset-[-1px] transition-all duration-150 ease-in-out rounded-md shadow-sm"];
       return !s.errorInternal && !e.disabled && r.push("hover:border-secondary-400 dark:hover:border-secondary-500"), e.size === "xs" ? r.push("px-2 py-1 text-xs") : e.size === "sm" ? r.push("px-2 py-1.5 text-sm") : e.size === "lg" ? r.push("px-4 py-3 text-lg") : e.size === "xl" ? r.push("px-5 py-4 text-xl") : r.push("px-3 py-2"), e.disabled ? r.push("bg-secondary-100 dark:bg-secondary-700 text-secondary-400 dark:text-secondary-600 cursor-not-allowed") : r.push("bg-white dark:bg-secondary-800 text-secondary-700 dark:text-secondary-200"), s.errorInternal ? r.push("border-error-500 dark:border-error-400 group-focus:outline-error-500") : e.disabled || r.push("group-focus:outline-[color:var(--x-select-border)]"), r;
     },
-    content: "p-1 max-h-72 overflow-y-auto",
+    content: "p-1",
+    search: "p-1 mb-0.5",
+    contentBody: "overflow-y-auto max-h-64",
     iconWrapper: "pointer-events-none absolute inset-y-0 right-0 flex items-center px-2",
     icon: ({ props: e }) => {
       const s = [""];

package/lib/components/select/theme/Select.carbon.theme.js

@@ -5,7 +5,9 @@ const o = {
       const r = ["w-full border-b text-sm px-4 border-secondary-300 dark:border-secondary-700 pr-8 outline-transparent outline outline-2 outline-offset-[-1px] transition-all duration-150 ease-in-out"];
       return !s.errorInternal && !e.disabled && r.push("hover:border-secondary-400 dark:hover:border-secondary-500"), e.size === "xs" || e.size === "sm" ? r.push("py-1.5") : e.size === "lg" || e.size === "xl" ? r.push("py-3.5") : r.push("py-2.5"), e.disabled ? r.push("bg-secondary-100 dark:bg-secondary-900 text-secondary-300 cursor-not-allowed") : e.readonly ? r.push("bg-white dark:bg-secondary-900 text-secondary-700") : r.push("bg-secondary-50 dark:bg-secondary-800 text-secondary-700 dark:text-secondary-200"), s.errorInternal ? r.push("border-error-500 dark:border-error-400 group-focus:outline-error-500") : e.disabled || r.push("group-focus:outline-[color:var(--x-select-border)]"), r;
     },
-    content: "py-1 max-h-72 overflow-y-auto",
+    content: "p-1",
+    search: "p-1 mb-0.5",
+    contentBody: "overflow-y-auto max-h-64",
     iconWrapper: "pointer-events-none absolute inset-y-0 right-0 flex items-center px-2",
     icon: ({ props: e }) => {
       const s = ["h-5 w-5"];

package/lib/components/slider/Slider.vue.d.ts

@@ -34,6 +34,7 @@ declare const sliderProps: {
         readonly default: () => never[];
     };
     tooltip: StringConstructor;
+    skipFormRegistry: BooleanConstructor;
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     loadingLabel: StringConstructor;
@@ -84,6 +85,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         readonly default: () => never[];
     };
     tooltip: StringConstructor;
+    skipFormRegistry: BooleanConstructor;
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     loadingLabel: StringConstructor;
@@ -135,6 +137,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         readonly default: () => never[];
     };
     tooltip: StringConstructor;
+    skipFormRegistry: BooleanConstructor;
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     loadingLabel: StringConstructor;
@@ -159,6 +162,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     validateOnInput: boolean;
     hideFooter: boolean;
     rules: unknown[];
+    skipFormRegistry: boolean;
     max: string | number;
     min: string | number;
     step: string | number;

package/lib/components/tab/Tab.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent as R, computed as s, ref as d, inject as j, reactive as D, onMounted as E, openBlock as c, createBlock as m, resolveDynamicComponent as L, normalizeStyle as V, unref as o, normalizeClass as v, withCtx as M, renderSlot as g, createElementVNode as z, createCommentVNode as p, toDisplayString as O, Teleport as P, createElementBlock as X } from "vue";
-import { useMutationObserver as F } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9/node_modules/@vueuse/core/index.js";
+import { useMutationObserver as F } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
 import { injectTabGroupKey as G } from "../../composables/keys.js";
 import { useCommon as T } from "../../composables/useCommon.js";
 import { useTheme as I } from "../../composables/useTheme.js";

package/lib/components/tab/TabGroup.vue.js

@@ -1,11 +1,11 @@
 import { defineComponent as B, ref as r, watchEffect as z, reactive as E, computed as o, provide as V, watch as G, onMounted as N, openBlock as $, createElementBlock as q, createElementVNode as f, normalizeClass as v, unref as n, normalizeStyle as F, createVNode as L, withCtx as M, renderSlot as O, withDirectives as W, vShow as X, nextTick as j } from "vue";
-import { useMutationObserver as D, useResizeObserver as K } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9/node_modules/@vueuse/core/index.js";
+import { useMutationObserver as D, useResizeObserver as K } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
 import { injectTabGroupKey as P } from "../../composables/keys.js";
 import { useCommon as b } from "../../composables/useCommon.js";
 import { useColors as A } from "../../composables/useColors.js";
 import { useTheme as H } from "../../composables/useTheme.js";
 import I from "../scroll/Scroll.vue.js";
-import { useThrottleFn as J } from "../../node_modules/.pnpm/@vueuse_shared@10.2.0_vue@3.3.9/node_modules/@vueuse/shared/index.js";
+import { useThrottleFn as J } from "../../node_modules/.pnpm/@vueuse_shared@10.2.0_vue@3.3.9_typescript@5.2.2_/node_modules/@vueuse/shared/index.js";
 const Q = {
   ...b.validators(),
   variant: ["line", "block"],

package/lib/components/textarea/Textarea.vue.d.ts

@@ -39,6 +39,7 @@ declare const textareaProps: {
         readonly default: () => never[];
     };
     tooltip: StringConstructor;
+    skipFormRegistry: BooleanConstructor;
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     loadingLabel: StringConstructor;
@@ -98,6 +99,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: () => never[];
     };
     tooltip: StringConstructor;
+    skipFormRegistry: BooleanConstructor;
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     loadingLabel: StringConstructor;
@@ -155,6 +157,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: () => never[];
     };
     tooltip: StringConstructor;
+    skipFormRegistry: BooleanConstructor;
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     loadingLabel: StringConstructor;
@@ -181,6 +184,7 @@ declare const _default: import("vue").DefineComponent<{
     validateOnInput: boolean;
     hideFooter: boolean;
     rules: unknown[];
+    skipFormRegistry: boolean;
     dir: string;
     rows: string | number;
     adjustToText: boolean;

package/lib/components/textarea/Textarea.vue.js

@@ -1,5 +1,5 @@
 import { defineComponent as q, useAttrs as K, computed as R, ref as A, watch as F, openBlock as u, createBlock as p, normalizeStyle as H, unref as r, normalizeClass as L, withCtx as O, createElementVNode as $, mergeProps as D, toHandlers as W, withKeys as X, createCommentVNode as G } from "vue";
-import { useResizeObserver as J, useEventListener as M } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9/node_modules/@vueuse/core/index.js";
+import { useResizeObserver as J, useEventListener as M } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
 import { useCSS as Q } from "../../composables/useCSS.js";
 import { useTheme as U } from "../../composables/useTheme.js";
 import { useCommon as f } from "../../composables/useCommon.js";

package/lib/components/toggle/Toggle.vue.d.ts

@@ -23,6 +23,7 @@ declare const toggleProps: {
         readonly default: () => never[];
     };
     tooltip: StringConstructor;
+    skipFormRegistry: BooleanConstructor;
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     loadingLabel: StringConstructor;
@@ -67,6 +68,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: () => never[];
     };
     tooltip: StringConstructor;
+    skipFormRegistry: BooleanConstructor;
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     loadingLabel: StringConstructor;
@@ -112,6 +114,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: () => never[];
     };
     tooltip: StringConstructor;
+    skipFormRegistry: BooleanConstructor;
     disabled: BooleanConstructor;
     loading: BooleanConstructor;
     loadingLabel: StringConstructor;
@@ -143,5 +146,6 @@ declare const _default: import("vue").DefineComponent<{
     validateOnInput: boolean;
     hideFooter: boolean;
     rules: unknown[];
+    skipFormRegistry: boolean;
 }, {}>;
 export default _default;

package/lib/components/tooltip/Tooltip.vue.js

@@ -2,7 +2,7 @@ import { defineComponent as r, openBlock as a, createBlock as s, withCtx as e, c
 import c from "../popover/Popover.vue.js";
 import "../popover/Popover.vue3.js";
 import p from "../popover/PopoverContainer.vue.js";
-import "../../node_modules/.pnpm/floating-vue@5.2.2_vue@3.3.9/node_modules/floating-vue/dist/floating-vue.js";
+import "../../node_modules/.pnpm/floating-vue@5.2.2_@nuxt_kit@3.10.1_rollup@3.29.4__vue@3.3.9_typescript@5.2.2_/node_modules/floating-vue/dist/floating-vue.js";
 const i = { class: "dark" }, m = {
   placement: {
     type: String,

package/lib/composables/useInputtable.d.ts

@@ -50,5 +50,6 @@ export declare const useInputtable: {
             readonly default: () => never[];
         };
         readonly tooltip: StringConstructor;
+        readonly skipFormRegistry: BooleanConstructor;
     };
 };

package/lib/composables/useInputtable.js

@@ -1,13 +1,13 @@
-import { ref as a, watch as h, inject as G, computed as j, onMounted as A, onUnmounted as O } from "vue";
-import { injectFormGroupKey as K, injectFormKey as M } from "./keys.js";
-const y = (r, { focus: I, emit: n, withListeners: b = !0 }) => {
-  const s = a(!0), o = a(r.error), v = a(r.hideFooter), V = r.name ? r.name : (Math.random() + 1).toString(36).substring(7), i = a(V);
-  h(() => r.error, (e) => {
+import { ref as a, watch as y, inject as h, computed as j, onMounted as k, onUnmounted as A } from "vue";
+import { injectFormGroupKey as R, injectFormKey as O } from "./keys.js";
+const G = (r, { focus: I, emit: n, withListeners: b = !0 }) => {
+  const s = a(!0), o = a(r.error), F = a(r.hideFooter), V = r.name ? r.name : (Math.random() + 1).toString(36).substring(7), i = a(V);
+  y(() => r.error, (e) => {
     o.value = e;
-  }), h(() => r.name, (e) => {
+  }), y(() => r.name, (e) => {
     e && (i.value = e);
   });
-  const t = G(K, {
+  const t = h(R, {
     registerInputGroup: () => {
     },
     unregisterInputGroup: () => {
@@ -17,8 +17,8 @@ const y = (r, { focus: I, emit: n, withListeners: b = !0 }) => {
     isInsideFormGroup: !1,
     value: void 0
   });
-  t.isInsideFormGroup && (v.value = !0);
-  const c = G(M, {
+  t.isInsideFormGroup && (F.value = !0);
+  const m = h(O, {
     registerInput: () => {
     },
     unregisterInput: () => {
@@ -26,21 +26,21 @@ const y = (r, { focus: I, emit: n, withListeners: b = !0 }) => {
     isInsideForm: !1
   }), S = () => {
     o.value = "", s.value = !0, n("update:modelValue", "");
-  }, F = (e) => {
+  }, v = (e) => {
     o.value = e;
-  }, m = (e) => {
+  }, c = (e) => {
     e = e || r.modelValue, s.value = !1;
-    for (let p = 0; p < r.rules.length; p++) {
-      const u = r.rules[p];
+    for (let g = 0; g < r.rules.length; g++) {
+      const u = r.rules[g];
       let l = !0;
       if (typeof u == "function")
         l = u(e);
       else if (Array.isArray(u) && u.length === 2) {
-        const { 0: d, 1: g } = u;
-        l = d(e, g);
+        const { 0: d, 1: p } = u;
+        l = d(e, p);
       } else {
-        const d = u.fn, { options: g } = u;
-        l = d(e, g);
+        const d = u.fn, { options: p } = u;
+        l = d(e, p);
       }
       if (l !== !0)
         return o.value = l, !1;
@@ -54,7 +54,7 @@ const y = (r, { focus: I, emit: n, withListeners: b = !0 }) => {
       f.value = !1, n("blur", e);
     },
     input: (e) => {
-      r.validateOnInput && !s.value && m(e.target.value), n("update:modelValue", e.target.value), n("input", e);
+      r.validateOnInput && !s.value && c(e.target.value), n("update:modelValue", e.target.value), n("input", e);
     },
     change: (e) => n("change", e)
   })) : {
@@ -67,26 +67,26 @@ const y = (r, { focus: I, emit: n, withListeners: b = !0 }) => {
     change: () => {
     }
   };
-  return A(() => {
-    t.isInsideFormGroup ? t.registerInputGroup(i.value, I) : c.registerInput(i.value, I, m, F);
-  }), O(() => {
-    t.isInsideFormGroup ? t.unregisterInputGroup(i.value) : c.unregisterInput(i.value);
+  return k(() => {
+    t.isInsideFormGroup ? t.registerInputGroup(i.value, I) : r.skipFormRegistry || m.registerInput(i.value, I, c, v);
+  }), A(() => {
+    t.isInsideFormGroup ? t.unregisterInputGroup(i.value) : r.skipFormRegistry || m.unregisterInput(i.value);
   }), {
     isFirstValidation: s,
     errorInternal: o,
-    hideFooterInternal: v,
+    hideFooterInternal: F,
     isFocused: f,
-    isInsideForm: c.isInsideForm,
+    isInsideForm: r.skipFormRegistry ? !1 : m.isInsideForm,
     isInsideFormGroup: t.isInsideFormGroup,
     inputListeners: B,
     formGroup: t,
     reset: S,
-    validate: m,
-    setError: F
+    validate: c,
+    setError: v
   };
 };
-y.emits = (r = !0) => r ? ["update:modelValue", "blur", "focus", "input", "change"] : ["update:modelValue"];
-y.props = () => ({
+G.emits = (r = !0) => r ? ["update:modelValue", "blur", "focus", "input", "change"] : ["update:modelValue"];
+G.props = () => ({
   modelValue: {
     type: [String, Number, Boolean, Object, Array],
     default: void 0
@@ -107,8 +107,9 @@ y.props = () => ({
     type: Array,
     default: () => []
   },
-  tooltip: String
+  tooltip: String,
+  skipFormRegistry: Boolean
 });
 export {
-  y as useInputtable
+  G as useInputtable
 };