@plitzi/sdk-style 0.37.1 → 0.37.3

package/dist/SdkStyleContextProvider.d.ts

@@ -4,5 +4,5 @@ export type SdkStyleContextProviderProps = {
     children: ReactNode;
     style?: Style;
 };
-declare const SdkStyleContextProvider: ({ children, style: styleProp }: SdkStyleContextProviderProps) => import("react").JSX.Element;
+declare const SdkStyleContextProvider: ({ children, style: styleProp }: SdkStyleContextProviderProps) => import('react').JSX.Element;
 export default SdkStyleContextProvider;

package/dist/StyleAdvanceEditor.d.ts

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

package/dist/components/InputEasing/Curve.d.ts

@@ -5,5 +5,5 @@ export type CurveProps = {
     yFrom?: number;
     yTo?: number;
 };
-declare const Curve: ({ value, xFrom, xTo, yFrom, yTo }: CurveProps) => import("react").JSX.Element;
+declare const Curve: ({ value, xFrom, xTo, yFrom, yTo }: CurveProps) => import('react').JSX.Element;
 export default Curve;

package/dist/components/InputEasing/Grid.d.ts

@@ -4,5 +4,5 @@ export type GridProps = {
     yFrom?: number;
     yTo?: number;
 };
-declare const Grid: ({ xFrom, xTo, yFrom, yTo }: GridProps) => import("react").JSX.Element;
+declare const Grid: ({ xFrom, xTo, yFrom, yTo }: GridProps) => import('react').JSX.Element;
 export default Grid;

package/dist/components/InputEasing/InputEasing.d.ts

@@ -26,6 +26,6 @@ declare class InputEasing extends Component {
     handleMouseDown: (handle: "bottom" | "top") => (e: React.MouseEvent) => void;
     handleMouseMove: (e: MouseEvent) => void;
     handleMouseUp: () => void;
-    render(): import("react").JSX.Element;
+    render(): import('react').JSX.Element;
 }
 export default InputEasing;

package/dist/components/InputEasing/InputEasingButton.d.ts

@@ -5,5 +5,5 @@ export type InputEasingButtonProps = {
     className?: string;
     onClick?: () => void;
 };
-declare const InputEasingButton: ({ children, title, className, onClick }: InputEasingButtonProps) => import("react").JSX.Element;
+declare const InputEasingButton: ({ children, title, className, onClick }: InputEasingButtonProps) => import('react').JSX.Element;
 export default InputEasingButton;

package/dist/components/InputEasing/InputEasingList.d.ts

@@ -2,5 +2,5 @@ export type InputEasingListProps = {
     className?: string;
     onChange?: (easing: string) => void;
 };
-declare const InputEasingList: ({ className, onChange }: InputEasingListProps) => import("react").JSX.Element;
+declare const InputEasingList: ({ className, onChange }: InputEasingListProps) => import('react').JSX.Element;
 export default InputEasingList;

package/dist/components/InputEasing/Progress.d.ts

@@ -6,5 +6,5 @@ export type ProgressProps = {
     yTo?: number;
     value: [number, number, number, number];
 };
-declare const Progress: ({ progress, xFrom, xTo, yFrom, yTo, value }: ProgressProps) => import("react").JSX.Element;
+declare const Progress: ({ progress, xFrom, xTo, yFrom, yTo, value }: ProgressProps) => import('react').JSX.Element;
 export default Progress;

package/dist/components/Selector/Selector.d.ts

@@ -12,5 +12,5 @@ export type SelectorProps = {
     onChange?: (value: string) => void;
     onRemove?: (selector: SelectorValue) => void;
 };
-declare const _default: import('react').MemoExoticComponent<({ className, value, selectors, selector: selectorProp, componentType, disabled, onChange, onSelectorSelected, onAdd, onRemove }: SelectorProps) => import("react").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ className, value, selectors, selector: selectorProp, componentType, disabled, onChange, onSelectorSelected, onAdd, onRemove }: SelectorProps) => import('react').JSX.Element>;
 export default _default;

package/dist/components/Selector/SelectorItem/ItemOptions.d.ts

