@indielayer/ui 0.0.0-dev-20240205230210 → 0.0.0-dev-20240212133527

package/lib/components/carousel/Carousel.vue.d.ts

@@ -45,7 +45,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     to: (index: number) => void;
     next: () => void;
     prev: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update"[], "update", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     autoplay: BooleanConstructor;
     delay: {
         type: NumberConstructor;
@@ -60,7 +60,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     classDots: (ArrayConstructor | StringConstructor)[];
-}>>, {
+}>> & {
+    onUpdate?: ((...args: any[]) => any) | undefined;
+}, {
     autoplay: boolean;
     delay: number;
     showDots: boolean;
@@ -70,11 +72,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         to: (index: number) => void;
         next: () => void;
         prev: () => void;
+        current: number;
+        total: number;
     }): any;
     dots?(_: {
         to: (index: number) => void;
         next: () => void;
         prev: () => void;
+        current: number;
+        total: number;
     }): any;
 }>;
 export default _default;

package/lib/components/carousel/Carousel.vue.js

@@ -1,6 +1,6 @@
-import { defineComponent as D, ref as h, computed as I, onMounted as N, watch as $, openBlock as p, createElementBlock as m, normalizeStyle as z, unref as l, normalizeClass as d, createElementVNode as g, renderSlot as k, normalizeProps as C, guardReactiveProps as A, mergeProps as R, Fragment as E, renderList as V, createCommentVNode as X } from "vue";
-import { useTheme as b } from "../../composables/useTheme.js";
-const F = ["onClick"], L = {
+import { defineComponent as N, ref as h, computed as $, onMounted as z, watch as A, openBlock as p, createElementBlock as m, normalizeStyle as R, unref as l, normalizeClass as d, createElementVNode as g, renderSlot as k, normalizeProps as C, guardReactiveProps as E, mergeProps as V, Fragment as X, renderList as b, createCommentVNode as F } from "vue";
+import { useTheme as L } from "../../composables/useTheme.js";
+const M = ["onClick"], T = {
   autoplay: Boolean,
   delay: {
     type: Number,
@@ -15,80 +15,83 @@ const F = ["onClick"], L = {
     default: "slide"
   },
   classDots: [Array, String]
-}, M = {
+}, j = {
   name: "XCarousel",
   validators: {}
-}, x = /* @__PURE__ */ D({
-  ...M,
-  props: L,
-  setup(_, { expose: P }) {
-    const f = _, r = h(null), t = h(0), u = I(() => {
-      var e;
-      return ((e = r.value) == null ? void 0 : e.children.length) || 0;
+}, H = /* @__PURE__ */ N({
+  ...j,
+  props: T,
+  emits: ["update"],
+  setup(_, { expose: P, emit: S }) {
+    const v = _, u = h(null), e = h(0), a = $(() => {
+      var t;
+      return ((t = u.value) == null ? void 0 : t.children.length) || 0;
     });
     let s = null;
-    N(() => {
-      y(), S();
+    z(() => {
+      y(), w();
     });
-    function S() {
-      f.autoplay && (s && clearInterval(s), s = setInterval(() => {
+    function w() {
+      v.autoplay && (s && clearInterval(s), s = setInterval(() => {
         i();
-      }, f.delay));
+      }, v.delay));
     }
-    $(t, y);
+    A(e, () => {
+      y(), I("update", e.value);
+    });
     function y() {
-      if (r.value) {
-        const e = r.value.children;
-        for (let o = 0; o < e.length; o++) {
-          const n = e[o];
-          n.style.transform = `translateX(${(o - t.value) * 100}%)`;
+      if (u.value) {
+        const t = u.value.children;
+        for (let n = 0; n < t.length; n++) {
+          const r = t[n];
+          r.style.transform = `translateX(${(n - e.value) * 100}%)`;
         }
       }
     }
-    function c(e) {
-      t.value = e, s && clearInterval(s);
+    function c(t) {
+      e.value = t, s && clearInterval(s);
     }
     function i() {
-      t.value < u.value - 1 ? t.value += 1 : t.value = 0;
+      e.value < a.value - 1 ? e.value += 1 : e.value = 0;
     }
-    function v() {
-      t.value > 0 ? t.value -= 1 : t.value = u.value - 1;
+    function f() {
+      e.value > 0 ? e.value -= 1 : e.value = a.value - 1;
     }
-    const { styles: w, classes: a, className: B } = b("Carousel", {}, f, {
-      current: t,
-      total: u
-    });
-    return P({ to: c, next: i, prev: v }), (e, o) => (p(), m("div", {
-      style: z(l(w)),
+    const { styles: B, classes: o, className: D } = L("Carousel", {}, v, {
+      current: e,
+      total: a
+    }), I = S;
+    return P({ to: c, next: i, prev: f }), (t, n) => (p(), m("div", {
+      style: R(l(B)),
       class: d([
-        l(B),
-        l(a).wrapper
+        l(D),
+        l(o).wrapper
       ])
     }, [
       g("div", {
         ref_key: "slidesRef",
-        ref: r,
-        class: d(l(a).slides)
+        ref: u,
+        class: d(l(o).slides)
       }, [
-        k(e.$slots, "default", C(A({ to: c, next: i, prev: v })))
+        k(t.$slots, "default", C(E({ to: c, next: i, prev: f, current: e.value, total: a.value })))
       ], 2),
-      e.showDots ? k(e.$slots, "dots", C(R({ key: 0 }, { to: c, next: i, prev: v })), () => [
+      t.showDots ? k(t.$slots, "dots", C(V({ key: 0 }, { to: c, next: i, prev: f, current: e.value, total: a.value })), () => [
         g("div", {
-          class: d([l(a).dots, e.classDots])
+          class: d([l(o).dots, t.classDots])
         }, [
-          (p(!0), m(E, null, V(u.value, (n) => (p(), m("span", {
-            key: n,
+          (p(!0), m(X, null, b(a.value, (r) => (p(), m("span", {
+            key: r,
             class: d([
-              l(a).dot,
-              n - 1 === t.value ? l(a).dotActive : ""
+              l(o).dot,
+              r - 1 === e.value ? l(o).dotActive : ""
             ]),
-            onClick: (T) => c(n - 1)
-          }, null, 10, F))), 128))
+            onClick: (q) => c(r - 1)
+          }, null, 10, M))), 128))
         ], 2)
-      ]) : X("", !0)
+      ]) : F("", !0)
     ], 6));
   }
 });
 export {
-  x as default
+  H as default
 };

package/lib/components/checkbox/theme/Checkbox.base.theme.js

@@ -9,7 +9,7 @@ const i = {
       return e.size === "lg" ? r.push("h-5 w-5") : e.size === "xl" ? r.push("h-6 w-6") : r.push("h-4 w-4"), r;
     },
     content: ({ props: e }) => {
-      const r = ["flex items-baseline"];
+      const r = ["flex items-center"];
       return e.disabled && r.push("cursor-not-allowed"), r;
     },
     icon: ({ props: e }) => {