@plitzi/sdk-style 0.32.0 → 0.32.2

package/dist/components/StyleInspector/categories/Effects/BoxShadow/BoxShadowItem.d.ts

@@ -4,5 +4,5 @@ export type BoxShadowItemProps = {
     onChange?: (value: string) => void;
     onRemove?: (e: MouseEvent) => void;
 };
-declare const BoxShadowItem: ({ value, onChange, onRemove }: BoxShadowItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const BoxShadowItem: ({ value, onChange, onRemove }: BoxShadowItemProps) => import("react").JSX.Element;
 export default BoxShadowItem;

package/dist/components/StyleInspector/categories/Effects/Effects.d.ts

@@ -3,5 +3,5 @@ export type EffectsProps = {
     isCollapsed?: boolean;
     onCollapse?: (category: string, isCollapsed: boolean) => void;
 };
-declare const _default: import('react').MemoExoticComponent<({ replaceTokens, isCollapsed, onCollapse }: EffectsProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ replaceTokens, isCollapsed, onCollapse }: EffectsProps) => import("react").JSX.Element>;
 export default _default;

package/dist/components/StyleInspector/categories/Effects/Filters/Filter.d.ts

@@ -3,5 +3,5 @@ export type FilterProps = {
     value?: StyleValue;
     onChange?: (value: StyleValue | Record<StyleCategory, StyleValue> | boolean) => void;
 };
-declare const Filter: ({ value, onChange }: FilterProps) => import("react/jsx-runtime").JSX.Element;
+declare const Filter: ({ value, onChange }: FilterProps) => import("react").JSX.Element;
 export default Filter;

package/dist/components/StyleInspector/categories/Effects/Filters/FilterItem.d.ts

@@ -4,5 +4,5 @@ export type FilterItemProps = {
     onChange?: (value: string) => void;
     onRemove?: (e: MouseEvent) => void;
 };
-declare const FilterItem: ({ value, onRemove, onChange }: FilterItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const FilterItem: ({ value, onRemove, onChange }: FilterItemProps) => import("react").JSX.Element;
 export default FilterItem;

package/dist/components/StyleInspector/categories/Effects/Transform/Transform.d.ts

@@ -3,5 +3,5 @@ export type TransformProps = {
     value?: StyleValue;
     onChange?: (value: StyleValue | Record<StyleCategory, StyleValue> | boolean) => void;
 };
-declare const Transform: ({ value, onChange }: TransformProps) => import("react/jsx-runtime").JSX.Element;
+declare const Transform: ({ value, onChange }: TransformProps) => import("react").JSX.Element;
 export default Transform;

package/dist/components/StyleInspector/categories/Effects/Transform/TransformItem.d.ts

@@ -4,5 +4,5 @@ export type TransformItemProps = {
     onChange?: (value: string) => void;
     onRemove?: (e: MouseEvent) => void;
 };
-declare const TransformItem: ({ value, onRemove, onChange }: TransformItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const TransformItem: ({ value, onRemove, onChange }: TransformItemProps) => import("react").JSX.Element;
 export default TransformItem;

package/dist/components/StyleInspector/categories/Effects/Transition/Transition.d.ts

@@ -3,5 +3,5 @@ export type TransitionProps = {
     value?: StyleValue;
     onChange?: (value: StyleValue | Record<StyleCategory, StyleValue> | boolean) => void;
 };
-declare const Transition: ({ value, onChange }: TransitionProps) => import("react/jsx-runtime").JSX.Element;
+declare const Transition: ({ value, onChange }: TransitionProps) => import("react").JSX.Element;
 export default Transition;

package/dist/components/StyleInspector/categories/Effects/Transition/TransitionItem.d.ts

@@ -4,5 +4,5 @@ export type TransitionItemProps = {
     onChange?: (value: string) => void;
     onRemove?: (e: MouseEvent) => void;
 };
-declare const TransitionItem: ({ value, onRemove, onChange }: TransitionItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const TransitionItem: ({ value, onRemove, onChange }: TransitionItemProps) => import("react").JSX.Element;
 export default TransitionItem;

package/dist/components/StyleInspector/categories/List/List.d.ts

@@ -3,5 +3,5 @@ export type ListProps = {
     isCollapsed?: boolean;
     onCollapse?: (category: string, isCollapsed: boolean) => void;
 };
-declare const _default: import('react').MemoExoticComponent<({ replaceTokens, isCollapsed, onCollapse }: ListProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ replaceTokens, isCollapsed, onCollapse }: ListProps) => import("react").JSX.Element>;
 export default _default;

package/dist/components/StyleInspector/categories/ListItem/ListItem.d.ts

@@ -3,5 +3,5 @@ export type ListItemProps = {
     isCollapsed?: boolean;
     onCollapse?: (category: string, isCollapsed: boolean) => void;
 };
-declare const _default: import('react').MemoExoticComponent<({ replaceTokens, isCollapsed, onCollapse }: ListItemProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ replaceTokens, isCollapsed, onCollapse }: ListItemProps) => import("react").JSX.Element>;
 export default _default;

package/dist/components/StyleInspector/categories/Position/Position.d.ts

@@ -3,5 +3,5 @@ export type PositionProps = {
     isCollapsed?: boolean;
     onCollapse?: (category: string, isCollapsed: boolean) => void;
 };
-declare const _default: import('react').MemoExoticComponent<({ replaceTokens, isCollapsed, onCollapse }: PositionProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ replaceTokens, isCollapsed, onCollapse }: PositionProps) => import("react").JSX.Element>;
 export default _default;

