@cube-dev/ui-kit 0.118.0 → 0.119.0

package/dist/tokens/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":[],"sources":["../../src/tokens/colors.ts"],"sourcesContent":["import type { Styles } from '../tasty/styles/types';\n\n// ============================================================================\n// Color Constants (OKHSL)\n// ============================================================================\n\n// Hue values (degrees)\nexport const PINK_HUE = 5.0;\nexport const PURPLE_HUE = 280.3;\nexport const DANGER_HUE = 23.1;\nexport const SUCCESS_HUE = 156.9;\nexport const WARNING_HUE = 84.3;\nexport const NOTE_HUE = 302.3;\n\n// Saturation values (%)\nexport const MAIN_SATURATION = 80;\nexport const BG_SATURATION = 60;\nexport const ICON_SATURATION = 75;\n\n// Lightness values (%)\nexport const MAIN_LIGHTNESS = 52;\nexport const TEXT_LIGHTNESS = 45;\nexport const BG_LIGHTNESS = 97;\nexport const ICON_LIGHTNESS = 60;\n\n// Disabled state values (60% white + 40% main color in okhsl)\n// Saturation: 0.6 * 0 + 0.4 * MAIN_SATURATION = 32\n// Lightness: 0.6 * 100 + 0.4 * MAIN_LIGHTNESS = 80.8\nexport const DISABLED_SATURATION = 32;\nexport const DISABLED_LIGHTNESS = 80.8;\n\n// ============================================================================\n// Helper function\n// ============================================================================\n\n/** Generate an OKHSL color string */\nconst okhsl = (h: number, s: number, l: number): string =>\n  `okhsl(${h} ${s}% ${l}%)`;\n\n// ============================================================================\n// Color Tokens\n// ============================================================================\n\n/**\n * Color tokens with # prefix for tasty color definitions.\n * The tasty system automatically generates {name}-color-rgb variants.\n * Colors are defined in OKHSL format for perceptually uniform color manipulation.\n */\nexport const COLOR_TOKENS: Styles = {\n  // Base colors - Pink\n  '#pink': okhsl(PINK_HUE, 100, 67),\n\n  // Primary colors (semantic aliases)\n  '#primary': okhsl(PURPLE_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n  '#primary-text': okhsl(PURPLE_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n  '#primary-bg': okhsl(PURPLE_HUE, BG_SATURATION, BG_LIGHTNESS),\n  '#primary-icon': okhsl(PURPLE_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n  '#primary-desaturated': okhsl(\n    PURPLE_HUE,\n    DISABLED_SATURATION,\n    MAIN_LIGHTNESS,\n  ),\n  '#primary-disabled': okhsl(\n    PURPLE_HUE,\n    DISABLED_SATURATION,\n    DISABLED_LIGHTNESS,\n  ),\n\n  // Base colors - Purple (legacy aliases for backward compatibility)\n  '#purple': '#primary',\n  '#purple-text': '#primary-text',\n  '#purple-bg': '#primary-bg',\n  '#purple-icon': '#primary-icon',\n  '#purple-disabled': '#primary-disabled',\n  '#purple-01': okhsl(PURPLE_HUE, 100, 58),\n  '#purple-02': okhsl(PURPLE_HUE, 100, 66),\n  '#purple-03': okhsl(PURPLE_HUE, 100, 74),\n  '#purple-04': okhsl(PURPLE_HUE, 100, 83),\n\n  // Focus\n  '#focus': okhsl(PURPLE_HUE, 69, 71),\n\n  // Text\n  '#text': okhsl(PURPLE_HUE, 30, 31),\n\n  // Dark\n  '#dark': okhsl(PURPLE_HUE, 38, 12),\n  '#dark-01': okhsl(PURPLE_HUE, 38, 12),\n  '#dark-02': okhsl(PURPLE_HUE, 30, 31),\n  '#dark-03': okhsl(PURPLE_HUE, 19, 49),\n  '#dark-04': okhsl(PURPLE_HUE, 14, 67),\n  '#dark-05': okhsl(PURPLE_HUE, 14, 86),\n  '#dark-bg': okhsl(PURPLE_HUE, 21, 98),\n\n  // Light\n  '#light': okhsl(PURPLE_HUE, 14, 97),\n\n  // Black & White\n  '#white': 'okhsl(0 0% 100%)',\n  '#black': 'okhsl(0 0% 0%)',\n\n  // Danger (red)\n  '#danger': okhsl(DANGER_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n  '#danger-text': okhsl(DANGER_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n  '#danger-bg': okhsl(DANGER_HUE, BG_SATURATION, BG_LIGHTNESS),\n  '#danger-icon': okhsl(DANGER_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n  '#danger-desaturated': okhsl(DANGER_HUE, DISABLED_SATURATION, MAIN_LIGHTNESS),\n  '#danger-disabled': okhsl(\n    DANGER_HUE,\n    DISABLED_SATURATION,\n    DISABLED_LIGHTNESS,\n  ),\n\n  // Success (green)\n  '#success': okhsl(SUCCESS_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n  '#success-text': okhsl(SUCCESS_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n  '#success-bg': okhsl(SUCCESS_HUE, BG_SATURATION, BG_LIGHTNESS),\n  '#success-icon': okhsl(SUCCESS_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n  '#success-desaturated': okhsl(\n    SUCCESS_HUE,\n    DISABLED_SATURATION,\n    MAIN_LIGHTNESS,\n  ),\n  '#success-disabled': okhsl(\n    SUCCESS_HUE,\n    DISABLED_SATURATION,\n    DISABLED_LIGHTNESS,\n  ),\n\n  // Warning (yellow/amber)\n  '#warning': okhsl(WARNING_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n  '#warning-text': okhsl(WARNING_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n  '#warning-bg': okhsl(WARNING_HUE, BG_SATURATION, BG_LIGHTNESS),\n  '#warning-icon': okhsl(WARNING_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n  '#warning-desaturated': okhsl(\n    WARNING_HUE,\n    DISABLED_SATURATION,\n    MAIN_LIGHTNESS,\n  ),\n  '#warning-disabled': okhsl(\n    WARNING_HUE,\n    DISABLED_SATURATION,\n    DISABLED_LIGHTNESS,\n  ),\n\n  // Note (violet)\n  '#note': okhsl(NOTE_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n  '#note-text': okhsl(NOTE_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n  '#note-bg': okhsl(NOTE_HUE, BG_SATURATION, BG_LIGHTNESS),\n  '#note-icon': okhsl(NOTE_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n  '#note-desaturated': okhsl(NOTE_HUE, DISABLED_SATURATION, MAIN_LIGHTNESS),\n  '#note-disabled': okhsl(NOTE_HUE, DISABLED_SATURATION, DISABLED_LIGHTNESS),\n\n  // Border\n  '#border': okhsl(PURPLE_HUE, 13, 90),\n\n  '#placeholder': '#dark-04',\n\n  // Semantic colors\n  '#clear': 'transparent',\n  '#shadow': '#dark.06',\n  '#minor': '#dark.65',\n\n  // Disabled state colors\n  '#disabled': '#dark-01.25',\n  '#disabled-text': '#dark-01.25',\n  '#disabled-bg': '#dark-05.2',\n};\n"],"mappings":"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"}
+{"version":3,"file":"colors.js","names":[],"sources":["../../src/tokens/colors.ts"],"sourcesContent":["import type { Styles } from '@tenphi/tasty';\n\n// ============================================================================\n// Color Constants (OKHSL)\n// ============================================================================\n\n// Hue values (degrees)\nexport const PINK_HUE = 5.0;\nexport const PURPLE_HUE = 280.3;\nexport const DANGER_HUE = 23.1;\nexport const SUCCESS_HUE = 156.9;\nexport const WARNING_HUE = 84.3;\nexport const NOTE_HUE = 302.3;\n\n// Saturation values (%)\nexport const MAIN_SATURATION = 80;\nexport const BG_SATURATION = 60;\nexport const ICON_SATURATION = 75;\n\n// Lightness values (%)\nexport const MAIN_LIGHTNESS = 52;\nexport const TEXT_LIGHTNESS = 45;\nexport const BG_LIGHTNESS = 97;\nexport const ICON_LIGHTNESS = 60;\n\n// Disabled state values (60% white + 40% main color in okhsl)\n// Saturation: 0.6 * 0 + 0.4 * MAIN_SATURATION = 32\n// Lightness: 0.6 * 100 + 0.4 * MAIN_LIGHTNESS = 80.8\nexport const DISABLED_SATURATION = 32;\nexport const DISABLED_LIGHTNESS = 80.8;\n\n// ============================================================================\n// Helper function\n// ============================================================================\n\n/** Generate an OKHSL color string */\nconst okhsl = (h: number, s: number, l: number): string =>\n  `okhsl(${h} ${s}% ${l}%)`;\n\n// ============================================================================\n// Color Tokens\n// ============================================================================\n\n/**\n * Color tokens with # prefix for tasty color definitions.\n * The tasty system automatically generates {name}-color-rgb variants.\n * Colors are defined in OKHSL format for perceptually uniform color manipulation.\n */\nexport const COLOR_TOKENS: Styles = {\n  // Base colors - Pink\n  '#pink': okhsl(PINK_HUE, 100, 67),\n\n  // Primary colors (semantic aliases)\n  '#primary': okhsl(PURPLE_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n  '#primary-text': okhsl(PURPLE_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n  '#primary-bg': okhsl(PURPLE_HUE, BG_SATURATION, BG_LIGHTNESS),\n  '#primary-icon': okhsl(PURPLE_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n  '#primary-desaturated': okhsl(\n    PURPLE_HUE,\n    DISABLED_SATURATION,\n    MAIN_LIGHTNESS,\n  ),\n  '#primary-disabled': okhsl(\n    PURPLE_HUE,\n    DISABLED_SATURATION,\n    DISABLED_LIGHTNESS,\n  ),\n\n  // Base colors - Purple (legacy aliases for backward compatibility)\n  '#purple': '#primary',\n  '#purple-text': '#primary-text',\n  '#purple-bg': '#primary-bg',\n  '#purple-icon': '#primary-icon',\n  '#purple-disabled': '#primary-disabled',\n  '#purple-01': okhsl(PURPLE_HUE, 100, 58),\n  '#purple-02': okhsl(PURPLE_HUE, 100, 66),\n  '#purple-03': okhsl(PURPLE_HUE, 100, 74),\n  '#purple-04': okhsl(PURPLE_HUE, 100, 83),\n\n  // Focus\n  '#focus': okhsl(PURPLE_HUE, 69, 71),\n\n  // Text\n  '#text': okhsl(PURPLE_HUE, 30, 31),\n\n  // Dark\n  '#dark': okhsl(PURPLE_HUE, 38, 12),\n  '#dark-01': okhsl(PURPLE_HUE, 38, 12),\n  '#dark-02': okhsl(PURPLE_HUE, 30, 31),\n  '#dark-03': okhsl(PURPLE_HUE, 19, 49),\n  '#dark-04': okhsl(PURPLE_HUE, 14, 67),\n  '#dark-05': okhsl(PURPLE_HUE, 14, 86),\n  '#dark-bg': okhsl(PURPLE_HUE, 21, 98),\n\n  // Light\n  '#light': okhsl(PURPLE_HUE, 14, 97),\n\n  // Black & White\n  '#white': 'okhsl(0 0% 100%)',\n  '#black': 'okhsl(0 0% 0%)',\n\n  // Danger (red)\n  '#danger': okhsl(DANGER_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n  '#danger-text': okhsl(DANGER_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n  '#danger-bg': okhsl(DANGER_HUE, BG_SATURATION, BG_LIGHTNESS),\n  '#danger-icon': okhsl(DANGER_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n  '#danger-desaturated': okhsl(DANGER_HUE, DISABLED_SATURATION, MAIN_LIGHTNESS),\n  '#danger-disabled': okhsl(\n    DANGER_HUE,\n    DISABLED_SATURATION,\n    DISABLED_LIGHTNESS,\n  ),\n\n  // Success (green)\n  '#success': okhsl(SUCCESS_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n  '#success-text': okhsl(SUCCESS_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n  '#success-bg': okhsl(SUCCESS_HUE, BG_SATURATION, BG_LIGHTNESS),\n  '#success-icon': okhsl(SUCCESS_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n  '#success-desaturated': okhsl(\n    SUCCESS_HUE,\n    DISABLED_SATURATION,\n    MAIN_LIGHTNESS,\n  ),\n  '#success-disabled': okhsl(\n    SUCCESS_HUE,\n    DISABLED_SATURATION,\n    DISABLED_LIGHTNESS,\n  ),\n\n  // Warning (yellow/amber)\n  '#warning': okhsl(WARNING_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n  '#warning-text': okhsl(WARNING_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n  '#warning-bg': okhsl(WARNING_HUE, BG_SATURATION, BG_LIGHTNESS),\n  '#warning-icon': okhsl(WARNING_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n  '#warning-desaturated': okhsl(\n    WARNING_HUE,\n    DISABLED_SATURATION,\n    MAIN_LIGHTNESS,\n  ),\n  '#warning-disabled': okhsl(\n    WARNING_HUE,\n    DISABLED_SATURATION,\n    DISABLED_LIGHTNESS,\n  ),\n\n  // Note (violet)\n  '#note': okhsl(NOTE_HUE, MAIN_SATURATION, MAIN_LIGHTNESS),\n  '#note-text': okhsl(NOTE_HUE, MAIN_SATURATION, TEXT_LIGHTNESS),\n  '#note-bg': okhsl(NOTE_HUE, BG_SATURATION, BG_LIGHTNESS),\n  '#note-icon': okhsl(NOTE_HUE, ICON_SATURATION, ICON_LIGHTNESS),\n  '#note-desaturated': okhsl(NOTE_HUE, DISABLED_SATURATION, MAIN_LIGHTNESS),\n  '#note-disabled': okhsl(NOTE_HUE, DISABLED_SATURATION, DISABLED_LIGHTNESS),\n\n  // Border\n  '#border': okhsl(PURPLE_HUE, 13, 90),\n\n  '#placeholder': '#dark-04',\n\n  // Semantic colors\n  '#clear': 'transparent',\n  '#shadow': '#dark.06',\n  '#minor': '#dark.65',\n\n  // Disabled state colors\n  '#disabled': '#dark-01.25',\n  '#disabled-text': '#dark-01.25',\n  '#disabled-bg': '#dark-05.2',\n};\n"],"mappings":"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"}

