@plitzi/sdk-style 0.32.19 → 0.32.21

package/dist/components/StyleInspector/categories/Typography/TypographyBreaking.mjs

@@ -0,0 +1,181 @@
+import e from "../../components/CategoryOption/index.mjs";
+import t from "../../components/CategorySection/index.mjs";
+import n from "../../components/CategoryAdvanced/index.mjs";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/StyleInspector/categories/Typography/TypographyBreaking.tsx
+var o = ({ whiteSpace: o, textWrap: s, wordBreak: c, overflowWrap: l, hyphens: u, verticalAlign: d, onChange: f }) => /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a(t, {
+	label: "",
+	children: [/* @__PURE__ */ a(e, {
+		keys: ["white-space"],
+		label: "Breaking",
+		value: o,
+		onChange: f?.("white-space"),
+		type: "select",
+		children: [
+			/* @__PURE__ */ i("option", {
+				value: "normal",
+				children: "Normal"
+			}),
+			/* @__PURE__ */ i("option", {
+				value: "nowrap",
+				children: "No Wrap"
+			}),
+			/* @__PURE__ */ i("option", {
+				value: "pre",
+				children: "Pre"
+			}),
+			/* @__PURE__ */ i("option", {
+				value: "pre-wrap",
+				children: "Pre Wrap"
+			}),
+			/* @__PURE__ */ i("option", {
+				value: "pre-line",
+				children: "Pre Line"
+			}),
+			/* @__PURE__ */ i("option", {
+				value: "break-spaces",
+				children: "Break Spaces"
+			})
+		]
+	}), /* @__PURE__ */ a(e, {
+		keys: ["text-wrap"],
+		label: "Wrap",
+		value: s,
+		onChange: f?.("text-wrap"),
+		type: "select",
+		children: [
+			/* @__PURE__ */ i("option", {
+				value: "wrap",
+				children: "Wrap"
+			}),
+			/* @__PURE__ */ i("option", {
+				value: "nowrap",
+				children: "No Wrap"
+			}),
+			/* @__PURE__ */ i("option", {
+				value: "balance",
+				children: "Balance"
+			}),
+			/* @__PURE__ */ i("option", {
+				value: "pretty",
+				children: "Pretty"
+			}),
+			/* @__PURE__ */ i("option", {
+				value: "stable",
+				children: "Stable"
+			})
+		]
+	})]
+}), /* @__PURE__ */ a(n, { children: [/* @__PURE__ */ a(t, {
+	label: "",
+	children: [/* @__PURE__ */ a(e, {
+		keys: ["word-break"],
+		label: "Word Break",
+		value: c,
+		onChange: f?.("word-break"),
+		type: "select",
+		children: [
+			/* @__PURE__ */ i("option", {
+				value: "normal",
+				children: "Normal"
+			}),
+			/* @__PURE__ */ i("option", {
+				value: "break-all",
+				children: "Break All"
+			}),
+			/* @__PURE__ */ i("option", {
+				value: "keep-all",
+				children: "Keep All"
+			}),
+			/* @__PURE__ */ i("option", {
+				value: "break-word",
+				children: "Break Word"
+			})
+		]
+	}), /* @__PURE__ */ a(e, {
+		keys: ["overflow-wrap"],
+		label: "Overflow Wrap",
+		value: l,
+		onChange: f?.("overflow-wrap"),
+		type: "select",
+		children: [
+			/* @__PURE__ */ i("option", {
+				value: "normal",
+				children: "Normal"
+			}),
+			/* @__PURE__ */ i("option", {
+				value: "break-word",
+				children: "Break Word"
+			}),
+			/* @__PURE__ */ i("option", {
+				value: "anywhere",
+				children: "Anywhere"
+			})
+		]
+	})]
+}), /* @__PURE__ */ a(t, {
+	label: "",
+	children: [/* @__PURE__ */ a(e, {
+		keys: ["hyphens"],
+		label: "Hyphens",
+		value: u,
+		onChange: f?.("hyphens"),
+		type: "select",
+		children: [
+			/* @__PURE__ */ i("option", {
+				value: "none",
+				children: "None"
+			}),
+			/* @__PURE__ */ i("option", {
+				value: "manual",
+				children: "Manual"
+			}),
+			/* @__PURE__ */ i("option", {
+				value: "auto",
+				children: "Auto"
+			})
+		]
+	}), /* @__PURE__ */ a(e, {
+		keys: ["vertical-align"],
+		label: "Vertical Align",
+		value: d,
+		onChange: f?.("vertical-align"),
+		type: "select",
+		children: [
+			/* @__PURE__ */ i("option", {
+				value: "baseline",
+				children: "Baseline"
+			}),
+			/* @__PURE__ */ i("option", {
+				value: "top",
+				children: "Top"
+			}),
+			/* @__PURE__ */ i("option", {
+				value: "middle",
+				children: "Middle"
+			}),
+			/* @__PURE__ */ i("option", {
+				value: "bottom",
+				children: "Bottom"
+			}),
+			/* @__PURE__ */ i("option", {
+				value: "text-top",
+				children: "Text Top"
+			}),
+			/* @__PURE__ */ i("option", {
+				value: "text-bottom",
+				children: "Text Bottom"
+			}),
+			/* @__PURE__ */ i("option", {
+				value: "sub",
+				children: "Sub"
+			}),
+			/* @__PURE__ */ i("option", {
+				value: "super",
+				children: "Super"
+			})
+		]
+	})]
+})] })] });
+//#endregion
+export { o as default };