@@ -5,5 +5,5 @@ export type ItemOptionsProps = {
     type: TagType;
     onAction?: (action: 'duplicate' | 'remove' | 'delete', data?: SelectorValue) => void;
 };
-declare const ItemOptions: ({ selector, type, onAction }: ItemOptionsProps) => import("react").JSX.Element;
+declare const ItemOptions: ({ selector, type, onAction }: ItemOptionsProps) => import('react').JSX.Element;
 export default ItemOptions;

package/dist/components/Selector/SelectorItem/SelectorItem.d.ts

@@ -11,5 +11,5 @@ export type SelectorItemProps = {
     onChange?: (selector: SelectorValue) => void;
     onAction?: (action: 'duplicate' | 'remove' | 'delete', data?: SelectorValue) => void;
 };
-declare const SelectorItem: ({ className, selector, type, editable, active, readOnly, onClick, onChange, onAction }: SelectorItemProps) => import("react").JSX.Element;
+declare const SelectorItem: ({ className, selector, type, editable, active, readOnly, onClick, onChange, onAction }: SelectorItemProps) => import('react').JSX.Element;
 export default SelectorItem;

package/dist/components/Selector/SelectorSuggestions/SelectorSuggestions.d.ts

@@ -5,5 +5,5 @@ export type SelectorSuggestionsProps = {
     onCreate?: (tag: SelectorValue) => void;
     selectors?: SelectorValue[];
 };
-declare const SelectorSuggestions: ({ onSelect, onCreate, selector, selectors }: SelectorSuggestionsProps) => import("react").JSX.Element;
+declare const SelectorSuggestions: ({ onSelect, onCreate, selector, selectors }: SelectorSuggestionsProps) => import('react').JSX.Element;
 export default SelectorSuggestions;

package/dist/components/Selector/SelectorSuggestions/SuggestionsCreator.d.ts

@@ -3,5 +3,5 @@ export type SuggestionsCreatorProps = {
     selector?: string;
     onClick?: (selector: SelectorValue) => void;
 };
-declare const SuggestionsCreator: ({ selector, onClick }: SuggestionsCreatorProps) => import("react").JSX.Element;
+declare const SuggestionsCreator: ({ selector, onClick }: SuggestionsCreatorProps) => import('react').JSX.Element;
 export default SuggestionsCreator;

package/dist/components/Selector/SelectorSuggestions/SuggestionsList.d.ts

@@ -3,5 +3,5 @@ export type SuggestionsListProps = {
     selectors?: SelectorValue[];
     onSelect?: (selector: SelectorValue) => void;
 };
-declare const SuggestionsList: ({ selectors, onSelect }: SuggestionsListProps) => import("react").JSX.Element;
+declare const SuggestionsList: ({ selectors, onSelect }: SuggestionsListProps) => import('react').JSX.Element;
 export default SuggestionsList;

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

@@ -12,5 +12,5 @@ export type InspectorProps = {
     displayMode: DisplayMode;
     mode?: 'element' | 'manager';
 };
-declare const Inspector: ({ selectors, componentType, componentSubType, selector, styleState, styleVariant, styleAncestor, styleSelector, element, displayMode, mode }: InspectorProps) => import("react").JSX.Element;
+declare const Inspector: ({ selectors, componentType, componentSubType, selector, styleState, styleVariant, styleAncestor, styleSelector, element, displayMode, mode }: InspectorProps) => import('react').JSX.Element;
 export default Inspector;

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

@@ -17,5 +17,5 @@ export type StyleInspectorProps = {
     onStateChange?: (state: StyleState) => void;
     onRemoveVariant?: (variant: string) => void;
 };
-declare const StyleInspector: ({ displayMode, selectors, value, element, mode, componentType, styleSelectors, styleSelectorsAvailables, componentSubTypesAvailables, allowStyleSelector, allowStyleState, allowStyleVariant, onChange, onRemoveVariant }: StyleInspectorProps) => import("react").JSX.Element;
+declare const StyleInspector: ({ displayMode, selectors, value, element, mode, componentType, styleSelectors, styleSelectorsAvailables, componentSubTypesAvailables, allowStyleSelector, allowStyleState, allowStyleVariant, onChange, onRemoveVariant }: StyleInspectorProps) => import('react').JSX.Element;
 export default StyleInspector;

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

