iryx-ui 0.3.0 → 0.5.0

package/dist/packages/iryx-ui/src/components/Select.vue_vue_type_script_setup_true_lang.js

@@ -2,10 +2,10 @@ import { ArrowDown01Icon as e, Tick02Icon as t } from "../../../../node_modules/
 import { useIryxUiConfig as n } from "../config.js";
 import r from "./Icon.js";
 import { selectTheme as i } from "../theme/select.js";
-import { Fragment as a, computed as o, createBlock as s, createElementBlock as c, createTextVNode as l, createVNode as u, defineComponent as d, guardReactiveProps as f, normalizeClass as p, normalizeProps as m, openBlock as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, withCtx as b } from "vue";
-import { SelectContent as x, SelectIcon as S, SelectItem as C, SelectItemIndicator as w, SelectItemText as T, SelectPortal as E, SelectRoot as D, SelectTrigger as O, SelectValue as k, SelectViewport as A, useForwardPropsEmits as j } from "reka-ui";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createTextVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, normalizeClass as m, normalizeProps as h, openBlock as g, renderList as _, renderSlot as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
+import { SelectContent as S, SelectGroup as C, SelectIcon as w, SelectItem as T, SelectItemIndicator as E, SelectItemText as D, SelectLabel as O, SelectPortal as k, SelectRoot as A, SelectTrigger as j, SelectValue as M, SelectViewport as N, useForwardPropsEmits as P } from "reka-ui";
 //#region src/components/Select.vue?vue&type=script&setup=true&lang.ts
