cornet-ui 0.1.0-beta.1

package/dist/components/DataDisplay/du-carousel/du-carousel.js

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

package/dist/components/DataDisplay/du-carousel/du-carousel.types.d.ts

@@ -0,0 +1,9 @@
+export declare const CAROUSEL_POSITIONS: readonly ["carousel-start", "carousel-center", "carousel-end"];
+export type CAROUSELPosition = (typeof CAROUSEL_POSITIONS)[number];
+export interface CarouselItem {
+    id?: string;
+    src?: string;
+    alt?: string;
+    content?: string;
+    customClass?: string;
+}

package/dist/components/DataDisplay/du-carousel/du-carousel.vue.d.ts

@@ -0,0 +1,27 @@
+import { type CarouselItem } from './du-carousel.types';
+type __VLS_Props = {
+    items?: CarouselItem[];
+    start?: boolean;
+    center?: boolean;
+    end?: boolean;
+    vertical?: boolean;
+};
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    start: boolean;
+    center: boolean;
+    end: boolean;
+    vertical: boolean;
+    items: CarouselItem[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/DataDisplay/du-carousel/du-carousel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,46 @@
+import e from "./du-carousel-item.js";
+import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createTextVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderList as u, renderSlot as d, toDisplayString as f, withCtx as p } from "vue";
+//#region components/DataDisplay/du-carousel/du-carousel.vue?vue&type=script&setup=true&lang.ts
+var m = ["src", "alt"], h = /*@__PURE__*/ s({
+	__name: "du-carousel",
+	props: {
+		items: { default: void 0 },
+		start: {
+			type: Boolean,
+			default: !0
+		},
+		center: {
+			type: Boolean,
+			default: !1
+		},
+		end: {
+			type: Boolean,
+			default: !1
+		},
+		vertical: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(s) {
+		let h = s, g = n(() => h.center ? "carousel-center" : h.end ? "carousel-end" : h.start ? "carousel-start" : null);
+		return (n, h) => (l(), a("div", { class: c([
+			"carousel",
+			g.value,
+			{ "carousel-vertical": s.vertical }
+		]) }, [s.items && s.items.length ? (l(!0), a(t, { key: 0 }, u(s.items, (n, s) => (l(), r(e, {
+			key: n.id ?? s,
+			id: n.id,
+			class: c(n.customClass)
+		}, {
+			default: p(() => [n.src ? (l(), a("img", {
+				key: 0,
+				src: n.src,
+				alt: n.alt ?? `Slide ${s + 1}`
+			}, null, 8, m)) : n.content ? (l(), a(t, { key: 1 }, [o(f(n.content), 1)], 64)) : i("", !0)]),
+			_: 2
+		}, 1032, ["id", "class"]))), 128)) : d(n.$slots, "default", { key: 1 })], 2));
+	}
+});
+//#endregion
+export { h as default };

package/dist/components/DataDisplay/du-chat/du-chat-item.js

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

package/dist/components/DataDisplay/du-chat/du-chat-item.vue.d.ts

@@ -0,0 +1,32 @@
+import { type Variant } from "../../../composables/useVariantProps";
+import { type ChatPlacement } from "./du-chat.types";
+interface ChatItemProps {
+    message?: string;
+    placement?: ChatPlacement;
+    variant?: Variant;
+    customClass?: string;
+}
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
+type __VLS_Slots = {} & {
+    image?: (props: typeof __VLS_1) => any;
+} & {
+    header?: (props: typeof __VLS_3) => any;
+} & {
+    message?: (props: typeof __VLS_5) => any;
+} & {
+    footer?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ChatItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChatItemProps> & Readonly<{}>, {
+    customClass: string;
+    variant: Variant;
+    placement: ChatPlacement;
+    message: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/DataDisplay/du-chat/du-chat-item.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,36 @@
+import { useVariantMapping as e } from "../../../composables/useVariantProps.js";
+import { computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, defineComponent as o, inject as s, normalizeClass as c, openBlock as l, renderSlot as u, toDisplayString as d, unref as f } from "vue";
+//#region components/DataDisplay/du-chat/du-chat-item.vue?vue&type=script&setup=true&lang.ts
+var p = {
+	key: 0,
+	class: "chat-image avatar"
+}, m = { class: "w-10 rounded-full" }, h = {
+	key: 1,
+	class: "chat-header"
+}, g = {
+	key: 2,
+	class: "chat-footer"
+}, _ = /*@__PURE__*/ o({
+	__name: "du-chat-item",
+	props: {
+		message: { default: "" },
+		placement: { default: void 0 },
+		variant: { default: "default" },
+		customClass: { default: "" }
+	},
+	setup(o) {
+		let _ = o, v = s("defaultChatPlacement", "start"), y = t(() => _.placement || v), { colorClass: b } = e(_, "chat-bubble"), x = t(() => y.value === "end" ? "chat-end" : "chat-start");
+		return (e, t) => (l(), r("div", { class: c([
+			"chat",
+			x.value,
+			o.customClass
+		]) }, [
+			e.$slots.image ? (l(), r("div", p, [i("div", m, [u(e.$slots, "image")])])) : n("", !0),
+			e.$slots.header ? (l(), r("div", h, [u(e.$slots, "header")])) : n("", !0),
+			i("div", { class: c(["chat-bubble", f(b)]) }, [u(e.$slots, "message", {}, () => [a(d(o.message), 1)])], 2),
+			e.$slots.footer ? (l(), r("div", g, [u(e.$slots, "footer")])) : n("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { _ as default };

package/dist/components/DataDisplay/du-chat/du-chat.js

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

package/dist/components/DataDisplay/du-chat/du-chat.types.d.ts

@@ -0,0 +1,18 @@
+export declare const CHAT_COLORS: readonly ["chat-bubble-primary", "chat-bubble-secondary", "chat-bubble-accent", "chat-bubble-neutral", "chat-bubble-info", "chat-bubble-success", "chat-bubble-warning", "chat-bubble-error"];
+export type CHATColor = (typeof CHAT_COLORS)[number];
+export declare const DU_CHAT_PLACEMENTS: readonly ["start", "end"];
+export type ChatPlacement = (typeof DU_CHAT_PLACEMENTS)[number];
+export interface ChatItem {
+    message?: string;
+    image?: string;
+    header?: string;
+    footer?: string;
+    placement?: ChatPlacement;
+    variant?: CHATColor;
+    customClass?: string;
+}
+export interface ChatProps {
+    items?: ChatItem[];
+    placement?: ChatPlacement;
+    customClass?: string;
+}

package/dist/components/DataDisplay/du-chat/du-chat.vue.d.ts

@@ -0,0 +1,38 @@
+import { type ChatProps } from './du-chat.types';
+declare var __VLS_2: `image-${number}`, __VLS_3: {
+    item: import("./du-chat.types").ChatItem;
+    index: number;
+}, __VLS_6: `header-${number}`, __VLS_7: {
+    item: import("./du-chat.types").ChatItem;
+    index: number;
+}, __VLS_10: `message-${number}`, __VLS_11: {
+    item: import("./du-chat.types").ChatItem;
+    index: number;
+}, __VLS_14: `footer-${number}`, __VLS_15: {
+    item: import("./du-chat.types").ChatItem;
+    index: number;
+}, __VLS_17: {};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_2>]?: (props: typeof __VLS_3) => any;
+} & {
+    [K in NonNullable<typeof __VLS_6>]?: (props: typeof __VLS_7) => any;
+} & {
+    [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
+} & {
+    [K in NonNullable<typeof __VLS_14>]?: (props: typeof __VLS_15) => any;
+} & {
+    default?: (props: typeof __VLS_17) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ChatProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ChatProps> & Readonly<{}>, {
+    customClass: string;
+    placement: import("./du-chat.types").ChatPlacement;
+    items: import("./du-chat.types").ChatItem[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/DataDisplay/du-chat/du-chat.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,55 @@
+import { Fragment as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, provide as c, renderList as l, renderSlot as u, toDisplayString as d } from "vue";
+//#region components/DataDisplay/du-chat/du-chat.vue?vue&type=script&setup=true&lang.ts
+var f = {
+	key: 0,
+	class: "chat-image avatar"
+}, p = { class: "w-10 rounded-full" }, m = ["src"], h = {
+	key: 1,
+	class: "chat-header"
+}, g = {
+	key: 2,
+	class: "chat-footer"
+}, _ = /*@__PURE__*/ a({
+	__name: "du-chat",
+	props: {
+		items: { default: void 0 },
+		placement: { default: "start" },
+		customClass: { default: "" }
+	},
+	setup(a) {
+		let _ = a;
+		c("defaultChatPlacement", _.placement);
+		let v = (e) => (e || _.placement) === "end" ? "chat-end" : "chat-start";
+		return (c, _) => a.items ? (s(!0), n(e, { key: 0 }, l(a.items, (e, l) => (s(), n("div", {
+			key: l,
+			class: o([
+				"chat",
+				v(e.placement),
+				e.customClass || a.customClass
+			])
+		}, [
+			e.image || c.$slots[`image-${l}`] ? (s(), n("div", f, [r("div", p, [u(c.$slots, `image-${l}`, {
+				item: e,
+				index: l
+			}, () => [e.image ? (s(), n("img", {
+				key: 0,
+				src: e.image,
+				alt: "Chat avatar"
+			}, null, 8, m)) : t("", !0)])])])) : t("", !0),
+			e.header || c.$slots[`header-${l}`] ? (s(), n("div", h, [u(c.$slots, `header-${l}`, {
+				item: e,
+				index: l
+			}, () => [i(d(e.header), 1)])])) : t("", !0),
+			r("div", { class: o(["chat-bubble", e.variant ? `chat-bubble-${e.variant}` : ""]) }, [u(c.$slots, `message-${l}`, {
+				item: e,
+				index: l
+			}, () => [i(d(e.message), 1)])], 2),
+			e.footer || c.$slots[`footer-${l}`] ? (s(), n("div", g, [u(c.$slots, `footer-${l}`, {
+				item: e,
+				index: l
+			}, () => [i(d(e.footer), 1)])])) : t("", !0)
+		], 2))), 128)) : u(c.$slots, "default", { key: 1 });
+	}
+});
+//#endregion
+export { _ as default };

package/dist/components/DataDisplay/du-collapse/du-collapse.js

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

package/dist/components/DataDisplay/du-collapse/du-collapse.types.d.ts

@@ -0,0 +1,8 @@
+export declare const COLLAPSE_MODIFIERS: readonly ["collapse-arrow", "collapse-plus", "collapse-open", "collapse-close"];
+export interface COLLAPSEItem {
+    title?: string;
+    content?: string;
+    open?: boolean;
+    customClass?: string;
+}
+export type COLLAPSEModifier = (typeof COLLAPSE_MODIFIERS)[number];

package/dist/components/DataDisplay/du-collapse/du-collapse.vue.d.ts

@@ -0,0 +1,33 @@
+import { type COLLAPSEItem } from './du-collapse.types';
+type __VLS_Props = {
+    items?: COLLAPSEItem[];
+    modifier?: 'collapse-arrow' | 'collapse-plus' | 'collapse-open' | 'collapse-close';
+    customClass?: string;
+};
+declare var __VLS_2: `title-${number}`, __VLS_3: {
+    item: COLLAPSEItem;
+    index: number;
+}, __VLS_6: `content-${number}`, __VLS_7: {
+    item: COLLAPSEItem;
+    index: number;
+}, __VLS_9: {};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_2>]?: (props: typeof __VLS_3) => any;
+} & {
+    [K in NonNullable<typeof __VLS_6>]?: (props: typeof __VLS_7) => any;
+} & {
+    default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    customClass: string;
+    items: COLLAPSEItem[];
+    modifier: "collapse-arrow" | "collapse-plus" | "collapse-open" | "collapse-close";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/DataDisplay/du-collapse/du-collapse.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,36 @@
+import { Fragment as e, computed as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, provide as c, renderList as l, renderSlot as u, toDisplayString as d } from "vue";
+//#region components/DataDisplay/du-collapse/du-collapse.vue?vue&type=script&setup=true&lang.ts
+var f = ["checked"], p = { class: "collapse-title" }, m = { class: "collapse-content" }, h = /*@__PURE__*/ a({
+	__name: "du-collapse",
+	props: {
+		items: { default: void 0 },
+		modifier: { default: void 0 },
+		customClass: { default: "" }
+	},
+	setup(a) {
+		return c("collapseId", t(() => `collapse-${Math.random().toString(36).substring(2, 9)}`).value), (t, c) => a.items ? (s(!0), n(e, { key: 0 }, l(a.items, (e, c) => (s(), n("div", {
+			key: c,
+			class: o([
+				"collapse",
+				"bg-base-100 border border-base-300",
+				a.modifier,
+				e.customClass || a.customClass
+			])
+		}, [
+			r("input", {
+				type: "checkbox",
+				checked: e.open ?? !1
+			}, null, 8, f),
+			r("div", p, [u(t.$slots, `title-${c}`, {
+				item: e,
+				index: c
+			}, () => [i(d(e.title), 1)])]),
+			r("div", m, [u(t.$slots, `content-${c}`, {
+				item: e,
+				index: c
+			}, () => [i(d(e.content), 1)])])
+		], 2))), 128)) : u(t.$slots, "default", { key: 1 });
+	}
+});
+//#endregion
+export { h as default };

package/dist/components/DataDisplay/du-countdown/du-countdown-group.js

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

package/dist/components/DataDisplay/du-countdown/du-countdown-group.vue.d.ts

@@ -0,0 +1,23 @@
+import { type COUNTDOWNLabels } from './du-countdown.types';
+type __VLS_Props = {
+    targetDate?: Date;
+    showDays?: boolean;
+    showHours?: boolean;
+    showMinutes?: boolean;
+    showSeconds?: boolean;
+    labels?: COUNTDOWNLabels;
+    separator?: string;
+    customClass?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    customClass: string;
+    targetDate: Date;
+    separator: string;
+    showDays: boolean;
+    showHours: boolean;
+    showMinutes: boolean;
+    showSeconds: boolean;
+    labels: COUNTDOWNLabels;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/DataDisplay/du-countdown/du-countdown-group.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,83 @@
+import e from "./du-countdown.js";
+import { createCommentVNode as t, createElementBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, toDisplayString as c } from "vue";
+//#region components/DataDisplay/du-countdown/du-countdown-group.vue?vue&type=script&setup=true&lang.ts
+var l = {
+	key: 0,
+	class: "flex flex-col items-center"
+}, u = { class: "text-xs mt-1" }, d = {
+	key: 1,
+	class: "text-xl"
+}, f = {
+	key: 2,
+	class: "flex flex-col items-center"
+}, p = { class: "text-xs mt-1" }, m = {
+	key: 3,
+	class: "text-xl"
+}, h = {
+	key: 4,
+	class: "flex flex-col items-center"
+}, g = { class: "text-xs mt-1" }, _ = {
+	key: 5,
+	class: "text-xl"
+}, v = {
+	key: 6,
+	class: "flex flex-col items-center"
+}, y = { class: "text-xs mt-1" }, b = /*@__PURE__*/ a({
+	__name: "du-countdown-group",
+	props: {
+		targetDate: { default: void 0 },
+		showDays: {
+			type: Boolean,
+			default: !0
+		},
+		showHours: {
+			type: Boolean,
+			default: !0
+		},
+		showMinutes: {
+			type: Boolean,
+			default: !0
+		},
+		showSeconds: {
+			type: Boolean,
+			default: !0
+		},
+		labels: { default: () => ({
+			days: "days",
+			hours: "hours",
+			minutes: "min",
+			seconds: "sec"
+		}) },
+		separator: { default: ":" },
+		customClass: { default: "" }
+	},
+	setup(a) {
+		return (b, x) => (s(), n("div", { class: o(["flex items-center gap-2", a.customClass]) }, [
+			a.showDays ? (s(), n("div", l, [i(e, {
+				"target-date": a.targetDate,
+				format: "days",
+				separator: a.separator
+			}, null, 8, ["target-date", "separator"]), r("span", u, c(a.labels.days), 1)])) : t("", !0),
+			a.showDays && (a.showHours || a.showMinutes || a.showSeconds) ? (s(), n("span", d, c(a.separator), 1)) : t("", !0),
+			a.showHours ? (s(), n("div", f, [i(e, {
+				"target-date": a.targetDate,
+				format: "hours",
+				separator: a.separator
+			}, null, 8, ["target-date", "separator"]), r("span", p, c(a.labels.hours), 1)])) : t("", !0),
+			a.showHours && (a.showMinutes || a.showSeconds) ? (s(), n("span", m, c(a.separator), 1)) : t("", !0),
+			a.showMinutes ? (s(), n("div", h, [i(e, {
+				"target-date": a.targetDate,
+				format: "minutes",
+				separator: a.separator
+			}, null, 8, ["target-date", "separator"]), r("span", g, c(a.labels.minutes), 1)])) : t("", !0),
+			a.showMinutes && a.showSeconds ? (s(), n("span", _, c(a.separator), 1)) : t("", !0),
+			a.showSeconds ? (s(), n("div", v, [i(e, {
+				"target-date": a.targetDate,
+				format: "seconds",
+				separator: a.separator
+			}, null, 8, ["target-date", "separator"]), r("span", y, c(a.labels.seconds), 1)])) : t("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { b as default };

package/dist/components/DataDisplay/du-countdown/du-countdown.js

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

package/dist/components/DataDisplay/du-countdown/du-countdown.types.d.ts

@@ -0,0 +1,8 @@
+export declare const COUNTDOWN_FORMATS: readonly ["days", "hours", "minutes", "seconds"];
+export type COUNTDOWNFormat = (typeof COUNTDOWN_FORMATS)[number];
+export interface COUNTDOWNLabels {
+    days?: string;
+    hours?: string;
+    minutes?: string;
+    seconds?: string;
+}

package/dist/components/DataDisplay/du-countdown/du-countdown.vue.d.ts

@@ -0,0 +1,27 @@
+import { type COUNTDOWNFormat } from './du-countdown.types';
+type __VLS_Props = {
+    value?: number;
+    targetDate?: Date;
+    format?: COUNTDOWNFormat;
+    separator?: string;
+    customClass?: string;
+    autoStart?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    start: () => void;
+    stop: () => void;
+    reset: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    end: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onEnd?: (() => any) | undefined;
+}>, {
+    customClass: string;
+    value: number;
+    targetDate: Date;
+    format: COUNTDOWNFormat;
+    separator: string;
+    autoStart: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/DataDisplay/du-countdown/du-countdown.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,67 @@
+import { computed as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, normalizeStyle as a, onBeforeUnmount as o, onMounted as s, openBlock as c, ref as l, toDisplayString as u, watch as d } from "vue";
+//#region components/DataDisplay/du-countdown/du-countdown.vue?vue&type=script&setup=true&lang.ts
+var f = ["aria-label"], p = /*@__PURE__*/ r({
+	__name: "du-countdown",
+	props: {
+		value: { default: void 0 },
+		targetDate: { default: void 0 },
+		format: { default: "seconds" },
+		separator: { default: ":" },
+		customClass: { default: "" },
+		autoStart: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["end"],
+	setup(r, { expose: p, emit: m }) {
+		let h = r, g = l(h.value === void 0 ? 0 : h.value), _ = l(null), v = () => {
+			if (!h.targetDate) return 0;
+			let e = (/* @__PURE__ */ new Date()).getTime(), t = h.targetDate.getTime(), n = Math.max(0, t - e), r = {
+				days: () => Math.floor(n / (1e3 * 60 * 60 * 24)),
+				hours: () => Math.floor(n % (1e3 * 60 * 60 * 24) / (1e3 * 60 * 60)),
+				minutes: () => Math.floor(n % (1e3 * 60 * 60) / (1e3 * 60)),
+				seconds: () => Math.floor(n % (1e3 * 60) / 1e3)
+			};
+			return (r[h.format] || r.seconds)();
+		}, y = () => {
+			if (!h.targetDate) return 0;
+			let e = (/* @__PURE__ */ new Date()).getTime(), t = h.targetDate.getTime();
+			return Math.max(0, t - e);
+		}, b = () => {
+			h.targetDate && (g.value = v());
+		}, x = e(() => g.value > 99 ? 3 : 2), S = e(() => Math.min(999, Math.max(0, g.value)).toString().padStart(x.value, "0")), C = e(() => `${g.value} ${h.format}`), w = m, T = () => {
+			_.value === null && (b(), _.value = window.setInterval(() => {
+				h.targetDate ? (b(), y() === 0 && (w("end"), E())) : g.value > 0 ? (g.value--, g.value === 0 && (w("end"), E())) : E();
+			}, 1e3));
+		}, E = () => {
+			_.value !== null && (clearInterval(_.value), _.value = null);
+		}, D = () => {
+			E(), h.value === void 0 ? h.targetDate ? b() : g.value = 0 : g.value = h.value;
+		};
+		p({
+			start: T,
+			stop: E,
+			reset: D
+		}), d(() => h.value, (e) => {
+			e !== void 0 && (g.value = e);
+		}), d(() => h.targetDate, () => {
+			D(), h.autoStart && T();
+		}), s(() => {
+			h.autoStart && T();
+		}), o(() => {
+			E();
+		});
+		let O = e(() => ({
+			"--value": Math.min(999, Math.max(0, g.value)),
+			"--digits": x.value
+		}));
+		return (e, o) => (c(), t("span", {
+			class: i(["countdown", r.customClass]),
+			"aria-live": "polite",
+			"aria-label": C.value
+		}, [n("span", { style: a(O.value) }, u(S.value), 5)], 10, f));
+	}
+});
+//#endregion
+export { p as default };

package/dist/components/DataDisplay/du-diff/du-diff.js

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

package/dist/components/DataDisplay/du-diff/du-diff.types.d.ts

@@ -0,0 +1,2 @@
+export declare const DIFF_ASPECT_RATIOS: readonly ["aspect-16/9", "aspect-4/3", "aspect-1/1", "aspect-video", "aspect-square"];
+export type DIFFAspectRatio = (typeof DIFF_ASPECT_RATIOS)[number];

package/dist/components/DataDisplay/du-diff/du-diff.vue.d.ts

@@ -0,0 +1,25 @@
+import { type DIFFAspectRatio } from './du-diff.types';
+type __VLS_Props = {
+    item1?: string;
+    item2?: string;
+    aspectRatio?: DIFFAspectRatio | string | null;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    item1?: (props: typeof __VLS_1) => any;
+} & {
+    item2?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    item1: string;
+    item2: string;
+    aspectRatio: DIFFAspectRatio | string | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};