@@ -14,5 +14,5 @@ export type StyleInspectorProviderProps = {
     displayMode: DisplayMode;
     onChange?: (path?: StyleCategory, values?: StyleObject | StyleValue) => void;
 };
-declare const StyleInspectorProvider: ({ children, componentType, selector, styleSelector, styleState, styleVariant, styleAncestor, element, inheritData, displayMode, onChange }: StyleInspectorProviderProps) => import("react").JSX.Element;
+declare const StyleInspectorProvider: ({ children, componentType, selector, styleSelector, styleState, styleVariant, styleAncestor, element, inheritData, displayMode, onChange }: StyleInspectorProviderProps) => import('react').JSX.Element;
 export default StyleInspectorProvider;

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

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

package/dist/components/StyleInspector/categories/Background/components/BackgroundLayer/BackgroundLayer.d.ts

@@ -8,5 +8,5 @@ export type BackgroundLayerProps = {
     onRemove: () => void;
     onReorder: (fromIndex: number, toIndex: number) => void;
 };
-declare const _default: import('react').MemoExoticComponent<({ layer, index, expanded, onExpand, onChange, onRemove, onReorder }: BackgroundLayerProps) => import("react").JSX.Element>;
+declare const _default: import('react').MemoExoticComponent<({ layer, index, expanded, onExpand, onChange, onRemove, onReorder }: BackgroundLayerProps) => import('react').JSX.Element>;
 export default _default;

package/dist/components/StyleInspector/categories/Background/components/BackgroundPosition/BackgroundPosition.d.ts

@@ -3,5 +3,5 @@ export type BackgroundPositionProps = {
     layer: BackgroundLayer;
     onChange?: (layer: BackgroundLayer) => void;
 };
-declare const BackgroundPosition: ({ layer, onChange }: BackgroundPositionProps) => import("react").JSX.Element;
+declare const BackgroundPosition: ({ layer, onChange }: BackgroundPositionProps) => import('react').JSX.Element;
 export default BackgroundPosition;

package/dist/components/StyleInspector/categories/Background/components/BackgroundSize/BackgroundSize.d.ts

@@ -3,5 +3,5 @@ export type BackgroundSizeProps = {
     layer: BackgroundLayer;
     onChange?: (layer: BackgroundLayer) => void;
 };
-declare const BackgroundSize: ({ layer, onChange }: BackgroundSizeProps) => import("react").JSX.Element;
+declare const BackgroundSize: ({ layer, onChange }: BackgroundSizeProps) => import('react').JSX.Element;
 export default BackgroundSize;

package/dist/components/StyleInspector/categories/Background/components/BackgroundTile/BackgroundTile.d.ts

@@ -3,5 +3,5 @@ export type BackgroundTileProps = {
     layer: BackgroundLayer;
     onChange?: (layer: BackgroundLayer) => void;
 };
-declare const BackgroundTile: ({ layer, onChange }: BackgroundTileProps) => import("react").JSX.Element;
+declare const BackgroundTile: ({ layer, onChange }: BackgroundTileProps) => import('react').JSX.Element;
 export default BackgroundTile;

package/dist/components/StyleInspector/categories/Background/components/GradientStopBar/GradientPreviewBar.d.ts

@@ -3,5 +3,5 @@ type GradientPreviewBarProps = {
     gradientCSS: string;
     onClick: (e: MouseEvent<HTMLDivElement>) => void;
 };
-declare const GradientPreviewBar: ({ gradientCSS, onClick }: GradientPreviewBarProps) => import("react").JSX.Element;
+declare const GradientPreviewBar: ({ gradientCSS, onClick }: GradientPreviewBarProps) => import('react').JSX.Element;
 export default GradientPreviewBar;

package/dist/components/StyleInspector/categories/Background/components/GradientStopBar/GradientStopBar.d.ts

@@ -3,5 +3,5 @@ export type GradientStopBarProps = {
     stops: GradientStop[];
     onChange?: (stops: GradientStop[]) => void;
 };
