@indielayer/ui 1.1.0 → 1.3.0

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

@@ -1,106 +1,4 @@
-import { defineComponent as L, ref as u, watch as N, useCssModule as P, computed as W, openBlock as A, createElementBlock as M, normalizeClass as B, unref as s, normalizeStyle as V, createElementVNode as $, renderSlot as w } from "vue";
-import { onClickOutside as X, useEventListener as R } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.4/node_modules/@vueuse/core/index.js";
-import { useTheme as j } from "../../composables/theme.js";
-import q from "./Popover.theme.js";
-const b = {
-  align: ["bottom", "center", "left", "right", "top"],
-  position: ["bottom", "left", "right", "top"]
-}, D = {
-  align: {
-    type: String,
-    default: "center",
-    validator: (f) => b.align.includes(f)
-  },
-  position: {
-    type: String,
-    default: "bottom",
-    validator: (f) => b.position.includes(f)
-  },
-  dismissOnClick: {
-    type: Boolean,
-    default: !0
-  },
-  autoAlign: {
-    type: Boolean,
-    default: !0
-  },
-  disabled: Boolean,
-  hover: Boolean,
-  block: Boolean
-}, F = {
-  name: "XPopover",
-  validators: b
-}, Q = /* @__PURE__ */ L({
-  ...F,
-  props: D,
-  emits: ["open", "close", "toggle"],
-  setup(f, { expose: E, emit: p }) {
-    const l = f, r = u(null), c = u(null), i = u(!1);
-    let a;
-    N(i, (e) => {
-      l.hover || (e ? y() : k(), a && (a(), a = void 0), e && setTimeout(() => {
-        a = X(r, g);
-      }));
-    });
-    const n = P(), m = u(!1), d = u(!1), v = u(!1), h = u(!1), S = W(() => {
-      const e = [];
-      let o = l.align, t = l.position;
-      return v.value && (t === "top" ? t = "bottom" : (t === "left" || t === "right") && (o = "top")), h.value && (t === "bottom" ? t = "top" : (t === "left" || t === "right") && (o = "bottom")), m.value && (t === "left" ? t = "right" : (t === "top" || t === "bottom") && (o = "left")), d.value && (t === "right" ? t = "left" : (t === "top" || t === "bottom") && (o = "right")), t === "top" && e.push(`bottom-full ${n["popover-top"]}`), t === "bottom" && e.push(`top-full bottom-0 ${n["popover-bottom"]}`), t === "right" && e.push(`left-full ${n["popover-right"]}`), t === "left" && e.push(`right-full left-auto ${n["popover-left"]}`), o === "left" && ["bottom", "top"].includes(t) && e.push("left-0 right-auto"), o === "center" && ["bottom", "top"].includes(t) && e.push("left-1/2 right-auto -translate-x-1/2"), o === "right" && ["bottom", "top"].includes(t) && e.push("right-0 left-auto"), o === "top" && ["left", "right"].includes(t) && e.push("top-0 bottom-auto"), o === "center" && ["left", "right"].includes(t) && e.push("-translate-y-1/2 top-1/2 bottom-auto"), o === "bottom" && ["left", "right"].includes(t) && e.push("bottom-0"), l.block && e.push("min-w-full"), e;
-    });
-    l.hover && (R(r, "mouseenter", y), R(r, "mouseleave", k));
-    function k() {
-      m.value = !1, d.value = !1, v.value = !1, h.value = !1;
-    }
-    function y() {
-      if (!c.value)
-        return;
-      const e = c.value.getBoundingClientRect();
-      m.value = e.left < 0, d.value = e.right > (window.innerWidth || document.documentElement.clientWidth), v.value = e.top < 0, h.value = e.bottom > (window.innerHeight || document.documentElement.clientHeight);
-    }
-    function g() {
-      l.disabled || (i.value = !1, p("close"));
-    }
-    function z() {
-      l.disabled || (i.value = !0, p("open"));
-    }
-    function C() {
-      l.disabled || (i.value = !i.value, p("toggle", i.value));
-    }
-    const { styles: T, classes: O, className: H } = j("popover", q, l);
-    return E({ open: z, close: g, toggle: C, isOpen: i }), (e, o) => (A(), M("div", {
-      ref_key: "elRef",
-      ref: r,
-      class: B(["inline-block relative", [
-        s(H),
-        s(O).wrapper,
-        s(n).popover,
-        [e.hover ? s(n).hover : ""],
-        [i.value ? s(n)["is-open"] : ""],
-        { "w-full": e.block }
-      ]]),
-      style: V(s(T))
-    }, [
-      $("div", {
-        class: "flex",
-        onClick: o[0] || (o[0] = (t) => e.hover ? null : C())
-      }, [
-        w(e.$slots, "default")
-      ]),
-      $("div", {
-        ref_key: "contentRef",
-        ref: c,
-        class: B(["absolute transform transition-transform z-40 h-fit", [
-          s(n)["popover-content"],
-          S.value,
-          s(O).content
-        ]]),
-        onClick: o[1] || (o[1] = (t) => e.dismissOnClick ? g() : null)
-      }, [
-        w(e.$slots, "content")
-      ], 2)
-    ], 6));
-  }
-});
+const e = "";
 export {
-  Q as default
+  e as default
 };

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