package/dist/components/StyleInspector/categories/Typography/TypographyClamp.d.ts

@@ -0,0 +1,7 @@
+import { StyleObject, StyleValue } from '@plitzi/sdk-shared';
+export type TypographyClampProps = {
+    value?: StyleValue;
+    onChange?: (values: StyleObject) => void;
+};
+declare const TypographyClamp: ({ value, onChange }: TypographyClampProps) => import("react").JSX.Element;
+export default TypographyClamp;

package/dist/components/StyleInspector/categories/Typography/TypographyClamp.mjs

@@ -0,0 +1,35 @@
+import e from "../../components/CategoryOption/index.mjs";
+import { useCallback as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/StyleInspector/categories/Typography/TypographyClamp.tsx
+var r = [
+	"line-clamp",
+	"-webkit-line-clamp",
+	"-webkit-box-orient"
+], i = ({ value: i, onChange: a }) => {
+	let o = t((e) => {
+		let t = typeof e == "string" || typeof e == "number" ? String(e).trim() : "";
+		if (!t) {
+			a?.({
+				"line-clamp": void 0,
+				"-webkit-line-clamp": void 0,
+				"-webkit-box-orient": void 0
+			});
+			return;
+		}
+		a?.({
+			display: "-webkit-box",
+			"line-clamp": t,
+			"-webkit-line-clamp": t,
+			"-webkit-box-orient": "vertical"
+		});
+	}, [a]);
+	return /* @__PURE__ */ n(e, {
+		keys: r,
+		label: "Line Clamp",
+		value: i,
+		onChange: o
+	});
+};
+//#endregion
+export { i as default };

package/dist/components/StyleInspector/categories/Typography/TypographyStyle.d.ts

@@ -2,7 +2,9 @@ import { StyleCategory, StyleValue } from '@plitzi/sdk-shared';
 export type TypographyStyleProps = {
     fontStyle?: StyleValue;
     textDecoration?: StyleValue;
+    textDecorationThickness?: StyleValue;
+    textUnderlineOffset?: StyleValue;
     onChange?: (category: StyleCategory) => (value: StyleValue | Record<StyleCategory, StyleValue> | boolean) => void;
 };
-declare const TypographyStyle: ({ fontStyle, textDecoration, onChange }: TypographyStyleProps) => import("react").JSX.Element;
+declare const TypographyStyle: ({ fontStyle, textDecoration, textDecorationThickness, textUnderlineOffset, onChange }: TypographyStyleProps) => import("react").JSX.Element;
 export default TypographyStyle;

package/dist/components/StyleInspector/categories/Typography/TypographyStyle.mjs

@@ -1,64 +1,79 @@
 import e from "../../components/CategoryOption/index.mjs";
 import t from "../../components/CategorySection/index.mjs";
-import { useMemo as n } from "react";
-import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
-import o from "@plitzi/plitzi-ui/icons/XMark";
-import s from "@plitzi/plitzi-ui/icons/TextDecorationOverline";
+import n from "../../components/CategoryAdvanced/index.mjs";
+import { useMemo as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import s from "@plitzi/plitzi-ui/icons/XMark";
+import c from "@plitzi/plitzi-ui/icons/TextDecorationOverline";
 //#region src/components/StyleInspector/categories/Typography/TypographyStyle.tsx
-var c = ({ fontStyle: c, textDecoration: l, onChange: u }) => {
-	let d = n(() => [{
+var l = ({ fontStyle: l, textDecoration: u, textDecorationThickness: d, textUnderlineOffset: f, onChange: p }) => {
+	let m = r(() => [{
 		value: "normal",
 		icon: "fa-solid fa-font",
 		description: "Normal",
-		active: c === "normal"
+		active: l === "normal"
 	}, {
 		value: "italic",
 		icon: "fa-solid fa-italic",
 		description: "Italic",
-		active: c === "italic"
-	}], [c]), f = n(() => [
+		active: l === "italic"
+	}], [l]), h = r(() => [
 		{
 			value: "none",
-			icon: /* @__PURE__ */ i(o, {}),
+			icon: /* @__PURE__ */ a(s, {}),
 			description: "None",
-			active: l === "none"
+			active: u === "none"
 		},
 		{
 			value: "line-through",
 			icon: "fa-solid fa-strikethrough",
 			description: "Strikethrough",
-			active: l === "line-through"
+			active: u === "line-through"
 		},
 		{
 			value: "underline",
 			icon: "fa-solid fa-underline",
 			description: "Underline",
-			active: l === "underline"
+			active: u === "underline"
 		},
 		{
 			value: "overline",
-			icon: /* @__PURE__ */ i(s, {}),
+			icon: /* @__PURE__ */ a(c, {}),
 			description: "Overline",
-			active: l === "overline"
+			active: u === "overline"
 		}
-	], [l]);
-	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(t, {
-		label: "Italicize",
-		keys: ["font-style"],
-		children: /* @__PURE__ */ i(e, {
-			onChange: u?.("font-style"),
+	], [u]);
+	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o(t, {
+		label: "",
+		children: [/* @__PURE__ */ a(e, {
+			keys: ["font-style"],
+			label: "Italicize",
+			onChange: p?.("font-style"),
 			type: "iconGroup",
-			items: d
-		})
-	}), /* @__PURE__ */ i(t, {
-		label: "Decoration",
-		keys: ["text-decoration"],
-		children: /* @__PURE__ */ i(e, {
-			onChange: u?.("text-decoration"),
+			items: m
+		}), /* @__PURE__ */ a(e, {
+			keys: ["text-decoration"],
+			label: "Decoration",
+			onChange: p?.("text-decoration"),
 			type: "iconGroup",
-			items: f
-		})
-	})] });
+			items: h
+		})]
+	}), /* @__PURE__ */ a(n, { children: /* @__PURE__ */ o(t, {
+		label: "",
+		children: [/* @__PURE__ */ a(e, {
+			keys: ["text-decoration-thickness"],
+			label: "Thickness",
+			value: d,
+			onChange: p?.("text-decoration-thickness"),
+			type: "metric"
+		}), /* @__PURE__ */ a(e, {
+			keys: ["text-underline-offset"],
+			label: "Offset",
+			value: f,
+			onChange: p?.("text-underline-offset"),
+			type: "metric"
+		})]
+	}) })] });
 };
 //#endregion
