npm - @cube-dev/ui-kit - Versions diffs - 0.0.0-canary-d4796d7 → 0.0.0-canary-759f43d - Mend

@cube-dev/ui-kit 0.0.0-canary-d4796d7 → 0.0.0-canary-759f43d

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (602) hide show

package/dist/components/fields/RadioGroup/Radio.d.ts CHANGED Viewed

@@ -76,9 +76,9 @@ declare const Tabs: react.ComponentType<{
   id?: string | undefined;
   children?: react.ReactNode | Iterable<react.ReactNode>;
   as?: keyof HTMLElementTagNameMap | react.ComponentType<any> | undefined;
-  align?: _tenphi_tasty0.StyleValue<"start" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined> | _tenphi_tasty0.StyleValueStateMap<"start" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
+  align?: _tenphi_tasty0.StyleValue<"start" | (string & {}) | "end" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined> | _tenphi_tasty0.StyleValueStateMap<"start" | (string & {}) | "end" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
   border?: _tenphi_tasty0.StyleValue<boolean | Property.Border<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.Border<string | number> | undefined>;
-  color?: _tenphi_tasty0.StyleValue<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.1` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.5` | `#${string}.2` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.05` | `#${string}.02` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.15` | `#${string}.12` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.30` | `#${string}.31` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.35` | `#${string}.32` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.71` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.75` | `#${string}.72` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.41` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.45` | `#${string}.42` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.50` | `#${string}.51` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.55` | `#${string}.52` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.20` | `#${string}.21` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.25` | `#${string}.22` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.60` | `#${string}.61` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.65` | `#${string}.62` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.85` | `#${string}.82` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.95` | `#${string}.92` | `#${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}.5` | `#${string}.2` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.05` | `#${string}.02` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.15` | `#${string}.12` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.30` | `#${string}.31` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.35` | `#${string}.32` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.71` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.75` | `#${string}.72` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.41` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.45` | `#${string}.42` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.50` | `#${string}.51` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.55` | `#${string}.52` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.20` | `#${string}.21` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.25` | `#${string}.22` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.60` | `#${string}.61` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.65` | `#${string}.62` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.85` | `#${string}.82` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.95` | `#${string}.92` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | 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>;
   height?: _tenphi_tasty0.StyleValue<boolean | Property.Height<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.Height<string | number> | undefined>;
   size?: number | "small" | (string & {}) | "xsmall" | "medium" | "large" | "xlarge" | undefined;
   width?: _tenphi_tasty0.StyleValue<boolean | Property.Width<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.Width<string | number> | undefined>;
@@ -95,7 +95,7 @@ declare const Tabs: react.ComponentType<{
   onFocus?: ((e: react.FocusEvent<Element, Element>) => void) | undefined;
   onBlur?: ((e: react.FocusEvent<Element, Element>) => void) | undefined;
   onChange?: ((value: string) => void) | undefined;
-  fill?: _tenphi_tasty0.StyleValue<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.1` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.5` | `#${string}.2` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.05` | `#${string}.02` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.15` | `#${string}.12` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.30` | `#${string}.31` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.35` | `#${string}.32` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.71` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.75` | `#${string}.72` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.41` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.45` | `#${string}.42` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.50` | `#${string}.51` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.55` | `#${string}.52` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.20` | `#${string}.21` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.25` | `#${string}.22` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.60` | `#${string}.61` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.65` | `#${string}.62` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.85` | `#${string}.82` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.95` | `#${string}.92` | `#${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}.5` | `#${string}.2` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.05` | `#${string}.02` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.15` | `#${string}.12` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.30` | `#${string}.31` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.35` | `#${string}.32` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.71` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.75` | `#${string}.72` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.41` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.45` | `#${string}.42` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.50` | `#${string}.51` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.55` | `#${string}.52` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.20` | `#${string}.21` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.25` | `#${string}.22` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.60` | `#${string}.61` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.65` | `#${string}.62` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.85` | `#${string}.82` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.95` | `#${string}.92` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined>;
+  fill?: _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>;
   font?: _tenphi_tasty0.StyleValue<boolean | Property.FontFamily | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.FontFamily | undefined>;
   outline?: _tenphi_tasty0.StyleValue<string | boolean | undefined> | _tenphi_tasty0.StyleValueStateMap<string | boolean | undefined>;
   gap?: _tenphi_tasty0.StyleValue<boolean | Property.Gap<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.Gap<string | number> | undefined>;
@@ -151,7 +151,7 @@ declare const Tabs: react.ComponentType<{
   gridColumns?: _tenphi_tasty0.StyleValue<Property.GridTemplateColumns<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<Property.GridTemplateColumns<string | number> | undefined>;
   gridRows?: _tenphi_tasty0.StyleValue<Property.GridTemplateRows<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<Property.GridTemplateRows<string | number> | undefined>;
   preset?: _tenphi_tasty0.StyleValue<string | (string & {}) | undefined> | _tenphi_tasty0.StyleValueStateMap<string | (string & {}) | undefined>;
-  justify?: _tenphi_tasty0.StyleValue<"start" | (string & {}) | "left" | "right" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined> | _tenphi_tasty0.StyleValueStateMap<"start" | (string & {}) | "left" | "right" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
+  justify?: _tenphi_tasty0.StyleValue<"start" | (string & {}) | "left" | "right" | "end" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined> | _tenphi_tasty0.StyleValueStateMap<"start" | (string & {}) | "left" | "right" | "end" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
   place?: _tenphi_tasty0.StyleValue<string | (string & {}) | undefined> | _tenphi_tasty0.StyleValueStateMap<string | (string & {}) | undefined>;
   blockScrollMargin?: _tenphi_tasty0.StyleValue<boolean | Property.ScrollMarginBlock<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.ScrollMarginBlock<string | number> | undefined>;
   inlineScrollMargin?: _tenphi_tasty0.StyleValue<boolean | Property.ScrollMarginInline<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.ScrollMarginInline<string | number> | undefined>;
@@ -161,7 +161,7 @@ declare const Tabs: react.ComponentType<{
   inlineInset?: _tenphi_tasty0.StyleValue<boolean | Property.InsetInline<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.InsetInline<string | number> | undefined>;
   qa?: string | undefined;
   qaVal?: string | number | undefined;
-  element?: `C${string}` | `P${string}` | `F${string}` | `B${string}` | `A${string}` | `I${string}` | `R${string}` | `S${string}` | `L${string}` | `E${string}` | `K${string}` | `D${string}` | `T${string}` | `V${string}` | `W${string}` | `M${string}` | `G${string}` | `H${string}` | `J${string}` | `N${string}` | `O${string}` | `Q${string}` | `U${string}` | `X${string}` | `Y${string}` | `Z${string}` | 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;
   mods?: Record<string, _tenphi_tasty0.ModValue> | undefined;
   isHidden?: boolean | undefined;
@@ -170,11 +170,11 @@ declare const Tabs: react.ComponentType<{
   theme?: string | (string & {}) | undefined;
   tokens?: _tenphi_tasty0.Tokens | undefined;
   description?: react.ReactNode;
-  orientation?: "horizontal" | "vertical" | undefined;
-  key?: react.Key | null | undefined;
-  isLoading?: boolean | undefined;
   labelProps?: Props | undefined;
+  isLoading?: boolean | undefined;
   onFocusChange?: ((isFocused: boolean) => void) | undefined;
+  orientation?: "horizontal" | "vertical" | undefined;
+  key?: react.Key | null | undefined;
   extra?: react.ReactNode;
   rules?: (any[] | FieldValidationRule)[] | undefined;
   shouldUpdate?: boolean | ((prevValues: any, nextValues: any) => boolean) | undefined;
@@ -224,9 +224,9 @@ declare const ButtonGroup: react.ComponentType<{
   id?: string | undefined;
   children?: react.ReactNode | Iterable<react.ReactNode>;
   as?: keyof HTMLElementTagNameMap | react.ComponentType<any> | undefined;
-  align?: _tenphi_tasty0.StyleValue<"start" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined> | _tenphi_tasty0.StyleValueStateMap<"start" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
+  align?: _tenphi_tasty0.StyleValue<"start" | (string & {}) | "end" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined> | _tenphi_tasty0.StyleValueStateMap<"start" | (string & {}) | "end" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
   border?: _tenphi_tasty0.StyleValue<boolean | Property.Border<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.Border<string | number> | undefined>;
-  color?: _tenphi_tasty0.StyleValue<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.1` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.5` | `#${string}.2` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.05` | `#${string}.02` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.15` | `#${string}.12` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.30` | `#${string}.31` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.35` | `#${string}.32` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.71` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.75` | `#${string}.72` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.41` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.45` | `#${string}.42` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.50` | `#${string}.51` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.55` | `#${string}.52` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.20` | `#${string}.21` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.25` | `#${string}.22` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.60` | `#${string}.61` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.65` | `#${string}.62` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.85` | `#${string}.82` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.95` | `#${string}.92` | `#${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}.5` | `#${string}.2` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.05` | `#${string}.02` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.15` | `#${string}.12` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.30` | `#${string}.31` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.35` | `#${string}.32` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.71` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.75` | `#${string}.72` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.41` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.45` | `#${string}.42` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.50` | `#${string}.51` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.55` | `#${string}.52` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.20` | `#${string}.21` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.25` | `#${string}.22` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.60` | `#${string}.61` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.65` | `#${string}.62` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.85` | `#${string}.82` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.95` | `#${string}.92` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | 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>;
   height?: _tenphi_tasty0.StyleValue<boolean | Property.Height<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.Height<string | number> | undefined>;
   size?: number | "small" | (string & {}) | "xsmall" | "medium" | "large" | "xlarge" | undefined;
   width?: _tenphi_tasty0.StyleValue<boolean | Property.Width<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.Width<string | number> | undefined>;
@@ -243,7 +243,7 @@ declare const ButtonGroup: react.ComponentType<{
   onFocus?: ((e: react.FocusEvent<Element, Element>) => void) | undefined;
   onBlur?: ((e: react.FocusEvent<Element, Element>) => void) | undefined;
   onChange?: ((value: string) => void) | undefined;
-  fill?: _tenphi_tasty0.StyleValue<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.1` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.5` | `#${string}.2` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.05` | `#${string}.02` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.15` | `#${string}.12` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.30` | `#${string}.31` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.35` | `#${string}.32` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.71` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.75` | `#${string}.72` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.41` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.45` | `#${string}.42` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.50` | `#${string}.51` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.55` | `#${string}.52` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.20` | `#${string}.21` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.25` | `#${string}.22` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.60` | `#${string}.61` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.65` | `#${string}.62` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.85` | `#${string}.82` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.95` | `#${string}.92` | `#${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}.5` | `#${string}.2` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.05` | `#${string}.02` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.15` | `#${string}.12` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.30` | `#${string}.31` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.35` | `#${string}.32` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.71` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.75` | `#${string}.72` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.41` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.45` | `#${string}.42` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.50` | `#${string}.51` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.55` | `#${string}.52` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.20` | `#${string}.21` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.25` | `#${string}.22` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.60` | `#${string}.61` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.65` | `#${string}.62` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.85` | `#${string}.82` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.95` | `#${string}.92` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined>;
+  fill?: _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>;
   font?: _tenphi_tasty0.StyleValue<boolean | Property.FontFamily | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.FontFamily | undefined>;
   outline?: _tenphi_tasty0.StyleValue<string | boolean | undefined> | _tenphi_tasty0.StyleValueStateMap<string | boolean | undefined>;
   gap?: _tenphi_tasty0.StyleValue<boolean | Property.Gap<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.Gap<string | number> | undefined>;
@@ -299,7 +299,7 @@ declare const ButtonGroup: react.ComponentType<{
   gridColumns?: _tenphi_tasty0.StyleValue<Property.GridTemplateColumns<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<Property.GridTemplateColumns<string | number> | undefined>;
   gridRows?: _tenphi_tasty0.StyleValue<Property.GridTemplateRows<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<Property.GridTemplateRows<string | number> | undefined>;
   preset?: _tenphi_tasty0.StyleValue<string | (string & {}) | undefined> | _tenphi_tasty0.StyleValueStateMap<string | (string & {}) | undefined>;
-  justify?: _tenphi_tasty0.StyleValue<"start" | (string & {}) | "left" | "right" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined> | _tenphi_tasty0.StyleValueStateMap<"start" | (string & {}) | "left" | "right" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
+  justify?: _tenphi_tasty0.StyleValue<"start" | (string & {}) | "left" | "right" | "end" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined> | _tenphi_tasty0.StyleValueStateMap<"start" | (string & {}) | "left" | "right" | "end" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
   place?: _tenphi_tasty0.StyleValue<string | (string & {}) | undefined> | _tenphi_tasty0.StyleValueStateMap<string | (string & {}) | undefined>;
   blockScrollMargin?: _tenphi_tasty0.StyleValue<boolean | Property.ScrollMarginBlock<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.ScrollMarginBlock<string | number> | undefined>;
   inlineScrollMargin?: _tenphi_tasty0.StyleValue<boolean | Property.ScrollMarginInline<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.ScrollMarginInline<string | number> | undefined>;
@@ -309,7 +309,7 @@ declare const ButtonGroup: react.ComponentType<{
   inlineInset?: _tenphi_tasty0.StyleValue<boolean | Property.InsetInline<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.InsetInline<string | number> | undefined>;
   qa?: string | undefined;
   qaVal?: string | number | undefined;
-  element?: `C${string}` | `P${string}` | `F${string}` | `B${string}` | `A${string}` | `I${string}` | `R${string}` | `S${string}` | `L${string}` | `E${string}` | `K${string}` | `D${string}` | `T${string}` | `V${string}` | `W${string}` | `M${string}` | `G${string}` | `H${string}` | `J${string}` | `N${string}` | `O${string}` | `Q${string}` | `U${string}` | `X${string}` | `Y${string}` | `Z${string}` | 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;
   mods?: Record<string, _tenphi_tasty0.ModValue> | undefined;
   isHidden?: boolean | undefined;
@@ -318,11 +318,11 @@ declare const ButtonGroup: react.ComponentType<{
   theme?: string | (string & {}) | undefined;
   tokens?: _tenphi_tasty0.Tokens | undefined;
   description?: react.ReactNode;
-  orientation?: "horizontal" | "vertical" | undefined;
-  key?: react.Key | null | undefined;
-  isLoading?: boolean | undefined;
   labelProps?: Props | undefined;
+  isLoading?: boolean | undefined;
   onFocusChange?: ((isFocused: boolean) => void) | undefined;
+  orientation?: "horizontal" | "vertical" | undefined;
+  key?: react.Key | null | undefined;
   extra?: react.ReactNode;
   rules?: (any[] | FieldValidationRule)[] | undefined;
   shouldUpdate?: boolean | ((prevValues: any, nextValues: any) => boolean) | undefined;
@@ -382,9 +382,9 @@ declare const __Radio: react.ForwardRefExoticComponent<CubeRadioProps & react.Re
     id?: string | undefined;
     children?: react.ReactNode | Iterable<react.ReactNode>;
     as?: keyof HTMLElementTagNameMap | react.ComponentType<any> | undefined;
-    align?: _tenphi_tasty0.StyleValue<"start" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined> | _tenphi_tasty0.StyleValueStateMap<"start" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
+    align?: _tenphi_tasty0.StyleValue<"start" | (string & {}) | "end" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined> | _tenphi_tasty0.StyleValueStateMap<"start" | (string & {}) | "end" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
     border?: _tenphi_tasty0.StyleValue<boolean | Property.Border<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.Border<string | number> | undefined>;
-    color?: _tenphi_tasty0.StyleValue<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.1` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.5` | `#${string}.2` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.05` | `#${string}.02` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.15` | `#${string}.12` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.30` | `#${string}.31` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.35` | `#${string}.32` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.71` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.75` | `#${string}.72` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.41` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.45` | `#${string}.42` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.50` | `#${string}.51` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.55` | `#${string}.52` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.20` | `#${string}.21` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.25` | `#${string}.22` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.60` | `#${string}.61` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.65` | `#${string}.62` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.85` | `#${string}.82` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.95` | `#${string}.92` | `#${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}.5` | `#${string}.2` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.05` | `#${string}.02` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.15` | `#${string}.12` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.30` | `#${string}.31` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.35` | `#${string}.32` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.71` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.75` | `#${string}.72` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.41` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.45` | `#${string}.42` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.50` | `#${string}.51` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.55` | `#${string}.52` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.20` | `#${string}.21` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.25` | `#${string}.22` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.60` | `#${string}.61` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.65` | `#${string}.62` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.85` | `#${string}.82` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.95` | `#${string}.92` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | 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>;
     height?: _tenphi_tasty0.StyleValue<boolean | Property.Height<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.Height<string | number> | undefined>;
     size?: number | "small" | (string & {}) | "xsmall" | "medium" | "large" | "xlarge" | undefined;
     width?: _tenphi_tasty0.StyleValue<boolean | Property.Width<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.Width<string | number> | undefined>;
@@ -401,7 +401,7 @@ declare const __Radio: react.ForwardRefExoticComponent<CubeRadioProps & react.Re
     onFocus?: ((e: react.FocusEvent<Element, Element>) => void) | undefined;
     onBlur?: ((e: react.FocusEvent<Element, Element>) => void) | undefined;
     onChange?: ((value: string) => void) | undefined;
-    fill?: _tenphi_tasty0.StyleValue<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.1` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.5` | `#${string}.2` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.05` | `#${string}.02` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.15` | `#${string}.12` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.30` | `#${string}.31` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.35` | `#${string}.32` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.71` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.75` | `#${string}.72` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.41` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.45` | `#${string}.42` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.50` | `#${string}.51` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.55` | `#${string}.52` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.20` | `#${string}.21` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.25` | `#${string}.22` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.60` | `#${string}.61` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.65` | `#${string}.62` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.85` | `#${string}.82` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.95` | `#${string}.92` | `#${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}.5` | `#${string}.2` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.05` | `#${string}.02` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.15` | `#${string}.12` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.30` | `#${string}.31` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.35` | `#${string}.32` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.71` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.75` | `#${string}.72` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.41` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.45` | `#${string}.42` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.50` | `#${string}.51` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.55` | `#${string}.52` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.20` | `#${string}.21` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.25` | `#${string}.22` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.60` | `#${string}.61` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.65` | `#${string}.62` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.85` | `#${string}.82` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.95` | `#${string}.92` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined>;
+    fill?: _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>;
     font?: _tenphi_tasty0.StyleValue<boolean | Property.FontFamily | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.FontFamily | undefined>;
     outline?: _tenphi_tasty0.StyleValue<string | boolean | undefined> | _tenphi_tasty0.StyleValueStateMap<string | boolean | undefined>;
     gap?: _tenphi_tasty0.StyleValue<boolean | Property.Gap<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.Gap<string | number> | undefined>;
@@ -457,7 +457,7 @@ declare const __Radio: react.ForwardRefExoticComponent<CubeRadioProps & react.Re
     gridColumns?: _tenphi_tasty0.StyleValue<Property.GridTemplateColumns<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<Property.GridTemplateColumns<string | number> | undefined>;
     gridRows?: _tenphi_tasty0.StyleValue<Property.GridTemplateRows<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<Property.GridTemplateRows<string | number> | undefined>;
     preset?: _tenphi_tasty0.StyleValue<string | (string & {}) | undefined> | _tenphi_tasty0.StyleValueStateMap<string | (string & {}) | undefined>;
-    justify?: _tenphi_tasty0.StyleValue<"start" | (string & {}) | "left" | "right" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined> | _tenphi_tasty0.StyleValueStateMap<"start" | (string & {}) | "left" | "right" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
+    justify?: _tenphi_tasty0.StyleValue<"start" | (string & {}) | "left" | "right" | "end" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined> | _tenphi_tasty0.StyleValueStateMap<"start" | (string & {}) | "left" | "right" | "end" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
     place?: _tenphi_tasty0.StyleValue<string | (string & {}) | undefined> | _tenphi_tasty0.StyleValueStateMap<string | (string & {}) | undefined>;
     blockScrollMargin?: _tenphi_tasty0.StyleValue<boolean | Property.ScrollMarginBlock<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.ScrollMarginBlock<string | number> | undefined>;
     inlineScrollMargin?: _tenphi_tasty0.StyleValue<boolean | Property.ScrollMarginInline<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.ScrollMarginInline<string | number> | undefined>;
@@ -467,7 +467,7 @@ declare const __Radio: react.ForwardRefExoticComponent<CubeRadioProps & react.Re
     inlineInset?: _tenphi_tasty0.StyleValue<boolean | Property.InsetInline<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.InsetInline<string | number> | undefined>;
     qa?: string | undefined;
     qaVal?: string | number | undefined;
-    element?: `C${string}` | `P${string}` | `F${string}` | `B${string}` | `A${string}` | `I${string}` | `R${string}` | `S${string}` | `L${string}` | `E${string}` | `K${string}` | `D${string}` | `T${string}` | `V${string}` | `W${string}` | `M${string}` | `G${string}` | `H${string}` | `J${string}` | `N${string}` | `O${string}` | `Q${string}` | `U${string}` | `X${string}` | `Y${string}` | `Z${string}` | 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;
     mods?: Record<string, _tenphi_tasty0.ModValue> | undefined;
     isHidden?: boolean | undefined;
@@ -476,11 +476,11 @@ declare const __Radio: react.ForwardRefExoticComponent<CubeRadioProps & react.Re
     theme?: string | (string & {}) | undefined;
     tokens?: _tenphi_tasty0.Tokens | undefined;
     description?: react.ReactNode;
-    orientation?: "horizontal" | "vertical" | undefined;
-    key?: react.Key | null | undefined;
-    isLoading?: boolean | undefined;
     labelProps?: Props | undefined;
+    isLoading?: boolean | undefined;
     onFocusChange?: ((isFocused: boolean) => void) | undefined;
+    orientation?: "horizontal" | "vertical" | undefined;
+    key?: react.Key | null | undefined;
     extra?: react.ReactNode;
     rules?: (any[] | FieldValidationRule)[] | undefined;
     shouldUpdate?: boolean | ((prevValues: any, nextValues: any) => boolean) | undefined;
@@ -530,9 +530,9 @@ declare const __Radio: react.ForwardRefExoticComponent<CubeRadioProps & react.Re
     id?: string | undefined;
     children?: react.ReactNode | Iterable<react.ReactNode>;
     as?: keyof HTMLElementTagNameMap | react.ComponentType<any> | undefined;
-    align?: _tenphi_tasty0.StyleValue<"start" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined> | _tenphi_tasty0.StyleValueStateMap<"start" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
+    align?: _tenphi_tasty0.StyleValue<"start" | (string & {}) | "end" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined> | _tenphi_tasty0.StyleValueStateMap<"start" | (string & {}) | "end" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
     border?: _tenphi_tasty0.StyleValue<boolean | Property.Border<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.Border<string | number> | undefined>;
-    color?: _tenphi_tasty0.StyleValue<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.1` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.5` | `#${string}.2` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.05` | `#${string}.02` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.15` | `#${string}.12` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.30` | `#${string}.31` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.35` | `#${string}.32` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.71` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.75` | `#${string}.72` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.41` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.45` | `#${string}.42` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.50` | `#${string}.51` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.55` | `#${string}.52` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.20` | `#${string}.21` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.25` | `#${string}.22` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.60` | `#${string}.61` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.65` | `#${string}.62` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.85` | `#${string}.82` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.95` | `#${string}.92` | `#${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}.5` | `#${string}.2` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.05` | `#${string}.02` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.15` | `#${string}.12` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.30` | `#${string}.31` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.35` | `#${string}.32` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.71` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.75` | `#${string}.72` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.41` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.45` | `#${string}.42` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.50` | `#${string}.51` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.55` | `#${string}.52` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.20` | `#${string}.21` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.25` | `#${string}.22` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.60` | `#${string}.61` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.65` | `#${string}.62` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.85` | `#${string}.82` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.95` | `#${string}.92` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | 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>;
     height?: _tenphi_tasty0.StyleValue<boolean | Property.Height<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.Height<string | number> | undefined>;
     size?: number | "small" | (string & {}) | "xsmall" | "medium" | "large" | "xlarge" | undefined;
     width?: _tenphi_tasty0.StyleValue<boolean | Property.Width<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.Width<string | number> | undefined>;
@@ -549,7 +549,7 @@ declare const __Radio: react.ForwardRefExoticComponent<CubeRadioProps & react.Re
     onFocus?: ((e: react.FocusEvent<Element, Element>) => void) | undefined;
     onBlur?: ((e: react.FocusEvent<Element, Element>) => void) | undefined;
     onChange?: ((value: string) => void) | undefined;
-    fill?: _tenphi_tasty0.StyleValue<boolean | ((string & {}) | `#${string}` | `#${string}.0` | `#${string}.1` | `#${string}.3` | `#${string}.7` | `#${string}.4` | `#${string}.5` | `#${string}.2` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.05` | `#${string}.02` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.15` | `#${string}.12` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.30` | `#${string}.31` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.35` | `#${string}.32` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.71` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.75` | `#${string}.72` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.41` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.45` | `#${string}.42` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.50` | `#${string}.51` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.55` | `#${string}.52` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.20` | `#${string}.21` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.25` | `#${string}.22` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.60` | `#${string}.61` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.65` | `#${string}.62` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.85` | `#${string}.82` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.95` | `#${string}.92` | `#${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}.5` | `#${string}.2` | `#${string}.6` | `#${string}.8` | `#${string}.9` | `#${string}.00` | `#${string}.01` | `#${string}.03` | `#${string}.07` | `#${string}.04` | `#${string}.05` | `#${string}.02` | `#${string}.06` | `#${string}.08` | `#${string}.09` | `#${string}.10` | `#${string}.11` | `#${string}.13` | `#${string}.17` | `#${string}.14` | `#${string}.15` | `#${string}.12` | `#${string}.16` | `#${string}.18` | `#${string}.19` | `#${string}.30` | `#${string}.31` | `#${string}.33` | `#${string}.37` | `#${string}.34` | `#${string}.35` | `#${string}.32` | `#${string}.36` | `#${string}.38` | `#${string}.39` | `#${string}.70` | `#${string}.71` | `#${string}.73` | `#${string}.77` | `#${string}.74` | `#${string}.75` | `#${string}.72` | `#${string}.76` | `#${string}.78` | `#${string}.79` | `#${string}.40` | `#${string}.41` | `#${string}.43` | `#${string}.47` | `#${string}.44` | `#${string}.45` | `#${string}.42` | `#${string}.46` | `#${string}.48` | `#${string}.49` | `#${string}.50` | `#${string}.51` | `#${string}.53` | `#${string}.57` | `#${string}.54` | `#${string}.55` | `#${string}.52` | `#${string}.56` | `#${string}.58` | `#${string}.59` | `#${string}.20` | `#${string}.21` | `#${string}.23` | `#${string}.27` | `#${string}.24` | `#${string}.25` | `#${string}.22` | `#${string}.26` | `#${string}.28` | `#${string}.29` | `#${string}.60` | `#${string}.61` | `#${string}.63` | `#${string}.67` | `#${string}.64` | `#${string}.65` | `#${string}.62` | `#${string}.66` | `#${string}.68` | `#${string}.69` | `#${string}.80` | `#${string}.81` | `#${string}.83` | `#${string}.87` | `#${string}.84` | `#${string}.85` | `#${string}.82` | `#${string}.86` | `#${string}.88` | `#${string}.89` | `#${string}.90` | `#${string}.91` | `#${string}.93` | `#${string}.97` | `#${string}.94` | `#${string}.95` | `#${string}.92` | `#${string}.96` | `#${string}.98` | `#${string}.99` | `#${string}.100` | `rgb(${string})` | `hsl(${string})` | `okhsl(${string})` | `oklch(${string})`) | undefined>;
+    fill?: _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>;
     font?: _tenphi_tasty0.StyleValue<boolean | Property.FontFamily | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.FontFamily | undefined>;
     outline?: _tenphi_tasty0.StyleValue<string | boolean | undefined> | _tenphi_tasty0.StyleValueStateMap<string | boolean | undefined>;
     gap?: _tenphi_tasty0.StyleValue<boolean | Property.Gap<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.Gap<string | number> | undefined>;
@@ -605,7 +605,7 @@ declare const __Radio: react.ForwardRefExoticComponent<CubeRadioProps & react.Re
     gridColumns?: _tenphi_tasty0.StyleValue<Property.GridTemplateColumns<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<Property.GridTemplateColumns<string | number> | undefined>;
     gridRows?: _tenphi_tasty0.StyleValue<Property.GridTemplateRows<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<Property.GridTemplateRows<string | number> | undefined>;
     preset?: _tenphi_tasty0.StyleValue<string | (string & {}) | undefined> | _tenphi_tasty0.StyleValueStateMap<string | (string & {}) | undefined>;
-    justify?: _tenphi_tasty0.StyleValue<"start" | (string & {}) | "left" | "right" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined> | _tenphi_tasty0.StyleValueStateMap<"start" | (string & {}) | "left" | "right" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
+    justify?: _tenphi_tasty0.StyleValue<"start" | (string & {}) | "left" | "right" | "end" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined> | _tenphi_tasty0.StyleValueStateMap<"start" | (string & {}) | "left" | "right" | "end" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "normal" | "center" | "flex-end" | "flex-start" | "self-end" | "self-start" | "baseline" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
     place?: _tenphi_tasty0.StyleValue<string | (string & {}) | undefined> | _tenphi_tasty0.StyleValueStateMap<string | (string & {}) | undefined>;
     blockScrollMargin?: _tenphi_tasty0.StyleValue<boolean | Property.ScrollMarginBlock<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.ScrollMarginBlock<string | number> | undefined>;
     inlineScrollMargin?: _tenphi_tasty0.StyleValue<boolean | Property.ScrollMarginInline<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.ScrollMarginInline<string | number> | undefined>;
@@ -615,7 +615,7 @@ declare const __Radio: react.ForwardRefExoticComponent<CubeRadioProps & react.Re
     inlineInset?: _tenphi_tasty0.StyleValue<boolean | Property.InsetInline<string | number> | undefined> | _tenphi_tasty0.StyleValueStateMap<boolean | Property.InsetInline<string | number> | undefined>;
     qa?: string | undefined;
     qaVal?: string | number | undefined;
-    element?: `C${string}` | `P${string}` | `F${string}` | `B${string}` | `A${string}` | `I${string}` | `R${string}` | `S${string}` | `L${string}` | `E${string}` | `K${string}` | `D${string}` | `T${string}` | `V${string}` | `W${string}` | `M${string}` | `G${string}` | `H${string}` | `J${string}` | `N${string}` | `O${string}` | `Q${string}` | `U${string}` | `X${string}` | `Y${string}` | `Z${string}` | 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;
     mods?: Record<string, _tenphi_tasty0.ModValue> | undefined;
     isHidden?: boolean | undefined;
@@ -624,11 +624,11 @@ declare const __Radio: react.ForwardRefExoticComponent<CubeRadioProps & react.Re
     theme?: string | (string & {}) | undefined;
     tokens?: _tenphi_tasty0.Tokens | undefined;
     description?: react.ReactNode;
-    orientation?: "horizontal" | "vertical" | undefined;
-    key?: react.Key | null | undefined;
-    isLoading?: boolean | undefined;
     labelProps?: Props | undefined;
+    isLoading?: boolean | undefined;
     onFocusChange?: ((isFocused: boolean) => void) | undefined;
+    orientation?: "horizontal" | "vertical" | undefined;
+    key?: react.Key | null | undefined;
     extra?: react.ReactNode;
     rules?: (any[] | FieldValidationRule)[] | undefined;
     shouldUpdate?: boolean | ((prevValues: any, nextValues: any) => boolean) | undefined;

package/dist/components/fields/RadioGroup/Radio.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d4796d7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { getDisabledElementProps, omitActivationEventProps } from "../../../utils/react/disabledProps.js";

package/dist/components/fields/RadioGroup/RadioGroup.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d4796d7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { castNullableStringValue } from "../../../utils/react/nullableValue.js";

package/dist/components/fields/RadioGroup/RadioGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioGroup.js","names":["getActiveElement","useObjectRef","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","forwardRef","useRef","AriaRadioGroupProps","useFocusRing","useRadioGroup","RadioGroupState","useRadioGroupState","FieldBaseProps","mergeProps","castNullableStringValue","WithNullableValue","extractStyles","CubeItemProps","FormScopeMask","useFieldProps","wrapWithField","RadioContext","KeyboardEvent","CubeRadioGroupProps","Omit","groupStyles","orientation","value","defaultValue","onChange","size","Exclude","buttonType","type","RadioGroupElement","qa","styles","display","placeItems","placeContent","flow","horizontal","padding","tabs","boxSizing","radius","fill","width","flexShrink","gap","button","whiteSpace","outline","isFocusedDisabledRadio","element","HTMLInputElement","getAttribute","RadioGroup","rawProps","ref","$","_c","t0","t1","Symbol","for","defaultValidationTrigger","props","id","isDisabled","isRequired","labelPosition","t2","isInvalid","isValid","children","insideForm","labelProps","baseLabelProps","form","otherProps","undefined","domRef","baseState","isArrowKeyRef","t3","setSelectedValue","current","state","t4","radioGroupProps","onKeyDown","onArrowKey","groupProps","t5","event","t6","within","isFocusVisible","isFocusWithinVisible","focusProps","groupFocusProps","T0","t7","t8","t9","t10","t11","t12","t13","t14","focused","t15","t16","name","t17","t18","t19","radioGroup","t20","_RadioGroup","cubeInputType","displayName"],"sources":["../../../../src/components/fields/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { getActiveElement, useObjectRef } from '@react-aria/utils';\nimport {\n BaseProps,\n CONTAINER_STYLES,\n ContainerStyleProps,\n Styles,\n tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, useRef } from 'react';\nimport { AriaRadioGroupProps, useFocusRing, useRadioGroup } from 'react-aria';\nimport { RadioGroupState, useRadioGroupState } from 'react-stately';\n\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport {\n castNullableStringValue,\n WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { extractStyles } from '../../../utils/styles';\nimport { CubeItemProps } from '../../content/Item/Item';\nimport { FormScopeMask, useFieldProps, wrapWithField } from '../../form';\n\nimport { RadioContext } from './context';\n\nimport type { KeyboardEvent } from 'react';\n\nexport interface CubeRadioGroupProps\n extends BaseProps,\n Omit<AriaRadioGroupProps, 'errorMessage' \| 'form' \| 'name'>,\n ContainerStyleProps,\n FieldBaseProps<string \| null \| undefined> {\n groupStyles?: Styles;\n orientation?: 'horizontal' \| 'vertical';\n value?: string;\n defaultValue?: string;\n onChange?: (value: string) => void;\n /* Size for all radio buttons in the group /\n size?: Exclude<CubeItemProps['size'], 'inline'>;\n / Button type for all button-style radios (ignored in tabs mode). When set to 'primary', selected buttons use 'primary' and non-selected use 'outline' with isSelected appearance /\n buttonType?: CubeItemProps['type'];\n / Visual type for all radios in the group: radio (default), button, or tabs /\n type?: 'radio' \| 'button' \| 'tabs';\n}\n\nconst RadioGroupElement = tasty({\n qa: 'RadioGroup',\n styles: {\n display: 'flex',\n placeItems: 'stretch',\n placeContent: 'stretch',\n flow: {\n '': 'column',\n horizontal: 'row wrap',\n 'horizontal & tabs': 'row',\n },\n padding: {\n '': '0',\n tabs: '.5x',\n },\n // The tabs layout is the only one with padding, and a caller that gives the\n // group an explicit width (`width: 100%` inside a popover, say) means the\n // box it can see. Without this the padding is added on top and the group\n // overhangs its container by `1x`.\n boxSizing: 'border-box',\n radius: true,\n fill: {\n '': '#clear',\n 'tabs \| disabled': '#surface-4',\n },\n width: 'max-content max-content initial',\n flexShrink: 0,\n gap: {\n '': '1x',\n button: 0,\n tabs: '.5x',\n },\n whiteSpace: 'nowrap',\n // Keyboard focus ring on the group, shown only for button/tabs layouts\n // where individual items are visually merged (button-group) or share a\n // single chrome (tabs) — the classic vertical radio list already shows\n // a per-item focus ring on the radio circle.\n outline: {\n '': '1bw #primary-text.0 / 1bw',\n 'focused & (button \| tabs)': '1bw #primary-text / 1bw',\n },\n },\n});\n\n/\n Whether focus rests on the radio with this value while it is disabled. Only\n * a radio kept focusable for its tooltip can be: a natively disabled one never\n * takes focus (see `Radio`).\n /\nfunction isFocusedDisabledRadio(value: string \| null) {\n let element = getActiveElement();\n\n return (\n element instanceof HTMLInputElement &&\n element.type === 'radio' &&\n element.value === value &&\n element.getAttribute('aria-disabled') === 'true'\n );\n}\n\nfunction RadioGroup(rawProps: WithNullableValue<CubeRadioGroupProps>, ref) {\n let orientation = rawProps.orientation;\n\n rawProps = castNullableStringValue(rawProps);\n let props = useFieldProps(rawProps, { defaultValidationTrigger: 'onChange' });\n\n let {\n qa,\n id,\n isDisabled,\n isRequired,\n labelPosition = 'top',\n isInvalid,\n isValid,\n children,\n styles,\n groupStyles,\n insideForm,\n // orientation, // ignore orientation since it came from the form context\n labelProps: baseLabelProps,\n size,\n buttonType,\n type,\n form,\n ...otherProps\n } = props;\n let domRef = useObjectRef(ref);\n\n styles = extractStyles(otherProps, CONTAINER_STYLES, styles);\n\n let baseState = useRadioGroupState(props);\n // The arrow keys focus the next radio and select it. A disabled radio that\n // keeps focus for its tooltip is reached that way too, and has to stop the\n // selection the way a read-only group does: focus moves, the value stays.\n // Only the arrow keys: a click elsewhere or a form reset still selects.\n let isArrowKeyRef = useRef(false);\n let state: RadioGroupState = {\n ...baseState,\n setSelectedValue(value) {\n if (isArrowKeyRef.current && isFocusedDisabledRadio(value)) return;\n\n baseState.setSelectedValue(value);\n },\n };\n\n // Set default orientation based on type\n if (orientation == null) {\n orientation =\n type === 'button' \|\| type === 'tabs' ? 'horizontal' : 'vertical';\n }\n\n // React Aria hands `form` to every radio's input as the id of its `<form>`,\n // so the form instance would render as `form=\"[object Object]\"` on each.\n let { radioGroupProps, labelProps } = useRadioGroup(\n { ...props, orientation, form: undefined },\n state,\n );\n\n let { onKeyDown: onArrowKey, ...groupProps } = radioGroupProps;\n let onKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n isArrowKeyRef.current = true;\n onArrowKey?.(event);\n isArrowKeyRef.current = false;\n };\n\n // Keyboard-only focus ring on the group container (button/tabs layouts).\n // `within: true` tracks focus on any descendant radio. We read\n // `isFocusVisible` (not `isFocused`), which is keyboard-gated — mouse\n // clicks on a radio focus the input but leave `isFocusVisible` false.\n let { isFocusVisible: isFocusWithinVisible, focusProps: groupFocusProps } =\n useFocusRing({ within: true });\n\n let radioGroup = (\n <RadioGroupElement\n // Keep semantics and keyboard handling on the group: `isBare` omits\n // the field wrapper.\n {...mergeProps(groupProps, groupFocusProps)}\n onKeyDown={onKeyDown}\n // `useRadioGroup` seeds its id once; the current one follows the form\n // binding.\n id={id}\n qa={qa \|\| 'RadioGroup'}\n styles={styles}\n data-input-type=\"radiogroup\"\n data-radio-button-group={type === 'button' ? '' : undefined}\n mods={{\n horizontal: orientation === 'horizontal',\n 'inside-form': insideForm,\n 'side-label': labelPosition === 'side',\n button: type === 'button',\n tabs: type === 'tabs',\n focused: isFocusWithinVisible,\n }}\n >\n <FormScopeMask\n value={{\n isRequired,\n isInvalid,\n isValid,\n isDisabled,\n }}\n >\n <RadioContext.Provider\n value={{\n state,\n name: props.name,\n size,\n buttonType,\n type,\n isDisabled,\n }}\n >\n {children}\n </RadioContext.Provider>\n </FormScopeMask>\n </RadioGroupElement>\n );\n\n return wrapWithField(radioGroup, domRef, {\n ...props,\n labelProps: mergeProps(baseLabelProps, labelProps),\n });\n}\n\n/\n Radio groups allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nconst _RadioGroup = forwardRef(RadioGroup);\n\n(_RadioGroup as any).cubeInputType = 'RadioGroup';\n_RadioGroup.displayName = 'RadioGroup';\n\nexport { _RadioGroup as RadioGroup };\n"],"mappings":"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"}
1	+ {"version":3,"file":"RadioGroup.js","names":["getActiveElement","useObjectRef","BaseProps","CONTAINER_STYLES","ContainerStyleProps","Styles","tasty","forwardRef","useRef","AriaRadioGroupProps","useFocusRing","useRadioGroup","RadioGroupState","useRadioGroupState","FieldBaseProps","mergeProps","castNullableStringValue","WithNullableValue","extractStyles","CubeItemProps","FormScopeMask","useFieldProps","wrapWithField","RadioContext","KeyboardEvent","CubeRadioGroupProps","Omit","groupStyles","orientation","value","defaultValue","onChange","size","Exclude","buttonType","type","RadioGroupElement","qa","styles","display","placeItems","placeContent","flow","horizontal","padding","tabs","boxSizing","radius","fill","width","flexShrink","gap","button","whiteSpace","outline","isFocusedDisabledRadio","element","HTMLInputElement","getAttribute","RadioGroup","rawProps","ref","$","_c","t0","t1","Symbol","for","defaultValidationTrigger","props","id","isDisabled","isRequired","labelPosition","t2","isInvalid","isValid","children","insideForm","labelProps","baseLabelProps","form","otherProps","undefined","domRef","baseState","isArrowKeyRef","t3","setSelectedValue","current","state","t4","radioGroupProps","onKeyDown","onArrowKey","groupProps","t5","event","t6","within","isFocusVisible","isFocusWithinVisible","focusProps","groupFocusProps","T0","t7","t8","t9","t10","t11","t12","t13","t14","focused","t15","t16","name","t17","t18","t19","radioGroup","t20","_RadioGroup","cubeInputType","displayName"],"sources":["../../../../src/components/fields/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { getActiveElement, useObjectRef } from '@react-aria/utils';\nimport {\n BaseProps,\n CONTAINER_STYLES,\n ContainerStyleProps,\n Styles,\n tasty,\n} from '@tenphi/tasty';\nimport { forwardRef, useRef } from 'react';\nimport { AriaRadioGroupProps, useFocusRing, useRadioGroup } from 'react-aria';\nimport { RadioGroupState, useRadioGroupState } from 'react-stately';\n\nimport { FieldBaseProps } from '../../../shared';\nimport { mergeProps } from '../../../utils/react';\nimport {\n castNullableStringValue,\n WithNullableValue,\n} from '../../../utils/react/nullableValue';\nimport { extractStyles } from '../../../utils/styles';\nimport { CubeItemProps } from '../../content/Item/Item';\nimport { FormScopeMask, useFieldProps, wrapWithField } from '../../form';\n\nimport { RadioContext } from './context';\n\nimport type { KeyboardEvent } from 'react';\n\nexport interface CubeRadioGroupProps\n extends BaseProps,\n Omit<AriaRadioGroupProps, 'errorMessage' \| 'form' \| 'name'>,\n ContainerStyleProps,\n FieldBaseProps<string \| null \| undefined> {\n groupStyles?: Styles;\n orientation?: 'horizontal' \| 'vertical';\n value?: string;\n defaultValue?: string;\n onChange?: (value: string) => void;\n /* Size for all radio buttons in the group /\n size?: Exclude<CubeItemProps['size'], 'inline'>;\n / Button type for all button-style radios (ignored in tabs mode). When set to 'primary', selected buttons use 'primary' and non-selected use 'outline' with isSelected appearance /\n buttonType?: CubeItemProps['type'];\n / Visual type for all radios in the group: radio (default), button, or tabs /\n type?: 'radio' \| 'button' \| 'tabs';\n}\n\nconst RadioGroupElement = tasty({\n qa: 'RadioGroup',\n styles: {\n display: 'flex',\n placeItems: 'stretch',\n placeContent: 'stretch',\n flow: {\n '': 'column',\n horizontal: 'row wrap',\n 'horizontal & tabs': 'row',\n },\n padding: {\n '': '0',\n tabs: '.5x',\n },\n // The tabs layout is the only one with padding, and a caller that gives the\n // group an explicit width (`width: 100%` inside a popover, say) means the\n // box it can see. Without this the padding is added on top and the group\n // overhangs its container by `1x`.\n boxSizing: 'border-box',\n radius: true,\n fill: {\n '': '#clear',\n 'tabs \| disabled': '#surface-4',\n },\n width: 'max-content max-content initial',\n flexShrink: 0,\n gap: {\n '': '1x',\n button: 0,\n tabs: '.5x',\n },\n whiteSpace: 'nowrap',\n // Keyboard focus ring on the group, shown only for button/tabs layouts\n // where individual items are visually merged (button-group) or share a\n // single chrome (tabs) — the classic vertical radio list already shows\n // a per-item focus ring on the radio circle.\n outline: {\n '': '1bw #primary-text.0 / 1bw',\n 'focused & (button \| tabs)': '1bw #primary-text / 1bw',\n },\n },\n});\n\n/\n Whether focus rests on the radio with this value while it is disabled. Only\n * a radio kept focusable for its tooltip can be: a natively disabled one never\n * takes focus (see `Radio`).\n /\nfunction isFocusedDisabledRadio(value: string \| null) {\n let element = getActiveElement();\n\n return (\n element instanceof HTMLInputElement &&\n element.type === 'radio' &&\n element.value === value &&\n element.getAttribute('aria-disabled') === 'true'\n );\n}\n\nfunction RadioGroup(rawProps: WithNullableValue<CubeRadioGroupProps>, ref) {\n let orientation = rawProps.orientation;\n\n rawProps = castNullableStringValue(rawProps);\n let props = useFieldProps(rawProps, { defaultValidationTrigger: 'onChange' });\n\n let {\n qa,\n id,\n isDisabled,\n isRequired,\n labelPosition = 'top',\n isInvalid,\n isValid,\n children,\n styles,\n groupStyles,\n insideForm,\n // orientation, // ignore orientation since it came from the form context\n labelProps: baseLabelProps,\n size,\n buttonType,\n type,\n form,\n ...otherProps\n } = props;\n let domRef = useObjectRef(ref);\n\n styles = extractStyles(otherProps, CONTAINER_STYLES, styles);\n\n let baseState = useRadioGroupState(props);\n // The arrow keys focus the next radio and select it. A disabled radio that\n // keeps focus for its tooltip is reached that way too, and has to stop the\n // selection the way a read-only group does: focus moves, the value stays.\n // Only the arrow keys: a click elsewhere or a form reset still selects.\n let isArrowKeyRef = useRef(false);\n let state: RadioGroupState = {\n ...baseState,\n setSelectedValue(value) {\n if (isArrowKeyRef.current && isFocusedDisabledRadio(value)) return;\n\n baseState.setSelectedValue(value);\n },\n };\n\n // Set default orientation based on type\n if (orientation == null) {\n orientation =\n type === 'button' \|\| type === 'tabs' ? 'horizontal' : 'vertical';\n }\n\n // React Aria hands `form` to every radio's input as the id of its `<form>`,\n // so the form instance would render as `form=\"[object Object]\"` on each.\n let { radioGroupProps, labelProps } = useRadioGroup(\n { ...props, orientation, form: undefined },\n state,\n );\n\n let { onKeyDown: onArrowKey, ...groupProps } = radioGroupProps;\n let onKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n isArrowKeyRef.current = true;\n onArrowKey?.(event);\n isArrowKeyRef.current = false;\n };\n\n // Keyboard-only focus ring on the group container (button/tabs layouts).\n // `within: true` tracks focus on any descendant radio. We read\n // `isFocusVisible` (not `isFocused`), which is keyboard-gated — mouse\n // clicks on a radio focus the input but leave `isFocusVisible` false.\n let { isFocusVisible: isFocusWithinVisible, focusProps: groupFocusProps } =\n useFocusRing({ within: true });\n\n let radioGroup = (\n <RadioGroupElement\n // On the group, not on the field wrapper: without a visible label there\n // is no wrapper, and the group would lose its role, its name, the arrow\n // keys and its focus handling with it.\n {...mergeProps(groupProps, groupFocusProps)}\n onKeyDown={onKeyDown}\n // `useRadioGroup` seeds its id once; the current one follows the form\n // binding.\n id={id}\n qa={qa \|\| 'RadioGroup'}\n styles={styles}\n data-input-type=\"radiogroup\"\n data-radio-button-group={type === 'button' ? '' : undefined}\n mods={{\n horizontal: orientation === 'horizontal',\n 'inside-form': insideForm,\n 'side-label': labelPosition === 'side',\n button: type === 'button',\n tabs: type === 'tabs',\n focused: isFocusWithinVisible,\n }}\n >\n <FormScopeMask\n value={{\n isRequired,\n isInvalid,\n isValid,\n isDisabled,\n }}\n >\n <RadioContext.Provider\n value={{\n state,\n name: props.name,\n size,\n buttonType,\n type,\n isDisabled,\n }}\n >\n {children}\n </RadioContext.Provider>\n </FormScopeMask>\n </RadioGroupElement>\n );\n\n return wrapWithField(radioGroup, domRef, {\n ...props,\n labelProps: mergeProps(baseLabelProps, labelProps),\n });\n}\n\n/\n Radio groups allow users to select a single option from a list of mutually exclusive options.\n * All possible options are exposed up front for users to compare.\n */\nconst _RadioGroup = forwardRef(RadioGroup);\n\n(_RadioGroup as any).cubeInputType = 'RadioGroup';\n_RadioGroup.displayName = 'RadioGroup';\n\nexport { _RadioGroup as RadioGroup };\n"],"mappings":"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"}

package/dist/components/fields/RadioGroup/context.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d4796d7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
 import { createContext, useContext } from "react";
 //#region src/components/fields/RadioGroup/context.ts

package/dist/components/fields/SearchComboBox/SearchComboBox.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-d4796d7 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-759f43d | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useCombinedRefs } from "../../../utils/react/useCombinedRefs.js";
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";
@@ -14,6 +14,7 @@ import { CloseIcon } from "../../../icons/CloseIcon.js";
 import { getValidationMods } from "../../form/validation/resolve-validation-props.js";
 import { useValidationProps } from "../../form/validation/use-validation-props.js";
 import { getValidationIcon } from "../../form/validation/ValidationIndicator.js";
+import { asksForFieldChrome } from "../../form/field-chrome.js";
 import { wrapWithField } from "../../form/wrapper.js";
 import { getListBoxOptionId } from "../ListBox/optionId.js";
 import { filterCollectionNodes, getEdgeVisibleKey, getNextVisibleKey, getVisibleKeys, markKeyboardFocus } from "../ListBoxPopover/listNavigation.js";
@@ -103,6 +104,10 @@ const SearchComboBoxInput = forwardRef(function SearchComboBoxInput({ qa, inputR
 const SearchComboBox = forwardRef(function SearchComboBox(props, ref) {
 	props = useProviderProps(props);
 	props = useValidationProps(props);
+	if (asksForFieldChrome(props)) props = {
+		...props,
+		hasFieldChrome: true
+	};
 	const { t } = useI18n();
 	let { qa, label, labelStyles, isRequired, necessityIndicator, isInvalid, isValid, id, icon, prefix, isDisabled, autoFocus, autoComplete = "off", wrapperRef, inputRef, triggerRef, popoverRef, listBoxRef, isLoading, loadingDelay = 1e3, inputStyles, optionStyles, triggerStyles, listBoxStyles, overlayStyles, suffix, hideTrigger = true, message, description, size = "medium", direction = "bottom", shouldFlip = true, popoverTrigger = "input", suffixPosition = "before", filter, styles, labelSuffix, inputValue, defaultInputValue, onInputChange, isClearable = true, onClear, placeholder, emptyLabel, onSelect, onSubmit, items, children: renderChildren, sectionStyles, headingStyles, listGap, isReadOnly, overlayOffset = 8, containerPadding = 8, onOpenChange, onFocus, onBlur, onKeyDown, disabledKeys, ...otherProps } = props;
 	const searchComboBoxId = useMemo(() => generateRandomId(), []);