@indielayer/ui 1.8.4 → 1.9.1

package/lib/components/pagination/Pagination.vue.js

@@ -1,12 +1,12 @@
-import { defineComponent as E, computed as z, ref as X, watch as D, openBlock as o, createElementBlock as n, normalizeStyle as F, unref as t, normalizeClass as v, Fragment as u, createVNode as r, createElementVNode as V, withKeys as L, toDisplayString as Q, createBlock as m, createCommentVNode as d, renderList as P } from "vue";
-import { useTheme as T } from "../../composables/useTheme.js";
+import { defineComponent as X, computed as v, ref as D, watch as F, openBlock as s, createElementBlock as n, normalizeStyle as L, unref as t, normalizeClass as c, Fragment as u, createVNode as r, createElementVNode as f, withKeys as Q, toDisplayString as T, createBlock as m, createCommentVNode as d, renderList as P } from "vue";
+import { useTheme as U } from "../../composables/useTheme.js";
 import { useCommon as C } from "../../composables/useCommon.js";
-import { prevIcon as U, nextIcon as j, dotsIcon as y } from "../../common/icons.js";
+import { prevIcon as j, nextIcon as A, dotsIcon as y } from "../../common/icons.js";
 import b from "../icon/Icon.vue.js";
-import A from "../input/Input.vue.js";
+import G from "../input/Input.vue.js";
 import I from "../button/Button.vue.js";