@@ -1,15 +1,5 @@
-const o = "_popover_fiql7_2", p = "_hover_fiql7_26", e = {
-  popover: o,
-  "popover-content": "_popover-content_fiql7_3",
-  "popover-top": "_popover-top_fiql7_9",
-  "popover-right": "_popover-right_fiql7_13",
-  "popover-bottom": "_popover-bottom_fiql7_17",
-  "popover-left": "_popover-left_fiql7_21",
-  "is-open": "_is-open_fiql7_25",
-  hover: p
-};
+import o from "./Popover.vue.js";
+import "./Popover.vue2.js";
 export {
-  e as default,
-  p as hover,
-  o as popover
+  o as default
 };

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

@@ -1,4 +1,5 @@
 import type { ExtractPublicPropTypes } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
 declare const popoverContainerProps: {
     tag: {
         default: string;
@@ -6,6 +7,9 @@ declare const popoverContainerProps: {
     };
 };
 export type PopoverContainerProps = ExtractPublicPropTypes<typeof popoverContainerProps>;
+type InternalClasses = 'wrapper';
+export interface PopoverContainerTheme extends ThemeComponent<PopoverContainerProps, InternalClasses> {
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     tag: {
         default: string;

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

@@ -1,18 +1,17 @@
-import { defineComponent as l, openBlock as p, createBlock as c, resolveDynamicComponent as m, normalizeStyle as i, unref as e, normalizeClass as f, withCtx as u, renderSlot as d } from "vue";
-import { useTheme as _ } from "../../composables/theme.js";
-import y from "./PopoverContainer.theme.js";
-const C = {
+import { defineComponent as l, openBlock as p, createBlock as c, resolveDynamicComponent as i, normalizeStyle as m, unref as e, normalizeClass as f, withCtx as u, renderSlot as d } from "vue";
+import { useTheme as C } from "../../composables/useTheme.js";
+const _ = {
   tag: {
     default: "div",
     type: String
   }
-}, v = { name: "XPopoverContainer" }, w = /* @__PURE__ */ l({
-  ...v,
-  props: C,
+}, y = { name: "XPopoverContainer" }, P = /* @__PURE__ */ l({
+  ...y,
+  props: _,
   setup(t) {
-    const r = t, { styles: s, classes: n, className: a } = _("popover-container", y, r);
-    return (o, h) => (p(), c(m(o.tag), {
-      style: i(e(s)),
+    const s = t, { styles: r, classes: n, className: a } = C("PopoverContainer", {}, s);
+    return (o, v) => (p(), c(i(o.tag), {
+      style: m(e(r)),
       class: f([
         e(a),
         e(n).wrapper
@@ -26,5 +25,5 @@ const C = {
   }
 });
 export {
-  w as default
+  P as default
 };

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

@@ -1,6 +1,4 @@
 export { default as XPopover } from './Popover.vue';
-export type { PopoverProps, PopoverAlign, PopoverPosition } from './Popover.vue';
-export type { PopoverTheme } from './Popover.theme';
+export type { PopoverProps, PopoverPlacement, PopoverTriggerEvent, PopoverTheme } from './Popover.vue';
 export { default as XPopoverContainer } from './PopoverContainer.vue';
-export type { PopoverContainerProps } from './PopoverContainer.vue';
-export type { PopoverContainerTheme } from './PopoverContainer.theme';
+export type { PopoverContainerProps, PopoverContainerTheme } from './PopoverContainer.vue';

package/lib/components/popover/theme/Popover.base.theme.d.ts

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

package/lib/components/popover/theme/Popover.base.theme.js

@@ -0,0 +1,9 @@
+const e = {
+  classes: {
+    wrapper: "relative",
+    content: "max-w-xs"
+  }
+}, s = e;
+export {
+  s as default
+};

package/lib/components/popover/theme/Popover.carbon.theme.d.ts

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

package/lib/components/popover/theme/Popover.carbon.theme.js

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

package/lib/components/popover/theme/PopoverContainer.base.theme.d.ts

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

package/lib/components/popover/theme/PopoverContainer.carbon.theme.d.ts

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

package/lib/components/popover/theme/PopoverContainer.carbon.theme.js

@@ -0,0 +1,8 @@
+const r = {
+  classes: {
+    wrapper: "block w-full bg-gray-100 dark:bg-gray-700 shadow-lg border border-gray-200 dark:border-gray-800 text-sm"
+  }
+}, e = r;
+export {
+  e as default
+};

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

@@ -1,4 +1,5 @@
 import type { ExtractPublicPropTypes } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
 declare const progressProps: {
     percentage: {
         type: NumberConstructor;
@@ -17,6 +18,9 @@ declare const progressProps: {
     };
 };
 export type ProgressProps = ExtractPublicPropTypes<typeof progressProps>;
+type InternalClasses = 'wrapper' | 'list' | 'item';
+export interface ProgressTheme extends ThemeComponent<ProgressProps, InternalClasses> {
+}
 declare const _default: import("vue").DefineComponent<{
     percentage: {
         type: NumberConstructor;
@@ -50,10 +54,10 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
 }>>, {
-    animate: boolean;
     color: string;
-    thick: boolean;
     percentage: number;
     gradient: boolean;
+    animate: boolean;
+    thick: boolean;
 }, {}>;
 export default _default;

package/lib/components/progress/Progress.vue.js

@@ -1,7 +1,6 @@
-import { defineComponent as d, openBlock as s, createElementBlock as n, normalizeStyle as t, unref as o, normalizeClass as a, createElementVNode as g, createCommentVNode as u } from "vue";
-import { useColors as c } from "../../composables/colors.js";
-import { useTheme as f } from "../../composables/theme.js";
-import h from "./Progress.theme.js";
+import { defineComponent as m, openBlock as s, createElementBlock as n, normalizeStyle as t, unref as a, normalizeClass as o, createElementVNode as g, createCommentVNode as u } from "vue";
+import { useColors as c } from "../../composables/useColors.js";
+import { useTheme as f } from "../../composables/useTheme.js";
 const y = {
   ...c.props("primary"),
   percentage: {
@@ -15,20 +14,20 @@ const y = {
     default: !0
   },
   thick: Boolean
-}, b = { name: "XProgress" }, N = /* @__PURE__ */ d({
-  ...b,
+}, h = { name: "XProgress" }, v = /* @__PURE__ */ m({
+  ...h,
   props: y,
   setup(r) {
-    const l = r, { styles: i, classes: p, className: m } = f("progress", h, l);
-    return (e, k) => (s(), n("div", {
-      style: t(o(i)),
-      class: a([
-        o(m),
-        o(p).wrapper
+    const l = r, { styles: i, classes: p, className: d } = f("Progress", {}, l);
+    return (e, b) => (s(), n("div", {
+      style: t(a(i)),
+      class: o([
+        a(d),
+        a(p).wrapper
       ])
     }, [
       g("div", {
-        class: a(["h-full", [
+        class: o(["h-full", [
           e.gradient ? "bg-gradient-to-r" : "bg-[color:var(--x-progress-bg)]",
           {
             "duration-150 transition-[width]": e.animate
@@ -38,7 +37,7 @@ const y = {
       }, null, 6),
       e.gradient ? (s(), n("div", {
         key: 0,
-        class: a(["absolute h-full bg-gray-100 dark:bg-gray-700 right-0 top-0", { "duration-150 transition-[width]": e.animate }]),
+        class: o(["absolute h-full bg-gray-100 dark:bg-gray-700 right-0 top-0", { "duration-150 transition-[width]": e.animate }]),
         style: t({
           width: `${100 - e.percentage}%`
         })
@@ -47,5 +46,5 @@ const y = {
   }
 });
 export {
-  N as default
+  v as default
 };

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

@@ -1,3 +1,2 @@
 export { default as XProgress } from './Progress.vue';
-export type { ProgressProps } from './Progress.vue';
-export type { ProgressTheme } from './Progress.theme';
+export type { ProgressProps, ProgressTheme } from './Progress.vue';

package/lib/components/progress/theme/Progress.base.theme.d.ts

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

package/lib/components/progress/theme/Progress.carbon.theme.d.ts

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

package/lib/components/progress/theme/Progress.carbon.theme.js

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

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

@@ -1,6 +1,7 @@
-import { type ExtractPublicPropTypes } from 'vue';
+import { type ExtractPublicPropTypes, type Ref } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
 declare const radioProps: {
-    value: (ArrayConstructor | ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor | FunctionConstructor)[];
+    value: (ArrayConstructor | ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor | FunctionConstructor)[];
     label: StringConstructor;
     helper: StringConstructor;
     glow: BooleanConstructor;
@@ -13,25 +14,37 @@ declare const radioProps: {
         readonly default: true;
     };
     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/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
 };
 export type RadioProps = ExtractPublicPropTypes<typeof radioProps>;
+type InternalClasses = 'wrapper' | 'circle' | 'circleIcon' | 'label' | 'content';
+type InternalExtraData = {
+    selected: Ref<boolean>;
+};
+export interface RadioTheme extends ThemeComponent<RadioProps, InternalClasses, InternalExtraData> {
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    value: (ArrayConstructor | ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor | FunctionConstructor)[];
+    value: (ArrayConstructor | ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor | FunctionConstructor)[];
     label: StringConstructor;
     helper: StringConstructor;
     glow: BooleanConstructor;
@@ -44,18 +57,24 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         readonly default: true;
     };
     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/common").Size>;
+        readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
         readonly validator: (value: string) => boolean;
     };
@@ -66,7 +85,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     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: (ArrayConstructor | ObjectConstructor | BooleanConstructor | StringConstructor | NumberConstructor | FunctionConstructor)[];
+    value: (ArrayConstructor | ObjectConstructor | StringConstructor | BooleanConstructor | NumberConstructor | FunctionConstructor)[];
     label: StringConstructor;
     helper: StringConstructor;
     glow: BooleanConstructor;
@@ -79,32 +98,40 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         readonly default: true;
     };
     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/common").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;
-    color: string;
-    size: import("../../composables/common").Size;
+    size: import("../../composables/useCommon").Size;
     required: boolean;
-    loading: boolean;
     glow: boolean;
+    color: string;
+    disabled: boolean;
+    loading: boolean;
+    loadingStatus: import("../loader/Loader.vue").LoaderStatus;
     readonly: boolean;
     validateOnInput: boolean;
+    hideFooter: boolean;
     rules: unknown[];
 }, {}>, {
     default?(_: {}): any;