tekivex-ui 2.2.0 → 2.3.0

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

@@ -0,0 +1,10 @@
+import { type ReactNode } from 'react';
+export interface TkxAffixProps {
+    children: ReactNode;
+    offsetTop?: number;
+    offsetBottom?: number;
+    onChange?: (affixed: boolean) => void;
+    target?: () => HTMLElement | Window;
+}
+export declare function TkxAffix({ children, offsetTop, offsetBottom, onChange, target, }: TkxAffixProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TkxAffix.d.ts.map

package/dist/src/components/TkxAffix.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TkxAffix.d.ts","sourceRoot":"","sources":["../../../src/components/TkxAffix.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAqD,MAAM,OAAO,CAAC;AAQ1F,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,WAAW,GAAG,MAAM,CAAC;CACrC;AAyBD,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,MAAM,GACP,EAAE,aAAa,2CA4Ff"}

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

@@ -0,0 +1,14 @@
+export interface AnchorLink {
+    key: string;
+    href: string;
+    title: string;
+    children?: AnchorLink[];
+}
+export interface TkxAnchorProps {
+    items: AnchorLink[];
+    offsetTop?: number;
+    getCurrentAnchor?: (activeLink: string) => string;
+    onChange?: (currentLink: string) => void;
+}
+export declare function TkxAnchor({ items, offsetTop, getCurrentAnchor, onChange, }: TkxAnchorProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TkxAnchor.d.ts.map

package/dist/src/components/TkxAnchor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TkxAnchor.d.ts","sourceRoot":"","sources":["../../../src/components/TkxAnchor.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,UAAU,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AA+ED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,SAAa,EACb,gBAAgB,EAChB,QAAQ,GACT,EAAE,cAAc,2CAwFhB"}

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

@@ -0,0 +1,16 @@
+export interface CascaderOption {
+    value: string;
+    label: string;
+    children?: CascaderOption[];
+    disabled?: boolean;
+}
+export interface TkxCascaderProps {
+    options: CascaderOption[];
+    value?: string[];
+    onChange?: (value: string[], selectedOptions: CascaderOption[]) => void;
+    placeholder?: string;
+    label?: string;
+    multiple?: boolean;
+}
+export declare function TkxCascader({ options, value, onChange, placeholder, label, multiple, }: TkxCascaderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TkxCascader.d.ts.map

package/dist/src/components/TkxCascader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TkxCascader.d.ts","sourceRoot":"","sources":["../../../src/components/TkxCascader.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,eAAe,EAAE,cAAc,EAAE,KAAK,IAAI,CAAC;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA8CD,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,KAAU,EACV,QAAQ,EACR,WAAyB,EACzB,KAAK,EACL,QAAgB,GACjB,EAAE,gBAAgB,2CAuMlB"}

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

@@ -28,6 +28,10 @@ export interface TkxDataGridProps<T = any> {
     compact?: boolean;
     maxHeight?: number | string;
     onRowClick?: (row: T) => void;
+    /** Enable virtual scrolling. Defaults to auto (enabled when data has 50+ rows and maxHeight is set). */
+    virtualScroll?: boolean;
+    /** Row height in pixels for virtual scrolling calculations. Default: 40 */
+    rowHeight?: number;
 }
-export declare function TkxDataGrid<T = any>({ columns, data, rowKey, selectable, selectedRows, onSelectionChange, sortable, onSort, loading, emptyMessage, stickyHeader, striped, bordered, compact, maxHeight, onRowClick, }: TkxDataGridProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function TkxDataGrid<T = any>({ columns, data, rowKey, selectable, selectedRows, onSelectionChange, sortable, onSort, loading, emptyMessage, stickyHeader, striped, bordered, compact, maxHeight, onRowClick, virtualScroll, rowHeight, }: TkxDataGridProps<T>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TkxDataGrid.d.ts.map

package/dist/src/components/TkxDataGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TkxDataGrid.d.ts","sourceRoot":"","sources":["../../../src/components/TkxDataGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AASf,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,GAAG;IACrC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,KAAK,SAAS,CAAC;IAC/C,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;IACrD,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,GAAG;IACvC,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,MAAM,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;CAC/B;AA6FD,wBAAgB,WAAW,CAAC,CAAC,GAAG,GAAG,EAAE,EACnC,OAAO,EACP,IAAI,EACJ,MAAM,EACN,UAAkB,EAClB,YAAiB,EACjB,iBAAiB,EACjB,QAAgB,EAChB,MAAM,EACN,OAAe,EACf,YAAmC,EACnC,YAAoB,EACpB,OAAe,EACf,QAAgB,EAChB,OAAe,EACf,SAAS,EACT,UAAU,GACX,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CA6XrB"}
+{"version":3,"file":"TkxDataGrid.d.ts","sourceRoot":"","sources":["../../../src/components/TkxDataGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EAGf,MAAM,OAAO,CAAC;AASf,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,GAAG;IACrC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,KAAK,SAAS,CAAC;IAC/C,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;IACrD,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,GAAG;IACvC,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,MAAM,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;IAC1D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,wGAAwG;IACxG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6FD,wBAAgB,WAAW,CAAC,CAAC,GAAG,GAAG,EAAE,EACnC,OAAO,EACP,IAAI,EACJ,MAAM,EACN,UAAkB,EAClB,YAAiB,EACjB,iBAAiB,EACjB,QAAgB,EAChB,MAAM,EACN,OAAe,EACf,YAAmC,EACnC,YAAoB,EACpB,OAAe,EACf,QAAgB,EAChB,OAAe,EACf,SAAS,EACT,UAAU,EACV,aAAa,EACb,SAAc,GACf,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAqbrB"}

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

@@ -0,0 +1,24 @@
+import { type ReactNode } from 'react';
+export interface ListItem {
+    key: string;
+    title: string;
+    description?: string;
+    avatar?: ReactNode;
+    actions?: ReactNode;
+    extra?: ReactNode;
+}
+export interface TkxListProps {
+    items: ListItem[];
+    header?: ReactNode;
+    footer?: ReactNode;
+    bordered?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    loading?: boolean;
+    emptyText?: string;
+    grid?: {
+        column?: number;
+        gutter?: number;
+    };
+}
+export declare function TkxList({ items, header, footer, bordered, size, loading, emptyText, grid, }: TkxListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TkxList.d.ts.map

package/dist/src/components/TkxList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TkxList.d.ts","sourceRoot":"","sources":["../../../src/components/TkxList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,MAAM,WAAW,QAAQ;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC7C;AAmDD,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,MAAM,EACN,MAAM,EACN,QAAe,EACf,IAAW,EACX,OAAe,EACf,SAAqB,EACrB,IAAI,GACL,EAAE,YAAY,2CA2Jd"}

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

@@ -0,0 +1,15 @@
+export interface MentionOption {
+    value: string;
+    label: string;
+    avatar?: string;
+}
+export interface TkxMentionsProps {
+    options: MentionOption[];
+    value?: string;
+    onChange?: (value: string) => void;
+    trigger?: string;
+    placeholder?: string;
+    label?: string;
+}
+export declare function TkxMentions({ options, value, onChange, trigger, placeholder, label, }: TkxMentionsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TkxMentions.d.ts.map

package/dist/src/components/TkxMentions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TkxMentions.d.ts","sourceRoot":"","sources":["../../../src/components/TkxMentions.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAID,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,KAAU,EACV,QAAQ,EACR,OAAa,EACb,WAAW,EACX,KAAK,GACN,EAAE,gBAAgB,2CAiLlB"}

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

@@ -0,0 +1,11 @@
+export interface TkxQRCodeProps {
+    value: string;
+    size?: number;
+    color?: string;
+    bgColor?: string;
+    errorLevel?: 'L' | 'M' | 'Q' | 'H';
+    icon?: string;
+    bordered?: boolean;
+}
+export declare function TkxQRCode({ value, size, color, bgColor, errorLevel, icon, bordered, }: TkxQRCodeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TkxQRCode.d.ts.map

package/dist/src/components/TkxQRCode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TkxQRCode.d.ts","sourceRoot":"","sources":["../../../src/components/TkxQRCode.tsx"],"names":[],"mappings":"AAQA,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAwED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,IAAU,EACV,KAAK,EACL,OAAO,EACP,UAAgB,EAChB,IAAI,EACJ,QAAe,GAChB,EAAE,cAAc,2CA6EhB"}

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

@@ -0,0 +1,11 @@
+import { type ReactNode } from 'react';
+export type ResultStatus = 'success' | 'error' | 'warning' | 'info' | '404' | '403' | '500';
+export interface TkxResultProps {
+    status: ResultStatus;
+    title: string;
+    subTitle?: string;
+    icon?: ReactNode;
+    extra?: ReactNode;
+}
+export declare function TkxResult({ status, title, subTitle, icon, extra }: TkxResultProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TkxResult.d.ts.map

package/dist/src/components/TkxResult.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TkxResult.d.ts","sourceRoot":"","sources":["../../../src/components/TkxResult.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAE5F,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,YAAY,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAoED,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,cAAc,2CA2CjF"}

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

@@ -0,0 +1,16 @@
+import { type ReactNode } from 'react';
+export interface SegmentedOption {
+    value: string;
+    label: string;
+    icon?: ReactNode;
+    disabled?: boolean;
+}
+export interface TkxSegmentedProps {
+    options: SegmentedOption[];
+    value?: string;
+    onChange?: (value: string) => void;
+    size?: 'sm' | 'md' | 'lg';
+    block?: boolean;
+}
+export declare function TkxSegmented({ options, value, onChange, size, block, }: TkxSegmentedProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TkxSegmented.d.ts.map

package/dist/src/components/TkxSegmented.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TkxSegmented.d.ts","sourceRoot":"","sources":["../../../src/components/TkxSegmented.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAA4C,MAAM,OAAO,CAAC;AAQjF,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAYD,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,IAAW,EACX,KAAa,GACd,EAAE,iBAAiB,2CAiInB"}

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

@@ -26,11 +26,15 @@ export interface TkxSelectProps {
     onChange?: (value: string | string[]) => void;
     renderOption?: (option: SelectOption, isSelected: boolean) => ReactNode;
     maxMenuHeight?: number;
+    /** Enable virtual scrolling for the dropdown. Defaults to auto (enabled when 100+ options). */
+    virtualScroll?: boolean;
+    /** Fixed option height in pixels for virtual scroll calculations. Default: 36 */
+    optionHeight?: number;
     id?: string;
     className?: string;
     style?: CSSProperties;
 }
-export declare function TkxSelect({ options, value: valueProp, defaultValue, placeholder, size, isDisabled, isInvalid, label, hint, errorMessage, multiple, searchable, clearable, isLoading, onChange, renderOption, maxMenuHeight, id: idProp, className, style, }: TkxSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function TkxSelect({ options, value: valueProp, defaultValue, placeholder, size, isDisabled, isInvalid, label, hint, errorMessage, multiple, searchable, clearable, isLoading, onChange, renderOption, maxMenuHeight, virtualScroll, optionHeight, id: idProp, className, style, }: TkxSelectProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace TkxSelect {
     var displayName: string;
 }

package/dist/src/components/TkxSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TkxSelect.d.ts","sourceRoot":"","sources":["../../../src/components/TkxSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACd,KAAK,aAAa,EAEnB,MAAM,OAAO,CAAC;AAQf,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,OAAO,KAAK,SAAS,CAAC;IACxE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AA0ED,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,WAAiC,EACjC,IAAW,EACX,UAAkB,EAClB,SAAiB,EACjB,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,QAAgB,EAChB,UAAkB,EAClB,SAAiB,EACjB,SAAiB,EACjB,QAAQ,EACR,YAAY,EACZ,aAAmB,EACnB,EAAE,EAAE,MAAM,EACV,SAAS,EACT,KAAK,GACN,EAAE,cAAc,2CA0wBhB;yBA/xBe,SAAS"}
+{"version":3,"file":"TkxSelect.d.ts","sourceRoot":"","sources":["../../../src/components/TkxSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACd,KAAK,aAAa,EAEnB,MAAM,OAAO,CAAC;AAQf,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,OAAO,KAAK,SAAS,CAAC;IACxE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+FAA+F;IAC/F,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iFAAiF;IACjF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AA0ED,wBAAgB,SAAS,CAAC,EACxB,OAAO,EACP,KAAK,EAAE,SAAS,EAChB,YAAY,EACZ,WAAiC,EACjC,IAAW,EACX,UAAkB,EAClB,SAAiB,EACjB,KAAK,EACL,IAAI,EACJ,YAAY,EACZ,QAAgB,EAChB,UAAkB,EAClB,SAAiB,EACjB,SAAiB,EACjB,QAAQ,EACR,YAAY,EACZ,aAAmB,EACnB,aAAa,EACb,YAAiB,EACjB,EAAE,EAAE,MAAM,EACV,SAAS,EACT,KAAK,GACN,EAAE,cAAc,2CA+8BhB;yBAt+Be,SAAS"}

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

@@ -0,0 +1,15 @@
+export interface TourStep {
+    target: string;
+    title: string;
+    description: string;
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+}
+export interface TkxTourProps {
+    steps: TourStep[];
+    isOpen?: boolean;
+    onClose?: () => void;
+    current?: number;
+    onChange?: (step: number) => void;
+}
+export declare function TkxTour({ steps, isOpen, onClose, current: controlledCurrent, onChange, }: TkxTourProps): import("react").ReactPortal | null;
+//# sourceMappingURL=TkxTour.d.ts.map

package/dist/src/components/TkxTour.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TkxTour.d.ts","sourceRoot":"","sources":["../../../src/components/TkxTour.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,QAAQ;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;CACjD;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAqCD,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,MAAc,EACd,OAAO,EACP,OAAO,EAAE,iBAAiB,EAC1B,QAAQ,GACT,EAAE,YAAY,sCA6Kd"}

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

@@ -0,0 +1,12 @@
+import { type ReactNode } from 'react';
+export interface TkxWatermarkProps {
+    text: string | string[];
+    children: ReactNode;
+    rotate?: number;
+    gap?: [number, number];
+    fontSize?: number;
+    color?: string;
+    zIndex?: number;
+}
+export declare function TkxWatermark({ text, children, rotate, gap, fontSize, color, zIndex, }: TkxWatermarkProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TkxWatermark.d.ts.map

package/dist/src/components/TkxWatermark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TkxWatermark.d.ts","sourceRoot":"","sources":["../../../src/components/TkxWatermark.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAqD,MAAM,OAAO,CAAC;AAQ1F,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAkDD,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,QAAQ,EACR,MAAY,EACZ,GAAgB,EAChB,QAAa,EACb,KAAK,EACL,MAAW,GACZ,EAAE,iBAAiB,2CAoEnB"}

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

@@ -58,4 +58,14 @@ export * from './TkxTypography';
 export * from './TkxSpin';
 export * from './TkxEmpty';
 export * from './TkxStatistic';
+export * from './TkxSegmented';
+export * from './TkxMentions';
+export * from './TkxQRCode';
+export * from './TkxResult';
+export * from './TkxTour';
+export * from './TkxWatermark';
+export * from './TkxAffix';
+export * from './TkxAnchor';
+export * from './TkxCascader';
+export * from './TkxList';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC"}

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

@@ -26,4 +26,42 @@ export declare function resetAtomicCSS(): void;
  * Use this to combine a tkx() result with a consumer-provided className prop.
  */
 export declare function cx(...classes: (string | false | null | undefined)[]): string;
+/**
+ * TKX Plugin API — extend the utility engine with custom utilities.
+ *
+ * @example
+ * ```tsx
+ * import { tkxPlugin, tkx } from '@tekivex/ui';
+ *
+ * // Register custom utilities
+ * tkxPlugin({
+ *   name: 'brand',
+ *   utilities: {
+ *     'brand-gradient': { background: 'linear-gradient(135deg, #667eea, #764ba2)' },
+ *     'brand-text': { color: '#667eea', fontWeight: '700' },
+ *     'card-shadow': { boxShadow: '0 8px 32px rgba(102, 126, 234, 0.15)' },
+ *     'glass': {
+ *       background: 'rgba(255, 255, 255, 0.05)',
+ *       backdropFilter: 'blur(12px)',
+ *       border: '1px solid rgba(255, 255, 255, 0.1)',
+ *     },
+ *   },
+ * });
+ *
+ * // Use them like any built-in utility
+ * const cls = tkx('brand-gradient p-6 rounded-xl card-shadow');
+ * ```
+ */
+export interface TkxPluginDef {
+    name: string;
+    utilities: Record<string, Record<string, string>>;
+}
+export declare function tkxPlugin(plugin: TkxPluginDef): void;
+export declare function tkxRemovePlugin(name: string): void;
+export declare function tkxListPlugins(): string[];
+/**
+ * Resolve a plugin utility to CSS properties.
+ * Called internally by the TKX engine — but also exported for inspection.
+ */
+export declare function resolvePluginUtility(name: string): Record<string, string> | null;
 //# sourceMappingURL=tkx.d.ts.map

package/dist/src/engine/tkx.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tkx.d.ts","sourceRoot":"","sources":["../../../src/engine/tkx.ts"],"names":[],"mappings":"AA2tBA,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,QAAQ,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAmBhG;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,GAAG,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAmFjD;AAED,qCAAqC;AACrC,eAAO,MAAM,EAAE,YAAM,CAAC;AAItB,qEAAqE;AACrE,wBAAgB,gBAAgB,IAAI,MAAM,CAEzC;AAED,4DAA4D;AAC5D,wBAAgB,cAAc,IAAI,IAAI,CAGrC;AAGD;;;GAGG;AACH,wBAAgB,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,MAAM,CAE5E"}
+{"version":3,"file":"tkx.d.ts","sourceRoot":"","sources":["../../../src/engine/tkx.ts"],"names":[],"mappings":"AA+tBA,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,QAAQ,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAmBhG;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,GAAG,CAAC,GAAG,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAmFjD;AAED,qCAAqC;AACrC,eAAO,MAAM,EAAE,YAAM,CAAC;AAItB,qEAAqE;AACrE,wBAAgB,gBAAgB,IAAI,MAAM,CAEzC;AAED,4DAA4D;AAC5D,wBAAgB,cAAc,IAAI,IAAI,CAGrC;AAGD;;;GAGG;AACH,wBAAgB,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,MAAM,CAE5E;AAGD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;CACnD;AAID,wBAAgB,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,CAEpD;AAED,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAElD;AAED,wBAAgB,cAAc,IAAI,MAAM,EAAE,CAEzC;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAKhF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tekivex-ui",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "description": "Quantum-Class Component Framework — WCAG 2.1 AAA, WAI-ARIA 1.2, Zero-Trust Security",
   "type": "module",
   "main": "./dist/index.cjs",

package/src/components/TkxAffix.tsx

@@ -0,0 +1,138 @@
+import { type ReactNode, useState, useRef, useEffect, useCallback, useMemo } from 'react';
+import { useTheme } from '../themes';
+import { sanitizeString } from '../engine/security';
+import { useReducedMotion } from '../hooks';
+import { tkx } from '../engine/tkx';
+
+// ── Types ────────────────────────────────────────────────────────────────────
+
+export interface TkxAffixProps {
+  children: ReactNode;
+  offsetTop?: number;
+  offsetBottom?: number;
+  onChange?: (affixed: boolean) => void;
+  target?: () => HTMLElement | Window;
+}
+
+// ── Helpers ──────────────────────────────────────────────────────────────────
+
+function getScrollTarget(target?: () => HTMLElement | Window): HTMLElement | Window {
+  if (target) {
+    try {
+      return target();
+    } catch {
+      return window;
+    }
+  }
+  return window;
+}
+
+function getTargetRect(el: HTMLElement | Window): { top: number; bottom: number } {
+  if (el instanceof Window) {
+    return { top: 0, bottom: el.innerHeight };
+  }
+  const rect = el.getBoundingClientRect();
+  return { top: rect.top, bottom: rect.bottom };
+}
+
+// ── Component ────────────────────────────────────────────────────────────────
+
+export function TkxAffix({
+  children,
+  offsetTop,
+  offsetBottom,
+  onChange,
+  target,
+}: TkxAffixProps) {
+  const theme = useTheme();
+  const reducedMotion = useReducedMotion();
+  const placeholderRef = useRef<HTMLDivElement>(null);
+  const fixedRef = useRef<HTMLDivElement>(null);
+  const [affixed, setAffixed] = useState(false);
+  const [placeholderSize, setPlaceholderSize] = useState({ width: 0, height: 0 });
+  const prevAffixed = useRef(false);
+
+  // Sanitize any debug info strings for security
+  const _labelSafe = useMemo(() => sanitizeString('Sticky content'), []);
+
+  const checkPosition = useCallback(() => {
+    const el = placeholderRef.current;
+    if (!el) return;
+
+    const rect = el.getBoundingClientRect();
+    const targetRect = getTargetRect(getScrollTarget(target));
+    let shouldAffix = false;
+
+    if (offsetTop !== undefined) {
+      // Affix when element scrolls past the top offset
+      shouldAffix = rect.top - targetRect.top <= offsetTop;
+    } else if (offsetBottom !== undefined) {
+      // Affix when element scrolls past the bottom offset
+      shouldAffix = targetRect.bottom - rect.bottom <= offsetBottom;
+    }
+
+    if (shouldAffix !== prevAffixed.current) {
+      prevAffixed.current = shouldAffix;
+      setAffixed(shouldAffix);
+      setPlaceholderSize({
+        width: rect.width,
+        height: rect.height,
+      });
+      onChange?.(shouldAffix);
+    }
+  }, [offsetTop, offsetBottom, onChange, target]);
+
+  // Attach scroll and resize listeners
+  useEffect(() => {
+    const scrollTarget = getScrollTarget(target);
+
+    checkPosition();
+    scrollTarget.addEventListener('scroll', checkPosition, { passive: true });
+    window.addEventListener('resize', checkPosition);
+
+    return () => {
+      scrollTarget.removeEventListener('scroll', checkPosition);
+      window.removeEventListener('resize', checkPosition);
+    };
+  }, [checkPosition, target]);
+
+  // Build the fixed positioning styles
+  const fixedStyle: React.CSSProperties = affixed
+    ? {
+        position: 'fixed',
+        zIndex: 100,
+        ...(offsetTop !== undefined ? { top: offsetTop } : {}),
+        ...(offsetBottom !== undefined ? { bottom: offsetBottom } : {}),
+        width: placeholderSize.width || undefined,
+        transition: reducedMotion ? 'none' : 'box-shadow 0.2s ease',
+        boxShadow: `0 2px 8px ${theme.border}`,
+      }
+    : {};
+
+  // Placeholder keeps the document flow intact when element is fixed
+  const placeholderStyle: React.CSSProperties = affixed
+    ? {
+        height: placeholderSize.height,
+        width: placeholderSize.width,
+      }
+    : {};
+
+  return (
+    <>
+      <div
+        ref={placeholderRef}
+        aria-hidden={affixed}
+        style={placeholderStyle}
+      />
+      <div
+        ref={fixedRef}
+        role="region"
+        aria-label={_labelSafe}
+        className={tkx(affixed ? 'tkx-affixed' : '')}
+        style={fixedStyle}
+      >
+        {children}
+      </div>
+    </>
+  );
+}