@indielayer/ui 1.18.1 → 2.0.0

package/lib/components/notifications/Notifications.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,234 @@
+import { injectNotificationKey as e } from "../../composables/keys.js";
+import { useColors as t } from "../../composables/useColors.js";
+import { useCSS as n } from "../../composables/useCSS.js";
+import { useTheme as r } from "../../composables/useTheme.js";
+import i from "../icon/Icon.js";
+import { closeIcon as a } from "../../common/icons.js";
+import o from "../spacer/Spacer.js";
+import { Fragment as s, Teleport as c, TransitionGroup as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, normalizeClass as _, normalizeStyle as v, openBlock as y, provide as b, ref as x, renderList as S, renderSlot as C, toDisplayString as w, unref as T, watch as E, withCtx as D } from "vue";
+//#region src/components/notifications/Notifications.vue?vue&type=script&setup=true&lang.ts
+var O = ["onMouseenter", "onMouseleave"], k = { class: "flex items-center flex-wrap" }, A = {
+	key: 0,
+	class: "font-medium mr-2"
+}, j = ["onClick"], M = {
+	...t.props("primary"),
+	align: {
+		type: String,
+		default: "right",
+		validator: (e) => N.align.includes(e)
+	},
+	position: {
+		type: String,
+		default: "bottom",
+		validator: (e) => N.position.includes(e)
+	},
+	timeout: {
+		type: Number,
+		default: 3500
+	},
+	removable: {
+		type: Boolean,
+		default: !0
+	},
+	pauseOnHover: {
+		type: Boolean,
+		default: !0
+	},
+	injectKey: {
+		type: [Symbol, String],
+		default: e
+	},
+	offset: {
+		type: [String, Number],
+		default: 0
+	}
+}, N = {
+	align: ["left", "right"],
+	position: ["bottom", "top"]
+}, P = /* @__PURE__ */ g({
+	name: "XNotifications",
+	validators: N,
+	props: M,
+	setup(e, { expose: g }) {
+		let M = e, N = x(M.align), P = x(M.position), F = x([]), I = x(null), L = n("notification"), R = t();
+		b(M.injectKey, {
+			log: z,
+			info: B,
+			warn: H,
+			error: U,
+			warning: H,
+			success: V
+		}), E(() => M.align, (e) => {
+			N.value = e;
+		}), E(() => M.position, (e) => {
+			P.value = e;
+		});
+		function z(e) {
+			let t = typeof e == "string", n = { message: t ? e : void 0 };
+			W(t ? n : {
+				...n,
+				...e
+			});
+		}
+		function B(e) {
+			let t = typeof e == "string", n = {
+				icon: "<path fill-rule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z\" clip-rule=\"evenodd\" />",
+				iconColor: "sky",
+				message: t ? e : void 0
+			};
+			W(t ? n : {
+				...n,
+				...e
+			});
+		}
+		function V(e) {
+			let t = typeof e == "string", n = {
+				icon: "<path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\" />",
+				iconColor: "success",
+				message: t ? e : void 0
+			};
+			W(t ? n : {
+				...n,
+				...e
+			});
+		}
+		function H(e) {
+			let t = typeof e == "string", n = {
+				icon: "<path fill-rule=\"evenodd\" d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\" clip-rule=\"evenodd\" />",
+				iconColor: "warning",
+				message: t ? e : void 0
+			};
+			W(t ? n : {
+				...n,
+				...e
+			});
+		}
+		function U(e) {
+			let t = typeof e == "string", n = {
+				icon: "<path fill-rule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z\" clip-rule=\"evenodd\" />",
+				iconColor: "error",
+				message: t ? e : void 0
+			};
+			W(t ? n : {
+				...n,
+				...e
+			});
+		}
+		function W(e) {
+			let t = {
+				id: Date.now(),
+				iconColor: M.color,
+				timeout: M.timeout,
+				align: N.value,
+				position: P.value,
+				removable: M.removable,
+				...e
+			};
+			N.value = t.align, P.value = t.position;
+			let n = R.getPalette(t.iconColor), r = R.getPalette(t.action?.color || "primary"), i = L.variables({
+				icon: n[400],
+				action: r[400],
+				hover: { action: r[500] },
+				dark: {
+					icon: n[500],
+					action: r[500],
+					hover: { action: r[600] }
+				}
+			});
+			t.style = Object.keys(i).map((e) => `${e}: ${i[e]}`).join(";"), t.timeout && (t.timer = K(t, t.timeout), t.timerStart = Date.now()), F.value.push(t), setTimeout(() => {
+				I.value?.scrollTo({
+					top: 0,
+					behavior: "smooth"
+				});
+			}, 0);
+		}
+		function G(e) {
+			F.value = F.value.filter((t) => t.id !== e.id);
+		}
+		function K(e, t) {
+			return setTimeout(() => {
+				G(e);
+			}, t);
+		}
+		function q(e) {
+			M.pauseOnHover && e.timer && (clearTimeout(e.timer), e.timer = void 0);
+		}
+		function J(e) {
+			M.pauseOnHover && e.timeout && e.timerStart && (e.timer = K(e, Math.max(e.timeout - (Date.now() - e.timerStart), 1e3)));
+		}
+		let Y = u(() => `${M.offset}px`), { styles: X, classes: Z, className: Q } = r("Notifications", {}, M);
+		return g({
+			log: z,
+			info: B,
+			success: V,
+			warn: H,
+			warning: H,
+			error: U
+		}), (e, t) => (y(), p(s, null, [C(e.$slots, "default"), (y(), d(c, { to: "body" }, [m("div", {
+			ref_key: "listRef",
+			ref: I,
+			style: v(T(X)),
+			class: _([
+				T(Q),
+				T(Z).wrapper,
+				{
+					"left-0": N.value === "left",
+					"right-0": N.value === "right",
+					"top-0": P.value === "top",
+					"bottom-0": P.value === "bottom"
+				}
+			])
+		}, [h(l, {
+			tag: "ul",
+			style: v([P.value === "bottom" ? `padding-bottom: ${Y.value};` : `padding-top: ${Y.value};`]),
+			class: _([T(Z).list, { "flex-col-reverse": P.value }]),
+			"enter-active-class": "transition ease-out duration-200",
+			"leave-active-class": "transition ease-out duration-100",
+			"enter-from-class": "transform translate-y-2 opacity-0",
+			"enter-to-class": "transform translate-y-0 opacity-100",
+			"leave-from-class": "transform translate-y-0 opacity-100",
+			"leave-to-class": "transform translate-y-2 opacity-0",
+			"move-class": "ease-in-out duration-200"
+		}, {
+			default: D(() => [(y(!0), p(s, null, S(F.value, (e) => (y(), p("li", {
+				key: e.id,
+				class: _([T(Z).item, {
+					"mb-2": P.value === "bottom",
+					"mt-2": P.value === "top"
+				}]),
+				style: v(e.style),
+				onMouseenter: (t) => q(e),
+				onMouseleave: (t) => J(e)
+			}, [
+				e.icon ? (y(), d(i, {
+					key: 0,
+					filled: "",
+					icon: e.icon,
+					class: "mr-4 text-[color:var(--x-notification-icon)] dark:text-[color:var(--x-notification-dark-icon)]",
+					viewBox: "0 0 20 20"
+				}, null, 8, ["icon"])) : f("", !0),
+				m("div", k, [e.title ? (y(), p("span", A, w(e.title), 1)) : f("", !0), m("span", null, w(e.message), 1)]),
+				h(T(o)),
+				e.action ? (y(), p("button", {
+					key: 1,
+					type: "button",
+					class: "ml-3 font-medium cursor-pointer text-[color:var(--x-notification-action)] hover:text-[color:var(--x-notification-action-hover)] dark:text-[color:var(--x-notification-dark-action)] dark:hover:text-[color:var(--x-notification-dark-action-hover)]",
+					onClick: () => {
+						e.action?.onClick(), G(e);
+					}
+				}, w(e.action.label), 9, j)) : f("", !0),
+				e.removable ? (y(), d(i, {
+					key: 2,
+					icon: T(a),
+					class: "text-secondary-400 hover:text-secondary-500 ml-3 cursor-pointer",
+					onClick: () => {
+						G(e);
+					}
+				}, null, 8, ["icon", "onClick"])) : f("", !0)
+			], 46, O))), 128))]),
+			_: 1
+		}, 8, ["style", "class"])], 6)]))], 64));
+	}
+});
+//#endregion
+export { P as default };

