@trackunit/react-components 2.12.0 → 2.13.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "2.12.0",
+  "version": "2.13.1",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "migrations": "./migrations.json",
@@ -14,16 +14,16 @@
     "@floating-ui/react": "^0.26.25",
     "string-ts": "^2.0.0",
     "tailwind-merge": "^2.0.0",
-    "@trackunit/ui-design-tokens": "1.15.18",
-    "@trackunit/css-class-variance-utilities": "1.14.28",
-    "@trackunit/shared-utils": "1.16.31",
-    "@trackunit/ui-icons": "1.14.27",
+    "@trackunit/ui-design-tokens": "1.15.20",
+    "@trackunit/css-class-variance-utilities": "2.0.0",
+    "@trackunit/shared-utils": "1.16.33",
+    "@trackunit/ui-icons": "1.14.29",
     "es-toolkit": "^1.39.10",
     "@tanstack/react-virtual": "^3.14.3",
     "dequal": "^2.0.3",
     "fflate": "^0.8.2",
     "zod": "^3.25.76",
-    "@trackunit/i18n-library-translation": "2.4.40"
+    "@trackunit/i18n-library-translation": "2.4.42"
   },
   "peerDependencies": {
     "react": "^19.0.0",

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

@@ -1,21 +1,220 @@
-export declare const cvaAlert: (props?: ({
-    color?: "neutral" | "info" | "success" | "warning" | "danger" | null | undefined;
-    actionsInline?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaAlertActionsContainer: (props?: ({
-    inline?: boolean | null | undefined;
-    actionsInline?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaContent: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaAlertContentContainer: (props?: ({
-    inline?: boolean | null | undefined;
-    actionsInline?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaAlertCloseButtonContainer: (props?: ({
-    inline?: boolean | null | undefined;
-    actionsInline?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaAlertIconContainer: (props?: ({
-    inline?: boolean | null | undefined;
-    actionsInline?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cvaAlert: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        color: {
+            danger: string[];
+            warning: string[];
+            success: string[];
+            info: string[];
+            neutral: string[];
+        };
+        actionsInline: {
+            true: string[];
+            false: string[];
+        };
+    };
+    defaultVariants: {
+        color: "info";
+        actionsInline: false;
+    };
+}, "defaultVariants"> & {
+    variants: {
+        color: {
+            danger: string[];
+            warning: string[];
+            success: string[];
+            info: string[];
+            neutral: string[];
+        };
+        actionsInline: {
+            true: string[];
+            false: string[];
+        };
+    };
+    defaultVariants: Omit<{}, "color" | "actionsInline"> & {
+        color: "info";
+        actionsInline: false;
+    };
+}, {
+    color: {
+        danger: string[];
+        warning: string[];
+        success: string[];
+        info: string[];
+        neutral: string[];
+    };
+    actionsInline: {
+        true: string[];
+        false: string[];
+    };
+}>;
+export declare const cvaAlertActionsContainer: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        inline: {
+            true: string[];
+            false: string[];
+        };
+        actionsInline: {
+            true: string[];
+            false: never[];
+        };
+    };
+    defaultVariants: {
+        inline: false;
+        actionsInline: false;
+    };
+}, "defaultVariants"> & {
+    variants: {
+        inline: {
+            true: string[];
+            false: string[];
+        };
+        actionsInline: {
+            true: string[];
+            false: never[];
+        };
+    };
+    defaultVariants: Omit<{}, "inline" | "actionsInline"> & {
+        inline: false;
+        actionsInline: false;
+    };
+}, {
+    inline: {
+        true: string[];
+        false: string[];
+    };
+    actionsInline: {
+        true: string[];
+        false: never[];
+    };
+}>;
+export declare const cvaContent: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaAlertContentContainer: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        inline: {
+            true: string[];
+            false: string[];
+        };
+        actionsInline: {
+            true: string[];
+            false: never[];
+        };
+    };
+    defaultVariants: {
+        inline: false;
+        actionsInline: false;
+    };
+}, "defaultVariants"> & {
+    variants: {
+        inline: {
+            true: string[];
+            false: string[];
+        };
+        actionsInline: {
+            true: string[];
+            false: never[];
+        };
+    };
+    defaultVariants: Omit<{}, "inline" | "actionsInline"> & {
+        inline: false;
+        actionsInline: false;
+    };
+}, {
+    inline: {
+        true: string[];
+        false: string[];
+    };
+    actionsInline: {
+        true: string[];
+        false: never[];
+    };
+}>;
+export declare const cvaAlertCloseButtonContainer: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        inline: {
+            true: string[];
+            false: string[];
+        };
+        actionsInline: {
+            true: string[];
+            false: string[];
+        };
+    };
+    defaultVariants: {
+        inline: false;
+        actionsInline: false;
+    };
+}, "defaultVariants"> & {
+    variants: {
+        inline: {
+            true: string[];
+            false: string[];
+        };
+        actionsInline: {
+            true: string[];
+            false: string[];
+        };
+    };
+    defaultVariants: Omit<{}, "inline" | "actionsInline"> & {
+        inline: false;
+        actionsInline: false;
+    };
+}, {
+    inline: {
+        true: string[];
+        false: string[];
+    };
+    actionsInline: {
+        true: string[];
+        false: string[];
+    };
+}>;
+export declare const cvaAlertIconContainer: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        inline: {
+            true: string[];
+            false: string[];
+        };
+        actionsInline: {
+            true: string[];
+            false: never[];
+        };
+    };
+    defaultVariants: {
+        inline: false;
+        actionsInline: false;
+    };
+}, "defaultVariants"> & {
+    variants: {
+        inline: {
+            true: string[];
+            false: string[];
+        };
+        actionsInline: {
+            true: string[];
+            false: never[];
+        };
+    };
+    defaultVariants: Omit<{}, "inline" | "actionsInline"> & {
+        inline: false;
+        actionsInline: false;
+    };
+}, {
+    inline: {
+        true: string[];
+        false: string[];
+    };
+    actionsInline: {
+        true: string[];
+        false: never[];
+    };
+}>;

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

@@ -1,6 +1,82 @@
-export declare const cvaBadge: (props?: ({
-    color?: "primary" | "neutral" | "warning" | "danger" | null | undefined;
-    compact?: boolean | null | undefined;
-    size?: "default" | "condensed" | null | undefined;
-    isSingleChar?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cvaBadge: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        color: {
+            primary: string;
+            danger: string;
+            warning: string;
+            neutral: string;
+        };
+        compact: {
+            true: string;
+            false: string;
+        };
+        size: {
+            default: string;
+            condensed: string;
+        };
+        isSingleChar: {
+            true: string;
+            false: string;
+        };
+    };
+    compoundVariants: ({
+        isSingleChar: false;
+        compact: false;
+        className: "px-1";
+        size?: undefined;
+    } | {
+        isSingleChar: false;
+        size: "condensed";
+        className: "px-[3px] py-0";
+        compact?: undefined;
+    })[];
+    defaultVariants: {
+        color: "primary";
+        size: "default";
+    };
+}, "defaultVariants"> & {
+    variants: {
+        color: {
+            primary: string;
+            danger: string;
+            warning: string;
+            neutral: string;
+        };
+        compact: {
+            true: string;
+            false: string;
+        };
+        size: {
+            default: string;
+            condensed: string;
+        };
+        isSingleChar: {
+            true: string;
+            false: string;
+        };
+    };
+    defaultVariants: Omit<{}, "color" | "size"> & {
+        color: "primary";
+        size: "default";
+    };
+}, {
+    color: {
+        primary: string;
+        danger: string;
+        warning: string;
+        neutral: string;
+    };
+    compact: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        condensed: string;
+    };
+    isSingleChar: {
+        true: string;
+        false: string;
+    };
+}>;

package/src/components/Breadcrumb/Breadcrumb.variant.d.ts

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

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

@@ -1,20 +1,202 @@
-export declare const cvaCard: (props?: ({
-    clickable?: boolean | null | undefined;
-    fullHeight?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaCardFooterContainerRoot: (props?: ({
-    border?: "default" | "borderless" | null | undefined;
-    padding?: "default" | "none" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaCardFooterContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaCardHeader: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaCardHeaderHeadingContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaCardHeaderContainer: (props?: ({
-    border?: "default" | "borderless" | null | undefined;
-    padding?: "default" | "none" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaCardBodyContainer: (props?: ({
-    direction?: "column" | "column-reverse" | "row" | "row-reverse" | null | undefined;
-    padding?: "default" | "none" | null | undefined;
-    gap?: "default" | "none" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cvaCard: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        clickable: {
+            false: string;
+            true: string;
+        };
+        fullHeight: {
+            false: string;
+            true: string;
+        };
+    };
+    defaultVariants: {
+        clickable: false;
+        fullHeight: false;
+    };
+}, "defaultVariants"> & {
+    variants: {
+        clickable: {
+            false: string;
+            true: string;
+        };
+        fullHeight: {
+            false: string;
+            true: string;
+        };
+    };
+    defaultVariants: Omit<{}, "clickable" | "fullHeight"> & {
+        clickable: false;
+        fullHeight: false;
+    };
+}, {
+    clickable: {
+        false: string;
+        true: string;
+    };
+    fullHeight: {
+        false: string;
+        true: string;
+    };
+}>;
+export declare const cvaCardFooterContainerRoot: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        border: {
+            default: string;
+            borderless: string;
+        };
+        padding: {
+            none: string;
+            default: string;
+        };
+    };
+    defaultVariants: {
+        border: "default";
+        padding: "default";
+    };
+}, "defaultVariants"> & {
+    variants: {
+        border: {
+            default: string;
+            borderless: string;
+        };
+        padding: {
+            none: string;
+            default: string;
+        };
+    };
+    defaultVariants: Omit<{}, "border" | "padding"> & {
+        border: "default";
+        padding: "default";
+    };
+}, {
+    border: {
+        default: string;
+        borderless: string;
+    };
+    padding: {
+        none: string;
+        default: string;
+    };
+}>;
+export declare const cvaCardFooterContainer: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaCardHeader: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaCardHeaderHeadingContainer: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaCardHeaderContainer: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        border: {
+            default: string;
+            borderless: string;
+        };
+        padding: {
+            none: string;
+            default: string;
+        };
+    };
+    defaultVariants: {
+        border: "default";
+        padding: "default";
+    };
+}, "defaultVariants"> & {
+    variants: {
+        border: {
+            default: string;
+            borderless: string;
+        };
+        padding: {
+            none: string;
+            default: string;
+        };
+    };
+    defaultVariants: Omit<{}, "border" | "padding"> & {
+        border: "default";
+        padding: "default";
+    };
+}, {
+    border: {
+        default: string;
+        borderless: string;
+    };
+    padding: {
+        none: string;
+        default: string;
+    };
+}>;
+export declare const cvaCardBodyContainer: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        direction: {
+            row: string;
+            "row-reverse": string;
+            column: string;
+            "column-reverse": string;
+        };
+        padding: {
+            none: string;
+            default: string;
+        };
+        gap: {
+            none: string;
+            default: string;
+        };
+    };
+    defaultVariants: {
+        direction: "column";
+        padding: "default";
+        gap: "default";
+    };
+}, "defaultVariants"> & {
+    variants: {
+        direction: {
+            row: string;
+            "row-reverse": string;
+            column: string;
+            "column-reverse": string;
+        };
+        padding: {
+            none: string;
+            default: string;
+        };
+        gap: {
+            none: string;
+            default: string;
+        };
+    };
+    defaultVariants: Omit<{}, "padding" | "direction" | "gap"> & {
+        direction: "column";
+        padding: "default";
+        gap: "default";
+    };
+}, {
+    direction: {
+        row: string;
+        "row-reverse": string;
+        column: string;
+        "column-reverse": string;
+    };
+    padding: {
+        none: string;
+        default: string;
+    };
+    gap: {
+        none: string;
+        default: string;
+    };
+}>;

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

@@ -1,3 +1,27 @@
-export declare const cvaClickable: (props?: ({
-    disabled?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cvaClickable: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        disabled: {
+            false: string;
+            true: string;
+        };
+    };
+    defaultVariants: {
+        disabled: false;
+    };
+}, "defaultVariants"> & {
+    variants: {
+        disabled: {
+            false: string;
+            true: string;
+        };
+    };
+    defaultVariants: Omit<{}, "disabled"> & {
+        disabled: false;
+    };
+}, {
+    disabled: {
+        false: string;
+        true: string;
+    };
+}>;