@indielayer/ui 0.0.0-dev-20240125104319

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

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

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,59 @@
+const o = {
+  classes: {
+    wrapper: ({ data: r }) => {
+      const e = ["inline-block relative cursor-pointer align-middle"];
+      return r.isInsideForm && !r.isInsideFormGroup && e.push("mb-8"), e;
+    },
+    box: ({ props: r }) => {
+      const e = ["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)] mt-0.5"];
+      return r.size === "xs" || r.size === "sm" ? e.push("h-3 w-3") : r.size === "xl" ? e.push("h-5 w-5") : e.push("h-4 w-4"), e;
+    },
+    content: ({ props: r }) => {
+      const e = ["flex"];
+      return r.disabled && e.push("cursor-not-allowed"), e;
+    },
+    icon: ({ props: r }) => {
+      const e = ["fill-current text-white dark:text-gray-900"];
+      return r.size === "xs" || r.size === "sm" ? e.push("h-2 w-2") : r.size === "xl" ? e.push("h-3.5 w-3.5") : e.push("h-2.5 w-2.5"), e;
+    },
+    label: ({ props: r }) => {
+      const e = ["text-gray-800 dark:text-gray-200 pl-2 text-sm"];
+      return r.size === "xs" ? e.push("text-xs") : r.size === "sm" ? e.push("text-sm") : r.size === "lg" ? e.push("text-lg") : r.size === "xl" && e.push("text-xl"), e;
+    }
+  },
+  styles({ props: r, colors: e, css: l, data: i }) {
+    const s = e.getPalette("gray"), t = e.getPalette(r.color), a = [];
+    return r.loading ? l.variables({
+      bg: "transparent",
+      border: "transparent",
+      dark: {
+        bg: "transparent",
+        border: "transparent"
+      }
+    }) : (r.disabled ? a.push(l.variables({
+      bg: s[100],
+      border: s[200],
+      dark: {
+        bg: s[800],
+        border: s[700]
+      }
+    })) : (i.checked ? a.push(l.variables({
+      bg: t[500],
+      border: t[500],
+      dark: {
+        bg: t[500],
+        border: t[500]
+      }
+    })) : a.push(l.variables({
+      bg: "#fff",
+      border: r.glow ? t[300] : s[900],
+      dark: {
+        bg: s[900],
+        border: r.glow ? t[300] : s[300]
+      }
+    })), r.glow && a.push(l.get("glow", e.getColorOpacity(t[500], 0.5)))), a);
+  }
+}, n = o;
+export {
+  n as default
+};

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

@@ -0,0 +1,33 @@
+import type { ExtractPublicPropTypes } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
+declare const containerProps: {
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+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;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    tag: {
+        type: StringConstructor;
+        default: string;
+    };
+}>>, {
+    tag: string;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,29 @@
+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"
+  }
+}, 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(r),
+        e(a).wrapper
+      ])
+    }, {
+      default: u(() => [
+        d(t.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["style", "class"]));
+  }
+});
+export {
+  k as default
+};

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

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

package/lib/components/container/__tests__/Container.spec.d.ts

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

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

@@ -0,0 +1,2 @@
+export { default as XContainer } from './Container.vue';
+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.base.theme.js

@@ -0,0 +1,8 @@
+const e = {
+  classes: {
+    wrapper: "max-w-screen-2xl mx-auto px-4 md:px-8"
+  }
+}, s = e;
+export {
+  s as default
+};

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

@@ -0,0 +1,20 @@
+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;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: StringConstructor;
+    vertical: BooleanConstructor;
+}>>, {
+    vertical: boolean;
+}, {}>;
+export default _default;

package/lib/components/divider/Divider.vue.js