package/dist/tokens/index.d.ts

@@ -1,12 +1,11 @@
 
-import { Styles } from "../tasty/styles/types.js";
-import { TYPOGRAPHY_PRESETS, TypographyPreset } from "./typography.js";
 import { COLOR_TOKENS } from "./colors.js";
 import { SIZES, SIZE_NAME_TO_KEY, SIZE_TOKENS, SizeKey, SizeName } from "./sizes.js";
 import { SPACE_TOKENS } from "./spacing.js";
 import { SHADOW_TOKENS } from "./shadows.js";
 import { LAYOUT_TOKENS } from "./layout.js";
 import { BASE_TOKENS } from "./base.js";
+import { Styles } from "@tenphi/tasty";
 
 //#region src/tokens/index.d.ts
 /**

package/dist/tokens/index.js

@@ -1,12 +1,11 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
-import { TYPOGRAPHY_PRESETS } from "./typography.js";
-import { generateTypographyTokens } from "../tasty/utils/typography.js";
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 import { BASE_TOKENS } from "./base.js";
 import { COLOR_TOKENS } from "./colors.js";
 import { LAYOUT_TOKENS } from "./layout.js";
 import { SHADOW_TOKENS } from "./shadows.js";
 import { SIZES, SIZE_NAME_TO_KEY, SIZE_TOKENS } from "./sizes.js";
 import { SPACE_TOKENS } from "./spacing.js";
+import { generateTypographyTokens } from "@tenphi/tasty";
 
 //#region src/tokens/index.ts
 /**

package/dist/tokens/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/tokens/index.ts"],"sourcesContent":["/**\n * Design tokens for the Cube UI Kit.\n *\n * This module exports all design tokens used throughout the design system.\n * All token keys use $ prefix for CSS custom properties.\n *\n * Categories:\n * - Colors: Base color palette with -color and -color-rgb variants\n * - Typography: Font presets for headings, text, paragraphs, etc.\n * - Sizes: Component size values (XS, SM, MD, LG, XL)\n * - Spacing: Space tokens using gap multipliers\n * - Shadows: Shadow definitions for elevation\n * - Layout: Common layout dimensions\n * - Base: Core design system values\n */\n\nimport { generateTypographyTokens } from '../tasty/utils/typography';\n\nimport { BASE_TOKENS } from './base';\nimport { COLOR_TOKENS } from './colors';\nimport { LAYOUT_TOKENS } from './layout';\nimport { SHADOW_TOKENS } from './shadows';\nimport { SIZE_NAME_TO_KEY, SIZE_TOKENS, SIZES } from './sizes';\nimport { SPACE_TOKENS } from './spacing';\n\nimport type { Styles } from '../tasty/styles/types';\nimport type { SizeKey, SizeName } from './sizes';\n\n/**\n * All design tokens combined into a single Styles object.\n * Keys use $ prefix for CSS custom properties.\n *\n * Ready for use with useGlobalStyles('body', TOKENS).\n *\n * Includes:\n * - Base tokens ($gap, $radius, etc.)\n * - Space tokens ($space-xs, $space-sm, etc.)\n * - Size tokens ($size-xs, $size-sm, etc.)\n * - Shadow tokens ($shadow, $item-shadow, etc.)\n * - Layout tokens ($max-content-width, $topbar-height, etc.)\n * - Typography tokens ($h1-font-size, $t3-line-height, etc.)\n * - Color tokens ($purple-color, $purple-color-rgb, etc.)\n */\nexport const TOKENS: Styles = {\n  ...BASE_TOKENS,\n  ...SPACE_TOKENS,\n  ...SIZE_TOKENS,\n  ...SHADOW_TOKENS,\n  ...LAYOUT_TOKENS,\n  ...generateTypographyTokens(),\n  ...COLOR_TOKENS,\n};\n\n// Re-export category modules for direct access\nexport { COLOR_TOKENS } from './colors';\nexport { SIZES, SIZE_NAME_TO_KEY, SIZE_TOKENS } from './sizes';\nexport type { SizeKey, SizeName } from './sizes';\nexport { SPACE_TOKENS } from './spacing';\nexport { SHADOW_TOKENS } from './shadows';\nexport { LAYOUT_TOKENS } from './layout';\nexport { BASE_TOKENS } from './base';\nexport { TYPOGRAPHY_PRESETS } from './typography';\nexport type { TypographyPreset } from './typography';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAa,SAAiB;CAC5B,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG,0BAA0B;CAC7B,GAAG;CACJ"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/tokens/index.ts"],"sourcesContent":["/**\n * Design tokens for the Cube UI Kit.\n *\n * This module exports all design tokens used throughout the design system.\n * All token keys use $ prefix for CSS custom properties.\n *\n * Categories:\n * - Colors: Base color palette with -color and -color-rgb variants\n * - Typography: Font presets for headings, text, paragraphs, etc.\n * - Sizes: Component size values (XS, SM, MD, LG, XL)\n * - Spacing: Space tokens using gap multipliers\n * - Shadows: Shadow definitions for elevation\n * - Layout: Common layout dimensions\n * - Base: Core design system values\n */\n\nimport { generateTypographyTokens } from '@tenphi/tasty';\n\nimport { BASE_TOKENS } from './base';\nimport { COLOR_TOKENS } from './colors';\nimport { LAYOUT_TOKENS } from './layout';\nimport { SHADOW_TOKENS } from './shadows';\nimport { SIZE_NAME_TO_KEY, SIZE_TOKENS, SIZES } from './sizes';\nimport { SPACE_TOKENS } from './spacing';\n\nimport type { Styles } from '@tenphi/tasty';\nimport type { SizeKey, SizeName } from './sizes';\n\n/**\n * All design tokens combined into a single Styles object.\n * Keys use $ prefix for CSS custom properties.\n *\n * Ready for use with useGlobalStyles('body', TOKENS).\n *\n * Includes:\n * - Base tokens ($gap, $radius, etc.)\n * - Space tokens ($space-xs, $space-sm, etc.)\n * - Size tokens ($size-xs, $size-sm, etc.)\n * - Shadow tokens ($shadow, $item-shadow, etc.)\n * - Layout tokens ($max-content-width, $topbar-height, etc.)\n * - Typography tokens ($h1-font-size, $t3-line-height, etc.)\n * - Color tokens ($purple-color, $purple-color-rgb, etc.)\n */\nexport const TOKENS: Styles = {\n  ...BASE_TOKENS,\n  ...SPACE_TOKENS,\n  ...SIZE_TOKENS,\n  ...SHADOW_TOKENS,\n  ...LAYOUT_TOKENS,\n  ...generateTypographyTokens(),\n  ...COLOR_TOKENS,\n};\n\n// Re-export category modules for direct access\nexport { COLOR_TOKENS } from './colors';\nexport { SIZES, SIZE_NAME_TO_KEY, SIZE_TOKENS } from './sizes';\nexport type { SizeKey, SizeName } from './sizes';\nexport { SPACE_TOKENS } from './spacing';\nexport { SHADOW_TOKENS } from './shadows';\nexport { LAYOUT_TOKENS } from './layout';\nexport { BASE_TOKENS } from './base';\n// TypographyPreset and TYPOGRAPHY_PRESETS are re-exported from @tenphi/tasty\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAa,SAAiB;CAC5B,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG,0BAA0B;CAC7B,GAAG;CACJ"}

