iryx-ui 0.0.1 → 0.1.0

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

@@ -0,0 +1,71 @@
+export declare const radioGroupTheme: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            item: string;
+            indicator: string;
+        };
+        md: {
+            item: string;
+            indicator: string;
+        };
+        lg: {
+            item: string;
+            indicator: string;
+        };
+    };
+}, {
+    root: string;
+    wrapper: string;
+    item: string;
+    indicator: string;
+    content: string;
+    label: string;
+    description: string;
+}, undefined, {
+    size: {
+        sm: {
+            item: string;
+            indicator: string;
+        };
+        md: {
+            item: string;
+            indicator: string;
+        };
+        lg: {
+            item: string;
+            indicator: string;
+        };
+    };
+}, {
+    root: string;
+    wrapper: string;
+    item: string;
+    indicator: string;
+    content: string;
+    label: string;
+    description: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            item: string;
+            indicator: string;
+        };
+        md: {
+            item: string;
+            indicator: string;
+        };
+        lg: {
+            item: string;
+            indicator: string;
+        };
+    };
+}, {
+    root: string;
+    wrapper: string;
+    item: string;
+    indicator: string;
+    content: string;
+    label: string;
+    description: string;
+}, undefined, unknown, unknown, undefined>>;
+export type RadioGroupSlots = keyof ReturnType<typeof radioGroupTheme>;

package/dist/theme/radio-group.js

@@ -0,0 +1,30 @@
+import { tv as e } from "tailwind-variants";
+//#region src/theme/radio-group.ts
+var t = e({
+	slots: {
+		root: "grid gap-2",
+		wrapper: "flex items-start gap-2.5",
+		item: "aspect-square shrink-0 cursor-pointer rounded-full border border-border bg-background transition-colors outline-none focus-visible:ring-2 focus-visible:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary",
+		indicator: "flex size-full items-center justify-center after:block after:rounded-full after:bg-primary",
+		content: "grid gap-1",
+		label: "text-sm leading-5 text-foreground select-none",
+		description: "text-sm leading-snug text-muted-foreground"
+	},
+	variants: { size: {
+		sm: {
+			item: "mt-0.5 size-3.5",
+			indicator: "after:size-1.5"
+		},
+		md: {
+			item: "mt-0.5 size-4",
+			indicator: "after:size-2"
+		},
+		lg: {
+			item: "size-5",
+			indicator: "after:size-2.5"
+		}
+	} },
+	defaultVariants: { size: "md" }
+});
+//#endregion
+export { t as radioGroupTheme };

package/dist/theme/select.d.ts

@@ -0,0 +1,56 @@
+export declare const selectTheme: import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            trigger: string;
+        };
+        md: {
+            trigger: string;
+        };
+        lg: {
+            trigger: string;
+        };
+    };
+}, {
+    trigger: string;
+    content: string;
+    viewport: string;
+    item: string;
+    itemIndicator: string;
+}, undefined, {
+    size: {
+        sm: {
+            trigger: string;
+        };
+        md: {
+            trigger: string;
+        };
+        lg: {
+            trigger: string;
+        };
+    };
+}, {
+    trigger: string;
+    content: string;
+    viewport: string;
+    item: string;
+    itemIndicator: string;
+}, import("tailwind-variants").TVReturnType<{
+    size: {
+        sm: {
+            trigger: string;
+        };
+        md: {
+            trigger: string;
+        };
+        lg: {
+            trigger: string;
+        };
+    };
+}, {
+    trigger: string;
+    content: string;
+    viewport: string;
+    item: string;
+    itemIndicator: string;
+}, undefined, unknown, unknown, undefined>>;
+export type SelectSlots = keyof ReturnType<typeof selectTheme>;

package/dist/theme/select.js