-export { c as default };
+export { l as default };

package/dist/components/StyleInspector/categories/Typography/TypographyTransform.mjs

@@ -46,23 +46,22 @@ var l = ({ textTransform: l, direction: u, onChange: d }) => {
 		description: "Right To Left",
 		active: u === "rtl"
 	}], [u]);
-	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(t, {
-		label: "Capitalize",
-		keys: ["text-transform"],
-		children: /* @__PURE__ */ i(e, {
+	return /* @__PURE__ */ i(r, { children: /* @__PURE__ */ a(t, {
+		label: "",
+		children: [/* @__PURE__ */ i(e, {
+			keys: ["text-transform"],
+			label: "Capitalize",
 			onChange: d?.("text-transform"),
 			type: "iconGroup",
 			items: f
-		})
-	}), /* @__PURE__ */ i(t, {
-		label: "Direction",
-		keys: ["direction"],
-		children: /* @__PURE__ */ i(e, {
+		}), /* @__PURE__ */ i(e, {
+			keys: ["direction"],
+			label: "Direction",
 			onChange: d?.("direction"),
 			type: "iconGroup",
 			items: p
-		})
-	})] });
+		})]
+	}) });
 };
 //#endregion
 export { l as default };

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

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export type CategoryAdvancedProps = {
+    children?: ReactNode;
+};
+declare const CategoryAdvanced: ({ children }: CategoryAdvancedProps) => ReactNode;
+export default CategoryAdvanced;

