tekivex-ui 3.22.0 → 3.32.0

package/dist/src/components/TkxAccordion.d.ts

@@ -22,10 +22,11 @@ export interface TkxAccordionProps {
     iconPosition?: 'left' | 'right';
     iconStyle?: 'chevron' | 'plus' | 'arrow';
     flush?: boolean;
+    headingLevel?: number;
     className?: string;
     style?: CSSProperties;
 }
-export declare function TkxAccordion({ items, multiple, defaultOpen, value: valueProp, onChange, variant, size, iconPosition, iconStyle, flush, className, style, }: TkxAccordionProps): import("react/jsx-runtime").JSX.Element;
+export declare function TkxAccordion({ items, multiple, defaultOpen, value: valueProp, onChange, variant, size, iconPosition, iconStyle, flush, headingLevel, className, style, }: TkxAccordionProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace TkxAccordion {
     var displayName: string;
 }

package/dist/src/components/TkxChat.d.ts

@@ -27,5 +27,5 @@ export interface TkxChatBubbleProps {
     avatarAssistant?: ReactNode;
 }
 export declare function TkxThinkingIndicator(): import("react/jsx-runtime").JSX.Element;
-export declare function TkxChatBubble({ message, showTimestamp, avatarUser, avatarAssistant }: TkxChatBubbleProps): import("react/jsx-runtime").JSX.Element;
+export declare function TkxChatBubble({ message, showTimestamp, avatarUser, avatarAssistant }: TkxChatBubbleProps): import("react/jsx-runtime").JSX.Element | null;
 export declare function TkxChat({ messages, onSend, isLoading, placeholder, maxLength, showTimestamps, avatarUser, avatarAssistant, height, inputPosition, }: TkxChatProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/TkxCode.d.ts

@@ -0,0 +1,15 @@
+import { type CSSProperties } from 'react';
+export type TkxCodeLanguage = 'ts' | 'tsx' | 'js' | 'jsx' | 'json' | 'bash' | 'css' | 'html' | 'python' | 'text';
+export interface TkxCodeProps {
+    code?: string;
+    language?: TkxCodeLanguage;
+    showLineNumbers?: boolean;
+    highlightLines?: number[];
+    copyable?: boolean;
+    filename?: string;
+    wrap?: boolean;
+    maxHeight?: number | string;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const TkxCode: import("react").ForwardRefExoticComponent<TkxCodeProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/src/components/TkxComboBox.d.ts

@@ -0,0 +1,27 @@
+import { type CSSProperties } from 'react';
+export interface ComboBoxOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface TkxComboBoxProps {
+    label: string;
+    options?: ComboBoxOption[];
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: (values: string[], selectedOptions: ComboBoxOption[]) => void;
+    placeholder?: string;
+    hint?: string;
+    error?: string;
+    isInvalid?: boolean;
+    isRequired?: boolean;
+    disabled?: boolean;
+    clearable?: boolean;
+    maxSelected?: number;
+    id?: string;
+    name?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const TkxComboBox: import("react").ForwardRefExoticComponent<TkxComboBoxProps & import("react").RefAttributes<HTMLInputElement>>;
+export default TkxComboBox;

package/dist/src/components/TkxDatePicker.d.ts

@@ -1,6 +1,7 @@
 import { type CSSProperties } from 'react';
 export type DatePickerMode = 'single' | 'range' | 'multiple';
 export type DatePickerView = 'day' | 'month' | 'year';
+export type WeekStartsOn = 0 | 1 | 2 | 3 | 4 | 5 | 6;
 export interface DatePreset {
     label: string;
     getValue: () => [Date, Date];
@@ -18,6 +19,8 @@ export interface TkxDatePickerProps {
     disabledDates?: Date[] | ((date: Date) => boolean);
     locale?: string;
     dateFormat?: string;
+    weekStartsOn?: WeekStartsOn;
+    name?: string;
     showTime?: boolean;
     timeValue?: {
         h: number;
@@ -40,7 +43,4 @@ export interface TkxDatePickerProps {
     className?: string;
     style?: CSSProperties;
 }
-export declare function TkxDatePicker({ value, onChange, rangeValue, onRangeChange, multiValue, onMultiChange, mode, minDate, maxDate, disabledDates, locale, dateFormat, showTime, timeValue, onTimeChange, showPresets, customPresets, label, placeholder, hint, isDisabled, isInvalid, errorMessage, numberOfMonths, id: idProp, className, style, }: TkxDatePickerProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace TkxDatePicker {
-    var displayName: string;
-}
+export declare const TkxDatePicker: import("react").ForwardRefExoticComponent<TkxDatePickerProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/src/components/TkxDescriptions.d.ts

@@ -0,0 +1,28 @@
+import { type ReactNode, type CSSProperties } from 'react';
+export interface TkxDescriptionsItem {
+    key?: string;
+    label: ReactNode;
+    children: ReactNode;
+    span?: number;
+}
+export interface TkxDescriptionsColumnMap {
+    xs?: number;
+    sm?: number;
+    md?: number;
+    lg?: number;
+}
+export interface TkxDescriptionsProps {
+    items?: TkxDescriptionsItem[];
+    title?: ReactNode;
+    extra?: ReactNode;
+    column?: number | TkxDescriptionsColumnMap;
+    bordered?: boolean;
+    layout?: 'horizontal' | 'vertical';
+    size?: 'small' | 'middle' | 'large';
+    colon?: boolean;
+    labelStyle?: CSSProperties;
+    contentStyle?: CSSProperties;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const TkxDescriptions: import("react").ForwardRefExoticComponent<TkxDescriptionsProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/src/components/TkxDrawer.d.ts

@@ -7,9 +7,10 @@ export interface TkxDrawerProps {
     placement?: DrawerPlacement;
     size?: DrawerSize;
     title?: ReactNode;
+    ariaLabel?: string;
     children: ReactNode;
     footer?: ReactNode;
     closeOnOverlayClick?: boolean;
     closeOnEsc?: boolean;
 }
-export declare function TkxDrawer({ isOpen, onClose, placement, size, title, children, footer, closeOnOverlayClick, closeOnEsc, }: TkxDrawerProps): import("react").ReactPortal | null;
+export declare function TkxDrawer({ isOpen, onClose, placement, size, title, ariaLabel, children, footer, closeOnOverlayClick, closeOnEsc, }: TkxDrawerProps): import("react").ReactPortal | null;

package/dist/src/components/TkxField.d.ts

@@ -0,0 +1,19 @@
+import { type CSSProperties, type ReactElement, type ReactNode } from 'react';
+export interface TkxFieldChildProps {
+    id: string;
+    'aria-describedby'?: string;
+    'aria-invalid'?: boolean;
+    'aria-required'?: boolean;
+}
+export interface TkxFieldProps {
+    label: string;
+    id?: string;
+    hint?: string;
+    error?: string;
+    isInvalid?: boolean;
+    isRequired?: boolean;
+    children?: ReactElement<TkxFieldChildProps> | ((field: TkxFieldChildProps) => ReactNode);
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function TkxField({ label, id: idProp, hint, error, isInvalid, isRequired, children, className, style, }: TkxFieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/TkxSEO.d.ts

@@ -10,8 +10,13 @@ export interface TkxSEOProps {
     locale?: string;
     robots?: string;
     schema?: object | object[];
+    articleAuthor?: string;
+    articlePublishedTime?: string;
+    articleModifiedTime?: string;
+    articleSection?: string;
+    articleTags?: string[];
 }
-export declare function TkxSEO({ title, description, canonical, keywords, image, twitterSite, twitterCreator, ogType, locale, robots, schema, }: TkxSEOProps): null;
+export declare function TkxSEO({ title, description, canonical, keywords, image, twitterSite, twitterCreator, ogType, locale, robots, schema, articleAuthor, articlePublishedTime, articleModifiedTime, articleSection, articleTags, }: TkxSEOProps): null;
 export declare const seoSchema: {
     softwareApplication(data: {
         name: string;

package/dist/src/components/TkxSplitter.d.ts

@@ -0,0 +1,25 @@
+import { type ReactNode, type CSSProperties } from 'react';
+export interface TkxSplitterPaneProps {
+    defaultSize?: number;
+    minSize?: number;
+    maxSize?: number;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+export interface TkxSplitterProps {
+    direction?: 'horizontal' | 'vertical';
+    sizes?: number[];
+    onResize?: (sizes: number[]) => void;
+    onResizeEnd?: (sizes: number[]) => void;
+    gutterSize?: number;
+    disabled?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+export declare function TkxSplitterPane(props: TkxSplitterPaneProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace TkxSplitterPane {
+    var displayName: string;
+}
+export declare const TkxSplitter: import("react").ForwardRefExoticComponent<TkxSplitterProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/src/components/TkxTable.d.ts

@@ -29,4 +29,4 @@ export interface TkxTableProps<T extends Record<string, unknown>> {
     bordered?: boolean;
     compact?: boolean;
 }
-export declare function TkxTable<T extends Record<string, unknown>>({ columns, data, caption, sortable, stickyHeader, isLoading, emptyState, style, className, striped, maxHeight, rowHeight, virtualScroll, onLoadMore, hasMore, loadingMore, onRowClick, selectedRows, bordered, compact, }: TkxTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function TkxTable<T extends Record<string, unknown>>({ columns: columns_, data: data_, caption, sortable, stickyHeader, isLoading, emptyState, style, className, striped, maxHeight, rowHeight, virtualScroll, onLoadMore, hasMore, loadingMore, onRowClick, selectedRows, bordered, compact, }: TkxTableProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/src/components/TkxTextarea.d.ts

@@ -0,0 +1,15 @@
+import { type TextareaHTMLAttributes } from 'react';
+export interface TkxTextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'id' | 'rows'> {
+    label: string;
+    id?: string;
+    error?: string;
+    hint?: string;
+    isInvalid?: boolean;
+    isRequired?: boolean;
+    autoResize?: boolean;
+    minRows?: number;
+    maxRows?: number;
+    showCount?: boolean;
+    unicodeSafe?: boolean;
+}
+export declare const TkxTextarea: import("react").ForwardRefExoticComponent<TkxTextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/src/components/TkxToast.d.ts

@@ -10,14 +10,28 @@ export interface ToastItem {
         label: string;
         onClick: () => void;
     };
+    onDismiss?: (id: string) => void;
 }
 export interface TkxToastProps {
     position?: ToastPosition;
+    isolated?: boolean;
     children?: React.ReactNode;
 }
+type Listener = (toasts: ToastItem[]) => void;
+export interface ToastStore {
+    add(item: Omit<ToastItem, 'id'>): string;
+    remove(id: string): void;
+    dismissAll(): void;
+    pause(): void;
+    resume(): void;
+    subscribe(fn: Listener): () => void;
+    getSnapshot(): ToastItem[];
+}
+export declare function toast(item: Omit<ToastItem, 'id'>): string;
 export declare function useToast(): {
     toast: (item: Omit<ToastItem, "id">) => string;
     dismiss: (id: string) => void;
     dismissAll: () => void;
 };
-export declare function TkxToastProvider({ position, children }: TkxToastProps): import("react/jsx-runtime").JSX.Element;
+export declare function TkxToastProvider({ position, isolated, children }: TkxToastProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/TkxTooltip.d.ts

@@ -1,9 +1,13 @@
-import { type ReactElement } from 'react';
+import { type ReactElement, type ReactNode } from 'react';
 export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
 export interface TkxTooltipProps {
-    content: string;
+    content: ReactNode;
     children: ReactElement;
     placement?: TooltipPlacement;
     delay?: number;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
 }
-export declare function TkxTooltip({ content, children, placement, delay }: TkxTooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function TkxTooltip({ content, children, placement, delay, open: controlledOpen, onOpenChange, disabled, }: TkxTooltipProps): import("react/jsx-runtime").JSX.Element;
+export default TkxTooltip;

package/dist/src/components/index.d.ts

@@ -1,6 +1,12 @@
 export * from './TkxButton';
 export * from './TkxCard';
 export * from './TkxInput';
+export * from './TkxTextarea';
+export * from './TkxSplitter';
+export * from './TkxDescriptions';
+export * from './TkxField';
+export * from './TkxComboBox';
+export * from './TkxCode';
 export * from './TkxBadge';
 export * from './TkxProgress';
 export * from './TkxToggle';

package/dist/src/engine/wcag.d.ts

@@ -13,7 +13,7 @@ export interface FocusTrap {
     deactivate(): void;
 }
 export declare function createFocusTrap(container: HTMLElement): FocusTrap;
-export declare function handleTabsKeyboard(e: KeyboardEvent, currentIndex: number, tabCount: number, onSelect: (index: number) => void): void;
+export declare function handleTabsKeyboard(e: KeyboardEvent, currentIndex: number, tabCount: number, onSelect: (index: number) => void, isDisabled?: (index: number) => boolean): void;
 export declare function handleMenuKeyboard(e: KeyboardEvent, currentIndex: number, itemCount: number, onSelect: (index: number) => void, onClose?: () => void): void;
 export declare function prefersReducedMotion(): boolean;
 export declare function prefersHighContrast(): boolean;

package/dist/src/headless/index.d.ts

@@ -1,4 +1,6 @@
-export { useReducedMotion, useHighContrast, useFocusTrap, useAnnounce, useEscapeKey, useClickOutside, } from '../hooks';
+export { useReducedMotion, useHighContrast, useFocusTrap, useAnnounce, useEscapeKey, useClickOutside, useVirtualList, useVariableVirtualList, } from '../hooks';
+export type { VirtualListOptions, VirtualListResult } from '../hooks';
+export type { VariableVirtualListOptions, VariableVirtualListResult } from '../hooks';
 export { useTkxForm } from '../components/TkxForm';
 export type { FormInstance, ValidationRule } from '../components/TkxForm';
 export { extractAtomicCSS, resetAtomicCSS, cx, tkxPlugin, tkxRemovePlugin, tkxListPlugins } from '../engine/tkx';

package/dist/src/hooks/index.d.ts

@@ -5,3 +5,19 @@ export declare function useFocusTrap(active: boolean): RefObject<HTMLElement | n
 export declare function useAnnounce(): (message: string, politeness?: 'polite' | 'assertive') => void;
 export declare function useEscapeKey(handler: () => void, active?: boolean): void;
 export declare function useClickOutside(ref: RefObject<HTMLElement | null>, handler: () => void): void;
+export interface VirtualListOptions {
+    itemCount: number;
+    itemHeight: number;
+    overscan?: number;
+    enabled?: boolean;
+    containerRef: RefObject<HTMLElement | null>;
+}
+export interface VirtualListResult {
+    startIndex: number;
+    endIndex: number;
+    offsetY: number;
+    totalHeight: number;
+    onScroll: () => void;
+}
+export declare function useVirtualList(opts: VirtualListOptions): VirtualListResult;
+export { useVariableVirtualList, type VariableVirtualListOptions, type VariableVirtualListResult, } from './useVariableVirtualList';

package/dist/src/hooks/useVariableVirtualList.d.ts

@@ -0,0 +1,25 @@
+import { type RefObject } from 'react';
+export interface VariableVirtualListOptions {
+    itemCount: number;
+    getItemKey: (index: number) => string;
+    estimateHeight: number | ((index: number) => number);
+    overscanPx?: number;
+    enabled?: boolean;
+    containerRef: RefObject<HTMLElement | null>;
+    maintainVisibleContentPosition?: boolean;
+    pinToBottom?: boolean;
+    pinThreshold?: number;
+}
+export interface VariableVirtualListResult {
+    startIndex: number;
+    endIndex: number;
+    offsetY: number;
+    totalHeight: number;
+    onScroll: () => void;
+    measureRef: (key: string) => (el: HTMLElement | null) => void;
+    getItemOffset: (index: number) => number;
+    scrollToIndex: (index: number, align?: 'auto' | 'start' | 'center' | 'end') => void;
+    scrollToBottom: (behavior?: ScrollBehavior) => void;
+    isPinnedToBottom: () => boolean;
+}
+export declare function useVariableVirtualList(opts: VariableVirtualListOptions): VariableVirtualListResult;

package/dist/src/i18n/index.d.ts

@@ -59,6 +59,13 @@ export interface LocaleStrings {
     breadcrumb?: string;
     showHiddenItems?: string;
     richTextContent?: string;
+    selectNoOptions?: string;
+    dropdownMenu?: string;
+    commandPalette?: string;
+    dataGrid?: string;
+    pagination?: string;
+    dismiss?: string;
+    searchCommands?: string;
 }
 export declare const enUS: LocaleStrings;
 export declare const esES: LocaleStrings;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tekivex-ui",
-  "version": "3.22.0",
+  "version": "3.32.0",
   "description": "Production-grade React component library — 116 components (plus 4 experimental, opt-in), WCAG 2.1 AAA, WAI-ARIA 1.2, built-in security kernel with published threat model, built-in charts, headless primitives, zero-runtime CSS engine, 44-locale i18n, Indian KYC pack, agent runtime (Anthropic/OpenAI/Gemini/Ollama/MCP/A2A), TypeScript-first.",
   "type": "module",
   "main": "./dist/index.cjs",