iryx-ui 0.22.0 → 0.24.0

package/dist/theme/code.js

@@ -0,0 +1,24 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/code.ts
+var t = e({
+	slots: {
+		root: "",
+		code: "font-mono",
+		copy: "focus-visible:outline-ring inline-flex shrink-0 items-center justify-center rounded-md text-muted-foreground transition hover:text-foreground focus-visible:outline-2 focus-visible:outline-offset-2 [&_svg]:size-4"
+	},
+	variants: { block: {
+		true: {
+			root: "relative overflow-hidden rounded-lg border border-border bg-muted",
+			code: "block overflow-x-auto py-4 pr-14 pl-4 text-sm text-foreground",
+			copy: "absolute top-2 right-2 size-7 border border-border bg-background"
+		},
+		false: {
+			root: "inline-flex items-center gap-1",
+			code: "rounded border border-current/25 bg-current/10 px-1.5 py-0.5 font-mono text-[0.875em] text-current/90",
+			copy: "size-5 [&_svg]:size-3.5"
+		}
+	} },
+	defaultVariants: { block: !1 }
+});
+//#endregion
+export { t as codeTheme };

package/dist/theme/confirm-popover.d.ts

@@ -0,0 +1,32 @@
+export declare const confirmPopoverTheme: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            description?: import("tailwind-variants").ClassValue;
+            actions?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-variants").ClassValue | {
+            description?: import("tailwind-variants").ClassValue;
+            actions?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    description: string;
+    actions: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-variants").ClassValue | {
+            description?: import("tailwind-variants").ClassValue;
+            actions?: import("tailwind-variants").ClassValue;
+        };
+    };
+} | {}, {
+    description: string;
+    actions: string;
+}, import("tailwind-variants").TVReturnTypeLike<unknown, {
+    description: string;
+    actions: string;
+}>>;
+export type ConfirmPopoverSlots = keyof ReturnType<typeof confirmPopoverTheme>;

package/dist/theme/confirm-popover.js

@@ -0,0 +1,8 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/confirm-popover.ts
+var t = e({ slots: {
+	description: "text-sm text-muted-foreground",
+	actions: "mt-3 flex justify-end gap-2"
+} });
+//#endregion
+export { t as confirmPopoverTheme };

package/dist/theme/description-list.d.ts

@@ -0,0 +1,62 @@
+export declare const descriptionListTheme: import("tailwind-variants").TVReturnType<{
+    orientation: {
+        vertical: {
+            root: string;
+            item: string;
+        };
+        horizontal: {
+            root: string;
+            item: string;
+        };
+    };
+    divided: {
+        true: {};
+        false: {};
+    };
+}, {
+    root: string;
+    item: string;
+    term: string;
+    description: string;
+}, undefined, {
+    orientation: {
+        vertical: {
+            root: string;
+            item: string;
+        };
+        horizontal: {
+            root: string;
+            item: string;
+        };
+    };
+    divided: {
+        true: {};
+        false: {};
+    };
+}, {
+    root: string;
+    item: string;
+    term: string;
+    description: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+    orientation: {
+        vertical: {
+            root: string;
+            item: string;
+        };
+        horizontal: {
+            root: string;
+            item: string;
+        };
+    };
+    divided: {
+        true: {};
+        false: {};
+    };
+}, {
+    root: string;
+    item: string;
+    term: string;
+    description: string;
+}>>;
+export type DescriptionListSlots = keyof ReturnType<typeof descriptionListTheme>;

package/dist/theme/description-list.js

@@ -0,0 +1,48 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/description-list.ts
+var t = e({
+	slots: {
+		root: "text-sm",
+		item: "",
+		term: "font-medium text-muted-foreground",
+		description: "text-foreground"
+	},
+	variants: {
+		orientation: {
+			vertical: {
+				root: "flex flex-col",
+				item: "flex flex-col gap-1"
+			},
+			horizontal: {
+				root: "grid grid-cols-[minmax(0,1fr)_minmax(0,2fr)] gap-x-6",
+				item: "col-span-full grid grid-cols-subgrid items-baseline"
+			}
+		},
+		divided: {
+			true: {},
+			false: {}
+		}
+	},
+	compoundVariants: [
+		{
+			orientation: "vertical",
+			divided: !1,
+			class: { root: "gap-4" }
+		},
+		{
+			orientation: "horizontal",
+			divided: !1,
+			class: { root: "gap-y-4" }
+		},
+		{
+			divided: !0,
+			class: { item: "border-t border-border py-3 first:border-t-0 first:pt-0 last:pb-0" }
+		}
+	],
+	defaultVariants: {
+		orientation: "vertical",
+		divided: !1
+	}
+});
+//#endregion
+export { t as descriptionListTheme };

