@plitzi/plitzi-ui 1.6.2

package/dist/components/Popup/PopupSidebar.js

@@ -0,0 +1,53 @@
+import e from "../../hooks/useTheme/index.js";
+import t from "./hooks/usePopup.js";
+import n from "../Sidebar/SidebarIcon.js";
+import r from "../Sidebar/index.js";
+import { cloneElement as i, isValidElement as a, memo as o, useCallback as s, useMemo as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+//#region src/components/Popup/PopupSidebar.tsx
+var u = ({ className: o = "", value: u, canEmpty: d = !0, canHide: f = !1, placement: p = "right", exclude: m, separatorsBefore: h, border: g, padding: _, size: v = "lg", onChange: y }) => {
+	o = e("Popup", {
+		className: o,
+		componentKey: "sidebar",
+		variants: {
+			placement: p,
+			size: v
+		}
+	});
+	let { popups: b, multi: x } = t(p), S = c(() => b.filter((e) => !m?.length || !m.includes(e.id)).map((e, t) => {
+		let o = e.settings.icon, s;
+		return s = a(o) && o.type === n ? i(o, {
+			...o.props,
+			key: e.id,
+			id: e.id
+		}) : typeof o == "string" ? /* @__PURE__ */ l(r.Icon, {
+			id: e.id,
+			icon: o,
+			title: e.settings.title
+		}, e.id) : /* @__PURE__ */ l(r.Icon, {
+			id: e.id,
+			title: e.settings.title,
+			children: o
+		}, e.id), h?.includes(e.id) && t !== 0 ? [/* @__PURE__ */ l(r.Separator, {}, `${e.id}-separator`), s] : s;
+	}).flat(), [
+		m,
+		b,
+		h
+	]), C = s((e) => y?.(e), [y]);
+	if (!(f && !b.length)) return /* @__PURE__ */ l(r, {
+		value: u,
+		size: v,
+		onChange: C,
+		canEmpty: d,
+		multi: x,
+		className: o,
+		placement: p,
+		border: g,
+		padding: _,
+		children: S
+	});
+};
+u.Icon = n;
+var d = o(u);
+//#endregion
+export { d as default };

package/dist/components/Popup/components/PopupSidePanel/PopupSidePanel.d.ts

@@ -0,0 +1,14 @@
+import { default as PopupStyles, variantKeys } from '../../Popup.styles';
+import { useThemeSharedProps } from '../../../../hooks/useTheme';
+export type PopupSidePanelProps = {
+    placement?: 'left' | 'right';
+    placementTabs?: 'left' | 'right';
+    canHide?: boolean;
+    showSidebar?: boolean;
+    minWidth?: number;
+    maxWidth?: number;
+    separatorsBefore?: string[];
+    onChange?: (value: string[]) => void;
+} & useThemeSharedProps<typeof PopupStyles, typeof variantKeys>;
+declare const _default: import('react').MemoExoticComponent<({ className, placement, placementTabs, canHide, showSidebar, minWidth, maxWidth, separatorsBefore, size, onChange }: PopupSidePanelProps) => import("react/jsx-runtime").JSX.Element | undefined>;
+export default _default;

package/dist/components/Popup/components/PopupSidePanel/PopupSidePanel.js

@@ -0,0 +1,103 @@
+import e from "../../../../hooks/useTheme/index.js";
+import t from "../../../Accordion/index.js";
+import n from "../../../ContainerRoot/ContainerRootContext.js";
+import r from "../../../ContainerResizable/index.js";
+import i from "./PopupSidePanelItem.js";
+import a from "../../hooks/usePopup.js";
+import o from "../../PopupSidebar.js";
+import { memo as s, use as c, useCallback as l, useMemo as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+var p = s(({ className: s = "", placement: p = "right", placementTabs: m = "right", canHide: h = !1, showSidebar: g = !0, minWidth: _ = 280, maxWidth: v = 500, separatorsBefore: y, size: b, onChange: x }) => {
+	let S = e("Popup", {
+		className: s,
+		componentKey: [
+			"sidePanelRoot",
+			"sidePanel",
+			"sidePanelContainer"
+		],
+		variants: {
+			placement: m,
+			size: b
+		}
+	}), { rootRef: C } = c(n), { popupManager: w, popups: T, popupActiveIds: E, multi: D, multiExpanded: O } = a(p), k = u(() => m === "left" ? ["e"] : ["w"], [m]), A = l((e) => {
+		x?.(e), w.setActiveMany(e, p);
+	}, [
+		x,
+		p,
+		w
+	]), j = l((e) => {
+		w.move(e, void 0, "floating");
+		let t = E.filter((t) => t !== e);
+		x?.(t);
+	}, [
+		x,
+		E,
+		w
+	]), M = l((e) => {
+		w.setActive(e, !1, p);
+		let t = E.filter((t) => t !== e);
+		x?.(t);
+	}, [
+		E,
+		w,
+		p,
+		x
+	]), N = u(() => {
+		let e = T.filter((e) => E.includes(e.id) && !!e.component);
+		return D ? e : e.slice(0, 1);
+	}, [
+		D,
+		E,
+		T
+	]);
+	if (!(!T.length || E.length === 0 && !g)) return N.length === 0 && h ? /* @__PURE__ */ d(o, {
+		placement: m,
+		value: E,
+		canEmpty: h,
+		size: b,
+		separatorsBefore: y,
+		onChange: A
+	}) : /* @__PURE__ */ d(r, {
+		className: S.sidePanelRoot,
+		parentRef: C,
+		autoGrow: !1,
+		minConstraintsX: _,
+		minConstraintsY: Infinity,
+		maxConstraintsX: v,
+		width: _,
+		resizeHandles: k,
+		children: /* @__PURE__ */ f("div", {
+			className: S.sidePanel,
+			children: [g && /* @__PURE__ */ d(o, {
+				placement: m,
+				value: E,
+				canEmpty: h,
+				size: b,
+				separatorsBefore: y,
+				onChange: A
+			}), /* @__PURE__ */ d(t, {
+				className: S.sidePanelContainer,
+				size: b,
+				grow: !0,
+				multi: D,
+				alwaysOpen: !0,
+				defaultValue: E.length > 1 ? O ? E : E.slice(0, 1) : E,
+				children: N.map((e, t) => /* @__PURE__ */ d(i, {
+					className: t > 0 ? "border-t border-solid border-gray-300 dark:border-zinc-700" : "",
+					id: e.id,
+					title: e.settings.title,
+					minSize: e.placementSettings?.[p]?.minSize,
+					maxSize: e.placementSettings?.[p]?.maxSize,
+					placement: p,
+					size: b,
+					allowFloatingSide: e.settings.allowFloatingSide,
+					onClickFloating: j,
+					onClickCollapse: M,
+					children: e.component
+				}, e.id))
+			})]
+		})
+	});
+});
+//#endregion
+export { p as default };

package/dist/components/Popup/components/PopupSidePanel/PopupSidePanelItem.d.ts

@@ -0,0 +1,15 @@
+import { default as PopupStyles, variantKeys } from '../../Popup.styles';
+import { useThemeSharedProps } from '../../../../hooks/useTheme';
+import { ReactNode } from 'react';
+export type PopupSidePanelItemProps = {
+    children?: ReactNode;
+    id: string;
+    title?: ReactNode;
+    allowFloatingSide?: boolean;
+    minSize?: number;
+    maxSize?: number;
+    onClickFloating?: (id: string) => void;
+    onClickCollapse?: (id: string) => void;
+} & useThemeSharedProps<typeof PopupStyles, typeof variantKeys>;
+declare const PopupSidePanelItem: ({ children, id, className, title, allowFloatingSide, minSize, maxSize, placement, size, onClickCollapse, onClickFloating }: PopupSidePanelItemProps) => import("react/jsx-runtime").JSX.Element;
+export default PopupSidePanelItem;

package/dist/components/Popup/components/PopupSidePanel/PopupSidePanelItem.js

@@ -0,0 +1,60 @@
+import e from "../../../../hooks/useTheme/index.js";
+import t from "../../../Accordion/hooks/useAccordion.js";
+import n from "../../../Accordion/index.js";
+import r from "../../../Button/index.js";
+import { useCallback as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/Popup/components/PopupSidePanel/PopupSidePanelItem.tsx
+var s = ({ children: s, id: c, className: l, title: u = "", allowFloatingSide: d = !0, minSize: f, maxSize: p, placement: m, size: h, onClickCollapse: g, onClickFloating: _ }) => {
+	let { accordionManager: v } = t(), y = e("Popup", {
+		className: l,
+		componentKey: [
+			"sidePanelItem",
+			"sidePanelItemHeader",
+			"btn"
+		],
+		variants: {
+			size: h,
+			expanded: v.isOpen(c)
+		}
+	}), b = i((e) => {
+		e.stopPropagation(), e.preventDefault(), g?.(c);
+	}, [c, g]), x = i((e) => {
+		e.stopPropagation(), e.preventDefault(), _?.(c);
+	}, [c, _]);
+	return /* @__PURE__ */ o(n.Item, {
+		id: c,
+		grow: !0,
+		className: y.sidePanelItem,
+		minSize: f,
+		maxSize: p,
+		children: [/* @__PURE__ */ o(n.Item.Header, {
+			className: y.sidePanelItemHeader,
+			title: u,
+			iconExpanded: null,
+			iconCollapsed: null,
+			children: [d && /* @__PURE__ */ a(r, {
+				intent: "custom",
+				size: "custom",
+				border: "none",
+				className: y.btn,
+				title: "Floating Popup",
+				onClick: x,
+				children: /* @__PURE__ */ a(r.Icon, { icon: "fas fa-window-restore" })
+			}), /* @__PURE__ */ a(r, {
+				intent: "custom",
+				size: "custom",
+				border: "none",
+				className: y.btn,
+				title: "Hide",
+				onClick: b,
+				children: /* @__PURE__ */ a(r.Icon, { icon: m === "left" ? "fa-solid fa-angles-left" : "fa-solid fa-angles-right" })
+			})]
+		}), /* @__PURE__ */ a(n.Item.Content, {
+			size: h,
+			children: s
+		})]
+	}, c);
+};
+//#endregion
+export { s as default };

package/dist/components/Popup/components/PopupSidePanel/index.d.ts

@@ -0,0 +1,3 @@
+import { default as PopupSidePanel } from './PopupSidePanel';
+export * from './PopupSidePanel';
+export default PopupSidePanel;

package/dist/components/Popup/components/PopupSidePanel/index.js

@@ -0,0 +1,5 @@
+import e from "./PopupSidePanel.js";
+//#region src/components/Popup/components/PopupSidePanel/index.ts
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/Popup/components/index.d.ts

@@ -0,0 +1,3 @@
+import { default as PopupSidePanel } from './PopupSidePanel';
+export * from './PopupSidePanel';
+export { PopupSidePanel };

package/dist/components/Popup/components/index.js

@@ -0,0 +1,2 @@
+import e from "./PopupSidePanel/index.js";
+export { e as PopupSidePanel };

package/dist/components/Popup/helpers/PopupManager.d.ts

@@ -0,0 +1,63 @@
+import { PopupPlacement } from '../Popup';
+import { PopupInstance } from '../PopupProvider';
+export type PopupStore<P extends PopupPlacement> = {
+    [K in P]: PopupInstance[];
+};
+export type PopupUpdateState<P extends PopupPlacement = PopupPlacement> = {
+    item: PopupInstance;
+    action: 'active';
+    value: boolean;
+} | {
+    item: PopupInstance[];
+    action: 'activeMany';
+    value: Record<string, boolean>;
+} | {
+    item: PopupInstance;
+    action: 'added';
+} | {
+    item: PopupInstance;
+    action: 'updated';
+} | {
+    item: PopupInstance;
+    action: 'movedFrom';
+    value: P;
+} | {
+    item: PopupInstance;
+    action: 'movedTo';
+    value: P;
+} | {
+    item: PopupInstance | PopupInstance[];
+    action: 'removed';
+};
+export type PopupUpdateListener<P extends PopupPlacement> = (placement: P, timestamp: number, state: PopupUpdateState<P>) => void;
+export declare class PopupManager<P extends PopupPlacement> {
+    private store;
+    lastUpdate: Record<P, number>;
+    private listeners;
+    private multi;
+    private popupsAddedManually;
+    constructor(placements: readonly P[], popups?: Partial<PopupStore<P>>, options?: {
+        multi?: boolean;
+    });
+    resync(popups: PopupStore<P>): void;
+    onUpdate(listener: PopupUpdateListener<P>): () => void;
+    private sortByPosition;
+    private assertPlacement;
+    private touch;
+    getAll(): PopupStore<P>;
+    get(placement: P): PopupInstance[];
+    get(placement: P | undefined, popupId: string): PopupInstance | undefined;
+    getPlacement(popupId: string): P | undefined;
+    getCount(placement: P): number;
+    getPlacementByPopup(): Record<string, P>;
+    exists(id: string, placement?: P): boolean;
+    add(placement: P, popup: PopupInstance): boolean;
+    remove(id: string): boolean;
+    move(id: string, from: P | undefined, to: P): boolean;
+    focusFloating(id: string): void;
+    update(id: string, updater: (popup: PopupInstance) => PopupInstance): boolean;
+    setActive(id: string, active: boolean, placement?: P, isMoving?: boolean): boolean;
+    setActiveMany(ids: string[], placement: P): boolean;
+    clear(placement?: P): void;
+}
+export default PopupManager;

package/dist/components/Popup/helpers/PopupManager.js

@@ -0,0 +1,243 @@
+//#region src/components/Popup/helpers/PopupManager.ts
+var e = class {
+	store;
+	lastUpdate;
+	listeners = /* @__PURE__ */ new Set();
+	multi;
+	popupsAddedManually = [];
+	constructor(e, t, n) {
+		this.store = {}, this.lastUpdate = {}, this.multi = n?.multi ?? !0;
+		for (let n of e) {
+			let e = this.sortByPosition(t?.[n] ?? [], n);
+			if (this.multi) this.store[n] = e;
+			else {
+				let t = e.find((e) => e.active);
+				this.store[n] = e.map((e) => ({
+					...e,
+					active: t?.id === e.id
+				}));
+			}
+			this.lastUpdate[n] = Date.now();
+		}
+	}
+	resync(e) {
+		for (let t in e) {
+			let n = this.store[t].filter((e) => this.popupsAddedManually.includes(e.id)), r = this.sortByPosition([...e[t], ...n], t);
+			if (this.multi) this.store[t] = r;
+			else {
+				let e = r.find((e) => e.active);
+				this.store[t] = r.map((t) => ({
+					...t,
+					active: e?.id === t.id
+				}));
+			}
+			this.lastUpdate[t] = Date.now();
+		}
+	}
+	onUpdate(e) {
+		return this.listeners.add(e), () => {
+			this.listeners.delete(e);
+		};
+	}
+	sortByPosition(e, t) {
+		let n = t === "floating";
+		return e.map((e, t) => ({
+			popup: e,
+			index: t
+		})).sort((e, r) => {
+			let i = e.popup.placementSettings?.[t]?.position, a = r.popup.placementSettings?.[t]?.position;
+			return typeof i == "number" && typeof a == "number" ? n ? a - i : i - a : typeof i == "number" ? n ? 1 : -1 : typeof a == "number" ? n ? -1 : 1 : e.index - r.index;
+		}).map(({ popup: e }) => e);
+	}
+	assertPlacement(e) {
+		if (!this.store[e]) throw Error(`Invalid placement: ${e}`);
+	}
+	touch(e, t) {
+		let n = Date.now();
+		this.lastUpdate[e] = n;
+		for (let r of this.listeners) r(e, n, t);
+	}
+	getAll() {
+		let e = {};
+		for (let t in this.store) e[t] = [...this.store[t]];
+		return e;
+	}
+	get(e, t) {
+		if (!e) {
+			for (let e in this.store) {
+				let n = this.store[e].find((e) => e.id === t);
+				if (n) return n;
+			}
+			return;
+		}
+		return this.assertPlacement(e), t === void 0 ? [...this.store[e]] : this.store[e].find((e) => e.id === t);
+	}
+	getPlacement(e) {
+		for (let t in this.store) if (this.store[t].some((t) => t.id === e)) return t;
+	}
+	getCount(e) {
+		return this.assertPlacement(e), this.store[e].length;
+	}
+	getPlacementByPopup() {
+		let e = {};
+		for (let t in this.store) for (let n of this.store[t]) e[n.id] = t;
+		return e;
+	}
+	exists(e, t) {
+		if (t !== void 0) return this.assertPlacement(t), this.store[t].some((t) => t.id === e);
+		for (let t in this.store) if (this.store[t].some((t) => t.id === e)) return !0;
+		return !1;
+	}
+	add(e, t) {
+		if (this.assertPlacement(e), this.store[e].some((e) => e.id === t.id)) return !1;
+		let n = [...this.store[e], t];
+		if (!this.multi && t.active) {
+			let e = !1;
+			n = n.map((t) => t.active && !e ? (e = !0, t) : t.active && e ? {
+				...t,
+				active: !1
+			} : t);
+		}
+		return this.store[e] = this.sortByPosition(n, e), this.popupsAddedManually = [...this.popupsAddedManually, t.id], this.touch(e, {
+			item: t,
+			action: "added"
+		}), !0;
+	}
+	remove(e) {
+		let t = !1;
+		for (let n in this.store) {
+			let r = this.store[n].find((e) => e.id);
+			r && (t = !0, this.store[n] = this.store[n].filter((t) => t.id !== e), this.touch(n, {
+				item: r,
+				action: "removed"
+			}));
+		}
+		return t && (this.popupsAddedManually = this.popupsAddedManually.filter((t) => t !== e)), t;
+	}
+	move(e, t, n) {
+		if (!t) for (let n in this.store) this.store[n].findIndex((t) => t.id === e) !== -1 && (t = n);
+		if (!t || (this.assertPlacement(t), this.assertPlacement(n), t === n)) return !1;
+		let r = this.store[t].find((t) => t.id === e);
+		return r ? (this.store[t] = this.store[t].filter((t) => t.id !== e), r.active && !this.multi && this.store[t].length > 0 && (this.store[t][0].active = !0), this.store[n] = this.sortByPosition([...this.store[n], r], n), this.setActive(e, !0, n, !0), this.touch(t, {
+			item: r,
+			action: "movedFrom",
+			value: t
+		}), this.touch(n, {
+			item: r,
+			action: "movedTo",
+			value: n
+		}), !0) : !1;
+	}
+	focusFloating(e) {
+		let t = "floating";
+		this.assertPlacement(t);
+		let n = this.store[t], r = n.findIndex((t) => t.id === e);
+		if (r === -1) return;
+		let i = n[r];
+		r !== n.length - 1 && (this.store[t] = [
+			...n.slice(0, r),
+			...n.slice(r + 1),
+			i
+		], this.touch(t, {
+			item: i,
+			action: "active",
+			value: !0
+		}));
+	}
+	update(e, t) {
+		for (let n in this.store) {
+			let r = this.store[n], i = r.findIndex((t) => t.id === e);
+			if (i !== -1) {
+				let e = t(r[i]);
+				return this.store[n] = this.sortByPosition([
+					...r.slice(0, i),
+					e,
+					...r.slice(i + 1)
+				], n), this.touch(n, {
+					item: e,
+					action: "updated"
+				}), !0;
+			}
+		}
+		return !1;
+	}
+	setActive(e, t, n, r = !1) {
+		for (let i in this.store) {
+			if (n && n !== i) continue;
+			let a = this.store[i], o = a.findIndex((t) => t.id === e);
+			if (o === -1) continue;
+			let s = a[o];
+			return s.active === t && !r ? !1 : (this.multi && (s.placementSettings?.[i]?.multi === void 0 || s.placementSettings[i].multi) ? (a = [
+				...a.slice(0, o),
+				{
+					...s,
+					active: t
+				},
+				...a.slice(o + 1)
+			], a = a.map((e) => e.placementSettings?.[i]?.multi === !1 ? {
+				...e,
+				active: !1
+			} : e)) : a = a.map((n) => n.id === e ? {
+				...n,
+				active: t
+			} : {
+				...n,
+				active: !1
+			}), this.store[i] = a, this.touch(i, {
+				item: s,
+				action: "active",
+				value: t
+			}), !0);
+		}
+		return !1;
+	}
+	setActiveMany(e, t) {
+		this.assertPlacement(t);
+		let n = e[e.length - 1];
+		if (!this.multi) return n ? this.setActive(n, !0, t) : !1;
+		let r = this.store[t], i = !1, a = r.find((e) => e.id === n);
+		if (a && a.placementSettings?.[t]?.multi === !1) e = [a.id];
+		else {
+			let n = r.filter((e) => e.placementSettings?.[t]?.multi === !1).map((e) => e.id);
+			e = e.filter((e) => !n.includes(e));
+		}
+		let o = new Set(e);
+		return r = r.map((e) => {
+			let t = o.has(e.id);
+			return e.active === t ? e : (i = !0, {
+				...e,
+				active: t
+			});
+		}), i ? (this.store[t] = r, this.touch(t, {
+			item: r,
+			action: "activeMany",
+			value: r.reduce((e, t) => ({
+				...e,
+				[t.id]: t.active
+			}), {})
+		}), !0) : !1;
+	}
+	clear(e) {
+		if (e) {
+			this.assertPlacement(e);
+			let t = this.store[e].map((e) => e.id);
+			this.popupsAddedManually = this.popupsAddedManually.filter((e) => !t.includes(e));
+			let n = this.store[e];
+			this.store[e] = [], this.touch(e, {
+				item: n,
+				action: "removed"
+			});
+			return;
+		}
+		this.popupsAddedManually = [];
+		for (let e in this.store) {
+			let t = this.store[e];
+			this.store[e] = [], this.touch(e, {
+				item: t,
+				action: "removed"
+			});
+		}
+	}
+};
+//#endregion
+export { e as default };

package/dist/components/Popup/helpers/PopupManager.test.d.ts

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

package/dist/components/Popup/hooks/usePopup.d.ts

@@ -0,0 +1,4 @@
+import { PopupPlacement } from '../Popup';
+import { PopupContextValue } from '../PopupContext';
+declare const usePopup: (placement?: PopupPlacement) => PopupContextValue;
+export default usePopup;

package/dist/components/Popup/hooks/usePopup.js

@@ -0,0 +1,10 @@
+import { PopupContextFloating as e, PopupContextLeft as t, PopupContextRight as n } from "../PopupContext.js";
+import { use as r } from "react";
+//#region src/components/Popup/hooks/usePopup.tsx
+var i = (i) => {
+	let a;
+	if (a = r(i === "left" ? t : i === "right" ? n : e), !a) throw Error("PopupContext value is undefined. Make sure you use the PopupProvider before using the hook.");
+	return a;
+};
+//#endregion
+export { i as default };

package/dist/components/Popup/index.d.ts

@@ -0,0 +1,14 @@
+import { default as PopupSidePanel } from './components/PopupSidePanel';
+import { default as PopupManager } from './helpers/PopupManager';
+import { default as usePopup } from './hooks/usePopup';
+import { default as Popup } from './Popup';
+import { default as popupTheme } from './Popup.styles';
+import { default as PopupProvider } from './PopupProvider';
+export * from './components/PopupSidePanel';
+export * from './hooks/usePopup';
+export * from './Popup';
+export * from './PopupProvider';
+export * from './PopupContext';
+export * from './helpers/PopupManager';
+export { PopupProvider, usePopup, PopupSidePanel, PopupManager, popupTheme };
+export default Popup;

package/dist/components/Popup/index.js

@@ -0,0 +1,11 @@
+import { PopupContextFloating as e, PopupContextLeft as t, PopupContextRight as n } from "./PopupContext.js";
+import r from "./hooks/usePopup.js";
+import i from "./components/PopupSidePanel/index.js";
+import a from "./helpers/PopupManager.js";
+import o from "./Popup.js";
+import s from "./Popup.styles.js";
+import c from "./PopupProvider.js";
+//#region src/components/Popup/index.ts
+var l = o;
+//#endregion
+export { e as PopupContextFloating, t as PopupContextLeft, n as PopupContextRight, a as PopupManager, c as PopupProvider, i as PopupSidePanel, l as default, s as popupTheme, r as usePopup };

package/dist/components/Provider/Provider.d.ts

@@ -0,0 +1,7 @@
+import { ThemeProviderProps } from './providers/ThemeProvider';
+import { ReactNode } from 'react';
+export type ProviderProps = ThemeProviderProps & {
+    children: ReactNode;
+};
+declare const Provider: ({ children, components, defaultColorMode, colorModeStorageKey, applyColorModeClass, colorModeRoot }: ProviderProps) => import("react/jsx-runtime").JSX.Element;
+export default Provider;

package/dist/components/Provider/Provider.js

@@ -0,0 +1,13 @@
+import e from "./providers/ThemeProvider/index.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/Provider/Provider.tsx
+var n = ({ children: n, components: r, defaultColorMode: i, colorModeStorageKey: a, applyColorModeClass: o, colorModeRoot: s }) => /* @__PURE__ */ t(e, {
+	components: r,
+	defaultColorMode: i,
+	colorModeStorageKey: a,
+	applyColorModeClass: o,
+	colorModeRoot: s,
+	children: n
+});
+//#endregion
+export { n as default };

package/dist/components/Provider/index.d.ts

@@ -0,0 +1,6 @@
+import { default as Provider } from './Provider';
+import * as providers from './providers';
+export * from './Provider';
+export * from './providers';
+export { providers };
+export default Provider;

package/dist/components/Provider/index.js

@@ -0,0 +1,8 @@
+import { ThemeContext as e } from "./providers/ThemeProvider/ThemeProvider.js";
+import t from "./providers/ThemeProvider/index.js";
+import n from "./Provider.js";
+import { providers_exports as r } from "./providers/index.js";
+//#region src/components/Provider/index.ts
+var i = n;
+//#endregion
+export { e as ThemeContext, t as ThemeProvider, i as default, r as providers };