@cube-dev/ui-kit 0.0.0-canary-85f8f1d → 0.0.0-canary-501abd2

package/es/utils/modules.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85f8f1d
+ * @cube-dev/ui-kit v0.0.0-canary-501abd2
  * Released under the MIT license.
  */
 

package/es/utils/promise.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85f8f1d
+ * @cube-dev/ui-kit v0.0.0-canary-501abd2
  * Released under the MIT license.
  */
 

package/es/utils/raf.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85f8f1d
+ * @cube-dev/ui-kit v0.0.0-canary-501abd2
  * Released under the MIT license.
  */
 

package/es/utils/random.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85f8f1d
+ * @cube-dev/ui-kit v0.0.0-canary-501abd2
  * Released under the MIT license.
  */
 

package/es/utils/range.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85f8f1d
+ * @cube-dev/ui-kit v0.0.0-canary-501abd2
  * Released under the MIT license.
  */
 

package/es/utils/react/RenderCache.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85f8f1d
+ * @cube-dev/ui-kit v0.0.0-canary-501abd2
  * Released under the MIT license.
  */
 

package/es/utils/react/Slots.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85f8f1d
+ * @cube-dev/ui-kit v0.0.0-canary-501abd2
  * Released under the MIT license.
  */
 

package/es/utils/react/chain.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85f8f1d
+ * @cube-dev/ui-kit v0.0.0-canary-501abd2
  * Released under the MIT license.
  */
 

package/es/utils/react/forwardRefWithGenerics.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85f8f1d
+ * @cube-dev/ui-kit v0.0.0-canary-501abd2
  * Released under the MIT license.
  */
 

package/es/utils/react/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85f8f1d
+ * @cube-dev/ui-kit v0.0.0-canary-501abd2
  * Released under the MIT license.
  */
 
@@ -19,5 +19,6 @@ export { useQaProps } from './useQaProps';
 export { useEventBus, useEventListener, EventBusProvider } from './useEventBus';
 export { useControlledFocusVisible } from './useControlledFocusVisible';
 export { RenderCache } from './RenderCache';
+export { useLocalStorage } from './useLocalStorage';
 
         

package/es/utils/react/interactions.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85f8f1d
+ * @cube-dev/ui-kit v0.0.0-canary-501abd2
  * Released under the MIT license.
  */
 

package/es/utils/react/isTextOnly.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85f8f1d
+ * @cube-dev/ui-kit v0.0.0-canary-501abd2
  * Released under the MIT license.
  */
 

package/es/utils/react/mapProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85f8f1d
+ * @cube-dev/ui-kit v0.0.0-canary-501abd2
  * Released under the MIT license.
  */
 

package/es/utils/react/mergeProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85f8f1d
+ * @cube-dev/ui-kit v0.0.0-canary-501abd2
  * Released under the MIT license.
  */
 

package/es/utils/react/nullableValue.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85f8f1d
+ * @cube-dev/ui-kit v0.0.0-canary-501abd2
  * Released under the MIT license.
  */
 

package/es/utils/react/sharedStore.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85f8f1d
+ * @cube-dev/ui-kit v0.0.0-canary-501abd2
  * Released under the MIT license.
  */
 

package/es/utils/react/useCombinedRefs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85f8f1d
+ * @cube-dev/ui-kit v0.0.0-canary-501abd2
  * Released under the MIT license.
  */
 

package/es/utils/react/useControlledFocusVisible.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85f8f1d
+ * @cube-dev/ui-kit v0.0.0-canary-501abd2
  * Released under the MIT license.
  */
 

package/es/utils/react/useEventBus.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85f8f1d
+ * @cube-dev/ui-kit v0.0.0-canary-501abd2
  * Released under the MIT license.
  */
 

package/es/utils/react/useId.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85f8f1d
+ * @cube-dev/ui-kit v0.0.0-canary-501abd2
  * Released under the MIT license.
  */
 

package/es/utils/react/useIsDarwin.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85f8f1d
+ * @cube-dev/ui-kit v0.0.0-canary-501abd2
  * Released under the MIT license.
  */
 

package/es/utils/react/useKeySymbols.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85f8f1d
+ * @cube-dev/ui-kit v0.0.0-canary-501abd2
  * Released under the MIT license.
  */
 

package/es/utils/react/useLayoutEffect.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85f8f1d
+ * @cube-dev/ui-kit v0.0.0-canary-501abd2
  * Released under the MIT license.
  */
 

