@cube-dev/ui-kit 0.0.0-canary-a465ecb → 0.0.0-canary-89f3845

package/es/utils/react/forwardRefWithGenerics.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * Released under the MIT license.
  */
 

package/es/utils/react/interactions.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * Released under the MIT license.
  */
 

package/es/utils/react/resolveIcon.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * Released under the MIT license.
  */
 

package/es/utils/react/useLocalStorage.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * Released under the MIT license.
  */
 

package/es/utils/react/useQaProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * 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-a465ecb
+ * @cube-dev/ui-kit v0.0.0-canary-89f3845
  * Released under the MIT license.
  */
 
-export const VERSION = '0.0.0-canary-a465ecb';
+export const VERSION = '0.0.0-canary-89f3845';
 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-a465ecb",
+  "version": "0.0.0-canary-89f3845",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"

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

@@ -17,7 +17,6 @@ export type ItemMods = Mods<{
     'has-actions'?: boolean;
     'has-actions-content'?: boolean;
     'show-actions-on-hover'?: boolean;
-    'preserve-actions-space'?: boolean;
     checkbox?: boolean;
     disabled?: boolean;
     selected?: boolean;
@@ -51,12 +50,6 @@ export interface CubeItemProps extends BaseProps, ContainerStyleProps {
      * Uses opacity transition for visual hiding while maintaining layout space.
      */
     showActionsOnHover?: boolean;
-    /**
-     * When true, preserves the actions width when hidden (only changes opacity).
-     * Only applies when showActionsOnHover is true.
-     * @default false
-     */
-    preserveActionsSpace?: boolean;
     /**
      * When true, disables focus on action buttons by setting tabIndex={-1}.
      * @default true

package/types/components/content/Layout/hooks/useTinyScrollbar.d.ts

@@ -15,11 +15,5 @@ export interface TinyScrollbarResult {
     hasOverflowY: boolean;
     hasOverflowX: boolean;
     isScrolling: boolean;
-    /** Whether scroll is at the start edge (top for Y, left for X) */
-    isAtStartX: boolean;
-    isAtStartY: boolean;
-    /** Whether scroll is at the end edge (bottom for Y, right for X) */
-    isAtEndX: boolean;
-    isAtEndY: boolean;
 }
 export declare function useTinyScrollbar(ref: RefObject<HTMLElement | null>, enabled: boolean): TinyScrollbarResult;

package/types/index.d.ts

@@ -98,7 +98,6 @@ export type { CubeTooltipTriggerProps } from './components/overlays/Tooltip/Tool
 export { TooltipProvider } from './components/overlays/Tooltip/TooltipProvider';
 export type { CubeTooltipProviderProps } from './components/overlays/Tooltip/TooltipProvider';
 export * from './components/content/Alert';
-export * from './components/navigation';
 export { FileTabs } from './components/organisms/FileTabs/FileTabs';
 export type { CubeFileTabProps } from './components/organisms/FileTabs/FileTabs';
 export { StatsCard } from './components/organisms/StatsCard/StatsCard';

package/types/tasty/config.d.ts

@@ -13,6 +13,7 @@
 import type { KeyframesSteps } from './injector/types';
 import type { StyleDetails, UnitHandler } from './parser/types';
 import type { TastyPlugin } from './plugins/types';
+import type { StyleHandlerDefinition } from './utils/styles';
 /**
  * Configuration options for the Tasty style system
  */
@@ -93,6 +94,35 @@ export interface TastyConfig {
      * ```
      */
     keyframes?: Record<string, KeyframesSteps>;
+    /**
+     * Custom style handlers that transform style properties into CSS declarations.
+     * Handlers replace built-in handlers for the same style name.
+     * @example
+     * ```ts
+     * import { styleHandlers } from '@cube-dev/ui-kit';
+     *
+     * configure({
+     *   handlers: {
+     *     // Override fill with custom behavior
+     *     fill: ({ fill }) => {
+     *       if (fill?.startsWith('gradient:')) {
+     *         return { background: fill.slice(9) };
+     *       }
+     *       return styleHandlers.fill({ fill });
+     *     },
+     *     // Add new custom style
+     *     elevation: ({ elevation }) => {
+     *       const level = parseInt(elevation) || 1;
+     *       return {
+     *         'box-shadow': `0 ${level * 2}px ${level * 4}px rgba(0,0,0,0.1)`,
+     *         'z-index': String(level * 100),
+     *       };
+     *     },
+     *   },
+     * });
+     * ```
+     */
+    handlers?: Record<string, StyleHandlerDefinition>;
     /**
      * Predefined tokens that are replaced during style parsing.
      * Token values are processed through the parser (like component tokens).

package/types/tasty/hooks/index.d.ts

@@ -2,6 +2,3 @@ export { useStyles } from './useStyles';
 export type { UseStylesOptions, UseStylesResult } from './useStyles';
 export { useGlobalStyles } from './useGlobalStyles';
 export { useRawCSS } from './useRawCSS';
-export { useKeyframes } from './useKeyframes';
-export { useProperty } from './useProperty';
-export type { UsePropertyOptions } from './useProperty';

package/types/tasty/index.d.ts

@@ -1,6 +1,6 @@
 export { tasty, Element } from './tasty';
-export { useStyles, useGlobalStyles, useRawCSS, useProperty } from './hooks';
-export type { UseStylesOptions, UseStylesResult, UsePropertyOptions, } from './hooks';
+export { useStyles, useGlobalStyles, useRawCSS } from './hooks';
+export type { UseStylesOptions, UseStylesResult } from './hooks';
 export { configure, getConfig, isConfigLocked, hasStylesGenerated, resetConfig, isTestEnvironment, hasGlobalKeyframes, getGlobalKeyframes, } from './config';
 export type { TastyConfig } from './config';
 export { okhslPlugin, okhslFunc } from './plugins';
@@ -13,6 +13,7 @@ export * from './utils/filterBaseProps';
 export * from './utils/colors';
 export * from './utils/styles';
 export * from './utils/modAttrs';
+export { styleHandlers } from './styles';
 export { renderStyles, isSelector } from './pipeline';
 export type { StyleResult, RenderResult } from './pipeline';
 export * from './utils/dotize';

package/types/tasty/injector/index.d.ts

@@ -58,62 +58,6 @@ export declare function keyframes(steps: import('./types').KeyframesSteps, nameO
     root?: Document | ShadowRoot;
     name?: string;
 }): import('./types').KeyframesResult;
-export interface PropertyOptions {
-    /**
-     * CSS syntax string for the property (e.g., '<color>', '<length>', '<angle>')
-     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/@property/syntax
-     */
-    syntax?: string;
-    /**
-     * Whether the property inherits from parent elements
-     * @default true
-     */
-    inherits?: boolean;
-    /**
-     * Initial value for the property
-     */
-    initialValue?: string | number;
-    /**
-     * Shadow root or document to inject into
-     */
-    root?: Document | ShadowRoot;
-}
-/**
- * Define a CSS @property custom property.
- * This enables advanced features like animating custom properties.
- *
- * Note: @property rules are global and persistent once defined.
- * Re-registering the same property name is a no-op.
- *
- * @param name - The custom property name (must start with --)
- * @param options - Property configuration
- *
- * @example
- * ```ts
- * // Define a color property that can be animated
- * property('--my-color', {
- *   syntax: '<color>',
- *   initialValue: 'red',
- * });
- *
- * // Define an angle property
- * property('--rotation', {
- *   syntax: '<angle>',
- *   inherits: false,
- *   initialValue: '0deg',
- * });
- * ```
- */
-export declare function property(name: string, options?: PropertyOptions): void;
-/**
- * Check if a CSS @property has already been defined
- *
- * @param name - The custom property name to check
- * @param options - Options including root
- */
-export declare function isPropertyDefined(name: string, options?: {
-    root?: Document | ShadowRoot;
-}): boolean;
 /**
  * Get CSS text from all sheets (for SSR)
  */

package/types/tasty/plugins/types.d.ts

@@ -1,6 +1,7 @@
 import type { StyleDetails, UnitHandler } from '../parser/types';
+import type { StyleHandlerDefinition } from '../utils/styles';
 /**
- * A tasty plugin that extends the style system with custom functions, units, or states.
+ * A tasty plugin that extends the style system with custom functions, units, states, or handlers.
  */
 export interface TastyPlugin {
     /** Unique name for the plugin (used for debugging and conflict detection) */
@@ -11,6 +12,20 @@ export interface TastyPlugin {
     units?: Record<string, string | UnitHandler>;
     /** Custom state aliases (e.g., `'@mobile': '@media(w < 768px)'`) */
     states?: Record<string, string>;
+    /**
+     * Custom style handlers that transform style properties into CSS declarations.
+     * Handlers replace built-in handlers for the same style name.
+     * @example
+     * ```ts
+     * handlers: {
+     *   // Simple handler - lookup style inferred from key
+     *   fill: ({ fill }) => fill ? { 'background-color': fill } : undefined,
+     *   // Multi-property handler
+     *   spacing: [['gap', 'padding'], ({ gap, padding }) => ({ ... })],
+     * }
+     * ```
+     */
+    handlers?: Record<string, StyleHandlerDefinition>;
     /** Predefined tokens replaced during style parsing (`$name` or `#name`) */
     tokens?: {
         [key: `$${string}` | `#${string}`]: string | number;

package/types/tasty/styles/boxShadow.combinator.d.ts

@@ -1,6 +1,6 @@
-export declare function boxShadowCombinator(styles: any): "" | {
+export declare function boxShadowCombinator(styles: any): {
     'box-shadow': string;
-};
+} | undefined;
 export declare namespace boxShadowCombinator {
     var __lookupStyles: string[];
 }

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

@@ -1,8 +1,8 @@
 export declare function colorStyle({ color }: {
     color: any;
-}): "" | {
+}): {
     color: any;
-};
+} | undefined;
 export declare namespace colorStyle {
     var __lookupStyles: string[];
 }

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

@@ -1 +1 @@
-export declare function dimensionStyle(name: any): (val: any) => "" | Record<string, string | string[]>;
+export declare function dimensionStyle(name: any): (val: any) => Record<string, string | string[]> | undefined;

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

@@ -1,9 +1,9 @@
 export declare function fadeStyle({ fade }: {
     fade: any;
-}): "" | {
+}): {
     mask: any;
     'mask-composite': string;
-};
+} | undefined;
 export declare namespace fadeStyle {
     var __lookupStyles: string[];
 }

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

