@indielayer/ui 1.8.4 → 1.9.1

package/lib/components/table/TableHeader.vue.js

@@ -1,48 +1,37 @@
-import { defineComponent as m, openBlock as o, createElementBlock as l, normalizeStyle as h, unref as s, normalizeClass as a, renderSlot as y, Fragment as d, createCommentVNode as f, createElementVNode as n } from "vue";
-import { useTheme as _ } from "../../composables/useTheme.js";
-const g = /* @__PURE__ */ n("line", {
-  x1: "12",
-  y1: "5",
-  x2: "12",
-  y2: "19"
-}, null, -1), k = /* @__PURE__ */ n("polyline", { points: "19 12 12 19 5 12" }, null, -1), v = /* @__PURE__ */ n("line", {
-  x1: "12",
-  y1: "19",
-  x2: "12",
-  y2: "5"
-}, null, -1), b = /* @__PURE__ */ n("polyline", { points: "5 12 12 5 19 12" }, null, -1), B = {
+import { defineComponent as f, openBlock as l, createElementBlock as r, normalizeStyle as g, unref as s, normalizeClass as u, renderSlot as v, Fragment as d, createElementVNode as n, createCommentVNode as k } from "vue";
+import { useTheme as b } from "../../composables/useTheme.js";
+const c = {
   key: 2,
   d: "m3 9l4-4l4 4M7 5v14m14-4l-4 4l-4-4m4 4V5"
-}, r = {
+}, i = {
   sort: [1, -1, void 0],
   textAlign: ["left", "center", "right", "justify"]
-}, x = {
+}, h = {
   sort: {
     type: Number,
-    validator: (t) => r.sort.includes(t)
+    validator: (o) => i.sort.includes(o)
   },
   sortable: Boolean,
   textAlign: {
     type: String,
     default: "left",
-    validator: (t) => r.textAlign.includes(t)
-  },
-  stickyHeader: Boolean
-}, C = { name: "XTableHeader", validators: r }, S = /* @__PURE__ */ m({
-  ...C,
-  props: x,
-  setup(t) {
-    const c = t, { styles: u, classes: i, className: p } = _("TableHeader", {}, c);
-    return (e, H) => (o(), l("th", {
-      style: h(s(u)),
-      class: a([s(p), s(i).th, "group/th"])
+    validator: (o) => i.textAlign.includes(o)
+  }
+}, x = { name: "XTableHeader", validators: i }, N = /* @__PURE__ */ f({
+  ...x,
+  props: h,
+  setup(o) {
+    const p = o, { styles: m, classes: a, className: y } = b("TableHeader", {}, p);
+    return (t, e) => (l(), r("th", {
+      style: g(s(m)),
+      class: u([s(y), s(a).th, "group/th"])
     }, [
-      y(e.$slots, "default"),
-      e.sortable ? (o(), l("svg", {
+      v(t.$slots, "default"),
+      t.sortable ? (l(), r("svg", {
         key: 0,
-        class: a([
-          s(i).sortIcon,
-          [e.sort && [1, -1].includes(e.sort) ? "" : "invisible group-hover/th:visible"]
+        class: u([
+          s(a).sortIcon,
+          [t.sort && [1, -1].includes(t.sort) ? "" : "invisible group-hover/th:visible"]
         ]),
         width: "24",
         height: "24",
@@ -53,17 +42,27 @@ const g = /* @__PURE__ */ n("line", {
         fill: "none",
         role: "presentation"
       }, [
-        e.sort === -1 ? (o(), l(d, { key: 0 }, [
-          g,
-          k
-        ], 64)) : e.sort === 1 ? (o(), l(d, { key: 1 }, [
-          v,
-          b
-        ], 64)) : (o(), l("path", B))
-      ], 2)) : f("", !0)
+        t.sort === -1 ? (l(), r(d, { key: 0 }, [
+          e[0] || (e[0] = n("line", {
+            x1: "12",
+            y1: "5",
+            x2: "12",
+            y2: "19"
+          }, null, -1)),
+          e[1] || (e[1] = n("polyline", { points: "19 12 12 19 5 12" }, null, -1))
+        ], 64)) : t.sort === 1 ? (l(), r(d, { key: 1 }, [
+          e[2] || (e[2] = n("line", {
+            x1: "12",
+            y1: "19",
+            x2: "12",
+            y2: "5"
+          }, null, -1)),
+          e[3] || (e[3] = n("polyline", { points: "5 12 12 5 19 12" }, null, -1))
+        ], 64)) : (l(), r("path", c))
+      ], 2)) : k("", !0)
     ], 6));
   }
 });
 export {
-  S as default
+  N as default
 };

package/lib/components/table/TableRow.vue.d.ts

@@ -3,6 +3,7 @@ import { type ThemeComponent } from '../../composables/useTheme';
 declare const tableRowProps: {
     pointer: BooleanConstructor;
     striped: BooleanConstructor;
+    selected: BooleanConstructor;
     verticalAlign: {
         type: PropType<"top" | "bottom" | "baseline" | "middle" | "text-bottom" | "text-top">;
         default: string;
@@ -13,27 +14,30 @@ export type TableRowProps = ExtractPublicPropTypes<typeof tableRowProps>;
 type InternalClasses = 'row';
 export interface TableRowTheme extends ThemeComponent<TableRowProps, InternalClasses> {
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     pointer: BooleanConstructor;
     striped: BooleanConstructor;
+    selected: BooleanConstructor;
     verticalAlign: {
         type: PropType<"top" | "bottom" | "baseline" | "middle" | "text-bottom" | "text-top">;
         default: string;
         validator: (value: string) => boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     pointer: BooleanConstructor;
     striped: BooleanConstructor;
+    selected: BooleanConstructor;
     verticalAlign: {
         type: PropType<"top" | "bottom" | "baseline" | "middle" | "text-bottom" | "text-top">;
         default: string;
         validator: (value: string) => boolean;
     };
-}>>, {
+}>> & Readonly<{}>, {
+    selected: boolean;
     striped: boolean;
     pointer: boolean;
     verticalAlign: "top" | "bottom" | "baseline" | "middle" | "text-bottom" | "text-top";
-}, {}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/lib/components/table/TableRow.vue.js

@@ -5,12 +5,13 @@ const o = {
 }, v = {
   pointer: Boolean,
   striped: Boolean,
+  selected: Boolean,
   verticalAlign: {
     type: String,
     default: "top",
     validator: (t) => o.verticalAlign.includes(t)
   }
-}, A = { name: "XTableRow", validators: o }, y = /* @__PURE__ */ c({
+}, A = { name: "XTableRow", validators: o }, w = /* @__PURE__ */ c({
   ...A,
   props: v,
   setup(t) {
@@ -24,5 +25,5 @@ const o = {
   }
 });
 export {
-  y as default
+  w as default
 };

package/lib/components/table/theme/TableHead.base.theme.js

@@ -1,9 +1,12 @@
-const e = {
+const s = {
   classes: {
-    thead: "align-bottom bg-secondary-50 dark:bg-secondary-700",
+    thead: ({ props: t }) => {
+      const e = ["align-bottom bg-secondary-50 dark:bg-secondary-700"];
+      return t.stickyHeader && e.push("sticky top-0 z-10"), e;
+    },
     row: "text-sm text-secondary-600 dark:text-secondary-200 border-b"
   }
-}, t = e;
+}, a = s;
 export {
-  t as default
+  a as default
 };

package/lib/components/table/theme/TableHead.carbon.theme.js

@@ -1,9 +1,12 @@
-const t = {
+const s = {
   classes: {
-    thead: "align-bottom",
+    thead: ({ props: e }) => {
+      const t = ["align-bottom"];
+      return e.stickyHeader && t.push("sticky top-0 z-10"), t;
+    },
     row: "text-secondary-900 dark:text-secondary-50"
   }
-}, e = t;
+}, a = s;
 export {
-  e as default
+  a as default
 };

package/lib/components/table/theme/TableHeader.base.theme.js

@@ -2,11 +2,11 @@ const s = {
   classes: {
     th: ({ props: e }) => {
       const t = ["relative py-3 font-semibold text-xs px-3"];
-      return e.sortable && t.push("cursor-pointer hover:text-secondary-800 dark:hover:text-secondary-300 transition-colors duration-150 ease-in-out"), e.stickyHeader && t.push("sticky top-0"), e.textAlign === "left" && t.push("text-left"), e.textAlign === "right" && t.push("text-right"), e.textAlign === "center" && t.push("text-center"), e.textAlign === "justify" && t.push("text-justify"), t;
+      return e.sortable && t.push("cursor-pointer hover:text-secondary-800 dark:hover:text-secondary-300 transition-colors duration-150 ease-in-out"), e.textAlign === "left" && t.push("text-left"), e.textAlign === "right" && t.push("text-right"), e.textAlign === "center" && t.push("text-center"), e.textAlign === "justify" && t.push("text-justify"), t;
     },
     sortIcon: ({ props: e }) => ["absolute stroke-2 w-3 h-3 top-3.5 right-0.5"]
   }
-}, i = s;
+}, r = s;
 export {
-  i as default
+  r as default
 };

package/lib/components/table/theme/TableHeader.carbon.theme.js

@@ -2,7 +2,7 @@ const s = {
   classes: {
     th: ({ props: e }) => {
       const t = ["relative py-3.5 font-semibold text-sm px-3 bg-secondary-200 dark:bg-secondary-700 select-none"];
-      return e.sortable && t.push("cursor-pointer hover:bg-secondary-300 dark:hover:bg-secondary-600 transition-colors duration-150 ease-in-out pr-5"), e.stickyHeader && t.push("sticky top-0"), e.textAlign === "left" && t.push("text-left"), e.textAlign === "right" && t.push("text-right"), e.textAlign === "center" && t.push("text-center"), e.textAlign === "justify" && t.push("text-justify"), t;
+      return e.sortable && t.push("cursor-pointer hover:bg-secondary-300 dark:hover:bg-secondary-600 transition-colors duration-150 ease-in-out pr-5"), e.textAlign === "left" && t.push("text-left"), e.textAlign === "right" && t.push("text-right"), e.textAlign === "center" && t.push("text-center"), e.textAlign === "justify" && t.push("text-justify"), t;
     },
     sortIcon: ({ props: e }) => ["absolute stroke-2 w-4 h-4 top-4 right-2"]
   }

package/lib/components/table/theme/TableRow.base.theme.js

@@ -2,7 +2,7 @@ const s = {
   classes: {
     row: ({ props: r }) => {
       const e = [];
-      return r.striped ? e.push("even:bg-secondary-50 dark:even:bg-secondary-700") : e.push("border-b border-secondary-200 dark:border-secondary-700"), r.pointer && e.push("hover:bg-secondary-50 dark:hover:bg-secondary-700 cursor-pointer"), e;
+      return r.selected && e.push("shadow-[inset_3px_0] shadow-primary-500"), r.striped ? e.push("even:bg-secondary-50 dark:even:bg-secondary-700") : e.push("border-b border-secondary-200 dark:border-secondary-700"), r.pointer && e.push("hover:bg-secondary-50 dark:hover:bg-secondary-700 cursor-pointer"), e;
     }
   }
 }, o = s;

package/lib/components/tag/Tag.vue.d.ts

@@ -23,7 +23,7 @@ export type TagProps = ExtractPublicPropTypes<typeof tagProps>;
 type InternalClasses = 'wrapper';
 export interface TagTheme extends ThemeComponent<TagProps, InternalClasses> {
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     tag: {
         type: StringConstructor;
         default: string;
@@ -41,7 +41,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "remove"[], "remove", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "remove"[], "remove", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     tag: {
         type: StringConstructor;
         default: string;
@@ -59,9 +59,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
-}>> & {
+}>> & Readonly<{
     onRemove?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
     tag: string;
     outlined: boolean;
@@ -69,7 +69,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     color: string;
     rounded: boolean;
     size: import("../../composables/useCommon").Size;
-}, {}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

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

@@ -60,7 +60,7 @@ type InternalExtraData = {
 };
 export interface TextareaTheme extends ThemeComponent<TextareaProps, InternalClasses, InternalExtraData> {
 }
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     dir: {
         type: StringConstructor;
         default: string;
@@ -112,13 +112,13 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
-}, {
+}>, {
     focus: () => void | undefined;
     blur: () => void | undefined;
     reset: () => void;
     validate: (val?: any) => boolean;
     setError: (val: string) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     dir: {
         type: StringConstructor;
         default: string;
@@ -170,9 +170,9 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
-}>> & {
+}>> & Readonly<{
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
     size: import("../../composables/useCommon").Size;
     block: boolean;
@@ -190,5 +190,5 @@ declare const _default: import("vue").DefineComponent<{
     adjustToText: boolean;
     preventEnter: boolean;
     resizable: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
+import { defineComponent as q, useAttrs as R, computed as A, ref as F, watch as H, openBlock as u, createBlock as p, normalizeStyle as K, 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.5.10_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";
@@ -8,7 +8,7 @@ import { useInputtable as a } from "../../composables/useInputtable.js";
 import { useInteractive as c } from "../../composables/useInteractive.js";
 import Z from "../label/Label.vue.js";
 import _ from "../inputFooter/InputFooter.vue.js";
-const ee = ["id", "disabled", "max", "maxlength", "min", "dir", "rows", "minlength", "name", "placeholder", "readonly", "value", "onKeydown"], re = {
+const ee = ["id", "disabled", "max", "maxlength", "min", "dir", "rows", "minlength", "name", "placeholder", "readonly", "value"], re = {
   ...f.props(),
   ...c.props(),
   ...a.props(),
@@ -39,8 +39,8 @@ const ee = ["id", "disabled", "max", "maxlength", "min", "dir", "rows", "minleng
   props: re,
   emits: a.emits(),
   setup(h, { expose: b, emit: g }) {
-    const t = h, y = g, i = K(), v = R(() => Object.keys(i).reduce((e, s) => (s.startsWith("data-") && (e[s] = i[s]), e), {})), o = A(null);
-    J(o, n), typeof window < "u" && M(window, "resize", n), F([() => t.modelValue, () => t.size], () => {
+    const t = h, y = g, i = R(), v = A(() => Object.keys(i).reduce((e, s) => (s.startsWith("data-") && (e[s] = i[s]), e), {})), o = F(null);
+    J(o, n), typeof window < "u" && M(window, "resize", n), H([() => t.modelValue, () => t.size], () => {
       setTimeout(n);
     });
     const w = Q("textarea"), S = Y().getPalette("primary"), k = w.get("border", S[400]);
@@ -63,7 +63,7 @@ const ee = ["id", "disabled", "max", "maxlength", "min", "dir", "rows", "minleng
       setError: x
     } = a(t, { focus: m, emit: y }), { styles: P, classes: d, className: j } = U("Textarea", {}, t, { errorInternal: l });
     return b({ focus: m, blur: z, reset: I, validate: V, setError: x }), (e, s) => (u(), p(Z, {
-      style: H(r(P)),
+      style: K(r(P)),
       block: e.block,
       disabled: e.disabled,
       required: e.required,

package/lib/components/themeProvider/ThemeProvider.vue.d.ts

@@ -1,10 +1,10 @@
 import { type PropType } from 'vue';
 import { type UITheme } from '../../theme';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     theme: PropType<UITheme>;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     theme: PropType<UITheme>;
-}>>, {}, {}>, {
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

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

@@ -45,7 +45,7 @@ export type ToggleProps = ExtractPublicPropTypes<typeof toggleProps>;
 type InternalClasses = 'wrapper' | 'label' | 'buttonWrapper' | 'button';
 export interface ToggleTheme extends ThemeComponent<ToggleProps, InternalClasses> {
 }
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     glow: BooleanConstructor;
     modelValue: {
         readonly type: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
@@ -85,13 +85,13 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
-}, {
+}>, {
     focus: () => void | undefined;
     blur: () => void | undefined;
     reset: () => void;
     validate: (val?: any) => boolean;
     setError: (val: string) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, string[], string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     glow: BooleanConstructor;
     modelValue: {
         readonly type: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
@@ -131,9 +131,9 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
-}>> & {
+}>> & Readonly<{
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
     glow: boolean;
     color: string;
@@ -147,5 +147,5 @@ declare const _default: import("vue").DefineComponent<{
     hideFooter: boolean;
     rules: unknown[];
     skipFormRegistry: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components/tooltip/ToggleTip.vue.d.ts

@@ -4,11 +4,11 @@ declare const toggleTipProps: {
     icon: StringConstructor;
 };
 export type ToggleTipProps = ExtractPublicPropTypes<typeof toggleTipProps>;
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     content: StringConstructor;
     icon: StringConstructor;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     content: StringConstructor;
     icon: StringConstructor;
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components/tooltip/Tooltip.vue.d.ts

@@ -8,19 +8,19 @@ declare const tooltipProps: {
 };
 export type PopoverPlacement = Placement;
 export type TooltipProps = ExtractPublicPropTypes<typeof tooltipProps>;
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     placement: {
         type: PropType<Placement>;
         default: string;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     placement: {
         type: PropType<Placement>;
         default: string;
     };
-}>>, {
+}>> & Readonly<{}>, {
     placement: Placement;
-}, {}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
     tooltip?(_: {}): any;
 }>;

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_@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";
+import "../../node_modules/.pnpm/floating-vue@5.2.2_@nuxt_kit@3.10.1_rollup@3.29.4__vue@3.5.10_typescript@5.2.2_/node_modules/floating-vue/dist/floating-vue.js";
 const i = { class: "dark" }, m = {
   placement: {
     type: String,

package/lib/composables/index.d.ts

@@ -5,3 +5,4 @@ export * from './useCSS';
 export * from './useInputtable';
 export * from './useInteractive';
 export * from './useNotifications';
+export * from './useVirtualList';

package/lib/composables/useInputtable.d.ts

@@ -1,4 +1,4 @@
-import type { MaybeRef, PropType } from 'vue';
+import type { PropType } from 'vue';
 export interface XFormInputMethods {
     focus: () => void;
     validate: (val: any) => boolean;
@@ -10,13 +10,33 @@ export declare const useInputtable: {
         emit: any;
         withListeners?: boolean | undefined;
     }): {
-        isFirstValidation: import("vue").Ref<boolean>;
-        errorInternal: any;
-        hideFooterInternal: any;
-        isFocused: import("vue").Ref<boolean>;
+        isFirstValidation: import("vue").Ref<boolean, boolean>;
+        errorInternal: import("vue").Ref<any, any>;
+        hideFooterInternal: import("vue").Ref<any, any>;
+        isFocused: import("vue").Ref<boolean, boolean>;
         isInsideForm: boolean;
         isInsideFormGroup: boolean;
-        inputListeners: MaybeRef<{
+        inputListeners: {
+            focus: (event: Event) => void;
+            blur: (event: Event) => void;
+            input: (event: Event) => void;
+            change: (event: Event) => void;
+        } | import("vue").Ref<{
+            focus: (event: Event) => void;
+            blur: (event: Event) => void;
+            input: (event: Event) => void;
+            change: (event: Event) => void;
+        }, {
+            focus: (event: Event) => void;
+            blur: (event: Event) => void;
+            input: (event: Event) => void;
+            change: (event: Event) => void;
+        }> | import("vue").ShallowRef<{
+            focus: (event: Event) => void;
+            blur: (event: Event) => void;
+            input: (event: Event) => void;
+            change: (event: Event) => void;
+        }, {
             focus: (event: Event) => void;
             blur: (event: Event) => void;
             input: (event: Event) => void;

package/lib/composables/useVirtualList.d.ts

@@ -0,0 +1,48 @@
+import type { Ref, StyleValue } from 'vue';
+import type { MaybeRef } from '@vueuse/shared';
+type UseVirtualListItemSize = number | ((index: number) => number);
+export type UseVirtualListOptions = {
+    /**
+     * item height, accept a pixel value or a function that returns the height
+     *
+     * @default 0
+     */
+    disabled?: boolean;
+    itemHeight: UseVirtualListItemSize;
+    topOffset: number;
+    bottomOffset: number;
+    /**
+     * the extra buffer items outside of the view area
+     *
+     * @default 5
+     */
+    overscan?: number;
+};
+export interface UseVirtualListItem<T> {
+    data: T;
+    index: number;
+}
+export interface UseVirtualListReturn<T> {
+    list: Ref<UseVirtualListItem<T>[]>;
+    scrollTo: (index: number) => void;
+    reset: () => void;
+    containerProps: {
+        ref: Ref<HTMLElement | null>;
+        style: StyleValue;
+        onScroll: () => void;
+    };
+    wrapperProps: MaybeRef<{
+        style?: {
+            width: string;
+            height: string;
+            marginTop: string;
+        } | {
+            width: string;
+            height: string;
+            marginLeft: string;
+            display: string;
+        };
+    }>;
+}
+export declare function useVirtualList<T = any>(list: MaybeRef<T[]>, options: UseVirtualListOptions): UseVirtualListReturn<T>;
+export {};