@cube-dev/ui-kit 0.187.2 → 0.189.0

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","names":["tasty","ForwardedRef","forwardRef","THEMES","CubeAlertProps","useAlert","AlertElement","name","role","qa","styles","display","flow","radius","padding","preset","color","disabled","fill","Object","keys","reduce","map","type","border","Alert","props","ref","$","_c","mods","filteredProps","t0"],"sources":["../../../../src/components/content/Alert/Alert.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef } from 'react';\n\nimport THEMES from '../../../data/themes';\n\nimport { CubeAlertProps } from './types';\nimport { useAlert } from './use-alert';\n\nconst AlertElement = tasty({\n  name: 'Alert',\n  role: 'alert',\n  qa: 'Alert',\n  styles: {\n    display: 'block',\n    flow: 'column',\n    radius: {\n      '': '1cr',\n      'shape=sharp': '0',\n    },\n    padding: '1.5x',\n    preset: 't3',\n    color: {\n      '': '#dark-02',\n      'type=disabled': THEMES.disabled.color,\n    },\n    fill: {\n      '': '#clear',\n      ...Object.keys(THEMES).reduce((map, type) => {\n        map[`type=${type}`] = THEMES[type].fill;\n\n        return map;\n      }, {}),\n    },\n    border: {\n      '': '#clear',\n      ...Object.keys(THEMES).reduce((map, type) => {\n        map[`type=${type}`] = THEMES[type].border;\n\n        return map;\n      }, {}),\n      'shape=sharp': '0',\n    },\n  },\n});\n\nexport const Alert = forwardRef(function Alert(\n  props: CubeAlertProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { styles, mods, filteredProps } = useAlert(props);\n\n  return (\n    <AlertElement {...filteredProps} ref={ref} mods={mods} styles={styles} />\n  );\n});\n"],"mappings":";;;;;;;;;AAQA,MAAMM,eAAeN,MAAM;CACzBO,MAAM;CACNC,MAAM;CACNC,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,QAAQ;GACN,IAAI;GACJ,eAAe;GAChB;EACDC,SAAS;EACTC,QAAQ;EACRC,OAAO;GACL,IAAI;GACJ,iBAAiBb,eAAOc,SAASD;GAClC;EACDE,MAAM;GACJ,IAAI;GACJ,GAAGC,OAAOC,KAAKjB,eAAO,CAACkB,QAAQC,KAAKC,SAAS;AAC3CD,QAAI,QAAQC,UAAUpB,eAAOoB,MAAML;AAEnC,WAAOI;MACN,EAAE,CAAA;GACN;EACDE,QAAQ;GACN,IAAI;GACJ,GAAGL,OAAOC,KAAKjB,eAAO,CAACkB,QAAQC,KAAKC,SAAS;AAC3CD,QAAI,QAAQC,UAAUpB,eAAOoB,MAAMC;AAEnC,WAAOF;MACN,EAAE,CAAC;GACN,eAAe;GACjB;EACF;CACD,CAAC;AAEF,MAAaG,QAAQvB,WAAW,SAAAuB,MAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAI9B,MAAA,EAAAnB,QAAAoB,MAAAC,kBAAwC1B,SAASqB,MAAM;CAAC,IAAAM;AAAA,KAAAJ,EAAA,OAAAG,iBAAAH,EAAA,OAAAE,QAAAF,EAAA,OAAAD,OAAAC,EAAA,OAAAlB,QAAA;AAGtDsB,OAAA,oBAAC;GAAY,GAAKD;GAAoBJ;GAAWG;GAAcpB;IAAU;AAAAkB,IAAA,KAAAG;AAAAH,IAAA,KAAAE;AAAAF,IAAA,KAAAD;AAAAC,IAAA,KAAAlB;AAAAkB,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;AAAA,QAAzEI;EAEF"}
+{"version":3,"file":"Alert.js","names":["tasty","ForwardedRef","forwardRef","THEMES","CubeAlertProps","useAlert","AlertElement","name","role","qa","styles","display","flow","radius","padding","preset","color","disabled","fill","Object","keys","reduce","map","type","border","Alert","props","ref","$","_c","mods","filteredProps","t0"],"sources":["../../../../src/components/content/Alert/Alert.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef } from 'react';\n\nimport THEMES from '../../../data/themes';\n\nimport { CubeAlertProps } from './types';\nimport { useAlert } from './use-alert';\n\nconst AlertElement = tasty({\n  name: 'Alert',\n  role: 'alert',\n  qa: 'Alert',\n  styles: {\n    display: 'block',\n    flow: 'column',\n    radius: {\n      '': '1cr',\n      'shape=sharp': '0',\n    },\n    padding: '1.5x',\n    preset: 't3',\n    color: {\n      '': '#dark-02',\n      'type=disabled': THEMES.disabled.color,\n    },\n    fill: {\n      '': '#clear',\n      // eslint-disable-next-line tasty/no-style-spread -- per-theme fill states generated from THEMES\n      ...Object.keys(THEMES).reduce((map, type) => {\n        map[`type=${type}`] = THEMES[type].fill;\n\n        return map;\n      }, {}),\n    },\n    border: {\n      '': '#clear',\n      // eslint-disable-next-line tasty/no-style-spread -- per-theme border states generated from THEMES\n      ...Object.keys(THEMES).reduce((map, type) => {\n        map[`type=${type}`] = THEMES[type].border;\n\n        return map;\n      }, {}),\n      'shape=sharp': '0',\n    },\n  },\n});\n\nexport const Alert = forwardRef(function Alert(\n  props: CubeAlertProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { styles, mods, filteredProps } = useAlert(props);\n\n  return (\n    <AlertElement {...filteredProps} ref={ref} mods={mods} styles={styles} />\n  );\n});\n"],"mappings":";;;;;;;;;AAQA,MAAMM,eAAeN,MAAM;CACzBO,MAAM;CACNC,MAAM;CACNC,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,QAAQ;GACN,IAAI;GACJ,eAAe;GAChB;EACDC,SAAS;EACTC,QAAQ;EACRC,OAAO;GACL,IAAI;GACJ,iBAAiBb,eAAOc,SAASD;GAClC;EACDE,MAAM;GACJ,IAAI;GAEJ,GAAGC,OAAOC,KAAKjB,eAAO,CAACkB,QAAQC,KAAKC,SAAS;AAC3CD,QAAI,QAAQC,UAAUpB,eAAOoB,MAAML;AAEnC,WAAOI;MACN,EAAE,CAAA;GACN;EACDE,QAAQ;GACN,IAAI;GAEJ,GAAGL,OAAOC,KAAKjB,eAAO,CAACkB,QAAQC,KAAKC,SAAS;AAC3CD,QAAI,QAAQC,UAAUpB,eAAOoB,MAAMC;AAEnC,WAAOF;MACN,EAAE,CAAC;GACN,eAAe;GACjB;EACF;CACD,CAAC;AAEF,MAAaG,QAAQvB,WAAW,SAAAuB,MAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAI9B,MAAA,EAAAnB,QAAAoB,MAAAC,kBAAwC1B,SAASqB,MAAM;CAAC,IAAAM;AAAA,KAAAJ,EAAA,OAAAG,iBAAAH,EAAA,OAAAE,QAAAF,EAAA,OAAAD,OAAAC,EAAA,OAAAlB,QAAA;AAGtDsB,OAAA,oBAAC;GAAY,GAAKD;GAAoBJ;GAAWG;GAAcpB;IAAU;AAAAkB,IAAA,KAAAG;AAAAH,IAAA,KAAAE;AAAAF,IAAA,KAAAD;AAAAC,IAAA,KAAAlB;AAAAkB,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;AAAA,QAAzEI;EAEF"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useDeprecationWarning } from "../../../_internal/hooks/use-deprecation-warning.js";
 import { c } from "react-compiler-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, Element, filterBaseProps } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { _Item } from "../Item/Item.js";
 import themes_default from "../../../data/themes.js";
 import { c } from "react-compiler-runtime";

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","names":["tasty","forwardRef","THEMES","CubeItemProps","Item","FILL_STYLES","Object","keys","reduce","map","type","fill","color","BadgeElement","qa","role","size","styles","radius","preset","border","Label","textAlign","placeSelf","CubeBadgeProps","theme","Badge","allProps","ref","$","_c","children","props","t0","t1","undefined","badgeTheme","t2","_Badge","displayName"],"sources":["../../../../src/components/content/Badge/Badge.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport THEMES from '../../../data/themes';\nimport { CubeItemProps, Item } from '../Item';\n\nconst FILL_STYLES = Object.keys(THEMES).reduce((map, type) => {\n  map[`theme=${type}`] =\n    type === 'special' ? THEMES[type].fill : THEMES[type].color;\n\n  return map;\n}, {});\n\nconst BadgeElement = tasty(Item, {\n  qa: 'Badge',\n  role: 'status',\n  size: 'inline',\n  styles: {\n    radius: 'round',\n    color: {\n      '': '#white',\n      // Every other theme fills with a fixed accent; `disabled` fills with the\n      // adaptive `#surface-text-soft-2`, which turns light in dark, so its label\n      // flips with it (a fixed `#white` fell to 3.59:1 there).\n      'theme=disabled': '#surface',\n    },\n    fill: {\n      '': '#primary',\n      ...FILL_STYLES,\n    },\n    preset: {\n      '': 'tag',\n      'size=xsmall': 't4',\n      'size=small | size=medium': 't3',\n      'size=large | size=xlarge': 't2',\n    },\n    border: {\n      // extend\n      'type=primary': '#clear',\n    },\n\n    '$inline-padding': {\n      '': 'max($min-inline-padding, (($size - 1lh - 2bw) / 2 + $inline-compensation))',\n      'size=inline': '.5x',\n    },\n\n    Label: {\n      textAlign: 'center',\n      placeSelf: 'center',\n    },\n  },\n});\n\nexport interface CubeBadgeProps extends CubeItemProps {\n  /* @deprecated Use theme instead */\n  type?: keyof typeof THEMES | string;\n  theme?: keyof typeof THEMES | string;\n}\n\nfunction Badge(allProps: CubeBadgeProps, ref) {\n  let {\n    type,\n    theme = 'special',\n    children,\n    size = 'inline',\n    ...props\n  } = allProps;\n\n  const badgeTheme = theme ?? type;\n\n  return (\n    <BadgeElement\n      ref={ref}\n      size={size}\n      data-type=\"primary\"\n      data-theme={badgeTheme}\n      {...props}\n    >\n      {children}\n    </BadgeElement>\n  );\n}\n\nconst _Badge = forwardRef(Badge);\n\n_Badge.displayName = 'Badge';\n\nexport { _Badge as Badge };\n"],"mappings":";;;;;;;;;AAMA,MAAMK,cAAcC,OAAOC,KAAKL,eAAO,CAACM,QAAQC,KAAKC,SAAS;AAC5DD,KAAI,SAASC,UACXA,SAAS,YAAYR,eAAOQ,MAAMC,OAAOT,eAAOQ,MAAME;AAExD,QAAOH;GACN,EAAE,CAAC;AAEN,MAAMI,eAAeb,MAAMI,OAAM;CAC/BU,IAAI;CACJC,MAAM;CACNC,MAAM;CACNC,QAAQ;EACNC,QAAQ;EACRN,OAAO;GACL,IAAI;GAIJ,kBAAkB;GACnB;EACDD,MAAM;GACJ,IAAI;GACJ,GAAGN;GACJ;EACDc,QAAQ;GACN,IAAI;GACJ,eAAe;GACf,4BAA4B;GAC5B,4BAA4B;GAC7B;EACDC,QAAQ,EAEN,gBAAgB,UACjB;EAED,mBAAmB;GACjB,IAAI;GACJ,eAAe;GAChB;EAEDC,OAAO;GACLC,WAAW;GACXC,WAAW;GACb;EACF;CACD,CAAC;AAQF,SAAAG,MAAAC,UAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAxB;AAAA,KAAAmB,EAAA,OAAAF,UAAA;AACE,GAAA,CAAAjB,MAAAe,OAAAQ,IAAAF,UAAAf,MAAAkB,OAAAF,SAMIL;AAASE,IAAA,KAAAF;AAAAE,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;AAAAL,IAAA,KAAAnB;QAAA;AAAAqB,aAAAF,EAAA;AAAAG,UAAAH,EAAA;AAAAI,OAAAJ,EAAA;AAAAK,OAAAL,EAAA;AAAAnB,SAAAmB,EAAA;;CAJX,MAAAJ,QAAAQ,OAAAE,SAAA,YAAAF;CAEA,MAAAjB,OAAAkB,OAAAC,SAAA,WAAAD;CAIF,MAAAE,aAAmBX,SAAAf;CAAc,IAAA2B;AAAA,KAAAR,EAAA,OAAAO,cAAAP,EAAA,OAAAE,YAAAF,EAAA,OAAAG,SAAAH,EAAA,OAAAD,OAAAC,EAAA,QAAAb,MAAA;AAG/BqB,OAAA,oBAAC;GACMT;GACCZ;GACI,aAAA;GACEoB,cAAAA;GAAU,GAClBJ;GAEHD;IACY;AAAAF,IAAA,KAAAO;AAAAP,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAD;AAAAC,IAAA,MAAAb;AAAAa,IAAA,MAAAQ;OAAAA,MAAAR,EAAA;AAAA,QARfQ;;AAYJ,MAAMC,SAASrC,WAAWyB,MAAM;AAEhCY,OAAOC,cAAc"}
+{"version":3,"file":"Badge.js","names":["tasty","forwardRef","THEMES","CubeItemProps","Item","FILL_STYLES","Object","keys","reduce","map","type","fill","color","BadgeElement","qa","role","size","styles","radius","preset","border","Label","textAlign","placeSelf","CubeBadgeProps","theme","Badge","allProps","ref","$","_c","children","props","t0","t1","undefined","badgeTheme","t2","_Badge","displayName"],"sources":["../../../../src/components/content/Badge/Badge.tsx"],"sourcesContent":["import { tasty } from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport THEMES from '../../../data/themes';\nimport { CubeItemProps, Item } from '../Item';\n\nconst FILL_STYLES = Object.keys(THEMES).reduce((map, type) => {\n  map[`theme=${type}`] =\n    type === 'special' ? THEMES[type].fill : THEMES[type].color;\n\n  return map;\n}, {});\n\nconst BadgeElement = tasty(Item, {\n  qa: 'Badge',\n  role: 'status',\n  size: 'inline',\n  styles: {\n    radius: 'round',\n    color: {\n      '': '#white',\n      // Every other theme fills with a fixed accent; `disabled` fills with the\n      // adaptive `#surface-text-soft-2`, which turns light in dark, so its label\n      // flips with it (a fixed `#white` fell to 3.59:1 there).\n      'theme=disabled': '#surface',\n    },\n    fill: {\n      '': '#primary',\n      // eslint-disable-next-line tasty/no-style-spread -- per-theme fill states generated from THEMES\n      ...FILL_STYLES,\n    },\n    preset: {\n      '': 'tag',\n      'size=xsmall': 't4',\n      'size=small | size=medium': 't3',\n      'size=large | size=xlarge': 't2',\n    },\n    border: {\n      // extend\n      'type=primary': '#clear',\n    },\n\n    '$inline-padding': {\n      '': 'max($min-inline-padding, (($size - 1lh - 2bw) / 2 + $inline-compensation))',\n      'size=inline': '.5x',\n    },\n\n    Label: {\n      textAlign: 'center',\n      placeSelf: 'center',\n    },\n  },\n});\n\nexport interface CubeBadgeProps extends CubeItemProps {\n  /* @deprecated Use theme instead */\n  type?: keyof typeof THEMES | string;\n  theme?: keyof typeof THEMES | string;\n}\n\nfunction Badge(allProps: CubeBadgeProps, ref) {\n  let {\n    type,\n    theme = 'special',\n    children,\n    size = 'inline',\n    ...props\n  } = allProps;\n\n  const badgeTheme = theme ?? type;\n\n  return (\n    <BadgeElement\n      ref={ref}\n      size={size}\n      data-type=\"primary\"\n      data-theme={badgeTheme}\n      {...props}\n    >\n      {children}\n    </BadgeElement>\n  );\n}\n\nconst _Badge = forwardRef(Badge);\n\n_Badge.displayName = 'Badge';\n\nexport { _Badge as Badge };\n"],"mappings":";;;;;;;;;AAMA,MAAMK,cAAcC,OAAOC,KAAKL,eAAO,CAACM,QAAQC,KAAKC,SAAS;AAC5DD,KAAI,SAASC,UACXA,SAAS,YAAYR,eAAOQ,MAAMC,OAAOT,eAAOQ,MAAME;AAExD,QAAOH;GACN,EAAE,CAAC;AAEN,MAAMI,eAAeb,MAAMI,OAAM;CAC/BU,IAAI;CACJC,MAAM;CACNC,MAAM;CACNC,QAAQ;EACNC,QAAQ;EACRN,OAAO;GACL,IAAI;GAIJ,kBAAkB;GACnB;EACDD,MAAM;GACJ,IAAI;GAEJ,GAAGN;GACJ;EACDc,QAAQ;GACN,IAAI;GACJ,eAAe;GACf,4BAA4B;GAC5B,4BAA4B;GAC7B;EACDC,QAAQ,EAEN,gBAAgB,UACjB;EAED,mBAAmB;GACjB,IAAI;GACJ,eAAe;GAChB;EAEDC,OAAO;GACLC,WAAW;GACXC,WAAW;GACb;EACF;CACD,CAAC;AAQF,SAAAG,MAAAC,UAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAxB;AAAA,KAAAmB,EAAA,OAAAF,UAAA;AACE,GAAA,CAAAjB,MAAAe,OAAAQ,IAAAF,UAAAf,MAAAkB,OAAAF,SAMIL;AAASE,IAAA,KAAAF;AAAAE,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAI;AAAAJ,IAAA,KAAAK;AAAAL,IAAA,KAAAnB;QAAA;AAAAqB,aAAAF,EAAA;AAAAG,UAAAH,EAAA;AAAAI,OAAAJ,EAAA;AAAAK,OAAAL,EAAA;AAAAnB,SAAAmB,EAAA;;CAJX,MAAAJ,QAAAQ,OAAAE,SAAA,YAAAF;CAEA,MAAAjB,OAAAkB,OAAAC,SAAA,WAAAD;CAIF,MAAAE,aAAmBX,SAAAf;CAAc,IAAA2B;AAAA,KAAAR,EAAA,OAAAO,cAAAP,EAAA,OAAAE,YAAAF,EAAA,OAAAG,SAAAH,EAAA,OAAAD,OAAAC,EAAA,QAAAb,MAAA;AAG/BqB,OAAA,oBAAC;GACMT;GACCZ;GACI,aAAA;GACEoB,cAAAA;GAAU,GAClBJ;GAEHD;IACY;AAAAF,IAAA,KAAAO;AAAAP,IAAA,KAAAE;AAAAF,IAAA,KAAAG;AAAAH,IAAA,KAAAD;AAAAC,IAAA,MAAAb;AAAAa,IAAA,MAAAQ;OAAAA,MAAAR,EAAA;AAAA,QARfQ;;AAYJ,MAAMC,SAASrC,WAAWyB,MAAM;AAEhCY,OAAOC,cAAc"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { c } from "react-compiler-runtime";
 import { CONTAINER_STYLES, filterBaseProps, tasty } from "@tenphi/tasty";

package/dist/components/content/Content.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { c } from "react-compiler-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useTimer } from "../../../_internal/hooks/use-timer/use-timer.js";
 import { useI18n } from "../../../i18n/useI18n.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { _Tooltip } from "../../overlays/Tooltip/Tooltip.js";
 import { TooltipTrigger } from "../../overlays/Tooltip/TooltipTrigger.js";
 import { useI18n } from "../../../i18n/useI18n.js";

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

@@ -1,5 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
-import { extractStyles } from "../../../utils/styles.js";
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
+import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";
 import { RightIcon } from "../../../icons/RightIcon.js";
@@ -298,10 +298,7 @@ const DisclosureContent = forwardRef(function DisclosureContent(props, ref) {
 	const { panelProps, panelRef, isExpanded, transitionDuration, contentStyles } = useDisclosureContext();
 	let t0;
 	if ($[5] !== contentStyles || $[6] !== styles) {
-		t0 = {
-			...contentStyles,
-			...styles
-		};
+		t0 = mergeStyleLayers(contentStyles, styles);
 		$[5] = contentStyles;
 		$[6] = styles;
 		$[7] = t0;
@@ -363,7 +360,7 @@ const DisclosureContent = forwardRef(function DisclosureContent(props, ref) {
 	return t3;
 });
 const DisclosureGroup = forwardRef(function DisclosureGroup(props, ref) {
-	const $ = c(22);
+	const $ = c(19);
 	const { allowsMultipleExpanded: t0, expandedKeys, defaultExpandedKeys, onExpandedChange, isDisabled: t1, triggerProps, contentStyles, children, qa, mods, styles, ...otherProps } = props;
 	const allowsMultipleExpanded = t0 === void 0 ? false : t0;
 	const isDisabled = t1 === void 0 ? false : t1;
@@ -397,48 +394,37 @@ const DisclosureGroup = forwardRef(function DisclosureGroup(props, ref) {
 		$[9] = t3;
 	} else t3 = $[9];
 	const contextValue = t3;
-	const outerStyles = extractStyles(otherProps, OUTER_STYLES);
+	const finalStyles = mergeStyleLayers(extractStyles(otherProps, OUTER_STYLES), styles);
 	let t4;
-	if ($[10] !== outerStyles || $[11] !== styles) {
-		t4 = {
-			...outerStyles,
-			...styles
-		};
-		$[10] = outerStyles;
-		$[11] = styles;
-		$[12] = t4;
-	} else t4 = $[12];
-	const finalStyles = t4;
-	let t5;
-	if ($[13] !== children || $[14] !== finalStyles || $[15] !== mods || $[16] !== qa || $[17] !== ref) {
-		t5 = /* @__PURE__ */ jsx(GroupRoot, {
+	if ($[10] !== children || $[11] !== finalStyles || $[12] !== mods || $[13] !== qa || $[14] !== ref) {
+		t4 = /* @__PURE__ */ jsx(GroupRoot, {
 			ref,
 			qa,
 			mods,
 			styles: finalStyles,
 			children
 		});
-		$[13] = children;
-		$[14] = finalStyles;
-		$[15] = mods;
-		$[16] = qa;
-		$[17] = ref;
-		$[18] = t5;
-	} else t5 = $[18];
-	let t6;
-	if ($[19] !== contextValue || $[20] !== t5) {
-		t6 = /* @__PURE__ */ jsx(DisclosureGroupContext.Provider, {
+		$[10] = children;
+		$[11] = finalStyles;
+		$[12] = mods;
+		$[13] = qa;
+		$[14] = ref;
+		$[15] = t4;
+	} else t4 = $[15];
+	let t5;
+	if ($[16] !== contextValue || $[17] !== t4) {
+		t5 = /* @__PURE__ */ jsx(DisclosureGroupContext.Provider, {
 			value: contextValue,
-			children: t5
+			children: t4
 		});
-		$[19] = contextValue;
-		$[20] = t5;
-		$[21] = t6;
-	} else t6 = $[21];
-	return t6;
+		$[16] = contextValue;
+		$[17] = t4;
+		$[18] = t5;
+	} else t5 = $[18];
+	return t5;
 });
 const DisclosureItem = forwardRef(function DisclosureItem(props, ref) {
-	const $ = c(40);
+	const $ = c(37);
 	const { id: providedId, children, isDisabled: t0, isExpanded: controlledIsExpanded, defaultExpanded, onExpandedChange, shape: t1, qa, mods, styles, ...otherProps } = props;
 	const itemDisabled = t0 === void 0 ? false : t0;
 	const shape = t1 === void 0 ? "default" : t1;
@@ -517,36 +503,25 @@ const DisclosureItem = forwardRef(function DisclosureItem(props, ref) {
 		$[21] = t8;
 	} else t8 = $[21];
 	const contextValue = t8;
-	const outerStyles = extractStyles(otherProps, OUTER_STYLES);
+	const finalStyles = mergeStyleLayers(extractStyles(otherProps, OUTER_STYLES), styles);
 	let t9;
-	if ($[22] !== outerStyles || $[23] !== styles) {
+	if ($[22] !== isDisabled || $[23] !== isExpanded || $[24] !== mods || $[25] !== shape) {
 		t9 = {
-			...outerStyles,
-			...styles
-		};
-		$[22] = outerStyles;
-		$[23] = styles;
-		$[24] = t9;
-	} else t9 = $[24];
-	const finalStyles = t9;
-	let t10;
-	if ($[25] !== isDisabled || $[26] !== isExpanded || $[27] !== mods || $[28] !== shape) {
-		t10 = {
 			expanded: isExpanded,
 			disabled: isDisabled,
 			shape,
 			...mods
 		};
-		$[25] = isDisabled;
-		$[26] = isExpanded;
-		$[27] = mods;
-		$[28] = shape;
-		$[29] = t10;
-	} else t10 = $[29];
-	const finalMods = t10;
-	let t11;
-	if ($[30] !== children || $[31] !== finalMods || $[32] !== finalStyles || $[33] !== id || $[34] !== qa || $[35] !== ref) {
-		t11 = /* @__PURE__ */ jsx(DisclosureRoot, {
+		$[22] = isDisabled;
+		$[23] = isExpanded;
+		$[24] = mods;
+		$[25] = shape;
+		$[26] = t9;
+	} else t9 = $[26];
+	const finalMods = t9;
+	let t10;
+	if ($[27] !== children || $[28] !== finalMods || $[29] !== finalStyles || $[30] !== id || $[31] !== qa || $[32] !== ref) {
+		t10 = /* @__PURE__ */ jsx(DisclosureRoot, {
 			ref,
 			qa,
 			mods: finalMods,
@@ -554,25 +529,25 @@ const DisclosureItem = forwardRef(function DisclosureItem(props, ref) {
 			"data-key": id,
 			children
 		});
-		$[30] = children;
-		$[31] = finalMods;
-		$[32] = finalStyles;
-		$[33] = id;
-		$[34] = qa;
-		$[35] = ref;
-		$[36] = t11;
-	} else t11 = $[36];
-	let t12;
-	if ($[37] !== contextValue || $[38] !== t11) {
-		t12 = /* @__PURE__ */ jsx(DisclosureContext.Provider, {
+		$[27] = children;
+		$[28] = finalMods;
+		$[29] = finalStyles;
+		$[30] = id;
+		$[31] = qa;
+		$[32] = ref;
+		$[33] = t10;
+	} else t10 = $[33];
+	let t11;
+	if ($[34] !== contextValue || $[35] !== t10) {
+		t11 = /* @__PURE__ */ jsx(DisclosureContext.Provider, {
 			value: contextValue,
-			children: t11
+			children: t10
 		});
-		$[37] = contextValue;
-		$[38] = t11;
-		$[39] = t12;
-	} else t12 = $[39];
-	return t12;
+		$[34] = contextValue;
+		$[35] = t10;
+		$[36] = t11;
+	} else t11 = $[36];
+	return t11;
 });
 const _Disclosure = Object.assign(DisclosureComponent, {
 	Trigger: DisclosureTrigger,

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

@@ -1 +1 @@
-{"version":3,"file":"Disclosure.js","names":["BaseProps","BasePropsWithoutChildren","OUTER_STYLES","OuterStyleProps","Styles","tasty","createContext","forwardRef","Key","ReactNode","RefObject","useContext","useMemo","useRef","mergeProps","useDisclosure","useId","DisclosureGroupState","DisclosureState","useDisclosureGroupState","useDisclosureState","RightIcon","mergeRefs","extractStyles","CubeItemButtonProps","ItemButton","DisplayTransition","DisclosureStateContext","isExpanded","toggle","expand","collapse","DisclosureContextValue","state","buttonProps","Record","panelProps","panelRef","HTMLDivElement","isDisabled","shape","transitionDuration","triggerProps","Partial","contentStyles","DisclosureGroupContextValue","groupState","CubeDisclosureProps","defaultExpanded","onExpandedChange","children","CubeDisclosureTriggerProps","Omit","CubeDisclosureContentProps","CubeDisclosureGroupProps","allowsMultipleExpanded","expandedKeys","Iterable","defaultExpandedKeys","keys","Set","CubeDisclosureItemProps","id","DisclosureContext","DisclosureGroupContext","useDisclosureContext","context","Error","useDisclosureGroupContext","DisclosureRoot","qa","styles","display","flow","gap","position","width","border","radius","fill","ContentWrapperElement","overflow","interpolateSize","height","shown","transition","ContentElement","contentVisibility","GroupRoot","TriggerIcon","rotate","expanded","StyledTrigger","type","DisclosureComponent","Disclosure","props","ref","$","_c","controlledIsExpanded","t0","t1","mods","otherProps","undefined","groupContext","effectiveIsExpanded","t2","t3","t4","t5","t6","t7","t8","contextValue","stateContext","outerStyles","t9","disabled","finalMods","content","t10","tokens","t11","t12","DisclosureTrigger","HTMLButtonElement","icon","selected","defaultIcon","T0","DisclosureContent","mergedStyles","filteredPanelProps","hidden","phase","isShown","transitionRef","DisclosureGroup","finalStyles","DisclosureItem","providedId","itemDisabled","defaultId","has","groupIsExpanded","toggleKey","_Disclosure","Object","assign","Trigger","Content","Group","Item","DisclosureProps","DisclosureTriggerProps","DisclosureContentProps","DisclosureGroupProps","DisclosureItemProps"],"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/RightIcon';\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    // Flex and grid items get `min-width: auto`, which resolves to the\n    // min-content width of the panel — so a disclosure holding a code block or\n    // a table used to blow out of any flex/grid parent, and no amount of\n    // `flexShrink` could pull it back. The panel is already clipped by the\n    // wrapper's `overflow: hidden`, so opting out of that minimum is what lets\n    // the disclosure take its width from the parent.\n    width: 'min 0',\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    // Always visible: `content-visibility: auto` while height animates\n    // `0 → max-content` can leave the panel at 0px (children skipped for\n    // layout, so max-content resolves to 0). Collapsed content is already\n    // clipped via height:0 + overflow:hidden on the wrapper, and\n    // DisplayTransition unmounts when fully closed.\n    contentVisibility: 'visible',\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  'data-popover-keep': true,\n  styles: {\n    radius: {\n      '': '1r',\n      // Card shape: the trigger sits inside the bordered root, so it follows\n      // the root's inner radius and drops its bottom corners while open so the\n      // header reads as one surface with the panel below it.\n      'shape=card': '(1cr - 1bw)',\n      'expanded & shape=card': '(1cr - 1bw) top',\n      'shape=sharp': '0',\n    },\n    border: '#clear',\n    // `radius` on the disclosure timing so the corners un-round in step with\n    // the panel opening, and follow `transitionDuration` when it is set.\n    transition: 'theme, radius $disclosure-transition',\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: DisclosureStateContext = {\n      isExpanded,\n      toggle: state.toggle,\n      expand: state.expand,\n      collapse: state.collapse,\n    };\n\n    const outerStyles = extractStyles(otherProps, OUTER_STYLES);\n\n    const finalMods = {\n      expanded: isExpanded,\n      disabled: isDisabled,\n      shape,\n      ...mods,\n    };\n\n    const content =\n      typeof children === 'function' ? children(stateContext) : children;\n\n    // Declared on the root rather than the panel so both animations driven by\n    // it — the panel height and the trigger radius — share one duration.\n    const tokens =\n      transitionDuration != null\n        ? { '$disclosure-transition': `${transitionDuration}ms` }\n        : undefined;\n\n    return (\n      <DisclosureContext.Provider value={contextValue}>\n        <DisclosureRoot\n          ref={ref}\n          qa={qa}\n          mods={finalMods}\n          styles={outerStyles}\n          tokens={tokens}\n        >\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 = {\n    expanded: isExpanded,\n    disabled: isDisabled,\n    shape,\n    selected: false,\n    ...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: Styles = {\n    ...contentStyles,\n    ...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        >\n          <ContentElement\n            ref={mergeRefs(ref, panelRef)}\n            mods={{ ...mods, shown: isShown }}\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: Styles = {\n      ...outerStyles,\n      ...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: Styles = {\n      ...outerStyles,\n      ...styles,\n    };\n\n    const finalMods = {\n      expanded: isExpanded,\n      disabled: isDisabled,\n      shape,\n      ...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":["BaseProps","BasePropsWithoutChildren","OUTER_STYLES","OuterStyleProps","Styles","tasty","createContext","forwardRef","Key","ReactNode","RefObject","useContext","useMemo","useRef","mergeProps","useDisclosure","useId","DisclosureGroupState","DisclosureState","useDisclosureGroupState","useDisclosureState","RightIcon","mergeRefs","extractStyles","mergeStyleLayers","CubeItemButtonProps","ItemButton","DisplayTransition","DisclosureStateContext","isExpanded","toggle","expand","collapse","DisclosureContextValue","state","buttonProps","Record","panelProps","panelRef","HTMLDivElement","isDisabled","shape","transitionDuration","triggerProps","Partial","contentStyles","DisclosureGroupContextValue","groupState","CubeDisclosureProps","defaultExpanded","onExpandedChange","children","CubeDisclosureTriggerProps","Omit","CubeDisclosureContentProps","CubeDisclosureGroupProps","allowsMultipleExpanded","expandedKeys","Iterable","defaultExpandedKeys","keys","Set","CubeDisclosureItemProps","id","DisclosureContext","DisclosureGroupContext","useDisclosureContext","context","Error","useDisclosureGroupContext","DisclosureRoot","qa","styles","display","flow","gap","position","width","border","radius","fill","ContentWrapperElement","overflow","interpolateSize","height","shown","transition","ContentElement","contentVisibility","GroupRoot","TriggerIcon","rotate","expanded","StyledTrigger","type","DisclosureComponent","Disclosure","props","ref","$","_c","controlledIsExpanded","t0","t1","mods","otherProps","undefined","groupContext","effectiveIsExpanded","t2","t3","t4","t5","t6","t7","t8","contextValue","stateContext","outerStyles","t9","disabled","finalMods","content","t10","tokens","t11","t12","DisclosureTrigger","HTMLButtonElement","icon","selected","defaultIcon","T0","DisclosureContent","mergedStyles","filteredPanelProps","hidden","phase","isShown","transitionRef","DisclosureGroup","finalStyles","DisclosureItem","providedId","itemDisabled","defaultId","has","groupIsExpanded","toggleKey","_Disclosure","Object","assign","Trigger","Content","Group","Item","DisclosureProps","DisclosureTriggerProps","DisclosureContentProps","DisclosureGroupProps","DisclosureItemProps"],"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/RightIcon';\nimport { mergeRefs } from '../../../utils/react';\nimport { extractStyles, mergeStyleLayers } 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    // Flex and grid items get `min-width: auto`, which resolves to the\n    // min-content width of the panel — so a disclosure holding a code block or\n    // a table used to blow out of any flex/grid parent, and no amount of\n    // `flexShrink` could pull it back. The panel is already clipped by the\n    // wrapper's `overflow: hidden`, so opting out of that minimum is what lets\n    // the disclosure take its width from the parent.\n    width: 'min 0',\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    // Always visible: `content-visibility: auto` while height animates\n    // `0 → max-content` can leave the panel at 0px (children skipped for\n    // layout, so max-content resolves to 0). Collapsed content is already\n    // clipped via height:0 + overflow:hidden on the wrapper, and\n    // DisplayTransition unmounts when fully closed.\n    contentVisibility: 'visible',\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  'data-popover-keep': true,\n  styles: {\n    radius: {\n      '': '1r',\n      // Card shape: the trigger sits inside the bordered root, so it follows\n      // the root's inner radius and drops its bottom corners while open so the\n      // header reads as one surface with the panel below it.\n      'shape=card': '(1cr - 1bw)',\n      'expanded & shape=card': '(1cr - 1bw) top',\n      'shape=sharp': '0',\n    },\n    border: '#clear',\n    // `radius` on the disclosure timing so the corners un-round in step with\n    // the panel opening, and follow `transitionDuration` when it is set.\n    transition: 'theme, radius $disclosure-transition',\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: DisclosureStateContext = {\n      isExpanded,\n      toggle: state.toggle,\n      expand: state.expand,\n      collapse: state.collapse,\n    };\n\n    const outerStyles = extractStyles(otherProps, OUTER_STYLES);\n\n    const finalMods = {\n      expanded: isExpanded,\n      disabled: isDisabled,\n      shape,\n      ...mods,\n    };\n\n    const content =\n      typeof children === 'function' ? children(stateContext) : children;\n\n    // Declared on the root rather than the panel so both animations driven by\n    // it — the panel height and the trigger radius — share one duration.\n    const tokens =\n      transitionDuration != null\n        ? { '$disclosure-transition': `${transitionDuration}ms` }\n        : undefined;\n\n    return (\n      <DisclosureContext.Provider value={contextValue}>\n        <DisclosureRoot\n          ref={ref}\n          qa={qa}\n          mods={finalMods}\n          styles={outerStyles}\n          tokens={tokens}\n        >\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 = {\n    expanded: isExpanded,\n    disabled: isDisabled,\n    shape,\n    selected: false,\n    ...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  // The item's own `styles` over the group's shared `contentStyles`.\n  const mergedStyles = mergeStyleLayers(contentStyles, styles);\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        >\n          <ContentElement\n            ref={mergeRefs(ref, panelRef)}\n            mods={{ ...mods, shown: isShown }}\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 = mergeStyleLayers(outerStyles, styles);\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 = mergeStyleLayers(outerStyles, styles);\n\n    const finalMods = {\n      expanded: isExpanded,\n      disabled: isDisabled,\n      shape,\n      ...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":";;;;;;;;;;;;;;AAqIA,MAAMgE,oBAAoB1D,cAA6C,KAAK;AAC5E,MAAM2D,yBACJ3D,cAAkD,KAAK;AAEzD,SAAA4D,uBAAA;CACE,MAAAC,UAAgBxD,WAAWqD,kBAAkB;AAE7C,KAAI,CAACG,QACH,OAAM,IAAIC,MACR,6EACD;AACF,QAEMD;;AAGT,SAAAE,4BAAA;AAAA,QACS1D,WAAWsD,uBAAuB;;AAO3C,MAAMK,iBAAiBjE,MAAM;CAC3BkE,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,KAAK;EACLC,UAAU;EAOVC,OAAO;EACPC,QAAQ;GACN,IAAI;GACJ,cAAc;GACf;EACDC,QAAQ;GACN,IAAI;GACJ,cAAc;GACd,eAAe;GAChB;EACDC,MAAM;GACJ,IAAI;GACJ,cAAc;GAChB;EACF;CACD,CAAC;AAEF,MAAMC,wBAAwB5E,MAAM;CAClCkE,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTS,UAAU;EACVC,iBAAiB;EACjBC,QAAQ;GACN,IAAI;GACJC,OAAO;GACR;EACDC,YAAY;EACd;CACD,CAAC;AAEF,MAAMC,iBAAiBlF,MAAM;CAC3BkE,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,MAAM;EAMNc,mBAAmB;EACrB;CACD,CAAC;AAEF,MAAMC,YAAYpF,MAAM;CACtBkE,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,KAAK;EACP;CACD,CAAC;AAEF,MAAMe,cAAcrF,MAAMgB,WAAW,EACnCmD,QAAQ;CACNc,YAAY;CACZK,QAAQ;EACN,IAAI;EACJC,UAAU;EACZ;CACF,EACD,CAAC;AAEF,MAAMC,gBAAgBxF,MAAMqB,aAAY;CACtC6C,IAAI;CACJuB,MAAM;CACN,qBAAqB;CACrBtB,QAAQ;EACNO,QAAQ;GACN,IAAI;GAIJ,cAAc;GACd,yBAAyB;GACzB,eAAe;GAChB;EACDD,QAAQ;EAGRQ,YAAY;EACd;CACD,CAAC;AAMF,MAAMS,sBAAsBxF,WAC1B,SAAAyF,WAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACE,MAAA,EAAAvE,YAAAwE,sBAAApD,iBAAAC,kBAAAV,YAAA8D,IAAAnD,UAAAV,OAAA8D,IAAA7D,oBAAA6B,IAAAiC,MAAA,GAAAC,eAWIR;CAPF,MAAAzD,aAAA8D,OAAAI,SAAA,QAAAJ;CAEA,MAAA7D,QAAA8D,OAAAG,SAAA,YAAAH;CAOF,MAAAI,eAAqBtC,2BAA2B;CAChD,MAAA/B,WAAiBzB,OAAuB,KAAK;CAG7C,MAAA+F,sBAA4BpE,aAAA,QAAA6D;CAIT,MAAAQ,KAAArE,aAAA,QAAAS;CACC,MAAA6D,KAAAtE,aAAAkE,SAAAxD;CAAyC,IAAA6D;AAAA,KAAAZ,EAAA,OAAAS,uBAAAT,EAAA,OAAAU,MAAAV,EAAA,OAAAW,IAAA;AAH5BC,OAAA;GAAAlF,YACnB+E;GAAmB3D,iBACd4D;GAAoC3D,kBACnC4D;GACnB;AAAAX,IAAA,KAAAS;AAAAT,IAAA,KAAAU;AAAAV,IAAA,KAAAW;AAAAX,IAAA,KAAAY;OAAAA,MAAAZ,EAAA;CAJD,MAAAjE,QAAcd,mBAAmB2F,GAI/B;CAGF,MAAAlF,aAAmBW,aAAA,QAAqBN,MAAKL;CAAY,IAAAmF;AAAA,KAAAb,EAAA,OAAA3D,cAAA2D,EAAA,OAAAtE,YAAA;AAGvDmF,OAAA;GAAAnF;GAAAW;GAGC;AAAA2D,IAAA,KAAA3D;AAAA2D,IAAA,KAAAtE;AAAAsE,IAAA,KAAAa;OAAAA,MAAAb,EAAA;CAJH,MAAA,EAAAhE,aAAAE,eAAoCtB,cAClCiG,IAIA9E,OACAI,SACD;AAuBGqE,eAAYhE;AACZgE,eAAY9D;CAZE,MAAAoE,KAAAN,cAAYhE;CACX,MAAAuE,KAAAP,cAAY9D;CAAe,IAAAsE;AAAA,KAAAhB,EAAA,OAAAhE,eAAAgE,EAAA,OAAA3D,cAAA2D,EAAA,OAAAtE,cAAAsE,EAAA,QAAA9D,cAAA8D,EAAA,QAAA1D,SAAA0D,EAAA,QAAAjE,SAAAiE,EAAA,QAAAc,MAAAd,EAAA,QAAAe,MAAAf,EAAA,QAAAzD,oBAAA;AAVrCyE,OAAA;GAAAjF;GAAAC;GAAAE;GAAAC;GAAAE;GAAAX;GAAAY;GAAAC;GAAAC,cASSsE;GAA0BpE,eACzBqE;GAChB;AAAAf,IAAA,KAAAhE;AAAAgE,IAAA,KAAA3D;AAAA2D,IAAA,KAAAtE;AAAAsE,IAAA,MAAA9D;AAAA8D,IAAA,MAAA1D;AAAA0D,IAAA,MAAAjE;AAAAiE,IAAA,MAAAc;AAAAd,IAAA,MAAAe;AAAAf,IAAA,MAAAzD;AAAAyD,IAAA,MAAAgB;OAAAA,MAAAhB,EAAA;CAZH,MAAAiB,eACSD;CAyBT,MAAAE,eAA6C;EAAAxF;EAAAC,QAEnCI,MAAKJ;EAAOC,QACZG,MAAKH;EAAOC,UACVE,MAAKF;EAChB;CAED,MAAAsF,cAAoB/F,cAAckF,YAAYvG,aAAa;CAAC,IAAAqH;AAAA,KAAApB,EAAA,QAAA3D,cAAA2D,EAAA,QAAAtE,cAAAsE,EAAA,QAAAK,QAAAL,EAAA,QAAA1D,OAAA;AAE1C8E,OAAA;GAAA3B,UACN/D;GAAU2F,UACVhF;GAAUC;GAAA,GAEjB+D;GACJ;AAAAL,IAAA,MAAA3D;AAAA2D,IAAA,MAAAtE;AAAAsE,IAAA,MAAAK;AAAAL,IAAA,MAAA1D;AAAA0D,IAAA,MAAAoB;OAAAA,MAAApB,EAAA;CALD,MAAAsB,YAAkBF;CAOlB,MAAAG,UACE,OAAOvE,aAAa,aAAaA,SAASkE,aAAwB,GAAlElE;CAAmE,IAAAwE;AAAA,KAAAxB,EAAA,QAAAzD,oBAAA;AAKnEiF,QAAAjF,sBAAsB,OAAtB,EAAA,0BACgC,GAAGA,mBAAkB,KACxC,GAFbgE;AAEaP,IAAA,MAAAzD;AAAAyD,IAAA,MAAAwB;OAAAA,OAAAxB,EAAA;CAHf,MAAAyB,SACED;CAEc,IAAAE;AAAA,KAAA1B,EAAA,QAAAuB,WAAAvB,EAAA,QAAAsB,aAAAtB,EAAA,QAAAmB,eAAAnB,EAAA,QAAA5B,MAAA4B,EAAA,QAAAD,OAAAC,EAAA,QAAAyB,QAAA;AAIZC,QAAA,oBAAC;GACM3B;GACD3B;GACEkD,MAAAA;GACEH,QAAAA;GACAM;aAEPF;IACc;AAAAvB,IAAA,MAAAuB;AAAAvB,IAAA,MAAAsB;AAAAtB,IAAA,MAAAmB;AAAAnB,IAAA,MAAA5B;AAAA4B,IAAA,MAAAD;AAAAC,IAAA,MAAAyB;AAAAzB,IAAA,MAAA0B;OAAAA,OAAA1B,EAAA;CAAA,IAAA2B;AAAA,KAAA3B,EAAA,QAAAiB,gBAAAjB,EAAA,QAAA0B,KAAA;AATnBC,QAAA,oBAAA,kBAAA;GAAmCV,OAAAA;aACjCS;IAS2B;AAAA1B,IAAA,MAAAiB;AAAAjB,IAAA,MAAA0B;AAAA1B,IAAA,MAAA2B;OAAAA,OAAA3B,EAAA;AAAA,QAV7B2B;EAaL;AAMD,MAAMC,oBAAoBxH,WAGxB,SAAAwH,kBAAA9B,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACA,MAAA,EAAAjD,UAAA8E,MAAAzB,MAAA,GAAAC,eAAgDR;CAEhD,MAAA,EAAA9D,aAAAK,YAAAX,YAAAY,OAAAE,iBADgBuB,sBAAsB;CACuC,IAAAoC;AAAA,KAAAH,EAAA,OAAA3D,cAAA2D,EAAA,OAAAtE,cAAAsE,EAAA,OAAAK,QAAAL,EAAA,OAAA1D,OAAA;AAE3D6D,OAAA;GAAAV,UACN/D;GAAU2F,UACVhF;GAAUC;GAAAyF,UAEV;GAAK,GACZ1B;GACJ;AAAAL,IAAA,KAAA3D;AAAA2D,IAAA,KAAAtE;AAAAsE,IAAA,KAAAK;AAAAL,IAAA,KAAA1D;AAAA0D,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAND,MAAAsB,YAAkBnB;CAMhB,IAAAC;AAAA,KAAAJ,EAAA,OAAAtE,YAAA;AAGkB0E,OAAA,oBAAC,eAAkB,MAAA,EAAAX,UAAY/D,YAAW,GAAK;AAAAsE,IAAA,KAAAtE;AAAAsE,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;CAAnE,MAAAgC,cAAoB5B;CAGjB,MAAA6B,KAAAvC;CAEO,MAAAgB,KAAAoB,QAAAE;CAID,MAAArB,KAAAhG,WAAW2F,YAAYtE,YAAmB;CAAO,IAAA4E;AAAA,KAAAZ,EAAA,OAAAiC,MAAAjC,EAAA,OAAAhD,YAAAgD,EAAA,OAAAsB,aAAAtB,EAAA,QAAA3D,cAAA2D,EAAA,QAAAtE,cAAAsE,EAAA,QAAAD,OAAAC,EAAA,QAAAU,MAAAV,EAAA,QAAAW,MAAAX,EAAA,QAAAxD,cAAA;AANxDoE,OAAA,oBAAC;GACMb;GACC,MAAAW;GACMrE;GACAX,YAAAA;GAAU,GAClBc;GAAY,GACXmE;GACCW,MAAAA;GAELtE;IACa;AAAAgD,IAAA,KAAAiC;AAAAjC,IAAA,KAAAhD;AAAAgD,IAAA,KAAAsB;AAAAtB,IAAA,MAAA3D;AAAA2D,IAAA,MAAAtE;AAAAsE,IAAA,MAAAD;AAAAC,IAAA,MAAAU;AAAAV,IAAA,MAAAW;AAAAX,IAAA,MAAAxD;AAAAwD,IAAA,MAAAY;OAAAA,MAAAZ,EAAA;AAAA,QAVhBY;EAYF;AAMF,MAAMsB,oBAAoB9H,WAGxB,SAAA8H,kBAAApC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAA,IAAAjD;CAAA,IAAAqD;CAAA,IAAAC;CAAA,IAAAjC;AAAA,KAAA2B,EAAA,OAAAF,OAAA;AACA,GAAA,CAAA9C,UAAAqB,QAAAgC,SAAAC,cAAkDR;AAAME,IAAA,KAAAF;AAAAE,IAAA,KAAAhD;AAAAgD,IAAA,KAAAK;AAAAL,IAAA,KAAAM;AAAAN,IAAA,KAAA3B;QAAA;AAAArB,aAAAgD,EAAA;AAAAK,SAAAL,EAAA;AAAAM,eAAAN,EAAA;AAAA3B,WAAA2B,EAAA;;CAExD,MAAA,EAAA9D,YAAAC,UAAAT,YAAAa,oBAAAG,kBADgBqB,sBAAsB;CAO1B,IAAAoC;AAAA,KAAAH,EAAA,OAAAtD,iBAAAsD,EAAA,OAAA3B,QAAA;AAGS8B,OAAA9E,iBAAiBqB,eAAe2B,OAAO;AAAA2B,IAAA,KAAAtD;AAAAsD,IAAA,KAAA3B;AAAA2B,IAAA,KAAAG;OAAAA,MAAAH,EAAA;CAA5D,MAAAmC,eAAqBhC;CAGqB,MAAAC,KAAAlE;CAGzC,IAAAkG;AAAA,KAAApC,EAAA,OAAAI,IAAA;EAHD,MAAA,EAAAiC,QAAA,GAAA3B,OAA0CN;AAA1CgC,uBAAA1B;AAGEV,IAAA,KAAAI;AAAAJ,IAAA,KAAAoC;OAAAA,sBAAApC,EAAA;CAAA,IAAAU;AAAA,KAAAV,EAAA,QAAAhD,YAAAgD,EAAA,QAAAoC,sBAAApC,EAAA,QAAAmC,gBAAAnC,EAAA,QAAAK,QAAAL,EAAA,QAAAM,cAAAN,EAAA,QAAA7D,YAAA6D,EAAA,QAAAD,KAAA;AAQGW,QAAAC,OAAA;GAAC,MAAA,EAAA2B,OAAAC,SAAAxC,KAAAyC,kBAAA7B;AAAsC,UACtC,oBAAC;IACM6B,KAAAA;IACC,MAAA;KAAAtD,OAASqD;KAAOD;KAAQ;cAE9B,oBAAC;KACM,KAAAnH,UAAU4E,KAAK5D,SAAQ;KACtB,MAAA;MAAA,GAAKkE;MAAInB,OAASqD;MAAQ;KACxBJ,QAAAA;KAAY,GAChBC;KAAkB,GAClB9B;KAEHtD;MAEL;KAAwB;;AACzBgD,IAAA,MAAAhD;AAAAgD,IAAA,MAAAoC;AAAApC,IAAA,MAAAmC;AAAAnC,IAAA,MAAAK;AAAAL,IAAA,MAAAM;AAAAN,IAAA,MAAA7D;AAAA6D,IAAA,MAAAD;AAAAC,IAAA,MAAAU;OAAAA,MAAAV,EAAA;CAAA,IAAAW;AAAA,KAAAX,EAAA,QAAAtE,cAAAsE,EAAA,QAAAU,MAAAV,EAAA,QAAAzD,oBAAA;AApBHoE,OAAA,oBAAC;GACUjF,SAAAA;GACCa,UAAAA;GACM,gBAAA;aAEfmE;IAgBiB;AAAAV,IAAA,MAAAtE;AAAAsE,IAAA,MAAAU;AAAAV,IAAA,MAAAzD;AAAAyD,IAAA,MAAAW;OAAAA,MAAAX,EAAA;AAAA,QArBpBW;EAuBF;AAMF,MAAM8B,kBAAkBrI,WACtB,SAAAqI,gBAAA3C,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACE,MAAA,EAAA5C,wBAAA8C,IAAA7C,cAAAE,qBAAAT,kBAAAV,YAAA+D,IAAA5D,cAAAE,eAAAM,UAAAoB,IAAAiC,MAAAhC,QAAA,GAAAiC,eAaIR;CAZF,MAAAzC,yBAAA8C,OAAAI,SAAA,QAAAJ;CAIA,MAAA9D,aAAA+D,OAAAG,SAAA,QAAAH;CAAkB,IAAAM;AAAA,KAAAV,EAAA,OAAA3C,0BAAA2C,EAAA,OAAAxC,uBAAAwC,EAAA,OAAA1C,gBAAA0C,EAAA,OAAA3D,cAAA2D,EAAA,OAAAjD,kBAAA;AAUuB2D,OAAA;GAAArD;GAAAC;GAAAE;GAAAT;GAAAV;GAM1C;AAAA2D,IAAA,KAAA3C;AAAA2C,IAAA,KAAAxC;AAAAwC,IAAA,KAAA1C;AAAA0C,IAAA,KAAA3D;AAAA2D,IAAA,KAAAjD;AAAAiD,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAND,MAAApD,aAAmB5B,wBAAwB0F,GAMzC;CAAC,IAAAC;AAAA,KAAAX,EAAA,OAAAtD,iBAAAsD,EAAA,OAAApD,cAAAoD,EAAA,OAAAxD,cAAA;AAGMmE,OAAA;GAAA/D;GAAAJ;GAAAE;GAIN;AAAAsD,IAAA,KAAAtD;AAAAsD,IAAA,KAAApD;AAAAoD,IAAA,KAAAxD;AAAAwD,IAAA,KAAAW;OAAAA,MAAAX,EAAA;CALH,MAAAiB,eACSN;CAUT,MAAA+B,cAAoBrH,iBAFAD,cAAckF,YAAYvG,aAAa,EAETsE,OAAO;CAAC,IAAAuC;AAAA,KAAAZ,EAAA,QAAAhD,YAAAgD,EAAA,QAAA0C,eAAA1C,EAAA,QAAAK,QAAAL,EAAA,QAAA5B,MAAA4B,EAAA,QAAAD,KAAA;AAItDa,OAAA,oBAAC;GAAeb;GAAS3B;GAAUiC;GAAcqC,QAAAA;GAC9C1F;IACS;AAAAgD,IAAA,MAAAhD;AAAAgD,IAAA,MAAA0C;AAAA1C,IAAA,MAAAK;AAAAL,IAAA,MAAA5B;AAAA4B,IAAA,MAAAD;AAAAC,IAAA,MAAAY;OAAAA,MAAAZ,EAAA;CAAA,IAAAa;AAAA,KAAAb,EAAA,QAAAiB,gBAAAjB,EAAA,QAAAY,IAAA;AAHdC,OAAA,oBAAA,uBAAA;GAAwCI,OAAAA;aACtCL;IAGgC;AAAAZ,IAAA,MAAAiB;AAAAjB,IAAA,MAAAY;AAAAZ,IAAA,MAAAa;OAAAA,MAAAb,EAAA;AAAA,QAJlCa;EAOL;AAMD,MAAM8B,iBAAiBvI,WACrB,SAAAuI,eAAA7C,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACE,MAAA,EAAArC,IAAAgF,YAAA5F,UAAAX,YAAA8D,IAAAzE,YAAAwE,sBAAApD,iBAAAC,kBAAAT,OAAA8D,IAAAhC,IAAAiC,MAAAhC,QAAA,GAAAiC,eAYIR;CATU,MAAA+C,eAAA1C,OAAAI,SAAA,QAAAJ;CAIZ,MAAA7D,QAAA8D,OAAAG,SAAA,YAAAH;CAOF,MAAA0C,YAAkBjI,SAAO;CACzB,MAAA+C,KAAWgF,cAAAE;CAEX,MAAAtC,eAAqBtC,2BAA2B;CAChD,MAAA/B,WAAiBzB,OAAuB,KAAK;CAG7C,MAAA2B,aACEwG,gBAAgBrC,cAAY5D,YAAwBP,cAApD;CAA8D,IAAAqE;AAAA,KAAAV,EAAA,OAAAQ,gBAAAR,EAAA,OAAApC,IAAA;AAGxC8C,OAAAF,eACpBA,aAAY5D,WAAWU,aAAayF,IAAKnF,GAChC,GAFW2C;AAEXP,IAAA,KAAAQ;AAAAR,IAAA,KAAApC;AAAAoC,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAGb,MAAAS,sBAA4BpE,aAAA,QALJqE,MAOpBR;CAIe,MAAAS,KAAAtE,aAAA,QAAAS;CAAoC,IAAA8D;AAAA,KAAAZ,EAAA,OAAAS,uBAAAT,EAAA,OAAAQ,gBAAAR,EAAA,OAAApC,MAAAoC,EAAA,OAAA3D,cAAA2D,EAAA,OAAAjD,oBAAAiD,EAAA,OAAAW,IAAA;AAFtBC,OAAA;GAAAlF,YACnB+E;GAAmB3D,iBACd6D;GAAoC5D,iBAAA0C,UAAA;AAEnD,QAAIpD,WAAU;AAEd,QAAImE,aACFA,cAAY5D,WAAWqG,UAAWrF,GAAG;AAEvCb,uBAAmB0C,SAAS;;GAE/B;AAAAO,IAAA,KAAAS;AAAAT,IAAA,KAAAQ;AAAAR,IAAA,KAAApC;AAAAoC,IAAA,KAAA3D;AAAA2D,IAAA,KAAAjD;AAAAiD,IAAA,KAAAW;AAAAX,IAAA,KAAAY;OAAAA,MAAAZ,EAAA;CAXD,MAAAjE,QAAcd,mBAAmB2F,GAW/B;CAGF,MAAAlF,aAAmBW,aAAA,QAAqBN,MAAKL;CAAY,IAAAmF;AAAA,KAAAb,EAAA,QAAA3D,cAAA2D,EAAA,QAAAtE,YAAA;AAGvDmF,OAAA;GAAAnF;GAAAW;GAGC;AAAA2D,IAAA,MAAA3D;AAAA2D,IAAA,MAAAtE;AAAAsE,IAAA,MAAAa;OAAAA,MAAAb,EAAA;CAJH,MAAA,EAAAhE,aAAAE,eAAoCtB,cAClCiG,IAIA9E,OACAI,SACD;AAsBGqE,eAAYhE;AACZgE,eAAY9D;CAXE,MAAAoE,KAAAN,cAAYhE;CACX,MAAAuE,KAAAP,cAAY9D;CAAe,IAAAsE;AAAA,KAAAhB,EAAA,QAAAhE,eAAAgE,EAAA,QAAA3D,cAAA2D,EAAA,QAAAtE,cAAAsE,EAAA,QAAA9D,cAAA8D,EAAA,QAAA1D,SAAA0D,EAAA,QAAAjE,SAAAiE,EAAA,QAAAc,MAAAd,EAAA,QAAAe,IAAA;AAVrCC,OAAA;GAAAjF;GAAAC;GAAAE;GAAAC;GAAAE;GAAAX;GAAAY;GAAAC,oBAQegE;GAAS/D,cACfsE;GAA0BpE,eACzBqE;GAChB;AAAAf,IAAA,MAAAhE;AAAAgE,IAAA,MAAA3D;AAAA2D,IAAA,MAAAtE;AAAAsE,IAAA,MAAA9D;AAAA8D,IAAA,MAAA1D;AAAA0D,IAAA,MAAAjE;AAAAiE,IAAA,MAAAc;AAAAd,IAAA,MAAAe;AAAAf,IAAA,MAAAgB;OAAAA,MAAAhB,EAAA;CAZH,MAAAiB,eACSD;CA0BT,MAAA0B,cAAoBrH,iBAFAD,cAAckF,YAAYvG,aAAa,EAETsE,OAAO;CAAC,IAAA+C;AAAA,KAAApB,EAAA,QAAA3D,cAAA2D,EAAA,QAAAtE,cAAAsE,EAAA,QAAAK,QAAAL,EAAA,QAAA1D,OAAA;AAExC8E,OAAA;GAAA3B,UACN/D;GAAU2F,UACVhF;GAAUC;GAAA,GAEjB+D;GACJ;AAAAL,IAAA,MAAA3D;AAAA2D,IAAA,MAAAtE;AAAAsE,IAAA,MAAAK;AAAAL,IAAA,MAAA1D;AAAA0D,IAAA,MAAAoB;OAAAA,MAAApB,EAAA;CALD,MAAAsB,YAAkBF;CAKhB,IAAAI;AAAA,KAAAxB,EAAA,QAAAhD,YAAAgD,EAAA,QAAAsB,aAAAtB,EAAA,QAAA0C,eAAA1C,EAAA,QAAApC,MAAAoC,EAAA,QAAA5B,MAAA4B,EAAA,QAAAD,KAAA;AAIEyB,QAAA,oBAAC;GACMzB;GACD3B;GACEkD,MAAAA;GACEoB,QAAAA;GACE9E,YAAAA;GAETZ;IACc;AAAAgD,IAAA,MAAAhD;AAAAgD,IAAA,MAAAsB;AAAAtB,IAAA,MAAA0C;AAAA1C,IAAA,MAAApC;AAAAoC,IAAA,MAAA5B;AAAA4B,IAAA,MAAAD;AAAAC,IAAA,MAAAwB;OAAAA,OAAAxB,EAAA;CAAA,IAAA0B;AAAA,KAAA1B,EAAA,QAAAiB,gBAAAjB,EAAA,QAAAwB,KAAA;AATnBE,QAAA,oBAAA,kBAAA;GAAmCT,OAAAA;aACjCO;IAS2B;AAAAxB,IAAA,MAAAiB;AAAAjB,IAAA,MAAAwB;AAAAxB,IAAA,MAAA0B;OAAAA,OAAA1B,EAAA;AAAA,QAV7B0B;EAaL;AAMD,MAAMwB,cAAcC,OAAOC,OAAOxD,qBAAqB;CACrDyD,SAASzB;CACT0B,SAASpB;CACTqB,OAAOd;CACPe,MAAMb;CACP,CAAC"}

package/dist/components/content/Divider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { useCombinedRefs } from "../../utils/react/useCombinedRefs.js";
 import { c } from "react-compiler-runtime";

package/dist/components/content/Footer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { c } from "react-compiler-runtime";

package/dist/components/content/Header.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
 import { extractStyles } from "../../utils/styles.js";
 import { useSlotProps } from "../../utils/react/Slots.js";
 import { c } from "react-compiler-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | 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/InfoBadge/InfoBadge.d.ts

@@ -7,7 +7,13 @@ import { ReactNode } from "react";
 
 //#region src/components/content/InfoBadge/InfoBadge.d.ts
 type CubeInfoBadgeTooltipConfig = Omit<CubeTooltipProviderProps, 'children'>;
-interface CubeInfoBadgeProps extends Omit<BaseProps, 'children'>, Partial<Pick<CubeUseActionProps, 'to' | 'onPress' | 'navigationOptions' | 'target' | 'label'>> {
+interface CubeInfoBadgeProps extends Omit<BaseProps, 'children'>, Partial<Pick<CubeUseActionProps, 'to' | 'onPress' | 'navigationOptions' | 'target'>> {
+  /**
+   * Overrides the badge's accessible name.
+   *
+   * @deprecated Use `aria-label`. It still overrides the name today.
+   */
+  label?: string;
   /**
    * Tooltip content. Either the content itself or a configuration object
    * `{ title, ...tooltipProps }` for advanced setups (placement, delay, etc.).

package/dist/components/content/InfoBadge/InfoBadge.js

@@ -1,4 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | Cube Dev Team */
+import { useWarn } from "../../../_internal/hooks/use-warn.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { ItemBadge } from "../ItemBadge/ItemBadge.js";
 import { useI18n } from "../../../i18n/useI18n.js";
@@ -99,6 +100,10 @@ function isTooltipConfig(value) {
 const InfoBadge = forwardRef(function InfoBadge(allProps, ref) {
 	const { t } = useI18n();
 	const { tooltip, tooltipSuffix, icon = /* @__PURE__ */ jsx(InfoCircleIcon, {}), size = "medium", type = "clear", theme = "default", to, onPress, navigationOptions, target, label, qa = "InfoBadge", styles, ...rest } = allProps;
+	useWarn(label !== void 0, {
+		key: "info-badge-label-deprecated",
+		args: ["The \"label\" property of InfoBadge is deprecated. Use \"aria-label\" instead."]
+	});
 	const isInteractive = to != null || onPress != null;
 	const { title: title_0, tooltipProps: tooltipProps_0 } = useMemo(() => {
 		if (isTooltipConfig(tooltip)) {

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

@@ -1 +1 @@
-{"version":3,"file":"InfoBadge.js","names":["FocusableRefValue","BaseProps","mergeStyles","Styles","tasty","ForwardedRef","forwardRef","isValidElement","KeyboardEvent","MouseEvent","PointerEvent","ReactNode","useCallback","useMemo","useI18n","InfoCircleIcon","CubeItemActionProps","ItemAction","CubeUseActionProps","CubeTooltipProviderProps","ItemBadge","CubeInfoBadgeTooltipConfig","Omit","CubeInfoBadgeProps","Partial","Pick","tooltip","tooltipSuffix","icon","size","type","theme","isLoading","isDisabled","styles","SIZES","Record","NonNullable","small","medium","large","GUARD_HANDLERS","onClick","event","preventDefault","stopPropagation","onPointerDown","onMouseDown","onKeyDown","key","onKeyUp","GuardElement","as","display","sizeStyles","box","preset","height","width","margin","verticalAlign","Icon","INFO_STYLES","color","pressed","disabled","isTooltipConfig","value","Array","isArray","InfoBadge","allProps","ref","HTMLElement","t","to","onPress","navigationOptions","target","label","qa","rest","isInteractive","title","tooltipProps","suffix","undefined","finalTooltip","ariaLabel","finalStyles","actionRef","element","UNSAFE_getDOMNode","current","sharedProps","HTMLDivElement","InfoBadgeProps"],"sources":["../../../../src/components/content/InfoBadge/InfoBadge.tsx"],"sourcesContent":["import { FocusableRefValue } from '@react-types/shared';\nimport { BaseProps, mergeStyles, Styles, tasty } from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  isValidElement,\n  KeyboardEvent,\n  MouseEvent,\n  PointerEvent,\n  ReactNode,\n  useCallback,\n  useMemo,\n} from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { InfoCircleIcon } from '../../../icons/InfoCircleIcon';\nimport { CubeItemActionProps, ItemAction } from '../../actions/ItemAction';\nimport { CubeUseActionProps } from '../../actions/use-action';\nimport { CubeTooltipProviderProps } from '../../overlays/Tooltip/TooltipProvider';\nimport { ItemBadge } from '../ItemBadge';\n\nexport type CubeInfoBadgeTooltipConfig = Omit<\n  CubeTooltipProviderProps,\n  'children'\n>;\n\nexport interface CubeInfoBadgeProps\n  extends Omit<BaseProps, 'children'>,\n    Partial<\n      Pick<\n        CubeUseActionProps,\n        'to' | 'onPress' | 'navigationOptions' | 'target' | 'label'\n      >\n    > {\n  /**\n   * Tooltip content. Either the content itself or a configuration object\n   * `{ title, ...tooltipProps }` for advanced setups (placement, delay, etc.).\n   */\n  tooltip: ReactNode | CubeInfoBadgeTooltipConfig;\n  /**\n   * Text appended to the tooltip content. Defaults to a \"learn more\" hint when\n   * the badge is interactive (`to` or `onPress` is provided). Pass `null` or an\n   * empty string to opt out.\n   */\n  tooltipSuffix?: ReactNode;\n  /** Icon to render. @default <InfoCircleIcon /> */\n  icon?: ReactNode;\n  /**\n   * Size of the badge. Every size still contributes exactly one line to the\n   * text around it, so the badge stays aligned with adjacent text.\n   * @default \"medium\"\n   */\n  size?: 'small' | 'medium' | 'large';\n  /** @default \"clear\" */\n  type?: 'primary' | 'outline' | 'clear';\n  /** @default \"default\" */\n  theme?: 'default' | 'danger' | 'success';\n  isLoading?: boolean;\n  isDisabled?: boolean;\n  styles?: Styles;\n}\n\nconst SIZES: Record<NonNullable<CubeInfoBadgeProps['size']>, string> = {\n  small: '2x',\n  medium: '2.5x',\n  large: '3x',\n};\n\n/**\n * The info badge is a leaf element that is often placed inside a bigger click\n * target: a field `<label>`, a switch row, a table header, a list item. Neither\n * the tooltip nor the optional navigation should ever activate that container,\n * so the events that would do so are contained here.\n *\n * The guard sits *above* the badge, so the badge's own handlers (including\n * `usePress`, which fires `onPress` from the `click` event) run first and stay\n * intact. `preventDefault` on click is what stops an enclosing `<label>` from\n * forwarding activation to its control — `stopPropagation` alone can't.\n *\n * `pointerup` / `mouseup` are intentionally left alone: `usePress` finishes a\n * press through document-level listeners for those events.\n */\nconst GUARD_HANDLERS = {\n  onClick: (event: MouseEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n  },\n  onPointerDown: (event: PointerEvent) => event.stopPropagation(),\n  onMouseDown: (event: MouseEvent) => event.stopPropagation(),\n  onKeyDown: (event: KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.stopPropagation();\n    }\n  },\n  onKeyUp: (event: KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.stopPropagation();\n    }\n  },\n};\n\n/**\n * `display: contents` keeps the guard out of the layout entirely while staying\n * in the event path, so the badge remains a direct flex/grid/inline child of\n * whatever contains it.\n */\nconst GuardElement = tasty({\n  as: 'span',\n  styles: { display: 'contents' },\n});\n\n/**\n * Sizing the badge so it aligns with the text beside it.\n *\n * The box is a fixed square, but its *margin* box is padded (or trimmed, for\n * `large` in tight text) to exactly one line. An atomic inline's margin box is\n * what the line box measures, so `vertical-align: top` then lands the badge's\n * center on the line box center — where the adjacent text is optically\n * centered — at every size, in inline and block containers alike.\n *\n * `vertical-align: middle` can't do this: it aligns the box center with the\n * x-height midpoint, ~1.5px below the text center, and inflates the line box,\n * which pushes the badge down again inside a block container (a field's\n * `labelSuffix`, a paragraph).\n *\n * `preset: inherit` is what makes `1lh` mean the line the badge sits on. It\n * also keeps the glyph identical across render paths, since `ItemAction` pins\n * itself to the `t4` preset while `ItemBadge` inherits.\n */\nfunction sizeStyles(size: NonNullable<CubeInfoBadgeProps['size']>): Styles {\n  const box = SIZES[size];\n\n  return {\n    preset: 'inherit',\n    height: box,\n    width: box,\n    // Replaces the base first/last-child margin rules outright, so the badge\n    // doesn't reserve an `Item` action row's side padding as an outer margin.\n    margin: `((1lh - ${box}) / 2) 0`,\n    verticalAlign: 'top',\n    Icon: {\n      height: box,\n      width: box,\n      '$icon-size': `(${box} - .25x)`,\n    },\n  };\n}\n\n// Soft → strong on interaction, mirroring the link styles: the badge reads as a\n// quiet brand-colored hint at rest and gains contrast once it's engaged.\n//\n// A state map with a `''` entry replaces the variant's map outright, so the\n// disabled color has to be restated here (`@inherit` can't reach the variant —\n// it isn't the parent map in this merge) or a disabled badge would keep the\n// brand tint and still read as interactive.\nconst INFO_STYLES: Styles = {\n  color: {\n    '': '#primary-text-soft',\n    'hovered | focused': '#primary-text',\n    pressed: '#primary-text',\n    disabled: '#disabled-surface-text',\n  },\n};\n\nfunction isTooltipConfig(\n  value: ReactNode | CubeInfoBadgeTooltipConfig,\n): value is CubeInfoBadgeTooltipConfig {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    !isValidElement(value) &&\n    !Array.isArray(value)\n  );\n}\n\n/**\n * An informational icon with a tooltip. Renders as a plain badge by default and\n * upgrades to a link / button when `to` or `onPress` is provided.\n */\nexport const InfoBadge = forwardRef(function InfoBadge(\n  allProps: CubeInfoBadgeProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const { t } = useI18n();\n\n  const {\n    tooltip,\n    tooltipSuffix,\n    icon = <InfoCircleIcon />,\n    size = 'medium',\n    type = 'clear',\n    theme = 'default',\n    to,\n    onPress,\n    navigationOptions,\n    target,\n    label,\n    qa = 'InfoBadge',\n    styles,\n    ...rest\n  } = allProps;\n\n  const isInteractive = to != null || onPress != null;\n\n  const { title, tooltipProps } = useMemo(() => {\n    if (isTooltipConfig(tooltip)) {\n      const { title, ...tooltipProps } = tooltip;\n\n      return { title, tooltipProps };\n    }\n\n    return { title: tooltip, tooltipProps: {} };\n  }, [tooltip]);\n\n  const suffix =\n    tooltipSuffix === undefined\n      ? isInteractive\n        ? t('infoBadge.learnMore', 'Click to learn more.')\n        : null\n      : tooltipSuffix;\n\n  const finalTooltip = useMemo(\n    () => ({\n      ...tooltipProps,\n      title: suffix ? (\n        <>\n          {title} {suffix}\n        </>\n      ) : (\n        title\n      ),\n    }),\n    [tooltipProps, title, suffix],\n  );\n\n  // The accessible name is the tooltip text itself when it's plain text. Rich\n  // tooltip content can't serve as a label, so fall back to a generic one.\n  const ariaLabel =\n    label ??\n    rest['aria-label'] ??\n    (typeof title === 'string'\n      ? title\n      : t('infoBadge.ariaLabel', 'More information'));\n\n  const finalStyles = useMemo(\n    () =>\n      mergeStyles(\n        sizeStyles(size),\n        // Only the default look is brand-tinted; explicit themes and filled\n        // types bring their own colors.\n        theme === 'default' && type === 'clear' ? INFO_STYLES : null,\n        styles,\n      ),\n    [size, theme, type, styles],\n  );\n\n  // `ItemAction` exposes a react-spectrum focusable ref; unwrap it so that `ref`\n  // points at the DOM node whether or not the badge is interactive.\n  const actionRef = useCallback(\n    (value: FocusableRefValue<HTMLElement> | null) => {\n      const element = value ? value.UNSAFE_getDOMNode() : null;\n\n      if (typeof ref === 'function') {\n        ref(element);\n      } else if (ref) {\n        ref.current = element;\n      }\n    },\n    [ref],\n  );\n\n  const sharedProps = {\n    ...rest,\n    qa,\n    icon,\n    type,\n    theme,\n    styles: finalStyles,\n    'aria-label': ariaLabel,\n    tooltip: finalTooltip as CubeItemActionProps['tooltip'],\n  };\n\n  return (\n    <GuardElement {...GUARD_HANDLERS}>\n      {isInteractive ? (\n        <ItemAction\n          ref={actionRef}\n          to={to}\n          onPress={onPress}\n          navigationOptions={navigationOptions}\n          target={target}\n          {...sharedProps}\n        />\n      ) : (\n        <ItemBadge ref={ref as ForwardedRef<HTMLDivElement>} {...sharedProps} />\n      )}\n    </GuardElement>\n  );\n});\n\nexport type { CubeInfoBadgeProps as InfoBadgeProps };\n"],"mappings":";;;;;;;;;;AA8DA,MAAMmC,QAAiE;CACrEG,OAAO;CACPC,QAAQ;CACRC,OAAO;CACR;;;;;;;;;;;;;;;AAgBD,MAAMC,iBAAiB;CACrBC,UAAUC,UAAsB;AAC9BA,QAAMC,gBAAgB;AACtBD,QAAME,iBAAiB;;CAEzBC,gBAAgBH,UAAwBA,MAAME,iBAAiB;CAC/DE,cAAcJ,UAAsBA,MAAME,iBAAiB;CAC3DG,YAAYL,UAAyB;AACnC,MAAIA,MAAMM,QAAQ,WAAWN,MAAMM,QAAQ,IACzCN,OAAME,iBAAiB;;CAG3BK,UAAUP,UAAyB;AACjC,MAAIA,MAAMM,QAAQ,WAAWN,MAAMM,QAAQ,IACzCN,OAAME,iBAAiB;;CAG5B;;;;;;AAOD,MAAMM,eAAe/C,MAAM;CACzBgD,IAAI;CACJlB,QAAQ,EAAEmB,SAAS,YAAW;CAC/B,CAAC;;;;;;;;;;;;;;;;;;;AAoBF,SAASC,WAAWzB,MAAuD;CACzE,MAAM0B,MAAMpB,MAAMN;AAElB,QAAO;EACL2B,QAAQ;EACRC,QAAQF;EACRG,OAAOH;EAGPI,QAAQ,WAAWJ,IAAG;EACtBK,eAAe;EACfC,MAAM;GACJJ,QAAQF;GACRG,OAAOH;GACP,cAAc,IAAIA,IAAG;GACvB;EACD;;AAUH,MAAMO,cAAsB,EAC1BC,OAAO;CACL,IAAI;CACJ,qBAAqB;CACrBC,SAAS;CACTC,UAAU;CACZ,EACD;AAED,SAASC,gBACPC,OACqC;AACrC,QACE,OAAOA,UAAU,YACjBA,UAAU,QACV,CAAC5D,eAAe4D,MAAM,IACtB,CAACC,MAAMC,QAAQF,MAAM;;;;;;AAQzB,MAAaG,YAAYhE,WAAW,SAASgE,UAC3CC,UACAC,KACA;CACA,MAAM,EAAEE,MAAM5D,SAAS;CAEvB,MAAM,EACJY,SACAC,eACAC,OAAO,oBAAC,mBAAiB,EACzBC,OAAO,UACPC,OAAO,SACPC,QAAQ,WACR4C,IACAC,SACAC,mBACAC,QACAC,OACAC,KAAK,aACL9C,QACA,GAAG+C,SACDV;CAEJ,MAAMW,gBAAgBP,MAAM,QAAQC,WAAW;CAE/C,MAAM,EAAEO,OAAAA,SAAOC,cAAAA,mBAAiBvE,cAAc;AAC5C,MAAIqD,gBAAgBxC,QAAQ,EAAE;GAC5B,MAAM,EAAEyD,OAAO,GAAGC,iBAAiB1D;AAEnC,UAAO;IAAEyD;IAAOC;IAAc;;AAGhC,SAAO;GAAED,OAAOzD;GAAS0D,cAAc,EAAC;GAAG;IAC1C,CAAC1D,QAAQ,CAAC;CAEb,MAAM2D,SACJ1D,kBAAkB2D,SACdJ,gBACER,EAAE,uBAAuB,uBAAuB,GAChD,OACF/C;CAEN,MAAM4D,eAAe1E,eACZ;EACL,GAAGuE;EACHD,OAAOE,SACL;GACGF;GAAM;GAAEE;MACR,GAEHF;EAEH,GACD;EAACC;EAAcD;EAAOE;EACxB,CAAC;CAID,MAAMG,YACJT,SACAE,KAAK,kBACJ,OAAOE,YAAU,WACdA,UACAT,EAAE,uBAAuB,mBAAmB;CAElD,MAAMe,cAAc5E,cAEhBX,YACEoD,WAAWzB,KAAK,EAGhBE,UAAU,aAAaD,SAAS,UAAUgC,cAAc,MACxD5B,OACD,EACH;EAACL;EAAME;EAAOD;EAAMI;EACtB,CAAC;CAID,MAAMwD,YAAY9E,aACfuD,UAAiD;EAChD,MAAMwB,UAAUxB,QAAQA,MAAMyB,mBAAmB,GAAG;AAEpD,MAAI,OAAOpB,QAAQ,WACjBA,KAAImB,QAAQ;WACHnB,IACTA,KAAIqB,UAAUF;IAGlB,CAACnB,IACH,CAAC;CAED,MAAMsB,cAAc;EAClB,GAAGb;EACHD;EACApD;EACAE;EACAC;EACAG,QAAQuD;EACR,cAAcD;EACd9D,SAAS6D;EACV;AAED,QACE,oBAAC;EAAa,GAAI9C;YACfyC,gBACC,oBAAC;GACC,KAAKQ;GACDf;GACKC;GACUC;GACXC;GACR,GAAIgB;IACJ,GAEF,oBAAC;GAAetB;GAAqC,GAAIsB;IAC1D;GACY;EAEjB"}
+{"version":3,"file":"InfoBadge.js","names":["FocusableRefValue","BaseProps","mergeStyles","Styles","tasty","ForwardedRef","forwardRef","isValidElement","KeyboardEvent","MouseEvent","PointerEvent","ReactNode","useCallback","useMemo","useWarn","useI18n","InfoCircleIcon","CubeItemActionProps","ItemAction","CubeUseActionProps","CubeTooltipProviderProps","ItemBadge","CubeInfoBadgeTooltipConfig","Omit","CubeInfoBadgeProps","Partial","Pick","label","tooltip","tooltipSuffix","icon","size","type","theme","isLoading","isDisabled","styles","SIZES","Record","NonNullable","small","medium","large","GUARD_HANDLERS","onClick","event","preventDefault","stopPropagation","onPointerDown","onMouseDown","onKeyDown","key","onKeyUp","GuardElement","as","display","sizeStyles","box","preset","height","width","margin","verticalAlign","Icon","INFO_STYLES","color","pressed","disabled","isTooltipConfig","value","Array","isArray","InfoBadge","allProps","ref","HTMLElement","t","to","onPress","navigationOptions","target","qa","rest","undefined","args","isInteractive","title","tooltipProps","suffix","finalTooltip","ariaLabel","finalStyles","actionRef","element","UNSAFE_getDOMNode","current","sharedProps","HTMLDivElement","InfoBadgeProps"],"sources":["../../../../src/components/content/InfoBadge/InfoBadge.tsx"],"sourcesContent":["import { FocusableRefValue } from '@react-types/shared';\nimport { BaseProps, mergeStyles, Styles, tasty } from '@tenphi/tasty';\nimport {\n  ForwardedRef,\n  forwardRef,\n  isValidElement,\n  KeyboardEvent,\n  MouseEvent,\n  PointerEvent,\n  ReactNode,\n  useCallback,\n  useMemo,\n} from 'react';\n\nimport { useWarn } from '../../../_internal/hooks/use-warn';\nimport { useI18n } from '../../../i18n';\nimport { InfoCircleIcon } from '../../../icons/InfoCircleIcon';\nimport { CubeItemActionProps, ItemAction } from '../../actions/ItemAction';\nimport { CubeUseActionProps } from '../../actions/use-action';\nimport { CubeTooltipProviderProps } from '../../overlays/Tooltip/TooltipProvider';\nimport { ItemBadge } from '../ItemBadge';\n\nexport type CubeInfoBadgeTooltipConfig = Omit<\n  CubeTooltipProviderProps,\n  'children'\n>;\n\nexport interface CubeInfoBadgeProps\n  extends Omit<BaseProps, 'children'>,\n    Partial<\n      Pick<\n        CubeUseActionProps,\n        'to' | 'onPress' | 'navigationOptions' | 'target'\n      >\n    > {\n  /**\n   * Overrides the badge's accessible name.\n   *\n   * @deprecated Use `aria-label`. It still overrides the name today.\n   */\n  label?: string;\n  /**\n   * Tooltip content. Either the content itself or a configuration object\n   * `{ title, ...tooltipProps }` for advanced setups (placement, delay, etc.).\n   */\n  tooltip: ReactNode | CubeInfoBadgeTooltipConfig;\n  /**\n   * Text appended to the tooltip content. Defaults to a \"learn more\" hint when\n   * the badge is interactive (`to` or `onPress` is provided). Pass `null` or an\n   * empty string to opt out.\n   */\n  tooltipSuffix?: ReactNode;\n  /** Icon to render. @default <InfoCircleIcon /> */\n  icon?: ReactNode;\n  /**\n   * Size of the badge. Every size still contributes exactly one line to the\n   * text around it, so the badge stays aligned with adjacent text.\n   * @default \"medium\"\n   */\n  size?: 'small' | 'medium' | 'large';\n  /** @default \"clear\" */\n  type?: 'primary' | 'outline' | 'clear';\n  /** @default \"default\" */\n  theme?: 'default' | 'danger' | 'success';\n  isLoading?: boolean;\n  isDisabled?: boolean;\n  styles?: Styles;\n}\n\nconst SIZES: Record<NonNullable<CubeInfoBadgeProps['size']>, string> = {\n  small: '2x',\n  medium: '2.5x',\n  large: '3x',\n};\n\n/**\n * The info badge is a leaf element that is often placed inside a bigger click\n * target: a field `<label>`, a switch row, a table header, a list item. Neither\n * the tooltip nor the optional navigation should ever activate that container,\n * so the events that would do so are contained here.\n *\n * The guard sits *above* the badge, so the badge's own handlers (including\n * `usePress`, which fires `onPress` from the `click` event) run first and stay\n * intact. `preventDefault` on click is what stops an enclosing `<label>` from\n * forwarding activation to its control — `stopPropagation` alone can't.\n *\n * `pointerup` / `mouseup` are intentionally left alone: `usePress` finishes a\n * press through document-level listeners for those events.\n */\nconst GUARD_HANDLERS = {\n  onClick: (event: MouseEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n  },\n  onPointerDown: (event: PointerEvent) => event.stopPropagation(),\n  onMouseDown: (event: MouseEvent) => event.stopPropagation(),\n  onKeyDown: (event: KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.stopPropagation();\n    }\n  },\n  onKeyUp: (event: KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.stopPropagation();\n    }\n  },\n};\n\n/**\n * `display: contents` keeps the guard out of the layout entirely while staying\n * in the event path, so the badge remains a direct flex/grid/inline child of\n * whatever contains it.\n */\nconst GuardElement = tasty({\n  as: 'span',\n  styles: { display: 'contents' },\n});\n\n/**\n * Sizing the badge so it aligns with the text beside it.\n *\n * The box is a fixed square, but its *margin* box is padded (or trimmed, for\n * `large` in tight text) to exactly one line. An atomic inline's margin box is\n * what the line box measures, so `vertical-align: top` then lands the badge's\n * center on the line box center — where the adjacent text is optically\n * centered — at every size, in inline and block containers alike.\n *\n * `vertical-align: middle` can't do this: it aligns the box center with the\n * x-height midpoint, ~1.5px below the text center, and inflates the line box,\n * which pushes the badge down again inside a block container (a field's\n * `labelSuffix`, a paragraph).\n *\n * `preset: inherit` is what makes `1lh` mean the line the badge sits on. It\n * also keeps the glyph identical across render paths, since `ItemAction` pins\n * itself to the `t4` preset while `ItemBadge` inherits.\n */\nfunction sizeStyles(size: NonNullable<CubeInfoBadgeProps['size']>): Styles {\n  const box = SIZES[size];\n\n  return {\n    preset: 'inherit',\n    height: box,\n    width: box,\n    // Replaces the base first/last-child margin rules outright, so the badge\n    // doesn't reserve an `Item` action row's side padding as an outer margin.\n    margin: `((1lh - ${box}) / 2) 0`,\n    verticalAlign: 'top',\n    Icon: {\n      height: box,\n      width: box,\n      '$icon-size': `(${box} - .25x)`,\n    },\n  };\n}\n\n// Soft → strong on interaction, mirroring the link styles: the badge reads as a\n// quiet brand-colored hint at rest and gains contrast once it's engaged.\n//\n// A state map with a `''` entry replaces the variant's map outright, so the\n// disabled color has to be restated here (`@inherit` can't reach the variant —\n// it isn't the parent map in this merge) or a disabled badge would keep the\n// brand tint and still read as interactive.\nconst INFO_STYLES: Styles = {\n  color: {\n    '': '#primary-text-soft',\n    'hovered | focused': '#primary-text',\n    pressed: '#primary-text',\n    disabled: '#disabled-surface-text',\n  },\n};\n\nfunction isTooltipConfig(\n  value: ReactNode | CubeInfoBadgeTooltipConfig,\n): value is CubeInfoBadgeTooltipConfig {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    !isValidElement(value) &&\n    !Array.isArray(value)\n  );\n}\n\n/**\n * An informational icon with a tooltip. Renders as a plain badge by default and\n * upgrades to a link / button when `to` or `onPress` is provided.\n */\nexport const InfoBadge = forwardRef(function InfoBadge(\n  allProps: CubeInfoBadgeProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const { t } = useI18n();\n\n  const {\n    tooltip,\n    tooltipSuffix,\n    icon = <InfoCircleIcon />,\n    size = 'medium',\n    type = 'clear',\n    theme = 'default',\n    to,\n    onPress,\n    navigationOptions,\n    target,\n    label,\n    qa = 'InfoBadge',\n    styles,\n    ...rest\n  } = allProps;\n\n  useWarn(label !== undefined, {\n    key: 'info-badge-label-deprecated',\n    args: [\n      'The \"label\" property of InfoBadge is deprecated. Use \"aria-label\" instead.',\n    ],\n  });\n\n  const isInteractive = to != null || onPress != null;\n\n  const { title, tooltipProps } = useMemo(() => {\n    if (isTooltipConfig(tooltip)) {\n      const { title, ...tooltipProps } = tooltip;\n\n      return { title, tooltipProps };\n    }\n\n    return { title: tooltip, tooltipProps: {} };\n  }, [tooltip]);\n\n  const suffix =\n    tooltipSuffix === undefined\n      ? isInteractive\n        ? t('infoBadge.learnMore', 'Click to learn more.')\n        : null\n      : tooltipSuffix;\n\n  const finalTooltip = useMemo(\n    () => ({\n      ...tooltipProps,\n      title: suffix ? (\n        <>\n          {title} {suffix}\n        </>\n      ) : (\n        title\n      ),\n    }),\n    [tooltipProps, title, suffix],\n  );\n\n  // The accessible name is the tooltip text itself when it's plain text. Rich\n  // tooltip content can't serve as a label, so fall back to a generic one.\n  const ariaLabel =\n    label ??\n    rest['aria-label'] ??\n    (typeof title === 'string'\n      ? title\n      : t('infoBadge.ariaLabel', 'More information'));\n\n  const finalStyles = useMemo(\n    () =>\n      mergeStyles(\n        sizeStyles(size),\n        // Only the default look is brand-tinted; explicit themes and filled\n        // types bring their own colors.\n        theme === 'default' && type === 'clear' ? INFO_STYLES : null,\n        styles,\n      ),\n    [size, theme, type, styles],\n  );\n\n  // `ItemAction` exposes a react-spectrum focusable ref; unwrap it so that `ref`\n  // points at the DOM node whether or not the badge is interactive.\n  const actionRef = useCallback(\n    (value: FocusableRefValue<HTMLElement> | null) => {\n      const element = value ? value.UNSAFE_getDOMNode() : null;\n\n      if (typeof ref === 'function') {\n        ref(element);\n      } else if (ref) {\n        ref.current = element;\n      }\n    },\n    [ref],\n  );\n\n  const sharedProps = {\n    ...rest,\n    qa,\n    icon,\n    type,\n    theme,\n    styles: finalStyles,\n    'aria-label': ariaLabel,\n    tooltip: finalTooltip as CubeItemActionProps['tooltip'],\n  };\n\n  return (\n    <GuardElement {...GUARD_HANDLERS}>\n      {isInteractive ? (\n        <ItemAction\n          ref={actionRef}\n          to={to}\n          onPress={onPress}\n          navigationOptions={navigationOptions}\n          target={target}\n          {...sharedProps}\n        />\n      ) : (\n        <ItemBadge ref={ref as ForwardedRef<HTMLDivElement>} {...sharedProps} />\n      )}\n    </GuardElement>\n  );\n});\n\nexport type { CubeInfoBadgeProps as InfoBadgeProps };\n"],"mappings":";;;;;;;;;;;AAqEA,MAAMqC,QAAiE;CACrEG,OAAO;CACPC,QAAQ;CACRC,OAAO;CACR;;;;;;;;;;;;;;;AAgBD,MAAMC,iBAAiB;CACrBC,UAAUC,UAAsB;AAC9BA,QAAMC,gBAAgB;AACtBD,QAAME,iBAAiB;;CAEzBC,gBAAgBH,UAAwBA,MAAME,iBAAiB;CAC/DE,cAAcJ,UAAsBA,MAAME,iBAAiB;CAC3DG,YAAYL,UAAyB;AACnC,MAAIA,MAAMM,QAAQ,WAAWN,MAAMM,QAAQ,IACzCN,OAAME,iBAAiB;;CAG3BK,UAAUP,UAAyB;AACjC,MAAIA,MAAMM,QAAQ,WAAWN,MAAMM,QAAQ,IACzCN,OAAME,iBAAiB;;CAG5B;;;;;;AAOD,MAAMM,eAAejD,MAAM;CACzBkD,IAAI;CACJlB,QAAQ,EAAEmB,SAAS,YAAW;CAC/B,CAAC;;;;;;;;;;;;;;;;;;;AAoBF,SAASC,WAAWzB,MAAuD;CACzE,MAAM0B,MAAMpB,MAAMN;AAElB,QAAO;EACL2B,QAAQ;EACRC,QAAQF;EACRG,OAAOH;EAGPI,QAAQ,WAAWJ,IAAG;EACtBK,eAAe;EACfC,MAAM;GACJJ,QAAQF;GACRG,OAAOH;GACP,cAAc,IAAIA,IAAG;GACvB;EACD;;AAUH,MAAMO,cAAsB,EAC1BC,OAAO;CACL,IAAI;CACJ,qBAAqB;CACrBC,SAAS;CACTC,UAAU;CACZ,EACD;AAED,SAASC,gBACPC,OACqC;AACrC,QACE,OAAOA,UAAU,YACjBA,UAAU,QACV,CAAC9D,eAAe8D,MAAM,IACtB,CAACC,MAAMC,QAAQF,MAAM;;;;;;AAQzB,MAAaG,YAAYlE,WAAW,SAASkE,UAC3CC,UACAC,KACA;CACA,MAAM,EAAEE,MAAM7D,SAAS;CAEvB,MAAM,EACJa,SACAC,eACAC,OAAO,oBAAC,mBAAiB,EACzBC,OAAO,UACPC,OAAO,SACPC,QAAQ,WACR4C,IACAC,SACAC,mBACAC,QACArD,OACAsD,KAAK,aACL7C,QACA,GAAG8C,SACDT;AAEJ3D,SAAQa,UAAUwD,QAAW;EAC3BhC,KAAK;EACLiC,MAAM,CACJ,iFAA4E;EAE/E,CAAC;CAEF,MAAMC,gBAAgBR,MAAM,QAAQC,WAAW;CAE/C,MAAM,EAAEQ,OAAAA,SAAOC,cAAAA,mBAAiB1E,cAAc;AAC5C,MAAIuD,gBAAgBxC,QAAQ,EAAE;GAC5B,MAAM,EAAE0D,OAAO,GAAGC,iBAAiB3D;AAEnC,UAAO;IAAE0D;IAAOC;IAAc;;AAGhC,SAAO;GAAED,OAAO1D;GAAS2D,cAAc,EAAC;GAAG;IAC1C,CAAC3D,QAAQ,CAAC;CAEb,MAAM4D,SACJ3D,kBAAkBsD,SACdE,gBACET,EAAE,uBAAuB,uBAAuB,GAChD,OACF/C;CAEN,MAAM4D,eAAe5E,eACZ;EACL,GAAG0E;EACHD,OAAOE,SACL;GACGF;GAAM;GAAEE;MACR,GAEHF;EAEH,GACD;EAACC;EAAcD;EAAOE;EACxB,CAAC;CAID,MAAME,YACJ/D,SACAuD,KAAK,kBACJ,OAAOI,YAAU,WACdA,UACAV,EAAE,uBAAuB,mBAAmB;CAElD,MAAMe,cAAc9E,cAEhBX,YACEsD,WAAWzB,KAAK,EAGhBE,UAAU,aAAaD,SAAS,UAAUgC,cAAc,MACxD5B,OACD,EACH;EAACL;EAAME;EAAOD;EAAMI;EACtB,CAAC;CAID,MAAMwD,YAAYhF,aACfyD,UAAiD;EAChD,MAAMwB,UAAUxB,QAAQA,MAAMyB,mBAAmB,GAAG;AAEpD,MAAI,OAAOpB,QAAQ,WACjBA,KAAImB,QAAQ;WACHnB,IACTA,KAAIqB,UAAUF;IAGlB,CAACnB,IACH,CAAC;CAED,MAAMsB,cAAc;EAClB,GAAGd;EACHD;EACAnD;EACAE;EACAC;EACAG,QAAQuD;EACR,cAAcD;EACd9D,SAAS6D;EACV;AAED,QACE,oBAAC;EAAa,GAAI9C;YACf0C,gBACC,oBAAC;GACC,KAAKO;GACDf;GACKC;GACUC;GACXC;GACR,GAAIgB;IACJ,GAEF,oBAAC;GAAetB;GAAqC,GAAIsB;IAC1D;GACY;EAEjB"}

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.187.2 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.189.0 | 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";