-declare const GradientStopBar: ({ stops, onChange }: GradientStopBarProps) => import("react").JSX.Element;
+declare const GradientStopBar: ({ stops, onChange }: GradientStopBarProps) => import('react').JSX.Element;
 export default GradientStopBar;

package/dist/components/StyleInspector/categories/Background/components/GradientStopBar/GradientStopEditor.d.ts

@@ -6,5 +6,5 @@ type GradientStopEditorProps = {
     onPositionChange: (value: unknown) => void;
     onRemove: () => void;
 };
-declare const GradientStopEditor: ({ stop, showRemove, onColorChange, onPositionChange, onRemove }: GradientStopEditorProps) => import("react").JSX.Element;
+declare const GradientStopEditor: ({ stop, showRemove, onColorChange, onPositionChange, onRemove }: GradientStopEditorProps) => import('react').JSX.Element;
 export default GradientStopEditor;

package/dist/components/StyleInspector/categories/Background/components/GradientStopBar/GradientStopHandle.d.ts

@@ -7,5 +7,5 @@ type GradientStopHandleProps = {
     onPositionChange: (stopId: string, pct: number) => void;
     onSelect: (stopId: string) => void;
 };
-declare const GradientStopHandle: ({ stop, selected, trackRef, onPositionChange, onSelect }: GradientStopHandleProps) => import("react").JSX.Element;
+declare const GradientStopHandle: ({ stop, selected, trackRef, onPositionChange, onSelect }: GradientStopHandleProps) => import('react').JSX.Element;
 export default GradientStopHandle;

package/dist/components/StyleInspector/categories/Background/components/GradientStopBar/GradientStopTrack.d.ts

@@ -5,5 +5,5 @@ type GradientStopTrackProps = {
     onChange?: (stops: GradientStop[]) => void;
     onSelect: (id: string) => void;
 };
-declare const GradientStopTrack: ({ stops, selectedId, onChange, onSelect }: GradientStopTrackProps) => import("react").JSX.Element;
+declare const GradientStopTrack: ({ stops, selectedId, onChange, onSelect }: GradientStopTrackProps) => import('react').JSX.Element;
 export default GradientStopTrack;

package/dist/components/StyleInspector/categories/Background/modes/ConicGradientMode.d.ts

@@ -3,5 +3,5 @@ export type ConicGradientModeProps = {
     layer: BackgroundLayer;
     onChange?: (layer: BackgroundLayer) => void;
 };
-declare const ConicGradientMode: ({ layer, onChange }: ConicGradientModeProps) => import("react").JSX.Element;
+declare const ConicGradientMode: ({ layer, onChange }: ConicGradientModeProps) => import('react').JSX.Element;
 export default ConicGradientMode;

package/dist/components/StyleInspector/categories/Background/modes/ImageMode.d.ts

@@ -3,5 +3,5 @@ export type ImageModeProps = {
     layer: BackgroundLayer;
     onChange?: (layer: BackgroundLayer) => void;
 };
-declare const ImageMode: ({ layer, onChange }: ImageModeProps) => import("react").JSX.Element;
+declare const ImageMode: ({ layer, onChange }: ImageModeProps) => import('react').JSX.Element;
 export default ImageMode;

package/dist/components/StyleInspector/categories/Background/modes/LinearGradientMode.d.ts

@@ -3,5 +3,5 @@ export type LinearGradientModeProps = {
     layer: BackgroundLayer;
     onChange?: (layer: BackgroundLayer) => void;
 };
-declare const LinearGradientMode: ({ layer, onChange }: LinearGradientModeProps) => import("react").JSX.Element;
+declare const LinearGradientMode: ({ layer, onChange }: LinearGradientModeProps) => import('react').JSX.Element;
 export default LinearGradientMode;

package/dist/components/StyleInspector/categories/Background/modes/RadialGradientMode.d.ts

@@ -3,5 +3,5 @@ export type RadialGradientModeProps = {
     layer: BackgroundLayer;
     onChange?: (layer: BackgroundLayer) => void;
 };