package/dist/tokens/layout.d.ts

@@ -1,5 +1,5 @@
 
-import { Styles } from "../tasty/styles/types.js";
+import { Styles } from "@tenphi/tasty";
 
 //#region src/tokens/layout.d.ts
 /**

package/dist/tokens/layout.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 //#region src/tokens/layout.ts
 /**
 * Layout-related tokens for common UI dimensions.

package/dist/tokens/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","names":[],"sources":["../../src/tokens/layout.ts"],"sourcesContent":["import type { Styles } from '../tasty/styles/types';\n\n/**\n * Layout-related tokens for common UI dimensions.\n *\n * Keys use $ prefix for CSS custom properties.\n */\nexport const LAYOUT_TOKENS: Styles = {\n  /** Maximum width for main content areas */\n  '$max-content-width': '1440px',\n  /** Height of the top navigation bar */\n  '$topbar-height': '48px',\n  /** Height of the development mode indicator bar */\n  '$devmodebar-height': '54px',\n  /** Width of the sidebar navigation */\n  '$sidebar-width': '200px',\n  /** Base border radius (legacy, prefer `radius`) */\n  '$border-radius-base': '4px',\n};\n"],"mappings":";;;;;;;AAOA,MAAa,gBAAwB;CAEnC,sBAAsB;CAEtB,kBAAkB;CAElB,sBAAsB;CAEtB,kBAAkB;CAElB,uBAAuB;CACxB"}
+{"version":3,"file":"layout.js","names":[],"sources":["../../src/tokens/layout.ts"],"sourcesContent":["import type { Styles } from '@tenphi/tasty';\n\n/**\n * Layout-related tokens for common UI dimensions.\n *\n * Keys use $ prefix for CSS custom properties.\n */\nexport const LAYOUT_TOKENS: Styles = {\n  /** Maximum width for main content areas */\n  '$max-content-width': '1440px',\n  /** Height of the top navigation bar */\n  '$topbar-height': '48px',\n  /** Height of the development mode indicator bar */\n  '$devmodebar-height': '54px',\n  /** Width of the sidebar navigation */\n  '$sidebar-width': '200px',\n  /** Base border radius (legacy, prefer `radius`) */\n  '$border-radius-base': '4px',\n};\n"],"mappings":";;;;;;;AAOA,MAAa,gBAAwB;CAEnC,sBAAsB;CAEtB,kBAAkB;CAElB,sBAAsB;CAEtB,kBAAkB;CAElB,uBAAuB;CACxB"}

package/dist/tokens/shadows.d.ts

@@ -1,5 +1,5 @@
 
-import { Styles } from "../tasty/styles/types.js";
+import { Styles } from "@tenphi/tasty";
 
 //#region src/tokens/shadows.d.ts
 /**

package/dist/tokens/shadows.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 //#region src/tokens/shadows.ts
 /**
 * Shadow tokens using tasty shorthand syntax.

package/dist/tokens/shadows.js.map

@@ -1 +1 @@
-{"version":3,"file":"shadows.js","names":[],"sources":["../../src/tokens/shadows.ts"],"sourcesContent":["import type { Styles } from '../tasty/styles/types';\n\n/**\n * Shadow tokens using tasty shorthand syntax.\n *\n * Format: `<offset-y> <blur> <spread?> <color>`\n * - `1bw` = 1 × border-width\n * - `.5x` = 0.5 × gap\n * - `#dark.15` = dark color at 15% opacity\n *\n * Keys use $ prefix for CSS custom properties.\n */\nexport const SHADOW_TOKENS: Styles = {\n  /** Subtle shadow for list items */\n  '$item-shadow': '0 1bw .375x #dark.15',\n  /** Standard card shadow */\n  '$card-shadow': '0 .5x 2x #shadow',\n  /** Standard elevation */\n  $shadow: '0 .5x 2x #shadow',\n  /** Elevated dialog shadow */\n  '$dialog-shadow': '0 1x 4x #dark.15',\n};\n"],"mappings":";;;;;;;;;;;;AAYA,MAAa,gBAAwB;CAEnC,gBAAgB;CAEhB,gBAAgB;CAEhB,SAAS;CAET,kBAAkB;CACnB"}
+{"version":3,"file":"shadows.js","names":[],"sources":["../../src/tokens/shadows.ts"],"sourcesContent":["import type { Styles } from '@tenphi/tasty';\n\n/**\n * Shadow tokens using tasty shorthand syntax.\n *\n * Format: `<offset-y> <blur> <spread?> <color>`\n * - `1bw` = 1 × border-width\n * - `.5x` = 0.5 × gap\n * - `#dark.15` = dark color at 15% opacity\n *\n * Keys use $ prefix for CSS custom properties.\n */\nexport const SHADOW_TOKENS: Styles = {\n  /** Subtle shadow for list items */\n  '$item-shadow': '0 1bw .375x #dark.15',\n  /** Standard card shadow */\n  '$card-shadow': '0 .5x 2x #shadow',\n  /** Standard elevation */\n  $shadow: '0 .5x 2x #shadow',\n  /** Elevated dialog shadow */\n  '$dialog-shadow': '0 1x 4x #dark.15',\n};\n"],"mappings":";;;;;;;;;;;;AAYA,MAAa,gBAAwB;CAEnC,gBAAgB;CAEhB,gBAAgB;CAEhB,SAAS;CAET,kBAAkB;CACnB"}

package/dist/tokens/sizes.d.ts

@@ -1,5 +1,5 @@
 