package/dist/components/StyleInspector/categories/Position/PositionAdvanced.d.ts

@@ -3,5 +3,5 @@ export type PositionAdvancedProps = {
     value?: Record<StyleCategory, StyleValue | undefined>;
     onChange?: (category: StyleCategory) => (value: StyleValue | Record<StyleCategory, StyleValue> | boolean) => void;
 };
-declare const PositionAdvanced: ({ value, onChange }: PositionAdvancedProps) => import("react/jsx-runtime").JSX.Element;
+declare const PositionAdvanced: ({ value, onChange }: PositionAdvancedProps) => import("react").JSX.Element;
 export default PositionAdvanced;

package/dist/components/StyleInspector/categories/Position/PositionAdvancedButtons.d.ts

@@ -3,5 +3,5 @@ export type PositionAdvancedButtonsProps = {
     value?: Record<StyleCategory, StyleValue | undefined>;
     onChange?: (value: StyleValue | Record<StyleCategory, StyleValue> | boolean) => void;
 };
-declare const PositionAdvancedButtons: ({ value, onChange }: PositionAdvancedButtonsProps) => import("react/jsx-runtime").JSX.Element;
+declare const PositionAdvancedButtons: ({ value, onChange }: PositionAdvancedButtonsProps) => import("react").JSX.Element;
 export default PositionAdvancedButtons;

package/dist/components/StyleInspector/categories/Position/PositionClear.d.ts

@@ -3,5 +3,5 @@ export type PositionClearProps = {
     value?: StyleValue;
     onChange?: (value: StyleValue | Record<StyleCategory, StyleValue> | boolean) => void;
 };
-declare const PositionClear: ({ value, onChange }: PositionClearProps) => import("react/jsx-runtime").JSX.Element;
+declare const PositionClear: ({ value, onChange }: PositionClearProps) => import("react").JSX.Element;
 export default PositionClear;

package/dist/components/StyleInspector/categories/Position/PositionFloat.d.ts

@@ -3,5 +3,5 @@ export type PositionFloatProps = {
     value?: StyleValue;
     onChange?: (value: StyleValue | Record<StyleCategory, StyleValue> | boolean) => void;
 };
-declare const PositionFloat: ({ value, onChange }: PositionFloatProps) => import("react/jsx-runtime").JSX.Element;
+declare const PositionFloat: ({ value, onChange }: PositionFloatProps) => import("react").JSX.Element;
 export default PositionFloat;

package/dist/components/StyleInspector/categories/RawStyle/RawStyle.d.ts

@@ -4,5 +4,5 @@ export type VariablesProps = {
     isCollapsed?: boolean;
     onCollapse?: (category: string, isCollapsed: boolean) => void;
 };
-declare const RawStyle: ({ selectors, isCollapsed, onCollapse }: VariablesProps) => import("react/jsx-runtime").JSX.Element;
+declare const RawStyle: ({ selectors, isCollapsed, onCollapse }: VariablesProps) => import("react").JSX.Element;
 export default RawStyle;

