@indielayer/ui 0.0.0-dev-20240125104319

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

@@ -0,0 +1,85 @@
+import { type ExtractPublicPropTypes, type PropType } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
+declare const carouselEffects: readonly ["slide"];
+export type CarouselEffect = typeof carouselEffects[number];
+declare const carouselProps: {
+    autoplay: BooleanConstructor;
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showDots: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    effect: {
+        type: PropType<"slide">;
+        default: string;
+    };
+    classDots: (ArrayConstructor | StringConstructor)[];
+};
+export type CarouselProps = ExtractPublicPropTypes<typeof carouselProps>;
+type InternalClasses = 'wrapper' | 'slides' | 'dots' | 'dot' | 'dotActive';
+type InternalData = {
+    current: number;
+    total: number;
+};
+export interface CarouselTheme extends ThemeComponent<CarouselProps, InternalClasses, InternalData> {
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    autoplay: BooleanConstructor;
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showDots: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    effect: {
+        type: PropType<"slide">;
+        default: string;
+    };
+    classDots: (ArrayConstructor | StringConstructor)[];
+}, {
+    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<{
+    autoplay: BooleanConstructor;
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    showDots: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    effect: {
+        type: PropType<"slide">;
+        default: string;
+    };
+    classDots: (ArrayConstructor | StringConstructor)[];
+}>>, {
+    autoplay: boolean;
+    delay: number;
+    showDots: boolean;
+    effect: "slide";
+}, {}>, {
+    default?(_: {
+        to: (index: number) => void;
+        next: () => void;
+        prev: () => void;
+    }): any;
+    dots?(_: {
+        to: (index: number) => void;
+        next: () => void;
+        prev: () => void;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,94 @@
+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 = {
+  autoplay: Boolean,
+  delay: {
+    type: Number,
+    default: 5e3
+  },
+  showDots: {
+    type: Boolean,
+    default: !0
+  },
+  effect: {
+    type: String,
+    default: "slide"
+  },
+  classDots: [Array, String]
+}, M = {
+  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;
+    });
+    let s = null;
+    N(() => {
+      y(), S();
+    });
+    function S() {
+      f.autoplay && (s && clearInterval(s), s = setInterval(() => {
+        i();
+      }, f.delay));
+    }
+    $(t, y);
+    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}%)`;
+        }
+      }
+    }
+    function c(e) {
+      t.value = e, s && clearInterval(s);
+    }
+    function i() {
+      t.value < u.value - 1 ? t.value += 1 : t.value = 0;
+    }
+    function v() {
+      t.value > 0 ? t.value -= 1 : t.value = u.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)),
+      class: d([
+        l(B),
+        l(a).wrapper
+      ])
+    }, [
+      g("div", {
+        ref_key: "slidesRef",
+        ref: r,
+        class: d(l(a).slides)
+      }, [
+        k(e.$slots, "default", C(A({ to: c, next: i, prev: v })))
+      ], 2),
+      e.showDots ? k(e.$slots, "dots", C(R({ key: 0 }, { to: c, next: i, prev: v })), () => [
+        g("div", {
+          class: d([l(a).dots, e.classDots])
+        }, [
+          (p(!0), m(E, null, V(u.value, (n) => (p(), m("span", {
+            key: n,
+            class: d([
+              l(a).dot,
+              n - 1 === t.value ? l(a).dotActive : ""
+            ]),
+            onClick: (T) => c(n - 1)
+          }, null, 10, F))), 128))
+        ], 2)
+      ]) : X("", !0)
+    ], 6));
+  }
+});
+export {
+  x as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./Carousel.vue.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,22 @@
+import { type ExtractPublicPropTypes } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
+declare const carouselSlideProps: {};
+export type CarouselSlideProps = ExtractPublicPropTypes<typeof carouselSlideProps>;
+type InternalClasses = 'wrapper';
+export interface CarouselSlideTheme extends ThemeComponent<CarouselSlideProps, InternalClasses> {
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Readonly<import("vue").ComponentPropsOptions<{
+    [x: string]: unknown;
+}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, readonly string[] | Readonly<import("vue").ExtractPropTypes<Readonly<import("vue").ComponentObjectPropsOptions<{
+    [x: string]: unknown;
+}>>>>, {
+    [x: number]: string;
+} | {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,9 @@
+import s from "./CarouselSlide.vue2.js";
+import o from "./CarouselSlide.vue3.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const e = {
+  $style: o
+}, a = /* @__PURE__ */ t(s, [["__cssModules", e], ["__scopeId", "data-v-8d26c82a"]]);
+export {
+  a as default
+};

package/lib/components/carousel/CarouselSlide.vue2.js

@@ -0,0 +1,25 @@
+import { defineComponent as n, openBlock as c, createElementBlock as p, normalizeStyle as i, unref as e, normalizeClass as m, renderSlot as u } from "vue";
+import { useTheme as d } from "../../composables/useTheme.js";
+const f = {}, _ = {
+  name: "XCarouselSlide",
+  validators: {}
+}, h = /* @__PURE__ */ n({
+  ..._,
+  props: f,
+  setup(l) {
+    const o = l, { styles: r, classes: t, className: a } = d("CarouselSlide", {}, o);
+    return (s, S) => (c(), p("div", {
+      style: i(e(r)),
+      class: m([
+        e(a),
+        s.$style["carousel-slide"],
+        e(t).wrapper
+      ])
+    }, [
+      u(s.$slots, "default")
+    ], 6));
+  }
+});
+export {
+  h as default
+};

package/lib/components/carousel/CarouselSlide.vue3.js

@@ -0,0 +1,6 @@
+const e = {
+  "carousel-slide": "_carousel-slide_uzvvz_2"
+};
+export {
+  e as default
+};

package/lib/components/carousel/__tests__/Carousel.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/carousel/index.d.ts

@@ -0,0 +1,4 @@
+export { default as XCarousel } from './Carousel.vue';
+export { default as XCarouselSlide } from './CarouselSlide.vue';
+export type { CarouselProps, CarouselTheme, CarouselEffect } from './Carousel.vue';
+export type { CarouselSlideProps, CarouselSlideTheme } from './CarouselSlide.vue';

package/lib/components/carousel/theme/Carousel.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { CarouselTheme } from '../Carousel.vue';
+declare const theme: CarouselTheme;
+export default theme;

package/lib/components/carousel/theme/Carousel.base.theme.js

@@ -0,0 +1,16 @@
+const t = {
+  classes: {
+    wrapper({ props: e }) {
+      return ["relative w-full h-full overflow-hidden"];
+    },
+    slides({ props: e }) {
+      return ["relative w-full h-full overflow-hidden transition-transform duration-300 ease-in-out"];
+    },
+    dots: "absolute flex gap-2 w-full justify-center items-center bottom-10",
+    dot: "bg-white w-2 h-2 rounded-full transition-all ease-in-out duration-300 opacity-75 cursor-pointer",
+    dotActive: "!w-8 !opacity-100"
+  }
+}, o = t;
+export {
+  o as default
+};

package/lib/components/carousel/theme/Carousel.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { CarouselTheme } from '../Carousel.vue';
+declare const theme: CarouselTheme;
+export default theme;

package/lib/components/carousel/theme/Carousel.carbon.theme.js

@@ -0,0 +1,5 @@
+import e from "./Carousel.base.theme.js";
+const t = e, o = t;
+export {
+  o as default
+};

package/lib/components/carousel/theme/CarouselSlide.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { CarouselSlideTheme } from '../CarouselSlide.vue';
+declare const theme: CarouselSlideTheme;
+export default theme;

package/lib/components/carousel/theme/CarouselSlide.base.theme.js

@@ -0,0 +1,8 @@
+const e = {
+  classes: {
+    wrapper: "absolute w-full h-full shrink-0 overflow-hidden transition-transform duration-300 ease-in-out"
+  }
+}, s = e;
+export {
+  s as default
+};

package/lib/components/carousel/theme/CarouselSlide.carbon.theme.d.ts

@@ -0,0 +1,3 @@
+import type { CarouselSlideTheme } from '../CarouselSlide.vue';
+declare const theme: CarouselSlideTheme;
+export default theme;

package/lib/components/carousel/theme/CarouselSlide.carbon.theme.js

@@ -0,0 +1,5 @@
+import e from "./CarouselSlide.base.theme.js";
+const t = e, o = t;
+export {
+  o as default
+};

package/lib/components/checkbox/Checkbox.vue.d.ts

@@ -0,0 +1,155 @@
+import { type ExtractPublicPropTypes, type Ref } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
+declare const checkboxProps: {
+    value: (StringConstructor | NumberConstructor)[];
+    indeterminate: BooleanConstructor;
+    glow: BooleanConstructor;
+    modelValue: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
+    id: StringConstructor;
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    required: BooleanConstructor;
+    validateOnInput: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    label: StringConstructor;
+    helper: StringConstructor;
+    error: StringConstructor;
+    hideFooter: BooleanConstructor;
+    rules: {
+        readonly type: ArrayConstructor;
+        readonly default: () => never[];
+    };
+    disabled: BooleanConstructor;
+    loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    loadingStatus: {
+        readonly type: import("vue").PropType<import("../loader/Loader.vue").LoaderStatus>;
+        readonly default: "active";
+    };
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
+    size: {
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+};
+export type CheckboxProps = ExtractPublicPropTypes<typeof checkboxProps>;
+type InternalClasses = 'wrapper' | 'content' | 'box' | 'icon' | 'label';
+type InternalExtraData = {
+    checked: Ref<boolean>;
+    isInsideForm: boolean;
+    isInsideFormGroup: boolean;
+};
+export interface CheckboxTheme extends ThemeComponent<CheckboxProps, InternalClasses, InternalExtraData> {
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    value: (StringConstructor | NumberConstructor)[];
+    indeterminate: BooleanConstructor;
+    glow: BooleanConstructor;
+    modelValue: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
+    id: StringConstructor;
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    required: BooleanConstructor;
+    validateOnInput: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    label: StringConstructor;
+    helper: StringConstructor;
+    error: StringConstructor;
+    hideFooter: BooleanConstructor;
+    rules: {
+        readonly type: ArrayConstructor;
+        readonly default: () => never[];
+    };
+    disabled: BooleanConstructor;
+    loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    loadingStatus: {
+        readonly type: import("vue").PropType<import("../loader/Loader.vue").LoaderStatus>;
+        readonly default: "active";
+    };
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
+    size: {
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+}, {
+    focus: () => void | undefined;
+    blur: () => void | undefined;
+    toggle: () => void;
+    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<{
+    value: (StringConstructor | NumberConstructor)[];
+    indeterminate: BooleanConstructor;
+    glow: BooleanConstructor;
+    modelValue: import("vue").PropType<string | number | boolean | object | any[] | undefined>;
+    id: StringConstructor;
+    name: StringConstructor;
+    readonly: BooleanConstructor;
+    required: BooleanConstructor;
+    validateOnInput: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    label: StringConstructor;
+    helper: StringConstructor;
+    error: StringConstructor;
+    hideFooter: BooleanConstructor;
+    rules: {
+        readonly type: ArrayConstructor;
+        readonly default: () => never[];
+    };
+    disabled: BooleanConstructor;
+    loading: BooleanConstructor;
+    loadingLabel: StringConstructor;
+    loadingStatus: {
+        readonly type: import("vue").PropType<import("../loader/Loader.vue").LoaderStatus>;
+        readonly default: "active";
+    };
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
+    size: {
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+}>> & {
+    [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    glow: boolean;
+    color: string;
+    size: import("../../composables/useCommon").Size;
+    loading: boolean;
+    loadingStatus: import("../loader/Loader.vue").LoaderStatus;
+    indeterminate: boolean;
+    readonly: boolean;
+    required: boolean;
+    validateOnInput: boolean;
+    hideFooter: boolean;
+    rules: unknown[];
+}, {}>, {
+    icon?(_: {}): any;
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/checkbox/Checkbox.vue.js

@@ -0,0 +1,9 @@
+import o from "./Checkbox.vue2.js";
+import s from "./Checkbox.vue3.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const e = {
+  $style: s
+}, f = /* @__PURE__ */ t(o, [["__cssModules", e]]);
+export {
+  f as default
+};

package/lib/components/checkbox/Checkbox.vue2.js

@@ -0,0 +1,142 @@
+import { defineComponent as P, ref as w, watch as m, unref as o, openBlock as i, createElementBlock as p, normalizeStyle as R, normalizeClass as u, createElementVNode as d, withKeys as T, withModifiers as H, withDirectives as O, mergeProps as U, toHandlers as X, vModelCheckbox as j, createBlock as V, renderSlot as C, toDisplayString as J, createCommentVNode as Q } from "vue";
+import { useTheme as W } from "../../composables/useTheme.js";
+import { useCommon as I } from "../../composables/useCommon.js";
+import { useColors as Y } from "../../composables/useColors.js";
+import { useInteractive as z } from "../../composables/useInteractive.js";
+import { useInputtable as f } from "../../composables/useInputtable.js";
+import Z from "../spinner/Spinner.vue.js";
+import x from "../inputFooter/InputFooter.vue.js";
+const ee = ["onKeypress"], se = ["id", "name", "aria-checked", "aria-disabled", "disabled", "required"], le = {
+  key: 1,
+  name: "check-icon",
+  class: "w-2/3 h-[2px] bg-white dark:bg-gray-900"
+}, ae = /* @__PURE__ */ d("path", { d: "M0 11l2-2 5 5L18 3l2 2L7 18z" }, null, -1), oe = [
+  ae
+], re = ["textContent"], ie = {
+  ...I.props(),
+  ...Y.props("primary"),
+  ...z.props(),
+  ...f.props(),
+  value: [String, Number],
+  indeterminate: Boolean,
+  glow: Boolean
+}, te = {
+  name: "XCheckbox",
+  validators: {
+    ...I.validators()
+  }
+}, he = /* @__PURE__ */ P({
+  ...te,
+  props: ie,
+  emits: f.emits(!1),
+  setup(A, { expose: B, emit: $ }) {
+    const s = A, v = $, h = w(null), l = w(!1);
+    function b() {
+      l.value = !l.value;
+    }
+    const { focus: y, blur: F } = z(h), {
+      errorInternal: G,
+      hideFooterInternal: N,
+      isInsideForm: S,
+      isInsideFormGroup: c,
+      isFirstValidation: _,
+      formGroup: r,
+      reset: q,
+      validate: k,
+      setError: E
+    } = f(s, { focus: y, emit: v, withListeners: !1 });
+    c ? (m(() => r.value, () => {
+      const e = o(r.value);
+      e && Array.isArray(e) && e.includes(s.value) ? l.value = !0 : l.value = !1;
+    }, { immediate: !0, deep: !0 }), m(() => l.value, (e) => {
+      if (!s.value)
+        return;
+      const a = o(r.value);
+      if (e)
+        if (a && Array.isArray(a)) {
+          if (!a.includes(s.value)) {
+            const n = [...a, s.value];
+            r.setValue(n);
+          }
+        } else
+          r.setValue([s.value]);
+      else if (a && Array.isArray(a) && a.includes(s.value)) {
+        const n = a.findIndex((D) => D === s.value), g = [...a];
+        g.splice(n, 1), r.setValue(g);
+      }
+    })) : (m(() => s.modelValue, (e) => {
+      l.value = !!e;
+    }, { immediate: !0 }), m(() => l.value, (e) => {
+      v("update:modelValue", e);
+    }));
+    const K = {
+      input: () => {
+        c || setTimeout(() => {
+          s.validateOnInput && !_.value && k(s.modelValue);
+        }, 0);
+      }
+    }, { styles: L, classes: t, className: M } = W("Checkbox", {}, s, { checked: l, isInsideForm: S, isInsideFormGroup: c });
+    return B({ focus: y, blur: F, toggle: b, reset: q, validate: k, setError: E }), (e, a) => (i(), p("label", {
+      style: R(o(L)),
+      class: u([
+        o(M),
+        o(t).wrapper
+      ])
+    }, [
+      d("div", {
+        ref_key: "elRef",
+        ref: h,
+        class: u(o(t).content),
+        tabindex: "0",
+        onKeypress: T(H(b, ["prevent", "stop"]), ["space"])
+      }, [
+        O(d("input", U({
+          id: e.id,
+          "onUpdate:modelValue": a[0] || (a[0] = (n) => l.value = n),
+          name: e.name,
+          "aria-checked": e.indeterminate ? "mixed" : l.value ? "true" : "false",
+          "aria-disabled": e.disabled ? "true" : void 0,
+          type: "checkbox",
+          class: "invisible absolute",
+          disabled: e.disabled || e.loading,
+          required: e.required
+        }, X(K, !0)), null, 16, se), [
+          [j, l.value]
+        ]),
+        d("div", {
+          class: u([
+            o(t).box,
+            [e.glow && !e.disabled && !e.loading ? e.$style["checkbox--glow"] : ""]
+          ])
+        }, [
+          e.loading ? (i(), V(Z, {
+            key: 0,
+            size: e.size,
+            class: "absolute"
+          }, null, 8, ["size"])) : e.indeterminate ? (i(), p("span", le)) : C(e.$slots, "icon", { key: 2 }, () => [
+            (i(), p("svg", {
+              viewBox: "0 0 20 20",
+              class: u([o(t).icon, { "opacity-0": !l.value }])
+            }, oe, 2))
+          ])
+        ], 2),
+        d("div", {
+          class: u(o(t).label)
+        }, [
+          e.label ? (i(), p("span", {
+            key: 0,
+            textContent: J(e.label)
+          }, null, 8, re)) : C(e.$slots, "default", { key: 1 })
+        ], 2)
+      ], 42, ee),
+      o(N) ? Q("", !0) : (i(), V(x, {
+        key: 0,
+        error: o(G),
+        helper: e.helper
+      }, null, 8, ["error", "helper"]))
+    ], 6));
+  }
+});
+export {
+  he as default
+};

package/lib/components/checkbox/Checkbox.vue3.js

@@ -0,0 +1,6 @@
+const o = {
+  "checkbox--glow": "_checkbox--glow_a1gm3_1"
+};
+export {
+  o as default
+};

package/lib/components/checkbox/__tests__/Checkbox.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { default as XCheckbox } from './Checkbox.vue';
+export type { CheckboxProps, CheckboxTheme } from './Checkbox.vue';

package/lib/components/checkbox/theme/Checkbox.base.theme.d.ts

@@ -0,0 +1,3 @@
+import type { CheckboxTheme } from '../Checkbox.vue';
+declare const theme: CheckboxTheme;
+export default theme;