-import { Styles } from "../tasty/styles/types.js";
+import { Styles } from "@tenphi/tasty";
 
 //#region src/tokens/sizes.d.ts
 /**

package/dist/tokens/sizes.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 //#region src/tokens/sizes.ts
 /**
 * Component size values in pixels.

package/dist/tokens/sizes.js.map

@@ -1 +1 @@
-{"version":3,"file":"sizes.js","names":[],"sources":["../../src/tokens/sizes.ts"],"sourcesContent":["import type { Styles } from '../tasty/styles/types';\n\n/**\n * Component size values in pixels.\n * Used for buttons, inputs, and other interactive elements.\n */\nexport const SIZES = {\n  XS: 24,\n  SM: 28,\n  MD: 32,\n  LG: 40,\n  XL: 48,\n} as const;\n\nexport type SizeKey = keyof typeof SIZES;\n\n/** Human-readable size names */\nexport type SizeName = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';\n\n/**\n * Map from size names to size keys.\n * @example SIZE_NAME_TO_KEY['small'] // 'SM'\n */\nexport const SIZE_NAME_TO_KEY: Record<SizeName, SizeKey> = {\n  xsmall: 'XS',\n  small: 'SM',\n  medium: 'MD',\n  large: 'LG',\n  xlarge: 'XL',\n};\n\n/**\n * Size tokens with $ prefix for CSS custom properties.\n * Creates tokens like `$size-xs`, `$size-sm`, etc.\n */\nexport const SIZE_TOKENS: Styles = {\n  '$size-xs': `${SIZES.XS}px`,\n  '$size-sm': `${SIZES.SM}px`,\n  '$size-md': `${SIZES.MD}px`,\n  '$size-lg': `${SIZES.LG}px`,\n  '$size-xl': `${SIZES.XL}px`,\n};\n"],"mappings":";;;;;;AAMA,MAAa,QAAQ;CACnB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;;;;;AAWD,MAAa,mBAA8C;CACzD,QAAQ;CACR,OAAO;CACP,QAAQ;CACR,OAAO;CACP,QAAQ;CACT;;;;;AAMD,MAAa,cAAsB;CACjC,YAAY,GAAG,MAAM,GAAG;CACxB,YAAY,GAAG,MAAM,GAAG;CACxB,YAAY,GAAG,MAAM,GAAG;CACxB,YAAY,GAAG,MAAM,GAAG;CACxB,YAAY,GAAG,MAAM,GAAG;CACzB"}
+{"version":3,"file":"sizes.js","names":[],"sources":["../../src/tokens/sizes.ts"],"sourcesContent":["import type { Styles } from '@tenphi/tasty';\n\n/**\n * Component size values in pixels.\n * Used for buttons, inputs, and other interactive elements.\n */\nexport const SIZES = {\n  XS: 24,\n  SM: 28,\n  MD: 32,\n  LG: 40,\n  XL: 48,\n} as const;\n\nexport type SizeKey = keyof typeof SIZES;\n\n/** Human-readable size names */\nexport type SizeName = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';\n\n/**\n * Map from size names to size keys.\n * @example SIZE_NAME_TO_KEY['small'] // 'SM'\n */\nexport const SIZE_NAME_TO_KEY: Record<SizeName, SizeKey> = {\n  xsmall: 'XS',\n  small: 'SM',\n  medium: 'MD',\n  large: 'LG',\n  xlarge: 'XL',\n};\n\n/**\n * Size tokens with $ prefix for CSS custom properties.\n * Creates tokens like `$size-xs`, `$size-sm`, etc.\n */\nexport const SIZE_TOKENS: Styles = {\n  '$size-xs': `${SIZES.XS}px`,\n  '$size-sm': `${SIZES.SM}px`,\n  '$size-md': `${SIZES.MD}px`,\n  '$size-lg': `${SIZES.LG}px`,\n  '$size-xl': `${SIZES.XL}px`,\n};\n"],"mappings":";;;;;;AAMA,MAAa,QAAQ;CACnB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;;;;;AAWD,MAAa,mBAA8C;CACzD,QAAQ;CACR,OAAO;CACP,QAAQ;CACR,OAAO;CACP,QAAQ;CACT;;;;;AAMD,MAAa,cAAsB;CACjC,YAAY,GAAG,MAAM,GAAG;CACxB,YAAY,GAAG,MAAM,GAAG;CACxB,YAAY,GAAG,MAAM,GAAG;CACxB,YAAY,GAAG,MAAM,GAAG;CACxB,YAAY,GAAG,MAAM,GAAG;CACzB"}

package/dist/tokens/spacing.d.ts

@@ -1,5 +1,5 @@
 
-import { Styles } from "../tasty/styles/types.js";
+import { Styles } from "@tenphi/tasty";
 
 //#region src/tokens/spacing.d.ts
 /**

package/dist/tokens/spacing.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 //#region src/tokens/spacing.ts
 /**
 * Spacing tokens using tasty multiplier syntax.

package/dist/tokens/spacing.js.map

@@ -1 +1 @@
-{"version":3,"file":"spacing.js","names":[],"sources":["../../src/tokens/spacing.ts"],"sourcesContent":["import type { Styles } from '../tasty/styles/types';\n\n/**\n * Spacing tokens using tasty multiplier syntax.\n * Values like `.5x` mean 0.5 × gap, `2x` means 2 × gap.\n *\n * Keys use $ prefix for CSS custom properties.\n */\nexport const SPACE_TOKENS: Styles = {\n  '$space-xs': '.5x',\n  '$space-sm': '.75x',\n  '$space-md': '1x',\n  '$space-lg': '1.5x',\n  '$space-xl': '2x',\n};\n"],"mappings":";;;;;;;;AAQA,MAAa,eAAuB;CAClC,aAAa;CACb,aAAa;CACb,aAAa;CACb,aAAa;CACb,aAAa;CACd"}
+{"version":3,"file":"spacing.js","names":[],"sources":["../../src/tokens/spacing.ts"],"sourcesContent":["import type { Styles } from '@tenphi/tasty';\n\n/**\n * Spacing tokens using tasty multiplier syntax.\n * Values like `.5x` mean 0.5 × gap, `2x` means 2 × gap.\n *\n * Keys use $ prefix for CSS custom properties.\n */\nexport const SPACE_TOKENS: Styles = {\n  '$space-xs': '.5x',\n  '$space-sm': '.75x',\n  '$space-md': '1x',\n  '$space-lg': '1.5x',\n  '$space-xl': '2x',\n};\n"],"mappings":";;;;;;;;AAQA,MAAa,eAAuB;CAClC,aAAa;CACb,aAAa;CACb,aAAa;CACb,aAAa;CACb,aAAa;CACd"}

package/dist/utils/ResizeSensor.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 //#region src/utils/ResizeSensor.ts
 /**
 * Iterate over each of the provided element(s).

package/dist/utils/index.d.ts

@@ -1,5 +1,4 @@
 
-import { _modAttrs } from "../tasty/utils/mod-attrs.js";
 import { chain } from "./react/chain.js";
 import { forwardRefWithGenerics } from "./react/forwardRefWithGenerics.js";
 import { isTextOnly } from "./react/isTextOnly.js";
@@ -16,7 +15,7 @@ import { RenderCache, RenderCacheProps } from "./react/RenderCache.js";
 import { useLocalStorage } from "./react/useLocalStorage.js";
 import { DynamicIcon, IconRenderFn, ResolvedIcon, resolveIcon } from "./react/resolveIcon.js";
 import { useMergeStyles } from "./react/useMergeStyles.js";
-import "./react/index.js";
+import { modAttrs } from "./react/index.js";
 import { chainRaf } from "./raf.js";
 import { toFlatTree } from "./tree.js";
 import { propDeprecationWarning } from "./warnings.js";

package/dist/utils/is-dev-env.js

@@ -1,17 +1,12 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
-//#region src/tasty/utils/is-dev-env.ts
-/**
-* Check if we're in a development environment at runtime
-* Uses bracket notation to avoid bundler compilation
-* Also checks for TASTY_DEBUG localStorage setting
-*/
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
+//#region src/utils/is-dev-env.ts
 function isDevEnv() {
 	if (typeof window !== "undefined" && window.localStorage) try {
-		const forceTastyDebug = window.localStorage.getItem("TASTY_DEBUG");
-		if (forceTastyDebug !== null && forceTastyDebug.toLowerCase() === "true") return true;
+		const flag = window.localStorage.getItem("UIKIT_DEBUG");
+		if (flag !== null && flag.toLowerCase() === "true") return true;
 	} catch {}
 	if (typeof process === "undefined") return false;
-	const nodeEnv = process.env?.["NODE_ENV"];
+	const nodeEnv = "development";
 	return nodeEnv !== "test" && nodeEnv !== "production";
 }
 

package/dist/utils/is-dev-env.js.map