package/dist/components/StyleInspector/categories/Size/Size.d.ts

@@ -3,5 +3,5 @@ export type SizeProps = {
     isCollapsed?: boolean;
     onCollapse?: (category: string, isCollapsed: boolean) => void;
 };
-declare const _default: import('react').MemoExoticComponent<({ replaceTokens, isCollapsed, onCollapse }: SizeProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ replaceTokens, isCollapsed, onCollapse }: SizeProps) => import("react").JSX.Element>;
 export default _default;

package/dist/components/StyleInspector/categories/Size/SizeFit.d.ts

@@ -3,5 +3,5 @@ export type SizeFitProps = {
     value?: StyleValue;
     onChange?: (type: StyleCategory) => (value: StyleValue | Record<StyleCategory, StyleValue> | boolean) => void;
 };
-declare const SizeFit: ({ value, onChange }: SizeFitProps) => import("react/jsx-runtime").JSX.Element;
+declare const SizeFit: ({ value, onChange }: SizeFitProps) => import("react").JSX.Element;
 export default SizeFit;

package/dist/components/StyleInspector/categories/Size/SizeOverflow.d.ts

@@ -3,5 +3,5 @@ export type SizeOverflowProps = {
     value?: StyleValue;
     onChange?: (type: StyleCategory) => (value: StyleValue | Record<StyleCategory, StyleValue> | boolean) => void;
 };
-declare const SizeOverflow: ({ value, onChange }: SizeOverflowProps) => import("react/jsx-runtime").JSX.Element;
+declare const SizeOverflow: ({ value, onChange }: SizeOverflowProps) => import("react").JSX.Element;
 export default SizeOverflow;

package/dist/components/StyleInspector/categories/Size/SizePosition.d.ts

@@ -3,5 +3,5 @@ export type SizePositionProps = {
     value?: StyleValue;
     onChange?: (type: StyleCategory) => (value: StyleValue | Record<StyleCategory, StyleValue> | boolean) => void;
 };
-declare const SizePosition: ({ value, onChange }: SizePositionProps) => import("react/jsx-runtime").JSX.Element;
+declare const SizePosition: ({ value, onChange }: SizePositionProps) => import("react").JSX.Element;
 export default SizePosition;

package/dist/components/StyleInspector/categories/Spacing/Spacing.d.ts

@@ -3,5 +3,5 @@ export type SpacingProps = {
     isCollapsed?: boolean;
     onCollapse?: (category: string, isCollapsed: boolean) => void;
 };
-declare const _default: import('react').MemoExoticComponent<({ replaceTokens, isCollapsed, onCollapse }: SpacingProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ replaceTokens, isCollapsed, onCollapse }: SpacingProps) => import("react").JSX.Element>;
 export default _default;

package/dist/components/StyleInspector/categories/Spacing/SpacingEditor.d.ts

@@ -4,5 +4,5 @@ export type SpacingEditorProps = {
     value?: StyleValue;
     onChange?: (type: StyleCategory, value: StyleValue) => void;
 };
-declare const SpacingEditor: ({ fragmentSelected, value, onChange }: SpacingEditorProps) => import("react/jsx-runtime").JSX.Element;
+declare const SpacingEditor: ({ fragmentSelected, value, onChange }: SpacingEditorProps) => import("react").JSX.Element;
 export default SpacingEditor;

package/dist/components/StyleInspector/categories/Spacing/SpacingMargin.d.ts

@@ -15,5 +15,5 @@ export type SpacingMarginProps = {
     onLinkSelected?: () => void;
     onSelectFragment?: (fragment?: StyleCategory) => void;
 };
-declare const SpacingMargin: ({ fragmentSelected, values, isLinked, onLinkSelected, onSelectFragment }: SpacingMarginProps) => import("react/jsx-runtime").JSX.Element;
+declare const SpacingMargin: ({ fragmentSelected, values, isLinked, onLinkSelected, onSelectFragment }: SpacingMarginProps) => import("react").JSX.Element;
 export default SpacingMargin;

package/dist/components/StyleInspector/categories/Spacing/SpacingNumber.d.ts

@@ -4,5 +4,5 @@ export type SpacingNumberProps = {
     active?: boolean;
     onClick?: () => void;
 };
