@indielayer/ui 1.18.0 → 2.0.0

package/lib/components/datepicker/theme/Datepicker.base.theme.js

@@ -1,62 +1,27 @@
-const d = {
-  classes: {
-    wrapper: ""
-  },
-  styles({ props: o, colors: i, css: a, data: p }) {
-    const n = i.getPalette("primary"), e = i.getPalette("secondary"), t = [`
-    /*General*/
-    --dp-font-family: var(--font-family-sans);
-    --dp-common-transition: all 0.1s ease-in; /*Generic transition applied on buttons and calendar cells*/
-
-    /*Sizing*/
-    --dp-button-height: 35px; /*Size for buttons in overlays*/
-    --dp-month-year-row-height: 35px; /*Height of the month-year select row*/
-    --dp-month-year-row-button-size: 35px; /*Specific height for the next/previous buttons*/
-    --dp-button-icon-height: 20px; /*Icon sizing in buttons*/
-    --dp-cell-size: 35px; /*Width and height of calendar cell*/
-    --dp-cell-padding: 5px; /*Padding in the cell*/
-    --dp-common-padding: 10px; /*Common padding used*/
-    --dp-input-icon-padding: 35px; /*Padding on the left side of the input if icon is present*/
-    --dp-input-padding: 6px 30px 6px 12px; /*Padding in the input*/
-    --dp-menu-min-width: 260px; /*Adjust the min width of the menu*/
-    --dp-action-buttons-padding: 12px; /*Adjust padding for the action buttons in action row*/
-    --dp-row-margin:  5px 0; /*Adjust the spacing between rows in the calendar*/
-    --dp-calendar-header-cell-padding:  0.5rem; /*Adjust padding in calendar header cells*/
-    --dp-two-calendars-spacing:  10px; /*Space between multiple calendars*/
-    --dp-overlay-col-padding:  3px; /*Padding in the overlay column*/
-    --dp-time-inc-dec-button-size:  32px; /*Sizing for arrow buttons in the time picker*/
-    --dp-menu-padding: 6px 8px; /*Menu padding*/
-
-    /*Font sizes*/
-    --dp-font-size: 0.875rem; /*Default font-size*/
-    --dp-preview-font-size: 0.875rem; /*Font size of the date preview in the action row*/
-    --dp-time-font-size: 0.8rem; /*Font size in the time picker*/
-
-    /*Transitions*/
-    --dp-animation-duration: 0.1s; /*Transition duration*/
-    --dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1); /*Timing on menu appear animation*/
-    --dp-transition-timing: ease-out; /*Timing on slide animations*/
-  `];
-    return t.push(a.variables({
-      bg: "#fff",
-      text: e[800],
-      disabled: e[300],
-      range: n[100],
-      icon: e[500],
-      primary: n[500],
-      border: e[100],
-      dark: {
-        bg: e[800],
-        text: e[100],
-        disabled: e[600],
-        range: n[900],
-        icon: e[200],
-        primary: n[500],
-        border: e[800]
-      }
-    })), t;
-  }
-}, r = d;
-export {
-  r as default
+//#region src/components/datepicker/theme/Datepicker.base.theme.ts
+var e = {
+	classes: { wrapper: "" },
+	styles({ props: e, colors: t, css: n, data: r }) {
+		let i = t.getPalette("primary"), a = t.getPalette("secondary"), o = ["\n    /*General*/\n    --dp-font-family: var(--font-family-sans);\n    --dp-common-transition: all 0.1s ease-in; /*Generic transition applied on buttons and calendar cells*/\n\n    /*Sizing*/\n    --dp-button-height: 35px; /*Size for buttons in overlays*/\n    --dp-month-year-row-height: 35px; /*Height of the month-year select row*/\n    --dp-month-year-row-button-size: 35px; /*Specific height for the next/previous buttons*/\n    --dp-button-icon-height: 20px; /*Icon sizing in buttons*/\n    --dp-cell-size: 35px; /*Width and height of calendar cell*/\n    --dp-cell-padding: 5px; /*Padding in the cell*/\n    --dp-common-padding: 10px; /*Common padding used*/\n    --dp-input-icon-padding: 35px; /*Padding on the left side of the input if icon is present*/\n    --dp-input-padding: 6px 30px 6px 12px; /*Padding in the input*/\n    --dp-menu-min-width: 260px; /*Adjust the min width of the menu*/\n    --dp-action-buttons-padding: 12px; /*Adjust padding for the action buttons in action row*/\n    --dp-row-margin:  5px 0; /*Adjust the spacing between rows in the calendar*/\n    --dp-calendar-header-cell-padding:  0.5rem; /*Adjust padding in calendar header cells*/\n    --dp-two-calendars-spacing:  10px; /*Space between multiple calendars*/\n    --dp-overlay-col-padding:  3px; /*Padding in the overlay column*/\n    --dp-time-inc-dec-button-size:  32px; /*Sizing for arrow buttons in the time picker*/\n    --dp-menu-padding: 6px 8px; /*Menu padding*/\n\n    /*Font sizes*/\n    --dp-font-size: 0.875rem; /*Default font-size*/\n    --dp-preview-font-size: 0.875rem; /*Font size of the date preview in the action row*/\n    --dp-time-font-size: 0.8rem; /*Font size in the time picker*/\n\n    /*Transitions*/\n    --dp-animation-duration: 0.1s; /*Transition duration*/\n    --dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1); /*Timing on menu appear animation*/\n    --dp-transition-timing: ease-out; /*Timing on slide animations*/\n  "];
+		return o.push(n.variables({
+			bg: "#fff",
+			text: a[800],
+			disabled: a[300],
+			range: i[100],
+			icon: a[500],
+			primary: i[500],
+			border: a[100],
+			dark: {
+				bg: a[800],
+				text: a[100],
+				disabled: a[600],
+				range: i[900],
+				icon: a[200],
+				primary: i[500],
+				border: a[800]
+			}
+		})), o;
+	}
 };
+//#endregion
+export { e as default };

package/lib/components/datepicker/theme/Datepicker.carbon.theme.js

@@ -1,5 +1,5 @@
 import e from "./Datepicker.base.theme.js";
-const t = e, o = t;
-export {
-  o as default
-};
+//#region src/components/datepicker/theme/Datepicker.carbon.theme.ts
+var t = e;
+//#endregion
+export { t as default };

package/lib/components/divider/Divider.js

@@ -0,0 +1,5 @@
+import e from "./Divider.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/divider/Divider.vue
+var t = e;
+//#endregion
+export { t as default };

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

@@ -2,7 +2,7 @@ import type { ExtractPublicPropTypes } from 'vue';
 import { type ThemeComponent } from '../../composables/useTheme';
 declare const dividerProps: {
     label: StringConstructor;
-    vertical: BooleanConstructor;
+    vertical: import("vue").Prop<boolean | undefined>;
 };
 export type DividerProps = ExtractPublicPropTypes<typeof dividerProps>;
 type InternalClasses = 'wrapper' | 'label' | 'line';
@@ -10,11 +10,9 @@ export interface DividerTheme extends ThemeComponent<DividerProps, InternalClass
 }
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     label: StringConstructor;
-    vertical: BooleanConstructor;
+    vertical: import("vue").Prop<boolean | undefined>;
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     label: StringConstructor;
-    vertical: BooleanConstructor;
-}>> & Readonly<{}>, {
-    vertical: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    vertical: import("vue").Prop<boolean | undefined>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -0,0 +1,43 @@
+import { useTheme as e } from "../../composables/useTheme.js";
+import { optionalBooleanProp as t } from "../../common/props.js";
+import { createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, normalizeStyle as s, openBlock as c, toDisplayString as l, unref as u } from "vue";
+//#region src/components/divider/Divider.vue?vue&type=script&setup=true&lang.ts
+var d = ["textContent"], f = /* @__PURE__ */ a({
+	name: "XDivider",
+	props: {
+		label: String,
+		vertical: t()
+	},
+	setup(t) {
+		let { styles: a, classes: f, className: p } = e("Divider", {}, t);
+		return (e, t) => (c(), r("div", {
+			style: s(u(a)),
+			class: o([u(p), u(f).wrapper])
+		}, [
+			i("div", {
+				class: o(u(f).line),
+				style: s([{
+					width: e.vertical ? "1px" : "auto",
+					height: e.vertical ? "auto" : "1px"
+				}])
+			}, null, 6),
+			e.label ? (c(), r("div", {
+				key: 0,
+				class: o([u(f).label, {
+					"my-2": e.vertical,
+					"mx-4": !e.vertical
+				}]),
+				textContent: l(e.label)
+			}, null, 10, d)) : n("", !0),
+			i("div", {
+				class: o(u(f).line),
+				style: s([{
+					width: e.vertical ? "1px" : "auto",
+					height: e.vertical ? "auto" : "1px"
+				}])
+			}, null, 6)
+		], 6));
+	}
+});
+//#endregion
+export { f as default };

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

@@ -1,10 +1,8 @@
-const t = {
-  classes: {
-    wrapper: ({ props: e }) => `flex justify-center items-center ${e.vertical ? "h-full flex-col" : "w-full"}`,
-    label: "font-medium text-xs text-slate-400 dark:text-secondary-300",
-    line: "bg-secondary-200 dark:bg-secondary-700 flex-grow"
-  }
-}, l = t;
-export {
-  l as default
-};
+//#region src/components/divider/theme/Divider.base.theme.ts
+var e = { classes: {
+	wrapper: ({ props: e }) => `flex justify-center items-center ${e.vertical ? "h-full flex-col" : "w-full"}`,
+	label: "text-xs text-secondary-400",
+	line: "bg-secondary-200 dark:bg-secondary-700 grow"
+} };
+//#endregion
+export { e as default };

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

@@ -1,5 +1,5 @@
 import e from "./Divider.base.theme.js";
-const t = e, o = t;
-export {
-  o as default
-};
+//#region src/components/divider/theme/Divider.carbon.theme.ts
+var t = e;
+//#endregion
+export { t as default };

package/lib/components/drawer/Drawer.js

@@ -0,0 +1,5 @@
+import e from "./Drawer.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/drawer/Drawer.vue
+var t = e;
+//#endregion
+export { t as default };

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

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

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

@@ -1,9 +1,7 @@
-const e = {
-  classes: {
-    wrapper: "flex flex-col max-h-full bg-white dark:bg-secondary-800 transition-all",
-    backdrop: "duration-150 ease-in-out"
-  }
-}, a = e;
-export {
-  a as default
-};
+//#region src/components/drawer/theme/Drawer.base.theme.ts
+var e = { classes: {
+	wrapper: "flex flex-col max-h-full bg-white dark:bg-secondary-800 transition-all",
+	backdrop: "duration-150 ease-in-out"
+} };
+//#endregion
+export { e as default };

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

@@ -1,5 +1,5 @@
 import e from "./Drawer.base.theme.js";
-const t = e, o = t;
-export {
-  o as default
-};
+//#region src/components/drawer/theme/Drawer.carbon.theme.ts
+var t = e;
+//#endregion
+export { t as default };

package/lib/components/empty/Empty.js

@@ -0,0 +1,5 @@
+import e from "./Empty.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/empty/Empty.vue
+var t = e;
+//#endregion
+export { t as default };

package/lib/components/empty/Empty.vue.d.ts

@@ -0,0 +1,62 @@
+import { type ExtractPublicPropTypes } from 'vue';
+import { type ThemeComponent } from '../../composables/useTheme';
+import { type Size } from '../../composables/useCommon';
+declare const emptyProps: {
+    title: StringConstructor;
+    description: StringConstructor;
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    bordered: import("vue").Prop<boolean | undefined>;
+    size: {
+        readonly type: import("vue").PropType<Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+};
+export type EmptyProps = ExtractPublicPropTypes<typeof emptyProps>;
+type InternalClasses = 'wrapper' | 'bordered' | 'icon' | 'title' | 'description' | 'actions';
+export interface EmptyTheme extends ThemeComponent<EmptyProps, InternalClasses> {
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    title: StringConstructor;
+    description: StringConstructor;
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    bordered: import("vue").Prop<boolean | undefined>;
+    size: {
+        readonly type: import("vue").PropType<Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    title: StringConstructor;
+    description: StringConstructor;
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    bordered: import("vue").Prop<boolean | undefined>;
+    size: {
+        readonly type: import("vue").PropType<Size>;
+        readonly default: "md";
+        readonly validator: (value: string) => boolean;
+    };
+}>> & Readonly<{}>, {
+    icon: string;
+    size: Size;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+    icon?(_: {}): any;
+    title?(_: {}): any;
+    description?(_: {}): any;
+    actions?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/empty/Empty.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,67 @@
+import { useResolvedComponentProps as e } from "../../composables/resolveComponentDefaults.js";
+import { useTheme as t } from "../../composables/useTheme.js";
+import { optionalBooleanProp as n } from "../../common/props.js";
+import { useCommon as r } from "../../composables/useCommon.js";
+import i from "../icon/Icon.js";
+import { emptyIcon as a } from "../../common/icons.js";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, defineComponent as u, normalizeClass as d, normalizeStyle as f, openBlock as p, renderSlot as m, toDisplayString as h, unref as g } from "vue";
+//#region src/components/empty/Empty.vue?vue&type=script&setup=true&lang.ts
+var _ = {
+	...r.props(),
+	title: String,
+	description: String,
+	icon: {
+		type: String,
+		default: a
+	},
+	bordered: n()
+}, v = /* @__PURE__ */ u({
+	name: "XEmpty",
+	validators: { ...r.validators() },
+	props: _,
+	setup(n) {
+		let r = [
+			"xs",
+			"sm",
+			"md",
+			"lg",
+			"xl"
+		], a = e("Empty", n), u = o(() => {
+			let e = a.value.size ?? "md", t = r.indexOf(e);
+			return r[t < 0 ? r.indexOf("md") + 1 : Math.min(t + 1, r.length - 1)];
+		}), { styles: _, classes: v, className: y } = t("Empty", {}, a);
+		return (e, t) => (p(), l("div", {
+			style: f(g(_)),
+			class: d([
+				g(y),
+				g(v).wrapper,
+				g(a).bordered ? g(v).bordered : ""
+			])
+		}, [
+			m(e.$slots, "icon", {}, () => [g(a).icon ? (p(), s(i, {
+				key: 0,
+				icon: g(a).icon,
+				size: u.value,
+				class: d(g(v).icon)
+			}, null, 8, [
+				"icon",
+				"size",
+				"class"
+			])) : c("", !0)]),
+			m(e.$slots, "title", {}, () => [g(a).title ? (p(), l("p", {
+				key: 0,
+				class: d(g(v).title)
+			}, h(g(a).title), 3)) : c("", !0)]),
+			m(e.$slots, "description", {}, () => [g(a).description ? (p(), l("p", {
+				key: 0,
+				class: d(g(v).description)
+			}, h(g(a).description), 3)) : c("", !0)]),
+			e.$slots.actions ? (p(), l("div", {
+				key: 0,
+				class: d(g(v).actions)
+			}, [m(e.$slots, "actions")], 2)) : c("", !0)
+		], 6));
+	}
+});
+//#endregion
+export { v as default };

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

@@ -0,0 +1,2 @@
+export { default as XEmpty } from './Empty.vue';
+export type { EmptyProps, EmptyTheme } from './Empty.vue';

package/lib/components/empty/theme/Empty.base.theme.d.ts

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

package/lib/components/empty/theme/Empty.base.theme.js

@@ -0,0 +1,20 @@
+//#region src/components/empty/theme/Empty.base.theme.ts
+function e(e) {
+	return e === "xs" || e === "sm" ? "p-4" : e === "lg" ? "p-10" : e === "xl" ? "p-12" : "p-8";
+}
+function t(e) {
+	return e === "xs" ? "text-xs font-medium text-secondary-700 dark:text-secondary-200" : e === "sm" ? "text-sm font-medium text-secondary-700 dark:text-secondary-200" : e === "lg" ? "text-lg font-semibold text-secondary-800 dark:text-secondary-100" : e === "xl" ? "text-xl font-semibold text-secondary-800 dark:text-secondary-100" : "text-base font-medium text-secondary-700 dark:text-secondary-200";
+}
+function n(e) {
+	return e === "xs" ? "text-xs text-secondary-500 dark:text-secondary-400 max-w-xs" : e === "sm" ? "text-sm text-secondary-500 dark:text-secondary-400 max-w-sm" : e === "lg" ? "text-base text-secondary-500 dark:text-secondary-400 max-w-md" : e === "xl" ? "text-lg text-secondary-500 dark:text-secondary-400 max-w-lg" : "text-sm text-secondary-500 dark:text-secondary-400 max-w-sm";
+}
+var r = { classes: {
+	wrapper: ({ props: t }) => `flex flex-col items-center justify-center text-center gap-2 ${e(t.size)}`,
+	bordered: "border border-dashed border-secondary-300 dark:border-secondary-600 rounded-lg w-full",
+	icon: "text-secondary-400 dark:text-secondary-500 shrink-0",
+	title: ({ props: e }) => t(e.size),
+	description: ({ props: e }) => n(e.size),
+	actions: "flex flex-wrap items-center justify-center gap-2 mt-2"
+} };
+//#endregion
+export { r as default };

package/lib/components/empty/theme/Empty.carbon.theme.d.ts

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

package/lib/components/empty/theme/Empty.carbon.theme.js

@@ -0,0 +1,5 @@
+import e from "./Empty.base.theme.js";
+//#region src/components/empty/theme/Empty.carbon.theme.ts
+var t = e;
+//#endregion
+export { t as default };

package/lib/components/form/Form.js

@@ -0,0 +1,5 @@
+import e from "./Form.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/form/Form.vue
+var t = e;
+//#endregion
+export { t as default };