package/dist/components/StyleInspector/components/CategoryAdvanced/CategoryAdvanced.mjs

@@ -0,0 +1,6 @@
+import e from "./CategoryAdvancedContext.mjs";
+import { use as t } from "react";
+//#region src/components/StyleInspector/components/CategoryAdvanced/CategoryAdvanced.tsx
+var n = ({ children: n }) => t(e) ? n : null;
+//#endregion
+export { n as default };

package/dist/components/StyleInspector/components/CategoryAdvanced/CategoryAdvancedContext.d.ts

@@ -0,0 +1,2 @@
+declare const CategoryAdvancedContext: import('react').Context<boolean>;
+export default CategoryAdvancedContext;

package/dist/components/StyleInspector/components/CategoryAdvanced/CategoryAdvancedContext.mjs

@@ -0,0 +1,5 @@
+import { createContext as e } from "react";
+//#region src/components/StyleInspector/components/CategoryAdvanced/CategoryAdvancedContext.ts
+var t = e(!1);
+//#endregion
+export { t as default };

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

@@ -0,0 +1,4 @@
+import { default as CategoryAdvanced } from './CategoryAdvanced';
+export * from './CategoryAdvanced';
+export { default as CategoryAdvancedContext } from './CategoryAdvancedContext';
+export default CategoryAdvanced;

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

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

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

@@ -6,8 +6,9 @@ export type CategoryContainerProps = {
     children?: ReactNode;
     title?: string;
     dotKeys?: StyleCategory[];
+    advancedKeys?: StyleCategory[];
     isCollapsed?: boolean;
     onCollapse: (collapsed: boolean) => void;
 };
-declare const CategoryContainer: ({ className, classNameContent, children, title, dotKeys, isCollapsed, onCollapse }: CategoryContainerProps) => import("react").JSX.Element;
+declare const CategoryContainer: ({ className, classNameContent, children, title, dotKeys, advancedKeys, isCollapsed, onCollapse }: CategoryContainerProps) => import("react").JSX.Element;
 export default CategoryContainer;

package/dist/components/StyleInspector/components/CategoryContainer/CategoryContainer.mjs