-declare const SpacingNumber: ({ value, active, onClick }: SpacingNumberProps) => import("react/jsx-runtime").JSX.Element;
+declare const SpacingNumber: ({ value, active, onClick }: SpacingNumberProps) => import("react").JSX.Element;
 export default SpacingNumber;

package/dist/components/StyleInspector/categories/Spacing/SpacingPadding.d.ts

@@ -11,5 +11,5 @@ export type SpacingPaddingProps = {
     onLinkSelected?: () => void;
     onSelectFragment?: (fragment?: StyleCategory) => void;
 };
-declare const SpacingPadding: ({ fragmentSelected, values, isLinked, onLinkSelected, onSelectFragment }: SpacingPaddingProps) => import("react/jsx-runtime").JSX.Element;
+declare const SpacingPadding: ({ fragmentSelected, values, isLinked, onLinkSelected, onSelectFragment }: SpacingPaddingProps) => import("react").JSX.Element;
 export default SpacingPadding;

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

@@ -7,5 +7,5 @@ export type TypographyProps = {
     }[];
     onCollapse?: (category: string, isCollapsed: boolean) => void;
 };
-declare const _default: import('react').MemoExoticComponent<({ replaceTokens, isCollapsed, fonts, onCollapse }: TypographyProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ replaceTokens, isCollapsed, fonts, onCollapse }: TypographyProps) => import("react").JSX.Element>;
 export default _default;

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

@@ -3,5 +3,5 @@ export type TypographyAlignProps = {
     partialValue?: StyleValue;
     onChange?: (value: StyleValue | Record<StyleCategory, StyleValue> | boolean) => void;
 };
-declare const TypographyAlign: ({ partialValue, onChange }: TypographyAlignProps) => import("react/jsx-runtime").JSX.Element;
+declare const TypographyAlign: ({ partialValue, onChange }: TypographyAlignProps) => import("react").JSX.Element;
 export default TypographyAlign;

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

@@ -6,5 +6,5 @@ export type TypographyFontProps = {
     }[];
     onChange?: (value: StyleValue | Record<StyleCategory, StyleValue> | boolean) => void;
 };
-declare const TypographyFont: ({ partialValue, fonts, onChange }: TypographyFontProps) => import("react/jsx-runtime").JSX.Element;
+declare const TypographyFont: ({ partialValue, fonts, onChange }: TypographyFontProps) => import("react").JSX.Element;
 export default TypographyFont;

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

@@ -4,5 +4,5 @@ export type TypographyStyleProps = {
     textDecoration?: StyleValue;
     onChange?: (category: StyleCategory) => (value: StyleValue | Record<StyleCategory, StyleValue> | boolean) => void;
 };
-declare const TypographyStyle: ({ fontStyle, textDecoration, onChange }: TypographyStyleProps) => import("react/jsx-runtime").JSX.Element;
+declare const TypographyStyle: ({ fontStyle, textDecoration, onChange }: TypographyStyleProps) => import("react").JSX.Element;
 export default TypographyStyle;

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

@@ -3,5 +3,5 @@ export type TypographyTextShadowProps = {
     value?: StyleValue;
     onChange?: (value: StyleValue | Record<StyleCategory, StyleValue> | boolean) => void;
 };
-declare const TypographyTextShadow: ({ value, onChange }: TypographyTextShadowProps) => import("react/jsx-runtime").JSX.Element;
+declare const TypographyTextShadow: ({ value, onChange }: TypographyTextShadowProps) => import("react").JSX.Element;
 export default TypographyTextShadow;

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

@@ -4,5 +4,5 @@ export type TypographyTextShadowItemProps = {
     onChange?: (value: string) => void;
     onRemove?: (e: MouseEvent) => void;
 };