@@ -1 +1 @@
-{"version":3,"file":"is-dev-env.js","names":[],"sources":["../../src/tasty/utils/is-dev-env.ts"],"sourcesContent":["/**\n * Check if we're in a development environment at runtime\n * Uses bracket notation to avoid bundler compilation\n * Also checks for TASTY_DEBUG localStorage setting\n */\nexport function isDevEnv(): boolean {\n  // Check localStorage for DEBUG_TASTY setting (browser environment)\n  if (typeof window !== 'undefined' && window.localStorage) {\n    try {\n      const forceTastyDebug = window.localStorage.getItem('TASTY_DEBUG');\n      if (\n        forceTastyDebug !== null &&\n        forceTastyDebug.toLowerCase() === 'true'\n      ) {\n        return true;\n      }\n    } catch {\n      // localStorage might not be available (private browsing, etc.)\n      // Continue with other checks\n    }\n  }\n\n  // Check NODE_ENV for Node.js environments\n  if (typeof process === 'undefined') return false;\n\n  // Use bracket notation to avoid bundler replacement\n  const nodeEnv = process.env?.['NODE_ENV'];\n  return nodeEnv !== 'test' && nodeEnv !== 'production';\n}\n"],"mappings":";;;;;;;AAKA,SAAgB,WAAoB;AAElC,KAAI,OAAO,WAAW,eAAe,OAAO,aAC1C,KAAI;EACF,MAAM,kBAAkB,OAAO,aAAa,QAAQ,cAAc;AAClE,MACE,oBAAoB,QACpB,gBAAgB,aAAa,KAAK,OAElC,QAAO;SAEH;AAOV,KAAI,OAAO,YAAY,YAAa,QAAO;CAG3C,MAAM,UAAU,QAAQ,MAAM;AAC9B,QAAO,YAAY,UAAU,YAAY"}
+{"version":3,"file":"is-dev-env.js","names":[],"sources":["../../src/utils/is-dev-env.ts"],"sourcesContent":["export function isDevEnv(): boolean {\n  if (typeof window !== 'undefined' && window.localStorage) {\n    try {\n      const flag = window.localStorage.getItem('UIKIT_DEBUG');\n      if (flag !== null && flag.toLowerCase() === 'true') return true;\n    } catch {\n      // localStorage might not be available (private browsing, etc.)\n    }\n  }\n  if (typeof process === 'undefined') return false;\n  const nodeEnv = process.env?.['NODE_ENV'];\n  return nodeEnv !== 'test' && nodeEnv !== 'production';\n}\n"],"mappings":";;AAAA,SAAgB,WAAoB;AAClC,KAAI,OAAO,WAAW,eAAe,OAAO,aAC1C,KAAI;EACF,MAAM,OAAO,OAAO,aAAa,QAAQ,cAAc;AACvD,MAAI,SAAS,QAAQ,KAAK,aAAa,KAAK,OAAQ,QAAO;SACrD;AAIV,KAAI,OAAO,YAAY,YAAa,QAAO;CAC3C,MAAM;AACN,QAAO,YAAY,UAAU,YAAY"}

