@plitzi/sdk-style 0.30.19 → 0.31.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @plitzi/sdk-style
 
+## 0.31.0
+
+### Minor Changes
+
+- v0.31.0
+
+### Patch Changes
+
+- Updated dependencies
+  - @plitzi/sdk-plugins@0.31.0
+  - @plitzi/sdk-shared@0.31.0
+  - @plitzi/sdk-variables@0.31.0
+
 ## 0.30.19
 
 ### Patch Changes

package/dist/components/StyleInspector/StyleInspectorProvider.mjs

@@ -1,16 +1,14 @@
 import e from "./StyleInspectorContext.mjs";
 import t from "./hooks/useStyleBinding.mjs";
 import { get as n, omit as r } from "@plitzi/plitzi-ui/helpers";
-import { use as i, useCallback as a, useMemo as o } from "react";
-import { jsx as s } from "react/jsx-runtime";
-import { baseDefaultValue as c } from "@plitzi/sdk-shared";
-import l from "@plitzi/sdk-shared/dataSource/DataSourceContext";
+import { useCallback as i, useMemo as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+import { emptyObject as s } from "@plitzi/sdk-shared/helpers/utils";
+import { createStoreHook as c } from "@plitzi/sdk-store/createStore";
+import { baseDefaultValue as l } from "@plitzi/sdk-shared";
 //#region src/components/StyleInspector/StyleInspectorProvider.tsx
 var u = ({ children: u, componentType: d, selector: f, styleSelector: p = "base", styleState: m, styleVariant: h, element: g, inheritData: _, displayMode: v, onChange: y }) => {
-	let b = t({ element: g }), { useDataSource: x } = i(l), { variables: S } = x({
-		id: "",
-		mode: "read"
-	}), C = a(() => {
+	let b = t({ element: g }), { useStore: x } = c(), [S] = x("runtime.sources.variables", { defaultValue: s }), C = i(() => {
 		let e;
 		if (f && p && f.attributes[p]) {
 			let t = f.attributes[p];
@@ -22,7 +20,7 @@ var u = ({ children: u, componentType: d, selector: f, styleSelector: p = "base"
 		p,
 		m,
 		h
-	]), w = a((e, t) => {
+	]), w = i((e, t) => {
 		if (!(e && typeof t != "string" && typeof t != "number" && t !== void 0 || !e && typeof t != "object" && t !== void 0 || e && n(b, e))) {
 			if (!e && t && typeof t == "object" && (t = r(t, Object.keys(b))), !e && f && typeof t == "object") {
 				let e = {
@@ -40,17 +38,17 @@ var u = ({ children: u, componentType: d, selector: f, styleSelector: p = "base"
 		C,
 		y,
 		f
-	]), T = a((e) => Array.isArray(e) ? e.reduce((e, t) => ({
+	]), T = i((e) => Array.isArray(e) ? e.reduce((e, t) => ({
 		...e,
-		[t]: n(c, t)
-	}), {}) : e ? n(c, e) : c, []), E = a((e) => {
+		[t]: n(l, t)
+	}), {}) : e ? n(l, e) : l, []), E = i((e) => {
 		Array.isArray(e) ? w(void 0, e.reduce((e, t) => ({
 			...e,
 			[t]: void 0
 		}), {})) : w(e);
 	}, [w]);
-	return /* @__PURE__ */ s(e, {
-		value: o(() => ({
+	return /* @__PURE__ */ o(e, {
+		value: a(() => ({
 			componentType: d,
 			selector: f,
 			styleSelector: p,

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

@@ -1,20 +1,18 @@
 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";
+import { emptyObject as r } from "@plitzi/sdk-shared/helpers/utils";
+import { createStoreHook as i } from "@plitzi/sdk-store/createStore";
 //#region src/components/StyleInspector/hooks/useStyleBinding.ts
-var i = ({ element: i }) => {
-	let a = r({
-		id: "",
-		mode: "read"
-	});
+var a = ({ element: a }) => {
+	let { useStore: o } = i(), [s] = o("runtime.sources", { defaultValue: r });
 	return n(() => {
 		let n = {};
-		if (!i) return n;
-		let { definition: { bindings: r } } = i;
+		if (!a) return n;
+		let { definition: { bindings: r } } = a;
 		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}`));
+			e(s, `${r.source}.${r.fromPath}`) === void 0 || !r.enabled || t(n, r.toPath, e(s, `${r.source}.${r.fromPath}`));
 		}), n;
-	}, [a, i]);
+	}, [s, a]);
 };
 //#endregion
-export { i as default };
+export { a as default };

package/dist/helpers/processCssTokens.d.ts

@@ -2,7 +2,7 @@ type TokenMapValue = string | number | boolean;
 interface TokenMap {
     [key: string]: TokenMapValue | TokenMap;
 }
-declare const processCssTokens: <T extends TokenMap>(cache: string, variables?: T, opts?: {
+declare const processCssTokens: <T extends TokenMap>(cache?: string, variables?: T, opts?: {
     missing?: string;
 }) => string;
 export default processCssTokens;

package/dist/helpers/processCssTokens.mjs

@@ -1,5 +1,5 @@
 //#region src/helpers/processCssTokens.ts
-var e = (e, t = {}, n = { missing: "" }) => {
+var e = (e = "", t = {}, n = { missing: "" }) => {
 	let r = n.missing ?? "";
 	return e.replace(/\{\{\s*([a-z0-9_\-.$]+)\s*\}\}/gi, (e, n) => {
 		let i = n.split("."), a = t;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plitzi/sdk-style",
-  "version": "0.30.19",
+  "version": "0.31.0",
   "license": "AGPL-3.0",
   "files": [
     "dist"
@@ -831,19 +831,19 @@
     "build:prod": "vite build && node ../sdk-shared/scripts/generate-exports.mjs"
   },
   "dependencies": {
-    "@plitzi/plitzi-ui": "^1.6.2",
-    "@plitzi/sdk-plugins": "0.30.19",
-    "@plitzi/sdk-shared": "0.30.19",
-    "@plitzi/sdk-variables": "0.30.19",
+    "@plitzi/plitzi-ui": "^1.6.9",
+    "@plitzi/sdk-plugins": "0.31.0",
+    "@plitzi/sdk-shared": "0.31.0",
+    "@plitzi/sdk-variables": "0.31.0",
     "clsx": "^2.1.1",
-    "immer": "^11.1.4",
+    "immer": "^11.1.8",
     "prop-types": "^15.8.1",
-    "zod": "^4.4.1"
+    "zod": "^4.4.3"
   },
   "devDependencies": {
     "eslint": "^9.39.4",
     "typescript": "^6.0.3",
-    "vite": "^8.0.10",
-    "vitest": "^4.1.5"
+    "vite": "^8.0.14",
+    "vitest": "^4.1.7"
   }
 }