@indielayer/ui 1.0.10 → 1.2.0

package/lib/components/badge/Badge.vue.js

@@ -0,0 +1,94 @@
+import { defineComponent as v, useSlots as z, computed as l, openBlock as o, createBlock as S, resolveDynamicComponent as w, normalizeStyle as n, unref as s, normalizeClass as i, withCtx as B, createElementVNode as r, renderSlot as a, createElementBlock as p, createCommentVNode as f } from "vue";
+import { useTheme as C } from "../../composables/theme.js";
+import { useCommon as m } from "../../composables/common.js";
+import { useColors as k } from "../../composables/colors.js";
+import N from "./Badge.theme.js";
+const X = { class: "relative inline-block" }, x = {
+  key: 0,
+  class: "animate-ping opacity-75 absolute top-0 left-0 rounded-full h-full w-full z-10 bg-[color:var(--x-badge-bg)]"
+}, Y = ["left", "right"], $ = ["top", "bottom"], E = {
+  ...m.props(),
+  ...k.props("primary"),
+  tag: {
+    type: String,
+    default: "div"
+  },
+  position: {
+    type: String,
+    default: "top"
+  },
+  align: {
+    type: String,
+    default: "right"
+  },
+  offsetX: [Number, String],
+  offsetY: [Number, String],
+  animated: Boolean,
+  outlined: Boolean,
+  icon: String,
+  show: {
+    type: Boolean,
+    default: !0
+  }
+}, P = {
+  name: "XBadge",
+  validators: {
+    ...m.validators(),
+    position: $,
+    align: Y
+  }
+}, R = /* @__PURE__ */ v({
+  ...P,
+  props: E,
+  setup(u) {
+    const t = u, d = z(), g = l(() => {
+      const e = [];
+      return t.position === "top" && e.push("top-0"), t.position === "bottom" && e.push("bottom-0"), t.align === "left" && e.push("left-0"), t.align === "right" && e.push("right-0"), d.content ? e.push("-m-[7.5%]") : t.outlined ? e.push("-m-[5%]") : e.push("-m-[3.5%]"), e;
+    }), c = l(() => {
+      const e = {};
+      return t.offsetX && (e[t.align === "left" ? "marginLeft" : "marginRight"] = t.offsetX + "px"), t.offsetY && (e[t.position === "top" ? "marginTop" : "marginBottom"] = t.offsetY + "px"), e;
+    }), { styles: h, classes: b, className: y } = C("badge", N, t);
+    return (e, T) => (o(), S(w(e.tag), {
+      style: n(s(h)),
+      class: i([
+        s(y),
+        s(b).wrapper
+      ])
+    }, {
+      default: B(() => [
+        r("div", X, [
+          a(e.$slots, "default"),
+          e.show ? (o(), p("div", {
+            key: 0,
+            class: i(["absolute rounded-full z-10 bg-[color:var(--x-badge-bg)]", [
+              g.value,
+              {
+                "border-2 border-gray-50 dark:border-gray-900": e.outlined
+              }
+            ]]),
+            style: n(c.value)
+          }, [
+            e.animated ? (o(), p("div", x)) : f("", !0),
+            r("div", {
+              class: i(["text-xs text-white overflow-hidden", [
+                e.$slots.content ? "flex items-center justify-center min-w-[1.25rem] h-5 px-1.5" : {
+                  "p-1": e.size === "xs",
+                  "p-[0.312rem]": e.size === "sm",
+                  "p-1.5": !e.size || !["xs", "sm", "lg", "xl"].includes(e.size),
+                  "p-2": e.size === "lg",
+                  "p-2.5": e.size === "xl"
+                }
+              ]])
+            }, [
+              a(e.$slots, "content")
+            ], 2)
+          ], 6)) : f("", !0)
+        ])
+      ]),
+      _: 3
+    }, 8, ["style", "class"]));
+  }
+});
+export {
+  R as default
+};

package/lib/components/badge/Badge.vue2.js

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

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

@@ -0,0 +1,3 @@
+export { default as XBadge } from './Badge.vue';
+export type { BadgeProps, BadgeAlign, BadgePosition } from './Badge.vue';
+export type { BadgeTheme } from './Badge.theme';