@@ -1,27 +1,54 @@
-import e from "../InspectorDots/index.mjs";
-import t from "clsx";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import i from "@plitzi/plitzi-ui/Icon";
-import a from "@plitzi/plitzi-ui/ContainerCollapsable";
+import e from "../../hooks/useInspectorValues.mjs";
+import t from "../CategoryAdvanced/CategoryAdvancedContext.mjs";
+import n from "../InspectorDots/index.mjs";
+import r from "clsx";
+import { useCallback as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import s from "@plitzi/plitzi-ui/Icon";
+import c from "@plitzi/plitzi-ui/hooks/useStorage";
+import l from "@plitzi/plitzi-ui/ContainerCollapsable";
 //#region src/components/StyleInspector/components/CategoryContainer/CategoryContainer.tsx
-var o = ({ className: o, classNameContent: s, children: c, title: l = "Title", dotKeys: u, isCollapsed: d = !0, onCollapse: f }) => /* @__PURE__ */ r(a, {
-	className: o,
-	collapsed: d,
-	onChange: f,
-	children: [/* @__PURE__ */ n(a.Header, {
-		className: t("h-8", {
-			"border-b border-gray-200 hover:bg-slate-100 dark:border-zinc-700 dark:hover:bg-zinc-700/50": d,
-			"bg-slate-100 dark:bg-zinc-700/50": !d
-		}),
-		title: l,
-		placement: "right",
-		iconCollapsed: /* @__PURE__ */ n(i, { icon: "fa-solid fa-angle-down" }),
-		iconExpanded: /* @__PURE__ */ n(i, { icon: "fa-solid fa-angle-up" }),
-		children: /* @__PURE__ */ n(e, { styleKeys: u })
-	}), /* @__PURE__ */ n(a.Content, {
-		className: t("flex flex-col gap-3 p-2", { "border-b border-gray-200 dark:border-zinc-700": !d }, s),
-		children: c
-	})]
-});
+var u = ({ className: u, classNameContent: d, children: f, title: p = "Title", dotKeys: m, advancedKeys: h, isCollapsed: g = !0, onCollapse: _ }) => {
+	let [v, y] = c(`builder-state.styleInspector.advanced.${p}`, !1), { hasValues: b } = e({
+		keys: h,
+		asValue: !1
+	}), x = i((e) => {
+		e.stopPropagation(), y((e) => !e);
+	}, [y]);
+	return /* @__PURE__ */ o(l, {
+		className: u,
+		collapsed: g,
+		onChange: _,
+		children: [/* @__PURE__ */ a(l.Header, {
+			className: r("h-8", {
+				"border-b border-gray-200 hover:bg-slate-100 dark:border-zinc-700 dark:hover:bg-zinc-700/50": g,
+				"bg-slate-100 dark:bg-zinc-700/50": !g
+			}),
+			title: p,
+			placement: "right",
+			iconCollapsed: /* @__PURE__ */ a(s, { icon: "fa-solid fa-angle-down" }),
+			iconExpanded: /* @__PURE__ */ a(s, { icon: "fa-solid fa-angle-up" }),
+			children: /* @__PURE__ */ o("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ a(n, { styleKeys: m }), !!h?.length && !g && /* @__PURE__ */ a(s, {
+					className: r("cursor-pointer text-xs", {
+						"text-blue-500": v,
+						"text-orange-500": !v && b,
+						"text-gray-400 hover:text-gray-600 dark:text-zinc-500 dark:hover:text-zinc-300": !v && !b
+					}),
+					icon: "fa-solid fa-sliders",
+					title: v ? "Hide advanced properties" : "Show advanced properties",
+					onClick: x
+				})]
+			})
+		}), /* @__PURE__ */ a(l.Content, {
+			className: r("flex flex-col gap-3 p-2", { "border-b border-gray-200 dark:border-zinc-700": !g }, d),
+			children: /* @__PURE__ */ a(t, {
+				value: v,
+				children: f
+			})
+		})]
+	});
+};
 //#endregion
