iryx-ui 0.18.0 → 0.18.2

package/dist/components/AppShell.vue.d.ts

@@ -60,8 +60,8 @@ declare const __VLS_base: import("vue").DefineComponent<AppShellProps, {
     unstyled: boolean;
     as: string;
     scroll: "main" | "page";
-    sidebarPosition: "left" | "right";
     mobileNav: boolean;
+    sidebarPosition: "left" | "right";
     navLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/FormField.vue_vue_type_script_setup_true_lang.js

@@ -85,6 +85,8 @@ var x = ["data-iryx-field"], S = ["id"], C = ["id"], w = ["id"], T = /*@__PURE__
 			O.value ? (p(), l("p", {
 				key: 2,
 				id: `${_(D)}-error`,
+				role: "alert",
+				"aria-live": "polite",
 				class: f(P("error", T.ui?.error))
 			}, g(O.value), 11, C)) : T.help ? (p(), l("p", {
 				key: 3,

package/dist/components/Input.vue_vue_type_script_setup_true_lang.js

@@ -9,6 +9,7 @@ var T = [
 	"id",
 	"value",
 	"type",
+	"spellcheck",
 	"placeholder",
 	"disabled",
 	"required",
@@ -49,74 +50,80 @@ var T = [
 	}),
 	emits: ["update:modelValue"],
 	setup(u, { expose: d }) {
-		let D = u, O = y(u, "modelValue"), k = b(), A = r(), j = i(() => D.id ?? A?.id.value), M = i(() => D.invalid ?? A?.invalid.value ?? !1), N = e(), P = i(() => D.unstyled ?? N.unstyled), F = g(O.value), I;
-		function L() {
-			I !== void 0 && (clearTimeout(I), I = void 0);
+		let D = u, O = i(() => [
+			"email",
+			"url",
+			"tel",
+			"password"
+		].includes(D.type) ? !1 : void 0), k = y(u, "modelValue"), A = b(), j = r(), M = i(() => D.id ?? j?.id.value), N = i(() => D.invalid ?? j?.invalid.value ?? !1), P = e(), F = i(() => D.unstyled ?? P.unstyled), I = g(k.value), L;
+		function R() {
+			L !== void 0 && (clearTimeout(L), L = void 0);
 		}
-		x(O, (e) => {
-			L(), F.value = e;
+		x(k, (e) => {
+			R(), I.value = e;
 		});
-		function R(e) {
+		function z(e) {
 			let t = e.target.value;
-			if (F.value = t, L(), !D.debounce) {
-				O.value = t;
+			if (I.value = t, R(), !D.debounce) {
+				k.value = t;
 				return;
 			}
-			I = setTimeout(() => {
-				I = void 0, O.value = t;
+			L = setTimeout(() => {
+				L = void 0, k.value = t;
 			}, D.debounce);
 		}
-		function z() {
-			I !== void 0 && (L(), O.value = F.value);
+		function B() {
+			L !== void 0 && (R(), k.value = I.value);
 		}
-		m(L);
-		let B = g();
-		function V() {
-			L(), F.value = "", O.value = "", B.value?.focus();
+		m(R);
+		let V = g();
+		function H() {
+			R(), I.value = "", k.value = "", V.value?.focus();
 		}
-		d({ input: B });
-		let H = i(() => F.value !== "" && F.value != null), U = i(() => D.clearable && H.value && !D.disabled), W = i(() => D.loading || U.value || !!k.trailing), G = i(() => n({
+		d({ input: V });
+		let U = i(() => I.value !== "" && I.value != null), W = i(() => D.clearable && U.value && !D.disabled), G = i(() => D.loading || W.value || !!A.trailing), K = i(() => n({
 			size: D.size,
-			invalid: M.value
+			invalid: N.value
 		}));
-		function K(e, t) {
+		function q(e, t) {
 			let n = D.ui?.[e];
-			return P.value ? [n, t] : G.value[e]({ class: [n, t] });
+			return F.value ? [n, t] : K.value[e]({ class: [n, t] });
 		}
-		return (e, n) => (h(), s("div", { class: p(K("root", D.class)) }, [
-			v(k).leading ? (h(), s("span", {
+		return (e, n) => (h(), s("div", { class: p(q("root", D.class)) }, [
+			v(A).leading ? (h(), s("span", {
 				key: 0,
-				class: p(K("leading"))
+				class: p(q("leading"))
 			}, [_(e.$slots, "leading")], 2)) : o("", !0),
 			c("input", f({
-				id: j.value,
+				id: M.value,
 				ref_key: "inputEl",
-				ref: B,
-				value: F.value,
+				ref: V,
+				value: I.value,
 				type: D.type,
+				spellcheck: O.value,
 				placeholder: D.placeholder,
 				disabled: D.disabled,
 				required: D.required,
-				"aria-invalid": M.value || void 0,
-				"aria-describedby": v(A)?.describedBy.value,
-				class: K("input")
+				"aria-invalid": N.value || void 0,
+				"aria-describedby": v(j)?.describedBy.value,
+				class: q("input")
 			}, e.$attrs, {
-				onInput: R,
-				onBlur: z,
-				onKeydown: S(z, ["enter"])
+				onInput: z,
+				onBlur: B,
+				onKeydown: S(B, ["enter"])
 			}), null, 16, T),
-			W.value ? (h(), s("span", {
+			G.value ? (h(), s("span", {
 				key: 1,
-				class: p(K("trailing"))
+				class: p(q("trailing"))
 			}, [
 				_(e.$slots, "trailing"),
-				U.value ? (h(), s("button", {
+				W.value ? (h(), s("button", {
 					key: 0,
 					type: "button",
 					tabindex: "-1",
 					"aria-label": D.clearLabel,
-					class: p(K("clear")),
-					onClick: V
+					class: p(q("clear")),
+					onClick: H
 				}, [l(t, { icon: v(C) }, null, 8, ["icon"])], 10, E)) : o("", !0),
 				D.loading ? (h(), a(t, {
 					key: 1,

package/dist/components/PasswordInput.vue_vue_type_script_setup_true_lang.js

@@ -74,7 +74,8 @@ var w = [
 			invalid: f.invalid,
 			unstyled: f.unstyled,
 			ui: { input: N.value },
-			autocomplete: "current-password"
+			autocomplete: "current-password",
+			spellcheck: "false"
 		}, e.$attrs), l({ _: 2 }, [f.toggle ? {
 			name: "trailing",
 			fn: x(() => [c("button", {

package/dist/components/PinInput.vue_vue_type_script_setup_true_lang.js

@@ -53,6 +53,7 @@ var y = /*@__PURE__*/ l({
 		}, {
 			default: g(() => [(d(!0), o(n, null, f(w.value, (t) => (d(), o(n, { key: t }, [c(h(_), {
 				index: t,
+				spellcheck: "false",
 				"aria-invalid": b.invalid || void 0,
 				class: u(A.value)
 			}, null, 8, [

package/dist/components/Select.vue.d.ts

@@ -19,6 +19,8 @@ export interface SelectProps extends SelectRootProps {
     items?: SelectItems;
     placeholder?: string;
     size?: 'sm' | 'md' | 'lg';
+    /** Lands on the trigger, so a `<label for>` names the control. */
+    id?: string;
     /** Skip built-in classes; you take over styling entirely. */
     unstyled?: boolean;
     class?: ClassValue;

package/dist/components/Select.vue_vue_type_script_setup_true_lang.js

@@ -12,6 +12,7 @@ var I = /*@__PURE__*/ u({
 		items: {},
 		placeholder: {},
 		size: {},
+		id: {},
 		unstyled: {
 			type: Boolean,
 			default: void 0
@@ -39,8 +40,8 @@ var I = /*@__PURE__*/ u({
 	emits: ["update:modelValue", "update:open"],
 	setup(u, { emit: I }) {
 		let L = u, R = I, z = F(i(() => {
-			let { items: e, placeholder: t, size: n, unstyled: r, class: i, ui: a, ...o } = L;
-			return o;
+			let { items: e, placeholder: t, size: n, id: r, unstyled: i, class: a, ui: o, ...s } = L;
+			return s;
 		}), R);
 		function B(e) {
 			return typeof e == "string" ? {
@@ -62,13 +63,16 @@ var I = /*@__PURE__*/ u({
 			});
 		}), U = i(() => (L.items ?? []).flatMap((e) => V(e) ? e.items.map(B) : [B(e)])), W = e(), G = i(() => L.unstyled ?? W.unstyled), K = i(() => n({ size: L.size })), q = i(() => G.value ? [L.ui?.trigger, L.class] : K.value.trigger({ class: [L.ui?.trigger, L.class] })), J = i(() => G.value ? L.ui?.content : K.value.content({ class: L.ui?.content })), Y = i(() => G.value ? L.ui?.viewport : K.value.viewport({ class: L.ui?.viewport })), X = i(() => G.value ? L.ui?.item : K.value.item({ class: L.ui?.item })), Z = i(() => G.value ? void 0 : K.value.itemIndicator()), Q = i(() => G.value ? L.ui?.group : K.value.group({ class: L.ui?.group })), $ = i(() => G.value ? L.ui?.groupLabel : K.value.groupLabel({ class: L.ui?.groupLabel }));
 		return (e, n) => (h(), a(y(j), m(d(y(z))), {
-			default: b(() => [l(y(M), f(e.$attrs, { class: q.value }), {
-				default: b(() => [l(y(N), { placeholder: L.placeholder }, null, 8, ["placeholder"]), l(y(T), { "as-child": "" }, {
+			default: b(() => [l(y(M), f({ id: L.id }, e.$attrs, { class: q.value }), {
+				default: b(() => [l(y(N), {
+					class: "truncate",
+					placeholder: L.placeholder
+				}, null, 8, ["placeholder"]), l(y(T), { "as-child": "" }, {
 					default: b(() => [l(t, { icon: y(x) }, null, 8, ["icon"])]),
 					_: 1
 				})]),
 				_: 1
-			}, 16, ["class"]), l(y(A), null, {
+			}, 16, ["id", "class"]), l(y(A), null, {
 				default: b(() => [l(y(C), {
 					class: p(J.value),
 					position: "item-aligned"

package/dist/theme/accordion.d.ts

@@ -32,7 +32,7 @@ export declare const accordionTheme: import("tailwind-variants").TVReturnType<{
     icon: string;
     content: string;
     contentInner: string;
-}, import("tailwind-variants").TVReturnType<{
+}, import("tailwind-variants").TVReturnTypeLike<{
     variant: {
         plain: {};
         outline: {
@@ -49,5 +49,5 @@ export declare const accordionTheme: import("tailwind-variants").TVReturnType<{
     icon: string;
     content: string;
     contentInner: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export type AccordionSlots = keyof ReturnType<typeof accordionTheme>;

package/dist/theme/alert.d.ts

@@ -54,7 +54,7 @@ export declare const alertTheme: import("tailwind-variants").TVReturnType<{
     description: string;
     actions: string;
     close: string;
-}, import("tailwind-variants").TVReturnType<{
+}, import("tailwind-variants").TVReturnTypeLike<{
     variant: {
         info: {
             icon: string;
@@ -82,5 +82,5 @@ export declare const alertTheme: import("tailwind-variants").TVReturnType<{
     description: string;
     actions: string;
     close: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export type AlertSlots = keyof ReturnType<typeof alertTheme>;

package/dist/theme/app-shell.d.ts

@@ -76,7 +76,7 @@ export declare const appShellTheme: import("tailwind-variants").TVReturnType<{
     footer: string;
     navDrawer: string;
     navDrawerBody: string;
-}, import("tailwind-variants").TVReturnType<{
+}, import("tailwind-variants").TVReturnTypeLike<{
     scroll: {
         main: {
             root: string;
@@ -115,5 +115,5 @@ export declare const appShellTheme: import("tailwind-variants").TVReturnType<{
     footer: string;
     navDrawer: string;
     navDrawerBody: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export type AppShellSlots = keyof ReturnType<typeof appShellTheme>;

package/dist/theme/auth-providers.d.ts

@@ -88,7 +88,7 @@ export declare const authProvidersTheme: import("tailwind-variants").TVReturnTyp
     provider: string;
     icon: string;
     label: string;
-}, import("tailwind-variants").TVReturnType<{
+}, import("tailwind-variants").TVReturnTypeLike<{
     layout: {
         stack: {
             root: string;
@@ -133,5 +133,5 @@ export declare const authProvidersTheme: import("tailwind-variants").TVReturnTyp
     provider: string;
     icon: string;
     label: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export type AuthProvidersSlots = keyof ReturnType<typeof authProvidersTheme>;

package/dist/theme/avatar.d.ts

@@ -108,7 +108,7 @@ export declare const avatarTheme: import("tailwind-variants").TVReturnType<{
     image: string;
     fallback: string;
     status: string;
-}, import("tailwind-variants").TVReturnType<{
+}, import("tailwind-variants").TVReturnTypeLike<{
     size: {
         xs: {
             root: string;
@@ -163,7 +163,7 @@ export declare const avatarTheme: import("tailwind-variants").TVReturnType<{
     image: string;
     fallback: string;
     status: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export type AvatarSlots = keyof ReturnType<typeof avatarTheme>;
 export declare const avatarGroupTheme: import("tailwind-variants").TVReturnType<{
     size: {
@@ -219,7 +219,7 @@ export declare const avatarGroupTheme: import("tailwind-variants").TVReturnType<
     root: string;
     item: string;
     overflow: string;
-}, import("tailwind-variants").TVReturnType<{
+}, import("tailwind-variants").TVReturnTypeLike<{
     size: {
         xs: {
             root: string;
@@ -246,5 +246,5 @@ export declare const avatarGroupTheme: import("tailwind-variants").TVReturnType<
     root: string;
     item: string;
     overflow: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export type AvatarGroupSlots = keyof ReturnType<typeof avatarGroupTheme>;

package/dist/theme/badge.d.ts

@@ -60,7 +60,7 @@ export declare const badgeTheme: import("tailwind-variants").TVReturnType<{
 }, {
     root: string;
     dot: string;
-}, import("tailwind-variants").TVReturnType<{
+}, import("tailwind-variants").TVReturnTypeLike<{
     variant: {
         neutral: {};
         success: {};
@@ -91,5 +91,5 @@ export declare const badgeTheme: import("tailwind-variants").TVReturnType<{
 }, {
     root: string;
     dot: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export type BadgeSlots = keyof ReturnType<typeof badgeTheme>;

package/dist/theme/banner.d.ts

@@ -110,7 +110,7 @@ export declare const bannerTheme: import("tailwind-variants").TVReturnType<{
     title: string;
     actions: string;
     close: string;
-}, import("tailwind-variants").TVReturnType<{
+}, import("tailwind-variants").TVReturnTypeLike<{
     variant: {
         neutral: {
             root: string;
@@ -166,5 +166,5 @@ export declare const bannerTheme: import("tailwind-variants").TVReturnType<{
     title: string;
     actions: string;
     close: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export type BannerSlots = keyof ReturnType<typeof bannerTheme>;

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

@@ -80,7 +80,7 @@ export declare const barChartTheme: import("tailwind-variants").TVReturnType<{
     tooltipLabel: string;
     tooltipValue: string;
     table: string;
-}, import("tailwind-variants").TVReturnType<unknown, {
+}, import("tailwind-variants").TVReturnTypeLike<unknown, {
     root: string;
     plot: string;
     svg: string;
@@ -94,5 +94,5 @@ export declare const barChartTheme: import("tailwind-variants").TVReturnType<{
     tooltipLabel: string;
     tooltipValue: string;
     table: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export type BarChartSlots = keyof ReturnType<typeof barChartTheme>;

package/dist/theme/breadcrumb.d.ts

@@ -45,12 +45,12 @@ export declare const breadcrumbTheme: import("tailwind-variants").TVReturnType<{
     link: string;
     current: string;
     separator: string;
-}, import("tailwind-variants").TVReturnType<unknown, {
+}, import("tailwind-variants").TVReturnTypeLike<unknown, {
     root: string;
     list: string;
     item: string;
     link: string;
     current: string;
     separator: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export type BreadcrumbSlots = keyof ReturnType<typeof breadcrumbTheme>;

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

@@ -1,26 +1,26 @@
 export declare const buttonGroupTheme: import("tailwind-variants").TVReturnType<{
     orientation: {
-        horizontal: string;
-        vertical: string;
+        horizontal: "[&>*:not(:first-child)]:-ml-px [&>*:not(:first-child)]:rounded-l-none [&>*:not(:last-child)]:rounded-r-none";
+        vertical: "flex-col [&>*:not(:first-child)]:-mt-px [&>*:not(:first-child)]:rounded-t-none [&>*:not(:last-child)]:rounded-b-none";
     };
     block: {
-        true: string;
+        true: "flex w-full [&>*]:flex-1";
     };
 }, undefined, "isolate inline-flex [&>*]:relative [&>*:focus-visible]:z-10 [&>*:hover]:z-10", {
     orientation: {
-        horizontal: string;
-        vertical: string;
+        horizontal: "[&>*:not(:first-child)]:-ml-px [&>*:not(:first-child)]:rounded-l-none [&>*:not(:last-child)]:rounded-r-none";
+        vertical: "flex-col [&>*:not(:first-child)]:-mt-px [&>*:not(:first-child)]:rounded-t-none [&>*:not(:last-child)]:rounded-b-none";
     };
     block: {
-        true: string;
+        true: "flex w-full [&>*]:flex-1";
     };
-}, undefined, import("tailwind-variants").TVReturnType<{
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     orientation: {
-        horizontal: string;
-        vertical: string;
+        horizontal: "[&>*:not(:first-child)]:-ml-px [&>*:not(:first-child)]:rounded-l-none [&>*:not(:last-child)]:rounded-r-none";
+        vertical: "flex-col [&>*:not(:first-child)]:-mt-px [&>*:not(:first-child)]:rounded-t-none [&>*:not(:last-child)]:rounded-b-none";
     };
     block: {
-        true: string;
+        true: "flex w-full [&>*]:flex-1";
     };
-}, undefined, "isolate inline-flex [&>*]:relative [&>*:focus-visible]:z-10 [&>*:hover]:z-10", unknown, unknown, undefined>>;
+}, undefined>>;
 export type ButtonGroupVariants = Parameters<typeof buttonGroupTheme>[0];

package/dist/theme/button.d.ts

@@ -1,65 +1,65 @@
 export declare const buttonTheme: import("tailwind-variants").TVReturnType<{
     variant: {
-        solid: string;
-        outline: string;
-        ghost: string;
-        link: string;
+        solid: "bg-linear-to-b from-primary-from to-primary-to text-primary-foreground hover:brightness-110 active:brightness-95";
+        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";
     };
     size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
+        xs: "h-7 gap-1.5 px-2 text-xs has-[[data-icon=inline-end]]:pr-1.5 has-[[data-icon=inline-start]]:pl-1.5 [&_svg]:size-3.5";
+        sm: "h-8 px-3 text-sm has-[[data-icon=inline-end]]:pr-2 has-[[data-icon=inline-start]]:pl-2 [&_svg]:size-4";
+        md: "h-9 px-4 text-sm has-[[data-icon=inline-end]]:pr-3 has-[[data-icon=inline-start]]:pl-3 [&_svg]:size-4";
+        lg: "h-10 px-5 text-base has-[[data-icon=inline-end]]:pr-4 has-[[data-icon=inline-start]]:pl-4 [&_svg]:size-5";
+        xl: "h-12 px-6 text-base has-[[data-icon=inline-end]]:pr-5 has-[[data-icon=inline-start]]:pl-5 [&_svg]:size-5";
     };
     square: {
-        true: string;
-        false: string;
+        true: "";
+        false: "";
     };
     block: {
-        true: string;
+        true: "w-full";
     };
-}, undefined, "inline-flex shrink-0 items-center justify-center gap-2 rounded-xl border border-transparent font-medium no-underline 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", {
+}, undefined, "inline-flex shrink-0 touch-manipulation items-center justify-center gap-2 rounded-xl border border-transparent font-medium no-underline 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", {
     variant: {
-        solid: string;
-        outline: string;
-        ghost: string;
-        link: string;
+        solid: "bg-linear-to-b from-primary-from to-primary-to text-primary-foreground hover:brightness-110 active:brightness-95";
+        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";
     };
     size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
+        xs: "h-7 gap-1.5 px-2 text-xs has-[[data-icon=inline-end]]:pr-1.5 has-[[data-icon=inline-start]]:pl-1.5 [&_svg]:size-3.5";
+        sm: "h-8 px-3 text-sm has-[[data-icon=inline-end]]:pr-2 has-[[data-icon=inline-start]]:pl-2 [&_svg]:size-4";
+        md: "h-9 px-4 text-sm has-[[data-icon=inline-end]]:pr-3 has-[[data-icon=inline-start]]:pl-3 [&_svg]:size-4";
+        lg: "h-10 px-5 text-base has-[[data-icon=inline-end]]:pr-4 has-[[data-icon=inline-start]]:pl-4 [&_svg]:size-5";
+        xl: "h-12 px-6 text-base has-[[data-icon=inline-end]]:pr-5 has-[[data-icon=inline-start]]:pl-5 [&_svg]:size-5";
     };
     square: {
-        true: string;
-        false: string;
+        true: "";
+        false: "";
     };
     block: {
-        true: string;
+        true: "w-full";
     };
-}, undefined, import("tailwind-variants").TVReturnType<{
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
     variant: {
-        solid: string;
-        outline: string;
-        ghost: string;
-        link: string;
+        solid: "bg-linear-to-b from-primary-from to-primary-to text-primary-foreground hover:brightness-110 active:brightness-95";
+        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";
     };
     size: {
-        xs: string;
-        sm: string;
-        md: string;
-        lg: string;
-        xl: string;
+        xs: "h-7 gap-1.5 px-2 text-xs has-[[data-icon=inline-end]]:pr-1.5 has-[[data-icon=inline-start]]:pl-1.5 [&_svg]:size-3.5";
+        sm: "h-8 px-3 text-sm has-[[data-icon=inline-end]]:pr-2 has-[[data-icon=inline-start]]:pl-2 [&_svg]:size-4";
+        md: "h-9 px-4 text-sm has-[[data-icon=inline-end]]:pr-3 has-[[data-icon=inline-start]]:pl-3 [&_svg]:size-4";
+        lg: "h-10 px-5 text-base has-[[data-icon=inline-end]]:pr-4 has-[[data-icon=inline-start]]:pl-4 [&_svg]:size-5";
+        xl: "h-12 px-6 text-base has-[[data-icon=inline-end]]:pr-5 has-[[data-icon=inline-start]]:pl-5 [&_svg]:size-5";
     };
     square: {
-        true: string;
-        false: string;
+        true: "";
+        false: "";
     };
     block: {
-        true: string;
+        true: "w-full";
     };
-}, undefined, "inline-flex shrink-0 items-center justify-center gap-2 rounded-xl border border-transparent font-medium no-underline 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", unknown, unknown, undefined>>;
+}, undefined>>;
 export type ButtonVariants = Parameters<typeof buttonTheme>[0];

package/dist/theme/button.js

@@ -1,7 +1,7 @@
 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-xl border border-transparent font-medium no-underline 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 touch-manipulation items-center justify-center gap-2 rounded-xl border border-transparent font-medium no-underline 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",

package/dist/theme/calendar.d.ts

@@ -38,7 +38,7 @@ export declare const calendarTheme: import("tailwind-variants").TVReturnType<{
     headCell: string;
     cell: string;
     cellTrigger: string;
-}, import("tailwind-variants").TVReturnType<{
+}, import("tailwind-variants").TVReturnTypeLike<{
     range: {
         false: {
             cellTrigger: string;
@@ -58,5 +58,5 @@ export declare const calendarTheme: import("tailwind-variants").TVReturnType<{
     headCell: string;
     cell: string;
     cellTrigger: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export type CalendarSlots = keyof ReturnType<typeof calendarTheme>;

package/dist/theme/card.d.ts

@@ -66,7 +66,7 @@ export declare const cardTheme: import("tailwind-variants").TVReturnType<{
     description: string;
     body: string;
     footer: string;
-}, import("tailwind-variants").TVReturnType<{
+}, import("tailwind-variants").TVReturnTypeLike<{
     variant: {
         outline: {
             root: string;
@@ -100,5 +100,5 @@ export declare const cardTheme: import("tailwind-variants").TVReturnType<{
     description: string;
     body: string;
     footer: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export type CardSlots = keyof ReturnType<typeof cardTheme>;

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

@@ -35,10 +35,10 @@ export declare const chartLegendTheme: import("tailwind-variants").TVReturnType<
     item: string;
     swatch: string;
     name: string;
-}, import("tailwind-variants").TVReturnType<unknown, {
+}, import("tailwind-variants").TVReturnTypeLike<unknown, {
     root: string;
     item: string;
     swatch: string;
     name: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export type ChartLegendSlots = keyof ReturnType<typeof chartLegendTheme>;

package/dist/theme/checkbox.d.ts

@@ -52,7 +52,7 @@ export declare const checkboxTheme: import("tailwind-variants").TVReturnType<{
     content: string;
     label: string;
     description: string;
-}, import("tailwind-variants").TVReturnType<{
+}, import("tailwind-variants").TVReturnTypeLike<{
     size: {
         sm: {
             root: string;
@@ -79,5 +79,5 @@ export declare const checkboxTheme: import("tailwind-variants").TVReturnType<{
     content: string;
     label: string;
     description: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export type CheckboxSlots = keyof ReturnType<typeof checkboxTheme>;

package/dist/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: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",
+		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",
 		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/theme/collapsible.d.ts

@@ -26,7 +26,7 @@ export declare const collapsibleTheme: import("tailwind-variants").TVReturnType<
     trigger: string;
     content: string;
     icon: string;
-}, import("tailwind-variants").TVReturnType<{
+}, import("tailwind-variants").TVReturnTypeLike<{
     iconPosition: {
         start: {
             icon: string;
@@ -40,5 +40,5 @@ export declare const collapsibleTheme: import("tailwind-variants").TVReturnType<
     trigger: string;
     content: string;
     icon: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export type CollapsibleSlots = keyof ReturnType<typeof collapsibleTheme>;