iryx-ui 0.12.0 → 0.13.0

package/dist/theme/avatar.d.ts

@@ -0,0 +1,253 @@
+export declare const avatarTheme: import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: {
+            root: string;
+            fallback: string;
+            status: string;
+        };
+        sm: {
+            root: string;
+            fallback: string;
+            status: string;
+        };
+        md: {
+            root: string;
+            fallback: string;
+            status: string;
+        };
+        lg: {
+            root: string;
+            fallback: string;
+            status: string;
+        };
+        xl: {
+            root: string;
+            fallback: string;
+            status: string;
+        };
+    };
+    shape: {
+        circle: {
+            root: string;
+        };
+        square: {
+            root: string;
+        };
+    };
+    status: {
+        online: {
+            status: string;
+        };
+        busy: {
+            status: string;
+        };
+        away: {
+            status: string;
+        };
+        offline: {
+            status: string;
+        };
+    };
+}, {
+    root: string;
+    image: string;
+    fallback: string;
+    status: string;
+}, undefined, {
+    size: {
+        xs: {
+            root: string;
+            fallback: string;
+            status: string;
+        };
+        sm: {
+            root: string;
+            fallback: string;
+            status: string;
+        };
+        md: {
+            root: string;
+            fallback: string;
+            status: string;
+        };
+        lg: {
+            root: string;
+            fallback: string;
+            status: string;
+        };
+        xl: {
+            root: string;
+            fallback: string;
+            status: string;
+        };
+    };
+    shape: {
+        circle: {
+            root: string;
+        };
+        square: {
+            root: string;
+        };
+    };
+    status: {
+        online: {
+            status: string;
+        };
+        busy: {
+            status: string;
+        };
+        away: {
+            status: string;
+        };
+        offline: {
+            status: string;
+        };
+    };
+}, {
+    root: string;
+    image: string;
+    fallback: string;
+    status: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: {
+            root: string;
+            fallback: string;
+            status: string;
+        };
+        sm: {
+            root: string;
+            fallback: string;
+            status: string;
+        };
+        md: {
+            root: string;
+            fallback: string;
+            status: string;
+        };
+        lg: {
+            root: string;
+            fallback: string;
+            status: string;
+        };
+        xl: {
+            root: string;
+            fallback: string;
+            status: string;
+        };
+    };
+    shape: {
+        circle: {
+            root: string;
+        };
+        square: {
+            root: string;
+        };
+    };
+    status: {
+        online: {
+            status: string;
+        };
+        busy: {
+            status: string;
+        };
+        away: {
+            status: string;
+        };
+        offline: {
+            status: string;
+        };
+    };
+}, {
+    root: string;
+    image: string;
+    fallback: string;
+    status: string;
+}, undefined, unknown, unknown, undefined>>;
+export type AvatarSlots = keyof ReturnType<typeof avatarTheme>;
+export declare const avatarGroupTheme: import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: {
+            root: string;
+            overflow: string;
+        };
+        sm: {
+            root: string;
+            overflow: string;
+        };
+        md: {
+            root: string;
+            overflow: string;
+        };
+        lg: {
+            root: string;
+            overflow: string;
+        };
+        xl: {
+            root: string;
+            overflow: string;
+        };
+    };
+}, {
+    root: string;
+    item: string;
+    /** The "+3" chip closing the stack. */
+    overflow: string;
+}, undefined, {
+    size: {
+        xs: {
+            root: string;
+            overflow: string;
+        };
+        sm: {
+            root: string;
+            overflow: string;
+        };
+        md: {
+            root: string;
+            overflow: string;
+        };
+        lg: {
+            root: string;
+            overflow: string;
+        };
+        xl: {
+            root: string;
+            overflow: string;
+        };
+    };
+}, {
+    root: string;
+    item: string;
+    /** The "+3" chip closing the stack. */
+    overflow: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: {
+            root: string;
+            overflow: string;
+        };
+        sm: {
+            root: string;
+            overflow: string;
+        };
+        md: {
+            root: string;
+            overflow: string;
+        };
+        lg: {
+            root: string;
+            overflow: string;
+        };
+        xl: {
+            root: string;
+            overflow: string;
+        };
+    };
+}, {
+    root: string;
+    item: string;
+    /** The "+3" chip closing the stack. */
+    overflow: string;
+}, undefined, unknown, unknown, undefined>>;
+export type AvatarGroupSlots = keyof ReturnType<typeof avatarGroupTheme>;

package/dist/theme/avatar.js

