@cube-dev/ui-kit 0.0.0-canary-0cd607b → 0.0.0-canary-657a057

package/dist/_internal/hooks/use-chained-callback.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { useEvent } from "./use-event.js";
 
 //#region src/_internal/hooks/use-chained-callback.ts

package/dist/_internal/hooks/use-debounced-value.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { useEffect, useRef, useState } from "react";
 
 //#region src/_internal/hooks/use-debounced-value.ts

package/dist/_internal/hooks/use-deprecation-warning.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { deprecationWarning } from "../../utils/warnings.js";
 import React, { useEffect } from "react";
 

package/dist/_internal/hooks/use-event.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { useSyncRef } from "./use-sync-ref.js";
 import { useCallback } from "react";
 

package/dist/_internal/hooks/use-is-first-render.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { useRef } from "react";
 
 //#region src/_internal/hooks/use-is-first-render.ts

package/dist/_internal/hooks/use-sync-ref.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../utils/react/useLayoutEffect.js";
 import { useRef } from "react";
 

package/dist/_internal/hooks/use-timer/timer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 //#region src/_internal/hooks/use-timer/timer.ts
 var Timer = class {
 	callback;

package/dist/_internal/hooks/use-timer/use-timer.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { useEvent } from "../use-event.js";
 import { Timer } from "./timer.js";
 import { useEffect, useState } from "react";

package/dist/_internal/hooks/use-warn.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { useEvent } from "./use-event.js";
 import { warn } from "../../utils/warnings.js";
 import { useRef } from "react";

package/dist/components/Block.js

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

package/dist/components/CollectionItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { ItemAction } from "./actions/ItemAction/ItemAction.js";
 import { ItemBadge } from "./content/ItemBadge/ItemBadge.js";
 import { Item } from "react-stately";

package/dist/components/GlobalStyles.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { usePaletteVersion } from "../tokens/palette-config.js";
 import { getTokens } from "../tokens/index.js";
 import { useGlobalStyles, useRawCSS } from "@tenphi/tasty";

package/dist/components/GridProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { useCombinedRefs } from "../utils/react/useCombinedRefs.js";
 import { filterBaseProps, tasty } from "@tenphi/tasty";
 import { forwardRef, useCallback, useEffect, useState } from "react";

package/dist/components/HiddenInput.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 
 //#region src/components/HiddenInput.tsx

package/dist/components/Root.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { extractStyles } from "../utils/styles.js";
 import { EventBusProvider } from "../utils/react/useEventBus.js";
 import { PortalProvider } from "./portal/PortalProvider.js";

package/dist/components/actions/Action/Action.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useAction } from "../use-action.js";
 import { CONTAINER_STYLES, TEXT_STYLES, tasty } from "@tenphi/tasty";

package/dist/components/actions/Banner/Banner.js

@@ -1,5 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
+import { useItemActionContext } from "../ItemActionContext.js";
 import { _Item } from "../../content/Item/Item.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { Button } from "../Button/Button.js";