package/dist/theme/index.d.ts

@@ -13,13 +13,16 @@ export * from './calendar';
 export * from './card';
 export * from './chart-legend';
 export * from './checkbox';
+export * from './code';
 export * from './collapsible';
 export * from './color-picker';
 export * from './combobox';
 export * from './command-palette';
+export * from './confirm-popover';
 export * from './container';
 export * from './date-field';
 export * from './date-picker';
+export * from './description-list';
 export * from './dialog';
 export * from './donut-chart';
 export * from './drawer';

package/dist/theme/kbd.js

@@ -3,7 +3,7 @@ import { tv as e } from "tailwind-variants";
 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",
+		key: "inline-flex items-center justify-center rounded border border-current/25 text-center font-medium text-current",
 		separator: "text-current/60"
 	},
 	variants: { size: {

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

@@ -15,6 +15,7 @@ export declare const lineChartTheme: import("tailwind-variants").TVReturnType<{
             tooltip?: import("tailwind-variants").ClassValue;
             tooltipLabel?: import("tailwind-variants").ClassValue;
             tooltipValue?: import("tailwind-variants").ClassValue;
+            band?: import("tailwind-variants").ClassValue;
             crosshair?: import("tailwind-variants").ClassValue;
             markerRing?: import("tailwind-variants").ClassValue;
         };
@@ -36,6 +37,7 @@ export declare const lineChartTheme: import("tailwind-variants").TVReturnType<{
             tooltip?: import("tailwind-variants").ClassValue;
             tooltipLabel?: import("tailwind-variants").ClassValue;
             tooltipValue?: import("tailwind-variants").ClassValue;
+            band?: import("tailwind-variants").ClassValue;
             crosshair?: import("tailwind-variants").ClassValue;
             markerRing?: import("tailwind-variants").ClassValue;
         };
@@ -49,6 +51,7 @@ export declare const lineChartTheme: import("tailwind-variants").TVReturnType<{
     category: string;
     line: string;
     area: string;
+    band: string;
     crosshair: string;
     marker: string;
     markerRing: string;
@@ -74,6 +77,7 @@ export declare const lineChartTheme: import("tailwind-variants").TVReturnType<{
             tooltip?: import("tailwind-variants").ClassValue;
             tooltipLabel?: import("tailwind-variants").ClassValue;
             tooltipValue?: import("tailwind-variants").ClassValue;
+            band?: import("tailwind-variants").ClassValue;
             crosshair?: import("tailwind-variants").ClassValue;
             markerRing?: import("tailwind-variants").ClassValue;
         };
@@ -87,6 +91,7 @@ export declare const lineChartTheme: import("tailwind-variants").TVReturnType<{
     category: string;
     line: string;
     area: string;
+    band: string;
     crosshair: string;
     marker: string;
     markerRing: string;
@@ -104,6 +109,7 @@ export declare const lineChartTheme: import("tailwind-variants").TVReturnType<{
     category: string;
     line: string;
     area: string;
+    band: string;
     crosshair: string;
     marker: string;
     markerRing: string;

package/dist/theme/line-chart.js

@@ -9,6 +9,7 @@ var t = e({ slots: {
 	category: "fill-muted-foreground text-xs",
 	line: "fill-none stroke-current stroke-2 [stroke-linecap:round] [stroke-linejoin:round]",
 	area: "stroke-none",
+	band: "stroke-none opacity-80",
 	crosshair: "stroke-border",
 	marker: "fill-current",
 	markerRing: "fill-background",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "iryx-ui",
   "type": "module",
-  "version": "0.22.0",
+  "version": "0.24.0",
   "description": "A Vue 3 component library built on Reka UI and Tailwind CSS v4.",
   "author": "therok1",
   "license": "MIT",