@@ -0,0 +1,52 @@
+import { defineComponent as p, openBlock as s, createElementBlock as o, normalizeStyle as r, unref as t, normalizeClass as a, createElementVNode as i, toDisplayString as u, createCommentVNode as v } from "vue";
+import { useTheme as y } from "../../composables/useTheme.js";
+const h = ["textContent"], f = {
+  label: String,
+  vertical: Boolean
+}, g = { name: "XDivider" }, x = /* @__PURE__ */ p({
+  ...g,
+  props: f,
+  setup(n) {
+    const c = n, { styles: m, classes: l, className: d } = y("Divider", {}, c);
+    return (e, C) => (s(), o("div", {
+      style: r(t(m)),
+      class: a([
+        t(d),
+        t(l).wrapper
+      ])
+    }, [
+      i("div", {
+        class: a(t(l).line),
+        style: r([
+          {
+            width: e.vertical ? "1px" : "auto",
+            height: e.vertical ? "auto" : "1px"
+          }
+        ])
+      }, null, 6),
+      e.label ? (s(), o("div", {
+        key: 0,
+        class: a(["font-medium text-sm text-gray-600 dark:text-gray-300", [
+          t(l).label,
+          {
+            "my-2": e.vertical,
+            "mx-4": !e.vertical
+          }
+        ]]),
+        textContent: u(e.label)
+      }, null, 10, h)) : v("", !0),
+      i("div", {
+        class: a(t(l).line),
+        style: r([
+          {
+            width: e.vertical ? "1px" : "auto",
+            height: e.vertical ? "auto" : "1px"
+          }
+        ])
+      }, null, 6)
+    ], 6));
+  }
+});
+export {
+  x as default
+};

package/lib/components/divider/Divider.vue2.js

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

package/lib/components/divider/__tests__/Divider.spec.d.ts

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

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

@@ -0,0 +1,2 @@
+export { default as XDivider } from './Divider.vue';
+export type { DividerProps, DividerTheme } from './Divider.vue';

package/lib/components/divider/theme/Divider.base.theme.d.ts

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

package/lib/components/divider/theme/Divider.base.theme.js

@@ -0,0 +1,10 @@
+const t = {
+  classes: {
+    wrapper: ({ props: e }) => `flex justify-center items-center ${e.vertical ? "h-full flex-col" : "w-full"}`,
+    label: "font-medium text-sm text-gray-600 dark:text-gray-300",
+    line: "bg-gray-200 dark:bg-slate-700 flex-grow"
+  }
+}, l = t;
+export {
+  l as default
+};

package/lib/components/divider/theme/Divider.carbon.theme.d.ts

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

package/lib/components/divider/theme/Divider.carbon.theme.js

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

package/lib/components/drawer/Drawer.vue.d.ts