@@ -24,7 +25,7 @@ const BannerElement = tasty(_Item, { styles: {
 	Actions: { gap: "1x" }
 } });
 const BannerActionElement = tasty(_Item.Action, {
-	type: "outline",
+	type: "invert",
 	styles: { preset: "t3m" }
 });
 const BannerLinkElement = tasty(Button, {
@@ -40,7 +41,11 @@ const BannerLinkElement = tasty(Button, {
 * Automatically styled to match the banner's theme.
 */
 function BannerAction(props) {
-	return /* @__PURE__ */ jsx(BannerActionElement, { ...props });
+	const { theme } = useItemActionContext();
+	return /* @__PURE__ */ jsx(BannerActionElement, {
+		theme: theme ?? "note",
+		...props
+	});
 }
 /**
 * Sub-component for inline links within Banner content.

package/dist/components/actions/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","names":["Item"],"sources":["../../../../src/components/actions/Banner/Banner.tsx"],"sourcesContent":["import {\n  IconAlertTriangle,\n  IconCircleCheck,\n  IconExclamationCircle,\n  IconInfoCircle,\n  IconX,\n} from '@tabler/icons-react';\nimport { tasty } from '@tenphi/tasty';\nimport { ReactNode, useMemo } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { useI18n } from '../../../i18n';\nimport { CubeItemProps, Item } from '../../content/Item/Item';\nimport { Button, CubeButtonProps } from '../Button/Button';\nimport { CubeItemActionProps } from '../ItemAction/ItemAction';\n\nexport type BannerTheme = 'danger' | 'warning' | 'note' | 'success';\n\nexport type BannerProps = Omit<CubeItemProps, 'type' | 'size' | 'theme'> & {\n  /**\n   * The visual theme of the banner.\n   * @default 'note'\n   */\n  theme?: BannerTheme;\n  /**\n   * Controls whether the banner can be dismissed by the user.\n   * @default false\n   */\n  isDismissable?: boolean;\n  /**\n   * Callback fired when the dismiss button is clicked.\n   */\n  onDismiss?: () => void;\n};\n\nexport type BannerActionProps = Omit<CubeItemActionProps, 'preset' | 'type'>;\n\nexport type BannerLinkProps = Omit<CubeButtonProps, 'type' | 'size' | 'color'>;\n\nconst DEFAULT_ICONS: Record<BannerTheme, ReactNode> = {\n  danger: <IconExclamationCircle />,\n  warning: <IconAlertTriangle />,\n  note: <IconInfoCircle />,\n  success: <IconCircleCheck />,\n};\n\nconst BannerElement = tasty(Item, {\n  styles: {\n    width: '100%',\n\n    Description: {\n      textOverflow: 'ellipsis / 2',\n      whiteSpace: 'normal',\n    },\n\n    Actions: {\n      gap: '1x',\n    },\n  },\n});\n\n// `outline` on the `current` theme (`Item.Action`'s default): the chip and its\n// border are mixed from the banner's own white label, so the action reads as a\n// control against a saturated surface without naming a color.\n//\n// This used to clear the border. Back then an action inherited the banner's\n// THEME, so `outline` meant `note.outline` and friends, whose border is the\n// opaque `#note-border` — a pale line built for a `#surface-2` chip on a light\n// page, and plainly wrong on a saturated banner. Now that the border is\n// `#current.08` off the inherited label, clearing it only removed the one thing\n// that made the type an outline, leaving a 3% tint that vanished into the\n// banner.\nconst BannerActionElement = tasty(Item.Action, {\n  type: 'outline',\n  styles: {\n    preset: 't3m',\n  },\n});\n\nconst BannerLinkElement = tasty(Button, {\n  type: 'link',\n  size: 'inline',\n  styles: {\n    color: '#white',\n    textDecoration: 'underline',\n  },\n});\n\n/**\n * Sub-component for action buttons within a Banner.\n * Automatically styled to match the banner's theme.\n */\nexport function BannerAction(props: BannerActionProps) {\n  return <BannerActionElement {...props} />;\n}\n\n/**\n * Sub-component for inline links within Banner content.\n * Styled with white color and underline to stand out against the banner background.\n */\nexport function BannerLink(props: BannerLinkProps) {\n  return <BannerLinkElement {...props} />;\n}\n\n/**\n * Banner displays prominent messages and notifications to users.\n * Supports different themes (danger, warning, note, success) with appropriate icons.\n * Use Banner.Action for action buttons and Banner.Link for inline links.\n */\nexport function Banner(props: BannerProps) {\n  const { t } = useI18n();\n\n  const {\n    theme = 'note',\n    actions,\n    isDismissable = false,\n    onDismiss,\n    children,\n    icon,\n    ...rest\n  } = props;\n\n  const onDismissEvent = useEvent(() => {\n    onDismiss?.();\n  });\n\n  const defaultIcon = useMemo(() => DEFAULT_ICONS[theme], [theme]);\n\n  const hasActions = !!(actions || isDismissable);\n\n  return (\n    <BannerElement\n      qa=\"Banner\"\n      role=\"status\"\n      type=\"primary\"\n      theme={theme}\n      size=\"large\"\n      icon={icon ?? defaultIcon}\n      {...rest}\n      actions={\n        hasActions ? (\n          <>\n            {actions}\n            {isDismissable && (\n              <Item.Action\n                icon={<IconX />}\n                tooltip={t('banner.hideBanner', 'Hide banner')}\n                onPress={onDismissEvent}\n              />\n            )}\n          </>\n        ) : undefined\n      }\n    >\n      {children}\n    </BannerElement>\n  );\n}\n\nBanner.Action = BannerAction;\nBanner.Link = BannerLink;\n"],"mappings":";;;;;;;;;;;AAuCA,MAAM,gBAAgD;CACpD,QAAQ,oBAAC,0BAAwB;CACjC,SAAS,oBAAC,sBAAoB;CAC9B,MAAM,oBAAC,mBAAiB;CACxB,SAAS,oBAAC,oBAAkB;CAC7B;AAED,MAAM,gBAAgB,MAAMA,OAAM,EAChC,QAAQ;CACN,OAAO;CAEP,aAAa;EACX,cAAc;EACd,YAAY;EACb;CAED,SAAS,EACP,KAAK,MACN;CACF,EACF,CAAC;AAaF,MAAM,sBAAsB,MAAMA,MAAK,QAAQ;CAC7C,MAAM;CACN,QAAQ,EACN,QAAQ,OACT;CACF,CAAC;AAEF,MAAM,oBAAoB,MAAM,QAAQ;CACtC,MAAM;CACN,MAAM;CACN,QAAQ;EACN,OAAO;EACP,gBAAgB;EACjB;CACF,CAAC;;;;;AAMF,SAAgB,aAAa,OAA0B;AACrD,QAAO,oBAAC,uBAAoB,GAAI,QAAS;;;;;;AAO3C,SAAgB,WAAW,OAAwB;AACjD,QAAO,oBAAC,qBAAkB,GAAI,QAAS;;;;;;;AAQzC,SAAgB,OAAO,OAAoB;CACzC,MAAM,EAAE,MAAM,SAAS;CAEvB,MAAM,EACJ,QAAQ,QACR,SACA,gBAAgB,OAChB,WACA,UACA,MACA,GAAG,SACD;CAEJ,MAAM,iBAAiB,eAAe;AACpC,eAAa;GACb;CAEF,MAAM,cAAc,cAAc,cAAc,QAAQ,CAAC,MAAM,CAAC;CAEhE,MAAM,aAAa,CAAC,EAAE,WAAW;AAEjC,QACE,oBAAC;EACC,IAAG;EACH,MAAK;EACL,MAAK;EACE;EACP,MAAK;EACL,MAAM,QAAQ;EACd,GAAI;EACJ,SACE,aACE,8CACG,SACA,iBACC,oBAACA,MAAK;GACJ,MAAM,oBAAC,UAAQ;GACf,SAAS,EAAE,qBAAqB,cAAc;GAC9C,SAAS;IACT,IAEH,GACD;EAGL;GACa;;AAIpB,OAAO,SAAS;AAChB,OAAO,OAAO"}
+{"version":3,"file":"Banner.js","names":["Item"],"sources":["../../../../src/components/actions/Banner/Banner.tsx"],"sourcesContent":["import {\n  IconAlertTriangle,\n  IconCircleCheck,\n  IconExclamationCircle,\n  IconInfoCircle,\n  IconX,\n} from '@tabler/icons-react';\nimport { tasty } from '@tenphi/tasty';\nimport { ReactNode, useMemo } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks/use-event';\nimport { useI18n } from '../../../i18n';\nimport { CubeItemProps, Item } from '../../content/Item/Item';\nimport { Button, CubeButtonProps } from '../Button/Button';\nimport { CubeItemActionProps } from '../ItemAction/ItemAction';\nimport { useItemActionContext } from '../ItemActionContext';\n\nexport type BannerTheme = 'danger' | 'warning' | 'note' | 'success';\n\nexport type BannerProps = Omit<CubeItemProps, 'type' | 'size' | 'theme'> & {\n  /**\n   * The visual theme of the banner.\n   * @default 'note'\n   */\n  theme?: BannerTheme;\n  /**\n   * Controls whether the banner can be dismissed by the user.\n   * @default false\n   */\n  isDismissable?: boolean;\n  /**\n   * Callback fired when the dismiss button is clicked.\n   */\n  onDismiss?: () => void;\n};\n\nexport type BannerActionProps = Omit<CubeItemActionProps, 'preset' | 'type'>;\n\nexport type BannerLinkProps = Omit<CubeButtonProps, 'type' | 'size' | 'color'>;\n\nconst DEFAULT_ICONS: Record<BannerTheme, ReactNode> = {\n  danger: <IconExclamationCircle />,\n  warning: <IconAlertTriangle />,\n  note: <IconInfoCircle />,\n  success: <IconCircleCheck />,\n};\n\nconst BannerElement = tasty(Item, {\n  styles: {\n    width: '100%',\n\n    Description: {\n      textOverflow: 'ellipsis / 2',\n      whiteSpace: 'normal',\n    },\n\n    Actions: {\n      gap: '1x',\n    },\n  },\n});\n\n// `invert` on the banner's OWN theme, which is the one pairing that gives a\n// banner a filled action legible in both schemes.\n//\n// The obvious choice — `Item.Action`'s default `current` theme — cannot do it\n// here, and the reason is specific rather than general. A banner labels itself\n// `#white` in both schemes (see `BannerLinkElement` and `*_PRIMARY_STYLES`), so\n// `currentcolor` inside one is white; and `#surface`, the page token both filled\n// `current` flavours reach for, is ALSO white in light mode. Every arrangement\n// of those two collapses:\n//\n//   theme=current type=primary   fill #current (white)  label #surface (white)\n//   theme=current type=invert    fill #surface (white)  label #current (white)\n//\n// Both measure cr 1.00 in light on all four banner themes. The theme's own\n// tokens have no such coincidence: `accent-text` is the dark end of the brand\n// ramp and `#surface` is the page, so `<theme>.invert` measures 6.87–7.90 across\n// the four themes in both schemes, and the chip still separates from the banner\n// (cr ~1.5 light, ~2.4 dark, either side of the 1.48 a `primary` rim measures).\n//\n// The previous default was `current.outline`: label cr 4.3–5.0, but a chip only\n// 1.06 off the banner, which is what an outline is meant to be. `invert` is the\n// filled counterpart, for a banner whose action should read as the thing to\n// press.\nconst BannerActionElement = tasty(Item.Action, {\n  type: 'invert',\n  styles: {\n    preset: 't3m',\n  },\n});\n\nconst BannerLinkElement = tasty(Button, {\n  type: 'link',\n  size: 'inline',\n  styles: {\n    color: '#white',\n    textDecoration: 'underline',\n  },\n});\n\n/**\n * Sub-component for action buttons within a Banner.\n * Automatically styled to match the banner's theme.\n */\nexport function BannerAction(props: BannerActionProps) {\n  // The banner's theme, taken from the row that hosts the action. `Item.Action`\n  // defaults its own `theme` to `current` and no longer reads this context for\n  // styling, so the banner has to name it — which is the point here: `invert`\n  // needs the brand ramp, and `current` is exactly what does not work inside a\n  // banner. Falls back to the banner's own default theme when an action is\n  // rendered outside one, rather than to `current`.\n  const { theme } = useItemActionContext();\n\n  return <BannerActionElement theme={theme ?? 'note'} {...props} />;\n}\n\n/**\n * Sub-component for inline links within Banner content.\n * Styled with white color and underline to stand out against the banner background.\n */\nexport function BannerLink(props: BannerLinkProps) {\n  return <BannerLinkElement {...props} />;\n}\n\n/**\n * Banner displays prominent messages and notifications to users.\n * Supports different themes (danger, warning, note, success) with appropriate icons.\n * Use Banner.Action for action buttons and Banner.Link for inline links.\n */\nexport function Banner(props: BannerProps) {\n  const { t } = useI18n();\n\n  const {\n    theme = 'note',\n    actions,\n    isDismissable = false,\n    onDismiss,\n    children,\n    icon,\n    ...rest\n  } = props;\n\n  const onDismissEvent = useEvent(() => {\n    onDismiss?.();\n  });\n\n  const defaultIcon = useMemo(() => DEFAULT_ICONS[theme], [theme]);\n\n  const hasActions = !!(actions || isDismissable);\n\n  return (\n    <BannerElement\n      qa=\"Banner\"\n      role=\"status\"\n      type=\"primary\"\n      theme={theme}\n      size=\"large\"\n      icon={icon ?? defaultIcon}\n      {...rest}\n      actions={\n        hasActions ? (\n          <>\n            {actions}\n            {isDismissable && (\n              <Item.Action\n                icon={<IconX />}\n                tooltip={t('banner.hideBanner', 'Hide banner')}\n                onPress={onDismissEvent}\n              />\n            )}\n          </>\n        ) : undefined\n      }\n    >\n      {children}\n    </BannerElement>\n  );\n}\n\nBanner.Action = BannerAction;\nBanner.Link = BannerLink;\n"],"mappings":";;;;;;;;;;;;AAwCA,MAAM,gBAAgD;CACpD,QAAQ,oBAAC,0BAAwB;CACjC,SAAS,oBAAC,sBAAoB;CAC9B,MAAM,oBAAC,mBAAiB;CACxB,SAAS,oBAAC,oBAAkB;CAC7B;AAED,MAAM,gBAAgB,MAAMA,OAAM,EAChC,QAAQ;CACN,OAAO;CAEP,aAAa;EACX,cAAc;EACd,YAAY;EACb;CAED,SAAS,EACP,KAAK,MACN;CACF,EACF,CAAC;AAyBF,MAAM,sBAAsB,MAAMA,MAAK,QAAQ;CAC7C,MAAM;CACN,QAAQ,EACN,QAAQ,OACT;CACF,CAAC;AAEF,MAAM,oBAAoB,MAAM,QAAQ;CACtC,MAAM;CACN,MAAM;CACN,QAAQ;EACN,OAAO;EACP,gBAAgB;EACjB;CACF,CAAC;;;;;AAMF,SAAgB,aAAa,OAA0B;CAOrD,MAAM,EAAE,UAAU,sBAAsB;AAExC,QAAO,oBAAC;EAAoB,OAAO,SAAS;EAAQ,GAAI;GAAS;;;;;;AAOnE,SAAgB,WAAW,OAAwB;AACjD,QAAO,oBAAC,qBAAkB,GAAI,QAAS;;;;;;;AAQzC,SAAgB,OAAO,OAAoB;CACzC,MAAM,EAAE,MAAM,SAAS;CAEvB,MAAM,EACJ,QAAQ,QACR,SACA,gBAAgB,OAChB,WACA,UACA,MACA,GAAG,SACD;CAEJ,MAAM,iBAAiB,eAAe;AACpC,eAAa;GACb;CAEF,MAAM,cAAc,cAAc,cAAc,QAAQ,CAAC,MAAM,CAAC;CAEhE,MAAM,aAAa,CAAC,EAAE,WAAW;AAEjC,QACE,oBAAC;EACC,IAAG;EACH,MAAK;EACL,MAAK;EACE;EACP,MAAK;EACL,MAAM,QAAQ;EACd,GAAI;EACJ,SACE,aACE,8CACG,SACA,iBACC,oBAACA,MAAK;GACJ,MAAM,oBAAC,UAAQ;GACf,SAAS,EAAE,qBAAqB,cAAc;GAC9C,SAAS;IACT,IAEH,GACD;EAGL;GACa;;AAIpB,OAAO,SAAS;AAChB,OAAO,OAAO"}

package/dist/components/actions/Button/Button.d.ts

@@ -4,6 +4,7 @@ import { DynamicIcon } from "../../../utils/react/resolveIcon.js";
 import "../../../utils/react/index.js";
 import { CubeActionProps } from "../Action/Action.js";
 import { Mods, Styles } from "@tenphi/tasty";
+import "react";
 import { OverlayProps } from "react-aria";
 
 //#region src/components/actions/Button/Button.d.ts

package/dist/components/actions/Button/Button.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { getDisabledElementProps } from "../../../utils/react/disabledProps.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";

package/dist/components/actions/ButtonGroup/ButtonGroup.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { useSlotProps } from "../../../utils/react/Slots.js";
 import { Space } from "../../layout/Space.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/actions/ButtonSplit/ButtonSplit.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { DirectionIcon } from "../../../icons/DirectionIcon.js";

package/dist/components/actions/ButtonSplit/context.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { createContext, useContext } from "react";
 
 //#region src/components/actions/ButtonSplit/context.ts

package/dist/components/actions/CommandMenu/CommandMenu.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 
 //#region src/components/actions/CommandMenu/styled.tsx

package/dist/components/actions/ItemAction/ItemAction.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
 import { CURRENT_CLEAR_STYLES, CURRENT_INVERT_STYLES, CURRENT_OUTLINE_STYLES, CURRENT_PRIMARY_STYLES, DANGER_CLEAR_STYLES, DANGER_INVERT_STYLES, DANGER_OUTLINE_STYLES, DANGER_PRIMARY_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_INVERT_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, ITEM_ACTION_BASE_STYLES, NOTE_CLEAR_STYLES, NOTE_INVERT_STYLES, NOTE_OUTLINE_STYLES, NOTE_PRIMARY_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_INVERT_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_INVERT_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES, WARNING_CLEAR_STYLES, WARNING_INVERT_STYLES, WARNING_OUTLINE_STYLES, WARNING_PRIMARY_STYLES } from "../../../data/item-themes.js";

package/dist/components/actions/ItemActionContext.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 

package/dist/components/actions/ItemButton/ItemButton.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { useDismissParentPopover } from "../../../utils/react/usePopoverSync.js";

package/dist/components/actions/Link/Link.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { Button } from "../Button/Button.js";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { _CollectionItem } from "../../CollectionItem.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { filterCollectionItemProps } from "../../CollectionItem.js";
 import { _Item } from "../../content/Item/Item.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { TooltipProvider } from "../../overlays/Tooltip/TooltipProvider.js";
 import { MenuItem } from "./MenuItem.js";
 import { StyledMenu, StyledSection, StyledSectionHeading } from "./styled.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { SlotProvider } from "../../../utils/react/Slots.js";
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { usePopoverSync } from "../../../utils/react/usePopoverSync.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { MenuContext, useMenuContext } from "./context.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import React from "react";
 
 //#region src/components/actions/Menu/SubmenuTriggerContext.tsx

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import React, { useContext } from "react";
 
 //#region src/components/actions/Menu/context.ts

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { DEFAULT_CLEAR_STYLES } from "../../../data/item-themes.js";
 import { Space } from "../../layout/Space.js";
 import { DEFAULT_BUTTON_STYLES } from "../Button/Button.js";

package/dist/components/actions/index.js

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

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

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { usePopoverSync } from "../../utils/react/usePopoverSync.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../utils/react/mergeProps.js";
 import { usePopoverSync } from "../../utils/react/usePopoverSync.js";
 import { useEvent } from "../../_internal/hooks/use-event.js";

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/content/Content.js

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | 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.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | 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,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeRefs } from "../../../utils/react/useCombinedRefs.js";
 import { DisplayTransition } from "../../helpers/DisplayTransition/DisplayTransition.js";

package/dist/components/content/Divider.js

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

package/dist/components/content/Footer.js

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

package/dist/components/content/Header.js

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

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | 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.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { ItemBadge } from "../ItemBadge/ItemBadge.js";
 import { useI18n } from "../../../i18n/useI18n.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | 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";

package/dist/components/content/Item/Item.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-0cd607b | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-657a057 | Cube Dev Team */
 import { getDisabledElementProps, omitActivationEventProps } from "../../../utils/react/disabledProps.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
 import { resolveIcon } from "../../../utils/react/resolveIcon.js";
@@ -380,7 +380,7 @@ const Item = (props, ref) => {
 	const iconKey = hasCheckmark ? "checkmark" : isLoading && resolvedLoadingSlot === "icon" ? "loading" : isValidElement(finalIcon) ? finalIcon.type?.displayName || finalIcon.type?.name || "icon" : finalIcon ? "icon" : "empty";
 	const rightIconKey = isLoading && resolvedLoadingSlot === "rightIcon" ? "loading" : isValidElement(finalRightIcon) ? finalRightIcon.type?.displayName || finalRightIcon.type?.name || "icon" : finalRightIcon ? "icon" : "empty";
 	const finalPrefix = isLoading && resolvedLoadingSlot === "prefix" ? /* @__PURE__ */ jsx(LoadingIcon, {}) : prefix;
-	const hotkeysType = type === "invert" && theme !== "current" ? "inherit" : type === "primary" || type === "invert" ? "primary" : "default";
+	const hotkeysType = type === "invert" ? "inherit" : type === "primary" ? "primary" : "default";
 	const finalSuffix = isLoading && resolvedLoadingSlot === "suffix" ? /* @__PURE__ */ jsx(LoadingIcon, {}) : suffix ?? (hotkeys ? /* @__PURE__ */ jsx(_HotKeys, {
 		...keyboardShortcutProps,
 		type: hotkeysType,