package/lib/components/notifications/theme/Notifications.base.theme.js

@@ -1,10 +1,8 @@
-const e = {
-  classes: {
-    wrapper: "fixed z-50 w-full sm:w-auto max-h-screen",
-    list: "flex flex-col items-end w-full sm:w-[520px] px-4",
-    item: "w-full flex items-center rounded-md px-4 py-3 bg-secondary-800 dark:bg-secondary-50 text-white dark:text-secondary-900 border border-secondary-700 dark:border-secondary-100"
-  }
-}, r = e;
-export {
-  r as default
-};
+//#region src/components/notifications/theme/Notifications.base.theme.ts
+var e = { classes: {
+	wrapper: "fixed z-50 w-full sm:w-auto max-h-screen",
+	list: "flex flex-col items-end w-full sm:w-[520px] px-4",
+	item: "w-full flex items-center rounded-md px-4 py-3 bg-secondary-800 dark:bg-secondary-50 text-white dark:text-secondary-900 border border-secondary-700 dark:border-secondary-100"
+} };
+//#endregion
+export { e as default };

package/lib/components/notifications/theme/Notifications.carbon.theme.js

@@ -1,10 +1,8 @@
-const e = {
-  classes: {
-    wrapper: "fixed z-50 w-full sm:w-auto overflow-y-auto max-h-screen",
-    list: "flex flex-col items-end w-full sm:w-[520px] px-4",
-    item: () => ["w-full flex items-center px-4 py-3 bg-secondary-800 dark:bg-secondary-50 text-white dark:text-secondary-900 border-l-2 border-[color:var(--x-notification-icon)]"]
-  }
-}, t = e;
-export {
-  t as default
-};
+//#region src/components/notifications/theme/Notifications.carbon.theme.ts
+var e = { classes: {
+	wrapper: "fixed z-50 w-full sm:w-auto overflow-y-auto max-h-screen",
+	list: "flex flex-col items-end w-full sm:w-[520px] px-4",
+	item: () => ["w-full flex items-center px-4 py-3 bg-secondary-800 dark:bg-secondary-50 text-white dark:text-secondary-900 border-l-2 border-[color:var(--x-notification-icon)]"]
+} };
+//#endregion
+export { e as default };