-declare const TypographyTextShadowItem: ({ value, onRemove, onChange }: TypographyTextShadowItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const TypographyTextShadowItem: ({ value, onRemove, onChange }: TypographyTextShadowItemProps) => import("react").JSX.Element;
 export default TypographyTextShadowItem;

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

@@ -4,5 +4,5 @@ export type TypographyTransformProps = {
     direction?: StyleValue;
     onChange?: (category: StyleCategory) => (value: StyleValue | Record<StyleCategory, StyleValue> | boolean) => void;
 };
-declare const TypographyTransform: ({ textTransform, direction, onChange }: TypographyTransformProps) => import("react/jsx-runtime").JSX.Element;
+declare const TypographyTransform: ({ textTransform, direction, onChange }: TypographyTransformProps) => import("react").JSX.Element;
 export default TypographyTransform;

package/dist/components/StyleInspector/categories/Variables/Variables.d.ts

@@ -3,5 +3,5 @@ export type VariablesProps = {
     isCollapsed?: boolean;
     onCollapse?: (category: string, isCollapsed: boolean) => void;
 };
-declare const Variables: ({ isCollapsed, onCollapse }: VariablesProps) => import("react/jsx-runtime").JSX.Element | undefined;
+declare const Variables: ({ isCollapsed, onCollapse }: VariablesProps) => import("react").JSX.Element | undefined;
 export default Variables;

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

@@ -9,5 +9,5 @@ export type CategoryContainerProps = {
     isCollapsed?: boolean;
     onCollapse: (collapsed: boolean) => void;
 };
-declare const CategoryContainer: ({ className, classNameContent, children, title, dotKeys, isCollapsed, onCollapse }: CategoryContainerProps) => import("react/jsx-runtime").JSX.Element;
+declare const CategoryContainer: ({ className, classNameContent, children, title, dotKeys, isCollapsed, onCollapse }: CategoryContainerProps) => import("react").JSX.Element;
 export default CategoryContainer;

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

@@ -35,5 +35,5 @@ export type CategoryOptionProps = (CategoryOptionPropsBase & {
     type?: 'input' | 'select';
     value?: StyleValue;
 });
-declare const CategoryOption: (props: CategoryOptionProps) => import("react/jsx-runtime").JSX.Element;
+declare const CategoryOption: (props: CategoryOptionProps) => import("react").JSX.Element;
 export default CategoryOption;

package/dist/components/StyleInspector/components/CategoryOption/categoryTypes/OptionColor.d.ts

@@ -4,5 +4,5 @@ export type OptionColorProps = {
     value?: StyleValue;
     onChange?: (value: StyleValue | Record<StyleCategory, StyleValue>) => void;
 };
-declare const OptionColor: ({ className, value, onChange }: OptionColorProps) => import("react/jsx-runtime").JSX.Element;
+declare const OptionColor: ({ className, value, onChange }: OptionColorProps) => import("react").JSX.Element;
 export default OptionColor;

package/dist/components/StyleInspector/components/CategoryOption/categoryTypes/OptionIconGroup.d.ts

@@ -11,5 +11,5 @@ export type OptionIconGroupProps = {
     }[];
     onChange?: (value: StyleValue | Record<StyleCategory, StyleValue> | boolean) => void;
 };
-declare const OptionIconGroup: ({ items, onChange }: OptionIconGroupProps) => import("react/jsx-runtime").JSX.Element;
+declare const OptionIconGroup: ({ items, onChange }: OptionIconGroupProps) => import("react").JSX.Element;
 export default OptionIconGroup;

package/dist/components/StyleInspector/components/CategoryOption/categoryTypes/OptionInput.d.ts

@@ -4,5 +4,5 @@ export type OptionInputProps = {
     value?: StyleValue;
     onChange?: (value: StyleValue | Record<StyleCategory, StyleValue>) => void;
 };
