@plitzi/sdk-style 0.30.19

package/dist/components/StyleInspector/components/InspectorDots/InspectorDots.mjs

@@ -0,0 +1,32 @@
+import e from "../../hooks/useInspectorValues.mjs";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/StyleInspector/components/InspectorDots/InspectorDots.tsx
+var r = ({ styleKeys: r }) => {
+	let { hasInherit: i, hasBinding: a, hasVariables: o, hasValues: s } = e({
+		keys: r,
+		asValue: !1
+	});
+	return /* @__PURE__ */ n("div", {
+		className: "flex items-center gap-1.5",
+		children: [
+			i && /* @__PURE__ */ t("div", {
+				className: "h-1.5 w-1.5 rounded-full bg-orange-300",
+				title: "Has Inherit"
+			}),
+			s && /* @__PURE__ */ t("div", {
+				className: "h-1.5 w-1.5 rounded-full bg-blue-300",
+				title: "Has Value"
+			}),
+			a && /* @__PURE__ */ t("div", {
+				className: "h-1.5 w-1.5 rounded-full bg-purple-300",
+				title: "Has Binding"
+			}),
+			o && /* @__PURE__ */ t("div", {
+				className: "h-1.5 w-1.5 rounded-full bg-green-300",
+				title: "Has Variables"
+			})
+		]
+	});
+};
+//#endregion
+export { r as default };

package/dist/components/StyleInspector/components/InspectorDots/index.d.ts

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

package/dist/components/StyleInspector/components/InspectorDots/index.mjs

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

package/dist/components/StyleInspector/components/InspectorLabel/InspectorLabel.d.ts