package/lib/components/breadcrumbs/Breadcrumbs.theme.d.ts

@@ -1,8 +1,10 @@
-declare const _default: {
-    classes: {
-        wrapper: string;
-        item: string;
-        lastItem: string;
-    };
-};
-export default _default;
+import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
+import type { BreadcrumbsProps } from './Breadcrumbs.vue';
+type InternalClasses = 'wrapper' | 'item' | 'lastItem';
+interface InternalTheme extends ThemeComponent<BreadcrumbsProps, InternalClasses> {
+}
+export interface BreadcrumbsTheme extends Omit<InternalTheme, 'classes'> {
+    classes?: Partial<ThemeClasses<BreadcrumbsProps, InternalClasses>>;
+}
+declare const theme: InternalTheme;
+export default theme;

package/lib/components/breadcrumbs/Breadcrumbs.theme.js

@@ -0,0 +1,10 @@
+const e = {
+  classes: {
+    wrapper: "flex items-center flex-wrap",
+    item: "flex items-center",
+    lastItem: "font-semibold"
+  }
+}, t = e;
+export {
+  t as default
+};

package/lib/components/breadcrumbs/Breadcrumbs.vue.d.ts

@@ -1,5 +1,18 @@
-import { type PropType } from 'vue';
-export type BreadcrumbItem = {
+import { type ExtractPublicPropTypes, type PropType } from 'vue';
+declare const breadcrumbsProps: {
+    items: PropType<BreadcrumbsItem[]>;
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    shadow: BooleanConstructor;
+    underline: BooleanConstructor;
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
+};
+export type BreadcrumbsItem = {
     label: string;
     to?: string | object;
     href?: string;
@@ -8,8 +21,9 @@ export type BreadcrumbItem = {
     shadow?: boolean;
     underline?: boolean;
 };
+export type BreadcrumbsProps = ExtractPublicPropTypes<typeof breadcrumbsProps>;
 declare const _default: import("vue").DefineComponent<{
-    items: PropType<BreadcrumbItem[]>;
+    items: PropType<BreadcrumbsItem[]>;
     icon: {
         type: StringConstructor;
         default: string;
@@ -21,7 +35,7 @@ declare const _default: import("vue").DefineComponent<{
         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<{
-    items: PropType<BreadcrumbItem[]>;
+    items: PropType<BreadcrumbsItem[]>;
     icon: {
         type: StringConstructor;
         default: string;
@@ -33,9 +47,9 @@ declare const _default: import("vue").DefineComponent<{
         readonly default: string | undefined;
     };
 }>>, {
-    icon: string;
     color: string;
     shadow: boolean;
+    icon: string;
     underline: boolean;
 }, {}>;
 export default _default;

package/lib/components/breadcrumbs/Breadcrumbs.vue.js

@@ -0,0 +1,79 @@
+import { defineComponent as w, computed as B, openBlock as r, createElementBlock as n, normalizeClass as a, unref as l, normalizeStyle as v, createElementVNode as C, Fragment as N, renderList as V, createVNode as d, withCtx as _, createBlock as p, createCommentVNode as c, createTextVNode as f, toDisplayString as h } from "vue";
+import { useTheme as z } from "../../composables/theme.js";
+import { arrowRightIcon as I } from "../../common/icons.js";
+import { useColors as S } from "../../composables/colors.js";
+import m from "../icon/Icon.vue.js";
+import E from "../link/Link.vue.js";
+import L from "./Breadcrumbs.theme.js";
+const T = {
+  ...S.props(),
+  items: Array,
+  icon: {
+    type: String,
+    default: I
+  },
+  shadow: Boolean,
+  underline: Boolean
+}, X = { name: "XBreadcrumbs" }, x = /* @__PURE__ */ w({
+  ...X,
+  props: T,
+  setup(y) {
+    const s = y, t = B(() => s.items && s.items.length > 0 ? s.items[s.items.length - 1] : void 0), { styles: b, classes: i, className: k } = z("breadcrumbs", L, s);
+    return (o, A) => {
+      var u;
+      return o.items && o.items.length > 0 ? (r(), n("nav", {
+        key: 0,
+        "aria-label": "Breadcrumb",
+        class: a(l(k)),
+        style: v(l(b))
+      }, [
+        C("ul", {
+          class: a(l(i).wrapper)
+        }, [
+          (r(!0), n(N, null, V((u = o.items) == null ? void 0 : u.slice(0, -1), (e, g) => (r(), n("li", {
+            key: g,
+            class: a(l(i).item)
+          }, [
+            d(E, {
+              to: e.to,
+              href: e.href,
+              color: e.color || o.color,
+              shadow: e.shadow || o.shadow,
+              underline: e.underline || o.underline,
+              class: "flex items-center"
+            }, {
+              default: _(() => [
+                e.icon ? (r(), p(m, {
+                  key: 0,
+                  icon: e.icon,
+                  class: "mr-1.5"
+                }, null, 8, ["icon"])) : c("", !0),
+                f(" " + h(e.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["to", "href", "color", "shadow", "underline"]),
+            d(m, {
+              icon: o.icon,
+              class: "text-gray-400 mx-1.5",
+              size: "sm"
+            }, null, 8, ["icon"])
+          ], 2))), 128)),
+          t.value ? (r(), n("li", {
+            key: 0,
+            class: a(l(i).lastItem)
+          }, [
+            t.value.icon ? (r(), p(m, {
+              key: 0,
+              icon: t.value.icon,
+              class: "mr-1"
+            }, null, 8, ["icon"])) : c("", !0),
+            f(" " + h(t.value.label), 1)
+          ], 2)) : c("", !0)
+        ], 2)
+      ], 6)) : c("", !0);
+    };
+  }
+});
+export {
+  x as default
+};

package/lib/components/breadcrumbs/Breadcrumbs.vue2.js

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

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

@@ -0,0 +1,3 @@
+export { default as XBreadcrumbs } from './Breadcrumbs.vue';
+export type { BreadcrumbsProps, BreadcrumbsItem } from './Breadcrumbs.vue';
+export type { BreadcrumbsTheme } from './Breadcrumbs.theme';

package/lib/components/button/Button.theme.d.ts

@@ -1,10 +1,13 @@
-import type { ThemeParams } from '../../composables/theme';
-declare const _default: {
-    classes: {
-        wrapper({ props, slots, data }: ThemeParams): string[];
-        iconLeft: ({ slots }: ThemeParams) => "mr-2" | "m-0.5";
-        iconRight: ({ slots }: ThemeParams) => "m-0.5" | "ml-2";
-    };
-    styles({ props, colors, css, data }: ThemeParams): (string | object)[];
+import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
+import type { ButtonProps } from './Button.vue';
+type InternalClasses = 'wrapper' | 'iconLeft' | 'iconRight';
+type InternalExtraData = {
+    isButtonGroup: boolean;
 };
-export default _default;
+interface InternalTheme extends ThemeComponent<ButtonProps, InternalClasses, InternalExtraData> {
+}
+export interface ButtonTheme extends Omit<InternalTheme, 'classes'> {
+    classes?: Partial<ThemeClasses<ButtonProps, InternalClasses, InternalExtraData>>;
+}
+declare const theme: InternalTheme;
+export default theme;

package/lib/components/button/Button.theme.js

@@ -0,0 +1,138 @@
+const g = {
+  classes: {
+    wrapper({ props: e, slots: n, data: i }) {
+      const d = ["relative transition duration-150 focus:outline-none inline-flex items-center justify-center font-medium whitespace-nowrap overflow-hidden align-middle active:!shadow-none border appearance-none"];
+      return i.isButtonGroup || d.push(e.rounded ? "rounded-full" : "rounded-md"), !e.flat && !e.light && !e.ghost && !e.disabled && !e.loading && d.push("shadow-sm"), e.size === "xs" ? d.push(n.default ? `py-1 text-xs ${e.icon ? "px-2" : "px-3"}` : "leading-none p-1") : e.size === "sm" ? d.push(n.default ? `py-2 text-sm ${e.icon ? "px-3" : "px-4"}` : "leading-none p-2") : e.size === "lg" ? d.push(n.default ? `py-3 text-lg ${e.icon ? "px-4" : "px-6"}` : "leading-none p-3") : e.size === "xl" ? d.push(n.default ? `py-4 text-xl ${e.icon, "px-6"}` : "leading-none p-4") : d.push(n.default ? `py-2 ${e.icon ? "px-4" : "px-5"}` : "leading-none p-2"), e.disabled ? d.push("cursor-not-allowed") : e.loading ? d.push("cursor-default") : d.push("cursor-pointer"), d;
+    },
+    iconLeft: ({ slots: e }) => e.default ? "mr-2" : "m-0.5",
+    iconRight: ({ slots: e }) => e.default ? "ml-2" : "m-0.5"
+  },
+  styles({ props: e, colors: n, css: i, data: d }) {
+    const a = n.getPalette("gray"), t = e.color ? n.getPalette(e.color) : a, l = [], r = e.color && e.light, b = !e.color && !e.ghost;
+    return e.glow && l.push(i.get("glow", n.getColorOpacity(e.color ? t[500] : a[500], 0.5))), b ? e.disabled ? l.push(i.variables({
+      bg: a[50],
+      text: a[300],
+      border: a[200],
+      dark: {
+        bg: a[900],
+        text: a[600],
+        border: a[700]
+      }
+    })) : l.push(i.variables({
+      bg: "white",
+      text: a[800],
+      border: a[300],
+      hover: { bg: e.loading ? "" : a[100] },
+      active: { bg: e.loading ? "" : a[200] },
+      dark: {
+        bg: a[800],
+        text: "white",
+        border: a[700],
+        hover: { bg: e.loading ? "" : a[700], border: a[600] },
+        active: { bg: e.loading ? "" : a[600], border: a[500] }
+      }
+    })) : r ? ((!e.outlined || e.disabled) && l.push(i.get("border", "transparent")), e.disabled ? l.push(i.variables({
+      bg: t[50],
+      text: t[200],
+      border: "transparent",
+      dark: {
+        bg: a[800],
+        text: t[900],
+        border: "transparent"
+      }
+    })) : l.push(i.variables({
+      bg: t[50],
+      text: t[600],
+      border: e.outlined ? t[500] : "transparent",
+      hover: { bg: e.loading ? "" : t[100] },
+      active: { bg: e.loading ? "" : t[200] },
+      dark: {
+        bg: t[900],
+        text: t[200],
+        border: e.outlined ? t[500] : "transparent",
+        hover: { bg: e.loading ? "" : t[800] },
+        active: { bg: e.loading ? "" : t[700] }
+      }
+    }))) : e.ghost ? (e.outlined || l.push(i.get("border", "transparent")), e.color ? e.disabled ? l.push(i.variables({
+      text: t[200],
+      dark: {
+        text: t[700]
+      }
+    })) : (l.push(i.variables({
+      text: t[600],
+      dark: {
+        text: t[500]
+      }
+    })), e.loading || l.push(i.variables({
+      hover: { bg: t[50] },
+      active: { bg: t[100] },
+      dark: {
+        hover: { bg: a[800] },
+        active: { bg: a[700] }
+      }
+    }))) : e.disabled ? l.push(i.variables({
+      text: a[200],
+      dark: {
+        text: a[700]
+      }
+    })) : (l.push(i.variables({
+      text: a[800],
+      dark: {
+        text: "white"
+      }
+    })), e.loading || l.push(i.variables({
+      hover: { bg: a[100] },
+      active: { bg: a[200] },
+      dark: {
+        hover: { bg: a[800] },
+        active: { bg: a[700] }
+      }
+    })))) : e.outlined ? e.disabled ? l.push(i.variables({
+      text: t[200],
+      border: t[200],
+      dark: {
+        text: t[700],
+        border: t[700]
+      }
+    })) : (l.push(i.variables({
+      text: t[600],
+      border: t[600],
+      dark: {
+        text: t[500],
+        border: t[500]
+      }
+    })), e.loading || l.push(i.variables({
+      hover: { bg: t[100] },
+      active: { bg: t[200] },
+      dark: {
+        hover: { bg: a[800] },
+        active: { bg: a[700] }
+      }
+    }))) : (l.push(i.variables({
+      text: "#fff",
+      border: d.isButtonGroup ? t[600] : "transparent",
+      dark: {
+        text: "#fff",
+        border: d.isButtonGroup ? t[500] : "transparent"
+      }
+    })), e.disabled ? l.push(i.variables({
+      bg: t[100],
+      dark: {
+        text: t[700],
+        bg: t[900]
+      }
+    })) : l.push(i.variables({
+      bg: t[500],
+      hover: { bg: e.loading ? "" : t[600] },
+      active: { bg: e.loading ? "" : t[800] },
+      dark: {
+        bg: t[600],
+        hover: { bg: e.loading ? "" : t[700] },
+        active: { bg: e.loading ? "" : t[800] }
+      }
+    }))), l;
+  }
+}, u = g;
+export {
+  u as default
+};

package/lib/components/button/Button.vue.d.ts

@@ -1,3 +1,37 @@
+import { type ExtractPublicPropTypes } from 'vue';
+declare const buttonProps: {
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: StringConstructor;
+        default: string;
+    };
+    icon: StringConstructor;
+    iconLeft: StringConstructor;
+    iconRight: StringConstructor;
+    to: StringConstructor;
+    outlined: BooleanConstructor;
+    rounded: BooleanConstructor;
+    glow: BooleanConstructor;
+    ghost: BooleanConstructor;
+    light: BooleanConstructor;
+    block: BooleanConstructor;
+    flat: BooleanConstructor;
+    disabled: BooleanConstructor;
+    loading: BooleanConstructor;
+    color: {
+        readonly type: StringConstructor;
+        readonly default: string | undefined;
+    };
+    size: {
+        readonly type: import("vue").PropType<import("../../composables/common").Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+};
+export type ButtonProps = ExtractPublicPropTypes<typeof buttonProps>;
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     tag: {
         type: StringConstructor;
@@ -64,19 +98,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         readonly validator: (value: string) => boolean;
     };
 }>>, {
+    disabled: boolean;
     flat: boolean;
-    size: import("../../composables/common").Size;
     type: string;
     color: string;
-    glow: boolean;
-    light: boolean;
-    outlined: boolean;
+    size: import("../../composables/common").Size;
+    block: boolean;
+    ghost: boolean;
     tag: string;
+    outlined: boolean;
     rounded: boolean;
-    ghost: boolean;
-    block: boolean;
-    disabled: boolean;
+    light: boolean;
     loading: boolean;
+    glow: boolean;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/lib/components/button/Button.vue.js

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

package/lib/components/button/Button.vue2.js

@@ -0,0 +1,115 @@
+import { defineComponent as j, ref as D, inject as I, computed as l, useAttrs as T, unref as t, openBlock as r, createBlock as a, resolveDynamicComponent as V, normalizeClass as u, normalizeStyle as A, withCtx as E, createCommentVNode as d, createElementVNode as F, renderSlot as K } from "vue";
+import { useTheme as O } from "../../composables/theme.js";
+import { useColors as X } from "../../composables/colors.js";
+import { useCommon as f } from "../../composables/common.js";
+import { useInteractive as b } from "../../composables/interactive.js";
+import { injectButtonGroupKey as q } from "../../composables/keys.js";
+import H from "../spinner/Spinner.vue.js";
+import m from "../icon/Icon.vue.js";
+import J from "./Button.theme.js";
+const M = {
+  ...f.props(),
+  ...X.props(),
+  ...b.props(),
+  tag: {
+    type: String,
+    default: "button"
+  },
+  type: {
+    type: String,
+    default: "button"
+  },
+  icon: String,
+  iconLeft: String,
+  iconRight: String,
+  to: String,
+  outlined: Boolean,
+  rounded: Boolean,
+  glow: Boolean,
+  ghost: Boolean,
+  light: Boolean,
+  block: Boolean,
+  flat: Boolean
+}, Q = {
+  name: "XButton",
+  validators: {
+    ...f.validators()
+  }
+}, so = /* @__PURE__ */ j({
+  ...Q,
+  props: M,
+  setup(h, { expose: y }) {
+    const e = h, g = D(null), s = I(q, {
+      isButtonGroup: !1,
+      groupProps: {}
+    }), { isButtonGroup: v } = s, n = l(() => s.groupProps.size || e.size), B = l(() => s.groupProps.flat || e.flat), z = l(() => e.color || s.groupProps.color), k = l(() => e.ghost || s.groupProps.ghost), P = l(() => e.light || s.groupProps.light), S = l(() => e.outlined || s.groupProps.outlined), i = l(() => e.disabled || s.groupProps.disabled), p = l(() => e.icon || e.iconLeft), w = T(), C = l(() => w.href ? "a" : e.to ? "router-link" : e.tag), R = l(() => ({
+      size: t(n),
+      flat: t(B),
+      color: t(z),
+      ghost: t(k),
+      light: t(P),
+      outlined: t(S),
+      disabled: t(i),
+      loading: e.loading,
+      block: e.block,
+      glow: e.glow,
+      iconLeft: t(p),
+      iconRight: e.iconRight,
+      rounded: e.rounded
+    })), { className: L, classes: c, styles: G } = O("button", J, R, {
+      isButtonGroup: v
+    }), { focus: $, blur: N } = b(g);
+    return y({ focus: $, blur: N }), (o, U) => (r(), a(V(C.value), {
+      ref_key: "elRef",
+      ref: g,
+      to: o.to,
+      class: u([
+        t(L),
+        o.$style.button,
+        o.glow && !i.value && !o.loading ? o.$style["button--glow"] : "",
+        t(c).wrapper,
+        { "w-full": o.block }
+      ]),
+      style: A(t(G)),
+      "aria-busy": o.loading ? "true" : null,
+      "aria-disabled": o.tag !== "button" && i.value ? "true" : null,
+      disabled: i.value || o.loading,
+      type: o.tag === "button" ? o.type : null
+    }, {
+      default: E(() => [
+        o.loading ? (r(), a(H, {
+          key: 0,
+          size: n.value,
+          class: "absolute"
+        }, null, 8, ["size"])) : d("", !0),
+        p.value ? (r(), a(m, {
+          key: 1,
+          size: n.value,
+          icon: p.value,
+          class: u([
+            t(c).iconLeft,
+            { invisible: o.loading }
+          ])
+        }, null, 8, ["size", "icon", "class"])) : d("", !0),
+        F("span", {
+          class: u({ invisible: o.loading })
+        }, [
+          K(o.$slots, "default", {}, void 0, !0)
+        ], 2),
+        o.iconRight ? (r(), a(m, {
+          key: 2,
+          size: n.value,
+          icon: o.iconRight,
+          class: u([
+            t(c).iconRight,
+            { invisible: o.loading }
+          ])
+        }, null, 8, ["size", "icon", "class"])) : d("", !0)
+      ]),
+      _: 3
+    }, 8, ["to", "class", "style", "aria-busy", "aria-disabled", "disabled", "type"]));
+  }
+});
+export {
+  so as default
+};

package/lib/components/button/Button.vue3.js

@@ -0,0 +1,8 @@
+const t = "_button_1liag_2", o = {
+  button: t,
+  "button--glow": "_button--glow_1liag_1"
+};
+export {
+  t as button,
+  o as default
+};

package/lib/components/button/ButtonGroup.theme.d.ts

@@ -1,6 +1,13 @@
-declare const _default: {
-    classes: {
-        wrapper: string;
-    };
+import type { ThemeClasses, ThemeComponent } from '../../composables/theme';
+import type { ButtonGroupProps } from './ButtonGroup.vue';
+type InternalClasses = 'wrapper';
+type InternalExtraData = {
+    isButtonGroupGroup: boolean;
 };
-export default _default;
+interface InternalTheme extends ThemeComponent<ButtonGroupProps, InternalClasses, InternalExtraData> {
+}
+export interface ButtonGroupTheme extends Omit<InternalTheme, 'classes'> {
+    classes?: Partial<ThemeClasses<ButtonGroupProps, InternalClasses, InternalExtraData>>;
+}
+declare const theme: InternalTheme;
+export default theme;

package/lib/components/button/ButtonGroup.theme.js

@@ -0,0 +1,8 @@
+const e = {
+  classes: {
+    wrapper: "inline-flex align-middle relative -space-x-[1px]"
+  }
+}, a = e;
+export {
+  a as default
+};