@cube-dev/ui-kit 0.0.0-canary-f671590 → 0.0.0-canary-356f952

package/dist/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @cube-dev/ui-kit
 
+## 0.194.0
+
+### Minor Changes
+
+- [#1505](https://github.com/cube-js/cube-ui-kit/pull/1505) [`e972167f`](https://github.com/cube-js/cube-ui-kit/commit/e972167f6c081ef2cc617f97ff38c3bdc378ebc8) Thanks [@tenphi](https://github.com/tenphi)! - Render Menu navigation items as native links, supporting `to`, path objects, navigation options and native `href` attributes. Ordinary activation uses the application router once; browser link gestures remain native and disabled destinations stay inert. Preserve the navigation adapter through nested providers and overlays. Submenu triggers open their submenu without invoking item or Menu command callbacks, including pointer and hotkey activation.
+
+  Support the same destinations and composed item/Menu callbacks in CommandMenu. Cover complete navigation rows with native link targets, including whitespace and padding. Give mixed command/link menus semantic focus targets and separately accessible inline actions while preserving item layout. Correct CommandMenu's searchbox-to-menu active descendant relationship. Use the `focused` modifier and `data-menuitem` for layout-row selectors that previously relied on LI focus or role adjacency. Selection controls reject and ignore destination props so listbox and combobox options cannot navigate.
+
+- [#1509](https://github.com/cube-js/cube-ui-kit/pull/1509) [`5acedc3e`](https://github.com/cube-js/cube-ui-kit/commit/5acedc3e3488f6f0523cdee592ac8b420242d158) Thanks [@tenphi](https://github.com/tenphi)! - A modal, fullscreen or tray `Dialog` now hides the page behind it from screen readers while it is open, so their reading cursor stays in the dialog. Lists, menus, popovers, tooltips and dialogs opened from inside it stay readable, and so do toasts; popover and panel dialogs leave the page readable. Content you portal out of a dialog yourself, with `Portal` or `createPortal`, is hidden with the page, so render it inside the dialog. In tests, the page behind an open modal is now `aria-hidden`: role queries skip it, and with `{ hidden: true }` they find its elements but not by name, so query them by text or `qa` instead.
+
+### Patch Changes
+
+- [#1509](https://github.com/cube-js/cube-ui-kit/pull/1509) [`5acedc3e`](https://github.com/cube-js/cube-ui-kit/commit/5acedc3e3488f6f0523cdee592ac8b420242d158) Thanks [@tenphi](https://github.com/tenphi)! - A `Title` inside a `Dialog` is now the `h2` the dialog asks for rather than an `h1`, unless it sets its own `level`; it looks the same. `Menu` keeps its id and accessible name on the menu list only, so a trigger's `aria-controls` no longer finds a wrapper with the same id. `CommandMenu` names its search input with its `aria-label`, and its `aria-activedescendant` now points at the highlighted command rather than at an id no element has; item ids are unique to each menu.
+
+- [#1509](https://github.com/cube-js/cube-ui-kit/pull/1509) [`5acedc3e`](https://github.com/cube-js/cube-ui-kit/commit/5acedc3e3488f6f0523cdee592ac8b420242d158) Thanks [@tenphi](https://github.com/tenphi)! - Link every form input's `description` and error message to its control with `aria-describedby`, so a screen reader reads them with the field instead of announcing it invalid without saying why. `aria-label` alone now names the inputs of `ComboBox` and `FilterListBox`, and `FileInput`, `TextInputMapper` and `CheckboxGroup`; `CheckboxGroup`'s `group` role, name and description move from the field wrapper to the element around its checkboxes, so `fieldProps` reach the wrapper again; `ComboBox`, `FilterListBox`, `ListBox` and `ColorSwatchGroup` mark an invalid field `aria-invalid`, which a screen reader announces; and `Picker`, `FilterPicker` and `ColorPicker` accept `aria-describedby`. The required asterisk and the check marks of `Checkbox` and `ListBox` are hidden from screen readers rather than read as unnamed graphics; with `includeNecessityIndicatorInAccessibilityName`, the asterisk is read as "(required)". The two calendar buttons of `DateRangeSeparatedPicker` are named for the start and end date, where both were "Calendar".
+
+- [#1509](https://github.com/cube-js/cube-ui-kit/pull/1509) [`5acedc3e`](https://github.com/cube-js/cube-ui-kit/commit/5acedc3e3488f6f0523cdee592ac8b420242d158) Thanks [@tenphi](https://github.com/tenphi)! - Make a `Skeleton` one "Content is loading" region rather than one per bar, and hide the placeholders inside it, and in a table's loading rows, from screen readers. A standalone `Placeholder` is still that region, and is no longer an empty `aria-live` region. `Result` and `Banner` hide their status icons from screen readers rather than letting them be read as unnamed graphics.
+
+- [#1508](https://github.com/cube-js/cube-ui-kit/pull/1508) [`d91cd10d`](https://github.com/cube-js/cube-ui-kit/commit/d91cd10d4ded0d3d970d3125506e5ffb23bd74a7) Thanks [@tenphi](https://github.com/tenphi)! - Reduce wide ItemTable and DataTable horizontal scrolling work by reusing the mounted column buffer between refills. Keep the existing ahead coverage, tooltips, headers and custom-cell behavior, release extra buffer cells when scrolling settles or vertical movement starts, and skip range tracking when every column is already retained.
+
+- [#1509](https://github.com/cube-js/cube-ui-kit/pull/1509) [`5acedc3e`](https://github.com/cube-js/cube-ui-kit/commit/5acedc3e3488f6f0523cdee592ac8b420242d158) Thanks [@tenphi](https://github.com/tenphi)! - Translate the accessible names components set themselves, which were English in every language: `ButtonSplit`'s menu button, `CommandMenu`'s list and loading indicator, the dialog, value input, palette and color-space tabs of `ColorPicker` and `ColorInput`, `ColorSwatchGroup`'s default and custom-color names, `HotKeys` (and the "or" between combinations), the resize handles of `Layout.Panel` and `Layout.Pane`, `Tree`'s default name and `TextInputMapper`'s add button. English text is unchanged.
+
 ## 0.193.2
 
 ### Patch Changes

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f671590 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-356f952 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useEffect, useRef, useState } from "react";
 

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f671590 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-356f952 | Cube Dev Team */
 import { deprecationWarning } from "../../utils/warnings.js";
 import { c } from "react/compiler-runtime";
 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-f671590 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-356f952 | Cube Dev Team */
 import { useSyncRef } from "./use-sync-ref.js";
 import { c } from "react/compiler-runtime";
 

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f671590 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-356f952 | 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-f671590 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-356f952 | Cube Dev Team */
 import { useLayoutEffect as useLayoutEffect$1 } from "../../utils/react/useLayoutEffect.js";
 import { c } from "react/compiler-runtime";
 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-f671590 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-356f952 | 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-f671590 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-356f952 | Cube Dev Team */
 import { useEvent } from "../use-event.js";
 import { Timer } from "./timer.js";
 import { c } from "react/compiler-runtime";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f671590 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-356f952 | 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-f671590 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-356f952 | 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/CollectionItem.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f671590 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-356f952 | 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-f671590 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-356f952 | Cube Dev Team */
 import { mergeStyleLayers } from "../utils/styles.js";
 import { usePaletteValue } from "../tokens/palette-config.js";
 import { getTokens } from "../tokens/all-tokens.js";

package/dist/components/GridProvider.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f671590 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-356f952 | 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-f671590 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-356f952 | 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-f671590 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-356f952 | Cube Dev Team */
 import { extractStyles } from "../utils/styles.js";
 import { AMBIENT_PREDEFINED_STATES } from "../utils/react/useScheme.js";
 import { EventBusProvider } from "../utils/react/useEventBus.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f671590 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-356f952 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { useAction } from "../use-action.js";
 import { c } from "react/compiler-runtime";

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

@@ -1,7 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f671590 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-356f952 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
-import { _Item } from "../../content/Item/Item.js";
 import { useI18n } from "../../../i18n/useI18n.js";
+import { _Item } from "../../content/Item/Item.js";
 import { Button } from "../Button/Button.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";
@@ -10,10 +10,10 @@ import { IconAlertTriangle, IconCircleCheck, IconExclamationCircle, IconInfoCirc
 
 //#region src/components/actions/Banner/Banner.tsx
 const DEFAULT_ICONS = {
-	danger: /* @__PURE__ */ jsx(IconExclamationCircle, {}),
-	warning: /* @__PURE__ */ jsx(IconAlertTriangle, {}),
-	note: /* @__PURE__ */ jsx(IconInfoCircle, {}),
-	success: /* @__PURE__ */ jsx(IconCircleCheck, {})
+	danger: /* @__PURE__ */ jsx(IconExclamationCircle, { "aria-hidden": "true" }),
+	warning: /* @__PURE__ */ jsx(IconAlertTriangle, { "aria-hidden": "true" }),
+	note: /* @__PURE__ */ jsx(IconInfoCircle, { "aria-hidden": "true" }),
+	success: /* @__PURE__ */ jsx(IconCircleCheck, { "aria-hidden": "true" })
 };
 const BannerElement = tasty(_Item, { styles: {
 	width: "100%",

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

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","names":["IconAlertTriangle","IconCircleCheck","IconExclamationCircle","IconInfoCircle","IconX","tasty","ReactNode","useEvent","useI18n","CubeItemProps","Item","Button","CubeButtonProps","CubeItemActionProps","BannerTheme","BannerProps","Omit","theme","isDismissable","onDismiss","BannerActionProps","BannerLinkProps","DEFAULT_ICONS","Record","danger","warning","note","success","BannerElement","styles","width","Description","textOverflow","whiteSpace","Actions","gap","BannerActionElement","Action","type","preset","BannerLinkElement","size","color","textDecoration","BannerAction","props","$","_c","t0","BannerLink","Banner","t","actions","children","icon","rest","t1","undefined","t2","onDismissEvent","defaultIcon","hasActions","t3","t4","t5","Link"],"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 } 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// `current.outline` — the `current` theme on `Item.Action`, given the outlined\n// shape rather than the borderless default.\n//\n// `current` is the right color source: a banner labels itself `#white` in both\n// schemes (see `BannerLinkElement` and `*_PRIMARY_STYLES`), so the action mixes\n// its chip, border and label from that white — label cr 4.3-5.0 against every\n// banner theme, with the chip a subtle 1.06 off the banner. That is what an\n// action on a saturated surface should be: the banner carries the emphasis, the\n// button just has to be findable.\n//\n// `outline` rather than `Item.Action`'s `clear` default because a banner action\n// is a call to action, and `clear` paints nothing at rest — on a busy banner it\n// reads as body text until hovered. The `#current.08` border is what makes it a\n// button, which is why the old `border: '#clear'` override had to go: it was\n// written when `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. On the `current` theme the\n// border IS the chip, and the 3% fill cannot carry one alone.\n//\n// `type=\"primary\"` is deliberately not used. It would fill with the inherited\n// white and punch `#current-fill` out of it, which defaults to `#surface` —\n// white in light mode, so the label would collapse into its own chip. A banner\n// that wants a filled action has to set `#current-fill` to its own surface\n// color; see `CURRENT_PRIMARY_STYLES` in `item-themes`.\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 = DEFAULT_ICONS[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":"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"}
+{"version":3,"file":"Banner.js","names":["IconAlertTriangle","IconCircleCheck","IconExclamationCircle","IconInfoCircle","IconX","tasty","ReactNode","useEvent","useI18n","CubeItemProps","Item","Button","CubeButtonProps","CubeItemActionProps","BannerTheme","BannerProps","Omit","theme","isDismissable","onDismiss","BannerActionProps","BannerLinkProps","DEFAULT_ICONS","Record","danger","warning","note","success","BannerElement","styles","width","Description","textOverflow","whiteSpace","Actions","gap","BannerActionElement","Action","type","preset","BannerLinkElement","size","color","textDecoration","BannerAction","props","$","_c","t0","BannerLink","Banner","t","actions","children","icon","rest","t1","undefined","t2","onDismissEvent","defaultIcon","hasActions","t3","t4","t5","Link"],"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 } 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  // Decorative: the banner's text carries the message.\n  danger: <IconExclamationCircle aria-hidden=\"true\" />,\n  warning: <IconAlertTriangle aria-hidden=\"true\" />,\n  note: <IconInfoCircle aria-hidden=\"true\" />,\n  success: <IconCircleCheck aria-hidden=\"true\" />,\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// `current.outline` — the `current` theme on `Item.Action`, given the outlined\n// shape rather than the borderless default.\n//\n// `current` is the right color source: a banner labels itself `#white` in both\n// schemes (see `BannerLinkElement` and `*_PRIMARY_STYLES`), so the action mixes\n// its chip, border and label from that white — label cr 4.3-5.0 against every\n// banner theme, with the chip a subtle 1.06 off the banner. That is what an\n// action on a saturated surface should be: the banner carries the emphasis, the\n// button just has to be findable.\n//\n// `outline` rather than `Item.Action`'s `clear` default because a banner action\n// is a call to action, and `clear` paints nothing at rest — on a busy banner it\n// reads as body text until hovered. The `#current.08` border is what makes it a\n// button, which is why the old `border: '#clear'` override had to go: it was\n// written when `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. On the `current` theme the\n// border IS the chip, and the 3% fill cannot carry one alone.\n//\n// `type=\"primary\"` is deliberately not used. It would fill with the inherited\n// white and punch `#current-fill` out of it, which defaults to `#surface` —\n// white in light mode, so the label would collapse into its own chip. A banner\n// that wants a filled action has to set `#current-fill` to its own surface\n// color; see `CURRENT_PRIMARY_STYLES` in `item-themes`.\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 = DEFAULT_ICONS[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,MAAMsB,gBAAgD;CAEpDE,QAAQ,oBAAC,yBAAsB,eAAY,SAAS;CACpDC,SAAS,oBAAC,qBAAkB,eAAY,SAAS;CACjDC,MAAM,oBAAC,kBAAe,eAAY,SAAS;CAC3CC,SAAS,oBAAC,mBAAgB,eAAY,SAAM;CAC7C;AAED,MAAMC,gBAAgBvB,MAAMK,OAAM,EAChCmB,QAAQ;CACNC,OAAO;CAEPC,aAAa;EACXC,cAAc;EACdC,YAAY;EACb;CAEDC,SAAS,EACPC,KAAK,MACP;CACF,EACD,CAAC;AA0BF,MAAMC,sBAAsB/B,MAAMK,MAAK2B,QAAQ;CAC7CC,MAAM;CACNT,QAAQ,EACNU,QAAQ,OACV;CACD,CAAC;AAEF,MAAMC,oBAAoBnC,MAAMM,QAAQ;CACtC2B,MAAM;CACNG,MAAM;CACNZ,QAAQ;EACNa,OAAO;EACPC,gBAAgB;EAClB;CACD,CAAC;;;;;AAMF,SAAOC,aAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAD,OAAA;AACEG,OAAA,oBAAC,uBAAmB,GAAKH,QAAS;AAAAC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;OAAAA,MAAAF,EAAA;AAAA,QAAlCE;;;;;;AAOT,SAAOC,WAAAJ,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAD,OAAA;AACEG,OAAA,oBAAC,qBAAiB,GAAKH,QAAS;AAAAC,IAAA,KAAAD;AAAAC,IAAA,KAAAE;OAAAA,MAAAF,EAAA;AAAA,QAAhCE;;;;;;;AAQT,SAAOE,OAAAL,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACL,MAAA,EAAAI,MAAc3C,SAAS;CAAC,IAAA4C;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAnC;CAAA,IAAAoC;CAAA,IAAAP;CAAA,IAAAQ;AAAA,KAAAV,EAAA,OAAAD,OAAA;AAExB,GAAA,CAAA5B,OAAA+B,IAAAI,SAAAlC,eAAAsC,IAAArC,WAAAkC,UAAAC,SAAAC,QAQIV;AAAMC,IAAA,KAAAD;AAAAC,IAAA,KAAAM;AAAAN,IAAA,KAAAO;AAAAP,IAAA,KAAAQ;AAAAR,IAAA,KAAA3B;AAAA2B,IAAA,KAAAS;AAAAT,IAAA,KAAAE;AAAAF,IAAA,KAAAU;QAAA;AAAAJ,YAAAN,EAAA;AAAAO,aAAAP,EAAA;AAAAQ,SAAAR,EAAA;AAAA3B,cAAA2B,EAAA;AAAAS,SAAAT,EAAA;AAAAE,OAAAF,EAAA;AAAAU,OAAAV,EAAA;;CAPR,MAAA7B,QAAA+B,OAAAS,SAAA,SAAAT;CAEA,MAAA9B,gBAAAsC,OAAAC,SAAA,QAAAD;CAAqB,IAAAE;AAAA,KAAAZ,EAAA,OAAA3B,WAAA;AAOSuC,aAAA;AAC9BvC,gBAAa;;AACd2B,IAAA,KAAA3B;AAAA2B,IAAA,KAAAY;OAAAA,MAAAZ,EAAA;CAFD,MAAAa,iBAAuBpD,SAASmD,GAE9B;CAEF,MAAAE,cAAoBtC,cAAcL;CAElC,MAAA4C,aAAmB,CAAC,EAAET,WAAAlC;CASZ,MAAA4C,KAAAR,QAAAM;CAAmB,IAAAG;AAAA,KAAAjB,EAAA,QAAAM,WAAAN,EAAA,QAAAe,cAAAf,EAAA,QAAA5B,iBAAA4B,EAAA,QAAAa,kBAAAb,EAAA,QAAAK,GAAA;AAGvBY,OAAAF,aAAA,4CAEKT,SACAlC,iBACC,oBAAA,MAAA;GACQ,MAAA,oBAAC,UAAO;GACL,SAAAiC,EAAE,qBAAqB,cAAa;GACpCQ,SAAAA;IAEb,IAES,GAXbF;AAWaX,IAAA,MAAAM;AAAAN,IAAA,MAAAe;AAAAf,IAAA,MAAA5B;AAAA4B,IAAA,MAAAa;AAAAb,IAAA,MAAAK;AAAAL,IAAA,MAAAiB;OAAAA,MAAAjB,EAAA;CAAA,IAAAkB;AAAA,KAAAlB,EAAA,QAAAO,YAAAP,EAAA,QAAAS,QAAAT,EAAA,QAAAgB,MAAAhB,EAAA,QAAAiB,MAAAjB,EAAA,QAAA7B,OAAA;AApBjB+C,OAAA,oBAAC;GACI,IAAA;GACE,MAAA;GACA,MAAA;GACE/C;GACF,MAAA;GACC,MAAA6C;GAAmB,GACrBP;GAEF,SAAAQ;GAcDV;IACa;AAAAP,IAAA,MAAAO;AAAAP,IAAA,MAAAS;AAAAT,IAAA,MAAAgB;AAAAhB,IAAA,MAAAiB;AAAAjB,IAAA,MAAA7B;AAAA6B,IAAA,MAAAkB;OAAAA,MAAAlB,EAAA;AAAA,QAxBhBkB;;AA4BJd,OAAOb,SAASO;AAChBM,OAAOe,OAAOhB"}

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

@@ -1,7 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f671590 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-356f952 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
-import { getDisabledElementProps, omitActivationEventProps } from "../../../utils/react/disabledProps.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
+import { getDisabledElementProps, omitActivationEventProps } from "../../../utils/react/disabledProps.js";
 import { useDismissParentPopover } from "../../../utils/react/usePopoverSync.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { resolveIcon } from "../../../utils/react/resolveIcon.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f671590 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-356f952 | Cube Dev Team */
 import { useSlotProps } from "../../../utils/react/Slots.js";
 import { Space } from "../../layout/Space.js";
 import { c } from "react/compiler-runtime";

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

@@ -1,6 +1,7 @@
-/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-f671590 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.0.0-canary-356f952 | Cube Dev Team */
 import { extractStyles, mergeStyleLayers } from "../../../utils/styles.js";
 import { mergeProps } from "../../../utils/react/mergeProps.js";
+import { useI18n } from "../../../i18n/useI18n.js";
 import { ButtonSplitContext } from "./context.js";
 import { Button } from "../Button/Button.js";
 import { DirectionIcon } from "../../../icons/DirectionIcon.js";
@@ -22,8 +23,9 @@ const ButtonSplitElement = tasty({
 	}
 });
 const ButtonSplit = forwardRef(function ButtonSplit(props, ref) {
-	const $ = c(49);
+	const $ = c(50);
 	const { actions, actionKey: controlledActionKey, defaultActionKey, onAction, onActionChange, type, theme, size, isDisabled, actionProps, triggerProps, menuProps, styles, children, role, ...rest } = props;
+	const { t } = useI18n();
 	const isControlled = controlledActionKey !== void 0;
 	let t0;
 	if ($[0] !== actions?.[0]?.key || $[1] !== defaultActionKey) {
@@ -94,7 +96,7 @@ const ButtonSplit = forwardRef(function ButtonSplit(props, ref) {
 	const t6 = filterBaseProps(rest, { eventProps: true });
 	const t7 = role ?? (isCustomMode ? "group" : void 0);
 	let t8;
-	if ($[20] !== actionProps || $[21] !== actions || $[22] !== children || $[23] !== currentAction?.icon || $[24] !== currentAction?.label || $[25] !== currentAction?.tooltip || $[26] !== currentKey || $[27] !== handleActionPress || $[28] !== handleSelectionChange || $[29] !== isCustomMode || $[30] !== isDisabled || $[31] !== menuProps || $[32] !== size || $[33] !== theme || $[34] !== triggerProps || $[35] !== type) {
+	if ($[20] !== actionProps || $[21] !== actions || $[22] !== children || $[23] !== currentAction?.icon || $[24] !== currentAction?.label || $[25] !== currentAction?.tooltip || $[26] !== currentKey || $[27] !== handleActionPress || $[28] !== handleSelectionChange || $[29] !== isCustomMode || $[30] !== isDisabled || $[31] !== menuProps || $[32] !== size || $[33] !== t || $[34] !== theme || $[35] !== triggerProps || $[36] !== type) {
 		t8 = isCustomMode ? children : actions ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
 			type,
 			theme,
@@ -111,7 +113,7 @@ const ButtonSplit = forwardRef(function ButtonSplit(props, ref) {
 				theme,
 				size,
 				isDisabled,
-				"aria-label": "More options",
+				"aria-label": t("buttonSplit.moreOptions", "More options"),
 				icon: _temp,
 				...triggerProps
 			}), /* @__PURE__ */ jsx(__Menu, {
@@ -135,13 +137,14 @@ const ButtonSplit = forwardRef(function ButtonSplit(props, ref) {
 		$[30] = isDisabled;
 		$[31] = menuProps;
 		$[32] = size;
-		$[33] = theme;
-		$[34] = triggerProps;
-		$[35] = type;
-		$[36] = t8;
-	} else t8 = $[36];
+		$[33] = t;
+		$[34] = theme;
+		$[35] = triggerProps;
+		$[36] = type;
+		$[37] = t8;
+	} else t8 = $[37];
 	let t9;
-	if ($[37] !== T0 || $[38] !== mergedStyles || $[39] !== ref || $[40] !== rest.qa || $[41] !== t6 || $[42] !== t7 || $[43] !== t8) {
+	if ($[38] !== T0 || $[39] !== mergedStyles || $[40] !== ref || $[41] !== rest.qa || $[42] !== t6 || $[43] !== t7 || $[44] !== t8) {
 		t9 = /* @__PURE__ */ jsx(T0, {
 			...t6,
 			ref,
@@ -151,26 +154,26 @@ const ButtonSplit = forwardRef(function ButtonSplit(props, ref) {
 			role: t7,
 			children: t8
 		});
-		$[37] = T0;
-		$[38] = mergedStyles;
-		$[39] = ref;
-		$[40] = rest.qa;
-		$[41] = t6;
-		$[42] = t7;
-		$[43] = t8;
-		$[44] = t9;
-	} else t9 = $[44];
+		$[38] = T0;
+		$[39] = mergedStyles;
+		$[40] = ref;
+		$[41] = rest.qa;
+		$[42] = t6;
+		$[43] = t7;
+		$[44] = t8;
+		$[45] = t9;
+	} else t9 = $[45];
 	let t10;
-	if ($[45] !== contextValue || $[46] !== t5.Provider || $[47] !== t9) {
+	if ($[46] !== contextValue || $[47] !== t5.Provider || $[48] !== t9) {
 		t10 = /* @__PURE__ */ jsx(t5.Provider, {
 			value: contextValue,
 			children: t9
 		});
-		$[45] = contextValue;
-		$[46] = t5.Provider;
-		$[47] = t9;
-		$[48] = t10;
-	} else t10 = $[48];
+		$[46] = contextValue;
+		$[47] = t5.Provider;
+		$[48] = t9;
+		$[49] = t10;
+	} else t10 = $[49];
 	return t10;
 });
 ButtonSplit.displayName = "ButtonSplit";

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonSplit.js","names":["CONTAINER_STYLES","filterBaseProps","tasty","forwardRef","ReactNode","useMemo","useState","DirectionIcon","mergeProps","extractStyles","mergeStyleLayers","Button","Menu","ButtonSplitContext","BaseProps","ContainerStyleProps","Styles","CubeCollectionItemProps","CubeButtonProps","CubeMenuProps","ButtonSplitAction","Omit","key","label","CubeButtonSplitProps","actions","actionKey","defaultActionKey","onAction","onActionChange","type","theme","size","isDisabled","actionProps","Partial","triggerProps","menuProps","styles","children","STYLE_PROPS","ButtonSplitElement","as","qa","display","position","verticalAlign","ButtonSplit","HTMLDivElement","props","ref","$","_c","controlledActionKey","role","rest","isControlled","undefined","t0","uncontrolledKey","setUncontrolledKey","currentKey","t1","find","a","currentAction","t2","handleActionPress","t3","keys","newKey","handleSelectionChange","containerStyles","mergedStyles","t4","contextValue","isCustomMode","t5","T0","t6","eventProps","t7","t8","icon","tooltip","onPress","_temp","map","_temp2","t9","t10","Provider","displayName","pressed","textValue","itemProps"],"sources":["../../../../src/components/actions/ButtonSplit/ButtonSplit.tsx"],"sourcesContent":["import { CONTAINER_STYLES, filterBaseProps, tasty } from '@tenphi/tasty';\nimport { forwardRef, ReactNode, useMemo, useState } from 'react';\n\nimport { DirectionIcon } from '../../../icons/DirectionIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles, mergeStyleLayers } from '../../../utils/styles';\nimport { Button } from '../Button/Button';\nimport { Menu } from '../Menu/Menu';\n\nimport { ButtonSplitContext } from './context';\n\nimport type { BaseProps, ContainerStyleProps, Styles } from '@tenphi/tasty';\nimport type { CubeCollectionItemProps } from '../../CollectionItem';\nimport type { CubeButtonProps } from '../Button/Button';\nimport type { CubeMenuProps } from '../Menu/Menu';\n\nexport interface ButtonSplitAction\n  extends Omit<\n    CubeCollectionItemProps<object>,\n    'children' | 'onAction' | 'wrapper'\n  > {\n  key: string;\n  label: ReactNode;\n}\n\nexport interface CubeButtonSplitProps extends BaseProps, ContainerStyleProps {\n  /** Actions for strict mode. When provided, renders action + trigger buttons automatically. */\n  actions?: ButtonSplitAction[];\n  /** Currently selected action key (controlled). */\n  actionKey?: string;\n  /** Initially selected action key (uncontrolled). */\n  defaultActionKey?: string;\n  /** Called when the action button is pressed. Receives the current action key. */\n  onAction?: (key: string) => void;\n  /** Called when the selected action changes via the trigger menu. */\n  onActionChange?: (key: string) => void;\n\n  /** Button type applied to both action and trigger buttons in strict mode. */\n  type?: CubeButtonProps['type'];\n  /** Button theme applied to both action and trigger buttons in strict mode. */\n  theme?: CubeButtonProps['theme'];\n  /** Button size applied to both action and trigger buttons in strict mode. */\n  size?: CubeButtonProps['size'];\n  /** Disables both buttons in strict mode. */\n  isDisabled?: boolean;\n\n  /** Additional props for the action button in strict mode. */\n  actionProps?: Partial<CubeButtonProps>;\n  /** Additional props for the trigger button in strict mode. */\n  triggerProps?: Partial<CubeButtonProps>;\n  /** Additional props for the dropdown menu in strict mode. */\n  menuProps?: Partial<CubeMenuProps<object>>;\n\n  /** Custom styles for the wrapper element. */\n  styles?: Styles;\n\n  /** Custom mode: render arbitrary Button children. */\n  children?: ReactNode;\n}\n\nconst STYLE_PROPS = CONTAINER_STYLES;\n\nconst ButtonSplitElement = tasty({\n  as: 'div',\n  qa: 'ButtonSplit',\n  styles: {\n    display: 'inline-flex',\n    position: 'relative',\n    verticalAlign: 'bottom',\n  },\n});\n\nexport const ButtonSplit = forwardRef<HTMLDivElement, CubeButtonSplitProps>(\n  function ButtonSplit(props, ref) {\n    const {\n      actions,\n      actionKey: controlledActionKey,\n      defaultActionKey,\n      onAction,\n      onActionChange,\n      type,\n      theme,\n      size,\n      isDisabled,\n      actionProps,\n      triggerProps,\n      menuProps,\n      styles,\n      children,\n      role,\n      ...rest\n    } = props;\n\n    const isControlled = controlledActionKey !== undefined;\n    const [uncontrolledKey, setUncontrolledKey] = useState(\n      () => defaultActionKey ?? actions?.[0]?.key,\n    );\n\n    const currentKey = isControlled ? controlledActionKey : uncontrolledKey;\n\n    const currentAction =\n      actions?.find((a) => a.key === currentKey) ?? actions?.[0];\n\n    const handleActionPress = () => {\n      if (currentKey) {\n        onAction?.(currentKey);\n      }\n    };\n\n    const handleSelectionChange = (keys: string[]) => {\n      const newKey = keys[0];\n\n      if (newKey) {\n        if (!isControlled) {\n          setUncontrolledKey(newKey);\n        }\n\n        onActionChange?.(newKey);\n      }\n    };\n\n    const containerStyles = extractStyles(rest, STYLE_PROPS);\n\n    const mergedStyles = mergeStyleLayers(containerStyles, styles);\n\n    const contextValue = useMemo(\n      () => ({\n        currentKey,\n        onAction,\n        onActionChange,\n        type,\n        theme,\n        size,\n        isDisabled,\n      }),\n      [currentKey, onAction, onActionChange, type, theme, size, isDisabled],\n    );\n\n    const isCustomMode = children != null;\n\n    return (\n      <ButtonSplitContext.Provider value={contextValue}>\n        <ButtonSplitElement\n          {...filterBaseProps(rest, { eventProps: true })}\n          ref={ref}\n          data-button-split\n          styles={mergedStyles}\n          qa={rest.qa}\n          // Custom mode renders peer buttons with no visible group label, which\n          // is exactly when a caller needs `aria-label` to land on something the\n          // AT will announce. `role` comes from `BaseProps`, so a caller that\n          // wants something else — including `presentation` to opt out — just\n          // passes it. Strict mode keeps its previous shape.\n          role={role ?? (isCustomMode ? 'group' : undefined)}\n        >\n          {isCustomMode ? (\n            children\n          ) : actions ? (\n            <>\n              <Button\n                type={type}\n                theme={theme}\n                size={size}\n                isDisabled={isDisabled}\n                icon={currentAction?.icon}\n                tooltip={currentAction?.tooltip}\n                {...mergeProps(actionProps, { onPress: handleActionPress })}\n              >\n                {currentAction?.label}\n              </Button>\n              <Menu.Trigger placement=\"bottom end\">\n                <Button\n                  type={type}\n                  theme={theme}\n                  size={size}\n                  isDisabled={isDisabled}\n                  aria-label=\"More options\"\n                  icon={({ pressed }) => (\n                    <DirectionIcon to={pressed ? 'up' : 'down'} />\n                  )}\n                  {...triggerProps}\n                />\n                <Menu\n                  selectionMode=\"single\"\n                  selectedKeys={currentKey ? [currentKey] : []}\n                  onSelectionChange={handleSelectionChange}\n                  {...menuProps}\n                >\n                  {actions.map(({ key, label, textValue, ...itemProps }) => (\n                    <Menu.Item\n                      key={key}\n                      textValue={\n                        textValue ?? (typeof label === 'string' ? label : key)\n                      }\n                      {...itemProps}\n                    >\n                      {label}\n                    </Menu.Item>\n                  ))}\n                </Menu>\n              </Menu.Trigger>\n            </>\n          ) : null}\n        </ButtonSplitElement>\n      </ButtonSplitContext.Provider>\n    );\n  },\n);\n\nButtonSplit.displayName = 'ButtonSplit';\n"],"mappings":"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"}
+{"version":3,"file":"ButtonSplit.js","names":["CONTAINER_STYLES","filterBaseProps","tasty","forwardRef","ReactNode","useMemo","useState","useI18n","DirectionIcon","mergeProps","extractStyles","mergeStyleLayers","Button","Menu","ButtonSplitContext","BaseProps","ContainerStyleProps","Styles","CubeCollectionItemProps","CubeButtonProps","CubeMenuProps","ButtonSplitAction","Omit","key","label","CubeButtonSplitProps","actions","actionKey","defaultActionKey","onAction","onActionChange","type","theme","size","isDisabled","actionProps","Partial","triggerProps","menuProps","styles","children","STYLE_PROPS","ButtonSplitElement","as","qa","display","position","verticalAlign","ButtonSplit","HTMLDivElement","props","ref","$","_c","controlledActionKey","role","rest","t","isControlled","undefined","t0","uncontrolledKey","setUncontrolledKey","currentKey","t1","find","a","currentAction","t2","handleActionPress","t3","keys","newKey","handleSelectionChange","containerStyles","mergedStyles","t4","contextValue","isCustomMode","t5","T0","t6","eventProps","t7","t8","icon","tooltip","onPress","_temp","map","_temp2","t9","t10","Provider","displayName","pressed","textValue","itemProps"],"sources":["../../../../src/components/actions/ButtonSplit/ButtonSplit.tsx"],"sourcesContent":["import { CONTAINER_STYLES, filterBaseProps, tasty } from '@tenphi/tasty';\nimport { forwardRef, ReactNode, useMemo, useState } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { DirectionIcon } from '../../../icons/DirectionIcon';\nimport { mergeProps } from '../../../utils/react';\nimport { extractStyles, mergeStyleLayers } from '../../../utils/styles';\nimport { Button } from '../Button/Button';\nimport { Menu } from '../Menu/Menu';\n\nimport { ButtonSplitContext } from './context';\n\nimport type { BaseProps, ContainerStyleProps, Styles } from '@tenphi/tasty';\nimport type { CubeCollectionItemProps } from '../../CollectionItem';\nimport type { CubeButtonProps } from '../Button/Button';\nimport type { CubeMenuProps } from '../Menu/Menu';\n\nexport interface ButtonSplitAction\n  extends Omit<\n    CubeCollectionItemProps<object>,\n    'children' | 'onAction' | 'wrapper'\n  > {\n  key: string;\n  label: ReactNode;\n}\n\nexport interface CubeButtonSplitProps extends BaseProps, ContainerStyleProps {\n  /** Actions for strict mode. When provided, renders action + trigger buttons automatically. */\n  actions?: ButtonSplitAction[];\n  /** Currently selected action key (controlled). */\n  actionKey?: string;\n  /** Initially selected action key (uncontrolled). */\n  defaultActionKey?: string;\n  /** Called when the action button is pressed. Receives the current action key. */\n  onAction?: (key: string) => void;\n  /** Called when the selected action changes via the trigger menu. */\n  onActionChange?: (key: string) => void;\n\n  /** Button type applied to both action and trigger buttons in strict mode. */\n  type?: CubeButtonProps['type'];\n  /** Button theme applied to both action and trigger buttons in strict mode. */\n  theme?: CubeButtonProps['theme'];\n  /** Button size applied to both action and trigger buttons in strict mode. */\n  size?: CubeButtonProps['size'];\n  /** Disables both buttons in strict mode. */\n  isDisabled?: boolean;\n\n  /** Additional props for the action button in strict mode. */\n  actionProps?: Partial<CubeButtonProps>;\n  /** Additional props for the trigger button in strict mode. */\n  triggerProps?: Partial<CubeButtonProps>;\n  /** Additional props for the dropdown menu in strict mode. */\n  menuProps?: Partial<CubeMenuProps<object>>;\n\n  /** Custom styles for the wrapper element. */\n  styles?: Styles;\n\n  /** Custom mode: render arbitrary Button children. */\n  children?: ReactNode;\n}\n\nconst STYLE_PROPS = CONTAINER_STYLES;\n\nconst ButtonSplitElement = tasty({\n  as: 'div',\n  qa: 'ButtonSplit',\n  styles: {\n    display: 'inline-flex',\n    position: 'relative',\n    verticalAlign: 'bottom',\n  },\n});\n\nexport const ButtonSplit = forwardRef<HTMLDivElement, CubeButtonSplitProps>(\n  function ButtonSplit(props, ref) {\n    const {\n      actions,\n      actionKey: controlledActionKey,\n      defaultActionKey,\n      onAction,\n      onActionChange,\n      type,\n      theme,\n      size,\n      isDisabled,\n      actionProps,\n      triggerProps,\n      menuProps,\n      styles,\n      children,\n      role,\n      ...rest\n    } = props;\n\n    const { t } = useI18n();\n    const isControlled = controlledActionKey !== undefined;\n    const [uncontrolledKey, setUncontrolledKey] = useState(\n      () => defaultActionKey ?? actions?.[0]?.key,\n    );\n\n    const currentKey = isControlled ? controlledActionKey : uncontrolledKey;\n\n    const currentAction =\n      actions?.find((a) => a.key === currentKey) ?? actions?.[0];\n\n    const handleActionPress = () => {\n      if (currentKey) {\n        onAction?.(currentKey);\n      }\n    };\n\n    const handleSelectionChange = (keys: string[]) => {\n      const newKey = keys[0];\n\n      if (newKey) {\n        if (!isControlled) {\n          setUncontrolledKey(newKey);\n        }\n\n        onActionChange?.(newKey);\n      }\n    };\n\n    const containerStyles = extractStyles(rest, STYLE_PROPS);\n\n    const mergedStyles = mergeStyleLayers(containerStyles, styles);\n\n    const contextValue = useMemo(\n      () => ({\n        currentKey,\n        onAction,\n        onActionChange,\n        type,\n        theme,\n        size,\n        isDisabled,\n      }),\n      [currentKey, onAction, onActionChange, type, theme, size, isDisabled],\n    );\n\n    const isCustomMode = children != null;\n\n    return (\n      <ButtonSplitContext.Provider value={contextValue}>\n        <ButtonSplitElement\n          {...filterBaseProps(rest, { eventProps: true })}\n          ref={ref}\n          data-button-split\n          styles={mergedStyles}\n          qa={rest.qa}\n          // Custom mode renders peer buttons with no visible group label, which\n          // is exactly when a caller needs `aria-label` to land on something the\n          // AT will announce. `role` comes from `BaseProps`, so a caller that\n          // wants something else — including `presentation` to opt out — just\n          // passes it. Strict mode keeps its previous shape.\n          role={role ?? (isCustomMode ? 'group' : undefined)}\n        >\n          {isCustomMode ? (\n            children\n          ) : actions ? (\n            <>\n              <Button\n                type={type}\n                theme={theme}\n                size={size}\n                isDisabled={isDisabled}\n                icon={currentAction?.icon}\n                tooltip={currentAction?.tooltip}\n                {...mergeProps(actionProps, { onPress: handleActionPress })}\n              >\n                {currentAction?.label}\n              </Button>\n              <Menu.Trigger placement=\"bottom end\">\n                <Button\n                  type={type}\n                  theme={theme}\n                  size={size}\n                  isDisabled={isDisabled}\n                  aria-label={t('buttonSplit.moreOptions', 'More options')}\n                  icon={({ pressed }) => (\n                    <DirectionIcon to={pressed ? 'up' : 'down'} />\n                  )}\n                  {...triggerProps}\n                />\n                <Menu\n                  selectionMode=\"single\"\n                  selectedKeys={currentKey ? [currentKey] : []}\n                  onSelectionChange={handleSelectionChange}\n                  {...menuProps}\n                >\n                  {actions.map(({ key, label, textValue, ...itemProps }) => (\n                    <Menu.Item\n                      key={key}\n                      textValue={\n                        textValue ?? (typeof label === 'string' ? label : key)\n                      }\n                      {...itemProps}\n                    >\n                      {label}\n                    </Menu.Item>\n                  ))}\n                </Menu>\n              </Menu.Trigger>\n            </>\n          ) : null}\n        </ButtonSplitElement>\n      </ButtonSplitContext.Provider>\n    );\n  },\n);\n\nButtonSplit.displayName = 'ButtonSplit';\n"],"mappings":"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"}

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

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