@@ -0,0 +1,11 @@
+import { StyleCategory } from '@plitzi/sdk-shared';
+import { ReactNode } from 'react';
+export type InspectorLabelProps = {
+    className?: string;
+    children?: ReactNode;
+    keyValue?: StyleCategory[];
+    size?: 'small' | 'medium' | 'normal' | 'custom';
+    sectionTitle?: boolean;
+};
+declare const _default: import('react').MemoExoticComponent<({ keyValue, children, className, size, sectionTitle }: InspectorLabelProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/components/StyleInspector/components/InspectorLabel/InspectorLabel.mjs

@@ -0,0 +1,40 @@
+import e from "../../StyleInspectorContext.mjs";
+import t from "../../hooks/useInspectorValues.mjs";
+import n from "clsx";
+import { memo as r, use as i, useCallback as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+var s = r(({ keyValue: r, children: s, className: c = "", size: l = "small", sectionTitle: u = !1 }) => {
+	let { resetValue: d } = i(e), { hasValues: f, hasInherit: p, hasBinding: m, hasVariables: h } = t({
+		keys: r,
+		asValue: !1
+	}), g = a(() => {
+		!f || !r || d(r);
+	}, [
+		d,
+		f,
+		r
+	]);
+	return /* @__PURE__ */ o("div", {
+		className: n("inspector__label flex min-w-[50px] shrink-0 items-center select-none", c, {
+			"text-xs": l === "small",
+			"text-sm": l === "medium",
+			"text-base": l === "normal",
+			"mb-[-1px] p-0": u
+		}),
+		title: typeof s == "string" ? s : void 0,
+		children: /* @__PURE__ */ o("label", {
+			className: n("m-0 truncate", {
+				"px-1": !u,
+				"rounded-tl rounded-tr border border-gray-300 bg-gray-100 px-2 font-bold text-zinc-700 dark:border-zinc-600 dark:bg-zinc-700 dark:text-zinc-200": u,
+				"cursor-pointer bg-blue-200 text-blue-600 dark:bg-blue-900/50 dark:text-blue-400": f && !m && !h,
+				"cursor-pointer bg-green-200 text-green-600 dark:bg-green-900/50 dark:text-green-400": h,
+				"cursor-pointer bg-purple-200 text-purple-600 dark:bg-purple-900/50 dark:text-purple-400": m,
+				"bg-orange-200 text-orange-600 dark:bg-orange-900/50 dark:text-orange-400": p && !f && !h
+			}),
+			onClick: g,
+			children: s
+		})
+	});
+});
+//#endregion
+export { s as default };

package/dist/components/StyleInspector/components/InspectorLabel/index.d.ts

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

package/dist/components/StyleInspector/components/InspectorLabel/index.mjs

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

package/dist/components/StyleInspector/hooks/useInspectorValues.d.ts

@@ -0,0 +1,21 @@
+import { StyleInspectorContextValue } from '../StyleInspectorContext';
+import { StyleCategory, StyleValue } from '@plitzi/sdk-shared';
+export type UseInspectorValuesProps<TAsValue extends boolean> = {
+    keys?: StyleCategory[];
+    skipContext?: boolean;
+    context?: StyleInspectorContextValue;
+    skipValidations?: boolean;
+    asValue?: TAsValue;
+    defaultValues?: Partial<Record<StyleCategory, StyleValue>>;
+    strictMode?: boolean;
+    replaceTokens?: boolean;
+};
+export type UseInspectorValuesReturn<TAsValue extends boolean> = TAsValue extends true ? Record<StyleCategory, StyleValue> : {
+    values: Record<StyleCategory, StyleValue>;
+    hasInherit: boolean;
+    hasBinding: boolean;
+    hasVariables: boolean;
+    hasValues: boolean;
+};
+declare const useInspectorValues: <TAsValue extends boolean>({ keys, skipContext, context, asValue, defaultValues, strictMode, replaceTokens }: UseInspectorValuesProps<TAsValue>) => UseInspectorValuesReturn<TAsValue>;
+export default useInspectorValues;

package/dist/components/StyleInspector/hooks/useInspectorValues.mjs

@@ -0,0 +1,55 @@
+import e from "../StyleInspectorContext.mjs";
+import { get as t, pick as n } from "@plitzi/plitzi-ui/helpers";
+import { use as r, useMemo as i } from "react";
+import { baseDefaultValue as a } from "@plitzi/sdk-shared";
+import { VARIABLE_REGEX as o } from "@plitzi/sdk-shared/schema/schemaConstants";
+//#region src/components/StyleInspector/hooks/useInspectorValues.ts
+var s = ({ keys: s, skipContext: c = !1, context: l = {}, asValue: u = !1, defaultValues: d, strictMode: f = !1, replaceTokens: p = !1 }) => {
+	let { inheritData: m, bindingData: h, variables: g, getValues: _ } = {};
+	c ? {inheritData: m, bindingData: h, variables: g, getValues: _} = l : {inheritData: m, bindingData: h, variables: g, getValues: _} = r(e);
+	let v = _(), y = i(() => !!s && !u && Object.keys(m).filter((e) => s.includes(e) || s.length === 0).length > 0, [
+		s,
+		m,
+		u
+	]), b = i(() => !!s && !u && Object.keys(h).filter((e) => s.includes(e) || s.length === 0).length > 0, [
+		s,
+		h,
+		u
+	]), x = i(() => !!s && !u && Object.keys(n(v, s)).filter((e) => typeof v[e] == "string" && o.test(v[e])).length > 0, [
+		s,
+		v,
+		u
+	]), S = i(() => s ? s.length > 0 ? !u && Object.keys(n(v, s)).length > 0 : !u && Object.keys(v).length > 0 : !1, [
+		s,
+		u,
+		v
+	]), C = i(() => {
+		let e = {};
+		if (!s) return e;
+		let n = new RegExp(o, "g");
+		return s.forEach((r) => {
+			let i;
+			i = f ? t(v, r, t(d ?? {}, r)) : t(v, r, t(h, r, t(m, `${r}.0.value`, t(d ?? {}, r, a[r])))), p && typeof i == "string" && o.test(i) && [...i.matchAll(n)].forEach((e) => {
+				i = i.replace(e[0], t(g, e[1] ? e[1] : e[2], e[0]));
+			}), e[r] = i;
+		}), e;
+	}, [
+		s,
+		f,
+		p,
+		v,
+		d,
+		m,
+		h,
+		g
+	]);
+	return u ? C : {
+		values: C,
+		hasInherit: y,
+		hasBinding: b,
+		hasVariables: x,
+		hasValues: S
+	};
+};
+//#endregion
+export { s as default };

package/dist/components/StyleInspector/hooks/useStyleBinding.d.ts

@@ -0,0 +1,6 @@
+import { Element, StyleCategory, StyleValue } from '@plitzi/sdk-shared';
+export type UseStyleBindingProps = {
+    element?: Element;
+};
+declare const useStyleBinding: ({ element }: UseStyleBindingProps) => Partial<Record<StyleCategory, StyleValue>>;
+export default useStyleBinding;

package/dist/components/StyleInspector/hooks/useStyleBinding.mjs

@@ -0,0 +1,20 @@
+import { get as e, set as t } from "@plitzi/plitzi-ui/helpers";
+import { useMemo as n } from "react";
+import r from "@plitzi/sdk-shared/dataSource/hooks/useDataSource";
+//#region src/components/StyleInspector/hooks/useStyleBinding.ts
+var i = ({ element: i }) => {
+	let a = r({
+		id: "",
+		mode: "read"
+	});
+	return n(() => {
+		let n = {};
+		if (!i) return n;
+		let { definition: { bindings: r } } = i;
+		return r?.style && r.style.forEach((r) => {
+			e(a, `${r.source}.${r.fromPath}`) === void 0 || !r.enabled || t(n, r.toPath, e(a, `${r.source}.${r.fromPath}`));
+		}), n;
+	}, [a, i]);
+};
+//#endregion
+export { i as default };

package/dist/components/StyleInspector/hooks/useStyleInherit.d.ts

@@ -0,0 +1,12 @@
+import { Element, StyleState } from '@plitzi/sdk-shared';
+export type UseStyleInheritProps = {
+    element?: Element;
+    componentType?: string;
+    componentSubType?: string;
+    selector?: string;
+    styleSelector?: string;
+    styleState?: StyleState;
+    styleVariant?: string;
+};
+declare const useStyleInherit: ({ element, componentType, componentSubType, selector, styleSelector, styleState, styleVariant }: UseStyleInheritProps) => import('../../..').InheritData;
+export default useStyleInherit;

package/dist/components/StyleInspector/hooks/useStyleInherit.mjs

@@ -0,0 +1,33 @@
+import e from "../../../helpers/calculateInheriting.mjs";
+import { use as t, useMemo as n } from "react";
+import r from "@plitzi/sdk-shared/elements/ComponentContext";
+import { createStoreHook as i } from "@plitzi/sdk-store/createStore";
+//#region src/components/StyleInspector/hooks/useStyleInherit.ts
+var a = ({ element: a, componentType: o, componentSubType: s, selector: c, styleSelector: l = "base", styleState: u, styleVariant: d }) => {
+	let { useStore: f } = i(), [[p, m]] = f(["schema.flat", "style.platform"]), { componentDefinitions: h } = t(r);
+	return n(() => {
+		let t = [], n = [], r = (a?.definition.styleSelectors[l] ?? "").split(" ");
+		return c && r.length > 1 && t.push(c), e(a, o, p, m, h.current, {
+			componentSubType: s,
+			styleSelector: l,
+			styleState: u,
+			styleVariant: d,
+			includeSelf: r.length > 1,
+			skipSelectors: t,
+			addSelectors: n
+		});
+	}, [
+		a,
+		l,
+		c,
+		o,
+		p,
+		m,
+		h,
+		s,
+		u,
+		d
+	]);
+};
+//#endregion
+export { a as default };

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

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

package/dist/components/StyleInspector/index.mjs

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

package/dist/components/StyleManager/ManagerSelector.d.ts

@@ -0,0 +1,11 @@
+import { DisplayMode, Element, StyleItem } from '@plitzi/sdk-shared';
+import { Dispatch, SetStateAction } from 'react';
+export type ManagerSelectorProps = {
+    displayMode: DisplayMode;
+    flatList: Element[];
+    selected?: string;
+    onSelect?: Dispatch<SetStateAction<StyleItem | undefined>>;
+    selectors?: Record<string, StyleItem>;
+};
+declare const _default: import('react').MemoExoticComponent<({ displayMode, flatList, selectors, selected, onSelect }: ManagerSelectorProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/components/StyleManager/ManagerSelector.mjs

@@ -0,0 +1,137 @@
+import e from "./StyleSelectorTag.mjs";
+import t from "../../models/SelectorForm/index.mjs";
+import { memo as n, use as r, useCallback as i, useMemo as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import l from "@plitzi/plitzi-ui/Modal";
+import u from "@plitzi/plitzi-ui/Button";
+import d from "@plitzi/sdk-shared/elements/ComponentContext";
+import { get as f, isEmpty as p, set as m } from "@plitzi/plitzi-ui/helpers/lodash";
+import h from "@plitzi/plitzi-ui/hooks/useDisclosure";
+import g from "@plitzi/plitzi-ui/Input";
+import { produce as _ } from "immer";
+import v from "@plitzi/sdk-shared/builder/contexts/BuilderContext";
+var y = n(({ displayMode: n, flatList: y, selectors: b, selected: x, onSelect: S }) => {
+	let C = a(() => Object.values(b ?? {}), [b]), [w, T] = o(""), { builderHandler: E } = r(v), { components: D } = r(d), O = a(() => C.filter((e) => !!e.componentType).map((e) => e.componentType), [C]), k = a(() => {
+		let e = C;
+		return p(w) || (e = C.filter((e) => e.name.toLowerCase().includes(w.toLowerCase()))), e.sort((e, t) => {
+			let n = Number(e.type === "element"), r = Number(t.type === "element");
+			return n === r ? e.name.localeCompare(t.name) : r - n;
+		});
+	}, [C, w]), A = i((e) => T(e), [T]), [j, M, N, P] = h({
+		id: "add-selector",
+		onClose: i((e, t) => {
+			if (t) if (t.mode === "default") {
+				let { name: e } = t;
+				E("styleAddSelector", n, e, "class", void 0, void 0, {
+					styleSelector: void 0,
+					componentType: void 0
+				});
+			} else {
+				let { componentType: e } = t;
+				E("styleAddSelector", n, e, "element", void 0, void 0, {
+					styleSelector: void 0,
+					componentType: e
+				});
+			}
+		}, [E, n])
+	}), F = i((e) => {
+		S?.((t) => t?.name === e ? void 0 : C.find((t) => t.name === e));
+	}, [S, C]), I = i((e, t) => t ? Object.values(f(e, "definition.styleSelectors", {})).find((e) => (t.includes(":") && (t = f(t.split(":"), "0", t)), e && t && e.split(" ").includes(t))) : [], []), [L, R, z, B] = h({
+		id: "delete-selector",
+		onClose: i((e, t, r) => {
+			!t || !r || (y.filter((e) => I(e, r)).forEach((e) => {
+				E("schemaUpdateElement", _(e, (t) => {
+					Object.keys(e.definition.styleSelectors).forEach((e) => {
+						f(t, `definition.styleSelectors.${e}`, "") === r && m(t, `definition.styleSelectors.${e}`, "");
+					});
+				}));
+			}), E("styleRemoveSelector", n, r), S?.(void 0));
+		}, [
+			E,
+			n,
+			I,
+			y,
+			S
+		])
+	}), V = i((e) => z(void 0, e), [z]), H = a(() => k.reduce((e, t) => ({
+		...e,
+		[t.name]: y.filter((e) => I(e, t.name)).length
+	}), {}), [
+		k,
+		y,
+		I
+	]), U = i(() => void B(void 0, !1), [B]), W = i(() => void B(void 0, !0), [B]);
+	return /* @__PURE__ */ c("div", {
+		className: "flex max-w-[350px] grow basis-0 flex-col gap-2 overflow-auto border-r border-gray-300 pt-2 pr-2 dark:border-zinc-700",
+		children: [
+			/* @__PURE__ */ c(u, {
+				intent: "primary",
+				size: "sm",
+				className: "w-full",
+				iconPlacement: "before",
+				onClick: N,
+				children: [/* @__PURE__ */ s(u.Icon, {
+					icon: "fas fa-tint",
+					size: "md",
+					className: "text-base"
+				}), "New Selector"]
+			}),
+			/* @__PURE__ */ s(g, {
+				placeholder: "Search Selector",
+				value: w,
+				onChange: A,
+				size: "xs"
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "flex grow basis-0 flex-col overflow-y-auto",
+				children: k.map((t) => {
+					let { name: n, type: r } = t;
+					return /* @__PURE__ */ s(e, {
+						id: n,
+						active: n === x,
+						label: n,
+						type: r,
+						elementsCount: H[n],
+						onSelect: F,
+						onDelete: V
+					}, n);
+				})
+			}),
+			/* @__PURE__ */ c(l, {
+				id: j,
+				open: M,
+				onClose: P,
+				size: "sm",
+				children: [/* @__PURE__ */ s(l.Header, { children: /* @__PURE__ */ s("h4", { children: "Add Selector" }) }), /* @__PURE__ */ s(l.Body, { children: /* @__PURE__ */ s(t, {
+					componentsNotAvailables: O,
+					components: D.current,
+					onSubmit: P,
+					onClose: P
+				}) })]
+			}),
+			/* @__PURE__ */ c(l, {
+				id: L,
+				open: R,
+				onClose: B,
+				children: [
+					/* @__PURE__ */ s(l.Header, { children: /* @__PURE__ */ s("h4", { children: "Remove Selector" }) }),
+					/* @__PURE__ */ s(l.Body, { children: /* @__PURE__ */ s("h4", { children: "Do you want to remove this item ?" }) }),
+					/* @__PURE__ */ c(l.Footer, {
+						justify: "end",
+						children: [/* @__PURE__ */ s(u, {
+							onClick: U,
+							size: "sm",
+							children: "Cancel"
+						}), /* @__PURE__ */ s(u, {
+							onClick: W,
+							size: "sm",
+							children: "Submit"
+						})]
+					})
+				]
+			})
+		]
+	});
+});
+//#endregion
+export { y as default };

package/dist/components/StyleManager/StyleManager.d.ts

@@ -0,0 +1,2 @@
+declare const StyleManager: () => import("react/jsx-runtime").JSX.Element;
+export default StyleManager;

package/dist/components/StyleManager/StyleManager.mjs

@@ -0,0 +1,47 @@
+import e from "./ManagerSelector.mjs";
+import t from "../StyleInspector/index.mjs";
+import { get as n } from "@plitzi/plitzi-ui/helpers";
+import { use as r, useMemo as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import c from "@plitzi/sdk-shared/elements/ComponentContext";
+import { createStoreHook as l } from "@plitzi/sdk-store/createStore";
+//#region src/components/StyleManager/StyleManager.tsx
+var u = () => {
+	let { componentDefinitions: u } = r(c), [d, f] = a(void 0), { useStore: p } = l(), [[m, h]] = p(["schema.flat", "displayMode"]), [g] = p(`style.platform.${h}`), _ = i(() => Object.values(m), [m]), v = i(() => d?.type === "element" ? Object.keys(n(u.current, `${d.componentType}.definition.styleSelectors`, {})) : ["base"], [u, d]), y = i(() => d?.type === "element" ? Object.keys(n(u.current, `${d.componentType}.defaultStyle.subTypes`, {})) : [], [u, d]), b = i(() => {
+		if (d) return d.type === "element" && v.length > 1 ? v.reduce((e, t) => ({
+			...e,
+			[t]: d.componentType
+		}), {}) : { base: d.name };
+	}, [d, v]);
+	return /* @__PURE__ */ o("div", {
+		className: "flex h-full grow flex-col overflow-auto",
+		children: /* @__PURE__ */ s("div", {
+			className: "flex grow overflow-auto",
+			children: [/* @__PURE__ */ o(e, {
+				displayMode: h,
+				selectors: g,
+				flatList: _,
+				selected: d?.name,
+				onSelect: f
+			}), /* @__PURE__ */ s("div", {
+				className: "flex grow basis-0 flex-col overflow-auto",
+				children: [d && /* @__PURE__ */ o(t, {
+					mode: "manager",
+					displayMode: h,
+					selectors: g,
+					styleSelectors: b,
+					styleSelectorsAvailables: v,
+					componentSubTypesAvailables: y,
+					allowStyleSelector: d.type === "element",
+					componentType: d.componentType,
+					value: d.name
+				}), !d && /* @__PURE__ */ o("div", {
+					className: "m-3 rounded-sm border-2 border-dashed border-gray-300 p-3 text-center text-zinc-500 select-none dark:border-zinc-600 dark:text-zinc-400",
+					children: "No selector or element selected. Click on one to select it."
+				})]
+			})]
+		})
+	});
+};
+//#endregion
+export { u as default };

package/dist/components/StyleManager/StyleSelectorTag.d.ts

@@ -0,0 +1,12 @@
+import { TagType } from '@plitzi/sdk-shared';
+export type StyleSelectorTagProps = {
+    id: string;
+    label?: string;
+    active?: boolean;
+    elementsCount?: number;
+    type?: TagType;
+    onSelect?: (id: string) => void;
+    onDelete?: (id: string) => void;
+};
+declare const _default: import('react').MemoExoticComponent<({ id, label, active, elementsCount, type, onSelect, onDelete }: StyleSelectorTagProps) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/dist/components/StyleManager/StyleSelectorTag.mjs

@@ -0,0 +1,43 @@
+import e from "../Selector/SelectorItem/index.mjs";
+import t from "clsx";
+import { memo as n, useCallback as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import o from "@plitzi/plitzi-ui/Button";
+var s = n(({ id: n, label: s = "Selector", active: c = !1, elementsCount: l = 0, type: u = "class", onSelect: d, onDelete: f }) => {
+	let p = r(() => d?.(n), [n, d]), m = r((e) => {
+		e.stopPropagation(), n && f?.(n);
+	}, [n, f]);
+	return /* @__PURE__ */ a("div", {
+		className: t("group flex cursor-pointer items-center justify-between gap-2 border-t border-gray-300 p-1 dark:border-zinc-700", {
+			"hover:bg-gray-100 dark:hover:bg-zinc-700/60": !c,
+			"bg-gray-200 dark:bg-zinc-700": c
+		}),
+		onClick: p,
+		children: [/* @__PURE__ */ i(e, {
+			editable: !1,
+			selector: s,
+			type: u,
+			active: !0,
+			readOnly: !0
+		}), /* @__PURE__ */ a("div", {
+			className: "flex",
+			children: [/* @__PURE__ */ i("div", {
+				className: t("mr-1", {
+					flex: c,
+					"hidden group-hover:flex": !c
+				}),
+				children: /* @__PURE__ */ i(o, {
+					intent: "danger",
+					size: "xs",
+					onClick: m,
+					children: /* @__PURE__ */ i(o.Icon, { icon: "fas fa-trash" })
+				})
+			}), l > 0 && /* @__PURE__ */ i("div", {
+				className: "bg-secondary-400 flex items-center justify-center rounded-sm px-1.5 py-1 text-xs text-white",
+				children: l
+			})]
+		})]
+	});
+});
+//#endregion
+export { s as default };

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

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

package/dist/components/StyleManager/index.mjs

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

package/dist/components/index.d.ts

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

package/dist/components/index.mjs

@@ -0,0 +1,6 @@
+import { __exportAll as e } from "../_virtual/_rolldown/runtime.mjs";
+import t from "./StyleInspector/index.mjs";
+//#region src/components/index.ts
+var n = /* @__PURE__ */ e({ StyleInspector: () => t });
+//#endregion
+export { t as StyleInspector, n as components_exports };