package/es/utils/react/useLocalStorage.js

@@ -0,0 +1,130 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.0.0-canary-501abd2
+ * Released under the MIT license.
+ */
+
+import { useCallback, useSyncExternalStore } from 'react';
+import { useEvent } from '../../_internal/hooks/use-event';
+/** Global registry of listeners per key for same-tab cross-instance sync */
+const listeners = new Map();
+/** Notify all listeners for a given key */
+function notifyListeners(key) {
+    listeners.get(key)?.forEach((listener) => listener());
+}
+/** Check if localStorage is available */
+function isLocalStorageAvailable() {
+    try {
+        const testKey = '__localStorage_test__';
+        window.localStorage.setItem(testKey, testKey);
+        window.localStorage.removeItem(testKey);
+        return true;
+    }
+    catch {
+        return false;
+    }
+}
+/** Safely parse JSON with fallback */
+function parseJSON(value, fallback) {
+    if (value === null) {
+        return fallback;
+    }
+    try {
+        return JSON.parse(value);
+    }
+    catch {
+        return fallback;
+    }
+}
+/** Get initial value, supporting lazy initializer */
+function getInitialValue(initialValue) {
+    return typeof initialValue === 'function'
+        ? initialValue()
+        : initialValue;
+}
+/**
+ * A hook to persist state in localStorage with cross-instance synchronization.
+ *
+ * Features:
+ * - JSON serialization/deserialization
+ * - Syncs between hook instances with the same key (same tab)
+ * - Syncs across browser tabs via storage event
+ * - SSR-safe (gracefully handles missing localStorage)
+ * - Supports lazy initial value
+ *
+ * @param key - The localStorage key. Pass `null` or `undefined` to disable the hook.
+ * @param initialValue - Initial value or lazy initializer function
+ * @returns Tuple of [value, setValue] similar to useState
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * const [theme, setTheme] = useLocalStorage('theme', 'light');
+ *
+ * // With lazy initializer
+ * const [settings, setSettings] = useLocalStorage('settings', () => getDefaultSettings());
+ *
+ * // Disabled (returns initialValue, setValue is no-op)
+ * const [value, setValue] = useLocalStorage(null, 'default');
+ *
+ * // Conditionally enabled
+ * const [data, setData] = useLocalStorage(isEnabled ? 'my-key' : null, {});
+ * ```
+ */
+export function useLocalStorage(key, initialValue) {
+    const resolvedInitial = getInitialValue(initialValue);
+    const subscribe = useCallback((onStoreChange) => {
+        if (!key) {
+            return () => { };
+        }
+        // Add to same-tab listeners
+        if (!listeners.has(key)) {
+            listeners.set(key, new Set());
+        }
+        listeners.get(key).add(onStoreChange);
+        // Listen for cross-tab changes
+        const handleStorageEvent = (event) => {
+            if (event.key === key) {
+                onStoreChange();
+            }
+        };
+        window.addEventListener('storage', handleStorageEvent);
+        return () => {
+            listeners.get(key)?.delete(onStoreChange);
+            if (listeners.get(key)?.size === 0) {
+                listeners.delete(key);
+            }
+            window.removeEventListener('storage', handleStorageEvent);
+        };
+    }, [key]);
+    const getSnapshot = useCallback(() => {
+        if (!key || !isLocalStorageAvailable()) {
+            return resolvedInitial;
+        }
+        return parseJSON(localStorage.getItem(key), resolvedInitial);
+    }, [key, resolvedInitial]);
+    const getServerSnapshot = useCallback(() => {
+        return resolvedInitial;
+    }, [resolvedInitial]);
+    const storedValue = useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+    const setValue = useEvent((update) => {
+        if (!key || !isLocalStorageAvailable()) {
+            return;
+        }
+        const currentValue = parseJSON(localStorage.getItem(key), resolvedInitial);
+        const newValue = typeof update === 'function'
+            ? update(currentValue)
+            : update;
+        try {
+            localStorage.setItem(key, JSON.stringify(newValue));
+            notifyListeners(key);
+        }
+        catch (error) {
+            console.error(`[useLocalStorage] Failed to save "${key}":`, error);
+        }
+    });
+    return [storedValue, setValue];
+}
+
+        

package/es/utils/react/useQaProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85f8f1d
+ * @cube-dev/ui-kit v0.0.0-canary-501abd2
  * Released under the MIT license.
  */
 