-declare const RadialGradientMode: ({ layer, onChange }: RadialGradientModeProps) => import("react").JSX.Element;
+declare const RadialGradientMode: ({ layer, onChange }: RadialGradientModeProps) => import('react').JSX.Element;
 export default RadialGradientMode;

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

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

package/dist/components/StyleInspector/categories/Border/BorderColor.d.ts

@@ -4,5 +4,5 @@ export type BorderColorProps = {
     currentPlacement: string;
     onChange?: (value: StyleValue | Record<StyleCategory, StyleValue> | boolean) => void;
 };
-declare const BorderColor: ({ values, currentPlacement, onChange }: BorderColorProps) => import("react").JSX.Element;
+declare const BorderColor: ({ values, currentPlacement, onChange }: BorderColorProps) => import('react').JSX.Element;
 export default BorderColor;

package/dist/components/StyleInspector/categories/Border/BorderPlacements.d.ts

@@ -3,5 +3,5 @@ export type BorderPlacementsProps = {
     currentPlacement: Placement;
     setCurrentPlacement: (value: Placement) => void;
 };
-declare const BorderPlacements: ({ currentPlacement, setCurrentPlacement }: BorderPlacementsProps) => import("react").JSX.Element;
+declare const BorderPlacements: ({ currentPlacement, setCurrentPlacement }: BorderPlacementsProps) => import('react').JSX.Element;
 export default BorderPlacements;

package/dist/components/StyleInspector/categories/Border/BorderRadius.d.ts

@@ -4,5 +4,5 @@ export type BorderRadiusProps = {
     onChange?: (value: StyleValue | Record<StyleCategory, StyleValue> | boolean) => void;
     onChangeSegment?: (type: StyleCategory) => (value: StyleValue | Record<StyleCategory, StyleValue> | boolean) => void;
 };
-declare const BorderRadius: ({ values, onChange, onChangeSegment }: BorderRadiusProps) => import("react").JSX.Element;
+declare const BorderRadius: ({ values, onChange, onChangeSegment }: BorderRadiusProps) => import('react').JSX.Element;
 export default BorderRadius;

package/dist/components/StyleInspector/categories/Border/BorderStyle.d.ts

@@ -4,5 +4,5 @@ export type BorderStyleProps = {
     currentPlacement: string;
     onChange?: (value: StyleValue | Record<StyleCategory, StyleValue> | boolean) => void;
 };
-declare const BorderStyle: ({ values, currentPlacement, onChange }: BorderStyleProps) => import("react").JSX.Element;
+declare const BorderStyle: ({ values, currentPlacement, onChange }: BorderStyleProps) => import('react').JSX.Element;
 export default BorderStyle;

package/dist/components/StyleInspector/categories/Border/BorderWidth.d.ts

@@ -4,5 +4,5 @@ export type BorderWidthProps = {
     currentPlacement: string;
     onChange?: (value: StyleValue | Record<StyleCategory, StyleValue> | boolean) => void;
 };
-declare const BorderWidth: ({ values, currentPlacement, onChange }: BorderWidthProps) => import("react").JSX.Element;
+declare const BorderWidth: ({ values, currentPlacement, onChange }: BorderWidthProps) => import('react').JSX.Element;
 export default BorderWidth;

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

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

package/dist/components/StyleInspector/categories/Display/DisplayElements.d.ts

@@ -3,5 +3,5 @@ export type DisplayElementsProps = {
     value?: StyleValue;
     onChange?: (type: StyleCategory, value: StyleValue) => void;
 };
-declare const DisplayElements: ({ value, onChange }: DisplayElementsProps) => import("react").JSX.Element;
+declare const DisplayElements: ({ value, onChange }: DisplayElementsProps) => import('react').JSX.Element;
 export default DisplayElements;

package/dist/components/StyleInspector/categories/Display/DisplayFlex.d.ts

@@ -4,5 +4,5 @@ export type DisplayFlexProps = {
     isReverse: boolean;
     onChange?: (type: StyleCategory, value: StyleValue) => void;
 };