@@ -0,0 +1,20 @@
+import { fieldBase as e } from "./input.js";
+import { tv as t } from "tailwind-variants";
+//#region src/theme/select.ts
+var n = t({
+	slots: {
+		trigger: `flex items-center justify-between gap-2 ${e} cursor-pointer data-[placeholder]:text-muted-foreground [&_svg]:size-4 [&_svg]:shrink-0 [&_svg]:opacity-60`,
+		content: "z-50 min-w-32 overflow-hidden rounded-lg border border-border bg-background text-foreground shadow-md",
+		viewport: "p-1",
+		item: "relative flex cursor-pointer items-center rounded-md 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",
+		itemIndicator: "absolute left-2 flex items-center justify-center text-primary [&_svg]:size-4"
+	},
+	variants: { size: {
+		sm: { trigger: "h-8 px-2.5 text-sm" },
+		md: { trigger: "h-9 px-3 text-sm" },
+		lg: { trigger: "h-10 px-4 text-base" }
+	} },
+	defaultVariants: { size: "md" }
+});
+//#endregion
+export { n as selectTheme };

package/dist/theme/switch.d.ts

@@ -1,32 +1,59 @@
 export declare const switchTheme: import("tailwind-variants").TVReturnType<{
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
+            label?: import("tailwind-variants").ClassValue;
+            wrapper?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
+            content?: import("tailwind-variants").ClassValue;
+            description?: import("tailwind-variants").ClassValue;
             thumb?: import("tailwind-variants").ClassValue;
         };
     };
 } | {
     [x: string]: {
         [x: string]: import("tailwind-variants").ClassValue | {
+            label?: import("tailwind-variants").ClassValue;
+            wrapper?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
+            content?: import("tailwind-variants").ClassValue;
+            description?: import("tailwind-variants").ClassValue;
             thumb?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
+    /** Only rendered when a `label` or `description` is provided. */
+    wrapper: string;
     root: string;
     thumb: string;
+    content: string;
+    label: string;
+    description: string;
 }, undefined, {
     [key: string]: {
         [key: string]: import("tailwind-variants").ClassValue | {
+            label?: import("tailwind-variants").ClassValue;
+            wrapper?: import("tailwind-variants").ClassValue;
             root?: import("tailwind-variants").ClassValue;
+            content?: import("tailwind-variants").ClassValue;
+            description?: import("tailwind-variants").ClassValue;
             thumb?: import("tailwind-variants").ClassValue;
         };
     };
 } | {}, {
+    /** Only rendered when a `label` or `description` is provided. */
+    wrapper: string;
     root: string;
     thumb: string;
+    content: string;
+    label: string;
+    description: string;
 }, import("tailwind-variants").TVReturnType<unknown, {
+    /** Only rendered when a `label` or `description` is provided. */
+    wrapper: string;
     root: string;
     thumb: string;
+    content: string;
+    label: string;
+    description: string;
 }, undefined, unknown, unknown, undefined>>;
 export type SwitchSlots = keyof ReturnType<typeof switchTheme>;

package/dist/theme/switch.js

@@ -1,8 +1,12 @@
 import { tv as e } from "tailwind-variants";
 //#region src/theme/switch.ts
 var t = e({ slots: {
+	wrapper: "flex items-start gap-2.5",
 	root: "inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-muted",
-	thumb: "pointer-events-none block size-4 rounded-full bg-background shadow-sm transition-transform data-[state=checked]:translate-x-4.5 data-[state=unchecked]:translate-x-0.5"
+	thumb: "pointer-events-none block size-4 rounded-full bg-background shadow-sm transition-transform data-[state=checked]:translate-x-4.5 data-[state=unchecked]:translate-x-0.5",
+	content: "grid gap-1",
+	label: "text-sm leading-5 font-medium text-foreground select-none",
+	description: "text-sm leading-snug text-muted-foreground"
 } });
 //#endregion
 export { t as switchTheme };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "iryx-ui",
   "type": "module",
-  "version": "0.0.1",
+  "version": "0.1.0",
   "description": "Iryx — an artful Vue 3 component library built on Reka UI and Tailwind CSS v4.",
   "author": "therok1",
   "license": "MIT",
@@ -41,12 +41,6 @@
   "engines": {
     "node": ">=20"
   },
-  "scripts": {
-    "build": "vite build && vue-tsc -p tsconfig.build.json",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "typecheck": "vue-tsc --noEmit"
-  },
   "peerDependencies": {
     "vue": "^3.5.0"
   },
@@ -66,5 +60,11 @@
     "vitest": "^4.1.8",
     "vue": "^3.5.35",
     "vue-tsc": "^3.3.4"
+  },
+  "scripts": {
+    "build": "vite build && vue-tsc -p tsconfig.build.json",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "typecheck": "vue-tsc --noEmit"
   }
-}
+}