@@ -1,16 +1,16 @@
 export declare function fillStyle({ fill }: {
     fill: any;
-}): "" | {
+}): {
     'background-color': any;
-};
+} | undefined;
 export declare namespace fillStyle {
     var __lookupStyles: string[];
 }
 export declare function svgFillStyle({ svgFill }: {
     svgFill: any;
-}): "" | {
+}): {
     fill: any;
-};
+} | undefined;
 export declare namespace svgFillStyle {
     var __lookupStyles: string[];
 }

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

@@ -1,11 +1,11 @@
 export declare function groupRadiusAttr({ groupRadius, flow }: {
     groupRadius: any;
     flow: any;
-}): "" | {
+}): {
     $: string;
     'border-radius': any;
     '--local-radius': any;
-}[];
+}[] | undefined;
 export declare namespace groupRadiusAttr {
     var __lookupStyles: string[];
 }

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

@@ -1,6 +1,6 @@
 export declare function heightStyle({ height }: {
     height: any;
-}): "" | Record<string, string | string[]>;
+}): Record<string, string | string[]> | undefined;
 export declare namespace heightStyle {
     var __lookupStyles: string[];
 }

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

@@ -1,5 +1,7 @@
+import { styleHandlers } from './predefined';
 declare const STYLE_HANDLER_MAP: {
     [x: string]: import("..").StyleHandler[];
 }, defineCustomStyle: typeof import("./predefined").defineCustomStyle, defineStyleAlias: typeof import("./predefined").defineStyleAlias;
-export { STYLE_HANDLER_MAP, defineCustomStyle, defineStyleAlias };
+export { STYLE_HANDLER_MAP, defineCustomStyle, defineStyleAlias, styleHandlers, };
 export * from './createStyle';
+export { normalizeHandlerDefinition, registerHandler, resetHandlers, validateHandlerResult, } from './predefined';