@trackunit/react-components 2.13.0 → 2.13.1

package/src/components/Spinner/Spinner.variants.d.ts

@@ -1,10 +1,100 @@
-export declare const cvaSpinner: (props?: ({
-    size?: "small" | "medium" | "large" | null | undefined;
-    mode?: "dark" | "light" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaSpinnerContainerInner: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaSpinnerContainer: (props?: ({
-    centering?: "centered" | "vertically" | "horizontally" | null | undefined;
-    mode?: "dark" | "light" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaSpinnerLabel: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaSpinner: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        size: {
+            small: string[];
+            medium: string[];
+            large: string[];
+        };
+        mode: {
+            dark: string[];
+            light: string[];
+        };
+    };
+    defaultVariants: {
+        size: "medium";
+        mode: "light";
+    };
+}, "defaultVariants"> & {
+    variants: {
+        size: {
+            small: string[];
+            medium: string[];
+            large: string[];
+        };
+        mode: {
+            dark: string[];
+            light: string[];
+        };
+    };
+    defaultVariants: Omit<{}, "size" | "mode"> & {
+        size: "medium";
+        mode: "light";
+    };
+}, {
+    size: {
+        small: string[];
+        medium: string[];
+        large: string[];
+    };
+    mode: {
+        dark: string[];
+        light: string[];
+    };
+}>;
+export declare const cvaSpinnerContainerInner: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaSpinnerContainer: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        centering: {
+            centered: string[];
+            vertically: string[];
+            horizontally: string[];
+        };
+        mode: {
+            dark: string[];
+            light: string[];
+        };
+    };
+    defaultVariants: {
+        centering: "centered";
+        mode: "light";
+    };
+}, "defaultVariants"> & {
+    variants: {
+        centering: {
+            centered: string[];
+            vertically: string[];
+            horizontally: string[];
+        };
+        mode: {
+            dark: string[];
+            light: string[];
+        };
+    };
+    defaultVariants: Omit<{}, "mode" | "centering"> & {
+        centering: "centered";
+        mode: "light";
+    };
+}, {
+    centering: {
+        centered: string[];
+        vertically: string[];
+        horizontally: string[];
+    };
+    mode: {
+        dark: string[];
+        light: string[];
+    };
+}>;
+export declare const cvaSpinnerLabel: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;

package/src/components/Tabs/Tabs.variants.d.ts

@@ -1,6 +1,45 @@
-export declare const cvaTabsRoot: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaTabList: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaTabContent: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaTab: (props?: ({
-    isFullWidth?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cvaTabsRoot: import("cva").CVAComponent<Omit<{
+    base: never[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaTabList: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaTabContent: import("cva").CVAComponent<Omit<{
+    base: never[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaTab: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        isFullWidth: {
+            true: string;
+            false: string;
+        };
+    };
+    defaultVariants: {
+        isFullWidth: false;
+    };
+}, "defaultVariants"> & {
+    variants: {
+        isFullWidth: {
+            true: string;
+            false: string;
+        };
+    };
+    defaultVariants: Omit<{}, "isFullWidth"> & {
+        isFullWidth: false;
+    };
+}, {
+    isFullWidth: {
+        true: string;
+        false: string;
+    };
+}>;

package/src/components/Tag/Tag.variants.d.ts

@@ -3,14 +3,160 @@
  * This is the source of truth - use parseTailwindArbitraryValue to derive the numeric value.
  */
 export declare const TAG_TEXT_MIN_WIDTH_CLASS = "min-w-[80px]";
-export declare const cvaTag: (props?: ({
-    size?: "small" | "medium" | null | undefined;
-    layout?: "default" | "containsDismiss" | "containsIcon" | null | undefined;
-    color?: "black" | "white" | "active" | "primary" | "neutral" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "idle" | "moving" | "excessive_usage" | "stopped" | "unknown" | null | undefined;
-    border?: "default" | "none" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaTagText: (props?: ({
-    truncate?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaTagIconContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaTagIcon: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaTag: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        size: {
+            small: string;
+            medium: string;
+        };
+        layout: {
+            containsDismiss: string;
+            containsIcon: string;
+            default: string;
+        };
+        color: {
+            primary: string[];
+            neutral: string[];
+            black: string[];
+            white: string[];
+            info: string[];
+            success: string[];
+            warning: string[];
+            danger: string[];
+            good: string[];
+            low: string[];
+            critical: string[];
+            working: string[];
+            stopped: string[];
+            idle: string[];
+            unknown: string[];
+            moving: string[];
+            active: string[];
+            excessive_usage: string[];
+        };
+        border: {
+            none: string;
+            default: string;
+        };
+    };
+    defaultVariants: {
+        size: "medium";
+        layout: "default";
+        color: "info";
+    };
+}, "defaultVariants"> & {
+    variants: {
+        size: {
+            small: string;
+            medium: string;
+        };
+        layout: {
+            containsDismiss: string;
+            containsIcon: string;
+            default: string;
+        };
+        color: {
+            primary: string[];
+            neutral: string[];
+            black: string[];
+            white: string[];
+            info: string[];
+            success: string[];
+            warning: string[];
+            danger: string[];
+            good: string[];
+            low: string[];
+            critical: string[];
+            working: string[];
+            stopped: string[];
+            idle: string[];
+            unknown: string[];
+            moving: string[];
+            active: string[];
+            excessive_usage: string[];
+        };
+        border: {
+            none: string;
+            default: string;
+        };
+    };
+    defaultVariants: Omit<{}, "color" | "layout" | "size"> & {
+        size: "medium";
+        layout: "default";
+        color: "info";
+    };
+}, {
+    size: {
+        small: string;
+        medium: string;
+    };
+    layout: {
+        containsDismiss: string;
+        containsIcon: string;
+        default: string;
+    };
+    color: {
+        primary: string[];
+        neutral: string[];
+        black: string[];
+        white: string[];
+        info: string[];
+        success: string[];
+        warning: string[];
+        danger: string[];
+        good: string[];
+        low: string[];
+        critical: string[];
+        working: string[];
+        stopped: string[];
+        idle: string[];
+        unknown: string[];
+        moving: string[];
+        active: string[];
+        excessive_usage: string[];
+    };
+    border: {
+        none: string;
+        default: string;
+    };
+}>;
+export declare const cvaTagText: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        truncate: {
+            true: string[];
+            false: string;
+        };
+    };
+    defaultVariants: {
+        truncate: true;
+    };
+}, "defaultVariants"> & {
+    variants: {
+        truncate: {
+            true: string[];
+            false: string;
+        };
+    };
+    defaultVariants: Omit<{}, "truncate"> & {
+        truncate: true;
+    };
+}, {
+    truncate: {
+        true: string[];
+        false: string;
+    };
+}>;
+export declare const cvaTagIconContainer: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaTagIcon: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;

package/src/components/Text/Text.variants.d.ts

@@ -1,11 +1,127 @@
-export declare const cvaText: (props?: ({
-    align?: "center" | "left" | "right" | null | undefined;
-    italic?: boolean | null | undefined;
-    uppercase?: boolean | null | undefined;
-    underline?: boolean | null | undefined;
-    weight?: "bold" | "normal" | "thick" | null | undefined;
-    size?: "small" | "medium" | "large" | null | undefined;
-    inverted?: boolean | null | undefined;
-    subtle?: boolean | null | undefined;
-    disabled?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cvaText: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        align: {
+            left: string;
+            right: string;
+            center: string;
+        };
+        italic: {
+            true: string;
+            false: string;
+        };
+        uppercase: {
+            true: string;
+            false: string;
+        };
+        underline: {
+            true: string[];
+            false: string;
+        };
+        weight: {
+            normal: string;
+            bold: string;
+            thick: string;
+        };
+        size: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+        inverted: {
+            true: string;
+            false: string;
+        };
+        subtle: {
+            true: string;
+            false: string;
+        };
+        disabled: {
+            true: string;
+            false: string;
+        };
+    };
+}, "defaultVariants"> & {
+    variants: {
+        align: {
+            left: string;
+            right: string;
+            center: string;
+        };
+        italic: {
+            true: string;
+            false: string;
+        };
+        uppercase: {
+            true: string;
+            false: string;
+        };
+        underline: {
+            true: string[];
+            false: string;
+        };
+        weight: {
+            normal: string;
+            bold: string;
+            thick: string;
+        };
+        size: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+        inverted: {
+            true: string;
+            false: string;
+        };
+        subtle: {
+            true: string;
+            false: string;
+        };
+        disabled: {
+            true: string;
+            false: string;
+        };
+    };
+    defaultVariants: Omit<{}, never>;
+}, {
+    align: {
+        left: string;
+        right: string;
+        center: string;
+    };
+    italic: {
+        true: string;
+        false: string;
+    };
+    uppercase: {
+        true: string;
+        false: string;
+    };
+    underline: {
+        true: string[];
+        false: string;
+    };
+    weight: {
+        normal: string;
+        bold: string;
+        thick: string;
+    };
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    inverted: {
+        true: string;
+        false: string;
+    };
+    subtle: {
+        true: string;
+        false: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+}>;

package/src/components/ToggleGroup/ToggleGroup.variants.d.ts

@@ -1,17 +1,178 @@
-export declare const cvaToggleGroup: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaToggleItem: (props?: ({
-    selected?: boolean | null | undefined;
-    disabled?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaToggleGroupWithSlidingBackground: (props?: ({
-    isMounted?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaToggleItemText: (props?: ({
-    maxWidth?: "sm" | "md" | null | undefined;
-    selected?: boolean | null | undefined;
-    disabled?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaToggleItemContent: (props?: ({
-    selected?: boolean | null | undefined;
-    disabled?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cvaToggleGroup: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaToggleItem: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        selected: {
+            true: never[];
+            false: never[];
+        };
+        disabled: {
+            true: never[];
+            false: never[];
+        };
+    };
+    compoundVariants: {
+        selected: true;
+        disabled: true;
+        class: ("rounded" | "bg-neutral-50" | "shadow-none")[];
+    }[];
+}, "defaultVariants"> & {
+    variants: {
+        selected: {
+            true: never[];
+            false: never[];
+        };
+        disabled: {
+            true: never[];
+            false: never[];
+        };
+    };
+    defaultVariants: Omit<{}, never>;
+}, {
+    selected: {
+        true: never[];
+        false: never[];
+    };
+    disabled: {
+        true: never[];
+        false: never[];
+    };
+}>;
+export declare const cvaToggleGroupWithSlidingBackground: import("cva").CVAComponent<Omit<{
+    base: never[];
+    variants: {
+        isMounted: {
+            true: string[];
+        };
+    };
+}, "defaultVariants"> & {
+    variants: {
+        isMounted: {
+            true: string[];
+        };
+    };
+    defaultVariants: Omit<{}, never>;
+}, {
+    isMounted: {
+        true: string[];
+    };
+}>;
+export declare const cvaToggleItemText: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        maxWidth: {
+            sm: string[];
+            md: string[];
+        };
+        selected: {
+            true: never[];
+            false: never[];
+        };
+        disabled: {
+            true: never[];
+            false: never[];
+        };
+    };
+    compoundVariants: ({
+        selected: true;
+        disabled: false;
+        class: "text-neutral-900"[];
+    } | {
+        selected: true;
+        disabled: true;
+        class: "text-neutral-400"[];
+    } | {
+        selected: false;
+        disabled: false;
+        class: ("text-neutral-600" | "group-hover:text-neutral-900")[];
+    } | {
+        selected: false;
+        disabled: true;
+        class: "text-neutral-400"[];
+    })[];
+}, "defaultVariants"> & {
+    variants: {
+        maxWidth: {
+            sm: string[];
+            md: string[];
+        };
+        selected: {
+            true: never[];
+            false: never[];
+        };
+        disabled: {
+            true: never[];
+            false: never[];
+        };
+    };
+    defaultVariants: Omit<{}, never>;
+}, {
+    maxWidth: {
+        sm: string[];
+        md: string[];
+    };
+    selected: {
+        true: never[];
+        false: never[];
+    };
+    disabled: {
+        true: never[];
+        false: never[];
+    };
+}>;
+export declare const cvaToggleItemContent: import("cva").CVAComponent<Omit<{
+    base: never[];
+    variants: {
+        selected: {
+            true: never[];
+            false: never[];
+        };
+        disabled: {
+            true: never[];
+            false: never[];
+        };
+    };
+    compoundVariants: ({
+        selected: true;
+        disabled: false;
+        class: "text-neutral-700"[];
+    } | {
+        selected: true;
+        disabled: true;
+        class: "text-neutral-300"[];
+    } | {
+        selected: false;
+        disabled: false;
+        class: ("text-neutral-500" | "group-hover:text-neutral-900")[];
+    } | {
+        selected: false;
+        disabled: true;
+        class: "text-neutral-400"[];
+    })[];
+}, "defaultVariants"> & {
+    variants: {
+        selected: {
+            true: never[];
+            false: never[];
+        };
+        disabled: {
+            true: never[];
+            false: never[];
+        };
+    };
+    defaultVariants: Omit<{}, never>;
+}, {
+    selected: {
+        true: never[];
+        false: never[];
+    };
+    disabled: {
+        true: never[];
+        false: never[];
+    };
+}>;