package/es/utils/react/useViewportSize.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85f8f1d
+ * @cube-dev/ui-kit v0.0.0-canary-501abd2
  * Released under the MIT license.
  */
 

package/es/utils/react/wrapNodeIfPlain.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85f8f1d
+ * @cube-dev/ui-kit v0.0.0-canary-501abd2
  * Released under the MIT license.
  */
 

package/es/utils/tree.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85f8f1d
+ * @cube-dev/ui-kit v0.0.0-canary-501abd2
  * Released under the MIT license.
  */
 

package/es/utils/warnings.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85f8f1d
+ * @cube-dev/ui-kit v0.0.0-canary-501abd2
  * Released under the MIT license.
  */
 

package/es/version.js

@@ -1,11 +1,11 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85f8f1d
+ * @cube-dev/ui-kit v0.0.0-canary-501abd2
  * Released under the MIT license.
  */
 
-export const VERSION = '0.0.0-canary-85f8f1d';
+export const VERSION = '0.0.0-canary-501abd2';
 if (typeof window !== 'undefined') {
     const version = VERSION;
     // Ensure CubeUIKit is defined on window in a way bundlers recognize

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-85f8f1d",
+  "version": "0.0.0-canary-501abd2",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"

package/types/components/content/Layout/LayoutPanel.d.ts

@@ -37,6 +37,8 @@ export interface CubeLayoutPanelProps extends BaseProps, ContainerStyleProps {
     dialogProps?: Omit<CubeDialogContainerProps, 'isDismissable' | 'onDismiss' | 'isOpen'>;
     /** Padding for content areas inside the panel. Default: '1x' */
     contentPadding?: Styles['padding'];
+    /** localStorage key for persisting panel size. When provided, size is stored and restored across instances. */
+    sizeStorageKey?: string;
     /** Styles for the panel */
     styles?: Styles;
     children?: ReactNode;

package/types/components/content/Text.d.ts

@@ -35,7 +35,6 @@ declare const MinorText: import("react").ComponentType<{
     display?: ResponsiveStyleValue<import("csstype").Property.Display | undefined>;
     fontStyle?: ResponsiveStyleValue<import("csstype").Property.FontStyle | undefined>;
     fontWeight?: ResponsiveStyleValue<import("csstype").Property.FontWeight | undefined>;
-    opacity?: ResponsiveStyleValue<import("csstype").Property.Opacity | undefined>;
     textTransform?: ResponsiveStyleValue<import("csstype").Property.TextTransform | undefined>;
     transform?: ResponsiveStyleValue<import("csstype").Property.TextTransform | undefined>;
     whiteSpace?: ResponsiveStyleValue<import("csstype").Property.WhiteSpace | undefined>;
@@ -443,7 +442,6 @@ declare const DangerText: import("react").ComponentType<{
     display?: ResponsiveStyleValue<import("csstype").Property.Display | undefined>;
     fontStyle?: ResponsiveStyleValue<import("csstype").Property.FontStyle | undefined>;
     fontWeight?: ResponsiveStyleValue<import("csstype").Property.FontWeight | undefined>;
-    opacity?: ResponsiveStyleValue<import("csstype").Property.Opacity | undefined>;
     textTransform?: ResponsiveStyleValue<import("csstype").Property.TextTransform | undefined>;
     transform?: ResponsiveStyleValue<import("csstype").Property.TextTransform | undefined>;
     whiteSpace?: ResponsiveStyleValue<import("csstype").Property.WhiteSpace | undefined>;
@@ -851,7 +849,6 @@ declare const SuccessText: import("react").ComponentType<{
     display?: ResponsiveStyleValue<import("csstype").Property.Display | undefined>;
     fontStyle?: ResponsiveStyleValue<import("csstype").Property.FontStyle | undefined>;
     fontWeight?: ResponsiveStyleValue<import("csstype").Property.FontWeight | undefined>;
-    opacity?: ResponsiveStyleValue<import("csstype").Property.Opacity | undefined>;
     textTransform?: ResponsiveStyleValue<import("csstype").Property.TextTransform | undefined>;
     transform?: ResponsiveStyleValue<import("csstype").Property.TextTransform | undefined>;
     whiteSpace?: ResponsiveStyleValue<import("csstype").Property.WhiteSpace | undefined>;
@@ -1259,7 +1256,6 @@ declare const StrongText: import("react").ComponentType<{
     display?: ResponsiveStyleValue<import("csstype").Property.Display | undefined>;
     fontStyle?: ResponsiveStyleValue<import("csstype").Property.FontStyle | undefined>;
     fontWeight?: ResponsiveStyleValue<import("csstype").Property.FontWeight | undefined>;
-    opacity?: ResponsiveStyleValue<import("csstype").Property.Opacity | undefined>;
     textTransform?: ResponsiveStyleValue<import("csstype").Property.TextTransform | undefined>;
     transform?: ResponsiveStyleValue<import("csstype").Property.TextTransform | undefined>;
     whiteSpace?: ResponsiveStyleValue<import("csstype").Property.WhiteSpace | undefined>;
@@ -1667,7 +1663,6 @@ declare const EmphasisText: import("react").ComponentType<{
     display?: ResponsiveStyleValue<import("csstype").Property.Display | undefined>;
     fontStyle?: ResponsiveStyleValue<import("csstype").Property.FontStyle | undefined>;
     fontWeight?: ResponsiveStyleValue<import("csstype").Property.FontWeight | undefined>;
-    opacity?: ResponsiveStyleValue<import("csstype").Property.Opacity | undefined>;
     textTransform?: ResponsiveStyleValue<import("csstype").Property.TextTransform | undefined>;
     transform?: ResponsiveStyleValue<import("csstype").Property.TextTransform | undefined>;
     whiteSpace?: ResponsiveStyleValue<import("csstype").Property.WhiteSpace | undefined>;
@@ -2075,7 +2070,6 @@ declare const PlaceholderText: import("react").ComponentType<{
     display?: ResponsiveStyleValue<import("csstype").Property.Display | undefined>;
     fontStyle?: ResponsiveStyleValue<import("csstype").Property.FontStyle | undefined>;
     fontWeight?: ResponsiveStyleValue<import("csstype").Property.FontWeight | undefined>;
-    opacity?: ResponsiveStyleValue<import("csstype").Property.Opacity | undefined>;
     textTransform?: ResponsiveStyleValue<import("csstype").Property.TextTransform | undefined>;
     transform?: ResponsiveStyleValue<import("csstype").Property.TextTransform | undefined>;
     whiteSpace?: ResponsiveStyleValue<import("csstype").Property.WhiteSpace | undefined>;
@@ -2483,7 +2477,6 @@ declare const HighlightText: import("react").ComponentType<{
     display?: ResponsiveStyleValue<import("csstype").Property.Display | undefined>;
     fontStyle?: ResponsiveStyleValue<import("csstype").Property.FontStyle | undefined>;
     fontWeight?: ResponsiveStyleValue<import("csstype").Property.FontWeight | undefined>;
-    opacity?: ResponsiveStyleValue<import("csstype").Property.Opacity | undefined>;
     textTransform?: ResponsiveStyleValue<import("csstype").Property.TextTransform | undefined>;
     transform?: ResponsiveStyleValue<import("csstype").Property.TextTransform | undefined>;
     whiteSpace?: ResponsiveStyleValue<import("csstype").Property.WhiteSpace | undefined>;

package/types/tasty/index.d.ts

@@ -14,5 +14,5 @@ export * from './utils/getDisplayName';
 export * from './injector';
 export * from './debug';
 export type { TastyProps, GlobalTastyProps, AllBasePropsWithMods, } from './tasty';
-export type { AllBaseProps, BaseProps, BaseStyleProps, DimensionStyleProps, ColorStyleProps, OuterStyleProps, PositionStyleProps, TextStyleProps, BlockStyleProps, ContainerStyleProps, BasePropsWithoutChildren, Props, FlowStyleProps, ShortGridStyles, GlobalStyledProps, TagName, Mods, } from './types';
+export type { AllBaseProps, BaseProps, BaseStyleProps, DimensionStyleProps, ColorStyleProps, OuterStyleProps, PositionStyleProps, TextStyleProps, BlockStyleProps, BlockInnerStyleProps, BlockOuterStyleProps, ContainerStyleProps, BasePropsWithoutChildren, Props, FlowStyleProps, ShortGridStyles, GlobalStyledProps, TagName, Mods, } from './types';
 export type { StylesInterface, Styles, StylesWithoutSelectors, NoType, Selector, SuffixForSelector, NotSelector, } from './styles/types';

package/types/tasty/styles/list.d.ts

@@ -1,10 +1,12 @@
-export declare const BASE_STYLES: readonly ["display", "font", "preset", "hide", "opacity", "whiteSpace"];
+export declare const BASE_STYLES: readonly ["display", "font", "preset", "hide", "whiteSpace"];
 export declare const POSITION_STYLES: readonly ["gridArea", "order", "gridColumn", "gridRow", "placeSelf", "alignSelf", "justifySelf", "zIndex", "margin", "inset", "position"];
-export declare const BLOCK_STYLES: readonly ["reset", "padding", "paddingInline", "paddingBlock", "shadow", "border", "radius", "opacity", "overflow", "scrollbar", "hide", "outline", "textAlign"];
+export declare const BLOCK_INNER_STYLES: readonly ["reset", "padding", "paddingInline", "paddingBlock", "overflow", "scrollbar", "textAlign"];
+export declare const BLOCK_OUTER_STYLES: readonly ["border", "radius", "shadow", "opacity", "outline"];
+export declare const BLOCK_STYLES: readonly ["reset", "padding", "paddingInline", "paddingBlock", "overflow", "scrollbar", "textAlign", "border", "radius", "shadow", "opacity", "outline"];
 export declare const COLOR_STYLES: readonly ["color", "fill", "fade"];
 export declare const TEXT_STYLES: readonly ["textTransform", "fontWeight", "fontStyle"];
 export declare const DIMENSION_STYLES: readonly ["width", "height", "flexBasis", "flexGrow", "flexShrink", "flex"];
 export declare const FLOW_STYLES: readonly ["flow", "placeItems", "placeContent", "alignItems", "alignContent", "justifyItems", "justifyContent", "align", "justify", "gap", "columnGap", "rowGap", "gridColumns", "gridRows", "gridTemplate", "gridAreas"];
-export declare const CONTAINER_STYLES: readonly ["display", "font", "preset", "hide", "opacity", "whiteSpace", "color", "fill", "fade", "width", "height", "flexBasis", "flexGrow", "flexShrink", "flex", "gridArea", "order", "gridColumn", "gridRow", "placeSelf", "alignSelf", "justifySelf", "zIndex", "margin", "inset", "position", "reset", "padding", "paddingInline", "paddingBlock", "shadow", "border", "radius", "opacity", "overflow", "scrollbar", "hide", "outline", "textAlign", "flow", "placeItems", "placeContent", "alignItems", "alignContent", "justifyItems", "justifyContent", "align", "justify", "gap", "columnGap", "rowGap", "gridColumns", "gridRows", "gridTemplate", "gridAreas"];
-export declare const OUTER_STYLES: readonly ["gridArea", "order", "gridColumn", "gridRow", "placeSelf", "alignSelf", "justifySelf", "zIndex", "margin", "inset", "position", "width", "height", "flexBasis", "flexGrow", "flexShrink", "flex"];
-export declare const INNER_STYLES: readonly ["display", "font", "preset", "hide", "opacity", "whiteSpace", "color", "fill", "fade", "reset", "padding", "paddingInline", "paddingBlock", "shadow", "border", "radius", "opacity", "overflow", "scrollbar", "hide", "outline", "textAlign", "flow", "placeItems", "placeContent", "alignItems", "alignContent", "justifyItems", "justifyContent", "align", "justify", "gap", "columnGap", "rowGap", "gridColumns", "gridRows", "gridTemplate", "gridAreas"];
+export declare const CONTAINER_STYLES: readonly ["display", "font", "preset", "hide", "whiteSpace", "color", "fill", "fade", "width", "height", "flexBasis", "flexGrow", "flexShrink", "flex", "gridArea", "order", "gridColumn", "gridRow", "placeSelf", "alignSelf", "justifySelf", "zIndex", "margin", "inset", "position", "reset", "padding", "paddingInline", "paddingBlock", "overflow", "scrollbar", "textAlign", "border", "radius", "shadow", "opacity", "outline", "flow", "placeItems", "placeContent", "alignItems", "alignContent", "justifyItems", "justifyContent", "align", "justify", "gap", "columnGap", "rowGap", "gridColumns", "gridRows", "gridTemplate", "gridAreas"];
+export declare const OUTER_STYLES: readonly ["gridArea", "order", "gridColumn", "gridRow", "placeSelf", "alignSelf", "justifySelf", "zIndex", "margin", "inset", "position", "width", "height", "flexBasis", "flexGrow", "flexShrink", "flex", "border", "radius", "shadow", "opacity", "outline"];
+export declare const INNER_STYLES: readonly ["display", "font", "preset", "hide", "whiteSpace", "color", "fill", "fade", "reset", "padding", "paddingInline", "paddingBlock", "overflow", "scrollbar", "textAlign", "flow", "placeItems", "placeContent", "alignItems", "alignContent", "justifyItems", "justifyContent", "align", "justify", "gap", "columnGap", "rowGap", "gridColumns", "gridRows", "gridTemplate", "gridAreas"];

package/types/tasty/types.d.ts

@@ -1,6 +1,6 @@
 import { AriaLabelingProps } from '@react-types/shared';
 import { AllHTMLAttributes, CSSProperties } from 'react';
-import { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, CONTAINER_STYLES, DIMENSION_STYLES, FLOW_STYLES, INNER_STYLES, OUTER_STYLES, POSITION_STYLES, TEXT_STYLES } from './styles/list';
+import { BASE_STYLES, BLOCK_INNER_STYLES, BLOCK_OUTER_STYLES, BLOCK_STYLES, COLOR_STYLES, CONTAINER_STYLES, DIMENSION_STYLES, FLOW_STYLES, INNER_STYLES, OUTER_STYLES, POSITION_STYLES, TEXT_STYLES } from './styles/list';
 import { Styles } from './styles/types';
 export interface GlobalStyledProps {
     breakpoints?: number[];
@@ -48,6 +48,8 @@ export interface AllBaseProps<K extends TagName = TagName> extends BaseProps<K>,
 export type BaseStyleProps = Pick<Styles, (typeof BASE_STYLES)[number]>;
 export type PositionStyleProps = Pick<Styles, (typeof POSITION_STYLES)[number]>;
 export type BlockStyleProps = Pick<Styles, (typeof BLOCK_STYLES)[number]>;
+export type BlockInnerStyleProps = Pick<Styles, (typeof BLOCK_INNER_STYLES)[number]>;
+export type BlockOuterStyleProps = Pick<Styles, (typeof BLOCK_OUTER_STYLES)[number]>;
 export type ColorStyleProps = Pick<Styles, (typeof COLOR_STYLES)[number]>;
 export type TextStyleProps = Pick<Styles, (typeof TEXT_STYLES)[number]>;
 export type DimensionStyleProps = Pick<Styles, (typeof DIMENSION_STYLES)[number]>;

package/types/utils/react/index.d.ts

@@ -15,3 +15,4 @@ export { useControlledFocusVisible } from './useControlledFocusVisible';
 export type { UseControlledFocusVisibleResult } from './useControlledFocusVisible';
 export { RenderCache } from './RenderCache';
 export type { RenderCacheProps } from './RenderCache';
+export { useLocalStorage } from './useLocalStorage';

package/types/utils/react/useLocalStorage.d.ts

@@ -0,0 +1,33 @@
+/** Like React.setState: either a value or a function of the previous value */
+type Updater<T> = T | ((prev: T) => T);
+/**
+ * A hook to persist state in localStorage with cross-instance synchronization.
+ *
+ * Features:
+ * - JSON serialization/deserialization
+ * - Syncs between hook instances with the same key (same tab)
+ * - Syncs across browser tabs via storage event
+ * - SSR-safe (gracefully handles missing localStorage)
+ * - Supports lazy initial value
+ *
+ * @param key - The localStorage key. Pass `null` or `undefined` to disable the hook.
+ * @param initialValue - Initial value or lazy initializer function
+ * @returns Tuple of [value, setValue] similar to useState
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * const [theme, setTheme] = useLocalStorage('theme', 'light');
+ *
+ * // With lazy initializer
+ * const [settings, setSettings] = useLocalStorage('settings', () => getDefaultSettings());
+ *
+ * // Disabled (returns initialValue, setValue is no-op)
+ * const [value, setValue] = useLocalStorage(null, 'default');
+ *
+ * // Conditionally enabled
+ * const [data, setData] = useLocalStorage(isEnabled ? 'my-key' : null, {});
+ * ```
+ */
+export declare function useLocalStorage<T>(key: string | null | undefined, initialValue: T | (() => T)): readonly [T, (value: Updater<T>) => void];
+export {};