@@ -0,0 +1,84 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/avatar.ts
+var t = e({
+	slots: {
+		root: "relative inline-flex shrink-0 items-center justify-center bg-muted align-middle select-none",
+		image: "size-full rounded-[inherit] object-cover",
+		fallback: "flex size-full items-center justify-center overflow-hidden rounded-[inherit] font-medium text-muted-foreground uppercase",
+		status: "absolute right-0 bottom-0 rounded-full ring-2 ring-background"
+	},
+	variants: {
+		size: {
+			xs: {
+				root: "size-6",
+				fallback: "text-[0.625rem]",
+				status: "size-1.5"
+			},
+			sm: {
+				root: "size-8",
+				fallback: "text-xs",
+				status: "size-2"
+			},
+			md: {
+				root: "size-10",
+				fallback: "text-sm",
+				status: "size-2.5"
+			},
+			lg: {
+				root: "size-12",
+				fallback: "text-base",
+				status: "size-3"
+			},
+			xl: {
+				root: "size-16",
+				fallback: "text-xl",
+				status: "size-4"
+			}
+		},
+		shape: {
+			circle: { root: "rounded-full" },
+			square: { root: "rounded-xl" }
+		},
+		status: {
+			online: { status: "bg-success" },
+			busy: { status: "bg-danger" },
+			away: { status: "bg-warning" },
+			offline: { status: "bg-muted-foreground" }
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		shape: "circle"
+	}
+}), n = e({
+	slots: {
+		root: "flex flex-row-reverse items-center justify-end",
+		item: "ring-2 ring-background",
+		overflow: "flex shrink-0 items-center justify-center rounded-full bg-muted font-medium text-muted-foreground ring-2 ring-background"
+	},
+	variants: { size: {
+		xs: {
+			root: "-space-x-1.5 space-x-reverse",
+			overflow: "size-6 text-[0.625rem]"
+		},
+		sm: {
+			root: "-space-x-2 space-x-reverse",
+			overflow: "size-8 text-xs"
+		},
+		md: {
+			root: "-space-x-2.5 space-x-reverse",
+			overflow: "size-10 text-sm"
+		},
+		lg: {
+			root: "-space-x-3 space-x-reverse",
+			overflow: "size-12 text-base"
+		},
+		xl: {
+			root: "-space-x-4 space-x-reverse",
+			overflow: "size-16 text-xl"
+		}
+	} },
+	defaultVariants: { size: "md" }
+});
+//#endregion
+export { n as avatarGroupTheme, t as avatarTheme };

package/dist/theme/banner.d.ts

@@ -20,7 +20,6 @@ export declare const bannerTheme: import("tailwind-variants").TVReturnType<{
             root: string;
             icon: string;
         };
-        /** Brand-coloured, for announcements rather than status. */
         primary: {
             root: string;
             icon: string;
@@ -28,7 +27,6 @@ export declare const bannerTheme: import("tailwind-variants").TVReturnType<{
     };
     position: {
         static: {};
-        /** Sticks under the top of the scroll container. */
         top: {
             root: string;
         };
@@ -52,7 +50,6 @@ export declare const bannerTheme: import("tailwind-variants").TVReturnType<{
     };
 }, {
     root: string;
-    /** Keeps the text off the viewport edge without constraining the fill. */
     container: string;
     icon: string;
     content: string;
@@ -81,7 +78,6 @@ export declare const bannerTheme: import("tailwind-variants").TVReturnType<{
             root: string;
             icon: string;
         };
-        /** Brand-coloured, for announcements rather than status. */
         primary: {
             root: string;
             icon: string;
@@ -89,7 +85,6 @@ export declare const bannerTheme: import("tailwind-variants").TVReturnType<{
     };
     position: {
         static: {};
-        /** Sticks under the top of the scroll container. */
         top: {
             root: string;
         };
@@ -113,7 +108,6 @@ export declare const bannerTheme: import("tailwind-variants").TVReturnType<{
     };
 }, {
     root: string;
-    /** Keeps the text off the viewport edge without constraining the fill. */
     container: string;
     icon: string;
     content: string;
@@ -142,7 +136,6 @@ export declare const bannerTheme: import("tailwind-variants").TVReturnType<{
             root: string;
             icon: string;
         };
-        /** Brand-coloured, for announcements rather than status. */
         primary: {
             root: string;
             icon: string;
@@ -150,7 +143,6 @@ export declare const bannerTheme: import("tailwind-variants").TVReturnType<{
     };
     position: {
         static: {};
-        /** Sticks under the top of the scroll container. */
         top: {
             root: string;
         };
@@ -174,7 +166,6 @@ export declare const bannerTheme: import("tailwind-variants").TVReturnType<{
     };
 }, {
     root: string;
-    /** Keeps the text off the viewport edge without constraining the fill. */
     container: string;
     icon: string;
     content: string;

package/dist/theme/bar-chart.d.ts

@@ -1,7 +1,3 @@
-/**
- * Everything recessive except the bars. Grid and axis text sit one step off
- * the surface; the data is the only thing allowed to be loud.
- */
 export declare const barChartTheme: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
@@ -47,20 +43,16 @@ export declare const barChartTheme: import("tailwind-variants").TVReturnType<{
      */
     plot: string;
     svg: string;
-    /** Hairline and solid — a dashed grid competes with the marks. */
     grid: string;
-    /** Text never wears the series colour; identity comes from the mark. */
     tick: string;
     category: string;
     bar: string;
     /** Hit target, deliberately wider than the mark it selects. */
     hit: string;
-    /** Dims the rest of the series so the hovered bar reads as selected. */
     faded: string;
     tooltip: string;
     tooltipLabel: string;
     tooltipValue: string;
-    /** Reachable by screen readers and by nobody's eyes. */
     table: string;
 }, undefined, {
     [key: string]: {
@@ -89,20 +81,16 @@ export declare const barChartTheme: import("tailwind-variants").TVReturnType<{
      */
     plot: string;
     svg: string;
-    /** Hairline and solid — a dashed grid competes with the marks. */
     grid: string;
-    /** Text never wears the series colour; identity comes from the mark. */
     tick: string;
     category: string;
     bar: string;
     /** Hit target, deliberately wider than the mark it selects. */
     hit: string;
-    /** Dims the rest of the series so the hovered bar reads as selected. */
     faded: string;
     tooltip: string;
     tooltipLabel: string;
     tooltipValue: string;
-    /** Reachable by screen readers and by nobody's eyes. */
     table: string;
 }, import("tailwind-variants").TVReturnType<unknown, {
     root: string;
@@ -113,20 +101,16 @@ export declare const barChartTheme: import("tailwind-variants").TVReturnType<{
      */
     plot: string;
     svg: string;
-    /** Hairline and solid — a dashed grid competes with the marks. */
     grid: string;
-    /** Text never wears the series colour; identity comes from the mark. */
     tick: string;
     category: string;
     bar: string;
     /** Hit target, deliberately wider than the mark it selects. */
     hit: string;
-    /** Dims the rest of the series so the hovered bar reads as selected. */
     faded: string;
     tooltip: string;
     tooltipLabel: string;
     tooltipValue: string;
-    /** Reachable by screen readers and by nobody's eyes. */
     table: string;
 }, undefined, unknown, unknown, undefined>>;
 export type BarChartSlots = keyof ReturnType<typeof barChartTheme>;

package/dist/theme/breadcrumb.d.ts

@@ -2,8 +2,8 @@ export declare const breadcrumbTheme: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            link?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
+            link?: import("tailwind-variants").ClassValue;
             list?: import("tailwind-variants").ClassValue;
             current?: import("tailwind-variants").ClassValue;
             separator?: import("tailwind-variants").ClassValue;
@@ -13,8 +13,8 @@ export declare const breadcrumbTheme: import("tailwind-variants").TVReturnType<{
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            link?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
+            link?: import("tailwind-variants").ClassValue;
             list?: import("tailwind-variants").ClassValue;
             current?: import("tailwind-variants").ClassValue;
             separator?: import("tailwind-variants").ClassValue;
@@ -32,8 +32,8 @@ export declare const breadcrumbTheme: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            link?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
+            link?: import("tailwind-variants").ClassValue;
             list?: import("tailwind-variants").ClassValue;
             current?: import("tailwind-variants").ClassValue;
             separator?: import("tailwind-variants").ClassValue;

package/dist/theme/button-group.d.ts

@@ -3,7 +3,6 @@ export declare const buttonGroupTheme: import("tailwind-variants").TVReturnType<
         horizontal: string;
         vertical: string;
     };
-    /** Stretch to fill the container, splitting the width between children. */
     block: {
         true: string;
     };
@@ -12,7 +11,6 @@ export declare const buttonGroupTheme: import("tailwind-variants").TVReturnType<
         horizontal: string;
         vertical: string;
     };
-    /** Stretch to fill the container, splitting the width between children. */
     block: {
         true: string;
     };
@@ -21,7 +19,6 @@ export declare const buttonGroupTheme: import("tailwind-variants").TVReturnType<
         horizontal: string;
         vertical: string;
     };
-    /** Stretch to fill the container, splitting the width between children. */
     block: {
         true: string;
     };

package/dist/theme/button.d.ts

@@ -12,7 +12,6 @@ export declare const buttonTheme: import("tailwind-variants").TVReturnType<{
         lg: string;
         xl: string;
     };
-    /** Icon-only: square, no horizontal padding. */
     square: {
         true: string;
         false: string;
@@ -34,7 +33,6 @@ export declare const buttonTheme: import("tailwind-variants").TVReturnType<{
         lg: string;
         xl: string;
     };
-    /** Icon-only: square, no horizontal padding. */
     square: {
         true: string;
         false: string;
@@ -56,7 +54,6 @@ export declare const buttonTheme: import("tailwind-variants").TVReturnType<{
         lg: string;
         xl: string;
     };
-    /** Icon-only: square, no horizontal padding. */
     square: {
         true: string;
         false: string;

package/dist/theme/card.js

@@ -3,8 +3,8 @@ import { tv as e } from "tailwind-variants";
 var t = e({
 	slots: {
 		root: "rounded-2xl text-foreground",
-		header: "flex flex-col gap-1",
-		title: "text-base leading-none font-semibold",
+		header: "flex flex-col gap-1.5",
+		title: "text-base leading-snug font-semibold",
 		description: "text-sm text-muted-foreground",
 		body: "",
 		footer: "flex items-center gap-2"

package/dist/theme/chart-legend.d.ts

@@ -1,15 +1,10 @@
-/**
- * Shared by every multi-series chart. A legend is mandatory from two series
- * up: colour alone is not a dependable identity channel, and the swatch beside
- * the name is what makes it one.
- */
 export declare const chartLegendTheme: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
-            swatch?: import("tailwind-variants").ClassValue;
             name?: import("tailwind-variants").ClassValue;
+            swatch?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
@@ -17,14 +12,13 @@ export declare const chartLegendTheme: import("tailwind-variants").TVReturnType<
         [x: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
-            swatch?: import("tailwind-variants").ClassValue;
             name?: import("tailwind-variants").ClassValue;
+            swatch?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
     root: string;
     item: string;
-    /** The mark carries the series colour. */
     swatch: string;
     /** The text never does — a light hue is illegible as type on the surface. */
     name: string;
@@ -33,21 +27,19 @@ export declare const chartLegendTheme: import("tailwind-variants").TVReturnType<
         [key: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
             item?: import("tailwind-variants").ClassValue;
-            swatch?: import("tailwind-variants").ClassValue;
             name?: import("tailwind-variants").ClassValue;
+            swatch?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
     root: string;
     item: string;
-    /** The mark carries the series colour. */
     swatch: string;
     /** The text never does — a light hue is illegible as type on the surface. */
     name: string;
 }, import("tailwind-variants").TVReturnType<unknown, {
     root: string;
     item: string;
-    /** The mark carries the series colour. */
     swatch: string;
     /** The text never does — a light hue is illegible as type on the surface. */
     name: string;

package/dist/theme/collapsible.d.ts

@@ -0,0 +1,44 @@
+export declare const collapsibleTheme: import("tailwind-variants").TVReturnType<{
+    iconPosition: {
+        start: {
+            icon: string;
+        };
+        end: {
+            icon: string;
+        };
+    };
+}, {
+    root: string;
+    trigger: string;
+    content: string;
+    icon: string;
+}, undefined, {
+    iconPosition: {
+        start: {
+            icon: string;
+        };
+        end: {
+            icon: string;
+        };
+    };
+}, {
+    root: string;
+    trigger: string;
+    content: string;
+    icon: string;
+}, import("tailwind-variants").TVReturnType<{
+    iconPosition: {
+        start: {
+            icon: string;
+        };
+        end: {
+            icon: string;
+        };
+    };
+}, {
+    root: string;
+    trigger: string;
+    content: string;
+    icon: string;
+}, undefined, unknown, unknown, undefined>>;
+export type CollapsibleSlots = keyof ReturnType<typeof collapsibleTheme>;

package/dist/theme/collapsible.js

@@ -0,0 +1,17 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/collapsible.ts
+var t = e({
+	slots: {
+		root: "w-full",
+		trigger: "flex w-full items-center gap-2 rounded-lg text-sm font-medium text-foreground outline-none focus-visible:ring-2 focus-visible:ring-primary/50 data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0",
+		content: "overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",
+		icon: "shrink-0 text-muted-foreground transition-transform duration-200"
+	},
+	variants: { iconPosition: {
+		start: { icon: "order-first" },
+		end: { icon: "order-last ml-auto" }
+	} },
+	defaultVariants: { iconPosition: "end" }
+});
+//#endregion
+export { t as collapsibleTheme };