iryx-ui 0.11.0 → 0.13.0

package/dist/theme/drawer.d.ts

@@ -0,0 +1,110 @@
+export declare const drawerTheme: import("tailwind-variants").TVReturnType<{
+    side: {
+        right: {
+            content: string;
+            handle: string;
+        };
+        left: {
+            content: string;
+            handle: string;
+        };
+        top: {
+            content: string;
+            handle: string;
+        };
+        bottom: {
+            content: string;
+            handle: string;
+        };
+    };
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+        full: {};
+    };
+}, {
+    overlay: string;
+    content: string;
+    handle: string;
+    header: string;
+    title: string;
+    description: string;
+    body: string;
+    footer: string;
+    close: string;
+}, undefined, {
+    side: {
+        right: {
+            content: string;
+            handle: string;
+        };
+        left: {
+            content: string;
+            handle: string;
+        };
+        top: {
+            content: string;
+            handle: string;
+        };
+        bottom: {
+            content: string;
+            handle: string;
+        };
+    };
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+        full: {};
+    };
+}, {
+    overlay: string;
+    content: string;
+    handle: string;
+    header: string;
+    title: string;
+    description: string;
+    body: string;
+    footer: string;
+    close: string;
+}, import("tailwind-variants").TVReturnType<{
+    side: {
+        right: {
+            content: string;
+            handle: string;
+        };
+        left: {
+            content: string;
+            handle: string;
+        };
+        top: {
+            content: string;
+            handle: string;
+        };
+        bottom: {
+            content: string;
+            handle: string;
+        };
+    };
+    size: {
+        sm: {};
+        md: {};
+        lg: {};
+        xl: {};
+        full: {};
+    };
+}, {
+    overlay: string;
+    content: string;
+    handle: string;
+    header: string;
+    title: string;
+    description: string;
+    body: string;
+    footer: string;
+    close: string;
+}, undefined, unknown, unknown, undefined>>;
+export type DrawerSlots = keyof ReturnType<typeof drawerTheme>;

package/dist/theme/drawer.js

@@ -0,0 +1,100 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/drawer.ts
+var t = e({
+	slots: {
+		overlay: "fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in",
+		content: "iryx-drawer fixed z-50 flex touch-none flex-col gap-4 border-border bg-background p-6 text-foreground shadow-lg outline-none",
+		handle: "shrink-0 rounded-full bg-border",
+		header: "flex flex-col gap-1",
+		title: "text-base leading-none font-semibold",
+		description: "text-sm text-muted-foreground",
+		body: "-m-1 min-h-0 flex-1 touch-auto overflow-y-auto p-1",
+		footer: "flex flex-wrap items-center justify-end gap-2",
+		close: "absolute top-4 right-4 rounded-lg p-1 text-muted-foreground transition-colors outline-none hover:bg-accent hover:text-accent-foreground focus-visible:ring-2 focus-visible:ring-primary/50 [&_svg]:size-4"
+	},
+	variants: {
+		side: {
+			right: {
+				content: "inset-y-0 right-0 h-dvh w-full border-l data-[state=closed]:animate-drawer-out-right data-[state=open]:animate-drawer-in-right",
+				handle: "absolute top-1/2 left-1.5 h-10 w-1 -translate-y-1/2"
+			},
+			left: {
+				content: "inset-y-0 left-0 h-dvh w-full border-r data-[state=closed]:animate-drawer-out-left data-[state=open]:animate-drawer-in-left",
+				handle: "absolute top-1/2 right-1.5 h-10 w-1 -translate-y-1/2"
+			},
+			top: {
+				content: "inset-x-0 top-0 w-full rounded-b-2xl border-b pb-4 data-[state=closed]:animate-drawer-out-top data-[state=open]:animate-drawer-in-top",
+				handle: "order-last mx-auto h-1 w-10"
+			},
+			bottom: {
+				content: "inset-x-0 bottom-0 w-full rounded-t-2xl border-t pt-4 data-[state=closed]:animate-drawer-out-bottom data-[state=open]:animate-drawer-in-bottom",
+				handle: "mx-auto h-1 w-10"
+			}
+		},
+		size: {
+			sm: {},
+			md: {},
+			lg: {},
+			xl: {},
+			full: {}
+		}
+	},
+	compoundVariants: [
+		{
+			side: ["left", "right"],
+			size: "sm",
+			class: { content: "sm:max-w-sm" }
+		},
+		{
+			side: ["left", "right"],
+			size: "md",
+			class: { content: "sm:max-w-md" }
+		},
+		{
+			side: ["left", "right"],
+			size: "lg",
+			class: { content: "sm:max-w-lg" }
+		},
+		{
+			side: ["left", "right"],
+			size: "xl",
+			class: { content: "sm:max-w-2xl" }
+		},
+		{
+			side: ["left", "right"],
+			size: "full",
+			class: { content: "max-w-none" }
+		},
+		{
+			side: ["top", "bottom"],
+			size: "sm",
+			class: { content: "max-h-[25dvh]" }
+		},
+		{
+			side: ["top", "bottom"],
+			size: "md",
+			class: { content: "max-h-[40dvh]" }
+		},
+		{
+			side: ["top", "bottom"],
+			size: "lg",
+			class: { content: "max-h-[60dvh]" }
+		},
+		{
+			side: ["top", "bottom"],
+			size: "xl",
+			class: { content: "max-h-[80dvh]" }
+		},
+		{
+			side: ["top", "bottom"],
+			size: "full",
+			class: { content: "h-dvh max-h-none rounded-none" }
+		}
+	],
+	defaultVariants: {
+		side: "right",
+		size: "md"
+	}
+});
+//#endregion
+export { t as drawerTheme };

