tekivex-ui 2.1.0 → 2.3.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"TkxTypography.d.ts","sourceRoot":"","sources":["../../../src/components/TkxTypography.tsx"],"names":[],"mappings":"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"}

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

@@ -51,4 +51,21 @@ export * from './TkxSnackbar';
 export * from './TkxDataGrid';
 export * from './TkxMasonry';
 export * from './TkxRichTextDisplay';
+export * from './TkxForm';
+export * from './TkxLayout';
+export * from './TkxConfigProvider';
+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"}
+{"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/dist/src/themes/index.d.ts

@@ -23,4 +23,112 @@ export interface ThemeProviderProps {
 }
 export declare function ThemeProvider({ theme, children }: ThemeProviderProps): import("react").FunctionComponentElement<import("react").ProviderProps<ThemeTokens>>;
 export declare function useTheme(): ThemeTokens;
+export interface ColorPalette {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+}
+export declare function generatePalette(hex: string): ColorPalette;
+export declare const typography: {
+    readonly xs: {
+        readonly fontSize: "0.75rem";
+        readonly lineHeight: "1rem";
+    };
+    readonly sm: {
+        readonly fontSize: "0.875rem";
+        readonly lineHeight: "1.25rem";
+    };
+    readonly base: {
+        readonly fontSize: "1rem";
+        readonly lineHeight: "1.5rem";
+    };
+    readonly lg: {
+        readonly fontSize: "1.125rem";
+        readonly lineHeight: "1.75rem";
+    };
+    readonly xl: {
+        readonly fontSize: "1.25rem";
+        readonly lineHeight: "1.75rem";
+    };
+    readonly '2xl': {
+        readonly fontSize: "1.5rem";
+        readonly lineHeight: "2rem";
+    };
+    readonly '3xl': {
+        readonly fontSize: "1.875rem";
+        readonly lineHeight: "2.25rem";
+    };
+    readonly '4xl': {
+        readonly fontSize: "2.25rem";
+        readonly lineHeight: "2.5rem";
+    };
+    readonly '5xl': {
+        readonly fontSize: "3rem";
+        readonly lineHeight: "1.15";
+    };
+};
+export declare const spacing: {
+    readonly 0: "0px";
+    readonly 0.5: "2px";
+    readonly 1: "4px";
+    readonly 1.5: "6px";
+    readonly 2: "8px";
+    readonly 2.5: "10px";
+    readonly 3: "12px";
+    readonly 4: "16px";
+    readonly 5: "20px";
+    readonly 6: "24px";
+    readonly 8: "32px";
+    readonly 10: "40px";
+    readonly 12: "48px";
+    readonly 16: "64px";
+    readonly 20: "80px";
+    readonly 24: "96px";
+};
+export declare const breakpoints: {
+    readonly sm: 640;
+    readonly md: 768;
+    readonly lg: 1024;
+    readonly xl: 1280;
+    readonly '2xl': 1536;
+};
+export declare const shadows: {
+    readonly none: "none";
+    readonly xs: "0 1px 2px 0 rgba(0,0,0,0.05)";
+    readonly sm: "0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1)";
+    readonly md: "0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1)";
+    readonly lg: "0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)";
+    readonly xl: "0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1)";
+    readonly '2xl': "0 25px 50px -12px rgba(0,0,0,0.25)";
+    readonly inner: "inset 0 2px 4px 0 rgba(0,0,0,0.06)";
+};
+export declare const zIndex: {
+    readonly hide: -1;
+    readonly base: 0;
+    readonly dropdown: 1000;
+    readonly sticky: 1100;
+    readonly fixed: 1200;
+    readonly overlay: 1300;
+    readonly modal: 1400;
+    readonly popover: 1500;
+    readonly tooltip: 1600;
+    readonly toast: 1700;
+    readonly max: 9999;
+};
+export declare const radii: {
+    readonly none: "0";
+    readonly sm: "4px";
+    readonly md: "6px";
+    readonly lg: "8px";
+    readonly xl: "12px";
+    readonly '2xl': "16px";
+    readonly full: "9999px";
+};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/themes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,SAAS,EAAiB,MAAM,OAAO,CAAC;AAM5F,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACd;AAID,eAAO,MAAM,WAAW,EAAE,WAazB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,WAazB,CAAC;AAMF,wBAAgB,WAAW,CAAC,IAAI,EAAE,WAAW,EAAE,SAAS,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,WAAW,CAuB5F;AAID,eAAO,MAAM,YAAY,sCAA0C,CAAC;AAEpE,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAmB,EAAE,QAAQ,EAAE,EAAE,kBAAkB,wFAelF;AAED,wBAAgB,QAAQ,IAAI,WAAW,CAEtC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/themes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,SAAS,EAAiB,MAAM,OAAO,CAAC;AAM5F,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;CACd;AAID,eAAO,MAAM,WAAW,EAAE,WAazB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,WAazB,CAAC;AAMF,wBAAgB,WAAW,CAAC,IAAI,EAAE,WAAW,EAAE,SAAS,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,GAAG,WAAW,CAuB5F;AAID,eAAO,MAAM,YAAY,sCAA0C,CAAC;AAEpE,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAmB,EAAE,QAAQ,EAAE,EAAE,kBAAkB,wFAelF;AAED,wBAAgB,QAAQ,IAAI,WAAW,CAEtC;AAoCD,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,YAAY,CAczD;AAID,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAUb,CAAC;AAIX,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;CAiBV,CAAC;AAIX,eAAO,MAAM,WAAW;;;;;;CAMd,CAAC;AAIX,eAAO,MAAM,OAAO;;;;;;;;;CASV,CAAC;AAIX,eAAO,MAAM,MAAM;;;;;;;;;;;;CAYT,CAAC;AAIX,eAAO,MAAM,KAAK;;;;;;;;CAQR,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tekivex-ui",
-  "version": "2.1.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>
+    </>
+  );
+}

