@cube-dev/ui-kit 0.0.0-canary-57f1bfe → 0.0.0-canary-ffc66c6

package/dist/components/actions/Menu/styled.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { DEFAULT_NEUTRAL_STYLES } from "../../../data/item-themes.js";
 import { Space } from "../../layout/Space.js";
 import { DEFAULT_BUTTON_STYLES } from "../Button/Button.js";
@@ -10,7 +10,7 @@ const StyledMenuWrapper = tasty({
 	styles: {
 		display: "grid",
 		gridRows: "max-content 1sf max-content",
-		fill: "#surface",
+		fill: "#white",
 		margin: 0,
 		padding: 0,
 		border: true,
@@ -21,7 +21,7 @@ const StyledMenuWrapper = tasty({
 		},
 		shadow: {
 			"": "",
-			"popover | tray": "$shadow"
+			"popover | tray": "0px 5px 15px #dark.05"
 		},
 		height: {
 			"": "initial",
@@ -120,7 +120,7 @@ const StyledSection = tasty({
 		margin: "0",
 		padding: "0",
 		listStyle: "none",
-		fill: "#surface"
+		fill: "#white"
 	}
 });
 const StyledItem = tasty({
@@ -151,7 +151,7 @@ const StyledItem = tasty({
 		color: {
 			"": "#dark-02",
 			"selected | pressed": "#dark",
-			disabled: "#disabled-surface-text"
+			disabled: "#dark-04"
 		},
 		cursor: {
 			"": "default",

package/dist/components/actions/Menu/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":[],"sources":["../../../../src/components/actions/Menu/styled.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\n\nimport { DEFAULT_NEUTRAL_STYLES } from '../../../data/item-themes';\nimport { Space } from '../../layout/Space';\nimport { DEFAULT_BUTTON_STYLES } from '../Button/Button';\n\nexport const StyledMenuWrapper = tasty({\n  qa: 'Menu',\n  styles: {\n    display: 'grid',\n    gridRows: 'max-content 1sf max-content',\n    fill: '#surface',\n    margin: 0,\n    padding: 0,\n    border: true,\n    radius: '(1cr + 1bw)',\n    width: {\n      '': 'auto',\n      popover: 'max-content',\n    },\n    shadow: {\n      '': '',\n      // Use the design-system `$shadow` token (resolves to\n      // `0 .5x 2x #shadow-md`) so the popover shadow follows the\n      // scheme-aware Glaze `#shadow-md` color. The previous literal\n      // `0px 5px 15px #dark.05` baked in `#dark` (now aliased to the\n      // adaptive `#surface-text`) which inverts to a *light* shadow on\n      // dark surfaces.\n      'popover | tray': '$shadow',\n    },\n    height: {\n      '': 'initial',\n      popover: 'initial max-content (50vh - 4x)',\n      tray: 'initial max-content (100vh - 4x)',\n    },\n    boxSizing: 'border-box',\n  },\n});\n\nexport const StyledMenu = tasty({\n  as: 'ul',\n  qa: 'MenuList',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    gap: {\n      '': '1bw',\n      sections: false,\n    },\n    boxSizing: 'border-box',\n    margin: 0,\n    padding: {\n      '': '0.5x',\n      section: 0, // section menu\n    },\n    overflow: {\n      '': 'auto',\n      section: '',\n    },\n    scrollbar: 'styled',\n  },\n});\n\nexport const StyledDivider = tasty({\n  qa: 'Divider',\n  as: 'li',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    margin: '.5x',\n    listStyle: 'none',\n    fill: '#border',\n    height: '1bw',\n    flexShrink: 0,\n  },\n});\n\nexport const StyledHeader = tasty(Space, {\n  qa: 'Header',\n  as: 'div',\n  role: 'heading',\n  'aria-level': 3,\n  styles: {\n    color: '#dark-02',\n    preset: 't3',\n    placeContent: 'space-between',\n    placeItems: 'center',\n    whiteSpace: 'nowrap',\n    padding: '.5x 1.5x',\n    height: 'min $size',\n    boxSizing: 'border-box',\n    border: 'bottom',\n    radius: '1cr top',\n\n    $size: {\n      '': '$size-md',\n      'size=small': '$size-sm',\n      'size=medium': '$size-md',\n      'size=large': '$size-lg',\n    },\n  },\n});\n\nexport const StyledFooter = tasty(Space, {\n  qa: 'Footer',\n  as: 'div',\n  role: 'footer',\n  styles: {\n    color: '#dark-02',\n    preset: 't3',\n    placeContent: 'space-between',\n    placeItems: 'center',\n    whiteSpace: 'nowrap',\n    padding: '.5x 1.5x',\n    height: {\n      '': 'min $size-md',\n      'size=large': 'min $size-lg',\n    },\n    boxSizing: 'border-box',\n    border: 'top',\n    radius: '1cr bottom',\n  },\n});\n\nexport const StyledSection = tasty({\n  qa: 'Section',\n  as: 'li',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    margin: '0',\n    padding: '0',\n    listStyle: 'none',\n    fill: '#surface',\n  },\n});\n\nexport const StyledItem = tasty({\n  qa: 'Item',\n  as: 'li',\n  styles: {\n    // Base button-like styles merged from Action/Button defaults\n    ...DEFAULT_BUTTON_STYLES,\n    ...DEFAULT_NEUTRAL_STYLES,\n\n    // Override specifics for menu context\n    display: 'flex',\n    flow: 'row',\n    justifyContent: 'stretch',\n    listStyle: 'none',\n    flexShrink: 0,\n    height: {\n      '': 'min $size-md',\n      'size=large': 'min $size-lg',\n    },\n    border: false,\n    boxSizing: 'border-box',\n    fill: {\n      '': '#clear',\n      focused: '#dark.03',\n      selected: '#dark.09',\n      'selected & focused': '#dark.12',\n      pressed: '#dark.09',\n      disabled: '#clear',\n    },\n    color: {\n      '': '#dark-02',\n      'selected | pressed': '#dark',\n      disabled: '#disabled-surface-text',\n    },\n    cursor: {\n      '': 'default',\n      disabled: 'not-allowed',\n    },\n    shadow: '#clear',\n    padding: {\n      '': '.5x 1x',\n      'selectionIcon & selectable & !selected': '.5x 1x .5x (1x + 3x)',\n    },\n    gap: '.75x',\n    outline: false,\n\n    Description: {\n      preset: 't4',\n      color: '#dark-03',\n    },\n  },\n});\n\nexport const StyledSectionHeading = tasty(Space, {\n  qa: 'SectionHeading',\n  as: 'div',\n  styles: {\n    color: '#dark-04',\n    preset: 'c2',\n    height: '3x',\n    placeContent: 'center space-between',\n    padding: {\n      '': '.5x .75x',\n      prefix: '0 .75x 0 .5x',\n    },\n\n    $size: {\n      '': '$size-md',\n      'size=small': '$size-sm',\n      'size=medium': '$size-md',\n      'size=large': '$size-lg',\n    },\n  },\n});\n"],"mappings":";;;;;;;AAMA,MAAa,oBAAoB,MAAM;CACrC,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,UAAU;EACV,MAAM;EACN,QAAQ;EACR,SAAS;EACT,QAAQ;EACR,QAAQ;EACR,OAAO;GACL,IAAI;GACJ,SAAS;GACV;EACD,QAAQ;GACN,IAAI;GAOJ,kBAAkB;GACnB;EACD,QAAQ;GACN,IAAI;GACJ,SAAS;GACT,MAAM;GACP;EACD,WAAW;EACZ;CACF,CAAC;AAEF,MAAa,aAAa,MAAM;CAC9B,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,MAAM;EACN,KAAK;GACH,IAAI;GACJ,UAAU;GACX;EACD,WAAW;EACX,QAAQ;EACR,SAAS;GACP,IAAI;GACJ,SAAS;GACV;EACD,UAAU;GACR,IAAI;GACJ,SAAS;GACV;EACD,WAAW;EACZ;CACF,CAAC;AAEF,MAAa,gBAAgB,MAAM;CACjC,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,MAAM;EACN,QAAQ;EACR,WAAW;EACX,MAAM;EACN,QAAQ;EACR,YAAY;EACb;CACF,CAAC;AAEF,MAAa,eAAe,MAAM,OAAO;CACvC,IAAI;CACJ,IAAI;CACJ,MAAM;CACN,cAAc;CACd,QAAQ;EACN,OAAO;EACP,QAAQ;EACR,cAAc;EACd,YAAY;EACZ,YAAY;EACZ,SAAS;EACT,QAAQ;EACR,WAAW;EACX,QAAQ;EACR,QAAQ;EAER,OAAO;GACL,IAAI;GACJ,cAAc;GACd,eAAe;GACf,cAAc;GACf;EACF;CACF,CAAC;AAEF,MAAa,eAAe,MAAM,OAAO;CACvC,IAAI;CACJ,IAAI;CACJ,MAAM;CACN,QAAQ;EACN,OAAO;EACP,QAAQ;EACR,cAAc;EACd,YAAY;EACZ,YAAY;EACZ,SAAS;EACT,QAAQ;GACN,IAAI;GACJ,cAAc;GACf;EACD,WAAW;EACX,QAAQ;EACR,QAAQ;EACT;CACF,CAAC;AAEF,MAAa,gBAAgB,MAAM;CACjC,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,MAAM;EACN,QAAQ;EACR,SAAS;EACT,WAAW;EACX,MAAM;EACP;CACF,CAAC;AAEF,MAAa,aAAa,MAAM;CAC9B,IAAI;CACJ,IAAI;CACJ,QAAQ;EAEN,GAAG;EACH,GAAG;EAGH,SAAS;EACT,MAAM;EACN,gBAAgB;EAChB,WAAW;EACX,YAAY;EACZ,QAAQ;GACN,IAAI;GACJ,cAAc;GACf;EACD,QAAQ;EACR,WAAW;EACX,MAAM;GACJ,IAAI;GACJ,SAAS;GACT,UAAU;GACV,sBAAsB;GACtB,SAAS;GACT,UAAU;GACX;EACD,OAAO;GACL,IAAI;GACJ,sBAAsB;GACtB,UAAU;GACX;EACD,QAAQ;GACN,IAAI;GACJ,UAAU;GACX;EACD,QAAQ;EACR,SAAS;GACP,IAAI;GACJ,0CAA0C;GAC3C;EACD,KAAK;EACL,SAAS;EAET,aAAa;GACX,QAAQ;GACR,OAAO;GACR;EACF;CACF,CAAC;AAEF,MAAa,uBAAuB,MAAM,OAAO;CAC/C,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,OAAO;EACP,QAAQ;EACR,QAAQ;EACR,cAAc;EACd,SAAS;GACP,IAAI;GACJ,QAAQ;GACT;EAED,OAAO;GACL,IAAI;GACJ,cAAc;GACd,eAAe;GACf,cAAc;GACf;EACF;CACF,CAAC"}
+{"version":3,"file":"styled.js","names":[],"sources":["../../../../src/components/actions/Menu/styled.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\n\nimport { DEFAULT_NEUTRAL_STYLES } from '../../../data/item-themes';\nimport { Space } from '../../layout/Space';\nimport { DEFAULT_BUTTON_STYLES } from '../Button/Button';\n\nexport const StyledMenuWrapper = tasty({\n  qa: 'Menu',\n  styles: {\n    display: 'grid',\n    gridRows: 'max-content 1sf max-content',\n    fill: '#white',\n    margin: 0,\n    padding: 0,\n    border: true,\n    radius: '(1cr + 1bw)',\n    width: {\n      '': 'auto',\n      popover: 'max-content',\n    },\n    shadow: {\n      '': '',\n      'popover | tray': '0px 5px 15px #dark.05',\n    },\n    height: {\n      '': 'initial',\n      popover: 'initial max-content (50vh - 4x)',\n      tray: 'initial max-content (100vh - 4x)',\n    },\n    boxSizing: 'border-box',\n  },\n});\n\nexport const StyledMenu = tasty({\n  as: 'ul',\n  qa: 'MenuList',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    gap: {\n      '': '1bw',\n      sections: false,\n    },\n    boxSizing: 'border-box',\n    margin: 0,\n    padding: {\n      '': '0.5x',\n      section: 0, // section menu\n    },\n    overflow: {\n      '': 'auto',\n      section: '',\n    },\n    scrollbar: 'styled',\n  },\n});\n\nexport const StyledDivider = tasty({\n  qa: 'Divider',\n  as: 'li',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    margin: '.5x',\n    listStyle: 'none',\n    fill: '#border',\n    height: '1bw',\n    flexShrink: 0,\n  },\n});\n\nexport const StyledHeader = tasty(Space, {\n  qa: 'Header',\n  as: 'div',\n  role: 'heading',\n  'aria-level': 3,\n  styles: {\n    color: '#dark-02',\n    preset: 't3',\n    placeContent: 'space-between',\n    placeItems: 'center',\n    whiteSpace: 'nowrap',\n    padding: '.5x 1.5x',\n    height: 'min $size',\n    boxSizing: 'border-box',\n    border: 'bottom',\n    radius: '1cr top',\n\n    $size: {\n      '': '$size-md',\n      'size=small': '$size-sm',\n      'size=medium': '$size-md',\n      'size=large': '$size-lg',\n    },\n  },\n});\n\nexport const StyledFooter = tasty(Space, {\n  qa: 'Footer',\n  as: 'div',\n  role: 'footer',\n  styles: {\n    color: '#dark-02',\n    preset: 't3',\n    placeContent: 'space-between',\n    placeItems: 'center',\n    whiteSpace: 'nowrap',\n    padding: '.5x 1.5x',\n    height: {\n      '': 'min $size-md',\n      'size=large': 'min $size-lg',\n    },\n    boxSizing: 'border-box',\n    border: 'top',\n    radius: '1cr bottom',\n  },\n});\n\nexport const StyledSection = tasty({\n  qa: 'Section',\n  as: 'li',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    margin: '0',\n    padding: '0',\n    listStyle: 'none',\n    fill: '#white',\n  },\n});\n\nexport const StyledItem = tasty({\n  qa: 'Item',\n  as: 'li',\n  styles: {\n    // Base button-like styles merged from Action/Button defaults\n    ...DEFAULT_BUTTON_STYLES,\n    ...DEFAULT_NEUTRAL_STYLES,\n\n    // Override specifics for menu context\n    display: 'flex',\n    flow: 'row',\n    justifyContent: 'stretch',\n    listStyle: 'none',\n    flexShrink: 0,\n    height: {\n      '': 'min $size-md',\n      'size=large': 'min $size-lg',\n    },\n    border: false,\n    boxSizing: 'border-box',\n    fill: {\n      '': '#clear',\n      focused: '#dark.03',\n      selected: '#dark.09',\n      'selected & focused': '#dark.12',\n      pressed: '#dark.09',\n      disabled: '#clear',\n    },\n    color: {\n      '': '#dark-02',\n      'selected | pressed': '#dark',\n      disabled: '#dark-04',\n    },\n    cursor: {\n      '': 'default',\n      disabled: 'not-allowed',\n    },\n    shadow: '#clear',\n    padding: {\n      '': '.5x 1x',\n      'selectionIcon & selectable & !selected': '.5x 1x .5x (1x + 3x)',\n    },\n    gap: '.75x',\n    outline: false,\n\n    Description: {\n      preset: 't4',\n      color: '#dark-03',\n    },\n  },\n});\n\nexport const StyledSectionHeading = tasty(Space, {\n  qa: 'SectionHeading',\n  as: 'div',\n  styles: {\n    color: '#dark-04',\n    preset: 'c2',\n    height: '3x',\n    placeContent: 'center space-between',\n    padding: {\n      '': '.5x .75x',\n      prefix: '0 .75x 0 .5x',\n    },\n\n    $size: {\n      '': '$size-md',\n      'size=small': '$size-sm',\n      'size=medium': '$size-md',\n      'size=large': '$size-lg',\n    },\n  },\n});\n"],"mappings":";;;;;;;AAMA,MAAa,oBAAoB,MAAM;CACrC,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,UAAU;EACV,MAAM;EACN,QAAQ;EACR,SAAS;EACT,QAAQ;EACR,QAAQ;EACR,OAAO;GACL,IAAI;GACJ,SAAS;GACV;EACD,QAAQ;GACN,IAAI;GACJ,kBAAkB;GACnB;EACD,QAAQ;GACN,IAAI;GACJ,SAAS;GACT,MAAM;GACP;EACD,WAAW;EACZ;CACF,CAAC;AAEF,MAAa,aAAa,MAAM;CAC9B,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,MAAM;EACN,KAAK;GACH,IAAI;GACJ,UAAU;GACX;EACD,WAAW;EACX,QAAQ;EACR,SAAS;GACP,IAAI;GACJ,SAAS;GACV;EACD,UAAU;GACR,IAAI;GACJ,SAAS;GACV;EACD,WAAW;EACZ;CACF,CAAC;AAEF,MAAa,gBAAgB,MAAM;CACjC,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,MAAM;EACN,QAAQ;EACR,WAAW;EACX,MAAM;EACN,QAAQ;EACR,YAAY;EACb;CACF,CAAC;AAEF,MAAa,eAAe,MAAM,OAAO;CACvC,IAAI;CACJ,IAAI;CACJ,MAAM;CACN,cAAc;CACd,QAAQ;EACN,OAAO;EACP,QAAQ;EACR,cAAc;EACd,YAAY;EACZ,YAAY;EACZ,SAAS;EACT,QAAQ;EACR,WAAW;EACX,QAAQ;EACR,QAAQ;EAER,OAAO;GACL,IAAI;GACJ,cAAc;GACd,eAAe;GACf,cAAc;GACf;EACF;CACF,CAAC;AAEF,MAAa,eAAe,MAAM,OAAO;CACvC,IAAI;CACJ,IAAI;CACJ,MAAM;CACN,QAAQ;EACN,OAAO;EACP,QAAQ;EACR,cAAc;EACd,YAAY;EACZ,YAAY;EACZ,SAAS;EACT,QAAQ;GACN,IAAI;GACJ,cAAc;GACf;EACD,WAAW;EACX,QAAQ;EACR,QAAQ;EACT;CACF,CAAC;AAEF,MAAa,gBAAgB,MAAM;CACjC,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,SAAS;EACT,MAAM;EACN,QAAQ;EACR,SAAS;EACT,WAAW;EACX,MAAM;EACP;CACF,CAAC;AAEF,MAAa,aAAa,MAAM;CAC9B,IAAI;CACJ,IAAI;CACJ,QAAQ;EAEN,GAAG;EACH,GAAG;EAGH,SAAS;EACT,MAAM;EACN,gBAAgB;EAChB,WAAW;EACX,YAAY;EACZ,QAAQ;GACN,IAAI;GACJ,cAAc;GACf;EACD,QAAQ;EACR,WAAW;EACX,MAAM;GACJ,IAAI;GACJ,SAAS;GACT,UAAU;GACV,sBAAsB;GACtB,SAAS;GACT,UAAU;GACX;EACD,OAAO;GACL,IAAI;GACJ,sBAAsB;GACtB,UAAU;GACX;EACD,QAAQ;GACN,IAAI;GACJ,UAAU;GACX;EACD,QAAQ;EACR,SAAS;GACP,IAAI;GACJ,0CAA0C;GAC3C;EACD,KAAK;EACL,SAAS;EAET,aAAa;GACX,QAAQ;GACR,OAAO;GACR;EACF;CACF,CAAC;AAEF,MAAa,uBAAuB,MAAM,OAAO;CAC/C,IAAI;CACJ,IAAI;CACJ,QAAQ;EACN,OAAO;EACP,QAAQ;EACR,QAAQ;EACR,cAAc;EACd,SAAS;GACP,IAAI;GACJ,QAAQ;GACT;EAED,OAAO;GACL,IAAI;GACJ,cAAc;GACd,eAAe;GACf,cAAc;GACf;EACF;CACF,CAAC"}

package/dist/components/actions/index.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { ItemActionProvider, useItemActionContext } from "./ItemActionContext.js";
 import { openLink, parseTo, performClickHandler, useAction } from "./use-action.js";
 import { ItemAction } from "./ItemAction/ItemAction.js";

package/dist/components/actions/use-action.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { useFocus as useFocus$1 } from "../../utils/react/interactions.js";

package/dist/components/actions/use-anchored-menu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { generateRandomId } from "../../utils/random.js";

package/dist/components/actions/use-context-menu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";
 import { generateRandomId } from "../../utils/random.js";

package/dist/components/content/ActiveZone/ActiveZone.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useFocus as useFocus$1 } from "../../../utils/react/interactions.js";

package/dist/components/content/Alert/Alert.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import themes_default from "../../../data/themes.js";
 import { useAlert } from "./use-alert.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/content/Alert/use-alert.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useDeprecationWarning } from "../../../_internal/hooks/use-deprecation-warning.js";
 import { CONTAINER_STYLES, TEXT_STYLES, filterBaseProps } from "@tenphi/tasty";

package/dist/components/content/Avatar/Avatar.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { CONTAINER_STYLES, Element, filterBaseProps } from "@tenphi/tasty";
 import { forwardRef } from "react";

package/dist/components/content/Badge/Badge.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { _Item } from "../Item/Item.js";
 import themes_default from "../../../data/themes.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/content/Card/Card.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef } from "react";
@@ -11,7 +11,7 @@ const CardElement = tasty({
 		display: "block",
 		flow: "column",
 		radius: "(1cr + 1bw)",
-		fill: "#surface",
+		fill: "#white",
 		border: "#border",
 		padding: "1.5x",
 		preset: "t3"

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":[],"sources":["../../../../src/components/content/Card/Card.tsx"],"sourcesContent":["import {\n  AllBaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { extractStyles } from '../../../utils/styles';\n\nconst CardElement = tasty({\n  role: 'region',\n  styles: {\n    display: 'block',\n    flow: 'column',\n    radius: '(1cr + 1bw)',\n    fill: '#surface',\n    border: '#border',\n    padding: '1.5x',\n    preset: 't3',\n  },\n  styleProps: CONTAINER_STYLES,\n});\n\nexport interface CubeCardProps\n  extends Omit<AllBaseProps, 'title' | 'value' | 'placeholder' | 'text'>,\n    ContainerStyleProps {}\n\nexport const Card = forwardRef(function Card(props: CubeCardProps, ref) {\n  const styles = extractStyles(props, CONTAINER_STYLES);\n\n  return (\n    <CardElement\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n"],"mappings":";;;;;;;AAWA,MAAM,cAAc,MAAM;CACxB,MAAM;CACN,QAAQ;EACN,SAAS;EACT,MAAM;EACN,QAAQ;EACR,MAAM;EACN,QAAQ;EACR,SAAS;EACT,QAAQ;EACT;CACD,YAAY;CACb,CAAC;AAMF,MAAa,OAAO,WAAW,SAAS,KAAK,OAAsB,KAAK;CACtE,MAAM,SAAS,cAAc,OAAO,iBAAiB;AAErD,QACE,oBAAC;EACC,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;EAC3C;EACG;GACR;EAEJ"}
+{"version":3,"file":"Card.js","names":[],"sources":["../../../../src/components/content/Card/Card.tsx"],"sourcesContent":["import {\n  AllBaseProps,\n  CONTAINER_STYLES,\n  ContainerStyleProps,\n  filterBaseProps,\n  tasty,\n} from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { extractStyles } from '../../../utils/styles';\n\nconst CardElement = tasty({\n  role: 'region',\n  styles: {\n    display: 'block',\n    flow: 'column',\n    radius: '(1cr + 1bw)',\n    fill: '#white',\n    border: '#border',\n    padding: '1.5x',\n    preset: 't3',\n  },\n  styleProps: CONTAINER_STYLES,\n});\n\nexport interface CubeCardProps\n  extends Omit<AllBaseProps, 'title' | 'value' | 'placeholder' | 'text'>,\n    ContainerStyleProps {}\n\nexport const Card = forwardRef(function Card(props: CubeCardProps, ref) {\n  const styles = extractStyles(props, CONTAINER_STYLES);\n\n  return (\n    <CardElement\n      {...filterBaseProps(props, { eventProps: true })}\n      ref={ref}\n      styles={styles}\n    />\n  );\n});\n"],"mappings":";;;;;;;AAWA,MAAM,cAAc,MAAM;CACxB,MAAM;CACN,QAAQ;EACN,SAAS;EACT,MAAM;EACN,QAAQ;EACR,MAAM;EACN,QAAQ;EACR,SAAS;EACT,QAAQ;EACT;CACD,YAAY;CACb,CAAC;AAMF,MAAa,OAAO,WAAW,SAAS,KAAK,OAAsB,KAAK;CACtE,MAAM,SAAS,cAAc,OAAO,iBAAiB;AAErD,QACE,oBAAC;EACC,GAAI,gBAAgB,OAAO,EAAE,YAAY,MAAM,CAAC;EAC3C;EACG;GACR;EAEJ"}

package/dist/components/content/Content.js

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

package/dist/components/content/CopyPasteBlock/CopyPasteBlock.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useTimer } from "../../../_internal/hooks/use-timer/use-timer.js";
 import { CopyIcon } from "../../../icons/CopyIcon.js";

package/dist/components/content/CopySnippet/CopySnippet.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { _Tooltip } from "../../overlays/Tooltip/Tooltip.js";
 import { TooltipTrigger } from "../../overlays/Tooltip/TooltipTrigger.js";
 import { CopyIcon } from "../../../icons/CopyIcon.js";

package/dist/components/content/Disclosure/Disclosure.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
@@ -39,7 +39,7 @@ const DisclosureRoot = tasty({
 		},
 		fill: {
 			"": false,
-			"shape=card": "#surface"
+			"shape=card": "#white"
 		}
 	}
 });

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

@@ -1 +1 @@
-{"version":3,"file":"Disclosure.js","names":["ItemButton","useId"],"sources":["../../../../src/components/content/Disclosure/Disclosure.tsx"],"sourcesContent":["import {\n  BaseProps,\n  BasePropsWithoutChildren,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  createContext,\n  forwardRef,\n  Key,\n  ReactNode,\n  RefObject,\n  useContext,\n  useMemo,\n  useRef,\n} from 'react';\nimport { mergeProps, useDisclosure, useId } from 'react-aria';\nimport {\n  DisclosureGroupState,\n  DisclosureState,\n  useDisclosureGroupState,\n  useDisclosureState,\n} from 'react-stately';\n\nimport { RightIcon } from '../../../icons';\nimport { mergeRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { CubeItemButtonProps, ItemButton } from '../../actions/ItemButton';\nimport { DisplayTransition } from '../../helpers';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface DisclosureStateContext {\n  isExpanded: boolean;\n  toggle: () => void;\n  expand: () => void;\n  collapse: () => void;\n}\n\ninterface DisclosureContextValue {\n  state: DisclosureState;\n  buttonProps: Record<string, unknown>;\n  panelProps: Record<string, unknown>;\n  panelRef: RefObject<HTMLDivElement | null>;\n  isDisabled: boolean;\n  isExpanded: boolean;\n  shape: 'default' | 'card' | 'sharp';\n  transitionDuration?: number;\n  triggerProps?: Partial<CubeItemButtonProps>;\n  contentStyles?: Styles;\n}\n\ninterface DisclosureGroupContextValue {\n  groupState: DisclosureGroupState;\n  triggerProps?: Partial<CubeItemButtonProps>;\n  contentStyles?: Styles;\n}\n\nexport interface CubeDisclosureProps\n  extends BasePropsWithoutChildren,\n    OuterStyleProps {\n  /** Controls expanded state in controlled mode */\n  isExpanded?: boolean;\n  /** Initial expanded state in uncontrolled mode */\n  defaultExpanded?: boolean;\n  /** Callback fired when expanded state changes */\n  onExpandedChange?: (isExpanded: boolean) => void;\n  /** Disables trigger interactions and force-closes the content */\n  isDisabled?: boolean;\n  /** Render-prop alternative to achieve custom trigger markup */\n  children?: ReactNode | ((state: DisclosureStateContext) => ReactNode);\n  /** Visual shape variant */\n  shape?: 'default' | 'card' | 'sharp';\n  /** Duration for DisplayTransition animation in milliseconds */\n  transitionDuration?: number;\n}\n\nexport interface CubeDisclosureTriggerProps\n  extends Omit<CubeItemButtonProps, 'onPress' | 'isDisabled'> {\n  /** Children content for the trigger */\n  children?: ReactNode;\n}\n\nexport interface CubeDisclosureContentProps extends BaseProps {\n  /** Children content for the panel */\n  children?: ReactNode;\n}\n\nexport interface CubeDisclosureGroupProps extends BaseProps, OuterStyleProps {\n  /** Allow more than one disclosure to be open */\n  allowsMultipleExpanded?: boolean;\n  /** Controlled expanded keys */\n  expandedKeys?: Iterable<Key>;\n  /** Uncontrolled default expanded keys */\n  defaultExpandedKeys?: Iterable<Key>;\n  /** Change handler providing the full expanded keys Set */\n  onExpandedChange?: (keys: Set<Key>) => void;\n  /** Disable all disclosures within group and force-close their content */\n  isDisabled?: boolean;\n  /** Props forwarded to all ItemButton triggers in the group */\n  triggerProps?: Partial<CubeItemButtonProps>;\n  /** Optional panel styles applied to all Content panels in the group */\n  contentStyles?: Styles;\n  children: ReactNode;\n}\n\nexport interface CubeDisclosureItemProps\n  extends Omit<BasePropsWithoutChildren, 'id'>,\n    OuterStyleProps {\n  /** Unique identifier for the disclosure item in a group */\n  id?: Key;\n  /** Children content */\n  children?: ReactNode;\n  /** Disables trigger interactions and force-closes the content */\n  isDisabled?: boolean;\n  /** Controls expanded state in controlled mode */\n  isExpanded?: boolean;\n  /** Initial expanded state in uncontrolled mode */\n  defaultExpanded?: boolean;\n  /** Callback fired when expanded state changes */\n  onExpandedChange?: (isExpanded: boolean) => void;\n  /** Visual shape variant */\n  shape?: 'default' | 'card' | 'sharp';\n}\n\n// ============================================================================\n// Contexts\n// ============================================================================\n\nconst DisclosureContext = createContext<DisclosureContextValue | null>(null);\nconst DisclosureGroupContext =\n  createContext<DisclosureGroupContextValue | null>(null);\n\nfunction useDisclosureContext(): DisclosureContextValue {\n  const context = useContext(DisclosureContext);\n\n  if (!context) {\n    throw new Error(\n      'Disclosure.Trigger and Disclosure.Content must be used within a Disclosure',\n    );\n  }\n\n  return context;\n}\n\nfunction useDisclosureGroupContext(): DisclosureGroupContextValue | null {\n  return useContext(DisclosureGroupContext);\n}\n\n// ============================================================================\n// Styled Components\n// ============================================================================\n\nconst DisclosureRoot = tasty({\n  qa: 'Disclosure',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    gap: 0,\n    position: 'relative',\n    border: {\n      '': 'none',\n      'shape=card': '1bw solid #border',\n    },\n    radius: {\n      '': '1r',\n      'shape=card': '1cr',\n      'shape=sharp': '0',\n    },\n    fill: {\n      '': false,\n      'shape=card': '#surface',\n    },\n  },\n});\n\nconst ContentWrapperElement = tasty({\n  qa: 'DisclosureContentWrapper',\n  styles: {\n    display: 'block',\n    overflow: 'hidden',\n    interpolateSize: 'allow-keywords',\n    height: {\n      '': 0,\n      shown: 'max-content',\n    },\n    transition: 'height $disclosure-transition',\n  },\n});\n\nconst ContentElement = tasty({\n  qa: 'DisclosureContent',\n  styles: {\n    display: 'block',\n    flow: 'column',\n    contentVisibility: 'auto',\n  },\n});\n\nconst GroupRoot = tasty({\n  qa: 'DisclosureGroup',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    gap: '0',\n  },\n});\n\nconst TriggerIcon = tasty(RightIcon, {\n  styles: {\n    transition: 'rotate',\n    rotate: {\n      '': '0deg',\n      expanded: '90deg',\n    },\n  },\n});\n\nconst StyledTrigger = tasty(ItemButton, {\n  qa: 'DisclosureTrigger',\n  type: 'header',\n  styles: {\n    radius: {\n      '': '1r',\n      'expanded & shape=card': '(1cr - 1bw) (1cr - 1bw) 0 0',\n      'shape=sharp': '0',\n    },\n    border: '#clear',\n  },\n});\n\n// ============================================================================\n// Disclosure Component\n// ============================================================================\n\nconst DisclosureComponent = forwardRef<HTMLDivElement, CubeDisclosureProps>(\n  function Disclosure(props, ref) {\n    const {\n      isExpanded: controlledIsExpanded,\n      defaultExpanded,\n      onExpandedChange,\n      isDisabled = false,\n      children,\n      shape = 'default',\n      transitionDuration,\n      qa,\n      mods,\n      ...otherProps\n    } = props;\n\n    const groupContext = useDisclosureGroupContext();\n    const panelRef = useRef<HTMLDivElement>(null);\n\n    // When disabled, force expanded to false\n    const effectiveIsExpanded = isDisabled ? false : controlledIsExpanded;\n\n    const state = useDisclosureState({\n      isExpanded: effectiveIsExpanded,\n      defaultExpanded: isDisabled ? false : defaultExpanded,\n      onExpandedChange: isDisabled ? undefined : onExpandedChange,\n    });\n\n    // When disabled, override state.isExpanded to false\n    const isExpanded = isDisabled ? false : state.isExpanded;\n\n    const { buttonProps, panelProps } = useDisclosure(\n      {\n        isExpanded,\n        isDisabled,\n      },\n      state,\n      panelRef,\n    );\n\n    const contextValue = useMemo<DisclosureContextValue>(\n      () => ({\n        state,\n        buttonProps,\n        panelProps,\n        panelRef,\n        isDisabled,\n        isExpanded,\n        shape,\n        transitionDuration,\n        triggerProps: groupContext?.triggerProps,\n        contentStyles: groupContext?.contentStyles,\n      }),\n      [\n        state,\n        buttonProps,\n        panelProps,\n        isDisabled,\n        isExpanded,\n        shape,\n        transitionDuration,\n        groupContext?.triggerProps,\n        groupContext?.contentStyles,\n      ],\n    );\n\n    const stateContext = useMemo<DisclosureStateContext>(\n      () => ({\n        isExpanded,\n        toggle: state.toggle,\n        expand: state.expand,\n        collapse: state.collapse,\n      }),\n      [isExpanded, state.toggle, state.expand, state.collapse],\n    );\n\n    const outerStyles = extractStyles(otherProps, OUTER_STYLES);\n\n    const finalMods = useMemo(\n      () => ({\n        expanded: isExpanded,\n        disabled: isDisabled,\n        shape,\n        ...mods,\n      }),\n      [isExpanded, isDisabled, shape, mods],\n    );\n\n    const content =\n      typeof children === 'function' ? children(stateContext) : children;\n\n    return (\n      <DisclosureContext.Provider value={contextValue}>\n        <DisclosureRoot ref={ref} qa={qa} mods={finalMods} styles={outerStyles}>\n          {content}\n        </DisclosureRoot>\n      </DisclosureContext.Provider>\n    );\n  },\n);\n\n// ============================================================================\n// Disclosure.Trigger Component\n// ============================================================================\n\nconst DisclosureTrigger = forwardRef<\n  HTMLButtonElement,\n  CubeDisclosureTriggerProps\n>(function DisclosureTrigger(props, ref) {\n  const { children, icon, mods, ...otherProps } = props;\n  const context = useDisclosureContext();\n  const { buttonProps, isDisabled, isExpanded, shape, triggerProps } = context;\n\n  const finalMods = useMemo(\n    () => ({\n      expanded: isExpanded,\n      disabled: isDisabled,\n      shape,\n      selected: false,\n      ...mods,\n    }),\n    [isExpanded, isDisabled, shape, mods],\n  );\n\n  // Default icon is a rotating chevron\n  const defaultIcon = <TriggerIcon mods={{ expanded: isExpanded }} />;\n\n  return (\n    <StyledTrigger\n      ref={ref}\n      icon={icon ?? defaultIcon}\n      isDisabled={isDisabled}\n      isSelected={isExpanded}\n      {...triggerProps}\n      {...(mergeProps(otherProps, buttonProps as any) as any)}\n      mods={finalMods}\n    >\n      {children}\n    </StyledTrigger>\n  );\n});\n\n// ============================================================================\n// Disclosure.Content Component\n// ============================================================================\n\nconst DisclosureContent = forwardRef<\n  HTMLDivElement,\n  CubeDisclosureContentProps\n>(function DisclosureContent(props, ref) {\n  const { children, styles, mods, ...otherProps } = props;\n  const context = useDisclosureContext();\n  const {\n    panelProps,\n    panelRef,\n    isExpanded,\n    transitionDuration,\n    contentStyles,\n  } = context;\n\n  const mergedStyles = useMemo<Styles>(\n    () => ({\n      ...contentStyles,\n      ...styles,\n    }),\n    [contentStyles, styles],\n  );\n\n  // Filter out hidden attribute from panelProps since we manage visibility via CSS height animation\n  const { hidden, ...filteredPanelProps } = panelProps as Record<\n    string,\n    unknown\n  >;\n\n  return (\n    <DisplayTransition\n      isShown={isExpanded}\n      duration={transitionDuration}\n      animateOnMount={false}\n    >\n      {({ phase, isShown, ref: transitionRef }) => (\n        <ContentWrapperElement\n          ref={transitionRef}\n          mods={{ shown: isShown, phase }}\n          tokens={\n            transitionDuration != null\n              ? { '$disclosure-transition': `${transitionDuration}ms` }\n              : undefined\n          }\n        >\n          <ContentElement\n            ref={mergeRefs(ref, panelRef)}\n            mods={mods}\n            styles={mergedStyles}\n            {...filteredPanelProps}\n            {...otherProps}\n          >\n            {children}\n          </ContentElement>\n        </ContentWrapperElement>\n      )}\n    </DisplayTransition>\n  );\n});\n\n// ============================================================================\n// Disclosure.Group Component\n// ============================================================================\n\nconst DisclosureGroup = forwardRef<HTMLDivElement, CubeDisclosureGroupProps>(\n  function DisclosureGroup(props, ref) {\n    const {\n      allowsMultipleExpanded = false,\n      expandedKeys,\n      defaultExpandedKeys,\n      onExpandedChange,\n      isDisabled = false,\n      triggerProps,\n      contentStyles,\n      children,\n      qa,\n      mods,\n      styles,\n      ...otherProps\n    } = props;\n\n    const groupState = useDisclosureGroupState({\n      allowsMultipleExpanded,\n      expandedKeys,\n      defaultExpandedKeys,\n      onExpandedChange,\n      isDisabled,\n    });\n\n    const contextValue = useMemo<DisclosureGroupContextValue>(\n      () => ({\n        groupState,\n        triggerProps,\n        contentStyles,\n      }),\n      [groupState, triggerProps, contentStyles],\n    );\n\n    const outerStyles = extractStyles(otherProps, OUTER_STYLES);\n\n    const finalStyles = useMemo<Styles>(\n      () => ({\n        ...outerStyles,\n        ...styles,\n      }),\n      [outerStyles, styles],\n    );\n\n    return (\n      <DisclosureGroupContext.Provider value={contextValue}>\n        <GroupRoot ref={ref} qa={qa} mods={mods} styles={finalStyles}>\n          {children}\n        </GroupRoot>\n      </DisclosureGroupContext.Provider>\n    );\n  },\n);\n\n// ============================================================================\n// Disclosure.Item Component\n// ============================================================================\n\nconst DisclosureItem = forwardRef<HTMLDivElement, CubeDisclosureItemProps>(\n  function DisclosureItem(props, ref) {\n    const {\n      id: providedId,\n      children,\n      isDisabled: itemDisabled = false,\n      isExpanded: controlledIsExpanded,\n      defaultExpanded,\n      onExpandedChange,\n      shape = 'default',\n      qa,\n      mods,\n      styles,\n      ...otherProps\n    } = props;\n\n    const defaultId = useId();\n    const id = providedId ?? defaultId;\n\n    const groupContext = useDisclosureGroupContext();\n    const panelRef = useRef<HTMLDivElement>(null);\n\n    // Determine if disabled from group or item\n    const isDisabled =\n      itemDisabled || groupContext?.groupState?.isDisabled || false;\n\n    // Determine expanded state from group or local props\n    const groupIsExpanded = groupContext\n      ? groupContext.groupState.expandedKeys.has(id)\n      : undefined;\n\n    // When disabled, force expanded to false\n    const effectiveIsExpanded = isDisabled\n      ? false\n      : groupIsExpanded ?? controlledIsExpanded;\n\n    const state = useDisclosureState({\n      isExpanded: effectiveIsExpanded,\n      defaultExpanded: isDisabled ? false : defaultExpanded,\n      onExpandedChange(expanded) {\n        if (isDisabled) return;\n\n        if (groupContext) {\n          groupContext.groupState.toggleKey(id);\n        }\n        onExpandedChange?.(expanded);\n      },\n    });\n\n    // When disabled, override state.isExpanded to false\n    const isExpanded = isDisabled ? false : state.isExpanded;\n\n    const { buttonProps, panelProps } = useDisclosure(\n      {\n        isExpanded,\n        isDisabled,\n      },\n      state,\n      panelRef,\n    );\n\n    const contextValue = useMemo<DisclosureContextValue>(\n      () => ({\n        state,\n        buttonProps,\n        panelProps,\n        panelRef,\n        isDisabled,\n        isExpanded,\n        shape,\n        transitionDuration: undefined,\n        triggerProps: groupContext?.triggerProps,\n        contentStyles: groupContext?.contentStyles,\n      }),\n      [\n        state,\n        buttonProps,\n        panelProps,\n        isDisabled,\n        isExpanded,\n        shape,\n        groupContext?.triggerProps,\n        groupContext?.contentStyles,\n      ],\n    );\n\n    const outerStyles = extractStyles(otherProps, OUTER_STYLES);\n\n    const finalStyles = useMemo<Styles>(\n      () => ({\n        ...outerStyles,\n        ...styles,\n      }),\n      [outerStyles, styles],\n    );\n\n    const finalMods = useMemo(\n      () => ({\n        expanded: isExpanded,\n        disabled: isDisabled,\n        shape,\n        ...mods,\n      }),\n      [isExpanded, isDisabled, shape, mods],\n    );\n\n    return (\n      <DisclosureContext.Provider value={contextValue}>\n        <DisclosureRoot\n          ref={ref}\n          qa={qa}\n          mods={finalMods}\n          styles={finalStyles}\n          data-key={id}\n        >\n          {children}\n        </DisclosureRoot>\n      </DisclosureContext.Provider>\n    );\n  },\n);\n\n// ============================================================================\n// Compound Component Export\n// ============================================================================\n\nconst _Disclosure = Object.assign(DisclosureComponent, {\n  Trigger: DisclosureTrigger,\n  Content: DisclosureContent,\n  Group: DisclosureGroup,\n  Item: DisclosureItem,\n});\n\nexport { _Disclosure as Disclosure };\nexport type {\n  CubeDisclosureProps as DisclosureProps,\n  CubeDisclosureTriggerProps as DisclosureTriggerProps,\n  CubeDisclosureContentProps as DisclosureContentProps,\n  CubeDisclosureGroupProps as DisclosureGroupProps,\n  CubeDisclosureItemProps as DisclosureItemProps,\n};\n"],"mappings":"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"}
+{"version":3,"file":"Disclosure.js","names":["ItemButton","useId"],"sources":["../../../../src/components/content/Disclosure/Disclosure.tsx"],"sourcesContent":["import {\n  BaseProps,\n  BasePropsWithoutChildren,\n  OUTER_STYLES,\n  OuterStyleProps,\n  Styles,\n  tasty,\n} from '@tenphi/tasty';\nimport {\n  createContext,\n  forwardRef,\n  Key,\n  ReactNode,\n  RefObject,\n  useContext,\n  useMemo,\n  useRef,\n} from 'react';\nimport { mergeProps, useDisclosure, useId } from 'react-aria';\nimport {\n  DisclosureGroupState,\n  DisclosureState,\n  useDisclosureGroupState,\n  useDisclosureState,\n} from 'react-stately';\n\nimport { RightIcon } from '../../../icons';\nimport { mergeRefs } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { CubeItemButtonProps, ItemButton } from '../../actions/ItemButton';\nimport { DisplayTransition } from '../../helpers';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface DisclosureStateContext {\n  isExpanded: boolean;\n  toggle: () => void;\n  expand: () => void;\n  collapse: () => void;\n}\n\ninterface DisclosureContextValue {\n  state: DisclosureState;\n  buttonProps: Record<string, unknown>;\n  panelProps: Record<string, unknown>;\n  panelRef: RefObject<HTMLDivElement | null>;\n  isDisabled: boolean;\n  isExpanded: boolean;\n  shape: 'default' | 'card' | 'sharp';\n  transitionDuration?: number;\n  triggerProps?: Partial<CubeItemButtonProps>;\n  contentStyles?: Styles;\n}\n\ninterface DisclosureGroupContextValue {\n  groupState: DisclosureGroupState;\n  triggerProps?: Partial<CubeItemButtonProps>;\n  contentStyles?: Styles;\n}\n\nexport interface CubeDisclosureProps\n  extends BasePropsWithoutChildren,\n    OuterStyleProps {\n  /** Controls expanded state in controlled mode */\n  isExpanded?: boolean;\n  /** Initial expanded state in uncontrolled mode */\n  defaultExpanded?: boolean;\n  /** Callback fired when expanded state changes */\n  onExpandedChange?: (isExpanded: boolean) => void;\n  /** Disables trigger interactions and force-closes the content */\n  isDisabled?: boolean;\n  /** Render-prop alternative to achieve custom trigger markup */\n  children?: ReactNode | ((state: DisclosureStateContext) => ReactNode);\n  /** Visual shape variant */\n  shape?: 'default' | 'card' | 'sharp';\n  /** Duration for DisplayTransition animation in milliseconds */\n  transitionDuration?: number;\n}\n\nexport interface CubeDisclosureTriggerProps\n  extends Omit<CubeItemButtonProps, 'onPress' | 'isDisabled'> {\n  /** Children content for the trigger */\n  children?: ReactNode;\n}\n\nexport interface CubeDisclosureContentProps extends BaseProps {\n  /** Children content for the panel */\n  children?: ReactNode;\n}\n\nexport interface CubeDisclosureGroupProps extends BaseProps, OuterStyleProps {\n  /** Allow more than one disclosure to be open */\n  allowsMultipleExpanded?: boolean;\n  /** Controlled expanded keys */\n  expandedKeys?: Iterable<Key>;\n  /** Uncontrolled default expanded keys */\n  defaultExpandedKeys?: Iterable<Key>;\n  /** Change handler providing the full expanded keys Set */\n  onExpandedChange?: (keys: Set<Key>) => void;\n  /** Disable all disclosures within group and force-close their content */\n  isDisabled?: boolean;\n  /** Props forwarded to all ItemButton triggers in the group */\n  triggerProps?: Partial<CubeItemButtonProps>;\n  /** Optional panel styles applied to all Content panels in the group */\n  contentStyles?: Styles;\n  children: ReactNode;\n}\n\nexport interface CubeDisclosureItemProps\n  extends Omit<BasePropsWithoutChildren, 'id'>,\n    OuterStyleProps {\n  /** Unique identifier for the disclosure item in a group */\n  id?: Key;\n  /** Children content */\n  children?: ReactNode;\n  /** Disables trigger interactions and force-closes the content */\n  isDisabled?: boolean;\n  /** Controls expanded state in controlled mode */\n  isExpanded?: boolean;\n  /** Initial expanded state in uncontrolled mode */\n  defaultExpanded?: boolean;\n  /** Callback fired when expanded state changes */\n  onExpandedChange?: (isExpanded: boolean) => void;\n  /** Visual shape variant */\n  shape?: 'default' | 'card' | 'sharp';\n}\n\n// ============================================================================\n// Contexts\n// ============================================================================\n\nconst DisclosureContext = createContext<DisclosureContextValue | null>(null);\nconst DisclosureGroupContext =\n  createContext<DisclosureGroupContextValue | null>(null);\n\nfunction useDisclosureContext(): DisclosureContextValue {\n  const context = useContext(DisclosureContext);\n\n  if (!context) {\n    throw new Error(\n      'Disclosure.Trigger and Disclosure.Content must be used within a Disclosure',\n    );\n  }\n\n  return context;\n}\n\nfunction useDisclosureGroupContext(): DisclosureGroupContextValue | null {\n  return useContext(DisclosureGroupContext);\n}\n\n// ============================================================================\n// Styled Components\n// ============================================================================\n\nconst DisclosureRoot = tasty({\n  qa: 'Disclosure',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    gap: 0,\n    position: 'relative',\n    border: {\n      '': 'none',\n      'shape=card': '1bw solid #border',\n    },\n    radius: {\n      '': '1r',\n      'shape=card': '1cr',\n      'shape=sharp': '0',\n    },\n    fill: {\n      '': false,\n      'shape=card': '#white',\n    },\n  },\n});\n\nconst ContentWrapperElement = tasty({\n  qa: 'DisclosureContentWrapper',\n  styles: {\n    display: 'block',\n    overflow: 'hidden',\n    interpolateSize: 'allow-keywords',\n    height: {\n      '': 0,\n      shown: 'max-content',\n    },\n    transition: 'height $disclosure-transition',\n  },\n});\n\nconst ContentElement = tasty({\n  qa: 'DisclosureContent',\n  styles: {\n    display: 'block',\n    flow: 'column',\n    contentVisibility: 'auto',\n  },\n});\n\nconst GroupRoot = tasty({\n  qa: 'DisclosureGroup',\n  styles: {\n    display: 'flex',\n    flow: 'column',\n    gap: '0',\n  },\n});\n\nconst TriggerIcon = tasty(RightIcon, {\n  styles: {\n    transition: 'rotate',\n    rotate: {\n      '': '0deg',\n      expanded: '90deg',\n    },\n  },\n});\n\nconst StyledTrigger = tasty(ItemButton, {\n  qa: 'DisclosureTrigger',\n  type: 'header',\n  styles: {\n    radius: {\n      '': '1r',\n      'expanded & shape=card': '(1cr - 1bw) (1cr - 1bw) 0 0',\n      'shape=sharp': '0',\n    },\n    border: '#clear',\n  },\n});\n\n// ============================================================================\n// Disclosure Component\n// ============================================================================\n\nconst DisclosureComponent = forwardRef<HTMLDivElement, CubeDisclosureProps>(\n  function Disclosure(props, ref) {\n    const {\n      isExpanded: controlledIsExpanded,\n      defaultExpanded,\n      onExpandedChange,\n      isDisabled = false,\n      children,\n      shape = 'default',\n      transitionDuration,\n      qa,\n      mods,\n      ...otherProps\n    } = props;\n\n    const groupContext = useDisclosureGroupContext();\n    const panelRef = useRef<HTMLDivElement>(null);\n\n    // When disabled, force expanded to false\n    const effectiveIsExpanded = isDisabled ? false : controlledIsExpanded;\n\n    const state = useDisclosureState({\n      isExpanded: effectiveIsExpanded,\n      defaultExpanded: isDisabled ? false : defaultExpanded,\n      onExpandedChange: isDisabled ? undefined : onExpandedChange,\n    });\n\n    // When disabled, override state.isExpanded to false\n    const isExpanded = isDisabled ? false : state.isExpanded;\n\n    const { buttonProps, panelProps } = useDisclosure(\n      {\n        isExpanded,\n        isDisabled,\n      },\n      state,\n      panelRef,\n    );\n\n    const contextValue = useMemo<DisclosureContextValue>(\n      () => ({\n        state,\n        buttonProps,\n        panelProps,\n        panelRef,\n        isDisabled,\n        isExpanded,\n        shape,\n        transitionDuration,\n        triggerProps: groupContext?.triggerProps,\n        contentStyles: groupContext?.contentStyles,\n      }),\n      [\n        state,\n        buttonProps,\n        panelProps,\n        isDisabled,\n        isExpanded,\n        shape,\n        transitionDuration,\n        groupContext?.triggerProps,\n        groupContext?.contentStyles,\n      ],\n    );\n\n    const stateContext = useMemo<DisclosureStateContext>(\n      () => ({\n        isExpanded,\n        toggle: state.toggle,\n        expand: state.expand,\n        collapse: state.collapse,\n      }),\n      [isExpanded, state.toggle, state.expand, state.collapse],\n    );\n\n    const outerStyles = extractStyles(otherProps, OUTER_STYLES);\n\n    const finalMods = useMemo(\n      () => ({\n        expanded: isExpanded,\n        disabled: isDisabled,\n        shape,\n        ...mods,\n      }),\n      [isExpanded, isDisabled, shape, mods],\n    );\n\n    const content =\n      typeof children === 'function' ? children(stateContext) : children;\n\n    return (\n      <DisclosureContext.Provider value={contextValue}>\n        <DisclosureRoot ref={ref} qa={qa} mods={finalMods} styles={outerStyles}>\n          {content}\n        </DisclosureRoot>\n      </DisclosureContext.Provider>\n    );\n  },\n);\n\n// ============================================================================\n// Disclosure.Trigger Component\n// ============================================================================\n\nconst DisclosureTrigger = forwardRef<\n  HTMLButtonElement,\n  CubeDisclosureTriggerProps\n>(function DisclosureTrigger(props, ref) {\n  const { children, icon, mods, ...otherProps } = props;\n  const context = useDisclosureContext();\n  const { buttonProps, isDisabled, isExpanded, shape, triggerProps } = context;\n\n  const finalMods = useMemo(\n    () => ({\n      expanded: isExpanded,\n      disabled: isDisabled,\n      shape,\n      selected: false,\n      ...mods,\n    }),\n    [isExpanded, isDisabled, shape, mods],\n  );\n\n  // Default icon is a rotating chevron\n  const defaultIcon = <TriggerIcon mods={{ expanded: isExpanded }} />;\n\n  return (\n    <StyledTrigger\n      ref={ref}\n      icon={icon ?? defaultIcon}\n      isDisabled={isDisabled}\n      isSelected={isExpanded}\n      {...triggerProps}\n      {...(mergeProps(otherProps, buttonProps as any) as any)}\n      mods={finalMods}\n    >\n      {children}\n    </StyledTrigger>\n  );\n});\n\n// ============================================================================\n// Disclosure.Content Component\n// ============================================================================\n\nconst DisclosureContent = forwardRef<\n  HTMLDivElement,\n  CubeDisclosureContentProps\n>(function DisclosureContent(props, ref) {\n  const { children, styles, mods, ...otherProps } = props;\n  const context = useDisclosureContext();\n  const {\n    panelProps,\n    panelRef,\n    isExpanded,\n    transitionDuration,\n    contentStyles,\n  } = context;\n\n  const mergedStyles = useMemo<Styles>(\n    () => ({\n      ...contentStyles,\n      ...styles,\n    }),\n    [contentStyles, styles],\n  );\n\n  // Filter out hidden attribute from panelProps since we manage visibility via CSS height animation\n  const { hidden, ...filteredPanelProps } = panelProps as Record<\n    string,\n    unknown\n  >;\n\n  return (\n    <DisplayTransition\n      isShown={isExpanded}\n      duration={transitionDuration}\n      animateOnMount={false}\n    >\n      {({ phase, isShown, ref: transitionRef }) => (\n        <ContentWrapperElement\n          ref={transitionRef}\n          mods={{ shown: isShown, phase }}\n          tokens={\n            transitionDuration != null\n              ? { '$disclosure-transition': `${transitionDuration}ms` }\n              : undefined\n          }\n        >\n          <ContentElement\n            ref={mergeRefs(ref, panelRef)}\n            mods={mods}\n            styles={mergedStyles}\n            {...filteredPanelProps}\n            {...otherProps}\n          >\n            {children}\n          </ContentElement>\n        </ContentWrapperElement>\n      )}\n    </DisplayTransition>\n  );\n});\n\n// ============================================================================\n// Disclosure.Group Component\n// ============================================================================\n\nconst DisclosureGroup = forwardRef<HTMLDivElement, CubeDisclosureGroupProps>(\n  function DisclosureGroup(props, ref) {\n    const {\n      allowsMultipleExpanded = false,\n      expandedKeys,\n      defaultExpandedKeys,\n      onExpandedChange,\n      isDisabled = false,\n      triggerProps,\n      contentStyles,\n      children,\n      qa,\n      mods,\n      styles,\n      ...otherProps\n    } = props;\n\n    const groupState = useDisclosureGroupState({\n      allowsMultipleExpanded,\n      expandedKeys,\n      defaultExpandedKeys,\n      onExpandedChange,\n      isDisabled,\n    });\n\n    const contextValue = useMemo<DisclosureGroupContextValue>(\n      () => ({\n        groupState,\n        triggerProps,\n        contentStyles,\n      }),\n      [groupState, triggerProps, contentStyles],\n    );\n\n    const outerStyles = extractStyles(otherProps, OUTER_STYLES);\n\n    const finalStyles = useMemo<Styles>(\n      () => ({\n        ...outerStyles,\n        ...styles,\n      }),\n      [outerStyles, styles],\n    );\n\n    return (\n      <DisclosureGroupContext.Provider value={contextValue}>\n        <GroupRoot ref={ref} qa={qa} mods={mods} styles={finalStyles}>\n          {children}\n        </GroupRoot>\n      </DisclosureGroupContext.Provider>\n    );\n  },\n);\n\n// ============================================================================\n// Disclosure.Item Component\n// ============================================================================\n\nconst DisclosureItem = forwardRef<HTMLDivElement, CubeDisclosureItemProps>(\n  function DisclosureItem(props, ref) {\n    const {\n      id: providedId,\n      children,\n      isDisabled: itemDisabled = false,\n      isExpanded: controlledIsExpanded,\n      defaultExpanded,\n      onExpandedChange,\n      shape = 'default',\n      qa,\n      mods,\n      styles,\n      ...otherProps\n    } = props;\n\n    const defaultId = useId();\n    const id = providedId ?? defaultId;\n\n    const groupContext = useDisclosureGroupContext();\n    const panelRef = useRef<HTMLDivElement>(null);\n\n    // Determine if disabled from group or item\n    const isDisabled =\n      itemDisabled || groupContext?.groupState?.isDisabled || false;\n\n    // Determine expanded state from group or local props\n    const groupIsExpanded = groupContext\n      ? groupContext.groupState.expandedKeys.has(id)\n      : undefined;\n\n    // When disabled, force expanded to false\n    const effectiveIsExpanded = isDisabled\n      ? false\n      : groupIsExpanded ?? controlledIsExpanded;\n\n    const state = useDisclosureState({\n      isExpanded: effectiveIsExpanded,\n      defaultExpanded: isDisabled ? false : defaultExpanded,\n      onExpandedChange(expanded) {\n        if (isDisabled) return;\n\n        if (groupContext) {\n          groupContext.groupState.toggleKey(id);\n        }\n        onExpandedChange?.(expanded);\n      },\n    });\n\n    // When disabled, override state.isExpanded to false\n    const isExpanded = isDisabled ? false : state.isExpanded;\n\n    const { buttonProps, panelProps } = useDisclosure(\n      {\n        isExpanded,\n        isDisabled,\n      },\n      state,\n      panelRef,\n    );\n\n    const contextValue = useMemo<DisclosureContextValue>(\n      () => ({\n        state,\n        buttonProps,\n        panelProps,\n        panelRef,\n        isDisabled,\n        isExpanded,\n        shape,\n        transitionDuration: undefined,\n        triggerProps: groupContext?.triggerProps,\n        contentStyles: groupContext?.contentStyles,\n      }),\n      [\n        state,\n        buttonProps,\n        panelProps,\n        isDisabled,\n        isExpanded,\n        shape,\n        groupContext?.triggerProps,\n        groupContext?.contentStyles,\n      ],\n    );\n\n    const outerStyles = extractStyles(otherProps, OUTER_STYLES);\n\n    const finalStyles = useMemo<Styles>(\n      () => ({\n        ...outerStyles,\n        ...styles,\n      }),\n      [outerStyles, styles],\n    );\n\n    const finalMods = useMemo(\n      () => ({\n        expanded: isExpanded,\n        disabled: isDisabled,\n        shape,\n        ...mods,\n      }),\n      [isExpanded, isDisabled, shape, mods],\n    );\n\n    return (\n      <DisclosureContext.Provider value={contextValue}>\n        <DisclosureRoot\n          ref={ref}\n          qa={qa}\n          mods={finalMods}\n          styles={finalStyles}\n          data-key={id}\n        >\n          {children}\n        </DisclosureRoot>\n      </DisclosureContext.Provider>\n    );\n  },\n);\n\n// ============================================================================\n// Compound Component Export\n// ============================================================================\n\nconst _Disclosure = Object.assign(DisclosureComponent, {\n  Trigger: DisclosureTrigger,\n  Content: DisclosureContent,\n  Group: DisclosureGroup,\n  Item: DisclosureItem,\n});\n\nexport { _Disclosure as Disclosure };\nexport type {\n  CubeDisclosureProps as DisclosureProps,\n  CubeDisclosureTriggerProps as DisclosureTriggerProps,\n  CubeDisclosureContentProps as DisclosureContentProps,\n  CubeDisclosureGroupProps as DisclosureGroupProps,\n  CubeDisclosureItemProps as DisclosureItemProps,\n};\n"],"mappings":"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"}

package/dist/components/content/Divider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { BASE_STYLES, COLOR_STYLES, OUTER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/content/Footer.js

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

package/dist/components/content/Header.js

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

package/dist/components/content/HotKeys/HotKeys.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { _Text } from "../Text.js";
 import { useKeySymbols } from "../../../utils/react/useKeySymbols.js";

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

@@ -1,7 +1,9 @@
 
+import { AutoTooltipValue } from "../use-auto-tooltip.js";
 import { BaseProps, BlockStyleProps, ColorStyleProps, OuterStyleProps, Styles } from "@tenphi/tasty";
 import * as react from "react";
 import { ReactNode } from "react";
+import { OverlayProps } from "react-aria";
 
 //#region src/components/content/InlineInput/InlineInput.d.ts
 type CubeInlineInputEditTrigger = 'dblclick' | 'click' | 'none';
@@ -35,6 +37,17 @@ interface CubeInlineInputProps extends BaseProps, BlockStyleProps, OuterStylePro
   onCancel?: () => void;
   /** How edit mode is activated from the display element. Default: `'dblclick'`. */
   editTrigger?: CubeInlineInputEditTrigger;
+  /**
+   * When true (default) the display element is keyboard-focusable and
+   * responds to `Enter`, `F2` and `Space` by entering edit mode. Set to
+   * `false` when a host (e.g. an editable tab inside a button) already
+   * routes keyboard activation through `ref.startEditing()` — exposing the
+   * display element as a separate tab stop would create a nested keyboard
+   * focus inside the host.
+   *
+   * @default true
+   */
+  keyboardActivation?: boolean;
   /** Whether to submit when focus leaves the input. Default: `true`. */
   submitOnBlur?: boolean;
   /** Whether to trim the value on submit. Default: `true`. */
@@ -53,6 +66,18 @@ interface CubeInlineInputProps extends BaseProps, BlockStyleProps, OuterStylePro
   'aria-label'?: string;
   /** ARIA labelledby for the input. */
   'aria-labelledby'?: string;
+  /**
+   * Tooltip behaviour for the display value:
+   * - `true` (default): auto-tooltip — show the full value when the text is truncated.
+   * - `false`: never show a tooltip.
+   * - `string`: always show this tooltip text.
+   * - object: full `TooltipProvider` configuration (with optional `auto`).
+   *
+   * The tooltip is automatically suppressed while editing and when `renderDisplay` is used.
+   */
+  tooltip?: AutoTooltipValue;
+  /** Default tooltip placement. @default 'top' */
+  tooltipPlacement?: OverlayProps['placement'];
   /** Convenience prop for styling the `Input` sub-element. Merged into `styles.Input`. */
   inputStyles?: Styles;
 }

package/dist/components/content/InlineInput/InlineInput.js

@@ -1,7 +1,8 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-57f1bfe | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-ffc66c6 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
+import { useAutoTooltip } from "../use-auto-tooltip.js";
 import { BLOCK_STYLES, COLOR_STYLES, OUTER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -12,9 +13,19 @@ import { useControlledState } from "@react-stately/utils";
 const InlineInputRoot = tasty({
 	as: "span",
 	styles: {
-		display: "inline-flex",
+		display: "inline-block",
 		verticalAlign: "baseline",
 		position: "relative",
+		maxWidth: "100%",
+		whiteSpace: {
+			"": "nowrap",
+			editing: "normal"
+		},
+		overflow: {
+			"": "hidden",
+			editing: "visible"
+		},
+		textOverflow: "ellipsis",
 		color: "inherit",
 		preset: "inherit",
 		cursor: {
@@ -63,7 +74,7 @@ const STYLE_PROPS = [
 * works regardless of `editTrigger`.
 */
 const InlineInput = forwardRef(function InlineInput(allProps, ref) {
-	const { value: valueProp, defaultValue, onChange, isEditing: isEditingProp, defaultIsEditing, onEditingChange, onSubmit, onCancel, editTrigger = "dblclick", submitOnBlur = true, trimOnSubmit = true, allowEmpty = false, isDisabled = false, isReadOnly = false, placeholder, renderDisplay, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, qa, qaVal, styles: stylesProp, inputStyles, mods: customMods, tokens: customTokens, ...otherProps } = allProps;
+	const { value: valueProp, defaultValue, onChange, isEditing: isEditingProp, defaultIsEditing, onEditingChange, onSubmit, onCancel, editTrigger = "dblclick", keyboardActivation = true, submitOnBlur = true, trimOnSubmit = true, allowEmpty = false, isDisabled = false, isReadOnly = false, placeholder, renderDisplay, tooltip = true, tooltipPlacement = "top", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, qa, qaVal, styles: stylesProp, inputStyles, mods: customMods, tokens: customTokens, ...otherProps } = allProps;
 	const isControlled = valueProp !== void 0;
 	const inputRef = useRef(null);
 	const measureRef = useRef(null);
@@ -76,7 +87,9 @@ const InlineInput = forwardRef(function InlineInput(allProps, ref) {
 	const [inputWidth, setInputWidth] = useState(null);
 	const submitTokenRef = useRef(0);
 	const isEditingRef = useRef(isEditing);
-	isEditingRef.current = isEditing;
+	useLayoutEffect(() => {
+		isEditingRef.current = isEditing;
+	}, [isEditing]);
 	useEffect(() => {
 		setOptimisticValue(null);
 	}, [value]);
@@ -154,26 +167,31 @@ const InlineInput = forwardRef(function InlineInput(allProps, ref) {
 		}
 	});
 	const handleDblClick = useEvent((e) => {
-		if (editTrigger !== "dblclick") return;
 		e.preventDefault();
 		e.stopPropagation();
 		enterEditing();
 	});
 	const handleClick = useEvent((e) => {
-		if (editTrigger !== "click") return;
 		e.preventDefault();
 		e.stopPropagation();
 		enterEditing();
 	});
+	const handleRootKeyDown = useEvent((e) => {
+		if (e.key === "Enter" || e.key === "F2" || e.key === " ") {
+			e.preventDefault();
+			e.stopPropagation();
+			enterEditing();
+		}
+	});
 	useImperativeHandle(ref, () => ({
 		startEditing: () => enterEditing(),
 		stopEditing: (submit = true) => {
-			if (!isEditing) return;
+			if (!isEditingRef.current) return;
 			if (submit) commit(draft);
 			else cancel();
 		},
 		focus: () => {
-			if (isEditing) inputRef.current?.focus();
+			if (isEditingRef.current) inputRef.current?.focus();
 			else rootRef.current?.focus();
 		},
 		getValue: () => displayedValue
@@ -182,8 +200,7 @@ const InlineInput = forwardRef(function InlineInput(allProps, ref) {
 		commit,
 		cancel,
 		draft,
-		displayedValue,
-		isEditing
+		displayedValue
 	]);
 	const isEditable = editTrigger !== "none" && !isDisabled && !isReadOnly;
 	const mods = useMemo(() => ({
@@ -222,41 +239,68 @@ const InlineInput = forwardRef(function InlineInput(allProps, ref) {
 		children: placeholder
 	}) : "");
 	const baseProps = filterBaseProps(otherProps, { eventProps: true });
-	return /* @__PURE__ */ jsx(InlineInputRoot, {
-		ref: rootRef,
-		qa: qa ?? "InlineInput",
-		qaVal,
-		mods,
-		tokens,
-		styles: extractedStyles,
-		...mergeProps$1(baseProps, focusWithinProps, {
-			onDoubleClick: isEditing ? void 0 : handleDblClick,
-			onClick: isEditing ? void 0 : handleClick
-		}),
-		children: isEditing ? /* @__PURE__ */ jsxs(FocusScope, {
-			autoFocus: true,
-			restoreFocus: false,
-			contain: false,
-			children: [/* @__PURE__ */ jsx("span", {
-				ref: measureRef,
-				"data-element": "Measure",
-				"aria-hidden": "true",
-				children: draft || placeholder || " "
-			}), /* @__PURE__ */ jsx("input", {
-				ref: inputRef,
-				"data-element": "Input",
-				type: "text",
-				value: draft,
-				placeholder,
-				disabled: isDisabled,
-				readOnly: isReadOnly,
-				"aria-label": ariaLabel,
-				"aria-labelledby": ariaLabelledby,
-				onChange: handleInputChange,
-				onKeyDown: handleKeyDown
-			})]
-		}) : displayContent
+	const { labelRef: tooltipLabelRef, renderWithTooltip } = useAutoTooltip({
+		tooltip: isEditing || renderDisplay ? false : tooltip,
+		children: displayedValue
 	});
+	const wantsClick = !isEditing && isEditable && editTrigger === "click";
+	const wantsDblClick = !isEditing && isEditable && editTrigger === "dblclick";
+	const wantsKeyboard = !isEditing && isEditable && keyboardActivation;
+	const renderRoot = (triggerProps, tooltipRef) => {
+		const handleRootRef = (element) => {
+			rootRef.current = element;
+			if (tooltipRef) tooltipRef.current = element;
+			tooltipLabelRef(element);
+		};
+		const a11yProps = {};
+		if (wantsKeyboard) {
+			a11yProps.tabIndex = 0;
+			a11yProps.role = "button";
+			a11yProps["aria-roledescription"] = "editable text";
+			if (ariaLabel) a11yProps["aria-label"] = ariaLabel;
+			if (ariaLabelledby) a11yProps["aria-labelledby"] = ariaLabelledby;
+		}
+		if (isDisabled) a11yProps["aria-disabled"] = true;
+		if (isReadOnly) a11yProps["aria-readonly"] = true;
+		return /* @__PURE__ */ jsx(InlineInputRoot, {
+			ref: handleRootRef,
+			qa: qa ?? "InlineInput",
+			qaVal,
+			mods,
+			tokens,
+			styles: extractedStyles,
+			...mergeProps$1(baseProps, focusWithinProps, triggerProps ?? {}, {
+				onDoubleClick: wantsDblClick ? handleDblClick : void 0,
+				onClick: wantsClick ? handleClick : void 0,
+				onKeyDown: wantsKeyboard ? handleRootKeyDown : void 0,
+				...a11yProps
+			}),
+			children: isEditing ? /* @__PURE__ */ jsxs(FocusScope, {
+				autoFocus: true,
+				restoreFocus: false,
+				contain: false,
+				children: [/* @__PURE__ */ jsx("span", {
+					ref: measureRef,
+					"data-element": "Measure",
+					"aria-hidden": "true",
+					children: draft || placeholder || " "
+				}), /* @__PURE__ */ jsx("input", {
+					ref: inputRef,
+					"data-element": "Input",
+					type: "text",
+					value: draft,
+					placeholder,
+					disabled: isDisabled,
+					readOnly: isReadOnly,
+					"aria-label": ariaLabel,
+					"aria-labelledby": ariaLabelledby,
+					onChange: handleInputChange,
+					onKeyDown: handleKeyDown
+				})]
+			}) : displayContent
+		});
+	};
+	return renderWithTooltip(renderRoot, tooltipPlacement);
 });
 
 //#endregion