package/dist/theme/dropdown-menu.d.ts

@@ -1,5 +1,4 @@
 export declare const dropdownMenuTheme: import("tailwind-variants").TVReturnType<{
-    /** Destructive items read in the danger colour, including when highlighted. */
     danger: {
         true: {
             item: string;
@@ -10,13 +9,10 @@ export declare const dropdownMenuTheme: import("tailwind-variants").TVReturnType
     item: string;
     label: string;
     separator: string;
-    /** Same chrome as an item, plus a trailing chevron and an open state. */
     subTrigger: string;
     subContent: string;
-    /** Pushes the submenu chevron to the trailing edge. */
     subTriggerIcon: string;
 }, undefined, {
-    /** Destructive items read in the danger colour, including when highlighted. */
     danger: {
         true: {
             item: string;
@@ -27,13 +23,10 @@ export declare const dropdownMenuTheme: import("tailwind-variants").TVReturnType
     item: string;
     label: string;
     separator: string;
-    /** Same chrome as an item, plus a trailing chevron and an open state. */
     subTrigger: string;
     subContent: string;
-    /** Pushes the submenu chevron to the trailing edge. */
     subTriggerIcon: string;
 }, import("tailwind-variants").TVReturnType<{
-    /** Destructive items read in the danger colour, including when highlighted. */
     danger: {
         true: {
             item: string;
@@ -44,10 +37,8 @@ export declare const dropdownMenuTheme: import("tailwind-variants").TVReturnType
     item: string;
     label: string;
     separator: string;
-    /** Same chrome as an item, plus a trailing chevron and an open state. */
     subTrigger: string;
     subContent: string;
-    /** Pushes the submenu chevron to the trailing edge. */
     subTriggerIcon: string;
 }, undefined, unknown, unknown, undefined>>;
 export type DropdownMenuSlots = keyof ReturnType<typeof dropdownMenuTheme>;

package/dist/theme/file-upload.d.ts

@@ -1,5 +1,4 @@
 export declare const fileUploadTheme: import("tailwind-variants").TVReturnType<{
-    /** Held during a drag, so the target is unmistakable while dragging. */
     dragging: {
         true: {
             dropzone: string;
@@ -46,7 +45,6 @@ export declare const fileUploadTheme: import("tailwind-variants").TVReturnType<{
     remove: string;
     error: string;
 }, undefined, {
-    /** Held during a drag, so the target is unmistakable while dragging. */
     dragging: {
         true: {
             dropzone: string;
@@ -93,7 +91,6 @@ export declare const fileUploadTheme: import("tailwind-variants").TVReturnType<{
     remove: string;
     error: string;
 }, import("tailwind-variants").TVReturnType<{
-    /** Held during a drag, so the target is unmistakable while dragging. */
     dragging: {
         true: {
             dropzone: string;

package/dist/theme/form.d.ts

@@ -2,12 +2,12 @@ export declare const formFieldTheme: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            description?: import("tailwind-variants").ClassValue;
-            label?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
-            hint?: import("tailwind-variants").ClassValue;
-            error?: import("tailwind-variants").ClassValue;
+            label?: import("tailwind-variants").ClassValue;
+            description?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            error?: import("tailwind-variants").ClassValue;
+            hint?: import("tailwind-variants").ClassValue;
             help?: import("tailwind-variants").ClassValue;
         };
     };
@@ -15,12 +15,12 @@ export declare const formFieldTheme: import("tailwind-variants").TVReturnType<{
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            description?: import("tailwind-variants").ClassValue;
-            label?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
-            hint?: import("tailwind-variants").ClassValue;
-            error?: import("tailwind-variants").ClassValue;
+            label?: import("tailwind-variants").ClassValue;
+            description?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            error?: import("tailwind-variants").ClassValue;
+            hint?: import("tailwind-variants").ClassValue;
             help?: import("tailwind-variants").ClassValue;
         };
     };
@@ -37,12 +37,12 @@ export declare const formFieldTheme: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
             root?: import("tailwind-variants").ClassValue;
-            description?: import("tailwind-variants").ClassValue;
-            label?: import("tailwind-variants").ClassValue;
             header?: import("tailwind-variants").ClassValue;
-            hint?: import("tailwind-variants").ClassValue;
-            error?: import("tailwind-variants").ClassValue;
+            label?: import("tailwind-variants").ClassValue;
+            description?: import("tailwind-variants").ClassValue;
             control?: import("tailwind-variants").ClassValue;
+            error?: import("tailwind-variants").ClassValue;
+            hint?: import("tailwind-variants").ClassValue;
             help?: import("tailwind-variants").ClassValue;
         };
     };

package/dist/theme/index.d.ts

@@ -1,4 +1,7 @@
+export * from './accordion';
 export * from './alert';
+export * from './app-shell';
+export * from './avatar';
 export * from './badge';
 export * from './banner';
 export * from './bar-chart';
@@ -8,29 +11,52 @@ export * from './button-group';
 export * from './card';
 export * from './chart-legend';
 export * from './checkbox';
+export * from './collapsible';
+export * from './color-picker';
 export * from './combobox';
+export * from './command-palette';
+export * from './container';
 export * from './date-picker';
 export * from './dialog';
+export * from './drawer';
 export * from './dropdown-menu';
 export * from './empty-state';
 export * from './file-upload';
 export * from './input';
+export * from './kbd';
 export * from './label';
 export * from './line-chart';
+export * from './menubar';
+export * from './navigation-menu';
 export * from './number-input';
+export * from './page-header';
 export * from './pagination';
 export * from './password-input';
+export * from './pin-input';
+export * from './popover';
 export * from './presets';
 export * from './progress';
 export * from './radio-group';
+export * from './scroll-area';
+export * from './scroll-fade';
 export * from './select';
 export * from './separator';
+export * from './sidebar';
+export * from './signature-pad';
 export * from './skeleton';
+export * from './slider';
 export * from './sparkline';
+export * from './splitter';
 export * from './stat';
 export * from './stepper';
 export * from './switch';
 export * from './table';
 export * from './tabs';
+export * from './tags-input';
+export * from './time-field';
+export * from './timeline';
 export * from './toast';
+export * from './toggle';
+export * from './toolbar';
 export * from './tooltip';
+export * from './tree';

package/dist/theme/kbd.d.ts

@@ -0,0 +1,71 @@
+export declare const kbdTheme: import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: {
+            root: string;
+            key: string;
+            separator: string;
+        };
+        sm: {
+            root: string;
+            key: string;
+            separator: string;
+        };
+        md: {
+            root: string;
+            key: string;
+            separator: string;
+        };
+    };
+}, {
+    root: string;
+    key: string;
+    /** The `+` between chips. Punctuation, so it is hidden from readers. */
+    separator: string;
+}, undefined, {
+    size: {
+        xs: {
+            root: string;
+            key: string;
+            separator: string;
+        };
+        sm: {
+            root: string;
+            key: string;
+            separator: string;
+        };
+        md: {
+            root: string;
+            key: string;
+            separator: string;
+        };
+    };
+}, {
+    root: string;
+    key: string;
+    /** The `+` between chips. Punctuation, so it is hidden from readers. */
+    separator: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: {
+            root: string;
+            key: string;
+            separator: string;
+        };
+        sm: {
+            root: string;
+            key: string;
+            separator: string;
+        };
+        md: {
+            root: string;
+            key: string;
+            separator: string;
+        };
+    };
+}, {
+    root: string;
+    key: string;
+    /** The `+` between chips. Punctuation, so it is hidden from readers. */
+    separator: string;
+}, undefined, unknown, unknown, undefined>>;
+export type KbdSlots = keyof ReturnType<typeof kbdTheme>;

package/dist/theme/kbd.js

@@ -0,0 +1,29 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/kbd.ts
+var t = e({
+	slots: {
+		root: "inline-flex shrink-0 items-center",
+		key: "inline-flex items-center justify-center rounded border border-current/25 bg-current/10 text-center font-medium text-current/75",
+		separator: "text-current/60"
+	},
+	variants: { size: {
+		xs: {
+			root: "gap-0.5",
+			key: "h-4 min-w-4 px-1 text-[0.625rem]",
+			separator: "px-0.5 text-[0.625rem]"
+		},
+		sm: {
+			root: "gap-0.5",
+			key: "h-5 min-w-5 px-1 text-xs",
+			separator: "px-0.5 text-xs"
+		},
+		md: {
+			root: "gap-1",
+			key: "h-6 min-w-6 px-1.5 text-sm",
+			separator: "px-0.5 text-sm"
+		}
+	} },
+	defaultVariants: { size: "sm" }
+});
+//#endregion
+export { t as kbdTheme };

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

@@ -52,11 +52,8 @@ export declare const lineChartTheme: import("tailwind-variants").TVReturnType<{
     grid: string;
     tick: string;
     category: string;
-    /** 2px, round join and cap, per the shared line-mark spec. */
     line: string;
-    /** A wash at ~10%, never a saturated block competing with the line. */
     area: string;
-    /** Recessive: it locates the reading, it is not a reading itself. */
     crosshair: string;
     marker: string;
     /** Keeps the marker legible where it sits on top of the line. */
@@ -99,11 +96,8 @@ export declare const lineChartTheme: import("tailwind-variants").TVReturnType<{
     grid: string;
     tick: string;
     category: string;
-    /** 2px, round join and cap, per the shared line-mark spec. */
     line: string;
-    /** A wash at ~10%, never a saturated block competing with the line. */
     area: string;
-    /** Recessive: it locates the reading, it is not a reading itself. */
     crosshair: string;
     marker: string;
     /** Keeps the marker legible where it sits on top of the line. */
@@ -125,11 +119,8 @@ export declare const lineChartTheme: import("tailwind-variants").TVReturnType<{
     grid: string;
     tick: string;
     category: string;
-    /** 2px, round join and cap, per the shared line-mark spec. */
     line: string;
-    /** A wash at ~10%, never a saturated block competing with the line. */
     area: string;
-    /** Recessive: it locates the reading, it is not a reading itself. */
     crosshair: string;
     marker: string;
     /** Keeps the marker legible where it sits on top of the line. */

package/dist/theme/menubar.d.ts

@@ -0,0 +1,29 @@
+export declare const menubarTheme: import("tailwind-variants").TVReturnType<{
+    bare: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    trigger: string;
+}, undefined, {
+    bare: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    trigger: string;
+}, import("tailwind-variants").TVReturnType<{
+    bare: {
+        true: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    trigger: string;
+}, undefined, unknown, unknown, undefined>>;
+export type MenubarSlots = keyof ReturnType<typeof menubarTheme>;

package/dist/theme/menubar.js

@@ -0,0 +1,11 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/menubar.ts
+var t = e({
+	slots: {
+		root: "flex items-center gap-0.5 rounded-xl border border-border bg-background p-1",
+		trigger: "flex cursor-default items-center rounded-lg px-2.5 py-1.5 text-sm font-medium text-foreground outline-none select-none focus-visible:ring-2 focus-visible:ring-primary/50 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground"
+	},
+	variants: { bare: { true: { root: "rounded-none border-0 bg-transparent p-0" } } }
+});
+//#endregion
+export { t as menubarTheme };