@cube-dev/ui-kit 0.0.0-canary-2757f7b → 0.0.0-canary-b8a6873

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

@@ -7,13 +7,6 @@ import { CSSProperties, ForwardRefExoticComponent, RefAttributes } from "react";
 
 //#region src/components/content/Text.d.ts
 interface CubeTextProps<T extends TagName = TagName> extends AllBaseProps<T>, TextStyleProps, BaseStyleProps, ColorStyleProps {
-  /**
-   * Whether the text is rendered as a block.
-   *
-   * Applied as a mod. Previously inherited from Tasty's `BaseProps`, which
-   * dropped it in v3 as an unconsumed prop — the UI Kit does consume it.
-   */
-  block?: boolean;
   /**
    * Whether the text uses the monospace font.
    */
@@ -47,6 +40,7 @@ declare const MinorText: react.ComponentType<{
   role?: react.AriaRole | undefined;
   id?: string | undefined;
   children?: react.ReactNode | Iterable<react.ReactNode>;
+  css?: string | undefined;
   as?: keyof HTMLElementTagNameMap | react.ComponentType<any> | undefined;
   color?: _tenphi_tasty0.StyleValue<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.1` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.2` | `#${string}.5` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.02` | `#${string}.05` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.12` | `#${string}.15` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.30` | `#${string}.31` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.32` | `#${string}.35` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.71` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.72` | `#${string}.75` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.41` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.42` | `#${string}.45` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.20` | `#${string}.21` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.22` | `#${string}.25` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.50` | `#${string}.51` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.52` | `#${string}.55` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.60` | `#${string}.61` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.62` | `#${string}.65` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.82` | `#${string}.85` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.92` | `#${string}.95` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.1` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.2` | `#${string}.5` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.02` | `#${string}.05` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.12` | `#${string}.15` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.30` | `#${string}.31` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.32` | `#${string}.35` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.71` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.72` | `#${string}.75` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.41` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.42` | `#${string}.45` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.20` | `#${string}.21` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.22` | `#${string}.25` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.50` | `#${string}.51` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.52` | `#${string}.55` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.60` | `#${string}.61` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.62` | `#${string}.65` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.82` | `#${string}.85` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.92` | `#${string}.95` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined>;
   accept?: string | undefined;
@@ -419,22 +413,23 @@ declare const MinorText: react.ComponentType<{
   transform?: StylePropValue<Property.TextTransform | undefined>;
   whiteSpace?: _tenphi_tasty0.StyleValue<Property.WhiteSpace | undefined> | _tenphi_tasty0.StyleValueStateMap<Property.WhiteSpace | undefined>;
   image?: _tenphi_tasty0.StyleValue<Property.BackgroundImage | undefined> | _tenphi_tasty0.StyleValueStateMap<Property.BackgroundImage | undefined>;
-  fade?: _tenphi_tasty0.StyleValue<string | boolean | undefined> | _tenphi_tasty0.StyleValueStateMap<string | boolean | undefined>;
+  fade?: _tenphi_tasty0.StyleValue<string | undefined> | _tenphi_tasty0.StyleValueStateMap<string | undefined>;
   hide?: _tenphi_tasty0.StyleValue<boolean | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | undefined>;
   preset?: _tenphi_tasty0.StyleValue<string | (string & {}) | undefined> | _tenphi_tasty0.StyleValueStateMap<string | (string & {}) | undefined>;
   qa?: string | undefined;
+  inline?: boolean | undefined;
   nowrap?: boolean | undefined;
   ellipsis?: boolean | undefined;
   qaVal?: string | number | undefined;
   element?: `A${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `I${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
   styles?: _tenphi_tasty0.Styles | undefined;
+  breakpoints?: number[] | undefined;
+  block?: boolean | undefined;
   mods?: Record<string, _tenphi_tasty0.ModValue> | undefined;
   isHidden?: boolean | undefined;
   isDisabled?: boolean | undefined;
-  isChecked?: boolean | undefined;
   theme?: string | (string & {}) | undefined;
   tokens?: _tenphi_tasty0.Tokens | undefined;
-  block?: boolean | undefined;
   monospace?: boolean | undefined;
   italic?: StylePropValue<Property.FontStyle | undefined>;
   weight?: string | number | undefined;
@@ -454,6 +449,7 @@ declare const DangerText: react.ComponentType<{
   role?: react.AriaRole | undefined;
   id?: string | undefined;
   children?: react.ReactNode | Iterable<react.ReactNode>;
+  css?: string | undefined;
   as?: keyof HTMLElementTagNameMap | react.ComponentType<any> | undefined;
   color?: _tenphi_tasty0.StyleValue<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.1` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.2` | `#${string}.5` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.02` | `#${string}.05` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.12` | `#${string}.15` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.30` | `#${string}.31` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.32` | `#${string}.35` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.71` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.72` | `#${string}.75` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.41` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.42` | `#${string}.45` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.20` | `#${string}.21` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.22` | `#${string}.25` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.50` | `#${string}.51` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.52` | `#${string}.55` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.60` | `#${string}.61` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.62` | `#${string}.65` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.82` | `#${string}.85` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.92` | `#${string}.95` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.1` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.2` | `#${string}.5` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.02` | `#${string}.05` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.12` | `#${string}.15` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.30` | `#${string}.31` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.32` | `#${string}.35` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.71` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.72` | `#${string}.75` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.41` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.42` | `#${string}.45` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.20` | `#${string}.21` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.22` | `#${string}.25` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.50` | `#${string}.51` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.52` | `#${string}.55` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.60` | `#${string}.61` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.62` | `#${string}.65` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.82` | `#${string}.85` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.92` | `#${string}.95` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined>;
   accept?: string | undefined;
@@ -826,22 +822,23 @@ declare const DangerText: react.ComponentType<{
   transform?: StylePropValue<Property.TextTransform | undefined>;
   whiteSpace?: _tenphi_tasty0.StyleValue<Property.WhiteSpace | undefined> | _tenphi_tasty0.StyleValueStateMap<Property.WhiteSpace | undefined>;
   image?: _tenphi_tasty0.StyleValue<Property.BackgroundImage | undefined> | _tenphi_tasty0.StyleValueStateMap<Property.BackgroundImage | undefined>;
-  fade?: _tenphi_tasty0.StyleValue<string | boolean | undefined> | _tenphi_tasty0.StyleValueStateMap<string | boolean | undefined>;
+  fade?: _tenphi_tasty0.StyleValue<string | undefined> | _tenphi_tasty0.StyleValueStateMap<string | undefined>;
   hide?: _tenphi_tasty0.StyleValue<boolean | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | undefined>;
   preset?: _tenphi_tasty0.StyleValue<string | (string & {}) | undefined> | _tenphi_tasty0.StyleValueStateMap<string | (string & {}) | undefined>;
   qa?: string | undefined;
+  inline?: boolean | undefined;
   nowrap?: boolean | undefined;
   ellipsis?: boolean | undefined;
   qaVal?: string | number | undefined;
   element?: `A${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `I${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
   styles?: _tenphi_tasty0.Styles | undefined;
+  breakpoints?: number[] | undefined;
+  block?: boolean | undefined;
   mods?: Record<string, _tenphi_tasty0.ModValue> | undefined;
   isHidden?: boolean | undefined;
   isDisabled?: boolean | undefined;
-  isChecked?: boolean | undefined;
   theme?: string | (string & {}) | undefined;
   tokens?: _tenphi_tasty0.Tokens | undefined;
-  block?: boolean | undefined;
   monospace?: boolean | undefined;
   italic?: StylePropValue<Property.FontStyle | undefined>;
   weight?: string | number | undefined;
@@ -861,6 +858,7 @@ declare const SuccessText: react.ComponentType<{
   role?: react.AriaRole | undefined;
   id?: string | undefined;
   children?: react.ReactNode | Iterable<react.ReactNode>;
+  css?: string | undefined;
   as?: keyof HTMLElementTagNameMap | react.ComponentType<any> | undefined;
   color?: _tenphi_tasty0.StyleValue<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.1` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.2` | `#${string}.5` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.02` | `#${string}.05` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.12` | `#${string}.15` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.30` | `#${string}.31` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.32` | `#${string}.35` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.71` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.72` | `#${string}.75` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.41` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.42` | `#${string}.45` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.20` | `#${string}.21` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.22` | `#${string}.25` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.50` | `#${string}.51` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.52` | `#${string}.55` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.60` | `#${string}.61` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.62` | `#${string}.65` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.82` | `#${string}.85` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.92` | `#${string}.95` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.1` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.2` | `#${string}.5` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.02` | `#${string}.05` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.12` | `#${string}.15` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.30` | `#${string}.31` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.32` | `#${string}.35` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.71` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.72` | `#${string}.75` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.41` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.42` | `#${string}.45` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.20` | `#${string}.21` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.22` | `#${string}.25` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.50` | `#${string}.51` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.52` | `#${string}.55` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.60` | `#${string}.61` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.62` | `#${string}.65` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.82` | `#${string}.85` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.92` | `#${string}.95` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined>;
   accept?: string | undefined;
@@ -1233,22 +1231,23 @@ declare const SuccessText: react.ComponentType<{
   transform?: StylePropValue<Property.TextTransform | undefined>;
   whiteSpace?: _tenphi_tasty0.StyleValue<Property.WhiteSpace | undefined> | _tenphi_tasty0.StyleValueStateMap<Property.WhiteSpace | undefined>;
   image?: _tenphi_tasty0.StyleValue<Property.BackgroundImage | undefined> | _tenphi_tasty0.StyleValueStateMap<Property.BackgroundImage | undefined>;
-  fade?: _tenphi_tasty0.StyleValue<string | boolean | undefined> | _tenphi_tasty0.StyleValueStateMap<string | boolean | undefined>;
+  fade?: _tenphi_tasty0.StyleValue<string | undefined> | _tenphi_tasty0.StyleValueStateMap<string | undefined>;
   hide?: _tenphi_tasty0.StyleValue<boolean | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | undefined>;
   preset?: _tenphi_tasty0.StyleValue<string | (string & {}) | undefined> | _tenphi_tasty0.StyleValueStateMap<string | (string & {}) | undefined>;
   qa?: string | undefined;
+  inline?: boolean | undefined;
   nowrap?: boolean | undefined;
   ellipsis?: boolean | undefined;
   qaVal?: string | number | undefined;
   element?: `A${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `I${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
   styles?: _tenphi_tasty0.Styles | undefined;
+  breakpoints?: number[] | undefined;
+  block?: boolean | undefined;
   mods?: Record<string, _tenphi_tasty0.ModValue> | undefined;
   isHidden?: boolean | undefined;
   isDisabled?: boolean | undefined;
-  isChecked?: boolean | undefined;
   theme?: string | (string & {}) | undefined;
   tokens?: _tenphi_tasty0.Tokens | undefined;
-  block?: boolean | undefined;
   monospace?: boolean | undefined;
   italic?: StylePropValue<Property.FontStyle | undefined>;
   weight?: string | number | undefined;
@@ -1268,6 +1267,7 @@ declare const StrongText: react.ComponentType<{
   role?: react.AriaRole | undefined;
   id?: string | undefined;
   children?: react.ReactNode | Iterable<react.ReactNode>;
+  css?: string | undefined;
   as?: keyof HTMLElementTagNameMap | react.ComponentType<any> | undefined;
   color?: _tenphi_tasty0.StyleValue<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.1` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.2` | `#${string}.5` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.02` | `#${string}.05` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.12` | `#${string}.15` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.30` | `#${string}.31` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.32` | `#${string}.35` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.71` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.72` | `#${string}.75` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.41` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.42` | `#${string}.45` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.20` | `#${string}.21` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.22` | `#${string}.25` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.50` | `#${string}.51` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.52` | `#${string}.55` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.60` | `#${string}.61` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.62` | `#${string}.65` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.82` | `#${string}.85` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.92` | `#${string}.95` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.1` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.2` | `#${string}.5` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.02` | `#${string}.05` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.12` | `#${string}.15` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.30` | `#${string}.31` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.32` | `#${string}.35` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.71` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.72` | `#${string}.75` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.41` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.42` | `#${string}.45` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.20` | `#${string}.21` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.22` | `#${string}.25` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.50` | `#${string}.51` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.52` | `#${string}.55` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.60` | `#${string}.61` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.62` | `#${string}.65` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.82` | `#${string}.85` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.92` | `#${string}.95` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined>;
   accept?: string | undefined;
@@ -1640,22 +1640,23 @@ declare const StrongText: react.ComponentType<{
   transform?: StylePropValue<Property.TextTransform | undefined>;
   whiteSpace?: _tenphi_tasty0.StyleValue<Property.WhiteSpace | undefined> | _tenphi_tasty0.StyleValueStateMap<Property.WhiteSpace | undefined>;
   image?: _tenphi_tasty0.StyleValue<Property.BackgroundImage | undefined> | _tenphi_tasty0.StyleValueStateMap<Property.BackgroundImage | undefined>;
-  fade?: _tenphi_tasty0.StyleValue<string | boolean | undefined> | _tenphi_tasty0.StyleValueStateMap<string | boolean | undefined>;
+  fade?: _tenphi_tasty0.StyleValue<string | undefined> | _tenphi_tasty0.StyleValueStateMap<string | undefined>;
   hide?: _tenphi_tasty0.StyleValue<boolean | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | undefined>;
   preset?: _tenphi_tasty0.StyleValue<string | (string & {}) | undefined> | _tenphi_tasty0.StyleValueStateMap<string | (string & {}) | undefined>;
   qa?: string | undefined;
+  inline?: boolean | undefined;
   nowrap?: boolean | undefined;
   ellipsis?: boolean | undefined;
   qaVal?: string | number | undefined;
   element?: `A${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `I${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
   styles?: _tenphi_tasty0.Styles | undefined;
+  breakpoints?: number[] | undefined;
+  block?: boolean | undefined;
   mods?: Record<string, _tenphi_tasty0.ModValue> | undefined;
   isHidden?: boolean | undefined;
   isDisabled?: boolean | undefined;
-  isChecked?: boolean | undefined;
   theme?: string | (string & {}) | undefined;
   tokens?: _tenphi_tasty0.Tokens | undefined;
-  block?: boolean | undefined;
   monospace?: boolean | undefined;
   italic?: StylePropValue<Property.FontStyle | undefined>;
   weight?: string | number | undefined;
@@ -1675,6 +1676,7 @@ declare const EmphasisText: react.ComponentType<{
   role?: react.AriaRole | undefined;
   id?: string | undefined;
   children?: react.ReactNode | Iterable<react.ReactNode>;
+  css?: string | undefined;
   as?: keyof HTMLElementTagNameMap | react.ComponentType<any> | undefined;
   color?: _tenphi_tasty0.StyleValue<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.1` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.2` | `#${string}.5` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.02` | `#${string}.05` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.12` | `#${string}.15` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.30` | `#${string}.31` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.32` | `#${string}.35` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.71` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.72` | `#${string}.75` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.41` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.42` | `#${string}.45` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.20` | `#${string}.21` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.22` | `#${string}.25` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.50` | `#${string}.51` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.52` | `#${string}.55` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.60` | `#${string}.61` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.62` | `#${string}.65` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.82` | `#${string}.85` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.92` | `#${string}.95` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.1` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.2` | `#${string}.5` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.02` | `#${string}.05` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.12` | `#${string}.15` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.30` | `#${string}.31` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.32` | `#${string}.35` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.71` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.72` | `#${string}.75` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.41` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.42` | `#${string}.45` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.20` | `#${string}.21` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.22` | `#${string}.25` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.50` | `#${string}.51` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.52` | `#${string}.55` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.60` | `#${string}.61` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.62` | `#${string}.65` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.82` | `#${string}.85` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.92` | `#${string}.95` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined>;
   accept?: string | undefined;
@@ -2047,22 +2049,23 @@ declare const EmphasisText: react.ComponentType<{
   transform?: StylePropValue<Property.TextTransform | undefined>;
   whiteSpace?: _tenphi_tasty0.StyleValue<Property.WhiteSpace | undefined> | _tenphi_tasty0.StyleValueStateMap<Property.WhiteSpace | undefined>;
   image?: _tenphi_tasty0.StyleValue<Property.BackgroundImage | undefined> | _tenphi_tasty0.StyleValueStateMap<Property.BackgroundImage | undefined>;
-  fade?: _tenphi_tasty0.StyleValue<string | boolean | undefined> | _tenphi_tasty0.StyleValueStateMap<string | boolean | undefined>;
+  fade?: _tenphi_tasty0.StyleValue<string | undefined> | _tenphi_tasty0.StyleValueStateMap<string | undefined>;
   hide?: _tenphi_tasty0.StyleValue<boolean | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | undefined>;
   preset?: _tenphi_tasty0.StyleValue<string | (string & {}) | undefined> | _tenphi_tasty0.StyleValueStateMap<string | (string & {}) | undefined>;
   qa?: string | undefined;
+  inline?: boolean | undefined;
   nowrap?: boolean | undefined;
   ellipsis?: boolean | undefined;
   qaVal?: string | number | undefined;
   element?: `A${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `I${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
   styles?: _tenphi_tasty0.Styles | undefined;
+  breakpoints?: number[] | undefined;
+  block?: boolean | undefined;
   mods?: Record<string, _tenphi_tasty0.ModValue> | undefined;
   isHidden?: boolean | undefined;
   isDisabled?: boolean | undefined;
-  isChecked?: boolean | undefined;
   theme?: string | (string & {}) | undefined;
   tokens?: _tenphi_tasty0.Tokens | undefined;
-  block?: boolean | undefined;
   monospace?: boolean | undefined;
   italic?: StylePropValue<Property.FontStyle | undefined>;
   weight?: string | number | undefined;
@@ -2082,6 +2085,7 @@ declare const PlaceholderText: react.ComponentType<{
   role?: react.AriaRole | undefined;
   id?: string | undefined;
   children?: react.ReactNode | Iterable<react.ReactNode>;
+  css?: string | undefined;
   as?: keyof HTMLElementTagNameMap | react.ComponentType<any> | undefined;
   color?: _tenphi_tasty0.StyleValue<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.1` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.2` | `#${string}.5` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.02` | `#${string}.05` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.12` | `#${string}.15` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.30` | `#${string}.31` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.32` | `#${string}.35` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.71` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.72` | `#${string}.75` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.41` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.42` | `#${string}.45` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.20` | `#${string}.21` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.22` | `#${string}.25` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.50` | `#${string}.51` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.52` | `#${string}.55` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.60` | `#${string}.61` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.62` | `#${string}.65` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.82` | `#${string}.85` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.92` | `#${string}.95` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.1` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.2` | `#${string}.5` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.02` | `#${string}.05` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.12` | `#${string}.15` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.30` | `#${string}.31` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.32` | `#${string}.35` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.71` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.72` | `#${string}.75` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.41` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.42` | `#${string}.45` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.20` | `#${string}.21` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.22` | `#${string}.25` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.50` | `#${string}.51` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.52` | `#${string}.55` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.60` | `#${string}.61` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.62` | `#${string}.65` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.82` | `#${string}.85` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.92` | `#${string}.95` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined>;
   accept?: string | undefined;
@@ -2454,22 +2458,23 @@ declare const PlaceholderText: react.ComponentType<{
   transform?: StylePropValue<Property.TextTransform | undefined>;
   whiteSpace?: _tenphi_tasty0.StyleValue<Property.WhiteSpace | undefined> | _tenphi_tasty0.StyleValueStateMap<Property.WhiteSpace | undefined>;
   image?: _tenphi_tasty0.StyleValue<Property.BackgroundImage | undefined> | _tenphi_tasty0.StyleValueStateMap<Property.BackgroundImage | undefined>;
-  fade?: _tenphi_tasty0.StyleValue<string | boolean | undefined> | _tenphi_tasty0.StyleValueStateMap<string | boolean | undefined>;
+  fade?: _tenphi_tasty0.StyleValue<string | undefined> | _tenphi_tasty0.StyleValueStateMap<string | undefined>;
   hide?: _tenphi_tasty0.StyleValue<boolean | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | undefined>;
   preset?: _tenphi_tasty0.StyleValue<string | (string & {}) | undefined> | _tenphi_tasty0.StyleValueStateMap<string | (string & {}) | undefined>;
   qa?: string | undefined;
+  inline?: boolean | undefined;
   nowrap?: boolean | undefined;
   ellipsis?: boolean | undefined;
   qaVal?: string | number | undefined;
   element?: `A${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `I${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
   styles?: _tenphi_tasty0.Styles | undefined;
+  breakpoints?: number[] | undefined;
+  block?: boolean | undefined;
   mods?: Record<string, _tenphi_tasty0.ModValue> | undefined;
   isHidden?: boolean | undefined;
   isDisabled?: boolean | undefined;
-  isChecked?: boolean | undefined;
   theme?: string | (string & {}) | undefined;
   tokens?: _tenphi_tasty0.Tokens | undefined;
-  block?: boolean | undefined;
   monospace?: boolean | undefined;
   italic?: StylePropValue<Property.FontStyle | undefined>;
   weight?: string | number | undefined;
@@ -2489,6 +2494,7 @@ declare const HighlightText: react.ComponentType<{
   role?: react.AriaRole | undefined;
   id?: string | undefined;
   children?: react.ReactNode | Iterable<react.ReactNode>;
+  css?: string | undefined;
   as?: keyof HTMLElementTagNameMap | react.ComponentType<any> | undefined;
   color?: _tenphi_tasty0.StyleValue<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.1` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.2` | `#${string}.5` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.02` | `#${string}.05` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.12` | `#${string}.15` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.30` | `#${string}.31` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.32` | `#${string}.35` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.71` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.72` | `#${string}.75` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.41` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.42` | `#${string}.45` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.20` | `#${string}.21` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.22` | `#${string}.25` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.50` | `#${string}.51` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.52` | `#${string}.55` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.60` | `#${string}.61` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.62` | `#${string}.65` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.82` | `#${string}.85` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.92` | `#${string}.95` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.1` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.2` | `#${string}.5` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.02` | `#${string}.05` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.12` | `#${string}.15` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.30` | `#${string}.31` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.32` | `#${string}.35` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.71` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.72` | `#${string}.75` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.41` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.42` | `#${string}.45` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.20` | `#${string}.21` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.22` | `#${string}.25` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.50` | `#${string}.51` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.52` | `#${string}.55` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.60` | `#${string}.61` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.62` | `#${string}.65` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.82` | `#${string}.85` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.92` | `#${string}.95` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined>;
   accept?: string | undefined;
@@ -2861,22 +2867,23 @@ declare const HighlightText: react.ComponentType<{
   transform?: StylePropValue<Property.TextTransform | undefined>;
   whiteSpace?: _tenphi_tasty0.StyleValue<Property.WhiteSpace | undefined> | _tenphi_tasty0.StyleValueStateMap<Property.WhiteSpace | undefined>;
   image?: _tenphi_tasty0.StyleValue<Property.BackgroundImage | undefined> | _tenphi_tasty0.StyleValueStateMap<Property.BackgroundImage | undefined>;
-  fade?: _tenphi_tasty0.StyleValue<string | boolean | undefined> | _tenphi_tasty0.StyleValueStateMap<string | boolean | undefined>;
+  fade?: _tenphi_tasty0.StyleValue<string | undefined> | _tenphi_tasty0.StyleValueStateMap<string | undefined>;
   hide?: _tenphi_tasty0.StyleValue<boolean | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | undefined>;
   preset?: _tenphi_tasty0.StyleValue<string | (string & {}) | undefined> | _tenphi_tasty0.StyleValueStateMap<string | (string & {}) | undefined>;
   qa?: string | undefined;
+  inline?: boolean | undefined;
   nowrap?: boolean | undefined;
   ellipsis?: boolean | undefined;
   qaVal?: string | number | undefined;
   element?: `A${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `I${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
   styles?: _tenphi_tasty0.Styles | undefined;
+  breakpoints?: number[] | undefined;
+  block?: boolean | undefined;
   mods?: Record<string, _tenphi_tasty0.ModValue> | undefined;
   isHidden?: boolean | undefined;
   isDisabled?: boolean | undefined;
-  isChecked?: boolean | undefined;
   theme?: string | (string & {}) | undefined;
   tokens?: _tenphi_tasty0.Tokens | undefined;
-  block?: boolean | undefined;
   monospace?: boolean | undefined;
   italic?: StylePropValue<Property.FontStyle | undefined>;
   weight?: string | number | undefined;

package/dist/components/content/Text.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2757f7b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b8a6873 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { BASE_STYLES, COLOR_STYLES, TEXT_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/content/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","names":[],"sources":["../../../src/components/content/Text.tsx"],"sourcesContent":["import {\n  AllBaseProps,\n  BASE_STYLES,\n  BaseStyleProps,\n  COLOR_STYLES,\n  ColorStyleProps,\n  filterBaseProps,\n  StylePropValue,\n  TagName,\n  tasty,\n  TEXT_STYLES,\n  TextStyleProps,\n} from '@tenphi/tasty';\nimport {\n  CSSProperties,\n  forwardRef,\n  ForwardRefExoticComponent,\n  RefAttributes,\n} from 'react';\n\nimport { useSlotProps } from '../../utils/react';\nimport { extractStyles } from '../../utils/styles';\n\nconst STYLE_LIST = [...BASE_STYLES, ...TEXT_STYLES, ...COLOR_STYLES] as const;\n\nexport const TEXT_PROP_MAP = {\n  transform: 'textTransform',\n  weight: 'fontWeight',\n  italic: 'fontStyle',\n} as const;\n\nexport interface CubeTextProps<T extends TagName = TagName>\n  extends AllBaseProps<T>,\n    TextStyleProps,\n    BaseStyleProps,\n    ColorStyleProps {\n  /**\n   * Whether the text is rendered as a block.\n   *\n   * Applied as a mod. Previously inherited from Tasty's `BaseProps`, which\n   * dropped it in v3 as an unconsumed prop — the UI Kit does consume it.\n   */\n  block?: boolean;\n  /**\n   * Whether the text uses the monospace font.\n   */\n  monospace?: boolean;\n  /**\n   * Whether the text overflow is ellipsis\n   */\n  ellipsis?: boolean;\n  /**\n   * Whether the text is not wrapping\n   */\n  nowrap?: boolean;\n  /**\n   * Whether the text has italic style\n   */\n  italic?: StylePropValue<CSSProperties['fontStyle']>;\n  weight?: string | number;\n  transform?: StylePropValue<CSSProperties['textTransform']>;\n}\n\nconst TextElement = tasty({\n  qa: 'Text',\n  as: 'span',\n  styles: {\n    display: {\n      '': 'inline',\n      'ellipsis | block': 'block',\n    },\n    margin: 0,\n    padding: 0,\n    whiteSpace: {\n      '': 'inherit',\n      'nowrap | ellipsis': 'nowrap',\n    },\n    textOverflow: {\n      '': false,\n      ellipsis: 'ellipsis',\n    },\n    overflow: {\n      '': false,\n      ellipsis: 'hidden',\n    },\n    width: {\n      '': false,\n      ellipsis: 'max 100%',\n    },\n  },\n});\n\nconst Text = forwardRef(function CubeText(allProps: CubeTextProps, ref) {\n  allProps = useSlotProps(allProps, 'text');\n\n  const { as, qa, block, ellipsis, nowrap, ...props } = allProps;\n  const styles = extractStyles(props, STYLE_LIST, {}, TEXT_PROP_MAP);\n\n  return (\n    <TextElement\n      as={as || 'span'}\n      qa={qa || 'Text'}\n      mods={{\n        nowrap,\n        ellipsis: !!ellipsis,\n        block: !!block,\n      }}\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n\nconst MinorText = tasty(Text, {\n  styles: {\n    color: '#minor',\n  },\n});\n\nconst DangerText = tasty(Text, {\n  role: 'alert',\n  styles: {\n    color: '#danger-text',\n  },\n});\n\nconst SuccessText = tasty(Text, {\n  styles: {\n    color: '#success-text',\n  },\n});\n\nconst StrongText = tasty(Text, {\n  as: 'strong',\n  preset: 'strong',\n});\n\nconst EmphasisText = tasty(Text, {\n  as: 'em',\n  preset: 'italic',\n});\n\nconst PlaceholderText = tasty(Text, {\n  styles: {\n    color: '#current.5',\n  },\n});\n\nconst HighlightText = tasty(Text, {\n  as: 'mark',\n  styles: {\n    fill: '#dark.15',\n    color: '#dark',\n  },\n});\n\nexport interface TextComponent\n  extends ForwardRefExoticComponent<\n    CubeTextProps & RefAttributes<HTMLElement>\n  > {\n  Minor: typeof MinorText;\n  Danger: typeof DangerText;\n  Success: typeof SuccessText;\n  Strong: typeof StrongText;\n  Emphasis: typeof EmphasisText;\n  Placeholder: typeof PlaceholderText;\n  Highlight: typeof HighlightText;\n}\n\nconst _Text: TextComponent = Object.assign(Text, {\n  Minor: MinorText,\n  Danger: DangerText,\n  Success: SuccessText,\n  Strong: StrongText,\n  Emphasis: EmphasisText,\n  Placeholder: PlaceholderText,\n  Highlight: HighlightText,\n});\n\n_Text.displayName = 'Text';\n\nexport { _Text as Text };\n"],"mappings":";;;;;;;;AAuBA,MAAM,aAAa;CAAC,GAAG;CAAa,GAAG;CAAa,GAAG;CAAa;AAEpE,MAAa,gBAAgB;CAC3B,WAAW;CACX,QAAQ;CACR,QAAQ;CACT;AAkCD,MAAM,cAAc,MAAM;CACxB,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,SAAS;GACP,IAAI;GACJ,oBAAoB;GACrB;EACD,QAAQ;EACR,SAAS;EACT,YAAY;GACV,IAAI;GACJ,qBAAqB;GACtB;EACD,cAAc;GACZ,IAAI;GACJ,UAAU;GACX;EACD,UAAU;GACR,IAAI;GACJ,UAAU;GACX;EACD,OAAO;GACL,IAAI;GACJ,UAAU;GACX;EACF;CACF,CAAC;AAEF,MAAM,OAAO,WAAW,SAAS,SAAS,UAAyB,KAAK;AACtE,YAAW,aAAa,UAAU,OAAO;CAEzC,MAAM,EAAE,IAAI,IAAI,OAAO,UAAU,QAAQ,GAAG,UAAU;CACtD,MAAM,SAAS,cAAc,OAAO,YAAY,EAAE,EAAE,cAAc;AAElE,QACE,oBAAC;EACC,IAAI,MAAM;EACV,IAAI,MAAM;EACV,MAAM;GACJ;GACA,UAAU,CAAC,CAAC;GACZ,OAAO,CAAC,CAAC;GACV;EACD,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;EAC3C;EACG;GACR;EAEJ;AAEF,MAAM,YAAY,MAAM,MAAM,EAC5B,QAAQ,EACN,OAAO,UACR,EACF,CAAC;AAEF,MAAM,aAAa,MAAM,MAAM;CAC7B,MAAM;CACN,QAAQ,EACN,OAAO,gBACR;CACF,CAAC;AAEF,MAAM,cAAc,MAAM,MAAM,EAC9B,QAAQ,EACN,OAAO,iBACR,EACF,CAAC;AAEF,MAAM,aAAa,MAAM,MAAM;CAC7B,IAAI;CACJ,QAAQ;CACT,CAAC;AAEF,MAAM,eAAe,MAAM,MAAM;CAC/B,IAAI;CACJ,QAAQ;CACT,CAAC;AAEF,MAAM,kBAAkB,MAAM,MAAM,EAClC,QAAQ,EACN,OAAO,cACR,EACF,CAAC;AAEF,MAAM,gBAAgB,MAAM,MAAM;CAChC,IAAI;CACJ,QAAQ;EACN,MAAM;EACN,OAAO;EACR;CACF,CAAC;AAeF,MAAM,QAAuB,OAAO,OAAO,MAAM;CAC/C,OAAO;CACP,QAAQ;CACR,SAAS;CACT,QAAQ;CACR,UAAU;CACV,aAAa;CACb,WAAW;CACZ,CAAC;AAEF,MAAM,cAAc"}
+{"version":3,"file":"Text.js","names":[],"sources":["../../../src/components/content/Text.tsx"],"sourcesContent":["import {\n  AllBaseProps,\n  BASE_STYLES,\n  BaseStyleProps,\n  COLOR_STYLES,\n  ColorStyleProps,\n  filterBaseProps,\n  StylePropValue,\n  TagName,\n  tasty,\n  TEXT_STYLES,\n  TextStyleProps,\n} from '@tenphi/tasty';\nimport {\n  CSSProperties,\n  forwardRef,\n  ForwardRefExoticComponent,\n  RefAttributes,\n} from 'react';\n\nimport { useSlotProps } from '../../utils/react';\nimport { extractStyles } from '../../utils/styles';\n\nconst STYLE_LIST = [...BASE_STYLES, ...TEXT_STYLES, ...COLOR_STYLES] as const;\n\nexport const TEXT_PROP_MAP = {\n  transform: 'textTransform',\n  weight: 'fontWeight',\n  italic: 'fontStyle',\n} as const;\n\nexport interface CubeTextProps<T extends TagName = TagName>\n  extends AllBaseProps<T>,\n    TextStyleProps,\n    BaseStyleProps,\n    ColorStyleProps {\n  /**\n   * Whether the text uses the monospace font.\n   */\n  monospace?: boolean;\n  /**\n   * Whether the text overflow is ellipsis\n   */\n  ellipsis?: boolean;\n  /**\n   * Whether the text is not wrapping\n   */\n  nowrap?: boolean;\n  /**\n   * Whether the text has italic style\n   */\n  italic?: StylePropValue<CSSProperties['fontStyle']>;\n  weight?: string | number;\n  transform?: StylePropValue<CSSProperties['textTransform']>;\n}\n\nconst TextElement = tasty({\n  qa: 'Text',\n  as: 'span',\n  styles: {\n    display: {\n      '': 'inline',\n      'ellipsis | block': 'block',\n    },\n    margin: 0,\n    padding: 0,\n    whiteSpace: {\n      '': 'inherit',\n      'nowrap | ellipsis': 'nowrap',\n    },\n    textOverflow: {\n      '': false,\n      ellipsis: 'ellipsis',\n    },\n    overflow: {\n      '': false,\n      ellipsis: 'hidden',\n    },\n    width: {\n      '': false,\n      ellipsis: 'max 100%',\n    },\n  },\n});\n\nconst Text = forwardRef(function CubeText(allProps: CubeTextProps, ref) {\n  allProps = useSlotProps(allProps, 'text');\n\n  const { as, qa, block, ellipsis, nowrap, ...props } = allProps;\n  const styles = extractStyles(props, STYLE_LIST, {}, TEXT_PROP_MAP);\n\n  return (\n    <TextElement\n      as={as || 'span'}\n      qa={qa || 'Text'}\n      mods={{\n        nowrap,\n        ellipsis: !!ellipsis,\n        block: !!block,\n      }}\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n\nconst MinorText = tasty(Text, {\n  styles: {\n    color: '#minor',\n  },\n});\n\nconst DangerText = tasty(Text, {\n  role: 'alert',\n  styles: {\n    color: '#danger-text',\n  },\n});\n\nconst SuccessText = tasty(Text, {\n  styles: {\n    color: '#success-text',\n  },\n});\n\nconst StrongText = tasty(Text, {\n  as: 'strong',\n  preset: 'strong',\n});\n\nconst EmphasisText = tasty(Text, {\n  as: 'em',\n  preset: 'italic',\n});\n\nconst PlaceholderText = tasty(Text, {\n  styles: {\n    color: '#current.5',\n  },\n});\n\nconst HighlightText = tasty(Text, {\n  as: 'mark',\n  styles: {\n    fill: '#dark.15',\n    color: '#dark',\n  },\n});\n\nexport interface TextComponent\n  extends ForwardRefExoticComponent<\n    CubeTextProps & RefAttributes<HTMLElement>\n  > {\n  Minor: typeof MinorText;\n  Danger: typeof DangerText;\n  Success: typeof SuccessText;\n  Strong: typeof StrongText;\n  Emphasis: typeof EmphasisText;\n  Placeholder: typeof PlaceholderText;\n  Highlight: typeof HighlightText;\n}\n\nconst _Text: TextComponent = Object.assign(Text, {\n  Minor: MinorText,\n  Danger: DangerText,\n  Success: SuccessText,\n  Strong: StrongText,\n  Emphasis: EmphasisText,\n  Placeholder: PlaceholderText,\n  Highlight: HighlightText,\n});\n\n_Text.displayName = 'Text';\n\nexport { _Text as Text };\n"],"mappings":";;;;;;;;AAuBA,MAAM,aAAa;CAAC,GAAG;CAAa,GAAG;CAAa,GAAG;CAAa;AAEpE,MAAa,gBAAgB;CAC3B,WAAW;CACX,QAAQ;CACR,QAAQ;CACT;AA2BD,MAAM,cAAc,MAAM;CACxB,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,SAAS;GACP,IAAI;GACJ,oBAAoB;GACrB;EACD,QAAQ;EACR,SAAS;EACT,YAAY;GACV,IAAI;GACJ,qBAAqB;GACtB;EACD,cAAc;GACZ,IAAI;GACJ,UAAU;GACX;EACD,UAAU;GACR,IAAI;GACJ,UAAU;GACX;EACD,OAAO;GACL,IAAI;GACJ,UAAU;GACX;EACF;CACF,CAAC;AAEF,MAAM,OAAO,WAAW,SAAS,SAAS,UAAyB,KAAK;AACtE,YAAW,aAAa,UAAU,OAAO;CAEzC,MAAM,EAAE,IAAI,IAAI,OAAO,UAAU,QAAQ,GAAG,UAAU;CACtD,MAAM,SAAS,cAAc,OAAO,YAAY,EAAE,EAAE,cAAc;AAElE,QACE,oBAAC;EACC,IAAI,MAAM;EACV,IAAI,MAAM;EACV,MAAM;GACJ;GACA,UAAU,CAAC,CAAC;GACZ,OAAO,CAAC,CAAC;GACV;EACD,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;EAC3C;EACG;GACR;EAEJ;AAEF,MAAM,YAAY,MAAM,MAAM,EAC5B,QAAQ,EACN,OAAO,UACR,EACF,CAAC;AAEF,MAAM,aAAa,MAAM,MAAM;CAC7B,MAAM;CACN,QAAQ,EACN,OAAO,gBACR;CACF,CAAC;AAEF,MAAM,cAAc,MAAM,MAAM,EAC9B,QAAQ,EACN,OAAO,iBACR,EACF,CAAC;AAEF,MAAM,aAAa,MAAM,MAAM;CAC7B,IAAI;CACJ,QAAQ;CACT,CAAC;AAEF,MAAM,eAAe,MAAM,MAAM;CAC/B,IAAI;CACJ,QAAQ;CACT,CAAC;AAEF,MAAM,kBAAkB,MAAM,MAAM,EAClC,QAAQ,EACN,OAAO,cACR,EACF,CAAC;AAEF,MAAM,gBAAgB,MAAM,MAAM;CAChC,IAAI;CACJ,QAAQ;EACN,MAAM;EACN,OAAO;EACR;CACF,CAAC;AAeF,MAAM,QAAuB,OAAO,OAAO,MAAM;CAC/C,OAAO;CACP,QAAQ;CACR,SAAS;CACT,QAAQ;CACR,UAAU;CACV,aAAa;CACb,WAAW;CACZ,CAAC;AAEF,MAAM,cAAc"}

package/dist/components/content/TextItem/TextItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2757f7b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b8a6873 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { TEXT_PROP_MAP, _Text } from "../Text.js";
 import { highlightText } from "../highlightText.js";

package/dist/components/content/Title.d.ts

@@ -7,12 +7,6 @@ import * as react from "react";
 interface CubeTitleProps extends BaseProps, CubeTextProps, ContainerStyleProps, PositionStyleProps {
   /** The level of the heading **/
   level?: 1 | 2 | 3 | 4 | 5 | 6;
-  /**
-   * @deprecated Has no effect. `Title` always renders as a block, and this was
-   *   only ever forwarded to an element that ignored it. Previously inherited
-   *   from Tasty's `BaseProps`, which dropped it in v3.
-   */
-  inline?: boolean;
 }
 declare const _Title: react.ForwardRefExoticComponent<CubeTitleProps & react.RefAttributes<unknown>> & {
   Danger: react.ForwardRefExoticComponent<CubeTitleProps & react.RefAttributes<unknown>>;

package/dist/components/content/Title.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2757f7b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b8a6873 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { TEXT_PROP_MAP } from "./Text.js";
@@ -43,7 +43,7 @@ const TitleElement = tasty({
 		}
 	}
 });
-const Title = forwardRef(function CubeTitle({ qa, as, inline: _inline, nowrap, ellipsis, level, ...props }, ref) {
+const Title = forwardRef(function CubeTitle({ qa, as, inline, nowrap, ellipsis, level, ...props }, ref) {
 	const propsWithSlots = useSlotProps(props, "title");
 	const tag = `h${level || 1}`;
 	const styles = extractStyles(propsWithSlots, STYLE_LIST, {}, TEXT_PROP_MAP);
@@ -55,6 +55,7 @@ const Title = forwardRef(function CubeTitle({ qa, as, inline: _inline, nowrap, e
 			nowrap,
 			ellipsis
 		},
+		inline,
 		...filterBaseProps(propsWithSlots, { eventProps: true }),
 		ref,
 		styles

package/dist/components/content/Title.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title.js","names":[],"sources":["../../../src/components/content/Title.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  PositionStyleProps,\n  tasty,\n  TEXT_STYLES,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useSlotProps } from '../../utils/react';\nimport { extractStyles } from '../../utils/styles';\n\nimport { CubeTextProps, TEXT_PROP_MAP } from './Text';\n\nconst STYLE_LIST = [...TEXT_STYLES, ...CONTAINER_STYLES];\n\nexport interface CubeTitleProps\n  extends BaseProps,\n    CubeTextProps,\n    ContainerStyleProps,\n    PositionStyleProps {\n  /** The level of the heading **/\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n  /**\n   * @deprecated Has no effect. `Title` always renders as a block, and this was\n   *   only ever forwarded to an element that ignored it. Previously inherited\n   *   from Tasty's `BaseProps`, which dropped it in v3.\n   */\n  inline?: boolean;\n}\n\nconst TitleElement = tasty({\n  qa: 'Title',\n  as: 'h1', // it should be dynamic\n  styles: {\n    gridArea: 'title',\n    display: 'block',\n    color: '#dark',\n    preset: {\n      '': 'h6',\n      'level=1': 'h1',\n      'level=2': 'h2',\n      'level=3': 'h3',\n      'level=4': 'h4',\n      'level=5': 'h5',\n      'level=6': 'h6',\n    },\n    margin: '0',\n    whiteSpace: {\n      '': 'inherit',\n      'nowrap | ellipsis': 'nowrap',\n    },\n    textOverflow: {\n      '': false,\n      ellipsis: 'ellipsis',\n    },\n    overflow: {\n      '': false,\n      ellipsis: 'hidden',\n    },\n    width: {\n      '': false,\n      ellipsis: 'max 100%',\n    },\n  },\n});\n\nconst Title = forwardRef(function CubeTitle(\n  {\n    qa,\n    as,\n    inline: _inline,\n    nowrap,\n    ellipsis,\n    level,\n    ...props\n  }: CubeTitleProps,\n  ref,\n) {\n  const propsWithSlots = useSlotProps(props, 'title');\n\n  const tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' = `h${level || 1}`;\n  const styles = extractStyles(propsWithSlots, STYLE_LIST, {}, TEXT_PROP_MAP);\n\n  return (\n    <TitleElement\n      qa={qa || 'Title'}\n      as={as || tag}\n      data-level={level || 1}\n      mods={{\n        nowrap,\n        ellipsis,\n      }}\n      {...filterBaseProps(propsWithSlots, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n\nconst _Title = Object.assign(Title, {\n  Danger: forwardRef(function DangerTitle(props: CubeTitleProps, ref) {\n    return <Title ref={ref} color=\"#danger-text\" {...props} />;\n  }),\n  Success: forwardRef(function SuccessTitle(props: CubeTitleProps, ref) {\n    return <Title ref={ref} color=\"#success-text\" {...props} />;\n  }),\n});\n\n_Title.displayName = 'Title';\n\nexport { _Title as Title };\n"],"mappings":";;;;;;;;;AAgBA,MAAM,aAAa,CAAC,GAAG,aAAa,GAAG,iBAAiB;AAiBxD,MAAM,eAAe,MAAM;CACzB,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,UAAU;EACV,SAAS;EACT,OAAO;EACP,QAAQ;GACN,IAAI;GACJ,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACZ;EACD,QAAQ;EACR,YAAY;GACV,IAAI;GACJ,qBAAqB;GACtB;EACD,cAAc;GACZ,IAAI;GACJ,UAAU;GACX;EACD,UAAU;GACR,IAAI;GACJ,UAAU;GACX;EACD,OAAO;GACL,IAAI;GACJ,UAAU;GACX;EACF;CACF,CAAC;AAEF,MAAM,QAAQ,WAAW,SAAS,UAChC,EACE,IACA,IACA,QAAQ,SACR,QACA,UACA,OACA,GAAG,SAEL,KACA;CACA,MAAM,iBAAiB,aAAa,OAAO,QAAQ;CAEnD,MAAM,MAA+C,IAAI,SAAS;CAClE,MAAM,SAAS,cAAc,gBAAgB,YAAY,EAAE,EAAE,cAAc;AAE3E,QACE,oBAAC;EACC,IAAI,MAAM;EACV,IAAI,MAAM;EACV,cAAY,SAAS;EACrB,MAAM;GACJ;GACA;GACD;EACD,GAAI,gBAAgB,gBAAgB,EAAE,YAAY,MAAM,CAAC;EACpD;EACG;GACR;EAEJ;AAEF,MAAM,SAAS,OAAO,OAAO,OAAO;CAClC,QAAQ,WAAW,SAAS,YAAY,OAAuB,KAAK;AAClE,SAAO,oBAAC;GAAW;GAAK,OAAM;GAAe,GAAI;IAAS;GAC1D;CACF,SAAS,WAAW,SAAS,aAAa,OAAuB,KAAK;AACpE,SAAO,oBAAC;GAAW;GAAK,OAAM;GAAgB,GAAI;IAAS;GAC3D;CACH,CAAC;AAEF,OAAO,cAAc"}
+{"version":3,"file":"Title.js","names":[],"sources":["../../../src/components/content/Title.tsx"],"sourcesContent":["import {\n  BaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  PositionStyleProps,\n  tasty,\n  TEXT_STYLES,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useSlotProps } from '../../utils/react';\nimport { extractStyles } from '../../utils/styles';\n\nimport { CubeTextProps, TEXT_PROP_MAP } from './Text';\n\nconst STYLE_LIST = [...TEXT_STYLES, ...CONTAINER_STYLES];\n\nexport interface CubeTitleProps\n  extends BaseProps,\n    CubeTextProps,\n    ContainerStyleProps,\n    PositionStyleProps {\n  /** The level of the heading **/\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n}\n\nconst TitleElement = tasty({\n  qa: 'Title',\n  as: 'h1', // it should be dynamic\n  styles: {\n    gridArea: 'title',\n    display: 'block',\n    color: '#dark',\n    preset: {\n      '': 'h6',\n      'level=1': 'h1',\n      'level=2': 'h2',\n      'level=3': 'h3',\n      'level=4': 'h4',\n      'level=5': 'h5',\n      'level=6': 'h6',\n    },\n    margin: '0',\n    whiteSpace: {\n      '': 'inherit',\n      'nowrap | ellipsis': 'nowrap',\n    },\n    textOverflow: {\n      '': false,\n      ellipsis: 'ellipsis',\n    },\n    overflow: {\n      '': false,\n      ellipsis: 'hidden',\n    },\n    width: {\n      '': false,\n      ellipsis: 'max 100%',\n    },\n  },\n});\n\nconst Title = forwardRef(function CubeTitle(\n  { qa, as, inline, nowrap, ellipsis, level, ...props }: CubeTitleProps,\n  ref,\n) {\n  const propsWithSlots = useSlotProps(props, 'title');\n\n  const tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' = `h${level || 1}`;\n  const styles = extractStyles(propsWithSlots, STYLE_LIST, {}, TEXT_PROP_MAP);\n\n  return (\n    <TitleElement\n      qa={qa || 'Title'}\n      as={as || tag}\n      data-level={level || 1}\n      mods={{\n        nowrap,\n        ellipsis,\n      }}\n      inline={inline}\n      {...filterBaseProps(propsWithSlots, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n\nconst _Title = Object.assign(Title, {\n  Danger: forwardRef(function DangerTitle(props: CubeTitleProps, ref) {\n    return <Title ref={ref} color=\"#danger-text\" {...props} />;\n  }),\n  Success: forwardRef(function SuccessTitle(props: CubeTitleProps, ref) {\n    return <Title ref={ref} color=\"#success-text\" {...props} />;\n  }),\n});\n\n_Title.displayName = 'Title';\n\nexport { _Title as Title };\n"],"mappings":";;;;;;;;;AAgBA,MAAM,aAAa,CAAC,GAAG,aAAa,GAAG,iBAAiB;AAWxD,MAAM,eAAe,MAAM;CACzB,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,UAAU;EACV,SAAS;EACT,OAAO;EACP,QAAQ;GACN,IAAI;GACJ,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACX,WAAW;GACZ;EACD,QAAQ;EACR,YAAY;GACV,IAAI;GACJ,qBAAqB;GACtB;EACD,cAAc;GACZ,IAAI;GACJ,UAAU;GACX;EACD,UAAU;GACR,IAAI;GACJ,UAAU;GACX;EACD,OAAO;GACL,IAAI;GACJ,UAAU;GACX;EACF;CACF,CAAC;AAEF,MAAM,QAAQ,WAAW,SAAS,UAChC,EAAE,IAAI,IAAI,QAAQ,QAAQ,UAAU,OAAO,GAAG,SAC9C,KACA;CACA,MAAM,iBAAiB,aAAa,OAAO,QAAQ;CAEnD,MAAM,MAA+C,IAAI,SAAS;CAClE,MAAM,SAAS,cAAc,gBAAgB,YAAY,EAAE,EAAE,cAAc;AAE3E,QACE,oBAAC;EACC,IAAI,MAAM;EACV,IAAI,MAAM;EACV,cAAY,SAAS;EACrB,MAAM;GACJ;GACA;GACD;EACO;EACR,GAAI,gBAAgB,gBAAgB,EAAE,YAAY,MAAM,CAAC;EACpD;EACG;GACR;EAEJ;AAEF,MAAM,SAAS,OAAO,OAAO,OAAO;CAClC,QAAQ,WAAW,SAAS,YAAY,OAAuB,KAAK;AAClE,SAAO,oBAAC;GAAW;GAAK,OAAM;GAAe,GAAI;IAAS;GAC1D;CACF,SAAS,WAAW,SAAS,aAAa,OAAuB,KAAK;AACpE,SAAO,oBAAC;GAAW;GAAK,OAAM;GAAgB,GAAI;IAAS;GAC3D;CACH,CAAC;AAEF,OAAO,cAAc"}

package/dist/components/content/Tree/Tree.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2757f7b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b8a6873 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/content/Tree/TreeNode.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2757f7b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b8a6873 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/content/Tree/TreeNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeNode.js","names":["Menu","mergeProps","Checkbox","MenuTrigger"],"sources":["../../../../src/components/content/Tree/TreeNode.tsx"],"sourcesContent":["import { Children, memo, useMemo, useRef, useState } from 'react';\nimport { useHover, useTreeItem } from 'react-aria';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useI18n } from '../../../i18n';\nimport { DirectionIcon, LoadingIcon, MoreIcon } from '../../../icons';\nimport { mergeProps, mergeRefs } from '../../../utils/react';\nimport { CubeItemActionProps, ItemAction } from '../../actions/ItemAction';\nimport { CubeMenuProps, Menu, MenuTrigger } from '../../actions/Menu';\nimport { useContextMenu } from '../../actions/use-context-menu';\nimport { Checkbox } from '../../fields/Checkbox/Checkbox';\n\nimport {\n  TreeNodeCheckboxWrapper,\n  TreeNodeRow,\n  TreeNodeToggle,\n  TreeNodeTogglePlaceholder,\n  TreeRowItem,\n} from './styled';\n\nimport type { Key, Node } from '@react-types/shared';\nimport type { Styles } from '@tenphi/tasty';\nimport type {\n  CSSProperties,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n  Ref,\n  SyntheticEvent,\n} from 'react';\nimport type { TreeState } from 'react-stately';\nimport type {\n  CubeTreeNodeData,\n  TreeContextMenu,\n  TreeItemProps,\n  TreeNodeState,\n} from './types';\n\nconst stopPropagation = (e: SyntheticEvent) => {\n  e.stopPropagation();\n};\n\n/** Check whether a `menu` ReactNode actually contains anything. */\nfunction isMenuEmpty(menu: ReactNode): boolean {\n  if (menu === null || menu === undefined || menu === false) return true;\n  return Children.toArray(menu).length === 0;\n}\n\nexport interface TreeNodeProps {\n  node: Node<CubeTreeNodeData>;\n  /** The original `CubeTreeNodeData` for this row, looked up by key. */\n  data: CubeTreeNodeData;\n  state: TreeState<CubeTreeNodeData>;\n\n  /** Whether the tree as a whole renders checkboxes. */\n  isCheckable: boolean;\n  /** Whether this row is currently expanded. */\n  isExpanded: boolean;\n  /** Whether the row is in an indeterminate (half-checked) state. */\n  isIndeterminate: boolean;\n  /** Whether the row is fully checked. */\n  isChecked: boolean;\n  /** Whether `loadData` is currently fetching this row's children. */\n  isLoading: boolean;\n\n  /** Toggle this row's checkbox (cascades). */\n  onToggleChecked: (key: string) => void;\n\n  /** Row size passed to the underlying Item. */\n  size?: string;\n\n  /** Per-node Item customization (static object or callback). */\n  itemProps?:\n    | TreeItemProps\n    | ((data: CubeTreeNodeData, state: TreeNodeState) => TreeItemProps);\n\n  /** Styles applied to the visible row (`TreeRowItem`). */\n  rowStyles?: Styles;\n\n  /** Inline style for virtualizer absolute positioning. */\n  virtualStyle?: CSSProperties;\n  /** Ref callback from `@tanstack/react-virtual` to measure row height. */\n  virtualRef?: (element: HTMLElement | null) => void;\n  /** Virtual index for `data-index` attribute. */\n  virtualIndex?: number;\n\n  /** Tree-wide menu default (resolved against `data.menu`). */\n  menu?:\n    | ReactNode\n    | ((data: CubeTreeNodeData, state: TreeNodeState) => ReactNode | null);\n  /** Tree-wide `contextMenu` default. */\n  contextMenu?: TreeContextMenu;\n  /** Tree-wide `onAction` callback. */\n  onAction?: (action: string, key: Key) => void;\n  /** Forwarded to every per-row `MenuTrigger`. */\n  menuTriggerProps?: Partial<CubeItemActionProps>;\n  /** Forwarded to every per-row `Menu`. */\n  menuProps?: Partial<CubeMenuProps<object>>;\n}\n\nfunction TreeNodeInner(props: TreeNodeProps) {\n  const { t } = useI18n();\n  const {\n    node,\n    data,\n    state,\n    isCheckable,\n    isExpanded,\n    isIndeterminate,\n    isChecked,\n    isLoading,\n    onToggleChecked,\n    size,\n    itemProps,\n    rowStyles,\n    virtualStyle,\n    virtualRef,\n    virtualIndex,\n    menu: treeMenu,\n    contextMenu: treeContextMenu,\n    onAction: treeOnAction,\n    menuTriggerProps,\n    menuProps,\n  } = props;\n\n  const rowRef = useRef<HTMLDivElement>(null);\n\n  const { rowProps, gridCellProps, expandButtonProps, isPressed } = useTreeItem(\n    { node },\n    state,\n    rowRef,\n  );\n\n  const isDisabled = state.disabledKeys.has(node.key);\n  const isSelected = state.selectionManager.isSelected(node.key);\n\n  // `useTreeItem` doesn't track hover; we need it for the `hovered` mod.\n  const { hoverProps, isHovered } = useHover({ isDisabled });\n  // React Aria's treegrid uses roving tabindex, so no `data-focused`\n  // attribute lands on the row — mirror it as a mod manually.\n  const isFocused =\n    state.selectionManager.isFocused &&\n    state.selectionManager.focusedKey === node.key;\n  // For lazy rows with no children yet, still render a toggle unless\n  // explicitly marked as leaf.\n  const isLeaf =\n    data.isLeaf === true || (data.isLeaf !== false && !node.hasChildNodes);\n  const isRowCheckable = isCheckable && data.isCheckable !== false;\n\n  const nodeState: TreeNodeState = {\n    isExpanded,\n    isSelected,\n    isChecked,\n    isIndeterminate,\n    isLeaf,\n  };\n\n  // ---- Menu resolution (per-node override > tree-level) --------------------\n\n  const effectiveMenuChildren: ReactNode =\n    data.menu === null\n      ? null\n      : data.menu !== undefined\n        ? data.menu\n        : typeof treeMenu === 'function'\n          ? treeMenu(data, nodeState)\n          : treeMenu ?? null;\n  const hasMenu = !isMenuEmpty(effectiveMenuChildren);\n\n  const effectiveContextMenu: TreeContextMenu =\n    data.contextMenu ?? treeContextMenu ?? false;\n  // The menu is exposed only when the consumer opts in via\n  // `contextMenu`. When `contextMenu` is `false` (default) we render\n  // nothing, even if `menu` is provided — this matches the plan and\n  // keeps default rows visually clean.\n  const menuExposed =\n    hasMenu &&\n    (effectiveContextMenu === true || effectiveContextMenu === 'context-only');\n  const contextMenuOnly = effectiveContextMenu === 'context-only';\n\n  // Controlled state for menu trigger (enables keyboard opening with Shift+F10)\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n\n  const handleMenuAction = useEvent((action: Key) => {\n    // Strip the \".$\" prefix that React adds via Children.toArray/map.\n    const actionStr = String(action);\n    const normalizedAction = actionStr.startsWith('.$')\n      ? actionStr.slice(2)\n      : actionStr;\n    data.onAction?.(normalizedAction);\n    treeOnAction?.(normalizedAction, node.key);\n    // Forward to the consumer-supplied `menuProps.onAction` so users\n    // who pass extra `Menu` props through `menuProps` still receive\n    // the action stream alongside the tree-level callback.\n    menuProps?.onAction?.(normalizedAction);\n  });\n\n  const rowContextMenu = useContextMenu<HTMLDivElement, CubeMenuProps<object>>(\n    Menu,\n    { placement: 'bottom start' },\n    {\n      ...menuProps,\n      onAction: handleMenuAction,\n      children: effectiveMenuChildren,\n    },\n  );\n\n  // ---- Checkbox ------------------------------------------------------------\n\n  const handleCheckboxChange = useEvent(() => {\n    onToggleChecked(String(node.key));\n  });\n\n  const handleWrapperClick = useEvent((e: MouseEvent<HTMLElement>) => {\n    e.stopPropagation();\n    if (isDisabled || data.isCheckboxDisabled) return;\n    // The inner <Checkbox> label toggles on direct click; skip to avoid a double toggle.\n    if ((e.target as HTMLElement).closest('[data-qa=\"CheckboxWrapper\"]'))\n      return;\n    onToggleChecked(String(node.key));\n  });\n\n  // ---- Keyboard ------------------------------------------------------------\n\n  // Composed keydown handler. Runs BEFORE `rowProps.onKeyDown` from\n  // `useTreeItem` so we can short-circuit the default react-aria\n  // behavior for our own shortcuts (Shift+F10 menu open, Space\n  // checkbox toggle). Returns `true` when the event was handled and\n  // react-aria's keydown must NOT run; returns `false` to chain to\n  // react-aria's handler.\n  const handleKeyDown = useEvent((e: KeyboardEvent) => {\n    // Space toggles the checkbox first when checkable. We DON'T claim\n    // the event (return `false`) so react-aria's onKeyDown still runs\n    // afterwards and the focused row also selects — matching the\n    // pre-refactor behavior when handlers were chained via\n    // `mergeProps`. `preventDefault` is kept to suppress page scroll.\n    if (\n      e.key === ' ' &&\n      isRowCheckable &&\n      !isDisabled &&\n      !data.isCheckboxDisabled\n    ) {\n      e.preventDefault();\n      onToggleChecked(String(node.key));\n      return false;\n    }\n\n    // Shift+F10 opens the row menu (standard accessibility shortcut).\n    if (e.key === 'F10' && e.shiftKey && menuExposed) {\n      e.preventDefault();\n      e.stopPropagation();\n      if (contextMenuOnly) {\n        rowContextMenu.open();\n      } else {\n        setIsMenuOpen(true);\n      }\n      return true;\n    }\n\n    return false;\n  });\n\n  // Wrapper that delegates to react-aria's default keydown only when\n  // our handler did not claim the event. Replaces (rather than\n  // chains with) `rowProps.onKeyDown` so the order of handlers is\n  // strictly: our shortcuts → react-aria default.\n  const composedKeyDown = useEvent((e: KeyboardEvent<HTMLDivElement>) => {\n    if (handleKeyDown(e)) return;\n    rowProps.onKeyDown?.(e as unknown as globalThis.KeyboardEvent);\n  });\n\n  // ---- Mods ----------------------------------------------------------------\n\n  const sharedMods = useMemo(\n    () => ({\n      checked: isChecked,\n      indeterminate: isIndeterminate,\n      expanded: isExpanded,\n      loading: isLoading,\n      leaf: isLeaf,\n      'has-checkbox': isRowCheckable,\n      'has-menu': menuExposed,\n    }),\n    [\n      isChecked,\n      isIndeterminate,\n      isExpanded,\n      isLoading,\n      isLeaf,\n      isRowCheckable,\n      menuExposed,\n    ],\n  );\n\n  const rowMods = useMemo(\n    () => ({ ...sharedMods, disabled: isDisabled }),\n    [sharedMods, isDisabled],\n  );\n\n  const itemMods = useMemo(\n    () => ({\n      ...sharedMods,\n      focused: isFocused,\n      hovered: isHovered,\n      pressed: isPressed,\n    }),\n    [sharedMods, isFocused, isHovered, isPressed],\n  );\n\n  const rowStyle = useMemo<CSSProperties>(\n    () => ({\n      ['--tree-level' as keyof CSSProperties]: String(node.level ?? 0),\n      ...virtualStyle,\n    }),\n    [node.level, virtualStyle],\n  );\n\n  // Only emit `aria-checked` when the tree is in checkable mode.\n  const ariaChecked: 'mixed' | 'true' | 'false' | undefined = isRowCheckable\n    ? isIndeterminate\n      ? 'mixed'\n      : isChecked\n        ? 'true'\n        : 'false'\n    : undefined;\n\n  // ---- Compose row props ---------------------------------------------------\n\n  // Merge react-aria + hover props but EXCLUDE `onKeyDown` from the\n  // chain — `composedKeyDown` already wraps `rowProps.onKeyDown` and\n  // must run first so our Shift+F10 / Space-checkbox shortcuts can\n  // short-circuit the default react-aria behavior.\n  const finalRowProps = {\n    ...mergeProps(rowProps, hoverProps),\n    'aria-checked': ariaChecked,\n    onKeyDown: composedKeyDown,\n  };\n\n  // ---- Toggle (chevron) and checkbox slots --------------------------------\n\n  // Leaf rows get a placeholder so sibling indents align.\n  const toggleNode = isLeaf ? (\n    <TreeNodeTogglePlaceholder aria-hidden data-element=\"Toggle\" />\n  ) : (\n    <TreeNodeToggle {...expandButtonProps} tabIndex={-1} data-element=\"Toggle\">\n      {isLoading ? (\n        <LoadingIcon />\n      ) : (\n        <DirectionIcon to={isExpanded ? 'bottom' : 'right'} />\n      )}\n    </TreeNodeToggle>\n  );\n\n  const checkboxNode = isRowCheckable ? (\n    <TreeNodeCheckboxWrapper\n      data-element=\"Checkbox\"\n      role=\"presentation\"\n      onClick={handleWrapperClick}\n      onKeyDown={stopPropagation}\n    >\n      <Checkbox\n        isSelected={isChecked}\n        isIndeterminate={isIndeterminate}\n        isDisabled={isDisabled || data.isCheckboxDisabled}\n        aria-label={\n          typeof data.title === 'string' ? data.title : String(node.key)\n        }\n        // @ts-expect-error AriaCheckboxProps loses `onChange` where InputDOMProps overlaps (react-types).\n        onChange={handleCheckboxChange}\n      />\n    </TreeNodeCheckboxWrapper>\n  ) : null;\n\n  // ---- Resolve user-supplied per-node Item props --------------------------\n\n  const resolvedItemProps =\n    typeof itemProps === 'function' ? itemProps(data, nodeState) : itemProps;\n  const {\n    prefix: userPrefix,\n    actions: userActions,\n    ...restUserProps\n  } = resolvedItemProps ?? {};\n\n  const composedPrefix =\n    checkboxNode || userPrefix ? (\n      <>\n        {checkboxNode}\n        {userPrefix}\n      </>\n    ) : null;\n\n  // ---- Built-in overflow `⋮` action ---------------------------------------\n\n  const menuAction =\n    menuExposed && !contextMenuOnly ? (\n      <MenuTrigger isOpen={isMenuOpen} onOpenChange={setIsMenuOpen}>\n        <ItemAction\n          tabIndex={-1}\n          icon={<MoreIcon />}\n          aria-label={t('tree.actions', 'Actions')}\n          {...menuTriggerProps}\n        />\n        <Menu {...menuProps} onAction={handleMenuAction}>\n          {effectiveMenuChildren}\n        </Menu>\n      </MenuTrigger>\n    ) : null;\n\n  // Compose with user-supplied actions (user actions render first).\n  const composedActions =\n    userActions || menuAction ? (\n      <>\n        {userActions}\n        {menuAction}\n      </>\n    ) : undefined;\n\n  // ---- Refs / context-menu wiring -----------------------------------------\n\n  // When the context menu is enabled for this row, attach the hook's\n  // `targetRef` to the row so right-clicks land on the correct anchor.\n  const refs = useMemo(() => {\n    const list: Ref<HTMLDivElement>[] = [rowRef];\n    if (virtualRef) list.push(virtualRef);\n    if (menuExposed) list.push(rowContextMenu.targetRef);\n    return mergeRefs(...list);\n  }, [virtualRef, menuExposed, rowContextMenu.targetRef]);\n\n  return (\n    <TreeNodeRow\n      {...finalRowProps}\n      ref={refs}\n      mods={rowMods}\n      style={rowStyle}\n      data-element=\"Row\"\n      data-qa-key={String(node.key)}\n      data-index={virtualIndex}\n    >\n      <TreeRowItem\n        {...gridCellProps}\n        {...restUserProps}\n        size={size}\n        isSelected={isSelected}\n        isDisabled={isDisabled}\n        mods={itemMods}\n        icon={toggleNode}\n        prefix={composedPrefix}\n        actions={composedActions}\n        styles={rowStyles}\n      >\n        {data.title}\n      </TreeRowItem>\n      {menuExposed && rowContextMenu.rendered}\n    </TreeNodeRow>\n  );\n}\n\nexport const TreeNode = memo(TreeNodeInner);\n"],"mappings":"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"}
+{"version":3,"file":"TreeNode.js","names":["Menu","mergeProps","Checkbox","MenuTrigger"],"sources":["../../../../src/components/content/Tree/TreeNode.tsx"],"sourcesContent":["import { Children, memo, useMemo, useRef, useState } from 'react';\nimport { useHover, useTreeItem } from 'react-aria';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useI18n } from '../../../i18n';\nimport { DirectionIcon, LoadingIcon, MoreIcon } from '../../../icons';\nimport { mergeProps, mergeRefs } from '../../../utils/react';\nimport { CubeItemActionProps, ItemAction } from '../../actions/ItemAction';\nimport { CubeMenuProps, Menu, MenuTrigger } from '../../actions/Menu';\nimport { useContextMenu } from '../../actions/use-context-menu';\nimport { Checkbox } from '../../fields/Checkbox/Checkbox';\n\nimport {\n  TreeNodeCheckboxWrapper,\n  TreeNodeRow,\n  TreeNodeToggle,\n  TreeNodeTogglePlaceholder,\n  TreeRowItem,\n} from './styled';\n\nimport type { Key, Node } from '@react-types/shared';\nimport type { Styles } from '@tenphi/tasty';\nimport type {\n  CSSProperties,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n  Ref,\n  SyntheticEvent,\n} from 'react';\nimport type { TreeState } from 'react-stately';\nimport type {\n  CubeTreeNodeData,\n  TreeContextMenu,\n  TreeItemProps,\n  TreeNodeState,\n} from './types';\n\nconst stopPropagation = (e: SyntheticEvent) => {\n  e.stopPropagation();\n};\n\n/** Check whether a `menu` ReactNode actually contains anything. */\nfunction isMenuEmpty(menu: ReactNode): boolean {\n  if (menu === null || menu === undefined || menu === false) return true;\n  return Children.toArray(menu).length === 0;\n}\n\nexport interface TreeNodeProps {\n  node: Node<CubeTreeNodeData>;\n  /** The original `CubeTreeNodeData` for this row, looked up by key. */\n  data: CubeTreeNodeData;\n  state: TreeState<CubeTreeNodeData>;\n\n  /** Whether the tree as a whole renders checkboxes. */\n  isCheckable: boolean;\n  /** Whether this row is currently expanded. */\n  isExpanded: boolean;\n  /** Whether the row is in an indeterminate (half-checked) state. */\n  isIndeterminate: boolean;\n  /** Whether the row is fully checked. */\n  isChecked: boolean;\n  /** Whether `loadData` is currently fetching this row's children. */\n  isLoading: boolean;\n\n  /** Toggle this row's checkbox (cascades). */\n  onToggleChecked: (key: string) => void;\n\n  /** Row size passed to the underlying Item. */\n  size?: string;\n\n  /** Per-node Item customization (static object or callback). */\n  itemProps?:\n    | TreeItemProps\n    | ((data: CubeTreeNodeData, state: TreeNodeState) => TreeItemProps);\n\n  /** Styles applied to the visible row (`TreeRowItem`). */\n  rowStyles?: Styles;\n\n  /** Inline style for virtualizer absolute positioning. */\n  virtualStyle?: CSSProperties;\n  /** Ref callback from `@tanstack/react-virtual` to measure row height. */\n  virtualRef?: (element: HTMLElement | null) => void;\n  /** Virtual index for `data-index` attribute. */\n  virtualIndex?: number;\n\n  /** Tree-wide menu default (resolved against `data.menu`). */\n  menu?:\n    | ReactNode\n    | ((data: CubeTreeNodeData, state: TreeNodeState) => ReactNode | null);\n  /** Tree-wide `contextMenu` default. */\n  contextMenu?: TreeContextMenu;\n  /** Tree-wide `onAction` callback. */\n  onAction?: (action: string, key: Key) => void;\n  /** Forwarded to every per-row `MenuTrigger`. */\n  menuTriggerProps?: Partial<CubeItemActionProps>;\n  /** Forwarded to every per-row `Menu`. */\n  menuProps?: Partial<CubeMenuProps<object>>;\n}\n\nfunction TreeNodeInner(props: TreeNodeProps) {\n  const { t } = useI18n();\n  const {\n    node,\n    data,\n    state,\n    isCheckable,\n    isExpanded,\n    isIndeterminate,\n    isChecked,\n    isLoading,\n    onToggleChecked,\n    size,\n    itemProps,\n    rowStyles,\n    virtualStyle,\n    virtualRef,\n    virtualIndex,\n    menu: treeMenu,\n    contextMenu: treeContextMenu,\n    onAction: treeOnAction,\n    menuTriggerProps,\n    menuProps,\n  } = props;\n\n  const rowRef = useRef<HTMLDivElement>(null);\n\n  const { rowProps, gridCellProps, expandButtonProps, isPressed } = useTreeItem(\n    { node },\n    state,\n    rowRef,\n  );\n\n  const isDisabled = state.disabledKeys.has(node.key);\n  const isSelected = state.selectionManager.isSelected(node.key);\n\n  // `useTreeItem` doesn't track hover; we need it for the `hovered` mod.\n  const { hoverProps, isHovered } = useHover({ isDisabled });\n  // React Aria's treegrid uses roving tabindex, so no `data-focused`\n  // attribute lands on the row — mirror it as a mod manually.\n  const isFocused =\n    state.selectionManager.isFocused &&\n    state.selectionManager.focusedKey === node.key;\n  // For lazy rows with no children yet, still render a toggle unless\n  // explicitly marked as leaf.\n  const isLeaf =\n    data.isLeaf === true || (data.isLeaf !== false && !node.hasChildNodes);\n  const isRowCheckable = isCheckable && data.isCheckable !== false;\n\n  const nodeState: TreeNodeState = {\n    isExpanded,\n    isSelected,\n    isChecked,\n    isIndeterminate,\n    isLeaf,\n  };\n\n  // ---- Menu resolution (per-node override > tree-level) --------------------\n\n  const effectiveMenuChildren: ReactNode =\n    data.menu === null\n      ? null\n      : data.menu !== undefined\n        ? data.menu\n        : typeof treeMenu === 'function'\n          ? treeMenu(data, nodeState)\n          : treeMenu ?? null;\n  const hasMenu = !isMenuEmpty(effectiveMenuChildren);\n\n  const effectiveContextMenu: TreeContextMenu =\n    data.contextMenu ?? treeContextMenu ?? false;\n  // The menu is exposed only when the consumer opts in via\n  // `contextMenu`. When `contextMenu` is `false` (default) we render\n  // nothing, even if `menu` is provided — this matches the plan and\n  // keeps default rows visually clean.\n  const menuExposed =\n    hasMenu &&\n    (effectiveContextMenu === true || effectiveContextMenu === 'context-only');\n  const contextMenuOnly = effectiveContextMenu === 'context-only';\n\n  // Controlled state for menu trigger (enables keyboard opening with Shift+F10)\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n\n  const handleMenuAction = useEvent((action: Key) => {\n    // Strip the \".$\" prefix that React adds via Children.toArray/map.\n    const actionStr = String(action);\n    const normalizedAction = actionStr.startsWith('.$')\n      ? actionStr.slice(2)\n      : actionStr;\n    data.onAction?.(normalizedAction);\n    treeOnAction?.(normalizedAction, node.key);\n    // Forward to the consumer-supplied `menuProps.onAction` so users\n    // who pass extra `Menu` props through `menuProps` still receive\n    // the action stream alongside the tree-level callback.\n    menuProps?.onAction?.(normalizedAction);\n  });\n\n  const rowContextMenu = useContextMenu<HTMLDivElement, CubeMenuProps<object>>(\n    Menu,\n    { placement: 'bottom start' },\n    {\n      ...menuProps,\n      onAction: handleMenuAction,\n      children: effectiveMenuChildren,\n    },\n  );\n\n  // ---- Checkbox ------------------------------------------------------------\n\n  const handleCheckboxChange = useEvent(() => {\n    onToggleChecked(String(node.key));\n  });\n\n  const handleWrapperClick = useEvent((e: MouseEvent<HTMLElement>) => {\n    e.stopPropagation();\n    if (isDisabled || data.isCheckboxDisabled) return;\n    // The inner <Checkbox> label toggles on direct click; skip to avoid a double toggle.\n    if ((e.target as HTMLElement).closest('[data-qa=\"CheckboxWrapper\"]'))\n      return;\n    onToggleChecked(String(node.key));\n  });\n\n  // ---- Keyboard ------------------------------------------------------------\n\n  // Composed keydown handler. Runs BEFORE `rowProps.onKeyDown` from\n  // `useTreeItem` so we can short-circuit the default react-aria\n  // behavior for our own shortcuts (Shift+F10 menu open, Space\n  // checkbox toggle). Returns `true` when the event was handled and\n  // react-aria's keydown must NOT run; returns `false` to chain to\n  // react-aria's handler.\n  const handleKeyDown = useEvent((e: KeyboardEvent) => {\n    // Space toggles the checkbox first when checkable. We DON'T claim\n    // the event (return `false`) so react-aria's onKeyDown still runs\n    // afterwards and the focused row also selects — matching the\n    // pre-refactor behavior when handlers were chained via\n    // `mergeProps`. `preventDefault` is kept to suppress page scroll.\n    if (\n      e.key === ' ' &&\n      isRowCheckable &&\n      !isDisabled &&\n      !data.isCheckboxDisabled\n    ) {\n      e.preventDefault();\n      onToggleChecked(String(node.key));\n      return false;\n    }\n\n    // Shift+F10 opens the row menu (standard accessibility shortcut).\n    if (e.key === 'F10' && e.shiftKey && menuExposed) {\n      e.preventDefault();\n      e.stopPropagation();\n      if (contextMenuOnly) {\n        rowContextMenu.open();\n      } else {\n        setIsMenuOpen(true);\n      }\n      return true;\n    }\n\n    return false;\n  });\n\n  // Wrapper that delegates to react-aria's default keydown only when\n  // our handler did not claim the event. Replaces (rather than\n  // chains with) `rowProps.onKeyDown` so the order of handlers is\n  // strictly: our shortcuts → react-aria default.\n  const composedKeyDown = useEvent((e: KeyboardEvent<HTMLDivElement>) => {\n    if (handleKeyDown(e)) return;\n    rowProps.onKeyDown?.(e as unknown as globalThis.KeyboardEvent);\n  });\n\n  // ---- Mods ----------------------------------------------------------------\n\n  const sharedMods = useMemo(\n    () => ({\n      checked: isChecked,\n      indeterminate: isIndeterminate,\n      expanded: isExpanded,\n      loading: isLoading,\n      leaf: isLeaf,\n      'has-checkbox': isRowCheckable,\n      'has-menu': menuExposed,\n    }),\n    [\n      isChecked,\n      isIndeterminate,\n      isExpanded,\n      isLoading,\n      isLeaf,\n      isRowCheckable,\n      menuExposed,\n    ],\n  );\n\n  const rowMods = useMemo(\n    () => ({ ...sharedMods, disabled: isDisabled }),\n    [sharedMods, isDisabled],\n  );\n\n  const itemMods = useMemo(\n    () => ({\n      ...sharedMods,\n      focused: isFocused,\n      hovered: isHovered,\n      pressed: isPressed,\n    }),\n    [sharedMods, isFocused, isHovered, isPressed],\n  );\n\n  const rowStyle = useMemo<CSSProperties>(\n    () => ({\n      ['--tree-level' as keyof CSSProperties]: String(node.level ?? 0),\n      ...virtualStyle,\n    }),\n    [node.level, virtualStyle],\n  );\n\n  // Only emit `aria-checked` when the tree is in checkable mode.\n  const ariaChecked: 'mixed' | 'true' | 'false' | undefined = isRowCheckable\n    ? isIndeterminate\n      ? 'mixed'\n      : isChecked\n        ? 'true'\n        : 'false'\n    : undefined;\n\n  // ---- Compose row props ---------------------------------------------------\n\n  // Merge react-aria + hover props but EXCLUDE `onKeyDown` from the\n  // chain — `composedKeyDown` already wraps `rowProps.onKeyDown` and\n  // must run first so our Shift+F10 / Space-checkbox shortcuts can\n  // short-circuit the default react-aria behavior.\n  const finalRowProps = {\n    ...mergeProps(rowProps, hoverProps),\n    'aria-checked': ariaChecked,\n    onKeyDown: composedKeyDown,\n  };\n\n  // ---- Toggle (chevron) and checkbox slots --------------------------------\n\n  // Leaf rows get a placeholder so sibling indents align.\n  const toggleNode = isLeaf ? (\n    <TreeNodeTogglePlaceholder aria-hidden data-element=\"Toggle\" />\n  ) : (\n    <TreeNodeToggle {...expandButtonProps} tabIndex={-1} data-element=\"Toggle\">\n      {isLoading ? (\n        <LoadingIcon />\n      ) : (\n        <DirectionIcon to={isExpanded ? 'bottom' : 'right'} />\n      )}\n    </TreeNodeToggle>\n  );\n\n  const checkboxNode = isRowCheckable ? (\n    <TreeNodeCheckboxWrapper\n      data-element=\"Checkbox\"\n      role=\"presentation\"\n      onClick={handleWrapperClick}\n      onKeyDown={stopPropagation}\n    >\n      <Checkbox\n        isSelected={isChecked}\n        isIndeterminate={isIndeterminate}\n        isDisabled={isDisabled || data.isCheckboxDisabled}\n        aria-label={\n          typeof data.title === 'string' ? data.title : String(node.key)\n        }\n        onChange={handleCheckboxChange}\n      />\n    </TreeNodeCheckboxWrapper>\n  ) : null;\n\n  // ---- Resolve user-supplied per-node Item props --------------------------\n\n  const resolvedItemProps =\n    typeof itemProps === 'function' ? itemProps(data, nodeState) : itemProps;\n  const {\n    prefix: userPrefix,\n    actions: userActions,\n    ...restUserProps\n  } = resolvedItemProps ?? {};\n\n  const composedPrefix =\n    checkboxNode || userPrefix ? (\n      <>\n        {checkboxNode}\n        {userPrefix}\n      </>\n    ) : null;\n\n  // ---- Built-in overflow `⋮` action ---------------------------------------\n\n  const menuAction =\n    menuExposed && !contextMenuOnly ? (\n      <MenuTrigger isOpen={isMenuOpen} onOpenChange={setIsMenuOpen}>\n        <ItemAction\n          tabIndex={-1}\n          icon={<MoreIcon />}\n          aria-label={t('tree.actions', 'Actions')}\n          {...menuTriggerProps}\n        />\n        <Menu {...menuProps} onAction={handleMenuAction}>\n          {effectiveMenuChildren}\n        </Menu>\n      </MenuTrigger>\n    ) : null;\n\n  // Compose with user-supplied actions (user actions render first).\n  const composedActions =\n    userActions || menuAction ? (\n      <>\n        {userActions}\n        {menuAction}\n      </>\n    ) : undefined;\n\n  // ---- Refs / context-menu wiring -----------------------------------------\n\n  // When the context menu is enabled for this row, attach the hook's\n  // `targetRef` to the row so right-clicks land on the correct anchor.\n  const refs = useMemo(() => {\n    const list: Ref<HTMLDivElement>[] = [rowRef];\n    if (virtualRef) list.push(virtualRef);\n    if (menuExposed) list.push(rowContextMenu.targetRef);\n    return mergeRefs(...list);\n  }, [virtualRef, menuExposed, rowContextMenu.targetRef]);\n\n  return (\n    <TreeNodeRow\n      {...finalRowProps}\n      ref={refs}\n      mods={rowMods}\n      style={rowStyle}\n      data-element=\"Row\"\n      data-qa-key={String(node.key)}\n      data-index={virtualIndex}\n    >\n      <TreeRowItem\n        {...gridCellProps}\n        {...restUserProps}\n        size={size}\n        isSelected={isSelected}\n        isDisabled={isDisabled}\n        mods={itemMods}\n        icon={toggleNode}\n        prefix={composedPrefix}\n        actions={composedActions}\n        styles={rowStyles}\n      >\n        {data.title}\n      </TreeRowItem>\n      {menuExposed && rowContextMenu.rendered}\n    </TreeNodeRow>\n  );\n}\n\nexport const TreeNode = memo(TreeNodeInner);\n"],"mappings":"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"}

package/dist/components/content/Tree/styled.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2757f7b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b8a6873 | Cube Dev Team */
 import { _Item } from "../Item/Item.js";
 import { Action } from "../../actions/Action/Action.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/content/Tree/tree-index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2757f7b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b8a6873 | Cube Dev Team */
 //#region src/components/content/Tree/tree-index.ts
 function buildTreeIndex(treeData) {
 	const byKey = /* @__PURE__ */ new Map();

package/dist/components/content/Tree/use-checkbox-tree.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2757f7b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b8a6873 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useMemo, useState } from "react";
 

package/dist/components/content/Tree/use-load-data.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2757f7b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b8a6873 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { useRef, useState } from "react";
 

package/dist/components/content/highlightText.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2757f7b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b8a6873 | Cube Dev Team */
 import { _Text } from "./Text.js";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/content/use-auto-tooltip.d.ts

@@ -1,5 +1,6 @@
 
 import { CubeTooltipProviderProps } from "../overlays/Tooltip/TooltipProvider.js";
+import { Props } from "@tenphi/tasty";
 import { HTMLAttributes, ReactNode, RefObject } from "react";
 import "react/jsx-runtime";
 import { OverlayProps } from "react-aria";

package/dist/components/content/use-auto-tooltip.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-2757f7b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-b8a6873 | Cube Dev Team */
 import { TooltipProvider } from "../overlays/Tooltip/TooltipProvider.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";