-declare const DisplayFlex: ({ value, isReverse, onChange }: DisplayFlexProps) => import("react").JSX.Element;
+declare const DisplayFlex: ({ value, isReverse, onChange }: DisplayFlexProps) => import('react').JSX.Element;
 export default DisplayFlex;

package/dist/components/StyleInspector/categories/Display/DisplayFlexAlignContent.d.ts

@@ -5,5 +5,5 @@ export type DisplayFlexAlignContentProps = {
     isRow?: boolean;
     onChange?: (type: StyleCategory, value: StyleValue) => void;
 };
-declare const DisplayFlexAlignContent: ({ value, isReverse, isRow, onChange }: DisplayFlexAlignContentProps) => import("react").JSX.Element;
+declare const DisplayFlexAlignContent: ({ value, isReverse, isRow, onChange }: DisplayFlexAlignContentProps) => import('react').JSX.Element;
 export default DisplayFlexAlignContent;

package/dist/components/StyleInspector/categories/Display/DisplayFlexAlignItems.d.ts

@@ -5,5 +5,5 @@ export type DisplayFlexAlignItemsProps = {
     isRow: boolean;
     onChange?: (type: StyleCategory, value: StyleValue) => void;
 };
-declare const DisplayFlexAlignItems: ({ value, isReverse, isRow, onChange }: DisplayFlexAlignItemsProps) => import("react").JSX.Element;
+declare const DisplayFlexAlignItems: ({ value, isReverse, isRow, onChange }: DisplayFlexAlignItemsProps) => import('react').JSX.Element;
 export default DisplayFlexAlignItems;

package/dist/components/StyleInspector/categories/Display/DisplayFlexDirection.d.ts

@@ -4,5 +4,5 @@ export type DisplayFlexDirectionProps = {
     isReverse: boolean;
     onChange?: (type: StyleCategory, value: StyleValue) => void;
 };
-declare const DisplayFlexDirection: ({ value, isReverse, onChange }: DisplayFlexDirectionProps) => import("react").JSX.Element;
+declare const DisplayFlexDirection: ({ value, isReverse, onChange }: DisplayFlexDirectionProps) => import('react').JSX.Element;
 export default DisplayFlexDirection;

package/dist/components/StyleInspector/categories/Display/DisplayFlexJustify.d.ts

@@ -5,5 +5,5 @@ export type DisplayFlexJustifyProps = {
     isRow: boolean;
     onChange?: (type: StyleCategory, value: StyleValue) => void;
 };
-declare const DisplayFlexJustify: ({ value, isReverse, isRow, onChange }: DisplayFlexJustifyProps) => import("react").JSX.Element;
+declare const DisplayFlexJustify: ({ value, isReverse, isRow, onChange }: DisplayFlexJustifyProps) => import('react').JSX.Element;
 export default DisplayFlexJustify;

package/dist/components/StyleInspector/categories/Display/DisplayGap.d.ts

@@ -4,5 +4,5 @@ export type DisplayGapProps = {
     columnGap?: StyleValue;
     onChange?: (type: StyleCategory, value: StyleValue) => void;
 };
-declare const DisplayGap: ({ rowGap, columnGap, onChange }: DisplayGapProps) => import("react").JSX.Element;
+declare const DisplayGap: ({ rowGap, columnGap, onChange }: DisplayGapProps) => import('react').JSX.Element;
 export default DisplayGap;

package/dist/components/StyleInspector/categories/Display/DisplayGridGap.d.ts

@@ -4,5 +4,5 @@ export type DisplayGridGapProps = {
     columnGap?: StyleValue;
     onChange?: (type: StyleCategory, value: StyleValue) => void;
 };
-declare const DisplayGridGap: ({ rowGap, columnGap, onChange }: DisplayGridGapProps) => import("react").JSX.Element;
+declare const DisplayGridGap: ({ rowGap, columnGap, onChange }: DisplayGridGapProps) => import('react').JSX.Element;
 export default DisplayGridGap;

package/dist/components/StyleInspector/categories/Display/DisplayGridTemplate.d.ts

@@ -8,5 +8,5 @@ export type DisplayGridTemplateProps = {
     templateAutoColumns?: StyleValue;
     onChange?: (type: StyleCategory, value: StyleValue) => void;
 };