-declare const OptionInput: ({ value, className, onChange }: OptionInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const OptionInput: ({ value, className, onChange }: OptionInputProps) => import("react").JSX.Element;
 export default OptionInput;

package/dist/components/StyleInspector/components/CategoryOption/categoryTypes/OptionMetricInput.d.ts

@@ -14,5 +14,5 @@ export type OptionMetricInputProps = {
     allowVariables?: boolean;
     onChange?: (value: StyleValue | Record<StyleCategory, StyleValue>) => void;
 };
-declare const OptionMetricInput: ({ value, className, preffix, min, max, step, units, allowedWords, allowVariables, onChange }: OptionMetricInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const OptionMetricInput: ({ value, className, preffix, min, max, step, units, allowedWords, allowVariables, onChange }: OptionMetricInputProps) => import("react").JSX.Element;
 export default OptionMetricInput;

package/dist/components/StyleInspector/components/CategoryOption/categoryTypes/OptionSelect.d.ts

@@ -6,5 +6,5 @@ export type OptionSelectProps = {
     value?: StyleValue;
     onChange?: (value: StyleValue | Record<StyleCategory, StyleValue>) => void;
 };
-declare const OptionSelect: ({ children, className, value, onChange }: OptionSelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const OptionSelect: ({ children, className, value, onChange }: OptionSelectProps) => import("react").JSX.Element;
 export default OptionSelect;

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

@@ -8,5 +8,5 @@ export type CategoryOptionProps = {
     direction?: 'column' | 'row';
     keys?: StyleCategory[];
 };
-declare const CategorySection: ({ children, className, direction, label, keys }: CategoryOptionProps) => import("react/jsx-runtime").JSX.Element;
+declare const CategorySection: ({ children, className, direction, label, keys }: CategoryOptionProps) => import("react").JSX.Element;
 export default CategorySection;

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

@@ -2,5 +2,5 @@ import { StyleCategory } from '@plitzi/sdk-shared';
 export type InspectorDotsProps = {
     styleKeys?: StyleCategory[];
 };
-declare const InspectorDots: ({ styleKeys }: InspectorDotsProps) => import("react/jsx-runtime").JSX.Element;
+declare const InspectorDots: ({ styleKeys }: InspectorDotsProps) => import("react").JSX.Element;
 export default InspectorDots;

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

@@ -7,5 +7,5 @@ export type InspectorLabelProps = {
     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>;
+declare const _default: import('react').MemoExoticComponent<({ keyValue, children, className, size, sectionTitle }: InspectorLabelProps) => import("react").JSX.Element>;
 export default _default;

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

@@ -1,18 +1,18 @@
 import { get as e, set as t } from "@plitzi/plitzi-ui/helpers";
 import { useMemo as n } from "react";
 import { emptyObject as r } from "@plitzi/sdk-shared/helpers/utils";
-import { createStoreHook as i } from "@plitzi/nexus/createStore";
+import { useCommonStore as i } from "@plitzi/sdk-shared/store";
 //#region src/components/StyleInspector/hooks/useStyleBinding.ts
 var a = ({ element: a }) => {
-	let { useStore: o } = i(), [s = r] = o("runtime.sources");
+	let [o = r] = i("runtime.sources");
 	return n(() => {
 		let n = {};
 		if (!a) return n;
 		let { definition: { bindings: r } } = a;
 		return r?.style && r.style.forEach((r) => {
-			e(s, `${r.source}.${r.fromPath}`) === void 0 || !r.enabled || t(n, r.toPath, e(s, `${r.source}.${r.fromPath}`));
+			e(o, `${r.source}.${r.fromPath}`) === void 0 || !r.enabled || t(n, r.toPath, e(o, `${r.source}.${r.fromPath}`));
 		}), n;
-	}, [s, a]);
+	}, [o, a]);
 };
 //#endregion
 export { a as default };

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

@@ -1,13 +1,13 @@
 import e from "../../../helpers/calculateInheriting.mjs";
 import { use as t, useMemo as n } from "react";
-import { createStoreHook as r } from "@plitzi/nexus/createStore";
-import i from "@plitzi/sdk-shared/elements/ComponentContext";
+import r from "@plitzi/sdk-shared/elements/ComponentContext";
+import { useBuilderStore as i } from "@plitzi/sdk-shared/store";
 //#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 } = r(), [[p, m]] = f(["schema.flat", "style.platform"]), { componentDefinitions: h } = t(i);
+	let [[f, p]] = i(["schema.flat", "style.platform"]), { componentDefinitions: m } = 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, {
+		return c && r.length > 1 && t.push(c), e(a, o, f, p, m.current, {
 			componentSubType: s,
 			styleSelector: l,
 			styleState: u,
@@ -21,9 +21,9 @@ var a = ({ element: a, componentType: o, componentSubType: s, selector: c, style
 		l,
 		c,
 		o,
+		f,
 		p,
 		m,
-		h,
 		s,
 		u,
 		d

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

@@ -7,5 +7,5 @@ export type ManagerSelectorProps = {
     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>;
+declare const _default: import('react').MemoExoticComponent<({ displayMode, flatList, selectors, selected, onSelect }: ManagerSelectorProps) => import("react").JSX.Element>;
 export default _default;

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

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

package/dist/components/StyleManager/StyleManager.mjs

@@ -3,35 +3,35 @@ 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 { createStoreHook as c } from "@plitzi/nexus/createStore";
-import l from "@plitzi/sdk-shared/elements/ComponentContext";
+import c from "@plitzi/sdk-shared/elements/ComponentContext";
+import { useBuilderStore as l } from "@plitzi/sdk-shared/store";
 //#region src/components/StyleManager/StyleManager.tsx
 var u = () => {
-	let { componentDefinitions: u } = r(l), [d, f] = a(void 0), { useStore: p } = c(), [[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) => ({
+	let { componentDefinitions: u } = r(c), [d, f] = a(void 0), [[p, m]] = l(["schema.flat", "displayMode"]), [h] = l(`style.platform.${m}`), g = i(() => Object.values(p), [p]), _ = i(() => d?.type === "element" ? Object.keys(n(u.current, `${d.componentType}.definition.styleSelectors`, {})) : ["base"], [u, d]), v = i(() => d?.type === "element" ? Object.keys(n(u.current, `${d.componentType}.defaultStyle.subTypes`, {})) : [], [u, d]), y = i(() => {
+		if (d) return d.type === "element" && _.length > 1 ? _.reduce((e, t) => ({
 			...e,
 			[t]: d.componentType
 		}), {}) : { base: d.name };
-	}, [d, v]);
+	}, [d, _]);
 	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: _,
+				displayMode: m,
+				selectors: h,
+				flatList: g,
 				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,
+					displayMode: m,
+					selectors: h,
+					styleSelectors: y,
+					styleSelectorsAvailables: _,
+					componentSubTypesAvailables: v,
 					allowStyleSelector: d.type === "element",
 					componentType: d.componentType,
 					value: d.name

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

@@ -8,5 +8,5 @@ export type StyleSelectorTagProps = {
     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>;
+declare const _default: import('react').MemoExoticComponent<({ id, label, active, elementsCount, type, onSelect, onDelete }: StyleSelectorTagProps) => import("react").JSX.Element>;
 export default _default;

package/dist/helpers/processSelectorAttributes.mjs

@@ -91,4 +91,4 @@ function o(e) {
 	return { attributes: n };
 }
 //#endregion
-export { o as default };
+export { o as default, a as processCssString };

package/dist/models/SelectorForm/SelectorForm.d.ts

@@ -17,5 +17,5 @@ export type SelectorFormProps = {
     onClose?: () => void | Promise<void>;
     onSubmit?: (e: MouseEvent | undefined, values: SelectorFormValues) => void | Promise<void>;
 };
-declare const SelectorForm: ({ name, mode, componentType, components, componentsNotAvailables, onClose, onSubmit }: SelectorFormProps) => import("react/jsx-runtime").JSX.Element;
+declare const SelectorForm: ({ name, mode, componentType, components, componentsNotAvailables, onClose, onSubmit }: SelectorFormProps) => import("react").JSX.Element;
 export default SelectorForm;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plitzi/sdk-style",
-  "version": "0.32.0",
+  "version": "0.32.2",
   "license": "AGPL-3.0",
   "files": [
     "dist"
@@ -831,10 +831,10 @@
     "build:prod": "vite build && node ../sdk-shared/scripts/generate-exports.mjs"
   },
   "dependencies": {
-    "@plitzi/plitzi-ui": "^1.6.9",
-    "@plitzi/sdk-plugins": "0.32.0",
-    "@plitzi/sdk-shared": "0.32.0",
-    "@plitzi/sdk-variables": "0.32.0",
+    "@plitzi/plitzi-ui": "^1.6.13",
+    "@plitzi/sdk-plugins": "0.32.2",
+    "@plitzi/sdk-shared": "0.32.2",
+    "@plitzi/sdk-variables": "0.32.2",
     "clsx": "^2.1.1",
     "immer": "^11.1.8",
     "prop-types": "^15.8.1",
@@ -843,7 +843,7 @@
   "devDependencies": {
     "eslint": "^9.39.4",
     "typescript": "^6.0.3",
-    "vite": "^8.0.14",
-    "vitest": "^4.1.7"
+    "vite": "^8.0.16",
+    "vitest": "^4.1.9"
   }
 }