@@ -0,0 +1,101 @@
+import { type PropType, type ExtractPublicPropTypes } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
+declare const drawerPosition: readonly ["left", "right", "top", "bottom"];
+declare const drawerProps: {
+    modelValue: BooleanConstructor;
+    position: {
+        type: PropType<"left" | "right" | "top" | "bottom">;
+        default: string;
+    };
+    teleportTo: {
+        type: PropType<string | HTMLElement>;
+        default: string;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    breakpoint: (StringConstructor | NumberConstructor)[];
+    backdrop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type DrawerPosition = typeof drawerPosition[number];
+export type DrawerProps = ExtractPublicPropTypes<typeof drawerProps>;
+type InternalClasses = 'wrapper' | 'backdrop';
+export interface DrawerTheme extends ThemeComponent<DrawerProps, InternalClasses> {
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    modelValue: BooleanConstructor;
+    position: {
+        type: PropType<"left" | "right" | "top" | "bottom">;
+        default: string;
+    };
+    teleportTo: {
+        type: PropType<string | HTMLElement>;
+        default: string;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    breakpoint: (StringConstructor | NumberConstructor)[];
+    backdrop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    open: () => void;
+    close: (e?: PointerEvent) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: BooleanConstructor;
+    position: {
+        type: PropType<"left" | "right" | "top" | "bottom">;
+        default: string;
+    };
+    teleportTo: {
+        type: PropType<string | HTMLElement>;
+        default: string;
+    };
+    width: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    height: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    breakpoint: (StringConstructor | NumberConstructor)[];
+    backdrop: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    position: "left" | "right" | "top" | "bottom";
+    modelValue: boolean;
+    teleportTo: string | HTMLElement;
+    width: string | number;
+    height: string | number;
+    backdrop: boolean;
+}, {}>, {
+    header?(_: {}): any;
+    default?(_: {}): any;
+    footer?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/drawer/Drawer.vue.js

@@ -0,0 +1,170 @@
+import { defineComponent as X, ref as a, watchEffect as j, watch as K, computed as v, onMounted as M, openBlock as y, createBlock as O, Teleport as q, createVNode as w, Transition as F, withCtx as g, withDirectives as G, createElementVNode as k, normalizeClass as $, unref as n, createElementBlock as H, createCommentVNode as x, normalizeStyle as I, renderSlot as f, vShow as J } from "vue";
+import { useBreakpoints as Q, breakpointsTailwind as U, useEventListener as S, useSwipe as W } from "../../node_modules/.pnpm/@vueuse_core@10.2.0_vue@3.3.9/node_modules/@vueuse/core/index.js";
+import { useTheme as Y } from "../../composables/useTheme.js";
+import Z from "../scroll/Scroll.vue.js";
+const ee = {
+  key: 0,
+  ref: "swipeRef",
+  class: "flex flex-col max-h-full"
+}, te = ["left", "right", "top", "bottom"], oe = {
+  modelValue: Boolean,
+  position: {
+    type: String,
+    default: "left"
+  },
+  teleportTo: {
+    type: [String, Object],
+    default: "body"
+  },
+  width: {
+    type: [String, Number],
+    default: 320
+  },
+  height: {
+    type: [String, Number],
+    default: 320
+  },
+  breakpoint: [String, Number],
+  backdrop: {
+    type: Boolean,
+    default: !0
+  }
+}, ie = {
+  name: "XDrawer",
+  inheritAttrs: !1,
+  validators: {
+    position: te
+  }
+}, pe = /* @__PURE__ */ X({
+  ...ie,
+  props: oe,
+  emits: ["update:modelValue"],
+  setup(E, { expose: L, emit: B }) {
+    const t = E, u = B, i = a(!0), s = a(t.modelValue), r = a(null), d = a(null), c = a(!1), h = typeof t.breakpoint == "string", p = Q(h ? U : { md: t.breakpoint || 768 }).smaller(h ? t.breakpoint : "md");
+    j(() => {
+      t.breakpoint && (p.value ? (i.value = !0, l()) : (i.value = !1, m()));
+    }), S(r, "pointerdown", l), K(() => t.modelValue, (e) => {
+      s.value = e;
+    }), typeof window < "u" && S(document, "keydown", T);
+    function T(e) {
+      e.key === "Escape" && s.value && l();
+    }
+    W(d, {
+      // passive: false,
+      // onSwipe(e: TouchEvent) {
+      //   if (lengthX.value < 0) {
+      //     const length = Math.abs(lengthX.value)
+      //     left.value = `${length}px`
+      //   } else {
+      //     left.value = '0'
+      //   }
+      // },
+      // onSwipeEnd(e: TouchEvent, direction: UseSwipeDirection) {
+      //   if (lengthX.value < 0 && props.width && (Math.abs(lengthX.value) / props.width) >= 0.5) {
+      //     left.value = '100%'
+      //   } else {
+      //     left.value = '0'
+      //   }
+      // },
+      onSwipeEnd(e, o) {
+        i.value && (t.position === "left" && o === "left" || t.position === "right" && o === "right" || t.position === "top" && o === "up" || t.position === "bottom" && o === "down") && l();
+      }
+    });
+    const V = v(() => {
+      const e = {};
+      return t.position === "left" || t.position === "right" ? e.width = `${t.width}px` : (t.position === "top" || t.position === "bottom") && (e.height = `${t.height}px`), e;
+    }), N = v(() => {
+      const e = [];
+      return i.value && (e.push("absolute shadow-lg"), t.position === "top" ? e.push("top-0 inset-x-0") : t.position === "bottom" ? e.push("bottom-0 inset-x-0") : t.position === "left" ? e.push("left-0 inset-y-0") : t.position === "right" && e.push("right-0 inset-y-0")), e;
+    });
+    function _(e) {
+      e.classList.add("inset-0"), t.position === "top" ? e.style.top = `-${t.height}px` : t.position === "bottom" ? e.style.bottom = `-${t.height}px` : t.position === "left" ? e.style.left = `-${t.width}px` : t.position === "right" && (e.style.right = `-${t.width}px`);
+    }
+    function C(e, o) {
+      if (!i.value) {
+        o();
+        return;
+      }
+      e.addEventListener("transitionend", o), setTimeout(() => {
+        t.backdrop && e.classList.add("bg-gray-500/30"), t.position === "top" ? e.style.top = "0" : t.position === "bottom" ? e.style.bottom = "0" : t.position === "left" ? e.style.left = "0" : t.position === "right" && (e.style.right = "0");
+      }, 1);
+    }
+    function R(e) {
+    }
+    function D(e, o) {
+      e.addEventListener("transitionend", o), setTimeout(() => {
+        t.backdrop && e.classList.remove("bg-gray-500/30"), t.position === "top" ? e.style.top = `-${t.height}px` : t.position === "bottom" ? e.style.bottom = `-${t.height}px` : t.position === "left" ? e.style.left = `-${t.width}px` : t.position === "right" && (e.style.right = `-${t.width}px`);
+      }, 1);
+    }
+    function z(e) {
+      e.classList.remove("inset-0");
+    }
+    function l(e) {
+      e && e.target !== r.value || (s.value = !1, u("update:modelValue", !1));
+    }
+    function m() {
+      s.value = !0, u("update:modelValue", !0);
+    }
+    M(() => {
+      c.value = !0;
+    });
+    const { styles: A, classes: b, className: P } = Y("Drawer", {}, t);
+    return L({ open: m, close: l }), (e, o) => c.value ? (y(), O(q, {
+      key: 0,
+      to: e.teleportTo,
+      disabled: !i.value
+    }, [
+      w(F, {
+        css: !1,
+        onBeforeEnter: _,
+        onEnter: C,
+        onBeforeLeave: R,
+        onLeave: D,
+        onAfterLeave: z
+      }, {
+        default: g(() => [
+          G(k("div", {
+            ref_key: "backdropRef",
+            ref: r,
+            class: $([
+              e.$attrs.class,
+              n(b).backdrop,
+              i.value || !e.breakpoint ? "absolute z-40" : ""
+            ])
+          }, [
+            i.value && s.value ? (y(), H("div", ee, null, 512)) : x("", !0),
+            k("div", {
+              ref_key: "drawerRef",
+              ref: d,
+              class: $([
+                n(P),
+                N.value,
+                n(b).wrapper
+              ]),
+              style: I([V.value, n(A)])
+            }, [
+              f(e.$slots, "header"),
+              w(Z, {
+                scrollbar: !1,
+                vertical: "",
+                class: "flex-1"
+              }, {
+                default: g(() => [
+                  f(e.$slots, "default")
+                ]),
+                _: 3
+              }),
+              f(e.$slots, "footer")
+            ], 6)
+          ], 2), [
+            [J, e.breakpoint ? s.value && n(p) || !n(p) : s.value]
+          ])
+        ]),
+        _: 3
+      })
+    ], 8, ["to", "disabled"])) : x("", !0);
+  }
+});
+export {
+  pe as default
+};

package/lib/components/drawer/Drawer.vue2.js

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

package/lib/components/drawer/__tests__/Drawer.spec.d.ts

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

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

@@ -0,0 +1,2 @@
+export { default as XDrawer } from './Drawer.vue';
+export type { DrawerProps, DrawerPosition, DrawerTheme } from './Drawer.vue';

package/lib/components/drawer/theme/Drawer.base.theme.d.ts

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

package/lib/components/drawer/theme/Drawer.base.theme.js

@@ -0,0 +1,9 @@
+const e = {
+  classes: {
+    wrapper: "flex flex-col max-h-full bg-white dark:bg-gray-800",
+    backdrop: "duration-150 ease-in-out"
+  }
+}, a = e;
+export {
+  a as default
+};

package/lib/components/drawer/theme/Drawer.carbon.theme.d.ts

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

package/lib/components/drawer/theme/Drawer.carbon.theme.js

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