-declare const DisplayGridTemplate: ({ templateAreas, templateColumns, templateRows, templateAutoFlow, templateAutoRows, templateAutoColumns, onChange }: DisplayGridTemplateProps) => import("react").JSX.Element;
+declare const DisplayGridTemplate: ({ templateAreas, templateColumns, templateRows, templateAutoFlow, templateAutoRows, templateAutoColumns, onChange }: DisplayGridTemplateProps) => import('react').JSX.Element;
 export default DisplayGridTemplate;

package/dist/components/StyleInspector/categories/DisplayFlexChild/DisplayAlignSelf.d.ts

@@ -4,5 +4,5 @@ export type DisplayAlignSelfProps = {
     isFlexVertical?: boolean;
     onChange?: (type: StyleCategory, value: StyleValue) => void;
 };
-declare const DisplayAlignSelf: ({ value, isFlexVertical, onChange }: DisplayAlignSelfProps) => import("react").JSX.Element;
+declare const DisplayAlignSelf: ({ value, isFlexVertical, onChange }: DisplayAlignSelfProps) => import('react').JSX.Element;
 export default DisplayAlignSelf;

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

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

package/dist/components/StyleInspector/categories/DisplayFlexChild/DisplayOrder.d.ts

@@ -3,5 +3,5 @@ export type DisplayOrderProps = {
     value?: StyleValue;
     onChange?: (type: StyleCategory, value: StyleValue) => void;
 };
-declare const DisplayOrder: ({ value, onChange }: DisplayOrderProps) => import("react").JSX.Element;
+declare const DisplayOrder: ({ value, onChange }: DisplayOrderProps) => import('react').JSX.Element;
 export default DisplayOrder;

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

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

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.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.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

@@ -5,5 +5,5 @@ export type FilterProps = {
     value?: StyleValue;
     onChange?: (value: StyleValue | Record<StyleCategory, StyleValue> | boolean) => void;
 };