-var M = /*@__PURE__*/ d({
+var F = /*@__PURE__*/ f({
 	__name: "Select",
 	props: {
 		items: {},
@@ -30,39 +30,84 @@ var M = /*@__PURE__*/ d({
 		required: { type: Boolean }
 	},
 	emits: ["update:modelValue", "update:open"],
-	setup(d, { emit: M }) {
-		let N = d, P = M, F = j(o(() => {
-			let { items: e, placeholder: t, size: n, unstyled: r, class: i, ui: a, ...o } = N;
+	setup(f, { emit: F }) {
+		let I = f, L = F, R = P(o(() => {
+			let { items: e, placeholder: t, size: n, unstyled: r, class: i, ui: a, ...o } = I;
 			return o;
-		}), P), I = o(() => (N.items ?? []).map((e) => typeof e == "string" ? {
-			label: e,
-			value: e
-		} : e)), L = n(), R = o(() => N.unstyled ?? L.unstyled), z = o(() => i({ size: N.size })), B = o(() => R.value ? [N.ui?.trigger, N.class] : z.value.trigger({ class: [N.ui?.trigger, N.class] })), V = o(() => R.value ? N.ui?.content : z.value.content({ class: N.ui?.content })), H = o(() => R.value ? N.ui?.viewport : z.value.viewport({ class: N.ui?.viewport })), U = o(() => R.value ? N.ui?.item : z.value.item({ class: N.ui?.item })), W = o(() => R.value ? void 0 : z.value.itemIndicator());
-		return (n, i) => (h(), s(y(D), m(f(y(F))), {
-			default: b(() => [u(y(O), { class: p(B.value) }, {
-				default: b(() => [u(y(k), { placeholder: N.placeholder }, null, 8, ["placeholder"]), u(y(S), { "as-child": "" }, {
-					default: b(() => [u(r, { icon: y(e) }, null, 8, ["icon"])]),
+		}), L);
+		function z(e) {
+			return typeof e == "string" ? {
+				label: e,
+				value: e
+			} : e;
+		}
+		function B(e) {
+			return typeof e != "string" && "items" in e;
+		}
+		let V = o(() => {
+			let e = I.items ?? [];
+			if (e.some(B)) return e.map((e) => B(e) ? {
+				label: e.label,
+				options: e.items.map(z)
+			} : {
+				label: "",
+				options: [z(e)]
+			});
+		}), H = o(() => (I.items ?? []).flatMap((e) => B(e) ? e.items.map(z) : [z(e)])), U = n(), W = o(() => I.unstyled ?? U.unstyled), G = o(() => i({ size: I.size })), K = o(() => W.value ? [I.ui?.trigger, I.class] : G.value.trigger({ class: [I.ui?.trigger, I.class] })), q = o(() => W.value ? I.ui?.content : G.value.content({ class: I.ui?.content })), J = o(() => W.value ? I.ui?.viewport : G.value.viewport({ class: I.ui?.viewport })), Y = o(() => W.value ? I.ui?.item : G.value.item({ class: I.ui?.item })), X = o(() => W.value ? void 0 : G.value.itemIndicator()), Z = o(() => W.value ? I.ui?.group : G.value.group({ class: I.ui?.group })), Q = o(() => W.value ? I.ui?.groupLabel : G.value.groupLabel({ class: I.ui?.groupLabel }));
+		return (n, i) => (g(), s(b(A), h(p(b(R))), {
+			default: x(() => [d(b(j), { class: m(K.value) }, {
+				default: x(() => [d(b(M), { placeholder: I.placeholder }, null, 8, ["placeholder"]), d(b(w), { "as-child": "" }, {
+					default: x(() => [d(r, { icon: b(e) }, null, 8, ["icon"])]),
 					_: 1
 				})]),
 				_: 1
-			}, 8, ["class"]), u(y(E), null, {
-				default: b(() => [u(y(x), {
-					class: p(V.value),
-					position: "popper",
-					"side-offset": 4
+			}, 8, ["class"]), d(b(k), null, {
+				default: x(() => [d(b(S), {
+					class: m(q.value),
+					position: "item-aligned"
 				}, {
-					default: b(() => [u(y(A), { class: p(H.value) }, {
-						default: b(() => [_(n.$slots, "default", {}, () => [(h(!0), c(a, null, g(I.value, (e) => (h(), s(y(C), {
+					default: x(() => [d(b(N), { class: m(J.value) }, {
+						default: x(() => [v(n.$slots, "default", {}, () => [V.value ? (g(!0), l(a, { key: 0 }, _(V.value, (e, n) => (g(), s(b(C), {
+							key: e.label || n,
+							class: m(Z.value)
+						}, {
+							default: x(() => [e.label ? (g(), s(b(O), {
+								key: 0,
+								class: m(Q.value)
+							}, {
+								default: x(() => [u(y(e.label), 1)]),
+								_: 2
+							}, 1032, ["class"])) : c("", !0), (g(!0), l(a, null, _(e.options, (e) => (g(), s(b(T), {
+								key: e.value,
+								value: e.value,
+								disabled: e.disabled,
+								class: m(Y.value)
+							}, {
+								default: x(() => [d(b(E), { class: m(X.value) }, {
+									default: x(() => [d(r, { icon: b(t) }, null, 8, ["icon"])]),
+									_: 1
+								}, 8, ["class"]), d(b(D), null, {
+									default: x(() => [u(y(e.label), 1)]),
+									_: 2
+								}, 1024)]),
+								_: 2
+							}, 1032, [
+								"value",
+								"disabled",
+								"class"
+							]))), 128))]),
+							_: 2
+						}, 1032, ["class"]))), 128)) : (g(!0), l(a, { key: 1 }, _(H.value, (e) => (g(), s(b(T), {
 							key: e.value,
 							value: e.value,
 							disabled: e.disabled,
-							class: p(U.value)
+							class: m(Y.value)
 						}, {
-							default: b(() => [u(y(w), { class: p(W.value) }, {
-								default: b(() => [u(r, { icon: y(t) }, null, 8, ["icon"])]),
+							default: x(() => [d(b(E), { class: m(X.value) }, {
+								default: x(() => [d(r, { icon: b(t) }, null, 8, ["icon"])]),
 								_: 1
-							}, 8, ["class"]), u(y(T), null, {
-								default: b(() => [l(v(e.label), 1)]),
+							}, 8, ["class"]), d(b(D), null, {
+								default: x(() => [u(y(e.label), 1)]),
 								_: 2
 							}, 1024)]),
 							_: 2
@@ -82,4 +127,4 @@ var M = /*@__PURE__*/ d({
 	}
 });
 //#endregion
-export { M as default };
+export { F as default };

package/dist/packages/iryx-ui/src/components/index.js

@@ -7,29 +7,31 @@ import a from "./Button.js";
 import o from "./ButtonGroup.js";
 import s from "./Card.js";
 import c from "./Checkbox.js";
-import l from "./Dialog.js";
-import u from "./ConfirmDialog.js";
-import d from "./DropdownMenu.js";
-import f from "./EmptyState.js";
-import p from "./Form.js";
-import m from "./Label.js";
-import h from "./FormField.js";
-import g from "./Input.js";
-import _ from "./Pagination.js";
-import v from "./Progress.js";
-import y from "./RadioGroup.js";
-import b from "./Select.js";
-import x from "./Separator.js";
-import S from "./Skeleton.js";
-import C from "./Stat.js";
-import w from "./Stepper.js";
-import T from "./Switch.js";
-import E from "./Tabs.js";
-import D from "./Textarea.js";
-import O from "./Toaster.js";
-import k from "./Tooltip.js";
+import l from "./Combobox.js";
+import u from "./Dialog.js";
+import d from "./ConfirmDialog.js";
+import f from "./DropdownMenu.js";
+import p from "./EmptyState.js";
+import m from "./Form.js";
+import h from "./Label.js";
+import g from "./FormField.js";
+import _ from "./Input.js";
+import v from "./NumberInput.js";
+import y from "./Pagination.js";
+import b from "./Progress.js";
+import x from "./RadioGroup.js";
+import S from "./Select.js";
+import C from "./Separator.js";
+import w from "./Skeleton.js";
+import T from "./Stat.js";
+import E from "./Stepper.js";
+import D from "./Switch.js";
+import O from "./Tabs.js";
+import k from "./Textarea.js";
+import A from "./Toaster.js";
+import j from "./Tooltip.js";
 //#region src/components/index.ts
-var A = /* @__PURE__ */ e({
+var M = /* @__PURE__ */ e({
 	Alert: () => t,
 	App: () => n,
 	Badge: () => r,
@@ -38,27 +40,29 @@ var A = /* @__PURE__ */ e({
 	ButtonGroup: () => o,
 	Card: () => s,
 	Checkbox: () => c,
-	ConfirmDialog: () => u,
-	Dialog: () => l,
-	DropdownMenu: () => d,
-	EmptyState: () => f,
-	Form: () => p,
-	FormField: () => h,
-	Input: () => g,
-	Label: () => m,
-	Pagination: () => _,
-	Progress: () => v,
-	RadioGroup: () => y,
-	Select: () => b,
-	Separator: () => x,
-	Skeleton: () => S,
-	Stat: () => C,
-	Stepper: () => w,
-	Switch: () => T,
-	Tabs: () => E,
-	Textarea: () => D,
-	Toaster: () => O,
-	Tooltip: () => k
+	Combobox: () => l,
+	ConfirmDialog: () => d,
+	Dialog: () => u,
+	DropdownMenu: () => f,
+	EmptyState: () => p,
+	Form: () => m,
+	FormField: () => g,
+	Input: () => _,
+	Label: () => h,
+	NumberInput: () => v,
+	Pagination: () => y,
+	Progress: () => b,
+	RadioGroup: () => x,
+	Select: () => S,
+	Separator: () => C,
+	Skeleton: () => w,
+	Stat: () => T,
+	Stepper: () => E,
+	Switch: () => D,
+	Tabs: () => O,
+	Textarea: () => k,
+	Toaster: () => A,
+	Tooltip: () => j
 });
 //#endregion
-export { A as components_exports };
+export { M as components_exports };

package/dist/packages/iryx-ui/src/composables/decimal.js

@@ -0,0 +1,79 @@
+//#region src/composables/decimal.ts
+var e = /^[+-]?(?:\d+(?:\.\d*)?|\.\d+)$/;
+function t(t) {
+	let n = t.trim();
+	if (!n || !e.test(n)) return;
+	let r = n.startsWith("-"), [i = "", a = ""] = n.replace(/^[+-]/, "").split("."), o = `${i || "0"}${a}`, s = BigInt(o || "0");
+	return {
+		units: r ? -s : s,
+		scale: a.length
+	};
+}
+function n({ units: e, scale: t }) {
+	let n = e < 0n, r = (n ? -e : e).toString().padStart(t + 1, "0"), i = r.slice(0, r.length - t), a = t ? r.slice(r.length - t) : "";
+	return `${n ? "-" : ""}${i}${a ? `.${a}` : ""}`;
+}
+function r(e, t) {
+	let n = Math.max(e.scale, t.scale), r = (e) => e.units * 10n ** BigInt(n - e.scale);
+	return [
+		r(e),
+		r(t),
+		n
+	];
+}
+function i(e, n) {
+	let i = t(e), a = t(n);
+	if (!i || !a) return NaN;
+	let [o, s] = r(i, a);
+	return o < s ? -1 : +(o > s);
+}
+function a(e, i) {
+	let a = t(e), o = t(i);
+	if (!a || !o) return;
+	let [s, c, l] = r(a, o);
+	return n({
+		units: s + c,
+		scale: l
+	});
+}
+function o(e, r) {
+	let i = t(e);
+	if (!i) return;
+	if (i.scale <= r) return n({
+		units: i.units * 10n ** BigInt(r - i.scale),
+		scale: r
+	});
+	let a = 10n ** BigInt(i.scale - r), o = i.units < 0n, s = o ? -i.units : i.units, c = s % a * 2n >= a ? 1n : 0n, l = s / a + c;
+	return n({
+		units: o ? -l : l,
+		scale: r
+	});
+}
+function s(e, t, n) {
+	return t != null && i(e, t) < 0 ? t : n != null && i(e, n) > 0 ? n : e;
+}
+function c(e) {
+	return t(e) !== void 0;
+}
+function l(e) {
+	let t = new Intl.NumberFormat(e).formatToParts(12345.6);
+	return {
+		decimal: t.find((e) => e.type === "decimal")?.value ?? ".",
+		group: t.find((e) => e.type === "group")?.value ?? ","
+	};
+}
+function u(e, n, r) {
+	let i = t(e);
+	if (!i) return e;
+	let a = o(e, r ?? i.scale) ?? e, [s = "0", c = ""] = a.replace("-", "").split("."), { decimal: u, group: d } = l(n), f = s.replace(/\B(?=(\d{3})+(?!\d))/g, d);
+	return `${a.startsWith("-") ? "-" : ""}${f}${c ? `${u}${c}` : ""}`;
+}
+function d(e, t) {
+	return !e || !t ? e : e.replace(".", l(t).decimal);
+}
+function f(e, t) {
+	let { decimal: n, group: r } = l(t), i = e.trim().replaceAll(r, "").replace(/\s/g, "").replace(n, ".");
+	return c(i) ? i : void 0;
+}
+//#endregion
+export { a as addDecimals, s as clampDecimal, i as compareDecimals, n as formatDecimal, u as formatForLocale, c as isDecimal, l as localeSeparators, t as parseDecimal, f as parseFromLocale, o as roundDecimal, d as toEditable };

package/dist/packages/iryx-ui/src/theme/alert.js

@@ -2,12 +2,12 @@ import { tv as e } from "tailwind-variants";
 //#region src/theme/alert.ts
 var t = e({
 	slots: {
-		root: "flex w-full gap-3 rounded-lg border p-4",
+		root: "flex w-full gap-3 rounded-xl border p-4",
 		icon: "mt-0.5 shrink-0 [&_svg]:size-5",
 		content: "min-w-0 flex-1",
 		title: "text-sm font-medium",
 		description: "text-sm opacity-90",
-		close: "-m-1 shrink-0 self-start rounded-md p-1 opacity-70 transition-opacity outline-none hover:opacity-100 focus-visible:ring-2 focus-visible:ring-current/50 [&_svg]:size-4"
+		close: "-m-1 shrink-0 self-start rounded-lg p-1 opacity-70 transition-opacity outline-none hover:opacity-100 focus-visible:ring-2 focus-visible:ring-current/50 [&_svg]:size-4"
 	},
 	variants: {
 		variant: {

package/dist/packages/iryx-ui/src/theme/button.js

@@ -1,11 +1,11 @@
 import { tv as e } from "tailwind-variants";
 //#region src/theme/button.ts
 var t = e({
-	base: "inline-flex shrink-0 items-center justify-center gap-2 rounded-lg border border-transparent font-medium transition-[color,background-color,border-color,box-shadow,opacity,filter,translate] outline-none focus-visible:ring-2 focus-visible:ring-primary/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+	base: "inline-flex shrink-0 items-center justify-center gap-2 rounded-xl border border-transparent font-medium transition-[color,background-color,border-color,box-shadow,opacity,filter,translate] outline-none focus-visible:ring-2 focus-visible:ring-primary/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
 	variants: {
 		variant: {
 			solid: "bg-linear-to-b from-primary-from to-primary-to text-primary-foreground hover:brightness-110 active:brightness-95",
-			outline: "border-border bg-background text-foreground hover:bg-accent hover:text-accent-foreground",
+			outline: "border-border bg-input text-foreground hover:bg-accent hover:text-accent-foreground",
 			ghost: "text-foreground hover:bg-accent hover:text-accent-foreground",
 			link: "text-primary underline-offset-4 hover:underline active:translate-y-0"
 		},

package/dist/packages/iryx-ui/src/theme/card.js

@@ -2,7 +2,7 @@ import { tv as e } from "tailwind-variants";
 //#region src/theme/card.ts
 var t = e({
 	slots: {
-		root: "rounded-xl text-foreground",
+		root: "rounded-2xl text-foreground",
 		header: "flex flex-col gap-1",
 		title: "text-base leading-none font-semibold",
 		description: "text-sm text-muted-foreground",

package/dist/packages/iryx-ui/src/theme/checkbox.js

@@ -3,7 +3,7 @@ import { tv as e } from "tailwind-variants";
 var t = e({
 	slots: {
 		wrapper: "flex items-start gap-2.5",
-		root: "peer flex shrink-0 cursor-pointer items-center justify-center rounded border border-border bg-background text-primary-foreground 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 data-[state=checked]:bg-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary",
+		root: "peer flex shrink-0 cursor-pointer items-center justify-center rounded border border-border bg-background text-primary-foreground transition-colors outline-none focus:ring-2 focus:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=indeterminate]:border-primary data-[state=indeterminate]:bg-primary",
 		indicator: "flex items-center justify-center text-current",
 		content: "grid gap-1",
 		label: "text-sm leading-5 font-medium text-foreground select-none",

package/dist/packages/iryx-ui/src/theme/combobox.js

@@ -0,0 +1,29 @@
+import { fieldBase as e } from "./input.js";
+import { tv as t } from "tailwind-variants";
+//#region src/theme/combobox.ts
+var n = t({
+	slots: {
+		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",
+		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",
+		itemIndicator: "absolute left-2 flex items-center justify-center text-primary [&_svg]:size-4",
+		empty: "px-2 py-6 text-center text-sm text-muted-foreground",
+		group: "[[role=group]:not([hidden])~&]:mt-1",
+		groupLabel: "px-2 py-1.5 text-xs font-medium text-muted-foreground"
+	},
+	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" }
+		},
+		invalid: { true: { anchor: "border-red-500 focus-within:ring-red-500/40" } },
+		disabled: { true: { anchor: "cursor-not-allowed opacity-50" } }
+	},
+	defaultVariants: { size: "md" }
+});
+//#endregion
+export { n as comboboxTheme };

package/dist/packages/iryx-ui/src/theme/dialog.js

@@ -3,13 +3,13 @@ import { tv as e } from "tailwind-variants";
 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: "fixed top-1/2 left-1/2 z-50 flex max-h-[calc(100dvh-2rem)] w-[calc(100vw-2rem)] -translate-x-1/2 -translate-y-1/2 flex-col gap-4 rounded-xl border border-border bg-background p-6 text-foreground shadow-lg outline-none data-[state=closed]:animate-dialog-out data-[state=open]:animate-dialog-in",
+		content: "fixed top-1/2 left-1/2 z-50 flex max-h-[calc(100dvh-2rem)] w-[calc(100vw-2rem)] -translate-x-1/2 -translate-y-1/2 flex-col gap-4 rounded-2xl border border-border bg-background p-6 text-foreground shadow-lg outline-none data-[state=closed]:animate-dialog-out data-[state=open]:animate-dialog-in",
 		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 overflow-y-auto p-1",
 		footer: "flex flex-wrap items-center justify-end gap-2",
-		close: "absolute top-4 right-4 rounded-md 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"
+		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: { size: {
 		sm: { content: "sm:max-w-sm" },

package/dist/packages/iryx-ui/src/theme/dropdown-menu.js

@@ -2,12 +2,12 @@ import { tv as e } from "tailwind-variants";
 //#region src/theme/dropdown-menu.ts
 var t = e({
 	slots: {
-		content: "z-50 min-w-40 overflow-hidden rounded-lg border border-border bg-background p-1 text-foreground shadow-lg outline-none data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in",
-		item: "flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0",
+		content: "z-50 min-w-40 overflow-hidden rounded-xl border border-border bg-background p-1 text-foreground shadow-lg outline-none data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in",
+		item: "flex cursor-pointer items-center gap-2 rounded-lg px-2 py-1.5 text-sm outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground [&_svg]:size-4 [&_svg]:shrink-0",
 		label: "px-2 py-1.5 text-xs font-medium text-muted-foreground",
 		separator: "-mx-1 my-1 h-px bg-border",
-		subTrigger: "flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none select-none 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 [&_svg]:size-4 [&_svg]:shrink-0",
-		subContent: "z-50 min-w-40 overflow-hidden rounded-lg border border-border bg-background p-1 text-foreground shadow-lg outline-none data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in",
+		subTrigger: "flex cursor-default items-center gap-2 rounded-lg px-2 py-1.5 text-sm outline-none select-none 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 [&_svg]:size-4 [&_svg]:shrink-0",
+		subContent: "z-50 min-w-40 overflow-hidden rounded-xl border border-border bg-background p-1 text-foreground shadow-lg outline-none data-[state=closed]:animate-fade-out data-[state=open]:animate-fade-in",
 		subTriggerIcon: "ml-auto"
 	},
 	variants: { danger: { true: { item: "text-danger data-[highlighted]:bg-danger-muted data-[highlighted]:text-danger-muted-foreground" } } }

package/dist/packages/iryx-ui/src/theme/form.js

@@ -1,38 +1,14 @@
 import { tv as e } from "tailwind-variants";
 //#region src/theme/form.ts
-var t = e({
-	slots: {
-		root: "space-y-2",
-		header: "flex items-center justify-between gap-2",
-		label: "",
-		hint: "text-sm leading-none text-muted-foreground",
-		description: "text-sm leading-snug text-muted-foreground",
-		control: "",
-		error: "text-sm leading-snug text-red-500",
-		help: "text-sm leading-snug text-muted-foreground"
-	},
-	variants: { indent: {
-		none: {},
-		sm: {
-			header: "px-2.5",
-			description: "px-2.5",
-			error: "px-2.5",
-			help: "px-2.5"
-		},
-		md: {
-			header: "px-3",
-			description: "px-3",
-			error: "px-3",
-			help: "px-3"
-		},
-		lg: {
-			header: "px-4",
-			description: "px-4",
-			error: "px-4",
-			help: "px-4"
-		}
-	} },
-	defaultVariants: { indent: "md" }
-});
+var t = e({ slots: {
+	root: "space-y-2",
+	header: "flex items-center justify-between gap-2",
+	label: "",
+	hint: "text-sm leading-none text-muted-foreground",
+	description: "text-sm leading-snug text-muted-foreground",
+	control: "",
+	error: "text-sm leading-snug text-red-500",
+	help: "text-sm leading-snug text-muted-foreground"
+} });
 //#endregion
 export { t as formFieldTheme };

package/dist/packages/iryx-ui/src/theme/input.js

@@ -1,6 +1,6 @@
 import { tv as e } from "tailwind-variants";
 //#region src/theme/input.ts
-var t = "w-full rounded-lg border border-border bg-background text-foreground transition-colors outline-none placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50", n = e({
+var t = "w-full rounded-xl border border-border bg-input text-foreground transition-colors outline-none placeholder:text-muted-foreground focus-visible:ring-2 focus-visible:ring-primary/50 disabled:cursor-not-allowed disabled:opacity-50", n = e({
 	base: `flex ${t}`,
 	variants: {
 		size: {

package/dist/packages/iryx-ui/src/theme/label.js

@@ -2,16 +2,7 @@ import { tv as e } from "tailwind-variants";
 //#region src/theme/label.ts
 var t = e({
 	base: "inline-flex items-center gap-1 text-sm leading-none font-medium text-foreground select-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
-	variants: {
-		required: { true: "after:text-red-500 after:content-['*']" },
-		indent: {
-			none: "",
-			sm: "ps-2.5",
-			md: "ps-3",
-			lg: "ps-4"
-		}
-	},
-	defaultVariants: { indent: "md" }
+	variants: { required: { true: "after:text-red-500 after:content-['*']" } }
 });
 //#endregion
 export { t as labelTheme };

package/dist/packages/iryx-ui/src/theme/number-input.js

@@ -0,0 +1,49 @@
+import { fieldBase as e } from "./input.js";
+import { tv as t } from "tailwind-variants";
+//#region src/theme/number-input.ts
+var n = t({
+	slots: {
+		root: "relative inline-flex w-full items-stretch",
+		input: `flex w-full text-right tabular-nums ${e}`,
+		stepper: "absolute inset-y-px end-px flex flex-col justify-center overflow-hidden rounded-e-xl border-s border-border",
+		step: "flex flex-1 items-center justify-center px-1.5 text-muted-foreground transition-colors outline-none hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-3"
+	},
+	variants: {
+		size: {
+			sm: {
+				input: "h-8 px-2.5 text-sm",
+				stepper: "w-5"
+			},
+			md: {
+				input: "h-9 px-3 text-sm",
+				stepper: "w-6"
+			},
+			lg: {
+				input: "h-10 px-4 text-base",
+				stepper: "w-7"
+			}
+		},
+		invalid: { true: { input: "border-red-500 focus-visible:ring-red-500/40" } },
+		withStepper: { true: {} }
+	},
+	compoundVariants: [
+		{
+			withStepper: !0,
+			size: "sm",
+			class: { input: "pe-7" }
+		},
+		{
+			withStepper: !0,
+			size: "md",
+			class: { input: "pe-8" }
+		},
+		{
+			withStepper: !0,
+			size: "lg",
+			class: { input: "pe-10" }
+		}
+	],
+	defaultVariants: { size: "md" }
+});
+//#endregion
+export { n as numberInputTheme };

package/dist/packages/iryx-ui/src/theme/pagination.js

@@ -4,7 +4,7 @@ var t = e({
 	slots: {
 		root: "flex items-center gap-2",
 		list: "flex items-center gap-1",
-		item: "inline-flex items-center justify-center rounded-lg border border-transparent text-sm font-medium transition-[color,background-color,border-color,box-shadow] outline-none focus-visible:ring-2 focus-visible:ring-primary/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-4",
+		item: "inline-flex items-center justify-center rounded-xl border border-transparent text-sm font-medium transition-[color,background-color,border-color,box-shadow] outline-none focus-visible:ring-2 focus-visible:ring-primary/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:size-4",
 		active: "bg-linear-to-b from-primary-from to-primary-to text-primary-foreground hover:brightness-110",
 		inactive: "text-foreground hover:bg-accent hover:text-accent-foreground",
 		ellipsis: "inline-flex items-center justify-center text-sm text-muted-foreground"

package/dist/packages/iryx-ui/src/theme/presets.js

@@ -46,20 +46,6 @@ var e = {
 			primaryTo: "oklch(0.54 0.24 293)"
 		}
 	},
-	emerald: {
-		light: {
-			primary: "oklch(0.596 0.145 163)",
-			primaryForeground: "oklch(0.985 0.005 248)",
-			primaryFrom: "oklch(0.596 0.145 163)",
-			primaryTo: "oklch(0.52 0.155 163)"
-		},
-		dark: {
-			primary: "oklch(0.7 0.15 162)",
-			primaryForeground: "oklch(0.17 0.04 165)",
-			primaryFrom: "oklch(0.7 0.15 162)",
-			primaryTo: "oklch(0.62 0.16 162)"
-		}
-	},
 	rose: {
 		light: {
 			primary: "oklch(0.586 0.222 17)",
@@ -73,34 +59,6 @@ var e = {
 			primaryFrom: "oklch(0.65 0.22 16)",
 			primaryTo: "oklch(0.57 0.235 16)"
 		}
-	},
-	amber: {
-		light: {
-			primary: "oklch(0.666 0.157 58)",
-			primaryForeground: "oklch(0.16 0.03 80)",
-			primaryFrom: "oklch(0.666 0.157 58)",
-			primaryTo: "oklch(0.59 0.165 56)"
-		},
-		dark: {
-			primary: "oklch(0.77 0.16 70)",
-			primaryForeground: "oklch(0.18 0.04 75)",
-			primaryFrom: "oklch(0.77 0.16 70)",
-			primaryTo: "oklch(0.7 0.17 68)"
-		}
-	},
-	sky: {
-		light: {
-			primary: "oklch(0.588 0.13 242)",
-			primaryForeground: "oklch(0.985 0.005 248)",
-			primaryFrom: "oklch(0.588 0.13 242)",
-			primaryTo: "oklch(0.51 0.14 242)"
-		},
-		dark: {
-			primary: "oklch(0.685 0.14 237)",
-			primaryForeground: "oklch(0.15 0.04 240)",
-			primaryFrom: "oklch(0.685 0.14 237)",
-			primaryTo: "oklch(0.6 0.15 237)"
-		}
 	}
 }, n = "iryx-ui-theme";
 function r(t) {

package/dist/packages/iryx-ui/src/theme/radio-group.js

@@ -4,7 +4,7 @@ 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",
+		item: "aspect-square shrink-0 cursor-pointer rounded-full border border-border bg-background transition-colors outline-none focus:ring-2 focus: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",