@trackunit/react-components 2.13.0 → 2.13.1

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

@@ -3,23 +3,190 @@
  * by having them both satisfy the same template literal type containing the data-slot attribute name.
  */
 export type StringContainingDataInputContainerAttr = `${string}input-container${string}`;
-export declare const cvaPreferenceCard: (props?: ({
-    disabled?: boolean | null | undefined;
-    clickable?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaInputContainer: (props?: ({
-    itemPlacement?: "center" | "start" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaContentContainer: (props?: ({
-    itemPlacement?: "center" | "start" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaTitleCard: (props?: ({
-    disabled?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaDescriptionCard: (props?: ({
-    disabled?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaIconBackground: (props?: ({
-    disabled?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaContentWrapper: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaPreferenceCard: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        disabled: {
+            true: string;
+            false: string;
+        };
+        clickable: {
+            true: string[];
+            false: string;
+        };
+    };
+    compoundVariants: {
+        disabled: true;
+        clickable: true;
+        class: "cursor-not-allowed";
+    }[];
+    defaultVariants: {
+        disabled: false;
+        clickable: false;
+    };
+}, "defaultVariants"> & {
+    variants: {
+        disabled: {
+            true: string;
+            false: string;
+        };
+        clickable: {
+            true: string[];
+            false: string;
+        };
+    };
+    defaultVariants: Omit<{}, "disabled" | "clickable"> & {
+        disabled: false;
+        clickable: false;
+    };
+}, {
+    disabled: {
+        true: string;
+        false: string;
+    };
+    clickable: {
+        true: string[];
+        false: string;
+    };
+}>;
+export declare const cvaInputContainer: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        itemPlacement: {
+            center: string;
+            start: string;
+        };
+    };
+    defaultVariants: {
+        itemPlacement: "start";
+    };
+}, "defaultVariants"> & {
+    variants: {
+        itemPlacement: {
+            center: string;
+            start: string;
+        };
+    };
+    defaultVariants: Omit<{}, "itemPlacement"> & {
+        itemPlacement: "start";
+    };
+}, {
+    itemPlacement: {
+        center: string;
+        start: string;
+    };
+}>;
+export declare const cvaContentContainer: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        itemPlacement: {
+            center: string;
+            start: string;
+        };
+    };
+    defaultVariants: {
+        itemPlacement: "start";
+    };
+}, "defaultVariants"> & {
+    variants: {
+        itemPlacement: {
+            center: string;
+            start: string;
+        };
+    };
+    defaultVariants: Omit<{}, "itemPlacement"> & {
+        itemPlacement: "start";
+    };
+}, {
+    itemPlacement: {
+        center: string;
+        start: string;
+    };
+}>;
+export declare const cvaTitleCard: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        disabled: {
+            true: string;
+            false: string;
+        };
+    };
+    defaultVariants: {
+        disabled: false;
+    };
+}, "defaultVariants"> & {
+    variants: {
+        disabled: {
+            true: string;
+            false: string;
+        };
+    };
+    defaultVariants: Omit<{}, "disabled"> & {
+        disabled: false;
+    };
+}, {
+    disabled: {
+        true: string;
+        false: string;
+    };
+}>;
+export declare const cvaDescriptionCard: import("cva").CVAComponent<Omit<{
+    base: never[];
+    variants: {
+        disabled: {
+            true: string;
+            false: string;
+        };
+    };
+    defaultVariants: {
+        disabled: false;
+    };
+}, "defaultVariants"> & {
+    variants: {
+        disabled: {
+            true: string;
+            false: string;
+        };
+    };
+    defaultVariants: Omit<{}, "disabled"> & {
+        disabled: false;
+    };
+}, {
+    disabled: {
+        true: string;
+        false: string;
+    };
+}>;
+export declare const cvaIconBackground: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        disabled: {
+            true: string;
+            false: string;
+        };
+    };
+    defaultVariants: {
+        disabled: false;
+    };
+}, "defaultVariants"> & {
+    variants: {
+        disabled: {
+            true: string;
+            false: string;
+        };
+    };
+    defaultVariants: Omit<{}, "disabled"> & {
+        disabled: false;
+    };
+}, {
+    disabled: {
+        true: string;
+        false: string;
+    };
+}>;
+export declare const cvaContentWrapper: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;

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

@@ -8,9 +8,33 @@ import type { SheetVariant } from "./sheet-types";
  *
  * Always absolutely positioned within the provided container element.
  */
-export declare const cvaSheetContainer: (props?: ({
-    docked?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cvaSheetContainer: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        docked: {
+            true: string[];
+            false: never[];
+        };
+    };
+    defaultVariants: {
+        docked: false;
+    };
+}, "defaultVariants"> & {
+    variants: {
+        docked: {
+            true: string[];
+            false: never[];
+        };
+    };
+    defaultVariants: Omit<{}, "docked"> & {
+        docked: false;
+    };
+}, {
+    docked: {
+        true: string[];
+        false: never[];
+    };
+}>;
 /**
  * Sheet panel — the main content surface, always positioned at the bottom
  * of the container.
@@ -27,10 +51,53 @@ export declare const cvaSheetContainer: (props?: ({
  * During drag, the gesture hook sets `--sheet-drag-height` and `transition: none`
  * directly on the element for immediate visual feedback, then restores on release.
  */
-export declare const cvaSheetPanel: (props?: ({
-    anchor?: "center" | "end" | "start" | null | undefined;
-    variant?: "default" | "floating" | "modal" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cvaSheetPanel: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        anchor: {
+            center: string[];
+            start: string[];
+            end: string[];
+        };
+        variant: {
+            default: never[];
+            modal: never[];
+            floating: string[];
+        };
+    };
+    defaultVariants: {
+        anchor: "center";
+        variant: "default";
+    };
+}, "defaultVariants"> & {
+    variants: {
+        anchor: {
+            center: string[];
+            start: string[];
+            end: string[];
+        };
+        variant: {
+            default: never[];
+            modal: never[];
+            floating: string[];
+        };
+    };
+    defaultVariants: Omit<{}, "anchor" | "variant"> & {
+        anchor: "center";
+        variant: "default";
+    };
+}, {
+    anchor: {
+        center: string[];
+        start: string[];
+        end: string[];
+    };
+    variant: {
+        default: never[];
+        modal: never[];
+        floating: string[];
+    };
+}>;
 /**
  * Scrollable area below the drag handle. Nested inside the Sheet panel (Card)
  * so the Card's base `overflow-clip` clips this element's scrollbar at the
@@ -41,9 +108,33 @@ export declare const cvaSheetPanel: (props?: ({
  * for fit mode so that `scrollHeight` reflects natural content height rather
  * than the stretched layout — critical for correct fit-height measurement.
  */
-export declare const cvaSheetScrollArea: (props?: ({
-    fillHeight?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cvaSheetScrollArea: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        fillHeight: {
+            true: string[];
+            false: never[];
+        };
+    };
+    defaultVariants: {
+        fillHeight: true;
+    };
+}, "defaultVariants"> & {
+    variants: {
+        fillHeight: {
+            true: string[];
+            false: never[];
+        };
+    };
+    defaultVariants: Omit<{}, "fillHeight"> & {
+        fillHeight: true;
+    };
+}, {
+    fillHeight: {
+        true: string[];
+        false: never[];
+    };
+}>;
 /**
  * Returns inline styles for the sheet panel element.
  *

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

@@ -1,4 +1,43 @@
-export declare const cvaSidebar: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaSidebarChildContainer: (props?: ({
-    breakpoint?: "sm" | "xs" | "md" | "lg" | "xl" | "2xl" | "3xl" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cvaSidebar: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaSidebarChildContainer: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        breakpoint: {
+            xs: string[];
+            sm: string[];
+            md: string[];
+            lg: string[];
+            xl: string[];
+            "2xl": string[];
+            "3xl": string[];
+        };
+    };
+}, "defaultVariants"> & {
+    variants: {
+        breakpoint: {
+            xs: string[];
+            sm: string[];
+            md: string[];
+            lg: string[];
+            xl: string[];
+            "2xl": string[];
+            "3xl": string[];
+        };
+    };
+    defaultVariants: Omit<{}, never>;
+}, {
+    breakpoint: {
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        "2xl": string[];
+        "3xl": string[];
+    };
+}>;

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

@@ -25,9 +25,48 @@
  * would never appear as a complete literal string anywhere in this file and so would silently fail
  * to generate any CSS at all.
  */
-export declare const cvaSidebarContentLayout: (props?: ({
-    breakpoint?: "sm" | "xs" | "md" | "lg" | "xl" | "2xl" | "3xl" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cvaSidebarContentLayout: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        breakpoint: {
+            xs: string[];
+            sm: string[];
+            md: string[];
+            lg: string[];
+            xl: string[];
+            "2xl": string[];
+            "3xl": string[];
+        };
+    };
+    defaultVariants: {
+        breakpoint: "lg";
+    };
+}, "defaultVariants"> & {
+    variants: {
+        breakpoint: {
+            xs: string[];
+            sm: string[];
+            md: string[];
+            lg: string[];
+            xl: string[];
+            "2xl": string[];
+            "3xl": string[];
+        };
+    };
+    defaultVariants: Omit<{}, "breakpoint"> & {
+        breakpoint: "lg";
+    };
+}, {
+    breakpoint: {
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        "2xl": string[];
+        "3xl": string[];
+    };
+}>;
 /**
  * The sidebar's own grid cell. `pt-4 pl-4` give it a fixed top/left inset (matching
  * `p-content-space`'s own `spacing-4`) now that there's no ambient ancestor padding left to inherit
@@ -68,9 +107,48 @@ export declare const cvaSidebarContentLayout: (props?: ({
  * `p-content-space` already owns - it is deliberately *not* zero, but not enough to look like a second
  * gap either.
  */
-export declare const cvaSidebarContentLayoutSidebar: (props?: ({
-    breakpoint?: "sm" | "xs" | "md" | "lg" | "xl" | "2xl" | "3xl" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cvaSidebarContentLayoutSidebar: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        breakpoint: {
+            xs: string[];
+            sm: string[];
+            md: string[];
+            lg: string[];
+            xl: string[];
+            "2xl": string[];
+            "3xl": string[];
+        };
+    };
+    defaultVariants: {
+        breakpoint: "lg";
+    };
+}, "defaultVariants"> & {
+    variants: {
+        breakpoint: {
+            xs: string[];
+            sm: string[];
+            md: string[];
+            lg: string[];
+            xl: string[];
+            "2xl": string[];
+            "3xl": string[];
+        };
+    };
+    defaultVariants: Omit<{}, "breakpoint"> & {
+        breakpoint: "lg";
+    };
+}, {
+    breakpoint: {
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+        xl: string[];
+        "2xl": string[];
+        "3xl": string[];
+    };
+}>;
 /**
  * The content's own grid cell: `relative` (a positioning context for a future side panel/drawer to
  * anchor into), a definite height (`h-full`, chained from the root grid's own fill contract) with
@@ -82,6 +160,30 @@ export declare const cvaSidebarContentLayoutSidebar: (props?: ({
  * ancestor. Callers rendering a route that must sit flush (e.g. a full-page extension iframe) opt
  * out with `contentSpace={false}`.
  */
-export declare const cvaSidebarContentLayoutContent: (props?: ({
-    contentSpace?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cvaSidebarContentLayoutContent: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        contentSpace: {
+            true: string[];
+            false: never[];
+        };
+    };
+    defaultVariants: {
+        contentSpace: true;
+    };
+}, "defaultVariants"> & {
+    variants: {
+        contentSpace: {
+            true: string[];
+            false: never[];
+        };
+    };
+    defaultVariants: Omit<{}, "contentSpace"> & {
+        contentSpace: true;
+    };
+}, {
+    contentSpace: {
+        true: string[];
+        false: never[];
+    };
+}>;

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

@@ -1,3 +1,55 @@
-export declare const cvaSkeleton: (props?: ({
-    textSize?: "text-xs" | "text-sm" | "text-base" | "text-lg" | "text-xl" | "text-2xl" | "text-3xl" | "text-4xl" | "text-5xl" | "text-6xl" | "text-7xl" | "text-8xl" | "text-9xl" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cvaSkeleton: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        textSize: {
+            "text-xs": string[];
+            "text-sm": string[];
+            "text-base": string[];
+            "text-lg": string[];
+            "text-xl": string[];
+            "text-2xl": string[];
+            "text-3xl": string[];
+            "text-4xl": string[];
+            "text-5xl": string[];
+            "text-6xl": string[];
+            "text-7xl": string[];
+            "text-8xl": string[];
+            "text-9xl": string[];
+        };
+    };
+}, "defaultVariants"> & {
+    variants: {
+        textSize: {
+            "text-xs": string[];
+            "text-sm": string[];
+            "text-base": string[];
+            "text-lg": string[];
+            "text-xl": string[];
+            "text-2xl": string[];
+            "text-3xl": string[];
+            "text-4xl": string[];
+            "text-5xl": string[];
+            "text-6xl": string[];
+            "text-7xl": string[];
+            "text-8xl": string[];
+            "text-9xl": string[];
+        };
+    };
+    defaultVariants: Omit<{}, never>;
+}, {
+    textSize: {
+        "text-xs": string[];
+        "text-sm": string[];
+        "text-base": string[];
+        "text-lg": string[];
+        "text-xl": string[];
+        "text-2xl": string[];
+        "text-3xl": string[];
+        "text-4xl": string[];
+        "text-5xl": string[];
+        "text-6xl": string[];
+        "text-7xl": string[];
+        "text-8xl": string[];
+        "text-9xl": string[];
+    };
+}>;

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

@@ -1 +1,6 @@
-export declare const cvaSkeletonContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaSkeletonContainer: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;

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

@@ -1,4 +1,44 @@
-export declare const cvaSpacer: (props?: ({
-    border?: boolean | null | undefined;
-    size?: "small" | "medium" | "large" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cvaSpacer: import("cva").CVAComponent<Omit<{
+    base: never[];
+    variants: {
+        border: {
+            true: string[];
+            false: string;
+        };
+        size: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+    };
+    defaultVariants: {
+        border: false;
+        size: "medium";
+    };
+}, "defaultVariants"> & {
+    variants: {
+        border: {
+            true: string[];
+            false: string;
+        };
+        size: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+    };
+    defaultVariants: Omit<{}, "size" | "border"> & {
+        border: false;
+        size: "medium";
+    };
+}, {
+    border: {
+        true: string[];
+        false: string;
+    };
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+}>;