-declare const Filter: ({ styleKey, label, value, onChange }: FilterProps) => import("react").JSX.Element;
+declare const Filter: ({ styleKey, label, 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.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.Element;
+declare const Transform: ({ value, onChange }: TransformProps) => import('react').JSX.Element;
 export default Transform;

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

@@ -5,5 +5,5 @@ export type TransformItemProps = {
     onChange?: (value: TransformFunctionValue) => void;
     onRemove?: (e: MouseEvent) => void;
 };
-declare const TransformItem: ({ value, onRemove, onChange }: TransformItemProps) => import("react").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.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.Element;
+declare const TransitionItem: ({ value, onRemove, onChange }: TransitionItemProps) => import('react').JSX.Element;
 export default TransitionItem;

package/dist/components/StyleInspector/categories/Effects/Transition/TransitionItem.mjs

@@ -41,7 +41,7 @@ var h = ({ value: h = "", onRemove: g, onChange: _ }) => {
 			n[e] = `cubic-bezier(${r[0]}, ${r[1]}, ${r[2]}, ${r[3]})`;
 		} else n[e] = e === "easing" && Array.isArray(t) ? `cubic-bezier(${t[0]}, ${t[1]}, ${t[2]}, ${t[3]})` : t;
 		let { duration: r, delay: i, property: a, easing: o } = n;
-		console.log("called", e, o, t), _?.(`${a} ${r} ${o} ${i}`);
+		_?.(`${a} ${r} ${o} ${i}`);
 	}, [_]), A = o((e) => k("easing")(e), [k]), j = [];
 	return j = E in e ? e[E] : E.match(/[0-9.]+/gim), /* @__PURE__ */ u(d, {
 		className: "w-full",

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.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.Element>;
+declare const _default: import('react').MemoExoticComponent<({ replaceTokens, isCollapsed, onCollapse }: ListItemProps) => import('react').JSX.Element>;
 export default _default;

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

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

package/dist/components/StyleInspector/categories/Others/OthersForm.d.ts

@@ -5,5 +5,5 @@ export type OthersFormProps = {
     colorScheme?: StyleValue;
     onChange?: (category: StyleCategory) => (value: StyleValue | Record<StyleCategory, StyleValue> | boolean) => void;
 };
-declare const OthersForm: ({ accentColor, caretColor, colorScheme, onChange }: OthersFormProps) => import("react").JSX.Element;
+declare const OthersForm: ({ accentColor, caretColor, colorScheme, onChange }: OthersFormProps) => import('react').JSX.Element;
 export default OthersForm;

package/dist/components/StyleInspector/categories/Others/OthersInteraction.d.ts

@@ -9,5 +9,5 @@ export type OthersInteractionProps = {
     overscrollBehavior?: StyleValue;
     onChange?: (category: StyleCategory) => (value: StyleValue | Record<StyleCategory, StyleValue> | boolean) => void;
 };
-declare const OthersInteraction: ({ pointerEvents, userSelect, touchAction, resize, appearance, scrollBehavior, overscrollBehavior, onChange }: OthersInteractionProps) => import("react").JSX.Element;
+declare const OthersInteraction: ({ pointerEvents, userSelect, touchAction, resize, appearance, scrollBehavior, overscrollBehavior, onChange }: OthersInteractionProps) => import('react').JSX.Element;
 export default OthersInteraction;

package/dist/components/StyleInspector/categories/Others/OthersOutline.d.ts

@@ -6,5 +6,5 @@ export type OthersOutlineProps = {
     outlineOffset?: StyleValue;
     onChange?: (category: StyleCategory) => (value: StyleValue | Record<StyleCategory, StyleValue> | boolean) => void;
 };
-declare const OthersOutline: ({ outlineWidth, outlineStyle, outlineColor, outlineOffset, onChange }: OthersOutlineProps) => import("react").JSX.Element;
+declare const OthersOutline: ({ outlineWidth, outlineStyle, outlineColor, outlineOffset, onChange }: OthersOutlineProps) => import('react').JSX.Element;
 export default OthersOutline;

package/dist/components/StyleInspector/categories/Others/OthersScrollbar.d.ts

@@ -5,5 +5,5 @@ export type OthersScrollbarProps = {
     onChange?: (category: StyleCategory) => (value: StyleValue | Record<StyleCategory, StyleValue> | boolean) => void;
 };
 /** How a scrolling element's scrollbar looks: thin or hidden, and the thumb and track colours — in that order. */
-declare const OthersScrollbar: ({ scrollbarWidth, scrollbarColor, onChange }: OthersScrollbarProps) => import("react").JSX.Element;
+declare const OthersScrollbar: ({ scrollbarWidth, scrollbarColor, onChange }: OthersScrollbarProps) => import('react').JSX.Element;
 export default OthersScrollbar;

package/dist/components/StyleInspector/categories/Others/OthersSvg.d.ts

@@ -5,5 +5,5 @@ export type OthersSvgProps = {
     strokeWidth?: StyleValue;
     onChange?: (category: StyleCategory) => (value: StyleValue | Record<StyleCategory, StyleValue> | boolean) => void;
 };
-declare const OthersSvg: ({ fill, stroke, strokeWidth, onChange }: OthersSvgProps) => import("react").JSX.Element;
+declare const OthersSvg: ({ fill, stroke, strokeWidth, onChange }: OthersSvgProps) => import('react').JSX.Element;
 export default OthersSvg;

package/dist/components/StyleInspector/categories/Others/OthersTable.d.ts

@@ -5,5 +5,5 @@ export type OthersTableProps = {
     tableLayout?: StyleValue;
     onChange?: (category: StyleCategory) => (value: StyleValue | Record<StyleCategory, StyleValue> | boolean) => void;
 };
-declare const OthersTable: ({ borderCollapse, borderSpacing, tableLayout, onChange }: OthersTableProps) => import("react").JSX.Element;
+declare const OthersTable: ({ borderCollapse, borderSpacing, tableLayout, onChange }: OthersTableProps) => import('react').JSX.Element;
 export default OthersTable;

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.Element>;
+declare const _default: import('react').MemoExoticComponent<({ replaceTokens, isCollapsed, onCollapse }: PositionProps) => import('react').JSX.Element>;
 export default _default;