-import f from "./PaginationItem.vue.js";
-const G = { class: "mx-9 flex items-center" }, H = /* @__PURE__ */ V("span", { class: "text-secondary-600 mr-2" }, "Page", -1), J = { class: "text-secondary-600 ml-2" }, M = ["onClick"], O = ["simple", "quick", "dots"], R = {
+import V from "./PaginationItem.vue.js";
+const H = { class: "mx-9 flex items-center" }, J = { class: "text-secondary-600 ml-2" }, M = ["onClick"], O = ["simple", "quick", "dots"], R = {
   ...C.props(),
   links: Boolean,
   totalPages: {
@@ -27,17 +27,17 @@ const G = { class: "mx-9 flex items-center" }, H = /* @__PURE__ */ V("span", { c
     ...C.validators(),
     variant: O
   }
-}, se = /* @__PURE__ */ E({
+}, oe = /* @__PURE__ */ X({
   ...W,
   props: R,
   emits: ["update:modelValue"],
-  setup($, { emit: w }) {
-    const l = $, p = w, B = z(() => l.totalPages === 3 ? [2] : l.totalPages > 2 ? l.modelValue === 1 || l.modelValue === 2 ? [2, 3] : l.modelValue === l.totalPages || l.modelValue === l.totalPages - 1 ? [l.totalPages - 2, l.totalPages - 1] : [l.modelValue - 1, l.modelValue, l.modelValue + 1] : []), i = X(l.modelValue + "");
-    function N() {
+  setup($, { emit: B }) {
+    const l = $, p = B, N = v(() => l.totalPages === 3 ? [2] : l.totalPages > 2 ? l.modelValue === 1 || l.modelValue === 2 ? [2, 3] : l.modelValue === l.totalPages || l.modelValue === l.totalPages - 1 ? [l.totalPages - 2, l.totalPages - 1] : [l.modelValue - 1, l.modelValue, l.modelValue + 1] : []), i = D(l.modelValue + "");
+    function w() {
       const e = parseInt(i.value);
       e >= 0 && e <= l.totalPages ? p("update:modelValue", e) : i.value = l.modelValue + "";
     }
-    D(() => l.modelValue, (e) => {
+    F(() => l.modelValue, (e) => {
       i.value = l.modelValue + "";
     });
     function q() {
@@ -46,86 +46,86 @@ const G = { class: "mx-9 flex items-center" }, H = /* @__PURE__ */ V("span", { c
     function S() {
       l.modelValue < l.totalPages && p("update:modelValue", l.modelValue + 1);
     }
-    const g = z(() => l.size === "xs" ? "xs" : l.size === "sm" ? "sm" : l.size === "lg" ? "md" : l.size === "xl" ? "lg" : "sm"), { styles: K, classes: c, className: h } = T("Pagination", {}, l);
-    return (e, s) => (o(), n("ul", {
-      style: F(t(K)),
-      class: v([
-        t(h),
-        t(c).wrapper
+    const g = v(() => l.size === "xs" ? "xs" : l.size === "sm" ? "sm" : l.size === "lg" ? "md" : l.size === "xl" ? "lg" : "sm"), { styles: E, classes: k, className: K } = U("Pagination", {}, l);
+    return (e, o) => (s(), n("ul", {
+      style: L(t(E)),
+      class: c([
+        t(K),
+        t(k).wrapper
       ])
     }, [
-      e.variant === "quick" ? (o(), n(u, { key: 0 }, [
+      e.variant === "quick" ? (s(), n(u, { key: 0 }, [
         r(I, {
-          "icon-left": t(U),
+          "icon-left": t(j),
           size: g.value,
           disabled: e.modelValue <= 1,
           onClick: q
         }, null, 8, ["icon-left", "size", "disabled"]),
-        V("div", G, [
-          H,
-          r(A, {
+        f("div", H, [
+          o[4] || (o[4] = f("span", { class: "text-secondary-600 mr-2" }, "Page", -1)),
+          r(G, {
             modelValue: i.value,
-            "onUpdate:modelValue": s[0] || (s[0] = (a) => i.value = a),
+            "onUpdate:modelValue": o[0] || (o[0] = (a) => i.value = a),
             size: e.size,
             class: "text-center w-16",
             "hide-footer": "",
-            onKeydown: L(N, ["enter"])
-          }, null, 8, ["modelValue", "size", "onKeydown"]),
-          V("span", J, "of " + Q(e.totalPages), 1)
+            onKeydown: Q(w, ["enter"])
+          }, null, 8, ["modelValue", "size"]),
+          f("span", J, "of " + T(e.totalPages), 1)
         ]),
         r(I, {
-          "icon-left": t(j),
+          "icon-left": t(A),
           size: g.value,
           disabled: e.modelValue >= e.totalPages,
           onClick: S
         }, null, 8, ["icon-left", "size", "disabled"])
-      ], 64)) : e.variant === "simple" ? (o(), n(u, { key: 1 }, [
-        r(f, {
+      ], 64)) : e.variant === "simple" ? (s(), n(u, { key: 1 }, [
+        r(V, {
           value: 1,
           links: e.links,
           size: e.size,
           selected: e.modelValue === 1,
-          onInput: s[1] || (s[1] = (a) => e.$emit("update:modelValue", a))
+          onInput: o[1] || (o[1] = (a) => e.$emit("update:modelValue", a))
         }, null, 8, ["links", "size", "selected"]),
-        e.totalPages > 3 && e.modelValue > 3 ? (o(), m(b, {
+        e.totalPages > 3 && e.modelValue > 3 ? (s(), m(b, {
           key: 0,
           class: "mx-1",
           icon: t(y),
           size: e.size
         }, null, 8, ["icon", "size"])) : d("", !0),
-        (o(!0), n(u, null, P(B.value, (a) => (o(), m(f, {
+        (s(!0), n(u, null, P(N.value, (a) => (s(), m(V, {
           key: a,
           value: a,
           links: e.links,
           size: e.size,
           selected: e.modelValue === a,
-          onInput: s[2] || (s[2] = (k) => e.$emit("update:modelValue", k))
+          onInput: o[2] || (o[2] = (z) => e.$emit("update:modelValue", z))
         }, null, 8, ["value", "links", "size", "selected"]))), 128)),
-        e.totalPages > 3 && e.modelValue < e.totalPages - 2 ? (o(), m(b, {
+        e.totalPages > 3 && e.modelValue < e.totalPages - 2 ? (s(), m(b, {
           key: 1,
           class: "mx-1",
           icon: t(y),
           size: e.size
         }, null, 8, ["icon", "size"])) : d("", !0),
-        e.totalPages > 1 ? (o(), m(f, {
+        e.totalPages > 1 ? (s(), m(V, {
           key: 2,
           value: e.totalPages,
           links: e.links,
           size: e.size,
           selected: e.modelValue === e.totalPages,
-          onInput: s[3] || (s[3] = (a) => e.$emit("update:modelValue", a))
+          onInput: o[3] || (o[3] = (a) => e.$emit("update:modelValue", a))
         }, null, 8, ["value", "links", "size", "selected"])) : d("", !0)
-      ], 64)) : e.variant === "dots" ? (o(!0), n(u, { key: 2 }, P(e.totalPages, (a) => (o(), n("li", {
+      ], 64)) : e.variant === "dots" ? (s(!0), n(u, { key: 2 }, P(e.totalPages, (a) => (s(), n("li", {
         key: a,
-        class: v(["rounded-full cursor-pointer", [
-          t(c).dots,
+        class: c(["rounded-full cursor-pointer", [
+          t(k).dots,
           a === e.modelValue ? "bg-[color:var(--x-pagination-bg)]" : "bg-secondary-100 hover:bg-secondary-200"
         ]]),
-        onClick: (k) => e.$emit("update:modelValue", a)
+        onClick: (z) => e.$emit("update:modelValue", a)
       }, null, 10, M))), 128)) : d("", !0)
     ], 6));
   }
 });
 export {
-  se as default
+  oe as default
 };

package/lib/components/pagination/PaginationItem.vue.d.ts

@@ -17,7 +17,7 @@ export type PaginationItemProps = ExtractPublicPropTypes<typeof paginationItemPr
 type InternalClasses = 'wrapper';
 export interface PaginationItemTheme extends ThemeComponent<PaginationItemProps, InternalClasses> {
 }
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     value: {
         type: NumberConstructor;
         default: number;
@@ -29,7 +29,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "input"[], "input", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "input"[], "input", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
         type: NumberConstructor;
         default: number;
@@ -41,12 +41,12 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
-}>> & {
+}>> & Readonly<{
     onInput?: ((...args: any[]) => any) | undefined;
-}, {
-    size: import("../../composables/useCommon").Size;
+}>, {
     value: number;
+    size: import("../../composables/useCommon").Size;
     selected: boolean;
     links: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components/popover/Popover.vue.d.ts

@@ -59,7 +59,7 @@ export type PopoverProps = ExtractPublicPropTypes<typeof popoverProps>;
 type InternalClasses = 'wrapper' | 'content';
 export interface PopoverTheme extends ThemeComponent<PopoverProps, InternalClasses> {
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     disabled: BooleanConstructor;
     positioningDisabled: BooleanConstructor;
     placement: {
@@ -110,12 +110,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     eagerMount: BooleanConstructor;
     popperClass: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
     computeTransformOrigin: BooleanConstructor;
-}, {
+}>, {
     show: () => void;
     hide: () => void;
     toggle: () => void;
-    isOpen: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("show" | "resize" | "hide" | "update:shown" | "apply-show" | "apply-hide" | "close-group" | "close-directive" | "auto-hide")[], "show" | "resize" | "hide" | "update:shown" | "apply-show" | "apply-hide" | "close-group" | "close-directive" | "auto-hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    isOpen: import("vue").Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("resize" | "show" | "hide" | "update:shown" | "apply-show" | "apply-hide" | "close-group" | "close-directive" | "auto-hide")[], "resize" | "show" | "hide" | "update:shown" | "apply-show" | "apply-hide" | "close-group" | "close-directive" | "auto-hide", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     disabled: BooleanConstructor;
     positioningDisabled: BooleanConstructor;
     placement: {
@@ -166,9 +166,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     eagerMount: BooleanConstructor;
     popperClass: (ArrayConstructor | ObjectConstructor | StringConstructor)[];
     computeTransformOrigin: BooleanConstructor;
-}>> & {
-    onShow?: ((...args: any[]) => any) | undefined;
+}>> & Readonly<{
     onResize?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
     onHide?: ((...args: any[]) => any) | undefined;
     "onUpdate:shown"?: ((...args: any[]) => any) | undefined;
     "onApply-show"?: ((...args: any[]) => any) | undefined;
@@ -176,7 +176,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "onClose-group"?: ((...args: any[]) => any) | undefined;
     "onClose-directive"?: ((...args: any[]) => any) | undefined;
     "onAuto-hide"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     disabled: boolean;
     delay: string | number | {
         show: number;
@@ -194,7 +194,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     instantMove: boolean;
     eagerMount: boolean;
     computeTransformOrigin: boolean;
-}, {}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
     content?(_: {}): any;
 }>;

package/lib/components/popover/Popover.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent as b, ref as a, openBlock as v, createBlock as S, unref as r, normalizeStyle as T, normalizeClass as A, withCtx as l, renderSlot as d } from "vue";
 import { useTheme as B } from "../../composables/useTheme.js";
-import { Dropdown as $ } from "../../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 { Dropdown as $ } from "../../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 k = {
   placement: ["top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "left", "left-start", "left-end", "right", "right-start", "right-end"]
 }, z = {

package/lib/components/popover/PopoverContainer.vue.d.ts

@@ -10,19 +10,19 @@ export type PopoverContainerProps = ExtractPublicPropTypes<typeof popoverContain
 type InternalClasses = 'wrapper';
 export interface PopoverContainerTheme extends ThemeComponent<PopoverContainerProps, InternalClasses> {
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     tag: {
         default: string;
         type: 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<{
     tag: {
         default: string;
         type: StringConstructor;
     };
-}>>, {
+}>> & Readonly<{}>, {
     tag: string;
-}, {}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/lib/components/progress/Progress.vue.d.ts

@@ -21,7 +21,7 @@ export type ProgressProps = ExtractPublicPropTypes<typeof progressProps>;
 type InternalClasses = 'wrapper' | 'list' | 'item';
 export interface ProgressTheme extends ThemeComponent<ProgressProps, InternalClasses> {
 }
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     percentage: {
         type: NumberConstructor;
         default: number;
@@ -37,7 +37,7 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: StringConstructor;
         readonly default: string | undefined;
     };
-}, {}, 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<{
     percentage: {
         type: NumberConstructor;
         default: number;
@@ -53,11 +53,11 @@ declare const _default: import("vue").DefineComponent<{
         readonly type: StringConstructor;
         readonly default: string | undefined;
     };
-}>>, {
+}>> & Readonly<{}>, {
     color: string;
     percentage: number;
     gradient: boolean;
     animate: boolean;
     thick: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components/qrCode/QrCode.vue.d.ts

@@ -23,7 +23,7 @@ export type QrCodeProps = ExtractPublicPropTypes<typeof qrCodeProps>;
 type InternalClasses = 'wrapper';
 export interface QrCodeTheme extends ThemeComponent<QrCodeProps, InternalClasses> {
 }
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     value: StringConstructor;
     color: {
         type: StringConstructor;
@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         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<{
     value: StringConstructor;
     color: {
         type: StringConstructor;
@@ -59,10 +59,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}>>, {
+}>> & Readonly<{}>, {
     color: string;
     size: string | number;
     backgroundColor: string;
     errorCorrectionLevel: string;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components/radio/Radio.vue.d.ts

@@ -51,7 +51,7 @@ type InternalExtraData = {
 };
 export interface RadioTheme extends ThemeComponent<RadioProps, InternalClasses, InternalExtraData> {
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     value: (StringConstructor | NumberConstructor)[];
     glow: BooleanConstructor;
     modelValue: {
@@ -92,13 +92,13 @@ declare const _default: __VLS_WithTemplateSlots<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<{
     value: (StringConstructor | NumberConstructor)[];
     glow: BooleanConstructor;
     modelValue: {
@@ -139,9 +139,9 @@ declare const _default: __VLS_WithTemplateSlots<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;
@@ -155,7 +155,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     hideFooter: boolean;
     rules: unknown[];
     skipFormRegistry: boolean;
-}, {}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/lib/components/radio/Radio.vue2.js

@@ -1,132 +1,132 @@
-import { defineComponent as D, ref as M, computed as P, unref as s, openBlock as o, createElementBlock as n, normalizeStyle as T, normalizeClass as r, withKeys as H, withModifiers as L, createElementVNode as a, withDirectives as O, mergeProps as U, toHandlers as X, vModelRadio as _, createBlock as h, toDisplayString as j, createCommentVNode as p, renderSlot as A } from "vue";
-import { useCommon as g } from "../../composables/useCommon.js";
-import { useTheme as J } from "../../composables/useTheme.js";
-import { useColors as Q } from "../../composables/useColors.js";
-import { useInteractive as w } from "../../composables/useInteractive.js";
+import { defineComponent as D, ref as M, computed as P, unref as s, openBlock as r, createElementBlock as d, normalizeStyle as T, normalizeClass as o, withKeys as H, withModifiers as L, createElementVNode as t, withDirectives as O, mergeProps as U, toHandlers as X, vModelRadio as j, createBlock as g, toDisplayString as A, createCommentVNode as f, renderSlot as J } from "vue";
+import { useCommon as w } from "../../composables/useCommon.js";
+import { useTheme as Q } from "../../composables/useTheme.js";
+import { useColors as W } from "../../composables/useColors.js";
+import { useInteractive as V } from "../../composables/useInteractive.js";
 import { useInputtable as c } from "../../composables/useInputtable.js";
-import W from "../spinner/Spinner.vue.js";
-import Y from "../inputFooter/InputFooter.vue.js";
-const Z = ["aria-selected", "aria-disabled", "onKeypress"], x = ["id", "name", "required", "disabled"], ee = /* @__PURE__ */ a("circle", {
-  cx: "10",
-  cy: "10",
-  r: "10"
-}, null, -1), le = [
-  ee
-], se = ["textContent"], oe = {
-  ...g.props(),
-  ...Q.props("primary"),
+import Y from "../spinner/Spinner.vue.js";
+import Z from "../inputFooter/InputFooter.vue.js";
+const _ = ["aria-selected", "aria-disabled", "onKeypress"], x = ["id", "name", "required", "disabled"], ee = ["textContent"], le = {
   ...w.props(),
+  ...W.props("primary"),
+  ...V.props(),
   ...c.props(),
   value: [String, Number],
   glow: Boolean
-}, re = {
+}, se = {
   name: "XRadio",
   validators: {
-    ...g.validators()
+    ...w.validators()
   }
-}, ce = /* @__PURE__ */ D({
-  ...re,
-  props: oe,
+}, me = /* @__PURE__ */ D({
+  ...se,
+  props: le,
   emits: c.emits(!1),
-  setup(V, { expose: k, emit: I }) {
-    const l = V, d = I, f = M(null), { focus: v, blur: C } = w(f), {
+  setup(h, { expose: k, emit: I }) {
+    const l = h, u = I, v = M(null), { focus: b, blur: C } = V(v), {
       errorInternal: $,
       hideFooterInternal: z,
       isInsideForm: B,
-      isInsideFormGroup: u,
+      isInsideFormGroup: m,
       isFirstValidation: R,
-      formGroup: m,
+      formGroup: p,
       reset: F,
-      validate: b,
+      validate: y,
       setError: N
-    } = c(l, { focus: v, emit: d, withListeners: !1 }), i = P({
+    } = c(l, { focus: b, emit: u, withListeners: !1 }), i = P({
       get() {
-        const e = s(m.value);
-        return u ? e === l.value : l.value === l.modelValue;
+        const e = s(p.value);
+        return m ? e === l.value : l.value === l.modelValue;
       },
       set() {
-        d("update:modelValue", l.value), m.setValue(l.value);
+        u("update:modelValue", l.value), p.setValue(l.value);
       }
     });
     function S() {
-      d("update:modelValue", l.value), m.setValue(l.value);
+      u("update:modelValue", l.value), p.setValue(l.value);
     }
     const q = {
       input: () => {
-        u || setTimeout(() => {
-          l.validateOnInput && !R.value && b(l.modelValue);
+        m || setTimeout(() => {
+          l.validateOnInput && !R.value && y(l.modelValue);
         }, 0);
       }
-    }, { styles: E, classes: t, className: G } = J("Radio", {}, l, { selected: i, isInsideForm: B, isInsideFormGroup: u });
-    return k({ focus: v, blur: C, reset: F, validate: b, setError: N }), (e, y) => (o(), n("label", {
+    }, { styles: E, classes: a, className: G } = Q("Radio", {}, l, { selected: i, isInsideForm: B, isInsideFormGroup: m });
+    return k({ focus: b, blur: C, reset: F, validate: y, setError: N }), (e, n) => (r(), d("label", {
       ref_key: "elRef",
-      ref: f,
+      ref: v,
       tabindex: "0",
       "aria-selected": i.value ? "true" : "false",
       "aria-disabled": e.disabled || e.loading ? "true" : void 0,
       style: T(s(E)),
-      class: r([
+      class: o([
         s(G),
-        s(t).wrapper
+        s(a).wrapper
       ]),
       onKeypress: H(L(S, ["prevent", "stop"]), ["space"])
     }, [
-      a("div", {
-        class: r(["flex items-center", { "cursor-not-allowed": e.disabled }])
+      t("div", {
+        class: o(["flex items-center", { "cursor-not-allowed": e.disabled }])
       }, [
-        O(a("input", U({
+        O(t("input", U({
           id: e.id,
-          "onUpdate:modelValue": y[0] || (y[0] = (K) => i.value = K),
+          "onUpdate:modelValue": n[0] || (n[0] = (K) => i.value = K),
           name: e.name,
           required: e.required,
           disabled: e.disabled || e.loading,
           type: "radio",
           class: "invisible absolute"
         }, X(q, !0)), null, 16, x), [
-          [_, i.value]
+          [j, i.value]
         ]),
-        a("div", {
-          class: r([
+        t("div", {
+          class: o([
             e.$style.radio,
-            s(t).circle,
+            s(a).circle,
             [e.glow && !e.disabled && !e.loading ? e.$style["radio--glow"] : ""]
           ])
         }, [
-          e.loading ? (o(), h(W, {
+          e.loading ? (r(), g(Y, {
             key: 0,
             size: e.size,
             class: "absolute"
-          }, null, 8, ["size"])) : (o(), n("svg", {
+          }, null, 8, ["size"])) : (r(), d("svg", {
             key: 1,
             viewBox: "0 0 20 20",
-            class: r(["fill-current w-full", [
-              s(t).circleIcon,
+            class: o(["fill-current w-full", [
+              s(a).circleIcon,
               e.$style.radio_circle
             ]])
-          }, le, 2))
+          }, n[1] || (n[1] = [
+            t("circle", {
+              cx: "10",
+              cy: "10",
+              r: "10"
+            }, null, -1)
+          ]), 2))
         ], 2),
-        a("div", null, [
-          e.label ? (o(), n("div", {
+        t("div", null, [
+          e.label ? (r(), d("div", {
             key: 0,
-            class: r(s(t).label),
-            textContent: j(e.label)
-          }, null, 10, se)) : p("", !0),
-          e.$slots.default ? (o(), n("div", {
+            class: o(s(a).label),
+            textContent: A(e.label)
+          }, null, 10, ee)) : f("", !0),
+          e.$slots.default ? (r(), d("div", {
             key: 1,
-            class: r(s(t).content)
+            class: o(s(a).content)
           }, [
-            A(e.$slots, "default")
-          ], 2)) : p("", !0)
+            J(e.$slots, "default")
+          ], 2)) : f("", !0)
         ])
       ], 2),
-      s(z) ? p("", !0) : (o(), h(Y, {
+      s(z) ? f("", !0) : (r(), g(Z, {
         key: 0,
         error: s($),
         helper: e.helper
       }, null, 8, ["error", "helper"]))
-    ], 46, Z));
+    ], 46, _));
   }
 });
 export {
-  ce as default
+  me as default
 };

package/lib/components/scroll/Scroll.vue.d.ts

@@ -13,7 +13,7 @@ export type ScrollProps = ExtractPublicPropTypes<typeof scrollProps>;
 type InternalClasses = 'wrapper';
 export interface ScrollTheme extends ThemeComponent<ScrollProps, InternalClasses> {
 }
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     shadow: BooleanConstructor;
     horizontal: BooleanConstructor;
     mousewheel: BooleanConstructor;
@@ -21,9 +21,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    scrollEl: Ref<HTMLElement | null>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    scrollEl: Ref<HTMLElement | null, HTMLElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     shadow: BooleanConstructor;
     horizontal: BooleanConstructor;
     mousewheel: BooleanConstructor;
@@ -31,12 +31,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & Readonly<{}>, {
     shadow: boolean;
     horizontal: boolean;
     mousewheel: boolean;
     scrollbar: boolean;
-}, {}>, {
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/lib/components/scroll/Scroll.vue2.js

@@ -1,5 +1,5 @@
 import { defineComponent as v, ref as w, toRefs as y, openBlock as $, createElementBlock as z, normalizeClass as r, unref as o, normalizeStyle as E, createElementVNode as S, renderSlot as B } from "vue";
-import { useScroll as b, useResizeObserver as g, useEventListener 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 { useScroll as b, useResizeObserver as g, useEventListener as k } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.5.10_typescript@5.2.2_/node_modules/@vueuse/core/index.js";
 import { useTheme as C } from "../../composables/useTheme.js";
 const L = {
   shadow: Boolean,