@indielayer/ui 1.2.0 → 1.3.0

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

@@ -1,4 +1,5 @@
-import { type ExtractPublicPropTypes } from 'vue';
+import { type ExtractPublicPropTypes, type Ref } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
 declare const checkboxProps: {
     label: StringConstructor;
     helper: StringConstructor;
@@ -12,23 +13,35 @@ declare const checkboxProps: {
         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 CheckboxProps = ExtractPublicPropTypes<typeof checkboxProps>;
+type InternalClasses = 'wrapper' | 'box' | 'icon' | 'label';
+type InternalExtraData = {
+    checked: Ref<boolean>;
+};
+export interface CheckboxTheme extends ThemeComponent<CheckboxProps, InternalClasses, InternalExtraData> {
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     label: StringConstructor;
     helper: StringConstructor;
@@ -42,18 +55,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;
     };
@@ -77,32 +96,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[];
 }, {}>, {
     icon?(_: {}): any;

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

@@ -1,18 +1,17 @@
-import { defineComponent as K, ref as b, watch as h, openBlock as t, createElementBlock as n, normalizeStyle as L, unref as s, normalizeClass as l, createElementVNode as r, withKeys as M, withModifiers as N, withDirectives as D, vModelCheckbox as R, createBlock as X, renderSlot as v, toDisplayString as _, createVNode as F } from "vue";
-import { useTheme as P } from "../../composables/theme.js";
-import { useCommon as k } from "../../composables/common.js";
-import { useColors as T } from "../../composables/colors.js";
-import { useInteractive as y } from "../../composables/interactive.js";
-import { useInputtable as d } from "../../composables/inputtable.js";
-import U from "../spinner/Spinner.vue.js";
-import j from "../helpers/InputError.js";
-import A from "./Checkbox.theme.js";
-const G = ["onKeypress"], H = ["aria-checked", "aria-disabled", "disabled", "name", "required"], J = /* @__PURE__ */ r("path", { d: "M0 11l2-2 5 5L18 3l2 2L7 18z" }, null, -1), O = [
+import { defineComponent as M, ref as b, watch as h, openBlock as l, createElementBlock as n, normalizeStyle as N, unref as s, normalizeClass as r, createElementVNode as a, withKeys as _, withModifiers as D, withDirectives as F, vModelCheckbox as R, createBlock as v, renderSlot as k, toDisplayString as P, createCommentVNode as T } from "vue";
+import { useTheme as U } from "../../composables/useTheme.js";
+import { useCommon as y } from "../../composables/useCommon.js";
+import { useColors as X } from "../../composables/useColors.js";
+import { useInteractive as g } from "../../composables/useInteractive.js";
+import { useInputtable as d } from "../../composables/useInputtable.js";
+import j from "../spinner/Spinner.vue.js";
+import A from "../inputFooter/InputFooter.vue.js";
+const G = ["onKeypress"], H = ["aria-checked", "aria-disabled", "disabled", "name", "required"], J = /* @__PURE__ */ a("path", { d: "M0 11l2-2 5 5L18 3l2 2L7 18z" }, null, -1), O = [
   J
 ], Q = ["textContent"], W = {
-  ...k.props(),
-  ...T.props("primary"),
   ...y.props(),
+  ...X.props("primary"),
+  ...g.props(),
   ...d.props(),
   label: String,
   helper: String,
@@ -20,46 +19,46 @@ const G = ["onKeypress"], H = ["aria-checked", "aria-disabled", "disabled", "nam
 }, Y = {
   name: "XCheckbox",
   validators: {
-    ...k.validators()
+    ...y.validators()
   }
-}, ie = /* @__PURE__ */ K({
+}, te = /* @__PURE__ */ M({
   ...Y,
   props: W,
   emits: d.emits(!1),
-  setup(g, { expose: w, emit: p }) {
-    const i = g, u = b(null), o = b(!1);
+  setup(w, { expose: C, emit: z }) {
+    const i = w, m = z, p = b(null), o = b(!1);
     h(() => i.modelValue, (e) => {
       o.value = !!e;
     }, { immediate: !0 }), h(() => o.value, (e) => {
-      p("update:modelValue", e);
+      m("update:modelValue", e);
     });
-    function m() {
+    function u() {
       o.value = !o.value;
     }
-    const { focus: c, blur: C } = y(u), {
-      errorInternal: z,
-      isInsideForm: B,
-      reset: I,
-      validate: S,
-      setError: V
-    } = d(i, { focus: c, emit: p, withListeners: !1 }), { styles: E, classes: a, className: $ } = P("checkbox", A, i, { checked: o });
-    return w({ focus: c, blur: C, toggle: m, reset: I, validate: S, setError: V }), (e, f) => (t(), n("label", {
-      style: L(s(E)),
-      class: l([
-        s($),
-        s(a).wrapper,
-        { "mb-3": s(B) }
+    const { focus: c, blur: B } = g(p), {
+      errorInternal: S,
+      isInsideForm: V,
+      reset: $,
+      validate: I,
+      setError: q
+    } = d(i, { focus: c, emit: m, withListeners: !1 }), { styles: E, classes: t, className: K } = U("Checkbox", {}, i, { checked: o });
+    return C({ focus: c, blur: B, toggle: u, reset: $, validate: I, setError: q }), (e, f) => (l(), n("label", {
+      style: N(s(E)),
+      class: r([
+        s(K),
+        s(t).wrapper,
+        { "mb-3": s(V) }
       ])
     }, [
-      r("div", {
+      a("div", {
         ref_key: "elRef",
-        ref: u,
-        class: l(["flex items-center", { "cursor-not-allowed": e.disabled }]),
+        ref: p,
+        class: r(["flex items-center", { "cursor-not-allowed": e.disabled }]),
         tabindex: "0",
-        onKeypress: M(N(m, ["prevent", "stop"]), ["space"])
+        onKeypress: _(D(u, ["prevent", "stop"]), ["space"])
       }, [
-        D(r("input", {
-          "onUpdate:modelValue": f[0] || (f[0] = (q) => o.value = q),
+        F(a("input", {
+          "onUpdate:modelValue": f[0] || (f[0] = (L) => o.value = L),
           "aria-checked": o.value ? "true" : "false",
           "aria-disabled": e.disabled ? "true" : void 0,
           type: "checkbox",
@@ -70,39 +69,40 @@ const G = ["onKeypress"], H = ["aria-checked", "aria-disabled", "disabled", "nam
         }, null, 8, H), [
           [R, o.value]
         ]),
-        r("div", {
-          class: l([
-            s(a).box,
+        a("div", {
+          class: r([
+            s(t).box,
             [e.glow && !e.disabled && !e.loading ? e.$style["checkbox--glow"] : ""]
           ])
         }, [
-          e.loading ? (t(), X(U, {
+          e.loading ? (l(), v(j, {
             key: 0,
             size: e.size,
             class: "absolute"
-          }, null, 8, ["size"])) : v(e.$slots, "icon", { key: 1 }, () => [
-            (t(), n("svg", {
+          }, null, 8, ["size"])) : k(e.$slots, "icon", { key: 1 }, () => [
+            (l(), n("svg", {
               viewBox: "0 0 20 20",
-              class: l([s(a).icon, { "opacity-0": !o.value }])
+              class: r([s(t).icon, { "opacity-0": !o.value }])
             }, O, 2))
           ])
         ], 2),
-        r("div", {
-          class: l(s(a).label)
+        a("div", {
+          class: r(s(t).label)
         }, [
-          e.label ? (t(), n("span", {
+          e.label ? (l(), n("span", {
             key: 0,
-            textContent: _(e.label)
-          }, null, 8, Q)) : v(e.$slots, "default", { key: 1 })
+            textContent: P(e.label)
+          }, null, 8, Q)) : k(e.$slots, "default", { key: 1 })
         ], 2)
       ], 42, G),
-      F(s(j), {
-        error: s(z),
+      e.hideFooter ? T("", !0) : (l(), v(A, {
+        key: 0,
+        error: s(S),
         helper: e.helper
-      }, null, 8, ["error", "helper"])
+      }, null, 8, ["error", "helper"]))
     ], 6));
   }
 });
 export {
-  ie as default
+  te as default
 };

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

@@ -1,3 +1,2 @@
 export { default as XCheckbox } from './Checkbox.vue';
-export type { CheckboxProps } from './Checkbox.vue';
-export type { CheckboxTheme } from './Checkbox.theme';
+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;

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

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

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

@@ -0,0 +1,52 @@
+const b = {
+  classes: {
+    wrapper: "inline-block relative cursor-pointer align-middle",
+    box: ({ props: e }) => {
+      const r = ["rounded-sm flex justify-center items-center shrink-0 border border-[color:var(--x-checkbox-border)] bg-[color:var(--x-checkbox-bg)] dark:border-[color:var(--x-checkbox-dark-border)] dark:bg-[color:var(--x-checkbox-dark-bg)]"];
+      return e.size === "xs" || e.size === "sm" ? r.push("h-3 w-3") : e.size === "xl" ? r.push("h-5 w-5") : r.push("h-4 w-4"), r;
+    },
+    icon: ({ props: e }) => {
+      const r = ["fill-current text-white dark:text-gray-900"];
+      return e.size === "xs" || e.size === "sm" ? r.push("h-2 w-2") : e.size === "xl" ? r.push("h-3.5 w-3.5") : r.push("h-2.5 w-2.5"), r;
+    },
+    label: ({ props: e }) => {
+      const r = ["inline-block text-gray-800 dark:text-gray-200 pl-2 text-sm"];
+      return e.size === "xs" ? r.push("text-xs") : e.size === "sm" ? r.push("text-sm") : e.size === "lg" ? r.push("text-lg") : e.size === "xl" && r.push("text-xl"), r;
+    }
+  },
+  styles({ props: e, colors: r, css: a, data: i }) {
+    const t = r.getPalette("gray"), s = r.getPalette(e.color), l = [];
+    return e.loading ? a.variables({
+      bg: "transparent",
+      border: "transparent",
+      dark: {
+        bg: "transparent",
+        border: "transparent"
+      }
+    }) : (e.disabled ? l.push(a.variables({
+      bg: t[100],
+      border: t[200],
+      dark: {
+        bg: t[800],
+        border: t[700]
+      }
+    })) : (i.checked ? l.push(a.variables({
+      bg: s[500],
+      border: s[500],
+      dark: {
+        bg: s[500],
+        border: s[500]
+      }
+    })) : l.push(a.variables({
+      bg: "#fff",
+      border: e.glow ? s[300] : t[900],
+      dark: {
+        bg: t[900],
+        border: e.glow ? s[300] : t[300]
+      }
+    })), e.glow && l.push(a.get("glow", r.getColorOpacity(s[500], 0.5)))), l);
+  }
+}, o = b;
+export {
+  o as default
+};

package/lib/components/collapse/Collapse.vue.d.ts

@@ -1,4 +1,5 @@
 import { type ExtractPublicPropTypes } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
 declare const collapseProps: {
     tag: {
         type: StringConstructor;
@@ -14,6 +15,9 @@ declare const collapseProps: {
     };
 };
 export type CollapseProps = ExtractPublicPropTypes<typeof collapseProps>;
+type InternalClasses = 'wrapper' | 'icon' | 'content';
+export interface CollapseTheme extends ThemeComponent<CollapseProps, InternalClasses> {
+}
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     tag: {
         type: StringConstructor;
@@ -47,9 +51,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     onExpand?: ((...args: any[]) => any) | undefined;
 }, {
-    disabled: boolean;
     color: string;
     tag: string;
+    disabled: boolean;
     expanded: boolean;
     showIcon: boolean;
 }, {}>, {

package/lib/components/collapse/Collapse.vue.js

@@ -1,8 +1,7 @@
-import { defineComponent as T, ref as f, watch as P, openBlock as i, createBlock as v, resolveDynamicComponent as V, normalizeStyle as z, unref as s, normalizeClass as l, withCtx as m, createElementVNode as r, renderSlot as d, createElementBlock as h, createCommentVNode as y, createVNode as A, Transition as D, withDirectives as H, vShow as I } from "vue";
-import { useTheme as M } from "../../composables/theme.js";
-import { useColors as X } from "../../composables/colors.js";
-import j from "../icon/Icon.vue.js";
-import q from "./Collapse.theme.js";
+import { defineComponent as P, ref as f, watch as V, openBlock as i, createBlock as v, resolveDynamicComponent as z, normalizeStyle as A, unref as a, normalizeClass as l, withCtx as m, createElementVNode as r, renderSlot as d, createElementBlock as h, createCommentVNode as y, createVNode as D, Transition as H, withDirectives as I, vShow as M } from "vue";
+import { useTheme as X } from "../../composables/useTheme.js";
+import { useColors as j } from "../../composables/useColors.js";
+import q from "../icon/Icon.vue.js";
 const F = { class: "flex-1 overflow-hidden" }, G = {
   key: 1,
   viewBox: "0 0 24 24",
@@ -13,7 +12,7 @@ const F = { class: "flex-1 overflow-hidden" }, G = {
 }, J = /* @__PURE__ */ r("path", { d: "M19 9l-7 7-7-7" }, null, -1), K = [
   J
 ], O = {
-  ...X.props(),
+  ...j.props(),
   tag: {
     type: String,
     default: "div"
@@ -22,16 +21,16 @@ const F = { class: "flex-1 overflow-hidden" }, G = {
   expanded: Boolean,
   showIcon: Boolean,
   icon: String
-}, Q = { name: "XCollapse" }, ee = /* @__PURE__ */ T({
+}, Q = { name: "XCollapse" }, Z = /* @__PURE__ */ P({
   ...Q,
   props: O,
   emits: ["expand"],
   setup(g, { expose: x, emit: k }) {
-    const a = g, t = f(!a.expanded), o = f(!0);
-    P(() => a.expanded, () => {
-      t.value = !a.expanded;
+    const s = g, w = k, t = f(!s.expanded), o = f(!0);
+    V(() => s.expanded, () => {
+      t.value = !s.expanded;
     });
-    function w(e) {
+    function C(e) {
       o.value && (e.style.height = "0px");
     }
     function _(e, n) {
@@ -42,39 +41,39 @@ const F = { class: "flex-1 overflow-hidden" }, G = {
     function B(e) {
       o.value ? e.style.removeProperty("height") : o.value = !0;
     }
-    function C(e) {
+    function E(e) {
       o.value && (e.style.height = `${e.scrollHeight}px`);
     }
-    function E(e, n) {
+    function $(e, n) {
       o.value ? (e.addEventListener("transitionend", n), setTimeout(() => {
         e.style.height = "0px";
       }, 1)) : n();
     }
-    function $(e) {
+    function b(e) {
       o.value ? e.style.removeProperty("height") : o.value = !0;
     }
     function c(e = !0) {
       o.value = e, t.value = !1;
     }
-    function b(e = !0) {
+    function L(e = !0) {
       o.value = e, t.value = !0;
     }
     function p() {
-      a.disabled || (t.value = !t.value);
+      s.disabled || (t.value = !t.value);
     }
-    function L(e = !0) {
-      c(e), k("expand");
+    function S(e = !0) {
+      c(e), w("expand");
     }
-    const { styles: S, classes: u, className: N } = M("collapse", q, a);
-    return x({ toggle: p, open: c, close: b }), (e, n) => (i(), v(V(e.tag), {
-      style: z(s(S)),
-      class: l(s(N)),
+    const { styles: N, classes: u, className: T } = X("Collapse", {}, s);
+    return x({ toggle: p, open: c, close: L }), (e, n) => (i(), v(z(e.tag), {
+      style: A(a(N)),
+      class: l(a(T)),
       "aria-disabled": e.disabled,
       "aria-expanded": t.value ? "false" : "true"
     }, {
       default: m(() => [
         r("div", {
-          class: l(s(u).wrapper),
+          class: l(a(u).wrapper),
           onClick: p
         }, [
           r("div", F, [
@@ -82,7 +81,7 @@ const F = { class: "flex-1 overflow-hidden" }, G = {
           ]),
           e.showIcon ? (i(), h("div", {
             key: 0,
-            class: l(s(u).icon)
+            class: l(a(u).icon)
           }, [
             r("span", {
               class: l(["flex transform transition-transform duration-150", [
@@ -92,7 +91,7 @@ const F = { class: "flex-1 overflow-hidden" }, G = {
                 }
               ]])
             }, [
-              e.icon ? (i(), v(j, {
+              e.icon ? (i(), v(q, {
                 key: 0,
                 icon: e.icon
               }, null, 8, ["icon"])) : (i(), h("svg", G, K))
@@ -100,24 +99,24 @@ const F = { class: "flex-1 overflow-hidden" }, G = {
           ], 2)) : y("", !0)
         ], 2),
         e.$slots.summary ? d(e.$slots, "summary", { key: 0 }) : y("", !0),
-        A(D, {
-          onBeforeEnter: w,
+        D(H, {
+          onBeforeEnter: C,
           onEnter: _,
           onAfterEnter: B,
-          onBeforeLeave: C,
-          onLeave: E,
-          onAfterLeave: $
+          onBeforeLeave: E,
+          onLeave: $,
+          onAfterLeave: b
         }, {
           default: m(() => [
-            H(r("div", {
-              class: l(s(u).content)
+            I(r("div", {
+              class: l(a(u).content)
             }, [
               d(e.$slots, "content", {
-                expand: L,
+                expand: S,
                 collapsed: t.value
               })
             ], 2), [
-              [I, !t.value]
+              [M, !t.value]
             ])
           ]),
           _: 3
@@ -128,5 +127,5 @@ const F = { class: "flex-1 overflow-hidden" }, G = {
   }
 });
 export {
-  ee as default
+  Z as default
 };

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

@@ -1,3 +1,2 @@
 export { default as XCollapse } from './Collapse.vue';
-export type { CollapseProps } from './Collapse.vue';
-export type { CollapseTheme } from './Collapse.theme';
+export type { CollapseProps, CollapseTheme } from './Collapse.vue';

package/lib/components/collapse/theme/Collapse.base.theme.d.ts

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

package/lib/components/collapse/theme/Collapse.carbon.theme.d.ts

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

package/lib/components/collapse/theme/Collapse.carbon.theme.js

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

package/lib/components/container/Container.vue.d.ts

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

package/lib/components/container/Container.vue.js

@@ -1,21 +1,20 @@
-import { defineComponent as l, openBlock as c, createBlock as m, resolveDynamicComponent as p, 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 "./Container.theme.js";
-const C = {
+import { defineComponent as l, openBlock as c, createBlock as p, resolveDynamicComponent as i, normalizeStyle as m, unref as e, normalizeClass as f, withCtx as u, renderSlot as d } from "vue";
+import { useTheme as _ } from "../../composables/useTheme.js";
+const y = {
   tag: {
     type: String,
     default: "div"
   }
-}, h = { name: "XContainer" }, w = /* @__PURE__ */ l({
-  ...h,
-  props: C,
-  setup(o) {
-    const s = o, { styles: n, classes: r, className: a } = _("container", y, s);
-    return (t, g) => (c(), m(p(t.tag), {
-      style: i(e(n)),
+}, C = { name: "XContainer" }, k = /* @__PURE__ */ l({
+  ...C,
+  props: y,
+  setup(s) {
+    const o = s, { styles: n, classes: a, className: r } = _("Container", {}, o);
+    return (t, g) => (c(), p(i(t.tag), {
+      style: m(e(n)),
       class: f([
-        e(a),
-        e(r).wrapper
+        e(r),
+        e(a).wrapper
       ])
     }, {
       default: u(() => [
@@ -26,5 +25,5 @@ const C = {
   }
 });
 export {
-  w as default
+  k as default
 };

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

@@ -1,3 +1,2 @@
 export { default as XContainer } from './Container.vue';
-export type { ContainerProps } from './Container.vue';
-export type { ContainerTheme } from './Container.theme';
+export type { ContainerProps, ContainerTheme } from './Container.vue';

package/lib/components/container/theme/Container.base.theme.d.ts

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

package/lib/components/container/theme/Container.carbon.theme.d.ts

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

package/lib/components/container/theme/Container.carbon.theme.js

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

package/lib/components/divider/Divider.vue.d.ts

@@ -1,9 +1,13 @@
 import type { ExtractPublicPropTypes } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
 declare const dividerProps: {
     label: StringConstructor;
     vertical: BooleanConstructor;
 };
 export type DividerProps = ExtractPublicPropTypes<typeof dividerProps>;
+type InternalClasses = 'wrapper' | 'label' | 'line';
+export interface DividerTheme extends ThemeComponent<DividerProps, InternalClasses> {
+}
 declare const _default: import("vue").DefineComponent<{
     label: StringConstructor;
     vertical: BooleanConstructor;