-export { o as default };
+export { u as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plitzi/sdk-style",
-  "version": "0.32.19",
+  "version": "0.32.21",
   "license": "AGPL-3.0",
   "files": [
     "dist"
@@ -502,6 +502,38 @@
       "types": "./dist/components/StyleInspector/categories/ListItem/index.d.ts",
       "import": "./dist/components/StyleInspector/categories/ListItem/index.mjs"
     },
+    "./components/StyleInspector/categories/Others": {
+      "types": "./dist/components/StyleInspector/categories/Others/index.d.ts",
+      "import": "./dist/components/StyleInspector/categories/Others/index.mjs"
+    },
+    "./components/StyleInspector/categories/Others/Others": {
+      "types": "./dist/components/StyleInspector/categories/Others/Others.d.ts",
+      "import": "./dist/components/StyleInspector/categories/Others/Others.mjs"
+    },
+    "./components/StyleInspector/categories/Others/OthersForm": {
+      "types": "./dist/components/StyleInspector/categories/Others/OthersForm.d.ts",
+      "import": "./dist/components/StyleInspector/categories/Others/OthersForm.mjs"
+    },
+    "./components/StyleInspector/categories/Others/OthersInteraction": {
+      "types": "./dist/components/StyleInspector/categories/Others/OthersInteraction.d.ts",
+      "import": "./dist/components/StyleInspector/categories/Others/OthersInteraction.mjs"
+    },
+    "./components/StyleInspector/categories/Others/OthersOutline": {
+      "types": "./dist/components/StyleInspector/categories/Others/OthersOutline.d.ts",
+      "import": "./dist/components/StyleInspector/categories/Others/OthersOutline.mjs"
+    },
+    "./components/StyleInspector/categories/Others/OthersSvg": {
+      "types": "./dist/components/StyleInspector/categories/Others/OthersSvg.d.ts",
+      "import": "./dist/components/StyleInspector/categories/Others/OthersSvg.mjs"
+    },
+    "./components/StyleInspector/categories/Others/OthersTable": {
+      "types": "./dist/components/StyleInspector/categories/Others/OthersTable.d.ts",
+      "import": "./dist/components/StyleInspector/categories/Others/OthersTable.mjs"
+    },
+    "./components/StyleInspector/categories/Others/index": {
+      "types": "./dist/components/StyleInspector/categories/Others/index.d.ts",
+      "import": "./dist/components/StyleInspector/categories/Others/index.mjs"
+    },
     "./components/StyleInspector/categories/Position": {
       "types": "./dist/components/StyleInspector/categories/Position/index.d.ts",
       "import": "./dist/components/StyleInspector/categories/Position/index.mjs"
@@ -606,6 +638,14 @@
       "types": "./dist/components/StyleInspector/categories/Typography/TypographyAlign.d.ts",
       "import": "./dist/components/StyleInspector/categories/Typography/TypographyAlign.mjs"
     },
+    "./components/StyleInspector/categories/Typography/TypographyBreaking": {
+      "types": "./dist/components/StyleInspector/categories/Typography/TypographyBreaking.d.ts",
+      "import": "./dist/components/StyleInspector/categories/Typography/TypographyBreaking.mjs"
+    },
+    "./components/StyleInspector/categories/Typography/TypographyClamp": {
+      "types": "./dist/components/StyleInspector/categories/Typography/TypographyClamp.d.ts",
+      "import": "./dist/components/StyleInspector/categories/Typography/TypographyClamp.mjs"
+    },
     "./components/StyleInspector/categories/Typography/TypographyConstants": {
       "types": "./dist/components/StyleInspector/categories/Typography/TypographyConstants.d.ts",
       "import": "./dist/components/StyleInspector/categories/Typography/TypographyConstants.mjs"
@@ -646,6 +686,22 @@
       "types": "./dist/components/StyleInspector/categories/Variables/index.d.ts",
       "import": "./dist/components/StyleInspector/categories/Variables/index.mjs"
     },
+    "./components/StyleInspector/components/CategoryAdvanced": {
+      "types": "./dist/components/StyleInspector/components/CategoryAdvanced/index.d.ts",
+      "import": "./dist/components/StyleInspector/components/CategoryAdvanced/index.mjs"
+    },
+    "./components/StyleInspector/components/CategoryAdvanced/CategoryAdvanced": {
+      "types": "./dist/components/StyleInspector/components/CategoryAdvanced/CategoryAdvanced.d.ts",
+      "import": "./dist/components/StyleInspector/components/CategoryAdvanced/CategoryAdvanced.mjs"
+    },
+    "./components/StyleInspector/components/CategoryAdvanced/CategoryAdvancedContext": {
+      "types": "./dist/components/StyleInspector/components/CategoryAdvanced/CategoryAdvancedContext.d.ts",
+      "import": "./dist/components/StyleInspector/components/CategoryAdvanced/CategoryAdvancedContext.mjs"
+    },
+    "./components/StyleInspector/components/CategoryAdvanced/index": {
+      "types": "./dist/components/StyleInspector/components/CategoryAdvanced/index.d.ts",
+      "import": "./dist/components/StyleInspector/components/CategoryAdvanced/index.mjs"
+    },
     "./components/StyleInspector/components/CategoryContainer": {
       "types": "./dist/components/StyleInspector/components/CategoryContainer/index.d.ts",
       "import": "./dist/components/StyleInspector/components/CategoryContainer/index.mjs"
@@ -836,9 +892,9 @@
   },
   "dependencies": {
     "@plitzi/plitzi-ui": "^1.6.18",
-    "@plitzi/sdk-plugins": "0.32.19",
-    "@plitzi/sdk-shared": "0.32.19",
-    "@plitzi/sdk-variables": "0.32.19",
+    "@plitzi/sdk-plugins": "0.32.21",
+    "@plitzi/sdk-shared": "0.32.21",
+    "@plitzi/sdk-variables": "0.32.21",
     "clsx": "^2.1.1",
     "immer": "^11.1.15",
     "prop-types": "^15.8.1",