iryx-ui 0.13.0 → 0.15.0

package/dist/theme/combobox.js

@@ -6,6 +6,10 @@ var n = t({
 		anchor: `flex items-center gap-2 ${e} focus-within:ring-2 focus-within:ring-primary/50`,
 		input: "min-w-0 grow bg-transparent outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed",
 		trigger: "flex shrink-0 cursor-pointer items-center text-muted-foreground disabled:cursor-not-allowed [&_svg]:size-4",
+		clear: "flex shrink-0 cursor-pointer items-center rounded-md text-muted-foreground transition-colors outline-none hover:text-foreground focus-visible:ring-2 focus-visible:ring-primary/50 [&_svg]:size-3.5",
+		tag: "inline-flex shrink-0 items-center rounded-md border border-border bg-background font-medium whitespace-nowrap text-foreground",
+		tagText: "truncate",
+		tagDelete: "flex shrink-0 cursor-pointer items-center rounded-sm text-muted-foreground transition-colors outline-none hover:text-danger focus-visible:ring-2 focus-visible:ring-primary/50",
 		content: "z-50 max-h-64 w-(--reka-combobox-trigger-width) min-w-32 overflow-hidden rounded-xl border border-border bg-background text-foreground shadow-md",
 		viewport: "max-h-64 overflow-y-auto p-1",
 		item: "relative flex w-full cursor-pointer items-center rounded-lg py-1.5 pr-2 pl-8 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground",
@@ -16,10 +20,26 @@ var n = t({
 	},
 	variants: {
 		size: {
-			sm: { anchor: "h-8 px-2.5 text-sm" },
-			md: { anchor: "h-9 px-3 text-sm" },
-			lg: { anchor: "h-10 px-4 text-base" }
+			sm: {
+				anchor: "h-8 px-2.5 text-sm",
+				tag: "h-5 gap-1 px-1.5 text-xs",
+				tagDelete: "[&_svg]:size-3"
+			},
+			md: {
+				anchor: "h-9 px-3 text-sm",
+				tag: "h-6 gap-1 px-2 text-xs",
+				tagDelete: "[&_svg]:size-3"
+			},
+			lg: {
+				anchor: "h-10 px-4 text-base",
+				tag: "h-7 gap-1.5 px-2.5 text-sm",
+				tagDelete: "[&_svg]:size-3.5"
+			}
 		},
+		chips: { true: {
+			anchor: "h-auto flex-wrap gap-1.5 py-1",
+			input: "min-w-24 flex-1"
+		} },
 		invalid: { true: { anchor: "border-red-500 focus-within:ring-red-500/40" } },
 		disabled: { true: { anchor: "cursor-not-allowed opacity-50" } }
 	},

package/dist/theme/command-palette.d.ts

@@ -8,12 +8,12 @@ export declare const commandPaletteTheme: import("tailwind-variants").TVReturnTy
             input?: import("tailwind-variants").ClassValue;
             key?: import("tailwind-variants").ClassValue;
             footer?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
             list?: import("tailwind-variants").ClassValue;
             group?: import("tailwind-variants").ClassValue;
             viewport?: import("tailwind-variants").ClassValue;
             empty?: import("tailwind-variants").ClassValue;
             groupLabel?: import("tailwind-variants").ClassValue;
-            overlay?: import("tailwind-variants").ClassValue;
             itemIcon?: import("tailwind-variants").ClassValue;
             itemLabel?: import("tailwind-variants").ClassValue;
             shortcut?: import("tailwind-variants").ClassValue;
@@ -29,12 +29,12 @@ export declare const commandPaletteTheme: import("tailwind-variants").TVReturnTy
             input?: import("tailwind-variants").ClassValue;
             key?: import("tailwind-variants").ClassValue;
             footer?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
             list?: import("tailwind-variants").ClassValue;
             group?: import("tailwind-variants").ClassValue;
             viewport?: import("tailwind-variants").ClassValue;
             empty?: import("tailwind-variants").ClassValue;
             groupLabel?: import("tailwind-variants").ClassValue;
-            overlay?: import("tailwind-variants").ClassValue;
             itemIcon?: import("tailwind-variants").ClassValue;
             itemLabel?: import("tailwind-variants").ClassValue;
             shortcut?: import("tailwind-variants").ClassValue;
@@ -69,12 +69,12 @@ export declare const commandPaletteTheme: import("tailwind-variants").TVReturnTy
             input?: import("tailwind-variants").ClassValue;
             key?: import("tailwind-variants").ClassValue;
             footer?: import("tailwind-variants").ClassValue;
+            overlay?: import("tailwind-variants").ClassValue;
             list?: import("tailwind-variants").ClassValue;
             group?: import("tailwind-variants").ClassValue;
             viewport?: import("tailwind-variants").ClassValue;
             empty?: import("tailwind-variants").ClassValue;
             groupLabel?: import("tailwind-variants").ClassValue;
-            overlay?: import("tailwind-variants").ClassValue;
             itemIcon?: import("tailwind-variants").ClassValue;
             itemLabel?: import("tailwind-variants").ClassValue;
             shortcut?: import("tailwind-variants").ClassValue;

package/dist/theme/form.js

@@ -1,7 +1,7 @@
 import { tv as e } from "tailwind-variants";
 //#region src/theme/form.ts
 var t = e({ slots: {
-	root: "space-y-2",
+	root: "flex flex-col gap-2",
 	header: "flex items-center justify-between gap-2",
 	label: "",
 	hint: "text-sm leading-none text-muted-foreground",

package/dist/theme/line-chart.js

@@ -1,14 +1,14 @@
 import { tv as e } from "tailwind-variants";
 //#region src/theme/line-chart.ts
 var t = e({ slots: {
-	root: "w-full text-primary",
+	root: "relative w-full text-primary",
 	plot: "relative",
 	svg: "block w-full overflow-visible",
 	grid: "stroke-border",
 	tick: "fill-muted-foreground text-xs [font-variant-numeric:tabular-nums]",
 	category: "fill-muted-foreground text-xs",
 	line: "fill-none stroke-current stroke-2 [stroke-linecap:round] [stroke-linejoin:round]",
-	area: "fill-current stroke-none opacity-10",
+	area: "stroke-none",
 	crosshair: "stroke-border",
 	marker: "fill-current",
 	markerRing: "fill-background",

package/dist/theme/sidebar.js

@@ -4,7 +4,7 @@ var t = e({
 	slots: {
 		root: "flex h-full flex-col gap-2 border-border bg-background text-foreground transition-[width] duration-200 ease-out",
 		header: "flex shrink-0 items-center gap-2 px-3 py-3",
-		nav: "flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto px-2 py-1",
+		nav: "flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto p-2",
 		footer: "flex shrink-0 items-center gap-2 border-t border-border px-3 py-3",
 		section: "flex flex-col gap-1",
 		sectionLabel: "px-2 pt-1 pb-0.5 text-xs font-medium tracking-wide text-muted-foreground uppercase",

package/package.json

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