package/src/components/TkxAnchor.tsx

@@ -0,0 +1,193 @@
+import { useState, useEffect, useCallback, useRef } from 'react';
+import { useTheme } from '../themes';
+import { sanitizeString } from '../engine/security';
+import { useReducedMotion } from '../hooks';
+import { tkx } from '../engine/tkx';
+
+// ── Types ────────────────────────────────────────────────────────────────────
+
+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;
+}
+
+// ── Helpers ──────────────────────────────────────────────────────────────────
+
+function flattenLinks(items: AnchorLink[]): AnchorLink[] {
+  const result: AnchorLink[] = [];
+  for (const item of items) {
+    result.push(item);
+    if (item.children) result.push(...flattenLinks(item.children));
+  }
+  return result;
+}
+
+function getAnchorId(href: string): string {
+  return href.startsWith('#') ? href.slice(1) : href;
+}
+
+// ── Link Item ────────────────────────────────────────────────────────────────
+
+function AnchorItem({
+  item,
+  activeKey,
+  depth,
+  onClick,
+  theme,
+  reducedMotion,
+}: {
+  item: AnchorLink;
+  activeKey: string;
+  depth: number;
+  onClick: (href: string) => void;
+  theme: ReturnType<typeof useTheme>;
+  reducedMotion: boolean;
+}) {
+  const isActive = item.key === activeKey;
+  const safeTitle = sanitizeString(item.title);
+
+  return (
+    <li role="none" style={{ listStyle: 'none' }}>
+      <a
+        role="treeitem"
+        aria-current={isActive ? 'location' : undefined}
+        href={item.href}
+        onClick={(e) => {
+          e.preventDefault();
+          onClick(item.href);
+        }}
+        className={tkx('block text-sm py-1 no-underline')}
+        style={{
+          paddingLeft: 12 + depth * 16,
+          color: isActive ? theme.primary : theme.textMuted,
+          fontWeight: isActive ? 600 : 400,
+          borderLeft: `2px solid ${isActive ? theme.primary : 'transparent'}`,
+          transition: reducedMotion ? 'none' : 'color 0.15s ease, border-color 0.15s ease',
+        }}
+      >
+        {safeTitle}
+      </a>
+      {item.children && item.children.length > 0 && (
+        <ul role="group" style={{ margin: 0, padding: 0 }}>
+          {item.children.map((child) => (
+            <AnchorItem
+              key={child.key}
+              item={child}
+              activeKey={activeKey}
+              depth={depth + 1}
+              onClick={onClick}
+              theme={theme}
+              reducedMotion={reducedMotion}
+            />
+          ))}
+        </ul>
+      )}
+    </li>
+  );
+}
+
+// ── Component ────────────────────────────────────────────────────────────────
+
+export function TkxAnchor({
+  items,
+  offsetTop = 0,
+  getCurrentAnchor,
+  onChange,
+}: TkxAnchorProps) {
+  const theme = useTheme();
+  const reducedMotion = useReducedMotion();
+  const [activeKey, setActiveKey] = useState(items[0]?.key ?? '');
+  const isScrolling = useRef(false);
+
+  const flat = flattenLinks(items);
+
+  const updateActive = useCallback(() => {
+    if (isScrolling.current) return;
+
+    let current = flat[0]?.key ?? '';
+    for (const link of flat) {
+      const id = getAnchorId(link.href);
+      const el = document.getElementById(id);
+      if (el) {
+        const top = el.getBoundingClientRect().top;
+        if (top <= offsetTop + 10) {
+          current = link.key;
+        }
+      }
+    }
+
+    if (getCurrentAnchor) {
+      current = getCurrentAnchor(current);
+    }
+
+    if (current !== activeKey) {
+      setActiveKey(current);
+      onChange?.(current);
+    }
+  }, [flat, offsetTop, getCurrentAnchor, activeKey, onChange]);
+
+  useEffect(() => {
+    window.addEventListener('scroll', updateActive, { passive: true });
+    updateActive();
+    return () => window.removeEventListener('scroll', updateActive);
+  }, [updateActive]);
+
+  const handleClick = useCallback(
+    (href: string) => {
+      const id = getAnchorId(href);
+      const el = document.getElementById(id);
+      if (!el) return;
+
+      isScrolling.current = true;
+      const top = el.getBoundingClientRect().top + window.scrollY - offsetTop;
+      window.scrollTo({ top, behavior: reducedMotion ? 'auto' : 'smooth' });
+
+      // Find the link by href and set active
+      const link = flat.find((l) => l.href === href);
+      if (link) {
+        setActiveKey(link.key);
+        onChange?.(link.key);
+      }
+
+      setTimeout(() => {
+        isScrolling.current = false;
+      }, 800);
+    },
+    [flat, offsetTop, reducedMotion, onChange],
+  );
+
+  return (
+    <nav
+      role="tree"
+      aria-label="Anchor navigation"
+      className={tkx('font-sans')}
+      style={{
+        borderLeft: `1px solid ${theme.border}`,
+        padding: '4px 0',
+      }}
+    >
+      <ul role="group" style={{ margin: 0, padding: 0 }}>
+        {items.map((item) => (
+          <AnchorItem
+            key={item.key}
+            item={item}
+            activeKey={activeKey}
+            depth={0}
+            onClick={handleClick}
+            theme={theme}
+            reducedMotion={reducedMotion}
+          />
+        ))}
+      </ul>
+    </nav>
+  );
+}