cekat-ui 1.2.6 → 1.2.7

package/dist/components/AvatarGroup/avatargroup.types.d.ts

@@ -4,6 +4,8 @@ export interface AvatarGroupItem {
     src?: string;
     alt?: string;
     initials?: React.ReactNode;
+    /** Tooltip content shown on hover. */
+    label?: React.ReactNode;
 }
 export interface AvatarGroupProps {
     avatars: AvatarGroupItem[];

package/dist/components/Tab/Tab.d.ts

@@ -1,6 +1,13 @@
 import { TabProps } from './tab.types';
+/**
+ * Renders on react-aria-components' `<Tab>`, so it only works inside a `TabList` (which
+ * supplies the `<Tabs>` context). `active`/`onClick` stay the public API — `TabList` reads
+ * `active` off each child to derive RAC's `selectedKey`, and reaches back into `onClick` when
+ * a press or arrow-key navigation changes the selection — so callers keep driving state
+ * exactly as before and get roving-tabindex keyboard nav for free.
+ */
 declare const Tab: {
-    ({ children, variant, size, active, fullWidth, count, disabled, onClick, className, }: TabProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, variant, size, fullWidth, count, iconLeft, iconRight, disabled, onClick, className, id, active: _active, }: TabProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Tab;

package/dist/components/Tab/TabList.d.ts

@@ -1,6 +1,14 @@
 import { TabListProps } from './tab.types';
+/**
+ * Backed by react-aria-components' `<Tabs>` for roving-tabindex arrow-key navigation and
+ * focus management. Selection still lives with the caller: each `Tab` child's own
+ * `active`/`onClick` stay the source of truth — this derives RAC's `selectedKey` from
+ * whichever child is `active`, and reaches back into that child's `onClick` when RAC changes
+ * the selection (arrow keys, click, or press), so the caller's state — and therefore
+ * `selectedKey` on the next render — stays in sync.
+ */
 declare const TabList: {
-    ({ children, variant, orientation, boxed, className, }: TabListProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, variant, orientation, boxed, "aria-label": ariaLabel, keyboardActivation, disabledKeys, className, }: TabListProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default TabList;

package/dist/components/Tab/tab.types.d.ts

@@ -1,24 +1,46 @@
+import { Key } from 'react-aria-components';
 import * as React from 'react';
 export type TabVariant = 'button-gray' | 'button-white' | 'button-primary' | 'underline' | 'underline-filled' | 'line';
 export type TabSize = 'sm' | 'md';
 export interface TabProps {
+    /** Tab label content. */
     children: React.ReactNode;
+    /** Visual style; should match the parent TabList's variant. */
     variant?: TabVariant;
     size?: TabSize;
+    /** Whether this tab is the current selection. */
     active?: boolean;
+    /** Stretches the tab to fill available row width. */
     fullWidth?: boolean;
+    /** Count badge rendered after the label. */
     count?: number | string;
+    /** Icon rendered before the label. */
+    iconLeft?: React.ReactNode;
+    /** Icon rendered after the badge, e.g. a chevron. */
+    iconRight?: React.ReactNode;
+    /** Removes the tab from RAC's keyboard/selection order. */
     disabled?: boolean;
+    /** Fires on select, including via keyboard navigation. */
     onClick?: () => void;
     className?: string;
+    /** Set internally by `TabList` to key the tab for RAC's roving-tabindex selection. */
+    id?: string;
 }
 export type TabListOrientation = 'horizontal' | 'vertical';
 export interface TabListProps {
+    /** `Tab` elements to render; selection is read from each child's `active` prop. */
     children: React.ReactNode;
     /** Controls the default gap and whether a bottom hairline is drawn under the row. */
     variant?: TabVariant;
+    /** Arrow-key axis: horizontal moves with Left/Right, vertical with Up/Down. */
     orientation?: TabListOrientation;
     /** Wraps the tabs in a padded gray card (used by the "boxed" button-tab treatments). */
     boxed?: boolean;
+    /** Accessible name for the tab row, read by screen readers. */
+    'aria-label'?: string;
+    /** Whether arrow-key focus also selects ("automatic", RAC's default) or only Enter/Space does ("manual"). */
+    keyboardActivation?: 'automatic' | 'manual';
+    /** Keys of `Tab` children (their index as a string) to remove from selection and keyboard navigation. */
+    disabledKeys?: Iterable<Key>;
     className?: string;
 }