package/dist/utils/modules.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 //#region src/utils/modules.ts
 function extractModule(promise) {
 	return promise.then((module) => module.default || module);

package/dist/utils/promise.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 //#region src/utils/promise.ts
 function timeout(ms = 30) {
 	return new Promise((resolve) => {

package/dist/utils/raf.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 //#region src/utils/raf.ts
 /**
 * Chains N requestAnimationFrame calls and returns a cancel function.

package/dist/utils/random.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 //#region src/utils/random.ts
 function random(min, max) {
 	const realMin = min < max ? min : max;

package/dist/utils/range.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 //#region src/utils/range.ts
 function range(count) {
 	return Array.from({ length: count }, (_, i) => i);

package/dist/utils/react/RenderCache.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 import { useRef } from "react";
 import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
 

package/dist/utils/react/Slots.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 import { mergeProps } from "./mergeProps.js";
 import { Children, cloneElement, createContext, useContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/utils/react/chain.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 //#region src/utils/react/chain.ts
 /**
 * Calls all functions in the order they were chained with the same arguments.

package/dist/utils/react/forwardRefWithGenerics.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 //#region src/utils/react/forwardRefWithGenerics.tsx
 /**
 * A helper for creating forwardRef components with generic types.

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

@@ -1,6 +1,4 @@
 
-import { _modAttrs } from "../../tasty/utils/mod-attrs.js";
-import "../../tasty/index.js";
 import { chain } from "./chain.js";
 import { forwardRefWithGenerics } from "./forwardRefWithGenerics.js";
 import { isTextOnly } from "./isTextOnly.js";
@@ -16,4 +14,6 @@ import { UseControlledFocusVisibleResult, useControlledFocusVisible } from "./us
 import { RenderCache, RenderCacheProps } from "./RenderCache.js";
 import { useLocalStorage } from "./useLocalStorage.js";
 import { DynamicIcon, IconRenderFn, ResolvedIcon, resolveIcon } from "./resolveIcon.js";
-import { useMergeStyles } from "./useMergeStyles.js";
+import { useMergeStyles } from "./useMergeStyles.js";
+import { modAttrs } from "@tenphi/tasty";
+export { modAttrs };

package/dist/utils/react/index.js

@@ -0,0 +1,20 @@
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
+import { chain } from "./chain.js";
+import { forwardRefWithGenerics } from "./forwardRefWithGenerics.js";
+import { isTextOnly } from "./isTextOnly.js";
+import { useLayoutEffect } from "./useLayoutEffect.js";
+import { mergeProps } from "./mergeProps.js";
+import { ClearSlots, SlotProvider, useSlotProps } from "./Slots.js";
+import { mergeRefs, useCombinedRefs } from "./useCombinedRefs.js";
+import { wrapNodeIfPlain } from "./wrapNodeIfPlain.js";
+import { useViewportSize } from "./useViewportSize.js";
+import { useQaProps } from "./useQaProps.js";
+import { EventBusProvider, useEventBus, useEventListener } from "./useEventBus.js";
+import { useControlledFocusVisible } from "./useControlledFocusVisible.js";
+import { RenderCache } from "./RenderCache.js";
+import { useLocalStorage } from "./useLocalStorage.js";
+import { resolveIcon } from "./resolveIcon.js";
+import { useMergeStyles } from "./useMergeStyles.js";
+import { modAttrs } from "@tenphi/tasty";
+
+export { modAttrs };

package/dist/utils/react/interactions.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 import { useState } from "react";
 import { useFocus, useFocusVisible } from "react-aria";
 

package/dist/utils/react/isTextOnly.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 import { Children, isValidElement } from "react";
 
 //#region src/utils/react/isTextOnly.ts

package/dist/utils/react/mapProps.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 //#region src/utils/react/mapProps.ts
 /** Converts AriaButtonProps to CubeButtonProps */
 function ariaToCubeButtonProps(props) {

package/dist/utils/react/mergeProps.d.ts

@@ -1,6 +1,5 @@
 
-import { Props } from "../../tasty/types.js";
-import "../../tasty/index.js";
+import { Props } from "@tenphi/tasty";
 
 //#region src/utils/react/mergeProps.d.ts
 type Merge<T> = T extends [infer F, ...infer R] ? F extends undefined ? Merge<R> : F & Merge<R> : T extends [infer L] ? L : unknown;

package/dist/utils/react/mergeProps.js

@@ -1,7 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
-import { mergeStyles } from "../../tasty/utils/merge-styles.js";
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 import { chain } from "./chain.js";
 import { mergeIds } from "./useId.js";
+import { mergeStyles } from "@tenphi/tasty";
 import clsx from "clsx";
 
 //#region src/utils/react/mergeProps.tsx

package/dist/utils/react/mergeProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"mergeProps.js","names":[],"sources":["../../../src/utils/react/mergeProps.tsx"],"sourcesContent":["import clsx from 'clsx';\n\nimport { mergeStyles, Props } from '../../tasty';\n\nimport { chain } from './chain';\nimport { mergeIds } from './useId';\n\ntype Merge<T> = T extends [infer F, ...infer R]\n  ? F extends undefined\n    ? Merge<R>\n    : F & Merge<R>\n  : T extends [infer L]\n    ? L\n    : unknown;\n\n/**\n * Merges multiple props objects together. Event handlers are chained,\n * classNames are combined, and ids are deduplicated - different ids\n * will trigger a side-effect and re-render components hooked up with `useId`.\n * For all other props, the last prop object overrides all previous ones.\n * @param args - Multiple sets of props to merge together.\n */\nexport function mergeProps<T extends (Props | undefined)[], K = Merge<T>>(\n  ...args: T\n): K {\n  let result: any = {};\n\n  for (let props of args) {\n    for (let key in result) {\n      // Chain events\n      if (\n        /^on[A-Z]/.test(key) &&\n        typeof result[key] === 'function' &&\n        props &&\n        typeof props[key] === 'function'\n      ) {\n        result[key] = chain(result[key], props[key]);\n\n        // Merge classnames, sometimes classNames are empty string which eval to false, so we just need to do a type check\n      } else if (\n        key === 'className' &&\n        typeof result.className === 'string' &&\n        props &&\n        typeof props.className === 'string'\n      ) {\n        result[key] = clsx(result.className, props.className);\n      } else if (\n        (key === 'styles' || key.endsWith('Styles')) &&\n        typeof result.styles === 'object' &&\n        props &&\n        typeof props.styles === 'object'\n      ) {\n        result[key] = mergeStyles(result[key], props[key]);\n      } else if (key === 'mods' && result.mods && props?.mods) {\n        result.mods = { ...result.mods, ...props?.mods };\n      } else if (key === 'id' && result.id && props?.id) {\n        result.id = mergeIds(result.id, props?.id);\n        // Override others\n      } else {\n        result[key] =\n          props && props[key] !== undefined ? props[key] : result[key];\n      }\n    }\n\n    // Add props from b that are not in a\n    for (let key in props) {\n      if (result[key] === undefined) {\n        result[key] = props[key];\n      }\n    }\n  }\n\n  return result as K;\n}\n"],"mappings":";;;;;;;;;;;;;;AAsBA,SAAgB,WACd,GAAG,MACA;CACH,IAAI,SAAc,EAAE;AAEpB,MAAK,IAAI,SAAS,MAAM;AACtB,OAAK,IAAI,OAAO,OAEd,KACE,WAAW,KAAK,IAAI,IACpB,OAAO,OAAO,SAAS,cACvB,SACA,OAAO,MAAM,SAAS,WAEtB,QAAO,OAAO,MAAM,OAAO,MAAM,MAAM,KAAK;WAI5C,QAAQ,eACR,OAAO,OAAO,cAAc,YAC5B,SACA,OAAO,MAAM,cAAc,SAE3B,QAAO,OAAO,KAAK,OAAO,WAAW,MAAM,UAAU;YAEpD,QAAQ,YAAY,IAAI,SAAS,SAAS,KAC3C,OAAO,OAAO,WAAW,YACzB,SACA,OAAO,MAAM,WAAW,SAExB,QAAO,OAAO,YAAY,OAAO,MAAM,MAAM,KAAK;WACzC,QAAQ,UAAU,OAAO,QAAQ,OAAO,KACjD,QAAO,OAAO;GAAE,GAAG,OAAO;GAAM,GAAG,OAAO;GAAM;WACvC,QAAQ,QAAQ,OAAO,MAAM,OAAO,GAC7C,QAAO,KAAK,SAAS,OAAO,IAAI,OAAO,GAAG;MAG1C,QAAO,OACL,SAAS,MAAM,SAAS,SAAY,MAAM,OAAO,OAAO;AAK9D,OAAK,IAAI,OAAO,MACd,KAAI,OAAO,SAAS,OAClB,QAAO,OAAO,MAAM;;AAK1B,QAAO"}
+{"version":3,"file":"mergeProps.js","names":[],"sources":["../../../src/utils/react/mergeProps.tsx"],"sourcesContent":["import { mergeStyles, Props } from '@tenphi/tasty';\nimport clsx from 'clsx';\n\nimport { chain } from './chain';\nimport { mergeIds } from './useId';\n\ntype Merge<T> = T extends [infer F, ...infer R]\n  ? F extends undefined\n    ? Merge<R>\n    : F & Merge<R>\n  : T extends [infer L]\n    ? L\n    : unknown;\n\n/**\n * Merges multiple props objects together. Event handlers are chained,\n * classNames are combined, and ids are deduplicated - different ids\n * will trigger a side-effect and re-render components hooked up with `useId`.\n * For all other props, the last prop object overrides all previous ones.\n * @param args - Multiple sets of props to merge together.\n */\nexport function mergeProps<T extends (Props | undefined)[], K = Merge<T>>(\n  ...args: T\n): K {\n  let result: any = {};\n\n  for (let props of args) {\n    for (let key in result) {\n      // Chain events\n      if (\n        /^on[A-Z]/.test(key) &&\n        typeof result[key] === 'function' &&\n        props &&\n        typeof props[key] === 'function'\n      ) {\n        result[key] = chain(result[key], props[key]);\n\n        // Merge classnames, sometimes classNames are empty string which eval to false, so we just need to do a type check\n      } else if (\n        key === 'className' &&\n        typeof result.className === 'string' &&\n        props &&\n        typeof props.className === 'string'\n      ) {\n        result[key] = clsx(result.className, props.className);\n      } else if (\n        (key === 'styles' || key.endsWith('Styles')) &&\n        typeof result.styles === 'object' &&\n        props &&\n        typeof props.styles === 'object'\n      ) {\n        result[key] = mergeStyles(result[key], props[key]);\n      } else if (key === 'mods' && result.mods && props?.mods) {\n        result.mods = { ...result.mods, ...props?.mods };\n      } else if (key === 'id' && result.id && props?.id) {\n        result.id = mergeIds(result.id, props?.id);\n        // Override others\n      } else {\n        result[key] =\n          props && props[key] !== undefined ? props[key] : result[key];\n      }\n    }\n\n    // Add props from b that are not in a\n    for (let key in props) {\n      if (result[key] === undefined) {\n        result[key] = props[key];\n      }\n    }\n  }\n\n  return result as K;\n}\n"],"mappings":";;;;;;;;;;;;;;AAqBA,SAAgB,WACd,GAAG,MACA;CACH,IAAI,SAAc,EAAE;AAEpB,MAAK,IAAI,SAAS,MAAM;AACtB,OAAK,IAAI,OAAO,OAEd,KACE,WAAW,KAAK,IAAI,IACpB,OAAO,OAAO,SAAS,cACvB,SACA,OAAO,MAAM,SAAS,WAEtB,QAAO,OAAO,MAAM,OAAO,MAAM,MAAM,KAAK;WAI5C,QAAQ,eACR,OAAO,OAAO,cAAc,YAC5B,SACA,OAAO,MAAM,cAAc,SAE3B,QAAO,OAAO,KAAK,OAAO,WAAW,MAAM,UAAU;YAEpD,QAAQ,YAAY,IAAI,SAAS,SAAS,KAC3C,OAAO,OAAO,WAAW,YACzB,SACA,OAAO,MAAM,WAAW,SAExB,QAAO,OAAO,YAAY,OAAO,MAAM,MAAM,KAAK;WACzC,QAAQ,UAAU,OAAO,QAAQ,OAAO,KACjD,QAAO,OAAO;GAAE,GAAG,OAAO;GAAM,GAAG,OAAO;GAAM;WACvC,QAAQ,QAAQ,OAAO,MAAM,OAAO,GAC7C,QAAO,KAAK,SAAS,OAAO,IAAI,OAAO,GAAG;MAG1C,QAAO,OACL,SAAS,MAAM,SAAS,SAAY,MAAM,OAAO,OAAO;AAK9D,OAAK,IAAI,OAAO,MACd,KAAI,OAAO,SAAS,OAClB,QAAO,OAAO,MAAM;;AAK1B,QAAO"}

package/dist/utils/react/nullableValue.d.ts

@@ -1,6 +1,5 @@
 
-import { Props } from "../../tasty/types.js";
-import "../../tasty/index.js";
+import { Props } from "@tenphi/tasty";
 
 //#region src/utils/react/nullableValue.d.ts
 type WithNullableValue<T extends Props> = Omit<T, 'value' | 'defaultValue'> & {

package/dist/utils/react/nullableValue.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 //#region src/utils/react/nullableValue.ts
 function castNullableStringValue(props) {
 	return castNullableField(props, ["value", "defaultValue"], "string", (v) => String(v));

package/dist/utils/react/nullableValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"nullableValue.js","names":[],"sources":["../../../src/utils/react/nullableValue.ts"],"sourcesContent":["import { Props } from '../../tasty';\n\nexport function castNullableStringValue<T>(props: T): T {\n  return castNullableField(props, ['value', 'defaultValue'], 'string', (v) =>\n    String(v),\n  );\n}\n\nexport function castNullableNumberValue<T>(props: T): T {\n  return castNullableField(props, ['value', 'defaultValue'], 'number', (v) =>\n    Number(v),\n  );\n}\n\nexport function castNullableArrayValue<T>(props: T): T {\n  return castNullableField(props, ['value', 'defaultValue'], 'object', (v) =>\n    Array.isArray(v) ? v : [],\n  );\n}\n\nexport function castNullableIsSelected<T>(props: T): T {\n  return castNullableField(\n    props,\n    ['isSelected', 'defaultSelected'],\n    'boolean',\n    (v) => !!v,\n  );\n}\n\nexport function castNullableSelectedKey<T>(props: T): T {\n  return castNullableField(props, ['selectedKey', 'defaultSelectedKey']);\n}\n\nexport function castNullableField<T>(\n  props: T,\n  keys: string[],\n  type?: string,\n  cast?: (k: any) => any,\n): T {\n  props = { ...props };\n\n  keys.forEach((key) => {\n    if (props[key] === null) {\n      props[key] = undefined;\n    }\n\n    if (type && cast && props[key] != null && typeof props[key] != type) {\n      props[key] = cast(props[key]);\n\n      console.warn(\n        'Wrong value type in',\n        props,\n        'in keys',\n        JSON.stringify(keys),\n      );\n    }\n  });\n\n  return props;\n}\n\nexport type WithNullableValue<T extends Props> = Omit<\n  T,\n  'value' | 'defaultValue'\n> & {\n  value?: T['value'] | any;\n  defaultValue?: T['defaultValue'] | any;\n};\n\nexport type WithNullableSelected<T extends Props> = Omit<\n  T,\n  'isSelected' | 'defaultSelected'\n> & {\n  isSelected?: T['isSelected'] | any;\n  defaultSelected?: T['defaultSelected'] | any;\n};\n\nexport type WithNullableSelectedKey<T extends Props> = Omit<\n  T,\n  'selectedKey' | 'defaultSelectedKey'\n> & {\n  selectedKey?: T['selectedKey'] | any;\n  defaultSelectedKey?: T['defaultSelectedKey'] | any;\n};\n"],"mappings":";;AAEA,SAAgB,wBAA2B,OAAa;AACtD,QAAO,kBAAkB,OAAO,CAAC,SAAS,eAAe,EAAE,WAAW,MACpE,OAAO,EAAE,CACV;;AAGH,SAAgB,wBAA2B,OAAa;AACtD,QAAO,kBAAkB,OAAO,CAAC,SAAS,eAAe,EAAE,WAAW,MACpE,OAAO,EAAE,CACV;;AAGH,SAAgB,uBAA0B,OAAa;AACrD,QAAO,kBAAkB,OAAO,CAAC,SAAS,eAAe,EAAE,WAAW,MACpE,MAAM,QAAQ,EAAE,GAAG,IAAI,EAAE,CAC1B;;AAGH,SAAgB,uBAA0B,OAAa;AACrD,QAAO,kBACL,OACA,CAAC,cAAc,kBAAkB,EACjC,YACC,MAAM,CAAC,CAAC,EACV;;AAOH,SAAgB,kBACd,OACA,MACA,MACA,MACG;AACH,SAAQ,EAAE,GAAG,OAAO;AAEpB,MAAK,SAAS,QAAQ;AACpB,MAAI,MAAM,SAAS,KACjB,OAAM,OAAO;AAGf,MAAI,QAAQ,QAAQ,MAAM,QAAQ,QAAQ,OAAO,MAAM,QAAQ,MAAM;AACnE,SAAM,OAAO,KAAK,MAAM,KAAK;AAE7B,WAAQ,KACN,uBACA,OACA,WACA,KAAK,UAAU,KAAK,CACrB;;GAEH;AAEF,QAAO"}
+{"version":3,"file":"nullableValue.js","names":[],"sources":["../../../src/utils/react/nullableValue.ts"],"sourcesContent":["import { Props } from '@tenphi/tasty';\n\nexport function castNullableStringValue<T>(props: T): T {\n  return castNullableField(props, ['value', 'defaultValue'], 'string', (v) =>\n    String(v),\n  );\n}\n\nexport function castNullableNumberValue<T>(props: T): T {\n  return castNullableField(props, ['value', 'defaultValue'], 'number', (v) =>\n    Number(v),\n  );\n}\n\nexport function castNullableArrayValue<T>(props: T): T {\n  return castNullableField(props, ['value', 'defaultValue'], 'object', (v) =>\n    Array.isArray(v) ? v : [],\n  );\n}\n\nexport function castNullableIsSelected<T>(props: T): T {\n  return castNullableField(\n    props,\n    ['isSelected', 'defaultSelected'],\n    'boolean',\n    (v) => !!v,\n  );\n}\n\nexport function castNullableSelectedKey<T>(props: T): T {\n  return castNullableField(props, ['selectedKey', 'defaultSelectedKey']);\n}\n\nexport function castNullableField<T>(\n  props: T,\n  keys: string[],\n  type?: string,\n  cast?: (k: any) => any,\n): T {\n  props = { ...props };\n\n  keys.forEach((key) => {\n    if (props[key] === null) {\n      props[key] = undefined;\n    }\n\n    if (type && cast && props[key] != null && typeof props[key] != type) {\n      props[key] = cast(props[key]);\n\n      console.warn(\n        'Wrong value type in',\n        props,\n        'in keys',\n        JSON.stringify(keys),\n      );\n    }\n  });\n\n  return props;\n}\n\nexport type WithNullableValue<T extends Props> = Omit<\n  T,\n  'value' | 'defaultValue'\n> & {\n  value?: T['value'] | any;\n  defaultValue?: T['defaultValue'] | any;\n};\n\nexport type WithNullableSelected<T extends Props> = Omit<\n  T,\n  'isSelected' | 'defaultSelected'\n> & {\n  isSelected?: T['isSelected'] | any;\n  defaultSelected?: T['defaultSelected'] | any;\n};\n\nexport type WithNullableSelectedKey<T extends Props> = Omit<\n  T,\n  'selectedKey' | 'defaultSelectedKey'\n> & {\n  selectedKey?: T['selectedKey'] | any;\n  defaultSelectedKey?: T['defaultSelectedKey'] | any;\n};\n"],"mappings":";;AAEA,SAAgB,wBAA2B,OAAa;AACtD,QAAO,kBAAkB,OAAO,CAAC,SAAS,eAAe,EAAE,WAAW,MACpE,OAAO,EAAE,CACV;;AAGH,SAAgB,wBAA2B,OAAa;AACtD,QAAO,kBAAkB,OAAO,CAAC,SAAS,eAAe,EAAE,WAAW,MACpE,OAAO,EAAE,CACV;;AAGH,SAAgB,uBAA0B,OAAa;AACrD,QAAO,kBAAkB,OAAO,CAAC,SAAS,eAAe,EAAE,WAAW,MACpE,MAAM,QAAQ,EAAE,GAAG,IAAI,EAAE,CAC1B;;AAGH,SAAgB,uBAA0B,OAAa;AACrD,QAAO,kBACL,OACA,CAAC,cAAc,kBAAkB,EACjC,YACC,MAAM,CAAC,CAAC,EACV;;AAOH,SAAgB,kBACd,OACA,MACA,MACA,MACG;AACH,SAAQ,EAAE,GAAG,OAAO;AAEpB,MAAK,SAAS,QAAQ;AACpB,MAAI,MAAM,SAAS,KACjB,OAAM,OAAO;AAGf,MAAI,QAAQ,QAAQ,MAAM,QAAQ,QAAQ,OAAO,MAAM,QAAQ,MAAM;AACnE,SAAM,OAAO,KAAK,MAAM,KAAK;AAE7B,WAAQ,KACN,uBACA,OACA,WACA,KAAK,UAAU,KAAK,CACrB;;GAEH;AAEF,QAAO"}

package/dist/utils/react/resolveIcon.d.ts

@@ -1,6 +1,5 @@
 
-import { Mods } from "../../tasty/types.js";
-import "../../tasty/index.js";
+import { Mods } from "@tenphi/tasty";
 import { ReactNode } from "react";
 
 //#region src/utils/react/resolveIcon.d.ts

package/dist/utils/react/resolveIcon.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 //#region src/utils/react/resolveIcon.ts
 /**
 * Resolves a dynamic icon prop to its content and slot state.

package/dist/utils/react/resolveIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"resolveIcon.js","names":[],"sources":["../../../src/utils/react/resolveIcon.ts"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { Mods } from '../../tasty';\n\n/**\n * Function that receives mods (can be destructured) and returns an icon or true for empty slot.\n * @example\n * icon={({ loading, selected }) => loading ? <SpinnerIcon /> : <Icon />}\n */\nexport type IconRenderFn<T extends Mods = Mods> = (mods: T) => ReactNode | true;\n\n/** Dynamic icon prop: ReactNode, true for empty slot, or render function */\nexport type DynamicIcon<T extends Mods = Mods> =\n  | ReactNode\n  | true\n  | IconRenderFn<T>;\n\nexport interface ResolvedIcon {\n  /** The icon content to render (null for empty slot) */\n  content: ReactNode | null;\n  /** Whether the slot should be rendered (true even for empty slots) */\n  hasSlot: boolean;\n}\n\n/**\n * Resolves a dynamic icon prop to its content and slot state.\n * - If `true`: empty slot (hasSlot=true, content=null)\n * - If function: call with mods, then process result\n * - Otherwise: use as-is\n */\nexport function resolveIcon<T extends Mods>(\n  icon: DynamicIcon<T> | undefined,\n  mods: T,\n): ResolvedIcon {\n  if (icon === undefined || icon === null || icon === false) {\n    return { content: null, hasSlot: false };\n  }\n\n  if (icon === true) {\n    return { content: null, hasSlot: true };\n  }\n\n  if (typeof icon === 'function') {\n    const result = (icon as IconRenderFn<T>)(mods);\n    if (result === true) {\n      return { content: null, hasSlot: true };\n    }\n    if (result === undefined || result === null || result === false) {\n      return { content: null, hasSlot: false };\n    }\n    return { content: result, hasSlot: true };\n  }\n\n  return { content: icon, hasSlot: true };\n}\n"],"mappings":";;;;;;;;AA8BA,SAAgB,YACd,MACA,MACc;AACd,KAAI,SAAS,UAAa,SAAS,QAAQ,SAAS,MAClD,QAAO;EAAE,SAAS;EAAM,SAAS;EAAO;AAG1C,KAAI,SAAS,KACX,QAAO;EAAE,SAAS;EAAM,SAAS;EAAM;AAGzC,KAAI,OAAO,SAAS,YAAY;EAC9B,MAAM,SAAU,KAAyB,KAAK;AAC9C,MAAI,WAAW,KACb,QAAO;GAAE,SAAS;GAAM,SAAS;GAAM;AAEzC,MAAI,WAAW,UAAa,WAAW,QAAQ,WAAW,MACxD,QAAO;GAAE,SAAS;GAAM,SAAS;GAAO;AAE1C,SAAO;GAAE,SAAS;GAAQ,SAAS;GAAM;;AAG3C,QAAO;EAAE,SAAS;EAAM,SAAS;EAAM"}
+{"version":3,"file":"resolveIcon.js","names":[],"sources":["../../../src/utils/react/resolveIcon.ts"],"sourcesContent":["import { Mods } from '@tenphi/tasty';\nimport { ReactNode } from 'react';\n\n/**\n * Function that receives mods (can be destructured) and returns an icon or true for empty slot.\n * @example\n * icon={({ loading, selected }) => loading ? <SpinnerIcon /> : <Icon />}\n */\nexport type IconRenderFn<T extends Mods = Mods> = (mods: T) => ReactNode | true;\n\n/** Dynamic icon prop: ReactNode, true for empty slot, or render function */\nexport type DynamicIcon<T extends Mods = Mods> =\n  | ReactNode\n  | true\n  | IconRenderFn<T>;\n\nexport interface ResolvedIcon {\n  /** The icon content to render (null for empty slot) */\n  content: ReactNode | null;\n  /** Whether the slot should be rendered (true even for empty slots) */\n  hasSlot: boolean;\n}\n\n/**\n * Resolves a dynamic icon prop to its content and slot state.\n * - If `true`: empty slot (hasSlot=true, content=null)\n * - If function: call with mods, then process result\n * - Otherwise: use as-is\n */\nexport function resolveIcon<T extends Mods>(\n  icon: DynamicIcon<T> | undefined,\n  mods: T,\n): ResolvedIcon {\n  if (icon === undefined || icon === null || icon === false) {\n    return { content: null, hasSlot: false };\n  }\n\n  if (icon === true) {\n    return { content: null, hasSlot: true };\n  }\n\n  if (typeof icon === 'function') {\n    const result = (icon as IconRenderFn<T>)(mods);\n    if (result === true) {\n      return { content: null, hasSlot: true };\n    }\n    if (result === undefined || result === null || result === false) {\n      return { content: null, hasSlot: false };\n    }\n    return { content: result, hasSlot: true };\n  }\n\n  return { content: icon, hasSlot: true };\n}\n"],"mappings":";;;;;;;;AA6BA,SAAgB,YACd,MACA,MACc;AACd,KAAI,SAAS,UAAa,SAAS,QAAQ,SAAS,MAClD,QAAO;EAAE,SAAS;EAAM,SAAS;EAAO;AAG1C,KAAI,SAAS,KACX,QAAO;EAAE,SAAS;EAAM,SAAS;EAAM;AAGzC,KAAI,OAAO,SAAS,YAAY;EAC9B,MAAM,SAAU,KAAyB,KAAK;AAC9C,MAAI,WAAW,KACb,QAAO;GAAE,SAAS;GAAM,SAAS;GAAM;AAEzC,MAAI,WAAW,UAAa,WAAW,QAAQ,WAAW,MACxD,QAAO;GAAE,SAAS;GAAM,SAAS;GAAO;AAE1C,SAAO;GAAE,SAAS;GAAQ,SAAS;GAAM;;AAG3C,QAAO;EAAE,SAAS;EAAM,SAAS;EAAM"}

package/dist/utils/react/sharedStore.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useSyncExternalStore } from "react";
 

package/dist/utils/react/useCombinedRefs.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 import { useEffect, useRef } from "react";
 
 //#region src/utils/react/useCombinedRefs.ts

package/dist/utils/react/useControlledFocusVisible.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 import { createSharedStore } from "./sharedStore.js";
 import { useEffect } from "react";
 import { useFocusVisible } from "react-aria";

package/dist/utils/react/useEventBus.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 import React, { createContext, useCallback, useContext, useEffect, useRef } from "react";
 
 //#region src/utils/react/useEventBus.ts

package/dist/utils/react/useId.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "./useLayoutEffect.js";
 import { useEffect, useRef, useState } from "react";
 import { useSSRSafeId } from "@react-aria/ssr";

package/dist/utils/react/useIsDarwin.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 import { useEffect, useState } from "react";
 
 //#region src/utils/react/useIsDarwin.ts

package/dist/utils/react/useKeySymbols.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 import { useIsDarwin } from "./useIsDarwin.js";
 import { useMemo } from "react";
 

package/dist/utils/react/useLayoutEffect.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 import * as React$1 from "react";
 
 //#region src/utils/react/useLayoutEffect.tsx

package/dist/utils/react/useLocalStorage.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useCallback, useSyncExternalStore } from "react";
 

package/dist/utils/react/useMergeStyles.d.ts

@@ -1,6 +1,5 @@
 
-import { Styles } from "../../tasty/styles/types.js";
-import "../../tasty/index.js";
+import { Styles } from "@tenphi/tasty";
 
 //#region src/utils/react/useMergeStyles.d.ts
 /**

package/dist/utils/react/useMergeStyles.js

@@ -1,5 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
-import { mergeStyles } from "../../tasty/utils/merge-styles.js";
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
+import { mergeStyles } from "@tenphi/tasty";
 import { useMemo } from "react";
 
 //#region src/utils/react/useMergeStyles.ts

package/dist/utils/react/useMergeStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMergeStyles.js","names":[],"sources":["../../../src/utils/react/useMergeStyles.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { mergeStyles, Styles } from '../../tasty';\n\n/**\n * Hook to merge base styles with sub-element style props.\n *\n * This simplifies the common pattern of accepting props like `tabListStyles`,\n * `prefixStyles`, etc. that should merge into `styles.TabList`, `styles.Prefix`, etc.\n *\n * @param styles - Base styles object\n * @param subStylesMap - Mapping of sub-element names to their additional styles\n * @returns Merged styles object\n *\n * @example\n * ```tsx\n * const { styles, tabListStyles, prefixStyles, suffixStyles, ...rest } = props;\n *\n * const mergedStyles = useMergeStyles(styles, {\n *   TabList: tabListStyles,\n *   Prefix: prefixStyles,\n *   Suffix: suffixStyles,\n * });\n *\n * return <TabsElement styles={mergedStyles} {...rest} />;\n * ```\n */\nexport function useMergeStyles(\n  styles: Styles | undefined,\n  subStylesMap: Record<string, Styles | undefined>,\n): Styles {\n  // Extract values for dependency array - must be stable\n  const subStylesValues = Object.values(subStylesMap);\n\n  return useMemo(() => {\n    // Build sub-element styles object from the map\n    const subStyles: Styles = {};\n\n    for (const [element, elementStyles] of Object.entries(subStylesMap)) {\n      if (elementStyles != null) {\n        subStyles[element] = elementStyles;\n      }\n    }\n\n    // Merge base styles with sub-element styles\n    return mergeStyles(styles, subStyles);\n  }, [styles, ...subStylesValues]);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,SAAgB,eACd,QACA,cACQ;AAIR,QAAO,cAAc;EAEnB,MAAM,YAAoB,EAAE;AAE5B,OAAK,MAAM,CAAC,SAAS,kBAAkB,OAAO,QAAQ,aAAa,CACjE,KAAI,iBAAiB,KACnB,WAAU,WAAW;AAKzB,SAAO,YAAY,QAAQ,UAAU;IACpC,CAAC,QAAQ,GAdY,OAAO,OAAO,aAAa,CAcpB,CAAC"}
+{"version":3,"file":"useMergeStyles.js","names":[],"sources":["../../../src/utils/react/useMergeStyles.ts"],"sourcesContent":["import { mergeStyles, Styles } from '@tenphi/tasty';\nimport { useMemo } from 'react';\n\n/**\n * Hook to merge base styles with sub-element style props.\n *\n * This simplifies the common pattern of accepting props like `tabListStyles`,\n * `prefixStyles`, etc. that should merge into `styles.TabList`, `styles.Prefix`, etc.\n *\n * @param styles - Base styles object\n * @param subStylesMap - Mapping of sub-element names to their additional styles\n * @returns Merged styles object\n *\n * @example\n * ```tsx\n * const { styles, tabListStyles, prefixStyles, suffixStyles, ...rest } = props;\n *\n * const mergedStyles = useMergeStyles(styles, {\n *   TabList: tabListStyles,\n *   Prefix: prefixStyles,\n *   Suffix: suffixStyles,\n * });\n *\n * return <TabsElement styles={mergedStyles} {...rest} />;\n * ```\n */\nexport function useMergeStyles(\n  styles: Styles | undefined,\n  subStylesMap: Record<string, Styles | undefined>,\n): Styles {\n  // Extract values for dependency array - must be stable\n  const subStylesValues = Object.values(subStylesMap);\n\n  return useMemo(() => {\n    // Build sub-element styles object from the map\n    const subStyles: Styles = {};\n\n    for (const [element, elementStyles] of Object.entries(subStylesMap)) {\n      if (elementStyles != null) {\n        subStyles[element] = elementStyles;\n      }\n    }\n\n    // Merge base styles with sub-element styles\n    return mergeStyles(styles, subStyles);\n  }, [styles, ...subStylesValues]);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BA,SAAgB,eACd,QACA,cACQ;AAIR,QAAO,cAAc;EAEnB,MAAM,YAAoB,EAAE;AAE5B,OAAK,MAAM,CAAC,SAAS,kBAAkB,OAAO,QAAQ,aAAa,CACjE,KAAI,iBAAiB,KACnB,WAAU,WAAW;AAKzB,SAAO,YAAY,QAAQ,UAAU;IACpC,CAAC,QAAQ,GAdY,OAAO,OAAO,aAAa,CAcpB,CAAC"}

package/dist/utils/react/useQaProps.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 //#region src/utils/react/useQaProps.ts
 /**
 * Processes QA props.

package/dist/utils/react/useViewportSize.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.119.0 | Cube Dev Team */
 import { useEffect, useState } from "react";
 
 //#region src/utils/react/useViewportSize.ts