tekivex-ui 2.6.0 → 3.0.1

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

@@ -0,0 +1,32 @@
+import { type CSSProperties } from 'react';
+export interface AddressValue {
+    pin: string;
+    postOffice?: string;
+    city?: string;
+    state?: string;
+    country?: string;
+    line1?: string;
+    line2?: string;
+}
+interface PostOffice {
+    Name: string;
+    District: string;
+    State: string;
+    Country: string;
+    Pincode: string;
+}
+interface PinLookupFn {
+    (pin: string, signal?: AbortSignal): Promise<PostOffice[]>;
+}
+export interface TkxAddressInputProps {
+    value: Partial<AddressValue>;
+    onChange: (value: AddressValue) => void;
+    lookup?: PinLookupFn;
+    label?: string;
+    showAddressLines?: boolean;
+    disabled?: boolean;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const TkxAddressInput: import("react").ForwardRefExoticComponent<TkxAddressInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};

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

@@ -0,0 +1,25 @@
+import { type CSSProperties } from 'react';
+export type LunarCalendar = 'gregorian' | 'hindu' | 'hijri' | 'hebrew' | 'buddhist';
+export interface LunarDate {
+    gregorian: Date;
+    display: string;
+    tithi?: number;
+    nakshatra?: number;
+}
+export interface TkxCalendarLunarProps {
+    value: Date | null;
+    onChange: (value: LunarDate) => void;
+    calendar?: LunarCalendar;
+    locale?: string;
+    tithiResolver?: (gregorian: Date) => {
+        tithi: number;
+        nakshatra: number;
+    };
+    label?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    disabled?: boolean;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const TkxCalendarLunar: import("react").ForwardRefExoticComponent<TkxCalendarLunarProps & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,23 @@
+export type CaptchaProvider = 'turnstile' | 'hcaptcha' | 'recaptcha';
+export type CaptchaTheme = 'light' | 'dark' | 'auto';
+export type CaptchaSize = 'normal' | 'compact' | 'invisible' | 'flexible';
+export interface TkxCaptchaProps {
+    provider?: CaptchaProvider;
+    sitekey: string;
+    theme?: CaptchaTheme;
+    size?: CaptchaSize;
+    language?: string;
+    execution?: 'render' | 'execute' | 'managed';
+    onVerify: (token: string) => void;
+    onExpire?: () => void;
+    onError?: (errorCode: string) => void;
+    className?: string;
+    style?: React.CSSProperties;
+    testMode?: boolean;
+}
+export interface TkxCaptchaHandle {
+    reset: () => void;
+    execute: () => void;
+    getResponse: () => string | null;
+}
+export declare const TkxCaptcha: import("react").ForwardRefExoticComponent<TkxCaptchaProps & import("react").RefAttributes<TkxCaptchaHandle>>;

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

@@ -0,0 +1,26 @@
+import { type CSSProperties } from 'react';
+import { type AddressValue } from './TkxAddressInput';
+import { type PaymentConfig, type PaymentSuccessResult } from './TkxPaymentButton';
+export interface CheckoutLineItem {
+    id: string;
+    label: string;
+    quantity: number;
+    unitPrice: number;
+}
+export interface TkxCheckoutProps {
+    items: CheckoutLineItem[];
+    currency: string;
+    locale?: string;
+    taxRate?: number;
+    shipping?: number;
+    paymentConfigFor: (address: AddressValue) => Promise<PaymentConfig> | PaymentConfig;
+    onComplete: (result: {
+        address: AddressValue;
+        payment: PaymentSuccessResult;
+    }) => void;
+    onCancel?: () => void;
+    initialAddress?: Partial<AddressValue>;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const TkxCheckout: import("react").ForwardRefExoticComponent<TkxCheckoutProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,21 @@
+import { type CSSProperties } from 'react';
+export interface TkxConfettiProps {
+    trigger?: unknown;
+    particleCount?: number;
+    spread?: number;
+    origin?: {
+        x: number;
+        y: number;
+    };
+    colors?: string[];
+    zIndex?: number;
+    className?: string;
+    style?: CSSProperties;
+}
+export interface TkxConfettiHandle {
+    fire: (origin?: {
+        x: number;
+        y: number;
+    }) => void;
+}
+export declare const TkxConfetti: import("react").ForwardRefExoticComponent<TkxConfettiProps & import("react").RefAttributes<TkxConfettiHandle>>;

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

@@ -0,0 +1,20 @@
+import { type CSSProperties } from 'react';
+export type CurrencyCode = 'INR' | 'USD' | 'EUR' | 'GBP' | 'JPY' | 'CNY' | 'AUD' | 'CAD' | 'CHF' | 'SGD' | 'HKD' | 'AED' | 'SAR' | 'BRL' | 'MXN' | 'KRW' | 'PKR' | 'BDT' | 'LKR' | 'NPR';
+export interface TkxCurrencyInputProps {
+    value: number | null;
+    onChange: (value: number | null) => void;
+    currency?: CurrencyCode;
+    locale?: string;
+    label?: string;
+    min?: number;
+    max?: number;
+    precision?: number;
+    required?: boolean;
+    disabled?: boolean;
+    showSymbol?: boolean;
+    id?: string;
+    name?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const TkxCurrencyInput: import("react").ForwardRefExoticComponent<TkxCurrencyInputProps & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,12 @@
+import { type ReactNode } from 'react';
+export type FontScript = 'latin' | 'latin-ext' | 'devanagari' | 'tamil' | 'telugu' | 'kannada' | 'malayalam' | 'bengali' | 'gujarati' | 'gurmukhi' | 'oriya' | 'sinhala' | 'arabic' | 'hebrew' | 'thai' | 'vietnamese' | 'cyrillic' | 'cyrillic-ext' | 'greek' | 'greek-ext' | 'jp' | 'kr' | 'sc' | 'tc';
+export interface TkxFontProviderProps {
+    scripts?: FontScript[];
+    language?: string;
+    preconnect?: boolean;
+    children?: ReactNode;
+}
+export declare function scriptsForLanguage(language: string): FontScript[];
+export declare function TkxFontProvider({ scripts, language, preconnect, children, }: TkxFontProviderProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function loadFontScript(script: FontScript): void;
+export declare function unloadFontScript(script: FontScript): void;

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

@@ -0,0 +1,44 @@
+import { type CSSProperties } from 'react';
+export type AspectRatio = 'free' | '1:1' | '3:4' | '4:5' | '16:9' | '4:3' | '3:2';
+export interface ImageEditResult {
+    blob: Blob;
+    file: File;
+    url: string;
+    width: number;
+    height: number;
+}
+export interface TkxImageEditorProps {
+    src?: string;
+    aspectRatio?: AspectRatio;
+    ratios?: AspectRatio[];
+    mimeType?: 'image/png' | 'image/jpeg' | 'image/webp';
+    quality?: number;
+    maxOutputSize?: number;
+    outputFilename?: string;
+    onChange?: (state: {
+        rotation: number;
+        brightness: number;
+        contrast: number;
+    }) => void;
+    onResult?: (result: ImageEditResult) => void;
+    onCancel?: () => void;
+    className?: string;
+    style?: CSSProperties;
+    labels?: Partial<{
+        drop: string;
+        browse: string;
+        rotate: string;
+        apply: string;
+        cancel: string;
+        brightness: string;
+        contrast: string;
+        aspect: string;
+        free: string;
+    }>;
+}
+export interface TkxImageEditorHandle {
+    getResult: () => Promise<ImageEditResult | null>;
+    reset: () => void;
+    loadSource: (src: string) => void;
+}
+export declare const TkxImageEditor: import("react").ForwardRefExoticComponent<TkxImageEditorProps & import("react").RefAttributes<TkxImageEditorHandle>>;

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

@@ -0,0 +1,59 @@
+import { type CSSProperties } from 'react';
+export declare function isValidPan(input: string): boolean;
+export interface PanChangePayload {
+    raw: string;
+    normalised: string;
+    valid: boolean;
+}
+export interface TkxPanInputProps {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (payload: PanChangePayload) => void;
+    label?: string;
+    disabled?: boolean;
+    required?: boolean;
+    id?: string;
+    name?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const TkxPanInput: import("react").ForwardRefExoticComponent<TkxPanInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare function isValidVoterId(input: string): boolean;
+export interface VoterIdChangePayload {
+    raw: string;
+    normalised: string;
+    valid: boolean;
+}
+export interface TkxVoterIdInputProps {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (payload: VoterIdChangePayload) => void;
+    label?: string;
+    disabled?: boolean;
+    required?: boolean;
+    id?: string;
+    name?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const TkxVoterIdInput: import("react").ForwardRefExoticComponent<TkxVoterIdInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare function isValidDrivingLicence(input: string): boolean;
+export interface DrivingLicenceChangePayload {
+    raw: string;
+    normalised: string;
+    pretty: string;
+    valid: boolean;
+}
+export interface TkxDrivingLicenceInputProps {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (payload: DrivingLicenceChangePayload) => void;
+    label?: string;
+    disabled?: boolean;
+    required?: boolean;
+    id?: string;
+    name?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const TkxDrivingLicenceInput: import("react").ForwardRefExoticComponent<TkxDrivingLicenceInputProps & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -14,10 +14,11 @@ export interface TkxOTPProps {
     size?: 'sm' | 'md' | 'lg';
     separator?: ReactNode;
     separatorPosition?: number;
+    webOTP?: boolean;
     className?: string;
     style?: CSSProperties;
 }
-export declare function TkxOTP({ length, value, onChange, onComplete, type, mask, autoFocus, isDisabled, isInvalid, errorMessage, hint, size, separator, separatorPosition, className, style, }: TkxOTPProps): import("react/jsx-runtime").JSX.Element;
+export declare function TkxOTP({ length, value, onChange, onComplete, type, mask, autoFocus, isDisabled, isInvalid, errorMessage, hint, size, separator, separatorPosition, webOTP, className, style, }: TkxOTPProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace TkxOTP {
     var displayName: string;
 }

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

@@ -0,0 +1,61 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export type PaymentProvider = 'razorpay' | 'stripe' | 'square';
+export interface PaymentSuccessResult {
+    provider: PaymentProvider;
+    paymentId: string;
+    orderId?: string;
+    signature?: string;
+    raw: unknown;
+}
+export interface PaymentFailureResult {
+    provider: PaymentProvider;
+    code: string;
+    message: string;
+    raw: unknown;
+}
+export interface RazorpayConfig {
+    provider: 'razorpay';
+    publicKey: string;
+    orderId: string;
+    amount: number;
+    currency: string;
+    prefill?: {
+        name?: string;
+        email?: string;
+        contact?: string;
+    };
+    notes?: Record<string, string>;
+    brand?: {
+        name?: string;
+        description?: string;
+        image?: string;
+    };
+    themeColor?: string;
+}
+export interface StripeConfig {
+    provider: 'stripe';
+    publicKey: string;
+    sessionId: string;
+}
+export interface SquareConfig {
+    provider: 'square';
+    applicationId: string;
+    locationId: string;
+    orderId: string;
+    amount: number;
+    currency: string;
+}
+export type PaymentConfig = RazorpayConfig | StripeConfig | SquareConfig;
+export interface TkxPaymentButtonProps {
+    config: PaymentConfig;
+    onSuccess: (result: PaymentSuccessResult) => void;
+    onFailure?: (result: PaymentFailureResult) => void;
+    onDismiss?: () => void;
+    children?: ReactNode;
+    variant?: 'primary' | 'outline';
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const TkxPaymentButton: import("react").ForwardRefExoticComponent<TkxPaymentButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,34 @@
+import { type CSSProperties } from 'react';
+export interface PhoneCountry {
+    iso2: string;
+    name: string;
+    dial: string;
+    length: number | [number, number];
+    format?: string;
+    flag: string;
+}
+export declare const COUNTRIES: PhoneCountry[];
+export interface PhoneChangePayload {
+    raw: string;
+    digits: string;
+    e164: string;
+    country: PhoneCountry;
+    valid: boolean;
+}
+export interface TkxPhoneInputProps {
+    defaultCountry?: string;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (payload: PhoneChangePayload) => void;
+    onValid?: (payload: PhoneChangePayload) => void;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    required?: boolean;
+    id?: string;
+    name?: string;
+    extraCountries?: PhoneCountry[];
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const TkxPhoneInput: import("react").ForwardRefExoticComponent<TkxPhoneInputProps & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,58 @@
+export interface TkxSEOProps {
+    title?: string;
+    description?: string;
+    canonical?: string;
+    keywords?: string;
+    image?: string;
+    twitterSite?: string;
+    twitterCreator?: string;
+    ogType?: 'website' | 'article' | 'product' | 'profile';
+    locale?: string;
+    robots?: string;
+    schema?: object | object[];
+}
+export declare function TkxSEO({ title, description, canonical, keywords, image, twitterSite, twitterCreator, ogType, locale, robots, schema, }: TkxSEOProps): null;
+export declare const seoSchema: {
+    softwareApplication(data: {
+        name: string;
+        description: string;
+        url: string;
+        version?: string;
+        license?: string;
+        repository?: string;
+        downloadUrl?: string;
+        price?: string;
+        currency?: string;
+    }): object;
+    article(data: {
+        headline: string;
+        description: string;
+        url: string;
+        image?: string;
+        author: string;
+        datePublished: string;
+        dateModified?: string;
+    }): object;
+    faqPage(items: Array<{
+        question: string;
+        answer: string;
+    }>): object;
+    breadcrumbList(items: Array<{
+        name: string;
+        url: string;
+    }>): object;
+    product(data: {
+        name: string;
+        description: string;
+        image: string;
+        brand: string;
+        sku?: string;
+        price: string;
+        currency: string;
+        availability?: "InStock" | "OutOfStock" | "PreOrder";
+        rating?: {
+            value: number;
+            count: number;
+        };
+    }): object;
+};

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

@@ -0,0 +1,21 @@
+import { type CSSProperties } from 'react';
+export interface TkxSignaturePadProps {
+    label?: string;
+    width?: number;
+    height?: number;
+    strokeColor?: string;
+    strokeWidth?: number;
+    backgroundColor?: string;
+    onChange?: (dataUrl: string) => void;
+    disabled?: boolean;
+    className?: string;
+    style?: CSSProperties;
+}
+export interface TkxSignaturePadHandle {
+    clear: () => void;
+    undo: () => void;
+    isEmpty: () => boolean;
+    toDataURL: (mimeType?: string, quality?: number) => string;
+    toBlob: (mimeType?: string, quality?: number) => Promise<Blob | null>;
+}
+export declare const TkxSignaturePad: import("react").ForwardRefExoticComponent<TkxSignaturePadProps & import("react").RefAttributes<TkxSignaturePadHandle>>;

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

@@ -0,0 +1,18 @@
+import { type CSSProperties, type ReactElement, type ReactNode, type Ref } from 'react';
+export interface TkxSortableItem<T = unknown> {
+    id: string;
+    data: T;
+}
+export interface TkxSortableProps<T = unknown> {
+    items: TkxSortableItem<T>[];
+    onChange: (next: TkxSortableItem<T>[]) => void;
+    renderItem: (item: TkxSortableItem<T>, index: number) => ReactNode;
+    orientation?: 'vertical' | 'horizontal';
+    disabled?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    ariaLabel?: string;
+}
+export declare const TkxSortable: <T>(props: TkxSortableProps<T> & {
+    ref?: Ref<HTMLDivElement>;
+}) => ReactElement;

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

@@ -0,0 +1,42 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export type BillingCycle = 'monthly' | 'annual';
+export interface SubscriptionPlan {
+    id: string;
+    name: string;
+    tagline?: string;
+    prices: Record<BillingCycle, number>;
+    currency: string;
+    locale?: string;
+    features: string[];
+    highlighted?: boolean;
+    disabled?: boolean;
+    ctaLabel?: string;
+}
+export interface TkxPlanSelectorProps {
+    plans: SubscriptionPlan[];
+    cycle: BillingCycle;
+    selectedId?: string;
+    onSelect?: (plan: SubscriptionPlan) => void;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const TkxPlanSelector: import("react").ForwardRefExoticComponent<TkxPlanSelectorProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface TkxBillingCycleToggleProps {
+    value: BillingCycle;
+    onChange: (next: BillingCycle) => void;
+    annualSavingsLabel?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function TkxBillingCycleToggle({ value, onChange, annualSavingsLabel, className, style, }: TkxBillingCycleToggleProps): import("react/jsx-runtime").JSX.Element;
+export interface TkxProrationPreviewProps {
+    newPlan: SubscriptionPlan;
+    currentPlan: SubscriptionPlan;
+    cycle: BillingCycle;
+    daysRemaining: number;
+    cycleDays: number;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+export declare function TkxProrationPreview({ newPlan, currentPlan, cycle, daysRemaining, cycleDays, className, style, children, }: TkxProrationPreviewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,5 @@
 import { type ReactNode } from 'react';
+export type WatermarkPattern = 'tiled' | 'single' | 'fingerprint';
 export interface TkxWatermarkProps {
     text: string | string[];
     children: ReactNode;
@@ -7,5 +8,11 @@ export interface TkxWatermarkProps {
     fontSize?: number;
     color?: string;
     zIndex?: number;
+    pattern?: WatermarkPattern;
+    dynamic?: boolean;
+    refreshMs?: number;
+    intensifyOnDevtools?: boolean;
+    fingerprintId?: string;
 }
-export declare function TkxWatermark({ text, children, rotate, gap, fontSize, color, zIndex, }: TkxWatermarkProps): import("react/jsx-runtime").JSX.Element;
+export declare function useDevtoolsOpen(): boolean;
+export declare function TkxWatermark({ text, children, rotate, gap, fontSize, color, zIndex, pattern, dynamic, refreshMs, intensifyOnDevtools, fingerprintId, }: TkxWatermarkProps): import("react/jsx-runtime").JSX.Element;

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

@@ -24,6 +24,41 @@ export interface LocaleStrings {
     filterPlaceholder: string;
     exportCsv: string;
     rowsSelected: (n: number) => string;
+    firstPage?: string;
+    lastPage?: string;
+    previousPage?: string;
+    nextPage?: string;
+    showingRange?: (start: number, end: number, total: number) => string;
+    itemsPerPage?: string;
+    uploadFiles?: string;
+    acceptedFormats?: (formats: string) => string;
+    maxFileSize?: (size: string) => string;
+    clearDate?: string;
+    previousMonth?: string;
+    nextMonth?: string;
+    yesterday?: string;
+    last7Days?: string;
+    last30Days?: string;
+    thisMonth?: string;
+    lastMonth?: string;
+    notifications?: string;
+    commandSearch?: string;
+    noCommandsFound?: string;
+    closeDrawer?: string;
+    fieldRequired?: string;
+    invalidFormat?: string;
+    minLength?: (n: number) => string;
+    maxLength?: (n: number) => string;
+    minValue?: (n: number) => string;
+    maxValue?: (n: number) => string;
+    noRows?: string;
+    resetFilters?: string;
+    increment?: string;
+    decrement?: string;
+    oneTimePassword?: string;
+    breadcrumb?: string;
+    showHiddenItems?: string;
+    richTextContent?: string;
 }
 export declare const enUS: LocaleStrings;
 export declare const esES: LocaleStrings;
@@ -52,6 +87,14 @@ export declare const thTH: LocaleStrings;
 export declare const viVN: LocaleStrings;
 export declare const idID: LocaleStrings;
 export declare const roRO: LocaleStrings;
+export declare const hiIN: LocaleStrings;
+export declare const mrIN: LocaleStrings;
+export declare const bnIN: LocaleStrings;
+export declare const taIN: LocaleStrings;
+export declare const teIN: LocaleStrings;
+export declare const guIN: LocaleStrings;
+export declare const paIN: LocaleStrings;
+export declare const urPK: LocaleStrings;
 export declare const LOCALES: {
     readonly 'en-US': LocaleStrings;
     readonly 'es-ES': LocaleStrings;
@@ -80,6 +123,14 @@ export declare const LOCALES: {
     readonly 'vi-VN': LocaleStrings;
     readonly 'id-ID': LocaleStrings;
     readonly 'ro-RO': LocaleStrings;
+    readonly 'hi-IN': LocaleStrings;
+    readonly 'mr-IN': LocaleStrings;
+    readonly 'bn-IN': LocaleStrings;
+    readonly 'ta-IN': LocaleStrings;
+    readonly 'te-IN': LocaleStrings;
+    readonly 'gu-IN': LocaleStrings;
+    readonly 'pa-IN': LocaleStrings;
+    readonly 'ur-PK': LocaleStrings;
 };
 export type LocaleCode = keyof typeof LOCALES;
 export declare function isRTL(locale: string): boolean;

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

@@ -17,12 +17,17 @@ export declare const quantumDark: ThemeTokens;
 export declare const auroraLight: ThemeTokens;
 export declare function createTheme(base: ThemeTokens, overrides?: Partial<ThemeTokens>): ThemeTokens;
 export declare const ThemeContext: import("react").Context<ThemeTokens>;
+export type ColorScheme = 'light' | 'dark' | 'auto';
 export interface ThemeProviderProps {
     theme?: ThemeTokens;
+    mode?: ColorScheme;
+    lightTheme?: ThemeTokens;
+    darkTheme?: ThemeTokens;
     children: ReactNode;
 }
-export declare function ThemeProvider({ theme, children }: ThemeProviderProps): import("react").FunctionComponentElement<import("react").ProviderProps<ThemeTokens>>;
+export declare function ThemeProvider({ theme, mode, lightTheme, darkTheme, children, }: ThemeProviderProps): import("react").FunctionComponentElement<import("react").ProviderProps<ThemeTokens>>;
 export declare function useTheme(): ThemeTokens;
+export declare function usePrefersColorScheme(): 'light' | 'dark';
 export interface ColorPalette {
     50: string;
     100: string;

package/dist/tekivex-ui.css

@@ -1,2 +1,2 @@
-*,:before,:after{box-sizing:border-box}:root{--tkx-bg:#0a0a0f;--tkx-surface:#12121a;--tkx-surfaceAlt:#1a1a2e;--tkx-border:#2a2a3e;--tkx-text:#e8e8f4;--tkx-textMuted:#88a;--tkx-primary:#00f5d4;--tkx-secondary:#7b2ff7;--tkx-danger:#f72585;--tkx-warning:#ffbe0b;--tkx-success:#06d6a0;--tkx-info:#3a86ff;--tkx-space-xs:4px;--tkx-space-sm:8px;--tkx-space-md:16px;--tkx-space-lg:24px;--tkx-space-xl:32px;--tkx-radius-sm:4px;--tkx-radius-md:8px;--tkx-radius-lg:12px;--tkx-radius-full:9999px;--tkx-font-family:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--tkx-font-mono:"Cascadia Code", "Fira Code", "Consolas", monospace;--tkx-transition:.2s ease;--tkx-transition-fast:.1s ease}.tkx-focus-ring:focus-visible{outline:2px solid var(--tkx-primary);outline-offset:2px;border-radius:2px}:focus:not(:focus-visible){outline:none}.tkx-skip-nav{z-index:9999;background:var(--tkx-primary);color:var(--tkx-bg);transition:top var(--tkx-transition-fast);border-radius:0 0 4px;padding:8px 16px;font-weight:600;text-decoration:none;position:absolute;top:-9999px;left:0}.tkx-skip-nav:focus{outline:2px solid var(--tkx-bg);outline-offset:2px;top:0}.tkx-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes tkx-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tkx-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes tkx-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes tkx-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tkx-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes tkx-ripple{0%{opacity:.6;transform:scale(0)}to{opacity:0;transform:scale(4)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){:root{--tkx-border:currentColor}.tkx-focus-ring:focus-visible{outline-width:3px}}@media (forced-colors:active){.tkx-button,.tkx-badge,.tkx-toggle,.tkx-input,.tkx-card{forced-color-adjust:none}}
+*,:before,:after{box-sizing:border-box}:root{--tkx-bg:#0a0a0f;--tkx-surface:#12121a;--tkx-surfaceAlt:#1a1a2e;--tkx-border:#2a2a3e;--tkx-text:#e8e8f4;--tkx-textMuted:#88a;--tkx-primary:#00f5d4;--tkx-secondary:#7b2ff7;--tkx-danger:#f72585;--tkx-warning:#ffbe0b;--tkx-success:#06d6a0;--tkx-info:#3a86ff;--tkx-space-xs:4px;--tkx-space-sm:8px;--tkx-space-md:16px;--tkx-space-lg:24px;--tkx-space-xl:32px;--tkx-radius-sm:4px;--tkx-radius-md:8px;--tkx-radius-lg:12px;--tkx-radius-full:9999px;--tkx-font-family:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--tkx-font-mono:"Cascadia Code", "Fira Code", "Consolas", monospace;--tkx-transition:.2s ease;--tkx-transition-fast:.1s ease}.tkx-focus-ring:focus-visible{outline:2px solid var(--tkx-primary);outline-offset:2px;border-radius:2px}:focus:not(:focus-visible){outline:none}.tkx-skip-nav{z-index:9999;background:var(--tkx-primary);color:var(--tkx-bg);transition:top var(--tkx-transition-fast);border-radius:0 0 4px;padding:8px 16px;font-weight:600;text-decoration:none;position:absolute;top:-9999px;left:0}.tkx-skip-nav:focus{outline:2px solid var(--tkx-bg);outline-offset:2px;top:0}.tkx-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes tkx-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tkx-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes tkx-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes tkx-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tkx-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes tkx-ripple{0%{opacity:.6;transform:scale(0)}to{opacity:0;transform:scale(4)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){:root{--tkx-border:currentColor}.tkx-focus-ring:focus-visible{outline-width:3px}}@media (forced-colors:active){.tkx-button,.tkx-badge,.tkx-toggle,.tkx-input,.tkx-card{forced-color-adjust:none}}[dir=rtl] .tkx-flip-icon{transform:scaleX(-1)}[dir=rtl] .tkx-drawer-left{inset-inline:auto 0}[dir=rtl] .tkx-drawer-right{inset-inline:0 auto}[dir=rtl] .tkx-pagination-prev svg,[dir=rtl] .tkx-pagination-next svg{transform:scaleX(-1)}
 /*$vite$:1*/