package/lib/components/pagination/Pagination.js

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

package/lib/components/pagination/Pagination.vue.d.ts

@@ -2,7 +2,7 @@ import { type PropType, type ExtractPublicPropTypes } from 'vue';
 import { type ThemeComponent } from '../../composables/useTheme';
 declare const paginationVariant: readonly ["simple", "quick", "dots"];
 declare const paginationProps: {
-    links: BooleanConstructor;
+    links: import("vue").Prop<boolean | undefined>;
     totalPages: {
         type: NumberConstructor;
         default: number;
@@ -27,7 +27,7 @@ type InternalClasses = 'wrapper' | 'dots';
 export interface PaginationTheme extends ThemeComponent<PaginationProps, InternalClasses> {
 }
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    links: BooleanConstructor;
+    links: import("vue").Prop<boolean | undefined>;
     totalPages: {
         type: NumberConstructor;
         default: number;
@@ -46,7 +46,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly validator: (value: string) => boolean;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    links: BooleanConstructor;
+    links: import("vue").Prop<boolean | undefined>;
     totalPages: {
         type: NumberConstructor;
         default: number;
@@ -69,7 +69,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     size: import("../../composables/useCommon").Size;
     modelValue: number;
-    links: boolean;
     totalPages: number;
     variant: "dots" | "simple" | "quick";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/components/pagination/Pagination.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,152 @@
+import { useTheme as e } from "../../composables/useTheme.js";
+import { optionalBooleanProp as t } from "../../common/props.js";
+import { useCommon as n } from "../../composables/useCommon.js";
+import r from "../icon/Icon.js";
+import { dotsIcon as i, nextIcon as a, prevIcon as o } from "../../common/icons.js";
+import s from "../button/Button.js";
+import c from "../input/Input.js";
+import l from "./PaginationItem.js";
+import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, normalizeClass as v, normalizeStyle as y, openBlock as b, ref as x, renderList as S, toDisplayString as C, unref as w, watch as T, withKeys as E } from "vue";
+//#region src/components/pagination/Pagination.vue?vue&type=script&setup=true&lang.ts
+var D = { class: "mx-9 flex items-center" }, O = { class: "text-secondary-600 ml-2" }, k = ["onClick"], A = [
+	"simple",
+	"quick",
+	"dots"
+], j = {
+	...n.props(),
+	links: t(),
+	totalPages: {
+		type: Number,
+		default: 1
+	},
+	modelValue: {
+		type: Number,
+		default: 1
+	},
+	variant: {
+		type: String,
+		default: "simple"
+	}
+}, M = /* @__PURE__ */ _({
+	name: "XPagination",
+	validators: {
+		...n.validators(),
+		variant: A
+	},
+	props: j,
+	emits: ["update:modelValue"],
+	setup(t, { emit: n }) {
+		let _ = t, A = n, j = d(() => _.totalPages === 3 ? [2] : _.totalPages > 2 ? _.modelValue === 1 || _.modelValue === 2 ? [2, 3] : _.modelValue === _.totalPages || _.modelValue === _.totalPages - 1 ? [_.totalPages - 2, _.totalPages - 1] : [
+			_.modelValue - 1,
+			_.modelValue,
+			_.modelValue + 1
+		] : []), M = x(_.modelValue + "");
+		function N() {
+			let e = parseInt(M.value);
+			e >= 0 && e <= _.totalPages ? A("update:modelValue", e) : M.value = _.modelValue + "";
+		}
+		T(() => _.modelValue, (e) => {
+			M.value = _.modelValue + "";
+		});
+		function P() {
+			_.modelValue > 1 && A("update:modelValue", _.modelValue - 1);
+		}
+		function F() {
+			_.modelValue < _.totalPages && A("update:modelValue", _.modelValue + 1);
+		}
+		let I = d(() => _.size === "xs" ? "xs" : _.size === "sm" ? "sm" : _.size === "lg" ? "md" : _.size === "xl" ? "lg" : "sm"), { styles: L, classes: R, className: z } = e("Pagination", {}, _);
+		return (e, t) => (b(), m("ul", {
+			style: y(w(L)),
+			class: v([w(z), w(R).wrapper])
+		}, [e.variant === "quick" ? (b(), m(u, { key: 0 }, [
+			g(s, {
+				"icon-left": w(o),
+				size: I.value,
+				disabled: e.modelValue <= 1,
+				onClick: P
+			}, null, 8, [
+				"icon-left",
+				"size",
+				"disabled"
+			]),
+			h("div", D, [
+				t[4] ||= h("span", { class: "text-secondary-600 mr-2" }, "Page", -1),
+				g(c, {
+					modelValue: M.value,
+					"onUpdate:modelValue": t[0] ||= (e) => M.value = e,
+					size: e.size,
+					class: "text-center w-16",
+					"hide-footer": "",
+					onKeydown: E(N, ["enter"])
+				}, null, 8, ["modelValue", "size"]),
+				h("span", O, "of " + C(e.totalPages), 1)
+			]),
+			g(s, {
+				"icon-left": w(a),
+				size: I.value,
+				disabled: e.modelValue >= e.totalPages,
+				onClick: F
+			}, null, 8, [
+				"icon-left",
+				"size",
+				"disabled"
+			])
+		], 64)) : e.variant === "simple" ? (b(), m(u, { key: 1 }, [
+			g(l, {
+				value: 1,
+				links: e.links,
+				size: e.size,
+				selected: e.modelValue === 1,
+				onInput: t[1] ||= (t) => e.$emit("update:modelValue", t)
+			}, null, 8, [
+				"links",
+				"size",
+				"selected"
+			]),
+			e.totalPages > 3 && e.modelValue > 3 ? (b(), f(r, {
+				key: 0,
+				class: "mx-1",
+				icon: w(i),
+				size: e.size
+			}, null, 8, ["icon", "size"])) : p("", !0),
+			(b(!0), m(u, null, S(j.value, (n) => (b(), f(l, {
+				key: n,
+				value: n,
+				links: e.links,
+				size: e.size,
+				selected: e.modelValue === n,
+				onInput: t[2] ||= (t) => e.$emit("update:modelValue", t)
+			}, null, 8, [
+				"value",
+				"links",
+				"size",
+				"selected"
+			]))), 128)),
+			e.totalPages > 3 && e.modelValue < e.totalPages - 2 ? (b(), f(r, {
+				key: 1,
+				class: "mx-1",
+				icon: w(i),
+				size: e.size
+			}, null, 8, ["icon", "size"])) : p("", !0),
+			e.totalPages > 1 ? (b(), f(l, {
+				key: 2,
+				value: e.totalPages,
+				links: e.links,
+				size: e.size,
+				selected: e.modelValue === e.totalPages,
+				onInput: t[3] ||= (t) => e.$emit("update:modelValue", t)
+			}, null, 8, [
+				"value",
+				"links",
+				"size",
+				"selected"
+			])) : p("", !0)
+		], 64)) : e.variant === "dots" ? (b(!0), m(u, { key: 2 }, S(e.totalPages, (t) => (b(), m("li", {
+			key: t,
+			class: v(["rounded-full cursor-pointer", [w(R).dots, t === e.modelValue ? "bg-[color:var(--x-pagination-bg)]" : "bg-secondary-100 hover:bg-secondary-200"]]),
+			onClick: (n) => e.$emit("update:modelValue", t)
+		}, null, 10, k))), 128)) : p("", !0)], 6));
+	}
+});
+//#endregion
+export { M as default };

package/lib/components/pagination/PaginationItem.js

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

package/lib/components/pagination/PaginationItem.vue.d.ts

@@ -6,7 +6,7 @@ declare const paginationItemProps: {
         default: number;
     };
     selected: BooleanConstructor;
-    links: BooleanConstructor;
+    links: import("vue").Prop<boolean | undefined>;
     size: {
         readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: number;
     };
     selected: BooleanConstructor;
-    links: BooleanConstructor;
+    links: import("vue").Prop<boolean | undefined>;
     size: {
         readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
@@ -35,7 +35,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: number;
     };
     selected: BooleanConstructor;
-    links: BooleanConstructor;
+    links: import("vue").Prop<boolean | undefined>;
     size: {
         readonly type: import("vue").PropType<import("../../composables/useCommon").Size>;
         readonly default: "md";
@@ -47,6 +47,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     value: number;
     size: import("../../composables/useCommon").Size;
     selected: boolean;
-    links: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/components/pagination/PaginationItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,44 @@
+import { useTheme as e } from "../../composables/useTheme.js";
+import { optionalBooleanProp as t } from "../../common/props.js";
+import { useCommon as n } from "../../composables/useCommon.js";
+import r from "../button/Button.js";
+import { createElementBlock as i, createTextVNode as a, createVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, openBlock as u, toDisplayString as d, unref as f, withCtx as p } from "vue";
+//#region src/components/pagination/PaginationItem.vue?vue&type=script&setup=true&lang.ts
+var m = {
+	...n.props(),
+	value: {
+		type: Number,
+		default: 0
+	},
+	selected: Boolean,
+	links: t()
+}, h = /* @__PURE__ */ s({
+	name: "XPaginationItem",
+	validators: { ...n.validators() },
+	props: m,
+	emits: ["input"],
+	setup(t) {
+		let { styles: n, classes: s, className: m } = e("PaginationItem", {}, t);
+		return (e, t) => (u(), i("li", null, [o(r, {
+			to: e.links ? `?page=${e.value}` : void 0,
+			size: e.size,
+			style: l(f(n)),
+			class: c([f(m), f(s).wrapper]),
+			outlined: !e.selected,
+			color: e.selected ? "primary" : void 0,
+			onClick: t[0] ||= (t) => e.selected ? null : e.$emit("input", e.value)
+		}, {
+			default: p(() => [a(d(e.value), 1)]),
+			_: 1
+		}, 8, [
+			"to",
+			"size",
+			"style",
+			"class",
+			"outlined",
+			"color"
+		])]));
+	}
+});
+//#endregion
+export { h as default };

package/lib/components/pagination/theme/Pagination.base.theme.js

@@ -1,13 +1,13 @@
-const s = {
-  classes: {
-    wrapper: ({ props: e }) => e.variant === "simple" ? "flex items-center space-x-2" : e.variant === "dots" ? "flex space-x-6" : "flex items-center",
-    dots: ({ props: e }) => e.size === "xs" ? "h-2 w-2" : e.size === "sm" ? "h-3 w-3" : e.size === "lg" ? "h-4 w-4" : e.size === "xl" ? "h-5 w-5" : "h-3 w-3"
-  },
-  styles: ({ css: e, colors: t }) => {
-    const r = t.getPalette("primary");
-    return e.get("bg", r[500]);
-  }
-}, i = s;
-export {
-  i as default
+//#region src/components/pagination/theme/Pagination.base.theme.ts
+var e = {
+	classes: {
+		wrapper: ({ props: e }) => e.variant === "simple" ? "flex items-center space-x-2" : e.variant === "dots" ? "flex space-x-6" : "flex items-center",
+		dots: ({ props: e }) => e.size === "xs" ? "h-2 w-2" : e.size === "sm" ? "h-3 w-3" : e.size === "lg" ? "h-4 w-4" : e.size === "xl" ? "h-5 w-5" : "h-3 w-3"
+	},
+	styles: ({ css: e, colors: t }) => {
+		let n = t.getPalette("primary");
+		return e.get("bg", n[500]);
+	}
 };
+//#endregion
+export { e as default };

package/lib/components/pagination/theme/Pagination.carbon.theme.js

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

package/lib/components/pagination/theme/PaginationItem.base.theme.js

@@ -1,8 +1,4 @@
-const n = {
-  classes: {
-    wrapper: ({ props: e }) => e.size === "xs" ? "!leading-none !p-1 min-w-[1.375rem]" : e.size === "sm" ? "!leading-none !p-2 min-w-[2rem]" : e.size === "lg" ? "!leading-none !p-3 min-w-[2.75rem]" : e.size === "xl" ? "!leading-none !p-4 min-w-[3.375rem]" : "!leading-none !p-2 min-w-[2.125rem]"
-  }
-}, i = n;
-export {
-  i as default
-};
+//#region src/components/pagination/theme/PaginationItem.base.theme.ts
+var e = { classes: { wrapper: ({ props: e }) => e.size === "xs" ? "!leading-none !p-1 min-w-[1.375rem]" : e.size === "sm" ? "!leading-none !p-2 min-w-[2rem]" : e.size === "lg" ? "!leading-none !p-3 min-w-[2.75rem]" : e.size === "xl" ? "!leading-none !p-4 min-w-[3.375rem]" : "!leading-none !p-2 min-w-[2.125rem]" } };
+//#endregion
+export { e as default };

package/lib/components/pagination/theme/PaginationItem.carbon.theme.js

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

package/lib/components/popover/Popover.js

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