@plitzi/sdk-style 0.30.19

package/dist/BuilderStyleContextProvider.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { StyleReducerActions } from './StyleReducer';
+import { ReducerMiddlewareCallback } from '@plitzi/plitzi-ui/hooks/useReducerWithMiddleware';
+import { Style } from '@plitzi/sdk-shared';
+export type BuilderStyleContextProviderProps = {
+    children: React.ReactNode;
+    style?: Style;
+    includeSubscriptions?: boolean;
+    middlewares?: ReducerMiddlewareCallback<Style, [action: StyleReducerActions]>[];
+};
+declare const BuilderStyleContextProvider: ({ children, style: styleProp, includeSubscriptions, middlewares: middlewaresProp }: BuilderStyleContextProviderProps) => import("react/jsx-runtime").JSX.Element;
+export default BuilderStyleContextProvider;

package/dist/BuilderStyleContextProvider.mjs

@@ -0,0 +1,209 @@
+import { makeSelector as e } from "./StyleHelper.mjs";
+import t from "./StyleContext.mjs";
+import n, { StyleActions as r } from "./StyleReducer.mjs";
+import { get as i } from "@plitzi/plitzi-ui/helpers";
+import { use as a, useCallback as o, useEffect as s, useMemo as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+import { createStoreHook as u } from "@plitzi/sdk-store/createStore";
+import d from "@plitzi/plitzi-ui/hooks/useReducerWithMiddleware";
+import f from "@plitzi/sdk-event-bridge/hooks/useEventBridge";
+import p from "@plitzi/sdk-shared/network/NetworkContext";
+import { EMPTY_STYLE_SCHEMA as m } from "@plitzi/sdk-shared/style/styleConstants";
+//#region src/BuilderStyleContextProvider.tsx
+var h = ({ children: h, style: g, includeSubscriptions: _ = !0, middlewares: v = [] }) => {
+	let { subscriptionManager: y } = a(p), b = c(() => v.map((e) => ({
+		middleware: e,
+		filterCallback: (e) => !e.fromSubscriptions
+	})), [v]), [x, S] = d(n, g ?? m, b), { useStoreSync: C } = u();
+	C("style", x);
+	let w = o((e, t = !1) => S({
+		type: r.STYLE_UPDATE,
+		style: e,
+		fromSubscriptions: t
+	}), [S]), T = o((t, n, i, a, o, s, c = !1) => {
+		n ||= e(i), S({
+			type: r.STYLE_ADD_SELECTOR,
+			displayMode: t,
+			selector: n,
+			selectorType: i,
+			path: a,
+			value: o,
+			params: s,
+			fromSubscriptions: c
+		});
+	}, [S]), E = o((e, t, n, i, a, o = !1) => S({
+		type: r.STYLE_UPDATE_SELECTOR,
+		displayMode: e,
+		selector: t,
+		path: n,
+		value: i,
+		params: a,
+		fromSubscriptions: o
+	}), [S]), D = o((e, t, n = !1) => S({
+		type: r.STYLE_REMOVE_SELECTOR,
+		displayMode: e,
+		selector: t,
+		fromSubscriptions: n
+	}), [S]), O = o((e, t, n, i, a, o = !1) => {
+		S({
+			type: r.STYLE_ADD_SELECTOR_VARIABLE,
+			displayMode: e,
+			selector: t,
+			category: n,
+			name: i,
+			value: a,
+			fromSubscriptions: o
+		});
+	}, [S]), k = o((e, t, n, i, a, o = !1) => {
+		S({
+			type: r.STYLE_UPDATE_SELECTOR_VARIABLE,
+			displayMode: e,
+			selector: t,
+			category: n,
+			name: i,
+			value: a,
+			fromSubscriptions: o
+		});
+	}, [S]), A = o((e, t, n, i, a = !1) => {
+		S({
+			type: r.STYLE_REMOVE_SELECTOR_VARIABLE,
+			displayMode: e,
+			selector: t,
+			category: n,
+			name: i,
+			fromSubscriptions: a
+		});
+	}, [S]), j = o((e, t, n, i = !1) => S({
+		type: r.STYLE_ADD_VARIABLE,
+		category: e,
+		name: t,
+		value: n,
+		fromSubscriptions: i
+	}), [S]), M = o((e, t, n, i = !1) => S({
+		type: r.STYLE_UPDATE_VARIABLE,
+		category: e,
+		name: t,
+		value: n,
+		fromSubscriptions: i
+	}), [S]), N = o((e, t, n = !1) => S({
+		type: r.STYLE_REMOVE_VARIABLE,
+		category: e,
+		name: t,
+		fromSubscriptions: n
+	}), [S]), P = o((e, t = !1) => S({
+		type: r.STYLE_ADD_TEMPLATE,
+		platform: e,
+		fromSubscriptions: t
+	}), [S]), F = o((e, t, n = !1) => {
+		S({
+			type: r.STYLE_UPDATE_SETTINGS,
+			path: e,
+			value: t,
+			fromSubscriptions: n
+		});
+	}, [S]);
+	s(() => (_ && (y.subscribe("StyleUpdated", {}, (e) => {
+		!e.data || e.error || w(i(e, "data.StyleUpdated", {}), !0);
+	}), y.subscribe("StyleAddSelector", {}, (e) => {
+		if (!e.data || e.error) return;
+		let { displayMode: t, selector: n, type: r, path: a, style: o, params: s } = i(e, "data.StyleAddSelector", {});
+		T(t, n, r, a, o, s, !0);
+	}), y.subscribe("StyleUpdateSelector", {}, (e) => {
+		if (!e.data || e.error) return;
+		let { displayMode: t, selector: n, path: r, style: a, params: o } = i(e, "data.StyleUpdateSelector", {});
+		E(t, n, r, a, o, !0);
+	}), y.subscribe("StyleRemoveSelector", {}, (e) => {
+		if (!e.data || e.error) return;
+		let { displayMode: t, selector: n } = i(e, "data.StyleRemoveSelector", {});
+		D(t, n, !0);
+	}), y.subscribe("StyleAddSelectorVariable", {}, (e) => {
+		if (!e.data || e.error) return;
+		let { displayMode: t, selector: n, category: r, name: a, value: o } = i(e, "data.StyleAddSelectorVariable", {});
+		O(t, n, r, a, o, !0);
+	}), y.subscribe("StyleUpdateSelectorVariable", {}, (e) => {
+		if (!e.data || e.error) return;
+		let { displayMode: t, selector: n, category: r, name: a, value: o } = i(e, "data.StyleUpdateSelectorVariable", {});
+		k(t, n, r, a, o, !0);
+	}), y.subscribe("StyleRemoveSelectorVariable", {}, (e) => {
+		if (!e.data || e.error) return;
+		let { displayMode: t, selector: n, category: r, name: a } = i(e, "data.StyleRemoveSelectorVariable", {});
+		A(t, n, r, a, !0);
+	}), y.subscribe("StyleAddVariable", {}, (e) => {
+		if (!e.data || e.error) return;
+		let { category: t, name: n, value: r } = i(e, "data.StyleAddVariable", {});
+		j(t, n, r, !0);
+	}), y.subscribe("StyleUpdateVariable", {}, (e) => {
+		if (!e.data || e.error) return;
+		let { category: t, name: n, value: r } = i(e, "data.StyleUpdateVariable", {});
+		M(t, n, r, !0);
+	}), y.subscribe("StyleRemoveVariable", {}, (e) => {
+		if (!e.data || e.error) return;
+		let { category: t, name: n } = i(e, "data.StyleRemoveVariable", {});
+		N(t, n, !0);
+	}), y.subscribe("StyleUpdateSettings", {}, (e) => {
+		if (!e.data || e.error) return;
+		let { path: t, value: n } = i(e, "data.StyleUpdateSettings", {});
+		F(t, n, !0);
+	})), () => {
+		_ && y.unsubscribe([
+			"StyleUpdated",
+			"StyleAddSelector",
+			"StyleUpdateSelector",
+			"StyleRemoveSelector",
+			"StyleAddSelectorVariable",
+			"StyleUpdateSelectorVariable",
+			"StyleRemoveSelectorVariable",
+			"StyleAddVariable",
+			"StyleUpdateVariable",
+			"StyleRemoveVariable",
+			"StyleUpdateSettings"
+		]);
+	}), [
+		y,
+		_,
+		w,
+		T,
+		E,
+		D,
+		O,
+		k,
+		A,
+		j,
+		M,
+		N,
+		F
+	]);
+	let I = c(() => ({
+		styleUpdate: w,
+		styleAddSelector: T,
+		styleUpdateSelector: E,
+		styleRemoveSelector: D,
+		styleAddSelectorVariable: O,
+		styleUpdateSelectorVariable: k,
+		styleRemoveSelectorVariable: A,
+		styleAddVariable: j,
+		styleUpdateVariable: M,
+		styleRemoveVariable: N,
+		styleAddTemplate: P,
+		styleUpdateSettings: F
+	}), [
+		w,
+		T,
+		E,
+		D,
+		O,
+		k,
+		A,
+		j,
+		M,
+		N,
+		P,
+		F
+	]);
+	return f("main", I), /* @__PURE__ */ l(t, {
+		value: I,
+		children: h
+	});
+};
+//#endregion
+export { h as default };

package/dist/SdkStyleContextProvider.d.ts

@@ -0,0 +1,8 @@
+import { Style } from '@plitzi/sdk-shared';
+import { ReactNode } from 'react';
+export type SdkStyleContextProviderProps = {
+    children: ReactNode;
+    style?: Style;
+};
+declare const SdkStyleContextProvider: ({ children, style: styleProp }: SdkStyleContextProviderProps) => import("react/jsx-runtime").JSX.Element;
+export default SdkStyleContextProvider;

package/dist/SdkStyleContextProvider.mjs

@@ -0,0 +1,16 @@
+import e from "./StyleContext.mjs";
+import { use as t, useMemo as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { createStoreHook as i } from "@plitzi/sdk-store/createStore";
+import { EMPTY_STYLE_SCHEMA as a } from "@plitzi/sdk-shared/style/styleConstants";
+import o from "@plitzi/sdk-shared/network/NetworkInternalContext";
+//#region src/SdkStyleContextProvider.tsx
+var s = ({ children: s, style: c }) => {
+	let { style: l } = t(o), u = n(() => ({}), []), { useStoreSync: d } = i();
+	return d("style", c ?? (l || a)), /* @__PURE__ */ r(e, {
+		value: u,
+		children: s
+	});
+};
+//#endregion
+export { s as default };

package/dist/StyleAdvanceEditor.d.ts

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

package/dist/StyleAdvanceEditor.mjs

@@ -0,0 +1,88 @@
+import { debounce as e, get as t } from "@plitzi/plitzi-ui/helpers";
+import { use as n, useCallback 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/plitzi-ui/ContainerFloating";
+import l from "@plitzi/plitzi-ui/Button";
+import { createStoreHook as u } from "@plitzi/sdk-store/createStore";
+import d from "@plitzi/plitzi-ui/CodeMirror";
+import { ThemeContext as f } from "@plitzi/sdk-shared/theme/ThemeProvider";
+import p from "@plitzi/sdk-shared/network/NetworkContext";
+import m from "@plitzi/sdk-shared/hooks/useNetwork";
+import h from "@plitzi/sdk-shared/schema/SchemaContext";
+//#region src/StyleAdvanceEditor.tsx
+var g = () => {
+	let { theme: g } = n(f), { useStore: _ } = u(), [[v, y]] = _(["schema.settings.customCss", "style.variables"], { defaultValue: ["", void 0] }), { schemaUpdateSettings: b } = n(h), [x, S] = a(() => typeof v == "string" ? v : ""), C = i(() => b && e(b, 500), [b]), { server: w, webKey: T } = n(p), { networkQuery: E, networkLoading: D } = m({
+		initLoading: !1,
+		server: w,
+		webKey: T
+	}), O = r((e) => {
+		C?.(e, "customCss"), S(e);
+	}, [S, C]), k = r(async () => {
+		let e = await E("/utils/prettier-parser", {
+			data: x,
+			parser: "css"
+		}, "post");
+		if (!e || !e.data) return;
+		let n = t(e, "data", x);
+		n !== x && (S(n), C?.(n, "customCss"));
+	}, [
+		E,
+		x,
+		C
+	]);
+	return /* @__PURE__ */ s("div", {
+		className: "relative flex h-full w-full flex-col",
+		children: [/* @__PURE__ */ o(d, {
+			className: "h-full",
+			value: x,
+			autoComplete: i(() => y ? Object.keys(y).flatMap((e) => Object.keys(y[e] ?? {})).map((e) => ({
+				type: "css-token",
+				value: e
+			})) : [], [y]),
+			theme: g === "dark" ? "dark" : "light",
+			lineWrapping: !0,
+			onChange: O
+		}), /* @__PURE__ */ s("div", {
+			className: "absolute top-3 right-3 flex",
+			children: [/* @__PURE__ */ o(l, {
+				intent: "custom",
+				size: "custom",
+				className: "mr-2 rounded-sm bg-white p-2 text-zinc-800 shadow dark:bg-zinc-700 dark:text-zinc-200",
+				onClick: k,
+				title: "Auto format",
+				disabled: D,
+				children: /* @__PURE__ */ o("i", { className: "fa-solid fa-wand-magic-sparkles" })
+			}), /* @__PURE__ */ s(c, {
+				containerLeftOffset: -208,
+				containerTopOffset: 4,
+				children: [/* @__PURE__ */ o(c.Trigger, { children: /* @__PURE__ */ o(l, {
+					intent: "custom",
+					size: "custom",
+					className: "rounded-sm bg-white p-2 text-zinc-800 shadow dark:bg-zinc-700 dark:text-zinc-200",
+					children: /* @__PURE__ */ o("i", { className: "fa-solid fa-circle-info" })
+				}) }), /* @__PURE__ */ o(c.Content, { children: /* @__PURE__ */ s("div", {
+					className: "flex w-60 flex-col items-center justify-center p-4 text-center text-zinc-700 dark:text-zinc-300",
+					children: [
+						/* @__PURE__ */ o("p", { children: "Add your own CSS code here to customize the appearance and layout of your site." }),
+						/* @__PURE__ */ s("a", {
+							href: "https://codex.wordpress.org/CSS",
+							target: "_blank",
+							rel: "noopener noreferrer",
+							className: "text-blue-400 underline",
+							children: ["Learn more about CSS", /* @__PURE__ */ o("span", {
+								className: "text-sm",
+								children: " (opens in a new tab)"
+							})]
+						}),
+						/* @__PURE__ */ s("p", { children: [/* @__PURE__ */ o("span", {
+							className: "font-bold",
+							children: "Ctrl + Space"
+						}), " to autocomplete."] })
+					]
+				}) })]
+			})]
+		})]
+	});
+};
+//#endregion
+export { g as default };

package/dist/StyleContext.d.ts

@@ -0,0 +1,3 @@
+import { StyleContextValue } from '@plitzi/sdk-shared';
+declare const StyleContext: import('react').Context<StyleContextValue>;
+export default StyleContext;

package/dist/StyleContext.mjs

@@ -0,0 +1,5 @@
+import { createContext as e } from "react";
+var t = e({});
+t.displayName = "StyleContext";
+//#endregion
+export { t as default };

package/dist/StyleHelper.d.ts

@@ -0,0 +1,7 @@
+import { Style, TagType } from '@plitzi/sdk-shared';
+export declare const selectorToString: (tags?: {
+    type: TagType;
+    value: string;
+}[], filters?: string[], includePrefix?: boolean, separator?: string) => string;
+export declare const generateCache: (style: Style) => string;
+export declare const makeSelector: (type: string, styleSelector?: string, length?: number) => string;

package/dist/StyleHelper.mjs

@@ -0,0 +1,45 @@
+import { makeId as e } from "@plitzi/sdk-shared/helpers/utils";
+import { styleVariablesToCss as t } from "@plitzi/sdk-variables/VariablesHelper";
+//#region src/StyleHelper.ts
+var n = (e, t = [], n = !0, r = "") => {
+	if (!e || e.length === 0) return "";
+	let i = [];
+	return i = e.filter((e) => t.length === 0 || t.includes(e.type)).map((e) => {
+		if (!n) return e.value;
+		switch (e.type) {
+			case "class": return `.${e.value}`;
+			case "element": return e.value;
+			case "id": return `#${e.value}`;
+			default: return "";
+		}
+	}), i.join(r);
+}, r = {
+	desktop: "64rem",
+	tablet: "48rem",
+	mobile: "0"
+}, i = (e) => {
+	if (e === "mobile") return 0;
+	if (e === "tablet") return 768;
+	if (e === "desktop") return 1024;
+	let t = e.match(/(\d*\.?\d+)(px|rem)/);
+	if (!t) return 0;
+	let n = parseFloat(t[1]);
+	return t[2] === "rem" ? n * 16 : n;
+}, a = (e) => {
+	let { platform: n, mode: a = "desktop-first", variables: o } = e, s = [], c = Object.keys(n).sort((e, t) => a === "mobile-first" ? i(e) - i(t) : i(t) - i(e));
+	return c.forEach((e, t) => {
+		let i = Object.values(n[e]).sort((e, t) => Number(t.type === "element") - Number(e.type === "element")).map((e) => e.cache).join("\n");
+		if (!i) return;
+		let o = r[e] ?? e;
+		if (a === "mobile-first") o === "0" || e === "mobile" ? s.push(i) : s.push(`@media (min-width: ${o}) {${i}}`);
+		else {
+			let n = c[t - 1], a = n ? r[n] ?? n : void 0;
+			e === "desktop" ? s.push(i) : a ? s.push(`@media (max-width: ${a}) and (min-width: ${o}) {${i}}`) : s.push(`@media (max-width: ${o}) {${i}}`);
+		}
+	}), o && Object.keys(o).length && s.push(t(o)), s.join("\n");
+}, o = (t, n = "base", r = 4) => {
+	let i = `${t}-${e(r)}`;
+	return n !== "base" && (i = `${t}-${n}-${e(r)}`), i;
+};
+//#endregion
+export { a as generateCache, o as makeSelector, n as selectorToString };

package/dist/StyleMap/StyleMap.d.ts

@@ -0,0 +1,52 @@
+import { DisplayMode, Style, StyleCategory, StyleItem, StyleObject, StyleState, StyleValue, StyleVariableCategory, StyleVariableValue, TagType } from '@plitzi/sdk-shared';
+export type StyleMapProps = {
+    platform: Style['platform'];
+    variables?: Style['variables'];
+};
+declare class StyleMap {
+    platform: Style['platform'];
+    variables: Style['variables'];
+    constructor(props: StyleMapProps);
+    static getInstance: (props: StyleMapProps) => StyleMap;
+    addSelector(displayMode: DisplayMode, selector: string, type: TagType, path: StyleCategory | undefined, value: StyleItem['attributes'] | Partial<StyleObject> | StyleValue | undefined, params: {
+        componentType?: string;
+        styleSelector?: string;
+        styleState?: StyleState;
+        styleVariant?: string;
+    }): boolean;
+    static addSelector(style: Pick<Style, 'platform' | 'variables'>, displayMode: DisplayMode, selector: string, type: TagType, path: StyleCategory | undefined, value: StyleItem['attributes'] | Partial<StyleObject> | StyleValue | undefined, params: {
+        componentType?: string;
+        styleSelector?: string;
+        styleState?: StyleState;
+        styleVariant?: string;
+    }): boolean;
+    getSelector: (displayMode: DisplayMode, selector: string) => StyleItem | undefined;
+    static getSelector: (style: Pick<Style, "platform" | "variables">, displayMode: DisplayMode, selector: string) => StyleItem | undefined;
+    updateSelector(displayMode: DisplayMode, selector: string, path: StyleCategory | undefined, value: StyleItem['attributes'] | Partial<StyleObject> | StyleValue | undefined, params: {
+        componentType?: string;
+        styleSelector: string;
+        styleState?: StyleState;
+        styleVariant?: string;
+    }): boolean;
+    static updateSelector(style: Pick<Style, 'platform' | 'variables'>, displayMode: DisplayMode, selector: string, path: StyleCategory | undefined, value: StyleItem['attributes'] | Partial<StyleObject> | StyleValue | undefined, params: {
+        componentType?: string;
+        styleSelector: string;
+        styleState?: StyleState;
+        styleVariant?: string;
+    }): boolean;
+    removeSelector: (displayMode: DisplayMode | undefined, selector: string) => boolean;
+    static removeSelector: (style: Pick<Style, "platform" | "variables">, displayMode: DisplayMode | undefined, selector: string) => boolean;
+    addSelectorVariable: (displayMode: DisplayMode, selector: string, category: StyleVariableCategory, name: string, value: StyleVariableValue) => boolean;
+    static addSelectorVariable: (style: Pick<Style, "platform" | "variables">, displayMode: DisplayMode, selector: string, category: StyleVariableCategory, name: string, value: StyleVariableValue) => boolean;
+    updateSelectorVariable: (displayMode: DisplayMode, selector: string, category: StyleVariableCategory, name: string, value: StyleVariableValue) => boolean;
+    static updateSelectorVariable: (style: Pick<Style, "platform" | "variables">, displayMode: DisplayMode, selector: string, category: StyleVariableCategory, name: string, value: StyleVariableValue) => boolean;
+    removeSelectorVariable: (displayMode: DisplayMode, selector: string, category: StyleVariableCategory, name: string) => boolean;
+    static removeSelectorVariable: (style: Pick<Style, "platform" | "variables">, displayMode: DisplayMode, selector: string, category: StyleVariableCategory, name: string) => boolean;
+    addVariable: (category: StyleVariableCategory, name: string, value: StyleVariableValue) => boolean;
+    static addVariable: (style: Pick<Style, "platform" | "variables">, category: StyleVariableCategory, name: string, value: StyleVariableValue) => boolean;
+    updateVariable: (category: StyleVariableCategory, name: string, value: StyleVariableValue) => boolean;
+    static updateVariable: (style: Pick<Style, "platform" | "variables">, category: StyleVariableCategory, name: string, value: StyleVariableValue) => boolean;
+    removeVariable: (category: StyleVariableCategory, name: string) => boolean;
+    static removeVariable: (style: Pick<Style, "platform" | "variables">, category: StyleVariableCategory, name: string) => boolean;
+}
+export default StyleMap;

package/dist/StyleMap/StyleMap.mjs

@@ -0,0 +1,61 @@
+import e from "../helpers/processSelector.mjs";
+import t from "./helpers/getStyleItem.mjs";
+import n from "./methods/addSelector.mjs";
+import r from "./methods/updateSelector.mjs";
+import { get as i, set as a } from "@plitzi/plitzi-ui/helpers";
+//#region src/StyleMap/StyleMap.ts
+var o = class {
+	platform;
+	variables;
+	constructor(e) {
+		let { platform: t, variables: n } = e;
+		if (!t) throw Error("Platform Required");
+		this.platform = t, this.variables = n ?? {};
+	}
+	static getInstance = (e) => new this(e);
+	addSelector(e, t, r, i, a, o) {
+		return n(this.platform, e, t, r, i, a, o);
+	}
+	static addSelector(e, t, n, r, i, a, o) {
+		return this.getInstance(e).addSelector(t, n, r, i, a, o);
+	}
+	getSelector = (e, n) => t(this.platform, e, n);
+	static getSelector = (e, t, n) => this.getInstance(e).getSelector(t, n);
+	updateSelector(e, t, n, i, a) {
+		return r(this.platform, e, t, n, i, a);
+	}
+	static updateSelector(e, t, n, r, i, a) {
+		return this.getInstance(e).updateSelector(t, n, r, i, a);
+	}
+	removeSelector = (e, t) => {
+		if (e) return this.platform[e][t] ? (delete this.platform[e][t], !0) : !1;
+		let n = !1;
+		return Object.keys(this.platform).forEach((e) => {
+			this.platform[e][t] && (n = !0, delete this.platform[e][t]);
+		}), n;
+	};
+	static removeSelector = (e, t, n) => this.getInstance(e).removeSelector(t, n);
+	addSelectorVariable = (n, r, o, s, c) => {
+		let l = t(this.platform, n, r);
+		return !l || i(l, `variables.${o}.${s}`, "") ? !1 : (a(l, `variables.${o}.${s}`, c), a(this.platform, `${n}.${r}.cache`, e(l)), !0);
+	};
+	static addSelectorVariable = (e, t, n, r, i, a) => this.getInstance(e).addSelectorVariable(t, n, r, i, a);
+	updateSelectorVariable = (n, r, i, o, s) => {
+		let c = t(this.platform, n, r);
+		return c ? (a(c, `variables.${i}.${o}`, s), a(this.platform, `${n}.${r}.cache`, e(c)), !0) : !1;
+	};
+	static updateSelectorVariable = (e, t, n, r, i, a) => this.getInstance(e).updateSelectorVariable(t, n, r, i, a);
+	removeSelectorVariable = (n, r, i, o) => {
+		let s = t(this.platform, n, r);
+		return !s || !s.variables || !s.variables[i] || !s.variables[i][o] ? !1 : (delete s.variables[i][o], Object.keys(s.variables[i]).length === 0 && delete s.variables[i], Object.keys(s.variables).length === 0 && delete s.variables, a(this.platform, `${n}.${r}.cache`, e(s)), !0);
+	};
+	static removeSelectorVariable = (e, t, n, r, i) => this.getInstance(e).removeSelectorVariable(t, n, r, i);
+	addVariable = (e, t, n) => (this.variables[e] || (this.variables[e] = {}), this.variables[e][t] ? !1 : (this.variables[e][t] = n, !0));
+	static addVariable = (e, t, n, r) => this.getInstance(e).addVariable(t, n, r);
+	updateVariable = (e, t, n) => !this.variables[e] || !this.variables[e][t] ? !1 : (this.variables[e][t] = n, !0);
+	static updateVariable = (e, t, n, r) => this.getInstance(e).updateVariable(t, n, r);
+	removeVariable = (e, t) => !this.variables[e] || !this.variables[e][t] ? !1 : (delete this.variables[e][t], Object.keys(this.variables[e]).length === 0 && delete this.variables[e], !0);
+	static removeVariable = (e, t, n) => this.getInstance(e).removeVariable(t, n);
+};
+//#endregion
+export { o as default };

package/dist/StyleMap/helpers/getStyleItem.d.ts

@@ -0,0 +1,3 @@
+import { DisplayMode, Style } from '@plitzi/sdk-shared';
+declare const getStyleItem: (platform: Style["platform"], displayMode: DisplayMode, selector: string) => import('@plitzi/sdk-shared').StyleItem | undefined;
+export default getStyleItem;

package/dist/StyleMap/helpers/getStyleItem.mjs

@@ -0,0 +1,5 @@
+import { get as e } from "@plitzi/plitzi-ui/helpers";
+//#region src/StyleMap/helpers/getStyleItem.ts
+var t = (t, n, r) => r ? e(t, `${n}.${r}`, void 0) : void 0;
+//#endregion
+export { t as default };

package/dist/StyleMap/helpers/isValueValid.d.ts

@@ -0,0 +1,12 @@
+import { StyleAttributes, StyleBlock, StyleCategory, StyleObject, StyleState, StyleStates, StyleValue, StyleVariants } from '@plitzi/sdk-shared';
+export declare const isStyleObject: (obj: Partial<StyleObject>) => boolean;
+export declare const isStyleStates: (obj: NonNullable<StyleBlock["states"]>) => boolean;
+export declare const isStyleVariants: (obj: NonNullable<StyleBlock["variants"]>) => boolean;
+export declare const isStyleBlock: (obj: StyleBlock) => boolean;
+export declare const isStyleAttributes: (obj?: StyleAttributes) => boolean;
+declare const isValidValue: (path?: StyleCategory, value?: StyleAttributes | StyleValue | Partial<StyleObject> | StyleBlock | StyleVariants | StyleStates, params?: {
+    styleSelector?: string;
+    styleVariant?: string;
+    styleState?: StyleState;
+}) => boolean;
+export default isValidValue;

package/dist/StyleMap/helpers/isValueValid.mjs

@@ -0,0 +1,7 @@
+//#region src/StyleMap/helpers/isValueValid.ts
+var e = (e) => typeof e == "string" || typeof e == "number" || e === void 0, t = (e) => typeof e == "object" && !!e && !Array.isArray(e), n = (n) => t(n) && Object.values(n).every(e), r = (e) => t(e) && Object.values(e).every(n), i = (e) => t(e) && Object.values(e).every((e) => !(!t(e) || "variants" in e || "default" in e && e.default && !n(e.default) || "states" in e && e.states && !r(e.states))), a = (e) => !(!t(e) || !e.default || !n(e.default) || e.states && !r(e.states) || e.variants && !i(e.variants)), o = (e) => e === void 0 || t(e) && !Object.keys(e).length || t(e) && "base" in e && Object.values(e).every(a), s = (s, c, l) => {
+	let { styleSelector: u, styleVariant: d, styleState: f } = l ?? {};
+	return !s && !u && !d && !f ? o(c) : !s && !u && d && f ? !1 : !s && !u && d ? i(c) : !s && !u && f ? r(c) : s ? e(c) : u ? c === void 0 ? !0 : e(c) || !t(c) ? !1 : n(c) || a(c) : !1;
+};
+//#endregion
+export { s as default, o as isStyleAttributes, n as isStyleObject };

package/dist/StyleMap/helpers/utils.d.ts

@@ -0,0 +1,6 @@
+import { StyleBlock, StyleCategory, StyleItem, StyleObject, StyleState, StyleStates, StyleValue, StyleVariants } from '@plitzi/sdk-shared';
+declare const parseValue: (path: StyleCategory | undefined, value: StyleItem["attributes"] | StyleValue | Partial<StyleObject> | StyleVariants | StyleStates | StyleBlock | undefined, prevValue: StyleObject) => StyleObject;
+declare const getTargetPath: (styleSelector: string, styleVariant?: string, styleState?: string) => string;
+declare const isEmptyObject: (v: unknown) => v is Record<string, unknown>;
+declare const writeStyle: (mode: "add" | "update" | undefined, styleItem: StyleItem, styleSelector: string, path?: StyleCategory, value?: StyleItem["attributes"] | StyleValue | Partial<StyleObject> | StyleVariants | StyleStates | StyleBlock, styleState?: StyleState, styleVariant?: string) => void;
+export { getTargetPath, isEmptyObject, parseValue, writeStyle };

package/dist/StyleMap/helpers/utils.mjs

@@ -0,0 +1,51 @@
+import { isStyleObject as e } from "./isValueValid.mjs";
+import { get as t, omit as n, set as r } from "@plitzi/plitzi-ui/helpers";
+//#region src/StyleMap/helpers/utils.ts
+var i = (t, n, r) => {
+	if (t && (typeof n == "string" || typeof n == "number")) return {
+		...r,
+		[t]: n
+	};
+	if (n && e(n)) {
+		let e = { ...n };
+		for (let t in n) e[t] === void 0 && delete e[t];
+		return e;
+	}
+	return r;
+}, a = (e, t, n) => t && n ? `attributes.${e}.variants.${t}.states.${n}` : t ? `attributes.${e}.variants.${t}.default` : n ? `attributes.${e}.states.${n}` : `attributes.${e}.default`, o = (e) => !!e && typeof e == "object" && !Array.isArray(e) && Object.keys(e).length === 0, s = (s = "add", c, l, u, d, f, p) => {
+	let m = a(l, p, f), h = !!f || !!p;
+	if (d !== void 0) {
+		if (e(d) && o(d)) {
+			if (s === "update" && h && !t(c, p ? `attributes.${l}.variants` : `attributes.${l}.states`)) return;
+			r(c, m, {});
+			return;
+		}
+		r(c, m, i(u, d, t(c, m, {})));
+		return;
+	}
+	if (s === "add" && !u && h) {
+		t(c, p ? `attributes.${l}.variants` : `attributes.${l}.states`) || r(c, m, {});
+		return;
+	}
+	if (u) {
+		r(c, m, n(t(c, m, {}), [u]));
+		return;
+	}
+	if (p) {
+		let e = `attributes.${l}.variants`, i = t(c, e);
+		if (!i) return;
+		let a = n(i, [p]);
+		Object.keys(a).length ? r(c, e, a) : r(c, `attributes.${l}`, n(t(c, `attributes.${l}`), ["variants"]));
+		return;
+	}
+	if (f) {
+		let e = `attributes.${l}.states`, i = t(c, e);
+		if (!i) return;
+		let a = n(i, [f]);
+		Object.keys(a).length ? r(c, e, a) : r(c, `attributes.${l}`, n(t(c, `attributes.${l}`), ["states"]));
+		return;
+	}
+	r(c, m, {});
+};
+//#endregion
+export { s as writeStyle };

package/dist/StyleMap/index.d.ts

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

package/dist/StyleMap/index.mjs

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

package/dist/StyleMap/methods/addSelector.d.ts

@@ -0,0 +1,8 @@
+import { DisplayMode, Style, StyleBlock, StyleCategory, StyleItem, StyleObject, StyleState, StyleStates, StyleValue, StyleVariants, TagType } from '@plitzi/sdk-shared';
+declare const addSelector: (platform: Style["platform"], displayMode: DisplayMode, selector: string, type: TagType, path: StyleCategory | undefined, value: StyleItem["attributes"] | StyleValue | Partial<StyleObject> | StyleVariants | StyleStates | StyleBlock | undefined, params: {
+    componentType?: string;
+    styleSelector?: string;
+    styleState?: StyleState;
+    styleVariant?: string;
+}) => boolean;
+export default addSelector;