zaravand-ui 6.0.0 → 7.0.0

package/dist/components/RadioGroup/RadioGroup.js

@@ -3,28 +3,28 @@ import { useZuiConfig as e } from "../../config/useZuiConfig.js";
 import { cn as t } from "../../lib/utils.js";
 import { FieldLabel as n, RequiredMark as r } from "../shared/FieldLabel.js";
 import { useInvalidState as i } from "../shared/useInvalidState.js";
-import { radioGroupDescriptionVariants as a, radioGroupIndicatorVariants as o, radioGroupItemVariants as s, radioGroupLabelVariants as c, radioGroupOptionVariants as l, radioGroupVariants as u } from "./RadioGroup.variant.js";
-import * as d from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import * as m from "@radix-ui/react-radio-group";
+import { radioGroupDescriptionVariants as a, radioGroupDotClassName as o, radioGroupIndicatorVariants as s, radioGroupItemVariants as c, radioGroupLabelVariants as l, radioGroupOptionVariants as u, radioGroupVariants as d } from "./RadioGroup.variant.js";
+import * as f from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import * as h from "@radix-ui/react-radio-group";
 //#region src/components/RadioGroup/RadioGroup.tsx
-var h = d.forwardRef(function({ value: a, defaultValue: o, onValueChange: s, name: c, required: l = !1, id: h, title: g, children: _, "aria-label": v, className: y, orientation: b = "vertical", gap: x = "default", dir: S, disabled: C = !1, onInvalid: w }, T) {
-	let { dir: E } = e(), D = S ?? E, { isInvalid: O, setIsInvalid: k, handleInvalid: A } = i(w), j = d.useId(), M = g ? `${h ?? j}-title` : void 0, N = d.useCallback((e) => {
+var g = f.forwardRef(function({ value: a, defaultValue: o, onValueChange: s, name: c, required: l = !1, id: u, title: g, children: _, "aria-label": v, className: y, orientation: b = "vertical", gap: x = "default", dir: S, disabled: C = !1, onInvalid: w }, T) {
+	let { dir: E } = e(), D = S ?? E, { isInvalid: O, setIsInvalid: k, handleInvalid: A } = i(w), j = f.useId(), M = g ? `${u ?? j}-title` : void 0, N = f.useCallback((e) => {
 		k(!1), s?.(e);
 	}, [s, k]);
-	return /* @__PURE__ */ p("div", {
+	return /* @__PURE__ */ m("div", {
 		"data-slot": "radio-group-field",
 		dir: D,
 		className: "zui:w-full zui:space-y-1.5 zui:text-start",
-		children: [/* @__PURE__ */ f(n, {
+		children: [/* @__PURE__ */ p(n, {
 			title: g,
 			id: M,
 			required: l
-		}), /* @__PURE__ */ p("div", {
+		}), /* @__PURE__ */ m("div", {
 			className: "zui:relative",
-			children: [!g && l ? /* @__PURE__ */ f(r, {}) : null, /* @__PURE__ */ f(m.Root, {
+			children: [!g && l ? /* @__PURE__ */ p(r, {}) : null, /* @__PURE__ */ p(h.Root, {
 				ref: T,
-				id: h,
+				id: u,
 				"data-slot": "radio-group",
 				"aria-label": v,
 				"aria-labelledby": v ? void 0 : M,
@@ -32,7 +32,7 @@ var h = d.forwardRef(function({ value: a, defaultValue: o, onValueChange: s, nam
 				"aria-required": l || void 0,
 				"aria-disabled": C || void 0,
 				dir: D,
-				className: t(O ? "zui:[&_[data-slot=radio-group-item]]:border-[var(--zui-theme-status-danger)] zui:[&_[data-slot=radio-group-option]]:border-[var(--zui-theme-status-danger)]" : void 0, u({
+				className: t(O ? "zui:[&_[data-slot=radio-group-item]]:border-[var(--zui-theme-status-danger)] zui:[&_[data-slot=radio-group-option]]:border-[var(--zui-theme-status-danger)]" : void 0, d({
 					orientation: b,
 					gap: x,
 					disabled: C,
@@ -49,47 +49,50 @@ var h = d.forwardRef(function({ value: a, defaultValue: o, onValueChange: s, nam
 			})]
 		})]
 	});
-}), g = d.forwardRef(function({ className: n, size: r = "default", disabled: i = !1, label: u, description: h, id: g, direction: _, optionClassName: v, labelClassName: y, descriptionClassName: b, indicatorClassName: x, value: S, onFocus: C, onBlur: w }, T) {
-	let { dir: E } = e(), D = _ ?? E, O = d.useId(), k = g ?? O, A = r === "sm" ? "zui:size-[calc(var(--zui-scale,10px)*0.736)]" : r === "lg" ? "zui:size-[calc(var(--zui-scale,10px)*1.12)]" : "zui:size-[calc(var(--zui-scale,10px)*0.928)]", j = /* @__PURE__ */ f(m.Item, {
-		ref: T,
-		id: k,
-		"data-slot": "radio-group-item",
-		"aria-disabled": i || void 0,
-		className: t(s({
-			size: r,
-			disabled: i,
-			className: n
-		})),
-		disabled: i,
-		value: S,
-		onFocus: C,
-		onBlur: w,
-		children: /* @__PURE__ */ f(m.Indicator, {
-			"data-slot": "radio-group-indicator",
-			className: t(o(), x),
-			children: /* @__PURE__ */ f("span", { className: t("zui:block zui-radius-full zui:bg-[var(--zui-theme-action-primary)]", A) })
+}), _ = f.forwardRef(function({ className: n, disabled: r = !1, label: i, description: d, id: g, direction: _, optionClassName: v, labelClassName: y, descriptionClassName: b, indicatorClassName: x, value: S, onFocus: C, onBlur: w }, T) {
+	let { dir: E } = e(), D = _ ?? E, O = f.useId(), k = g ?? O, A = /* @__PURE__ */ p("span", {
+		"data-slot": "radio-group-control",
+		className: "zui:relative zui:inline-flex zui:shrink-0 zui:[&>input]:inset-0! zui:[&>input]:transform-none!",
+		children: /* @__PURE__ */ p(h.Item, {
+			ref: T,
+			id: k,
+			"data-slot": "radio-group-item",
+			"aria-disabled": r || void 0,
+			className: t(c({
+				disabled: r,
+				className: n
+			})),
+			disabled: r,
+			value: S,
+			onFocus: C,
+			onBlur: w,
+			children: /* @__PURE__ */ p(h.Indicator, {
+				"data-slot": "radio-group-indicator",
+				className: t(s(), x),
+				children: /* @__PURE__ */ p("span", { className: t("zui:block zui-radius-full zui:bg-[var(--zui-theme-action-primary)]", o) })
+			})
 		})
 	});
-	return !u && !h ? j : /* @__PURE__ */ p("label", {
+	return !i && !d ? A : /* @__PURE__ */ m("label", {
 		htmlFor: k,
 		"data-slot": "radio-group-option",
 		dir: D ?? void 0,
-		className: t(l({
+		className: t(u({
 			direction: D,
-			disabled: i,
+			disabled: r,
 			className: v
 		})),
-		children: [j, /* @__PURE__ */ p("span", {
+		children: [A, /* @__PURE__ */ m("span", {
 			className: "zui:min-w-0 zui:flex-1",
-			children: [u ? /* @__PURE__ */ f("span", {
-				className: t(c({ disabled: i }), y),
-				children: u
-			}) : null, h ? /* @__PURE__ */ f("span", {
+			children: [i ? /* @__PURE__ */ p("span", {
+				className: t(l({ disabled: r }), y),
+				children: i
+			}) : null, d ? /* @__PURE__ */ p("span", {
 				className: t(a(), b),
-				children: h
+				children: d
 			}) : null]
 		})]
 	});
 });
 //#endregion
-export { g as RadioGroupItem, h as default };
+export { _ as RadioGroupItem, g as default };

package/dist/components/RadioGroup/RadioGroup.variant.cjs

@@ -1 +1 @@
-require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`class-variance-authority`);var t=(0,e.cva)(`zui:grid`,{variants:{orientation:{vertical:`zui:grid-cols-1`,horizontal:`zui:grid-cols-1 zui:sm:grid-cols-2`},gap:{sm:`zui:gap-2`,default:`zui:gap-3`,lg:`zui:gap-4`},disabled:{true:`zui:pointer-events-none zui:opacity-55`,false:``}},defaultVariants:{orientation:`vertical`,gap:`default`,disabled:!1}}),n=(0,e.cva)(`zui:group/radio zui:relative zui:inline-flex zui:size-[calc(var(--zui-scale,10px)*1.92)] zui:shrink-0 zui:items-center zui:justify-center zui-radius-full zui:border zui:border-[var(--zui-color-border)] zui:bg-[var(--zui-color-surface)] zui:text-[var(--zui-theme-action-primary)] zui:shadow-xs zui:cursor-pointer zui:outline-none zui:select-none zui:transition-all zui:duration-300 zui:ease-out zui:data-[state=checked]:border-[var(--zui-theme-action-primary)] zui:data-[state=checked]:bg-[var(--zui-color-surface)] zui:hover:-translate-y-0.5 zui:hover:border-[var(--zui-theme-action-primary-hover)] zui:hover:bg-[var(--zui-theme-control-hover-bg)] zui:hover:shadow-[0_8px_20px_-12px_var(--zui-effect-shadow-ink-35)] zui:active:translate-y-px zui:focus-visible:border-[var(--zui-theme-action-secondary)] zui:focus-visible:ring-[3px] zui:focus-visible:ring-[var(--zui-theme-action-secondary)] zui:aria-invalid:border-[var(--zui-theme-status-danger)] zui:aria-invalid:ring-[var(--zui-theme-status-danger)] zui:disabled:cursor-not-allowed zui:disabled:pointer-events-none zui:disabled:opacity-50`,{variants:{size:{sm:`zui:size-[calc(var(--zui-scale,10px)*1.68)]`,default:`zui:size-[calc(var(--zui-scale,10px)*1.92)]`,lg:`zui:size-6`},disabled:{true:`zui:pointer-events-none zui:opacity-50`,false:``}},defaultVariants:{size:`default`,disabled:!1}}),r=(0,e.cva)(`zui:pointer-events-none zui:absolute zui:inset-0 zui:flex zui:items-center zui:justify-center zui:text-[var(--zui-theme-action-primary)] zui:data-[state=checked]:animate-in zui:data-[state=checked]:zoom-in-95 zui:data-[state=checked]:fade-in-0`),i=(0,e.cva)(`zui:inline-flex zui:w-full zui:items-start zui:justify-between zui:gap-2.5 zui-radius-md zui:border zui:border-[var(--zui-color-border)] zui:bg-[var(--zui-color-surface)] zui:px-3 zui:py-2.5 zui:transition-colors zui:duration-200 zui:has-[[data-state=checked]]:border-[var(--zui-theme-action-primary)]`,{variants:{direction:{rtl:`zui:flex-row-reverse zui:text-right`,ltr:`zui:flex-row zui:text-left`},disabled:{true:`zui:cursor-not-allowed zui:opacity-60`,false:`zui:cursor-pointer`}},defaultVariants:{direction:`rtl`,disabled:!1}}),a=(0,e.cva)(`zui:text-sm zui:font-medium zui:leading-5 zui:text-[var(--zui-color-text)]`,{variants:{disabled:{true:`zui:text-[var(--zui-theme-text-muted)]`,false:``}},defaultVariants:{disabled:!1}}),o=(0,e.cva)(`zui:mt-0.5 zui:text-xs zui:text-[var(--zui-color-text)]`);exports.radioGroupDescriptionVariants=o,exports.radioGroupIndicatorVariants=r,exports.radioGroupItemVariants=n,exports.radioGroupLabelVariants=a,exports.radioGroupOptionVariants=i,exports.radioGroupVariants=t;
+require(`../../_virtual/_rolldown/runtime.cjs`);let e=require(`class-variance-authority`);var t=(0,e.cva)(`zui:grid`,{variants:{orientation:{vertical:`zui:grid-cols-1`,horizontal:`zui:grid-cols-1 zui:desktop:grid-cols-2`},gap:{sm:`zui:gap-2`,default:`zui:gap-3`,lg:`zui:gap-4`},disabled:{true:`zui:pointer-events-none zui:opacity-55`,false:``}},defaultVariants:{orientation:`vertical`,gap:`default`,disabled:!1}}),n=(0,e.cva)(`zui:group/radio zui:relative zui:inline-flex zui:size-[calc(var(--zui-scale,10px)*1.92)] zui:mobile:size-[calc(var(--zui-scale,10px)*2.6)] zui:mobile:after:absolute zui:mobile:after:inset-[calc(var(--zui-scale,10px)*-1)] zui:mobile:after:content-[''] zui:shrink-0 zui:items-center zui:justify-center zui-radius-full zui:border zui:border-[var(--zui-color-border)] zui:bg-[var(--zui-color-surface)] zui:text-[var(--zui-theme-action-primary)] zui:shadow-xs zui:cursor-pointer zui:outline-none zui:select-none zui:transition-all zui:duration-300 zui:ease-out zui:data-[state=checked]:border-[var(--zui-theme-action-primary)] zui:data-[state=checked]:bg-[var(--zui-color-surface)] zui:hover:-translate-y-0.5 zui:hover:border-[var(--zui-theme-action-primary-hover)] zui:hover:bg-[var(--zui-theme-control-hover-bg)] zui:hover:shadow-[0_8px_20px_-12px_var(--zui-effect-shadow-ink-35)] zui:active:translate-y-px zui:focus-visible:border-[var(--zui-theme-action-secondary)] zui:focus-visible:ring-[3px] zui:focus-visible:ring-[var(--zui-theme-action-secondary)] zui:aria-invalid:border-[var(--zui-theme-status-danger)] zui:aria-invalid:ring-[var(--zui-theme-status-danger)] zui:disabled:cursor-not-allowed zui:disabled:pointer-events-none zui:disabled:opacity-50`,{variants:{disabled:{true:`zui:pointer-events-none zui:opacity-50`,false:``}},defaultVariants:{disabled:!1}}),r=`zui:size-[calc(var(--zui-scale,10px)*0.928)] zui:mobile:size-[calc(var(--zui-scale,10px)*1.26)]`,i=(0,e.cva)(`zui:pointer-events-none zui:absolute zui:inset-0 zui:flex zui:items-center zui:justify-center zui:text-[var(--zui-theme-action-primary)] zui:data-[state=checked]:animate-in zui:data-[state=checked]:zoom-in-95 zui:data-[state=checked]:fade-in-0`),a=(0,e.cva)(`zui:inline-flex zui:w-full zui:items-start zui:mobile:items-center zui:justify-between zui:gap-2.5 zui:rounded-[calc(var(--zui-radius-xs)+calc(var(--zui-scale,10px)*0.4))] zui:mobile:rounded-[var(--zui-radius-xs)] zui:border zui:mobile:border-[max(1px,calc(var(--zui-scale,10px)*0.15))] zui:border-[var(--zui-color-border)] zui:bg-[var(--zui-color-surface)] zui:px-3 zui:py-2.5 zui:mobile:min-h-[calc(var(--zui-scale,10px)*5.184)] zui:mobile:py-2 zui:transition-colors zui:duration-200 zui:has-[[data-state=checked]]:border-[var(--zui-theme-action-primary)]`,{variants:{direction:{rtl:`zui:flex-row-reverse zui:text-right`,ltr:`zui:flex-row zui:text-left`},disabled:{true:`zui:cursor-not-allowed zui:opacity-60`,false:`zui:cursor-pointer`}},defaultVariants:{direction:`rtl`,disabled:!1}}),o=(0,e.cva)(`zui:block zui:text-sm zui:mobile:text-base zui:font-medium zui:leading-5 zui:mobile:leading-6 zui:text-[var(--zui-color-text)]`,{variants:{disabled:{true:`zui:text-[var(--zui-theme-text-muted)]`,false:``}},defaultVariants:{disabled:!1}}),s=(0,e.cva)(`zui:mt-0.5 zui:block zui:text-xs zui:mobile:text-sm zui:text-[var(--zui-color-text)]`);exports.radioGroupDescriptionVariants=s,exports.radioGroupDotClassName=r,exports.radioGroupIndicatorVariants=i,exports.radioGroupItemVariants=n,exports.radioGroupLabelVariants=o,exports.radioGroupOptionVariants=a,exports.radioGroupVariants=t;

package/dist/components/RadioGroup/RadioGroup.variant.d.cts

@@ -4,9 +4,10 @@ declare const radioGroupVariants: (props?: ({
     disabled?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const radioGroupItemVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
     disabled?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/** The dot inside a checked radio: about half the radio's size. */
+declare const radioGroupDotClassName = "zui:size-[calc(var(--zui-scale,10px)*0.928)] zui:mobile:size-[calc(var(--zui-scale,10px)*1.26)]";
 declare const radioGroupIndicatorVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const radioGroupOptionVariants: (props?: ({
     direction?: "rtl" | "ltr" | null | undefined;
@@ -16,4 +17,4 @@ declare const radioGroupLabelVariants: (props?: ({
     disabled?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const radioGroupDescriptionVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export { radioGroupVariants, radioGroupItemVariants, radioGroupIndicatorVariants, radioGroupOptionVariants, radioGroupLabelVariants, radioGroupDescriptionVariants, };
+export { radioGroupVariants, radioGroupItemVariants, radioGroupIndicatorVariants, radioGroupDotClassName, radioGroupOptionVariants, radioGroupLabelVariants, radioGroupDescriptionVariants, };

package/dist/components/RadioGroup/RadioGroup.variant.d.ts

@@ -4,9 +4,10 @@ declare const radioGroupVariants: (props?: ({
     disabled?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const radioGroupItemVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
     disabled?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/** The dot inside a checked radio: about half the radio's size. */
+declare const radioGroupDotClassName = "zui:size-[calc(var(--zui-scale,10px)*0.928)] zui:mobile:size-[calc(var(--zui-scale,10px)*1.26)]";
 declare const radioGroupIndicatorVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const radioGroupOptionVariants: (props?: ({
     direction?: "rtl" | "ltr" | null | undefined;
@@ -16,4 +17,4 @@ declare const radioGroupLabelVariants: (props?: ({
     disabled?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const radioGroupDescriptionVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export { radioGroupVariants, radioGroupItemVariants, radioGroupIndicatorVariants, radioGroupOptionVariants, radioGroupLabelVariants, radioGroupDescriptionVariants, };
+export { radioGroupVariants, radioGroupItemVariants, radioGroupIndicatorVariants, radioGroupDotClassName, radioGroupOptionVariants, radioGroupLabelVariants, radioGroupDescriptionVariants, };

package/dist/components/RadioGroup/RadioGroup.variant.js

@@ -4,7 +4,7 @@ var t = e("zui:grid", {
 	variants: {
 		orientation: {
 			vertical: "zui:grid-cols-1",
-			horizontal: "zui:grid-cols-1 zui:sm:grid-cols-2"
+			horizontal: "zui:grid-cols-1 zui:desktop:grid-cols-2"
 		},
 		gap: {
 			sm: "zui:gap-2",
@@ -21,23 +21,13 @@ var t = e("zui:grid", {
 		gap: "default",
 		disabled: !1
 	}
-}), n = e("zui:group/radio zui:relative zui:inline-flex zui:size-[calc(var(--zui-scale,10px)*1.92)] zui:shrink-0 zui:items-center zui:justify-center zui-radius-full zui:border zui:border-[var(--zui-color-border)] zui:bg-[var(--zui-color-surface)] zui:text-[var(--zui-theme-action-primary)] zui:shadow-xs zui:cursor-pointer zui:outline-none zui:select-none zui:transition-all zui:duration-300 zui:ease-out zui:data-[state=checked]:border-[var(--zui-theme-action-primary)] zui:data-[state=checked]:bg-[var(--zui-color-surface)] zui:hover:-translate-y-0.5 zui:hover:border-[var(--zui-theme-action-primary-hover)] zui:hover:bg-[var(--zui-theme-control-hover-bg)] zui:hover:shadow-[0_8px_20px_-12px_var(--zui-effect-shadow-ink-35)] zui:active:translate-y-px zui:focus-visible:border-[var(--zui-theme-action-secondary)] zui:focus-visible:ring-[3px] zui:focus-visible:ring-[var(--zui-theme-action-secondary)] zui:aria-invalid:border-[var(--zui-theme-status-danger)] zui:aria-invalid:ring-[var(--zui-theme-status-danger)] zui:disabled:cursor-not-allowed zui:disabled:pointer-events-none zui:disabled:opacity-50", {
-	variants: {
-		size: {
-			sm: "zui:size-[calc(var(--zui-scale,10px)*1.68)]",
-			default: "zui:size-[calc(var(--zui-scale,10px)*1.92)]",
-			lg: "zui:size-6"
-		},
-		disabled: {
-			true: "zui:pointer-events-none zui:opacity-50",
-			false: ""
-		}
-	},
-	defaultVariants: {
-		size: "default",
-		disabled: !1
-	}
-}), r = e("zui:pointer-events-none zui:absolute zui:inset-0 zui:flex zui:items-center zui:justify-center zui:text-[var(--zui-theme-action-primary)] zui:data-[state=checked]:animate-in zui:data-[state=checked]:zoom-in-95 zui:data-[state=checked]:fade-in-0"), i = e("zui:inline-flex zui:w-full zui:items-start zui:justify-between zui:gap-2.5 zui-radius-md zui:border zui:border-[var(--zui-color-border)] zui:bg-[var(--zui-color-surface)] zui:px-3 zui:py-2.5 zui:transition-colors zui:duration-200 zui:has-[[data-state=checked]]:border-[var(--zui-theme-action-primary)]", {
+}), n = e("zui:group/radio zui:relative zui:inline-flex zui:size-[calc(var(--zui-scale,10px)*1.92)] zui:mobile:size-[calc(var(--zui-scale,10px)*2.6)] zui:mobile:after:absolute zui:mobile:after:inset-[calc(var(--zui-scale,10px)*-1)] zui:mobile:after:content-[''] zui:shrink-0 zui:items-center zui:justify-center zui-radius-full zui:border zui:border-[var(--zui-color-border)] zui:bg-[var(--zui-color-surface)] zui:text-[var(--zui-theme-action-primary)] zui:shadow-xs zui:cursor-pointer zui:outline-none zui:select-none zui:transition-all zui:duration-300 zui:ease-out zui:data-[state=checked]:border-[var(--zui-theme-action-primary)] zui:data-[state=checked]:bg-[var(--zui-color-surface)] zui:hover:-translate-y-0.5 zui:hover:border-[var(--zui-theme-action-primary-hover)] zui:hover:bg-[var(--zui-theme-control-hover-bg)] zui:hover:shadow-[0_8px_20px_-12px_var(--zui-effect-shadow-ink-35)] zui:active:translate-y-px zui:focus-visible:border-[var(--zui-theme-action-secondary)] zui:focus-visible:ring-[3px] zui:focus-visible:ring-[var(--zui-theme-action-secondary)] zui:aria-invalid:border-[var(--zui-theme-status-danger)] zui:aria-invalid:ring-[var(--zui-theme-status-danger)] zui:disabled:cursor-not-allowed zui:disabled:pointer-events-none zui:disabled:opacity-50", {
+	variants: { disabled: {
+		true: "zui:pointer-events-none zui:opacity-50",
+		false: ""
+	} },
+	defaultVariants: { disabled: !1 }
+}), r = "zui:size-[calc(var(--zui-scale,10px)*0.928)] zui:mobile:size-[calc(var(--zui-scale,10px)*1.26)]", i = e("zui:pointer-events-none zui:absolute zui:inset-0 zui:flex zui:items-center zui:justify-center zui:text-[var(--zui-theme-action-primary)] zui:data-[state=checked]:animate-in zui:data-[state=checked]:zoom-in-95 zui:data-[state=checked]:fade-in-0"), a = e("zui:inline-flex zui:w-full zui:items-start zui:mobile:items-center zui:justify-between zui:gap-2.5 zui:rounded-[calc(var(--zui-radius-xs)+calc(var(--zui-scale,10px)*0.4))] zui:mobile:rounded-[var(--zui-radius-xs)] zui:border zui:mobile:border-[max(1px,calc(var(--zui-scale,10px)*0.15))] zui:border-[var(--zui-color-border)] zui:bg-[var(--zui-color-surface)] zui:px-3 zui:py-2.5 zui:mobile:min-h-[calc(var(--zui-scale,10px)*5.184)] zui:mobile:py-2 zui:transition-colors zui:duration-200 zui:has-[[data-state=checked]]:border-[var(--zui-theme-action-primary)]", {
 	variants: {
 		direction: {
 			rtl: "zui:flex-row-reverse zui:text-right",
@@ -52,12 +42,12 @@ var t = e("zui:grid", {
 		direction: "rtl",
 		disabled: !1
 	}
-}), a = e("zui:text-sm zui:font-medium zui:leading-5 zui:text-[var(--zui-color-text)]", {
+}), o = e("zui:block zui:text-sm zui:mobile:text-base zui:font-medium zui:leading-5 zui:mobile:leading-6 zui:text-[var(--zui-color-text)]", {
 	variants: { disabled: {
 		true: "zui:text-[var(--zui-theme-text-muted)]",
 		false: ""
 	} },
 	defaultVariants: { disabled: !1 }
-}), o = e("zui:mt-0.5 zui:text-xs zui:text-[var(--zui-color-text)]");
+}), s = e("zui:mt-0.5 zui:block zui:text-xs zui:mobile:text-sm zui:text-[var(--zui-color-text)]");
 //#endregion
-export { o as radioGroupDescriptionVariants, r as radioGroupIndicatorVariants, n as radioGroupItemVariants, a as radioGroupLabelVariants, i as radioGroupOptionVariants, t as radioGroupVariants };
+export { s as radioGroupDescriptionVariants, r as radioGroupDotClassName, i as radioGroupIndicatorVariants, n as radioGroupItemVariants, o as radioGroupLabelVariants, a as radioGroupOptionVariants, t as radioGroupVariants };

package/dist/components/Select/Select.cjs

@@ -1 +1 @@
-"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../config/useZuiConfig.cjs`),n=require(`../../services/convertToEnglishDigits/convertToEnglishDigits.cjs`),r=require(`../../services/localizeDigits/localizeDigits.cjs`),i=require(`../../lib/utils.cjs`),a=require(`../shared/FieldLabel.cjs`),o=require(`../shared/useInvalidState.cjs`),s=require(`../shared/IconActionButton.cjs`),c=require(`../shared/useControllableState.cjs`),ee=require(`../shared/useIsomorphicLayoutEffect.cjs`),l=require(`../shared/FieldClearButton.cjs`),u=require(`../shared/RequiredValidationInput.cjs`),d=require(`../Skeleton/Skeleton.cjs`),f=require(`./Select.variant.cjs`);let p=require(`react`);p=e.__toESM(p,1);let m=require(`react/jsx-runtime`),h=require(`lucide-react`),g=require(`@radix-ui/react-popover`);g=e.__toESM(g,1);var _=1,v=20,y=350,te=48,b=3,x=`zui:size-[calc(var(--zui-scale,10px)*1.92)]`,ne=p.createContext(null);function re(e,t){return`${e}-option-${t}`}function ie(e){return typeof e==`string`&&e.length>0}function S(e){if(!Array.isArray(e))return[];let t=new Set;return e.forEach(e=>{typeof e==`string`&&e.trim().length>0&&t.add(e.trim())}),Array.from(t)}function C(e,t){return`${t??``}\u0000${e}`}function ae(e){if(!Array.isArray(e))return[];let t=[],n=new Set;return e.forEach(e=>{if(!e||typeof e!=`object`)return;let r=e,i=typeof r.value==`string`?r.value.trim():``,a=typeof r.group==`string`&&r.group.trim().length>0?r.group.trim():void 0,o=C(i,a);if(i.length===0||n.has(o))return;let s=typeof r.label==`string`&&r.label.trim().length>0?r.label.trim():i;n.add(o),t.push({value:i,label:s,disabled:r.disabled===!0,group:a})}),t}function oe(e,t){if(t.length===0)return e;let n=new Map;return e.forEach(e=>{n.set(C(e.value,e.group),e)}),t.forEach(e=>{n.set(C(e.value,e.group),e)}),Array.from(n.values())}function se(e){let t=[],n=new Map;return e.forEach(e=>{if(e.group===void 0){t.push(e);return}let r=n.get(e.group);if(r){r.push(e);return}let i=[e];n.set(e.group,i),t.push(i)}),t.flat()}function w(e,t){return n.convertToEnglishDigits({value:(e.length>0?e:t).toLocaleLowerCase()})}function ce(e){return{value:e.value,label:e.label,searchText:w(e.label.trim(),e.value),disabled:e.disabled===!0,group:e.group}}function T(e){if(typeof e!=`number`||!Number.isFinite(e))return v;let t=Math.floor(e);return t>0?t:v}function le(e,t,n,r){return typeof e.hasMore==`boolean`?e.hasMore:typeof e.totalItems==`number`&&Number.isFinite(e.totalItems)?t<Math.max(0,Math.floor(e.totalItems)):typeof e.nextPage==`number`?Number.isFinite(e.nextPage)&&e.nextPage>0:n>=r}function ue(e,t){return typeof e.nextPage==`number`&&Number.isFinite(e.nextPage)&&e.nextPage>t?Math.floor(e.nextPage):t+1}function de(e,t){return e instanceof Error&&e.message.trim().length>0?e.message:t}function fe(){return(0,m.jsx)(`div`,{"data-slot":`select-loading`,className:`zui:space-y-1 zui:px-2 zui:py-2`,children:Array.from({length:b},(e,t)=>(0,m.jsx)(d.default,{className:i.cn(`zui:h-5 zui:max-w-full`,t===0?`zui:w-[88%]`:t===1?`zui:w-[72%]`:`zui:w-[80%]`)},`select-loading-${t}`))})}function E(e,t){return typeof e==`string`?r.localizeDigits(e,t):typeof e==`number`?r.localizeDigits(String(e),t):Array.isArray(e)?e.map((e,n)=>(0,m.jsx)(p.Fragment,{children:E(e,t)},n)):p.isValidElement(e)?!(`children`in e.props)||e.props.children===void 0?e:p.cloneElement(e,void 0,E(e.props.children,t)):e}function D(e){return typeof e==`string`||typeof e==`number`?String(e):Array.isArray(e)?e.map(D).join(` `):p.isValidElement(e)?D(e.props.children):``}function O(e){return null}function k(e){return null}function A(e){return null}function j(){return null}function pe(e){let t=[],n=new Set,r=!1,i=(e,a)=>{p.Children.forEach(e,e=>{if(p.isValidElement(e)){if(e.type===j){r=t.length>0;return}if(e.type===O){let i=e.props,o=typeof i.value==`string`?i.value.trim():``,s=C(o,a);if(o.length===0||n.has(s))return;n.add(s),t.push({value:o,label:i.children,searchText:w(D(i.children).trim(),o),disabled:i.disabled===!0,group:a,separatorBefore:r,className:i.className}),r=!1;return}if(e.type===k){let t=e.props.children,n;p.Children.forEach(t,e=>{if(p.isValidElement(e)&&e.type===A){let t=D(e.props.children).trim();n=t.length>0?t:void 0}}),i(t,n??a);return}`children`in e.props&&i(e.props.children,a)}})};return i(e),t}function M(e){let{messages:n,dir:r}=t.useZuiConfig(),{type:s=`single`,title:ee,required:l=!1,showRequiredMessage:d=!1,placeholder:f,options:h,remoteOptions:_,isSearch:v=!1,size:y=`default`,disabled:te=!1,disable:b=!1,onInvalid:x,onOpenChange:re,open:C,defaultOpen:oe,id:se,name:w,form:ce,children:T,selectAllLabel:le,selectedCountLabel:ue,multiValueSubmitFormat:de=`separate`,onValueChange:fe,onChange:E}=e,D=p.useCallback(e=>{fe?.(e),E?.(e)},[E,fe]),O=p.useId(),k=se??O,A=`${k}-listbox`,j=te||b,M=s===`multi`,F=p.useRef(null),he=p.useRef(null),I=p.useRef(null),L=p.useCallback(e=>{I.current?.(e)},[]),R=p.useCallback(e=>{I.current=e},[]),[ge,_e]=p.useState(``),[ve,z]=p.useState(-1),{isInvalid:ye,setIsInvalid:B,handleInvalid:be}=o.useInvalidState(x),[V,H,xe]=c.useControllableState({value:!M&&typeof e.value==`string`?e.value:void 0,defaultValue:!M&&typeof e.defaultValue==`string`?e.defaultValue:void 0}),U=M&&Array.isArray(e.value)?e.value:void 0,[W,Se]=c.useControllableState({value:p.useMemo(()=>U?S(U):void 0,[U]),defaultValue:()=>S(e.defaultValue)}),[G,Ce]=c.useControllableState({value:C,defaultValue:!!oe,onChange:re}),we=p.useMemo(()=>ae(h),[h]),Te=p.useMemo(()=>pe(T),[T]),Ee=v?ge:``,K=M?W.length>0:ie(V),De=ye&&!K,[q,Oe]=p.useState(()=>({isOpen:G,values:S(e.defaultValue)}));if(q.isOpen!==G){let e=M?W:ie(V)?[V]:[];Oe({isOpen:G,values:G?e:q.values}),z(-1),G||_e(``)}let ke=p.useMemo(()=>!M||W.length===0?``:typeof ue==`function`?ue(W.length):n.select.selectedCount(String(W.length)),[M,n,W.length,ue]),Ae=p.useCallback(e=>{_e(e),z(-1)},[]),J=p.useCallback(e=>{H(e),B(!1),D(e)},[D,B,H]),je=p.useCallback(()=>{M||(H(xe?``:void 0),D(``))},[D,M,xe,H]),Y=p.useCallback(e=>{let t=S(e);Se(t),B(!1),D(t)},[D,B,Se]),X=p.Children.toArray(T),Me=X.some(e=>p.isValidElement(e)&&e.type===P),Ne=_?.enabled!==!1&&_,Z=!Me&&(we.length>0||Ne)?[...X,(0,m.jsx)(P,{},`select-generated-content`)]:T,Q=p.Children.toArray(Z).some(e=>p.isValidElement(e)&&e.type===N),$=p.Children.map(Z,e=>{if(!p.isValidElement(e))return e;if(e.type===N){let t=e.props;return p.cloneElement(e,{id:t.id??k,size:t.size??y,disabled:t.disabled??j,className:i.cn(`zui:text-start`,t.className)})}if(e.type===P){let t=e.props;return p.cloneElement(e,{className:i.cn(`zui:text-start`,t.className)})}return e}),Pe=p.useMemo(()=>({listboxId:A,isSearch:v,searchTerm:Ee,setSearchTerm:Ae,hasValue:K,isInvalid:De,selectType:s,isOpen:G,setOpen:Ce,isDisabled:j,activeIndex:ve,setActiveIndex:z,singleSelectedValue:V,setSingleSelectedValue:J,clearSingleSelection:je,multiSelectedValues:W,pinnedSelectedValues:q.values,setMultiSelectedValues:Y,multiSelectAllLabel:le??n.select.selectAll,multiSelectedCountText:ke,options:we,childOptions:Te,remoteOptions:_,contentRef:he,fieldRootRef:F,onListKeyDown:L,registerListKeyDown:R}),[ve,Te,je,Y,J,K,j,v,De,A,n,ke,we,L,q.values,R,_,W,G,V,Ee,le,s,Ce,Ae]);return(0,m.jsxs)(`div`,{ref:F,"data-slot":`select-field`,dir:r,className:`zui:relative zui:w-full zui:space-y-1.5 zui:text-start`,children:[(0,m.jsx)(a.FieldLabel,{title:ee,htmlFor:k,required:l,showRequiredMessage:d}),(0,m.jsxs)(ne.Provider,{value:Pe,children:[(0,m.jsx)(g.Root,{open:G,onOpenChange:Ce,children:(0,m.jsx)(g.Anchor,{asChild:!0,children:(0,m.jsxs)(`div`,{"data-slot":`select`,dir:r,className:`zui:relative`,children:[Q?$:(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(N,{id:k,size:y,children:(0,m.jsx)(me,{placeholder:f})}),$]}),w?M&&de===`separate`?W.map(e=>(0,m.jsx)(`input`,{type:`hidden`,name:w,form:ce,value:e},e)):(0,m.jsx)(`input`,{type:`hidden`,name:w,form:ce,value:M?W.join(`,`):V??``}):null]})})}),l?(0,m.jsx)(u.default,{hasValue:K,form:ce,disabled:j,onInvalid:be}):null]})]})}var N=p.forwardRef(function({className:e,size:n=`default`,children:r,onClick:a,onKeyDown:o,disabled:s,...c},ee){let u=p.useContext(ne),{messages:d,dir:g}=t.useZuiConfig(),_=u?.hasValue??!1,v=u?.isInvalid??!1,y=u?.isOpen??!1,te=u?.selectType===`multi`,b=s||(u?.isDisabled??!1),x=u?.activeIndex??-1,ie=!te&&_&&!b&&!!u;return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)(`button`,{ref:ee,type:`button`,"data-slot":`select-trigger`,"data-has-value":_,"data-state":y?`open`:`closed`,dir:g,"aria-expanded":y,"aria-haspopup":`listbox`,"aria-controls":y&&u?u.listboxId:void 0,"aria-activedescendant":y&&u&&x>=0?re(u.listboxId,x):void 0,"aria-invalid":v||void 0,disabled:b,className:i.cn(f.selectTriggerVariants({size:n,className:e}),`zui:text-start`),onClick:e=>{a?.(e),!(e.defaultPrevented||b||!u)&&u.setOpen(!y)},onKeyDown:e=>{o?.(e),e.defaultPrevented||u?.onListKeyDown(e)},...c,children:[r,ie?(0,m.jsx)(l.FieldClearButtonSlot,{}):null,(0,m.jsx)(h.ChevronDown,{className:i.cn(`zui:size-4 zui:shrink-0 zui:text-[var(--zui-color-text)] zui:transition-transform zui:duration-200`,y?`zui:rotate-180`:`zui:rotate-0`)})]}),ie?(0,m.jsx)(l.FieldClearButton,{"data-slot":`select-clear-button`,label:d.select.clearSelection,onClear:()=>u?.clearSingleSelection()}):null]})});function me({className:e,placeholder:n,children:r,...a}){let o=p.useContext(ne),{digits:s}=t.useZuiConfig();if(o?.selectType===`multi`){let t=r??(o.hasValue?o.multiSelectedCountText:n);return(0,m.jsx)(`span`,{"data-slot":`select-value`,"data-placeholder":o.hasValue?void 0:!0,className:i.cn(`zui:block zui:max-w-full zui:truncate zui:text-start zui:text-[var(--zui-color-text)]`,!o.hasValue&&`zui:text-[var(--zui-theme-text-muted)]`,e),...a,children:E(t,s)})}let c=o?.options.find(e=>e.value===o.singleSelectedValue)??o?.childOptions.find(e=>e.value===o.singleSelectedValue);return c?(0,m.jsx)(`span`,{"data-slot":`select-value`,className:i.cn(`zui:block zui:min-w-0 zui:flex-1 zui:truncate zui:text-start zui:text-[var(--zui-color-text)]`,e),...a,children:E(r??c.label,s)}):(0,m.jsx)(`span`,{"data-slot":`select-value`,"data-placeholder":``,className:i.cn(`zui:block zui:min-w-0 zui:flex-1 zui:truncate zui:text-start zui:text-[var(--zui-theme-text-muted)]`,e),...a,children:n})}var P=p.forwardRef(function({className:e,children:a},o){let c=p.useContext(ne),{messages:l,digits:u,dir:d}=t.useZuiConfig(),v=c?.selectType===`multi`,b=c?.isSearch??!1,S=c?.searchTerm??``,w=c?.isOpen??!1,D=c?.activeIndex??-1,O=c?.listboxId??``,k=p.useRef(null),A=p.useRef(null),j=p.useRef(null),M=c?.singleSelectedValue,N=c?.multiSelectedValues,me=c?.pinnedSelectedValues,P=c?.options,F=p.useMemo(()=>v?N??[]:ie(M)?[M]:[],[v,N,M]),he=p.useMemo(()=>me??[],[me]),I=p.useMemo(()=>P??[],[P]),L=c?.remoteOptions,R=typeof L?.loadOptions==`function`&&L.enabled!==!1,ge=T(L?.pageSize),_e=L?.cacheKey,ve=L?.loadOptions,z=p.useRef(ve);ee.useIsomorphicLayoutEffect(()=>{z.current=ve});let ye=p.useRef(null),B=p.useRef(null),be=p.useRef([]),V=p.useRef(0),H=p.useRef(!1),[xe,U]=p.useState([]),[W,Se]=p.useState(``),G=R?W:``,[Ce,we]=p.useState(_),[Te,Ee]=p.useState(!0),[K,De]=p.useState(!1),[q,Oe]=p.useState(null),ke=p.useMemo(()=>new Set(F),[F]),Ae=p.useMemo(()=>new Set(he),[he]),J=p.useCallback(async(e,t,n)=>{let r=z.current;if(!R||!r||t===`append`&&H.current)return;let i=V.current+1;V.current=i,H.current=!0,t===`replace`&&(be.current=[],U([]),we(_),Ee(!0)),De(!0),Oe(null);try{let a=await r({page:e,pageSize:ge,search:n});if(i!==V.current)return;let o=ae(a.options),s=t===`append`?oe(be.current,o):o;be.current=s,U(s),we(ue(a,e)),Ee(le(a,s.length,o.length,ge))}catch(e){i===V.current&&(Oe(de(e,l.select.loadError)),Ee(!1))}finally{i===V.current&&(H.current=!1,De(!1))}},[R,l.select.loadError,ge]);p.useEffect(()=>{if(!R)return;let e=window.setTimeout(()=>{Se(S.trim())},y);return()=>window.clearTimeout(e)},[R,S]),p.useEffect(()=>{!R||!w||J(_,`replace`,G)},[w,R,J,_e,G]);let je=p.useMemo(()=>R?oe(G.length===0?I:[],xe):I,[I,R,xe,G.length]),Y=p.useMemo(()=>je.length>0||R?se(je).map(ce):pe(a),[a,je,R]),X=R&&w&&Te&&!K&&q===null,Me=p.useCallback(()=>{X&&J(Ce,`append`,G)},[X,J,Ce,G]),Ne=p.useCallback(e=>{if(!X)return;let t=e.currentTarget;t.scrollHeight-t.scrollTop-t.clientHeight<=te&&Me()},[X,Me]);p.useEffect(()=>{if(!X||typeof window>`u`||!(`IntersectionObserver`in window))return;let e=B.current,t=ye.current;if(!e||!t)return;let n=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&Me()},{root:t});return n.observe(e),()=>n.disconnect()},[X,Me]);let Z=p.useMemo(()=>{if(!b||R)return Y;let e=S.trim().toLocaleLowerCase();return e.length===0?Y:Y.filter(t=>t.searchText.includes(e))},[Y,R,b,S]),Q=p.useMemo(()=>{if(Z.some(e=>e.group!==void 0))return Z;let e=[],t=[];return Z.forEach(n=>{Ae.has(n.value)?e.push(n):t.push(n)}),[...e,...t]},[Z,Ae]),$=p.useMemo(()=>Array.from(new Set(Y.filter(e=>!e.disabled).map(e=>e.value))),[Y]),Pe=$.length>0&&$.every(e=>ke.has(e));p.useEffect(()=>{if(!b||!w)return;let e=requestAnimationFrame(()=>{k.current?.focus(),k.current?.select()});return()=>cancelAnimationFrame(e)},[w,b]),p.useEffect(()=>{A.current?.scrollIntoView({block:`nearest`})},[D]);let Fe=p.useCallback(e=>{let t=e.target,i=t.selectionStart,a=t.selectionEnd,o=n.convertToEnglishDigits({value:t.value});t.value=o,i!==null&&t.setSelectionRange(i,a??i),c?.setSearchTerm(o),t.value=r.localizeDigits(o,u),i!==null&&t.setSelectionRange(i,a??i)},[u,c]),Ie=p.useCallback(e=>{if(c){if(v){let t=new Set(F);t.has(e)?t.delete(e):t.add(e),c.setMultiSelectedValues(Array.from(t));return}c.setSingleSelectedValue(e),c.setOpen(!1)}},[v,c,F]),Le=p.useCallback((e,t,n)=>{e.preventDefault(),!n&&(j.current=t,Ie(t))},[Ie]),Re=p.useCallback((e,t)=>{if(!t){if(j.current===e){j.current=null;return}Ie(e)}},[Ie]),ze=p.useCallback(()=>{v&&c&&c.setMultiSelectedValues(Pe?[]:$)},[Pe,v,c,$]),Be=c?.isDisabled??!1,Ve=e=>{if(!w||!c)return;let t=c.fieldRootRef.current?.querySelector(`[data-slot="select-trigger"]`),n=e=>{let t=Q[e];return!!t&&!t.disabled&&!Be},r=(e,t)=>{let r=Q.length;for(let i=1;i<=r;i+=1){let a=((e+t*i)%r+r)%r;if(n(a))return a}return-1};if(e.key===`ArrowDown`||e.key===`ArrowUp`){if(e.preventDefault(),e.stopPropagation(),Q.length===0)return;let t=r(D>=0?D:e.key===`ArrowDown`?-1:0,e.key===`ArrowDown`?1:-1);t>=0&&c.setActiveIndex(t);return}if(e.key===`Enter`&&n(D)){e.preventDefault(),e.stopPropagation(),Ie(Q[D].value),v||t?.focus();return}e.key===`Tab`&&(e.target===k.current&&t?.focus(),c.setOpen(!1))},He=c?.registerListKeyDown;if(ee.useIsomorphicLayoutEffect(()=>{He?.(Ve)}),!c)return null;let Ue=Q.length>0,We=c.isDisabled||F.length===0,Ge=c.isDisabled||$.length===0||Pe;return(0,m.jsx)(g.Portal,{children:(0,m.jsx)(g.Content,{ref:i.mergeRefs(o,c.contentRef),"data-slot":`select-content`,dir:d,side:`bottom`,align:`start`,sideOffset:6,collisionPadding:8,onOpenAutoFocus:e=>e.preventDefault(),onCloseAutoFocus:e=>e.preventDefault(),onInteractOutside:e=>{c.fieldRootRef.current?.contains(e.target)&&e.preventDefault()},className:i.cn(f.selectContentVariants(),e),children:(0,m.jsxs)(`div`,{ref:ye,"data-slot":`select-viewport`,className:i.cn(f.selectViewportVariants({hasSearch:b}),`zui:max-h-72 zui:overflow-y-auto`),onScroll:Ne,children:[b?(0,m.jsx)(`div`,{"data-slot":`select-search`,className:f.selectSearchBarClassName,children:(0,m.jsxs)(`div`,{dir:d,className:`zui:flex zui:items-center zui:gap-1`,children:[(0,m.jsxs)(`div`,{className:`zui:relative zui:flex-1`,children:[(0,m.jsx)(h.Search,{className:`zui:pointer-events-none zui:absolute zui:start-3 zui:top-1/2 zui:size-4 zui:-translate-y-1/2 zui:text-[var(--zui-theme-text-muted)]`,"aria-hidden":`true`}),(0,m.jsx)(`input`,{ref:k,type:`text`,dir:d,role:`combobox`,"aria-expanded":w,"aria-controls":O,"aria-autocomplete":`list`,"aria-activedescendant":D>=0?re(O,D):void 0,"aria-label":l.common.searchPlaceholder,value:r.localizeDigits(S,u),placeholder:l.common.searchPlaceholder,"data-slot":`select-search-input`,className:i.cn(f.selectSearchInputVariants(),`zui:ps-9`),onChange:Fe,onKeyDown:e=>{e.stopPropagation(),Ve(e)},onPointerDown:e=>e.stopPropagation()})]}),(0,m.jsx)(s.IconActionButton,{label:l.select.clearAll,icon:(0,m.jsx)(h.X,{className:`zui:size-4 zui:text-[var(--zui-color-text)]`,"aria-hidden":`true`}),className:f.selectActionButtonClassName,disabled:We,onPointerDown:e=>e.stopPropagation(),onClick:()=>v?c.setMultiSelectedValues([]):c.clearSingleSelection()}),v?(0,m.jsx)(s.IconActionButton,{label:c.multiSelectAllLabel,icon:(0,m.jsx)(h.CheckCheck,{className:i.cn(x,`zui:text-[var(--zui-color-text)]`),"aria-hidden":`true`}),className:f.selectActionButtonClassName,disabled:Ge,onPointerDown:e=>e.stopPropagation(),onClick:ze}):null]})}):null,(0,m.jsx)(`div`,{id:O,role:`listbox`,"aria-multiselectable":v||void 0,"data-slot":`select-listbox`,children:Q.map((e,t)=>{let n=ke.has(e.value),r=c.isDisabled||e.disabled,a=e.group!==void 0&&e.group!==Q[t-1]?.group,o=e.separatorBefore===!0&&t>0;return(0,m.jsxs)(p.Fragment,{children:[o?(0,m.jsx)(`div`,{role:`separator`,"data-slot":`select-separator`,className:f.selectSeparatorVariants()}):null,a?(0,m.jsx)(`div`,{role:`presentation`,"data-slot":`select-group-label`,className:i.cn(f.selectLabelVariants(),t>0&&`zui:pt-4`),children:E(e.group,u)}):null,(0,m.jsxs)(`button`,{type:`button`,id:re(O,t),"data-slot":`select-item`,role:`option`,"aria-selected":n,"aria-disabled":r||void 0,"data-active":t===D||void 0,ref:t===D?A:void 0,tabIndex:-1,onMouseMove:()=>{!r&&t!==D&&c.setActiveIndex(t)},dir:d,className:i.cn(f.selectOptionVariants(),e.group!==void 0&&`zui:ms-2 zui:w-[calc(100%-var(--zui-spacing)*2)] zui:border-s zui:border-s-[var(--zui-color-border)]`,b&&`zui:scroll-mt-16`,t===Q.length-1&&`zui:border-b-0`,e.className),disabled:r,onPointerDown:t=>Le(t,e.value,r),onClick:()=>Re(e.value,r),children:[(0,m.jsx)(`span`,{className:`zui:line-clamp-2 zui:min-w-0 zui:flex-1 zui:break-words zui:text-start`,children:E(e.label,u)}),(0,m.jsx)(`span`,{"aria-hidden":`true`,className:`zui:flex zui:shrink-0 zui:items-center zui:justify-center zui:text-[var(--zui-theme-action-primary)]`,children:(0,m.jsx)(h.Check,{className:i.cn(x,!n&&`zui:opacity-0`)})})]})]},C(e.value,e.group))})}),!Ue&&!K?(0,m.jsx)(`p`,{"data-slot":`select-empty`,className:`zui:px-2 zui:py-2 zui:text-xs zui:text-[var(--zui-color-text)]`,children:l.select.noResults}):null,K?(0,m.jsx)(fe,{}):null,q?(0,m.jsx)(`p`,{"data-slot":`select-error`,className:`zui:px-2 zui:py-2 zui:text-xs zui:text-[var(--zui-theme-status-danger)]`,children:q}):null,X?(0,m.jsx)(`div`,{ref:B,"data-slot":`select-infinite-scroll-sentinel`,"aria-hidden":`true`,className:`zui:h-px zui:w-full`}):null]})})})});exports.SelectContent=P,exports.SelectGroup=k,exports.SelectItem=O,exports.SelectLabel=A,exports.SelectSeparator=j,exports.SelectTrigger=N,exports.SelectValue=me,exports.default=M;
+"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs`),t=require(`../../config/useZuiConfig.cjs`),n=require(`../../services/convertToEnglishDigits/convertToEnglishDigits.cjs`),r=require(`../../services/localizeDigits/localizeDigits.cjs`),i=require(`../../lib/utils.cjs`),a=require(`../Button/Button.cjs`),o=require(`../Dialog/Dialog.cjs`),s=require(`../shared/FieldClearButton.cjs`),c=require(`../shared/FieldLabel.cjs`),l=require(`../shared/useInvalidState.cjs`),u=require(`../Input/Input.cjs`),d=require(`../shared/IconActionButton.cjs`),f=require(`../shared/useControllableState.cjs`),p=require(`../shared/viewport.cjs`),ee=require(`../shared/useIsomorphicLayoutEffect.cjs`),m=require(`../shared/RequiredValidationInput.cjs`),h=require(`../Skeleton/Skeleton.cjs`),g=require(`../Tabs/Tabs.cjs`),_=require(`./Select.variant.cjs`);let v=require(`react`);v=e.__toESM(v,1);let y=require(`react/jsx-runtime`),b=require(`lucide-react`),x=require(`@radix-ui/react-popover`);x=e.__toESM(x,1);var te=`__zui-ungrouped__`,ne=40,re=24,ie=.3,ae=1,S=20,oe=350,se=48,C=3,ce=`zui:size-[calc(var(--zui-scale,10px)*1.92)]`,le=v.createContext(null);function ue(e,t){return`${e}-option-${t}`}function de(e){return typeof e==`string`&&e.length>0}function w(e){if(!Array.isArray(e))return[];let t=new Set;return e.forEach(e=>{typeof e==`string`&&e.trim().length>0&&t.add(e.trim())}),Array.from(t)}function T(e,t){return`${t??``}\u0000${e}`}function fe(e){if(!Array.isArray(e))return[];let t=[],n=new Set;return e.forEach(e=>{if(!e||typeof e!=`object`)return;let r=e,i=typeof r.value==`string`?r.value.trim():``,a=typeof r.group==`string`&&r.group.trim().length>0?r.group.trim():void 0,o=T(i,a);if(i.length===0||n.has(o))return;let s=typeof r.label==`string`&&r.label.trim().length>0?r.label.trim():i;n.add(o),t.push({value:i,label:s,disabled:r.disabled===!0,group:a})}),t}function pe(e,t){if(t.length===0)return e;let n=new Map;return e.forEach(e=>{n.set(T(e.value,e.group),e)}),t.forEach(e=>{n.set(T(e.value,e.group),e)}),Array.from(n.values())}function E(e){let t=[],n=new Map;return e.forEach(e=>{if(e.group===void 0){t.push(e);return}let r=n.get(e.group);if(r){r.push(e);return}let i=[e];n.set(e.group,i),t.push(i)}),t.flat()}function D(e,t){return n.convertToEnglishDigits({value:(e.length>0?e:t).toLocaleLowerCase()})}function me(e){return{value:e.value,label:e.label,searchText:D(e.label.trim(),e.value),disabled:e.disabled===!0,group:e.group}}function he(e){if(typeof e!=`number`||!Number.isFinite(e))return S;let t=Math.floor(e);return t>0?t:S}function ge(e,t,n,r){return typeof e.hasMore==`boolean`?e.hasMore:typeof e.totalItems==`number`&&Number.isFinite(e.totalItems)?t<Math.max(0,Math.floor(e.totalItems)):typeof e.nextPage==`number`?Number.isFinite(e.nextPage)&&e.nextPage>0:n>=r}function O(e,t){return typeof e.nextPage==`number`&&Number.isFinite(e.nextPage)&&e.nextPage>t?Math.floor(e.nextPage):t+1}function _e(e,t){return e instanceof Error&&e.message.trim().length>0?e.message:t}function ve(){return(0,y.jsx)(`div`,{"data-slot":`select-loading`,className:`zui:space-y-1 zui:px-2 zui:py-2`,children:Array.from({length:C},(e,t)=>(0,y.jsx)(h.default,{className:i.cn(`zui:h-5 zui:max-w-full`,t===0?`zui:w-[88%]`:t===1?`zui:w-[72%]`:`zui:w-[80%]`)},`select-loading-${t}`))})}function k(e,t){return typeof e==`string`?r.localizeDigits(e,t):typeof e==`number`?r.localizeDigits(String(e),t):Array.isArray(e)?e.map((e,n)=>(0,y.jsx)(v.Fragment,{children:k(e,t)},n)):v.isValidElement(e)?!(`children`in e.props)||e.props.children===void 0?e:v.cloneElement(e,void 0,k(e.props.children,t)):e}function A(e){return typeof e==`string`||typeof e==`number`?String(e):Array.isArray(e)?e.map(A).join(` `):v.isValidElement(e)?A(e.props.children):``}function j(e){return null}function M(e){return null}function N(e){return null}function P(){return null}function ye(e){let t=[],n=new Set,r=!1,i=(e,a)=>{v.Children.forEach(e,e=>{if(v.isValidElement(e)){if(e.type===P){r=t.length>0;return}if(e.type===j){let i=e.props,o=typeof i.value==`string`?i.value.trim():``,s=T(o,a);if(o.length===0||n.has(s))return;n.add(s),t.push({value:o,label:i.children,searchText:D(A(i.children).trim(),o),disabled:i.disabled===!0,group:a,separatorBefore:r,className:i.className}),r=!1;return}if(e.type===M){let t=e.props.children,n;v.Children.forEach(t,e=>{if(v.isValidElement(e)&&e.type===N){let t=A(e.props.children).trim();n=t.length>0?t:void 0}}),i(t,n??a);return}`children`in e.props&&i(e.props.children,a)}})};return i(e),t}function F(e){let{messages:n,dir:r}=t.useZuiConfig(),{type:a=`single`,title:o,required:s=!1,showRequiredMessage:u=!1,placeholder:d,options:ee,remoteOptions:h,isSearch:g=!1,disabled:_=!1,disable:b=!1,onInvalid:te,onOpenChange:ne,open:re,defaultOpen:ie,id:ae,name:S,form:oe,children:se,selectAllLabel:C,selectedCountLabel:ce,multiValueSubmitFormat:ue=`separate`,onValueChange:T,onChange:pe}=e,E=v.useCallback(e=>{T?.(e),pe?.(e)},[pe,T]),D=v.useId(),me=ae??D,he=`${me}-listbox`,ge=_||b,O=a===`multi`,_e=v.useRef(null),ve=v.useRef(null),k=v.useRef(null),A=v.useCallback(e=>{k.current?.(e)},[]),j=v.useCallback(e=>{k.current=e},[]),[M,N]=v.useState(``),[P,F]=v.useState(-1),{isInvalid:be,setIsInvalid:z,handleInvalid:B}=l.useInvalidState(te),[V,xe,Se]=f.useControllableState({value:!O&&typeof e.value==`string`?e.value:void 0,defaultValue:!O&&typeof e.defaultValue==`string`?e.defaultValue:void 0}),Ce=O&&Array.isArray(e.value)?e.value:void 0,[H,we]=f.useControllableState({value:v.useMemo(()=>Ce?w(Ce):void 0,[Ce]),defaultValue:()=>w(e.defaultValue)}),[U,W]=f.useControllableState({value:re,defaultValue:!!ie,onChange:ne}),[Te,Ee]=v.useState(null),De=v.useCallback(e=>{Ee(e?p.isMobileViewport():null),W(e)},[W]),Oe=U&&(Te??p.isMobileViewport()),ke=v.useMemo(()=>fe(ee),[ee]),G=v.useMemo(()=>ye(se),[se]),Ae=g?M:``,K=O?H.length>0:de(V),je=be&&!K,[q,J]=v.useState(()=>({isOpen:U,values:w(e.defaultValue)}));if(q.isOpen!==U){let e=O?H:de(V)?[V]:[];J({isOpen:U,values:U?e:q.values}),F(-1),U||N(``)}let Me=v.useMemo(()=>!O||H.length===0?``:typeof ce==`function`?ce(H.length):n.select.selectedCount(String(H.length)),[O,n,H.length,ce]),Y=v.useCallback(e=>{N(e),F(-1)},[]),Ne=v.useCallback(e=>{xe(e),z(!1),E(e)},[E,z,xe]),Pe=v.useCallback(()=>{O||(xe(Se?``:void 0),E(``))},[E,O,Se,xe]),Fe=v.useCallback(e=>{let t=w(e);we(t),z(!1),E(t)},[E,z,we]),Ie=v.Children.toArray(se),Le=Ie.some(e=>v.isValidElement(e)&&e.type===R),X=h?.enabled!==!1&&h,Z=!Le&&(ke.length>0||X)?[...Ie,(0,y.jsx)(R,{},`select-generated-content`)]:se,Re=v.Children.toArray(Z).some(e=>v.isValidElement(e)&&e.type===I),ze=v.Children.map(Z,e=>{if(!v.isValidElement(e))return e;if(e.type===I){let t=e.props;return v.cloneElement(e,{id:t.id??me,disabled:t.disabled??ge,className:i.cn(`zui:text-start`,t.className)})}if(e.type===R){let t=e.props;return v.cloneElement(e,{className:i.cn(`zui:text-start`,t.className)})}return e}),Be=v.useMemo(()=>({listboxId:he,isSearch:g,searchTerm:Ae,setSearchTerm:Y,hasValue:K,isInvalid:je,selectType:a,isOpen:U,setOpen:De,isModal:Oe,modalLabel:o??d,isDisabled:ge,activeIndex:P,setActiveIndex:F,singleSelectedValue:V,setSingleSelectedValue:Ne,clearSingleSelection:Pe,multiSelectedValues:H,pinnedSelectedValues:q.values,setMultiSelectedValues:Fe,multiSelectAllLabel:C??n.select.selectAll,multiSelectedCountText:Me,options:ke,childOptions:G,remoteOptions:h,contentRef:ve,fieldRootRef:_e,onListKeyDown:A,registerListKeyDown:j}),[P,G,Pe,Fe,Ne,K,ge,g,Oe,je,he,n,d,o,Me,ke,A,q.values,j,h,H,U,V,Ae,C,a,De,Y]);return(0,y.jsxs)(`div`,{ref:_e,"data-slot":`select-field`,dir:r,className:`zui:relative zui:w-full zui:space-y-1.5 zui:text-start`,children:[(0,y.jsx)(c.FieldLabel,{title:o,htmlFor:me,required:s,showRequiredMessage:u}),(0,y.jsxs)(le.Provider,{value:Be,children:[(0,y.jsx)(x.Root,{open:U&&!Oe,onOpenChange:De,children:(0,y.jsx)(x.Anchor,{asChild:!0,children:(0,y.jsxs)(`div`,{"data-slot":`select`,dir:r,className:`zui:relative`,children:[Re?ze:(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(I,{id:me,children:(0,y.jsx)(L,{placeholder:d})}),ze]}),S?O&&ue===`separate`?H.map(e=>(0,y.jsx)(`input`,{type:`hidden`,name:S,form:oe,value:e},e)):(0,y.jsx)(`input`,{type:`hidden`,name:S,form:oe,value:O?H.join(`,`):V??``}):null]})})}),s?(0,y.jsx)(m.default,{hasValue:K,form:oe,disabled:ge,onInvalid:B}):null]})]})}var I=v.forwardRef(function({className:e,children:n,onClick:r,onKeyDown:a,disabled:o,...c},l){let u=v.useContext(le),{messages:d,dir:f}=t.useZuiConfig(),p=u?.hasValue??!1,ee=u?.isInvalid??!1,m=u?.isOpen??!1,h=u?.selectType===`multi`,g=o||(u?.isDisabled??!1),x=u?.activeIndex??-1,te=!h&&p&&!g&&!!u;return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)(`button`,{ref:l,type:`button`,"data-slot":`select-trigger`,"data-has-value":p,"data-state":m?`open`:`closed`,dir:f,"aria-expanded":m,"aria-haspopup":`listbox`,"aria-controls":m&&u?u.listboxId:void 0,"aria-activedescendant":m&&u&&x>=0?ue(u.listboxId,x):void 0,"aria-invalid":ee||void 0,disabled:g,className:i.cn(_.selectTriggerVariants({className:e}),`zui:text-start`),onClick:e=>{r?.(e),!(e.defaultPrevented||g||!u)&&u.setOpen(!m)},onKeyDown:e=>{a?.(e),e.defaultPrevented||u?.onListKeyDown(e)},...c,children:[n,te?(0,y.jsx)(s.FieldClearButtonSlot,{}):null,(0,y.jsx)(b.ChevronDown,{className:i.cn(s.CLEAR_ICON_CLASS,`zui:shrink-0 zui:text-[var(--zui-color-text)] zui:transition-transform zui:duration-200`,m?`zui:rotate-180`:`zui:rotate-0`)})]}),te?(0,y.jsx)(s.FieldClearButton,{"data-slot":`select-clear-button`,label:d.select.clearSelection,onClear:()=>u?.clearSingleSelection()}):null]})});function L({className:e,placeholder:n,children:r,...a}){let o=v.useContext(le),{digits:s}=t.useZuiConfig();if(o?.selectType===`multi`){let t=r??(o.hasValue?o.multiSelectedCountText:n);return(0,y.jsx)(`span`,{"data-slot":`select-value`,"data-placeholder":o.hasValue?void 0:!0,className:i.cn(`zui:block zui:max-w-full zui:truncate zui:text-start zui:text-[var(--zui-color-text)]`,!o.hasValue&&`zui:text-[var(--zui-theme-text-muted)] zui:mobile:text-sm`,e),...a,children:k(t,s)})}let c=o?.options.find(e=>e.value===o.singleSelectedValue)??o?.childOptions.find(e=>e.value===o.singleSelectedValue);return c?(0,y.jsx)(`span`,{"data-slot":`select-value`,className:i.cn(`zui:block zui:min-w-0 zui:flex-1 zui:truncate zui:text-start zui:text-[var(--zui-color-text)]`,e),...a,children:k(r??c.label,s)}):(0,y.jsx)(`span`,{"data-slot":`select-value`,"data-placeholder":``,className:i.cn(`zui:block zui:min-w-0 zui:flex-1 zui:truncate zui:text-start zui:text-[var(--zui-theme-text-muted)] zui:mobile:text-sm`,e),...a,children:n})}var R=v.forwardRef(function({className:e,children:r},s){let c=v.useContext(le),{messages:l,digits:f,dir:p}=t.useZuiConfig(),m=c?.selectType===`multi`,h=c?.isSearch??!1,S=c?.searchTerm??``,C=c?.isOpen??!1,w=c?.activeIndex??-1,D=c?.listboxId??``,A=v.useRef(null),j=v.useRef(null),M=v.useRef(null),N=c?.singleSelectedValue,P=c?.multiSelectedValues,F=c?.pinnedSelectedValues,I=c?.options,L=v.useMemo(()=>m?P??[]:de(N)?[N]:[],[m,P,N]),R=v.useMemo(()=>F??[],[F]),be=v.useMemo(()=>I??[],[I]),z=c?.remoteOptions,B=typeof z?.loadOptions==`function`&&z.enabled!==!1,V=he(z?.pageSize),xe=z?.cacheKey,Se=z?.loadOptions,Ce=v.useRef(Se);ee.useIsomorphicLayoutEffect(()=>{Ce.current=Se});let H=v.useRef(null),we=v.useRef(null),U=v.useRef([]),W=v.useRef(0),Te=v.useRef(!1),[Ee,De]=v.useState([]),[Oe,ke]=v.useState(``),G=B?Oe:``,[Ae,K]=v.useState(ae),[je,q]=v.useState(!0),[J,Me]=v.useState(!1),[Y,Ne]=v.useState(null),Pe=v.useMemo(()=>new Set(L),[L]),Fe=v.useMemo(()=>new Set(R),[R]),Ie=v.useCallback(async(e,t,n)=>{let r=Ce.current;if(!B||!r||t===`append`&&Te.current)return;let i=W.current+1;W.current=i,Te.current=!0,t===`replace`&&(U.current=[],De([]),K(ae),q(!0)),Me(!0),Ne(null);try{let a=await r({page:e,pageSize:V,search:n});if(i!==W.current)return;let o=fe(a.options),s=t===`append`?pe(U.current,o):o;U.current=s,De(s),K(O(a,e)),q(ge(a,s.length,o.length,V))}catch(e){i===W.current&&(Ne(_e(e,l.select.loadError)),q(!1))}finally{i===W.current&&(Te.current=!1,Me(!1))}},[B,l.select.loadError,V]);v.useEffect(()=>{if(!B)return;let e=window.setTimeout(()=>{ke(S.trim())},oe);return()=>window.clearTimeout(e)},[B,S]),v.useEffect(()=>{!B||!C||Ie(ae,`replace`,G)},[C,B,Ie,xe,G]);let Le=v.useMemo(()=>B?pe(G.length===0?be:[],Ee):be,[be,B,Ee,G.length]),X=v.useMemo(()=>Le.length>0||B?E(Le).map(me):ye(r),[r,Le,B]),Z=B&&C&&je&&!J&&Y===null,Re=v.useCallback(()=>{Z&&Ie(Ae,`append`,G)},[Z,Ie,Ae,G]),ze=v.useCallback(e=>{if(!Z)return;let t=e.currentTarget;t.scrollHeight-t.scrollTop-t.clientHeight<=se&&Re()},[Z,Re]);v.useEffect(()=>{if(!Z||typeof window>`u`||!(`IntersectionObserver`in window))return;let e=we.current,t=H.current;if(!e||!t)return;let n=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&Re()},{root:t});return n.observe(e),()=>n.disconnect()},[Z,Re]);let Be=v.useMemo(()=>{if(!h||B)return X;let e=S.trim().toLocaleLowerCase();return e.length===0?X:X.filter(t=>t.searchText.includes(e))},[X,B,h,S]),Q=v.useMemo(()=>{if(Be.some(e=>e.group!==void 0))return Be;let e=[],t=[];return Be.forEach(n=>{Fe.has(n.value)?e.push(n):t.push(n)}),[...e,...t]},[Be,Fe]),Ve=v.useMemo(()=>Array.from(new Set(X.filter(e=>!e.disabled).map(e=>e.value))),[X]),He=Ve.length>0&&Ve.every(e=>Pe.has(e)),Ue=c?.isModal??!1,[We,Ge]=v.useState({isOpen:!1,group:null,enterFrom:null});We.isOpen!==Ue&&Ge({isOpen:Ue,group:null,enterFrom:null});let Ke=v.useRef(null),qe=v.useRef(null),Je=v.useRef(!1);v.useEffect(()=>{if(!h||!C||Ue)return;let e=requestAnimationFrame(()=>{A.current?.focus(),A.current?.select()});return()=>cancelAnimationFrame(e)},[C,Ue,h]),v.useEffect(()=>{j.current?.scrollIntoView({block:`nearest`})},[w]);let Ye=v.useCallback(e=>{c?.setSearchTerm(n.convertToEnglishDigits({value:e.target.value}))},[c]),Xe=v.useCallback(e=>{if(c){if(m){let t=new Set(L);t.has(e)?t.delete(e):t.add(e),c.setMultiSelectedValues(Array.from(t));return}c.setSingleSelectedValue(e),c.setOpen(!1)}},[m,c,L]),Ze=v.useCallback((e,t,n)=>{e.preventDefault(),!n&&(M.current=t,Xe(t))},[Xe]),Qe=v.useCallback((e,t)=>{if(!t){if(M.current===e){M.current=null;return}Xe(e)}},[Xe]),$e=v.useCallback(()=>{m&&c&&c.setMultiSelectedValues(He?[]:Ve)},[He,m,c,Ve]),et=c?.isDisabled??!1,tt=e=>{if(!C||!c)return;let t=c.fieldRootRef.current?.querySelector(`[data-slot="select-trigger"]`),n=e=>{let t=Q[e];return!!t&&!t.disabled&&!et},r=(e,t)=>{let r=Q.length;for(let i=1;i<=r;i+=1){let a=((e+t*i)%r+r)%r;if(n(a))return a}return-1};if(e.key===`ArrowDown`||e.key===`ArrowUp`){if(e.preventDefault(),e.stopPropagation(),Q.length===0)return;let t=r(w>=0?w:e.key===`ArrowDown`?-1:0,e.key===`ArrowDown`?1:-1);t>=0&&c.setActiveIndex(t);return}if(e.key===`Enter`&&n(w)){e.preventDefault(),e.stopPropagation(),Xe(Q[w].value),m||t?.focus();return}e.key===`Tab`&&(e.target===A.current&&t?.focus(),c.setOpen(!1))},nt=c?.registerListKeyDown;if(ee.useIsomorphicLayoutEffect(()=>{nt?.(tt)}),!c)return null;let rt=Q.length>0,it=c.isDisabled||L.length===0,at=c.isDisabled||Ve.length===0||He,ot=Q.some(e=>e.group!==void 0),st=e=>e.group??te,ct=ot?Array.from(new Set(Q.map(st))):[],lt=Q.find(e=>Pe.has(e.value)),ut=We.group??(lt?st(lt):void 0),$=ut!==void 0&&ct.includes(ut)?ut:ct[0],dt=(e,t)=>{Ge({isOpen:Ue,group:e,enterFrom:t}),window.requestAnimationFrame(()=>{let e=Ke.current,t=e?.querySelector(`[role="tab"][aria-selected="true"]`);if(!e||!t)return;let n=e.getBoundingClientRect(),r=t.getBoundingClientRect(),i=r.left+r.width/2-(n.left+n.width/2);typeof e.scrollTo==`function`?e.scrollTo({left:e.scrollLeft+i,behavior:`smooth`}):e.scrollLeft+=i})},ft=e=>{Je.current=!1,qe.current={x:e.clientX,y:e.clientY,time:e.timeStamp}},pt=e=>{let t=qe.current;if(qe.current=null,!t||$===void 0)return;let n=e.clientX-t.x,r=e.clientY-t.y,i=Math.abs(n),a=i/Math.max(e.timeStamp-t.time,1);if(!(i>=ne||i>=re&&a>=ie)||i<Math.abs(r))return;Je.current=!0;let o=p===`rtl`?n>0:n<0,s=ct[ct.indexOf($)+(o?1:-1)];s!==void 0&&dt(s,n>0?`left`:`right`)},mt=e=>{Je.current&&(Je.current=!1,e.preventDefault(),e.stopPropagation())},ht=Q.map((e,t)=>{if(ot&&st(e)!==$)return null;let n=Pe.has(e.value),r=c.isDisabled||e.disabled,a=!ot&&e.group!==void 0&&e.group!==Q[t-1]?.group,o=!ot&&e.separatorBefore===!0&&t>0;return(0,y.jsxs)(v.Fragment,{children:[o?(0,y.jsx)(`div`,{role:`separator`,"data-slot":`select-separator`,className:`zui:my-1 zui:h-px zui:bg-[var(--zui-color-border)]`}):null,a?(0,y.jsx)(`div`,{role:`presentation`,"data-slot":`select-group-label`,className:`zui:px-1 zui:pt-2 zui:text-start zui:text-[max(calc(var(--zui-scale,10px)*1.26),13px)] zui:font-semibold zui:text-[var(--zui-theme-text-muted)]`,children:k(e.group,f)}):null,(0,y.jsxs)(`button`,{type:`button`,id:ue(D,t),"data-slot":`select-item`,role:`option`,"aria-selected":n,"aria-disabled":r||void 0,disabled:r,tabIndex:-1,dir:p,className:i.cn(_.selectModalOptionClassName,n&&`zui:border-[var(--zui-theme-status-success)] zui:bg-[color-mix(in_srgb,var(--zui-theme-status-success)_8%,var(--zui-color-surface))]`,e.className),onClick:()=>Qe(e.value,r),children:[(0,y.jsx)(`span`,{className:`zui:min-w-0 zui:flex-1 zui:break-words zui:text-start`,children:k(e.label,f)}),(0,y.jsx)(`span`,{"aria-hidden":`true`,className:`zui:flex zui:shrink-0 zui:items-center`,children:n?(0,y.jsx)(`span`,{className:`zui:flex zui:size-7 zui:items-center zui:justify-center zui:rounded-full zui:bg-[var(--zui-theme-status-success)] zui:text-[var(--zui-color-on-solid)]`,children:(0,y.jsx)(b.Check,{className:`zui:size-4`,strokeWidth:3})}):null})]})]},T(e.value,e.group))}),gt=(0,y.jsxs)(`div`,{ref:H,"data-slot":`select-viewport`,onScroll:ze,className:`zui:-mx-1 zui:min-h-0 zui:flex-1 zui:touch-pan-y zui:overflow-x-hidden zui:overflow-y-auto zui:overscroll-contain zui:px-1 zui:py-1`,children:[(0,y.jsx)(`div`,{id:D,role:`listbox`,"aria-multiselectable":m||void 0,"data-slot":`select-listbox`,className:`zui:flex zui:flex-col zui:gap-2.5`,children:ht}),!rt&&!J?(0,y.jsx)(`p`,{"data-slot":`select-empty`,className:`zui:px-2 zui:py-4 zui:text-center zui:text-[max(calc(var(--zui-scale,10px)*1.44),15px)] zui:text-[var(--zui-theme-text-muted)]`,children:l.select.noResults}):null,J?(0,y.jsx)(ve,{}):null,Y?(0,y.jsx)(`p`,{"data-slot":`select-error`,className:`zui:px-2 zui:py-2 zui:text-sm zui:text-[var(--zui-theme-status-danger)]`,children:Y}):null,Z?(0,y.jsx)(`div`,{ref:we,"data-slot":`select-infinite-scroll-sentinel`,"aria-hidden":`true`,className:`zui:h-px zui:w-full`}):null]}),_t=(0,y.jsxs)(`div`,{"data-slot":`select-modal-body`,className:`zui:flex zui:min-h-0 zui:flex-1 zui:flex-col zui:gap-4`,children:[h?(0,y.jsxs)(`div`,{"data-slot":`select-search`,className:`zui:flex zui:items-center zui:gap-2`,children:[(0,y.jsx)(`div`,{className:`zui:min-w-0 zui:flex-1`,children:(0,y.jsx)(u.default,{ref:A,type:`search`,dir:p,role:`combobox`,"aria-expanded":C,"aria-controls":D,"aria-autocomplete":`list`,"aria-label":l.common.searchPlaceholder,value:S,placeholder:l.common.searchPlaceholder,onChange:Ye,onKeyDown:e=>{e.stopPropagation(),tt(e)}})}),(0,y.jsx)(d.IconActionButton,{label:l.select.clearAll,icon:(0,y.jsx)(b.X,{className:`zui:size-5`,"aria-hidden":`true`}),className:_.selectModalActionButtonClassName,disabled:it,onClick:()=>m?c.setMultiSelectedValues([]):c.clearSingleSelection()}),m?(0,y.jsx)(d.IconActionButton,{label:c.multiSelectAllLabel,icon:(0,y.jsx)(b.CheckCheck,{className:`zui:size-5`,"aria-hidden":`true`}),className:_.selectModalActionButtonClassName,disabled:at,onClick:$e}):null]}):null,ot&&$!==void 0?(0,y.jsxs)(g.default,{value:$,onValueChange:e=>dt(e,null),dir:p,className:`zui:min-h-0 zui:flex-1`,children:[(0,y.jsx)(`div`,{ref:Ke,"data-slot":`select-group-tabs`,className:`zui:-mx-1 zui:overflow-x-auto zui:px-1 zui:[scrollbar-width:none] zui:[&::-webkit-scrollbar]:hidden`,children:(0,y.jsx)(g.TabsList,{"aria-label":l.select.ungrouped,className:`zui:w-max zui:min-w-full`,children:ct.map(e=>(0,y.jsx)(g.TabsTrigger,{value:e,className:`zui:flex-none`,children:e===te?l.select.ungrouped:k(e,f)},e))})}),(0,y.jsx)(`div`,{"data-slot":`select-group-swipe-area`,className:`zui:flex zui:min-h-0 zui:flex-1 zui:touch-pan-y zui:flex-col`,onPointerDown:ft,onPointerUp:pt,onPointerCancel:()=>{qe.current=null},onClickCapture:mt,children:(0,y.jsx)(g.TabsContent,{value:$,className:i.cn(`zui:mt-0 zui:flex zui:min-h-0 zui:flex-1 zui:flex-col`,We.enterFrom===`left`&&`zui:slide-in-from-left-8 zui:data-[state=active]:slide-in-from-bottom-0`,We.enterFrom===`right`&&`zui:slide-in-from-right-8 zui:data-[state=active]:slide-in-from-bottom-0`),children:gt},$)})]}):gt,(0,y.jsx)(a.default,{label:l.common.close,fullWidth:!0,onClick:()=>c.setOpen(!1)})]});return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(x.Portal,{children:(0,y.jsx)(x.Content,{ref:i.mergeRefs(s,c.contentRef),"data-slot":`select-content`,dir:p,side:`bottom`,align:`start`,sideOffset:6,collisionPadding:8,onOpenAutoFocus:e=>e.preventDefault(),onCloseAutoFocus:e=>e.preventDefault(),onInteractOutside:e=>{c.fieldRootRef.current?.contains(e.target)&&e.preventDefault()},className:i.cn(_.selectContentVariants(),e),children:(0,y.jsxs)(`div`,{ref:H,"data-slot":`select-viewport`,className:i.cn(_.selectViewportVariants({hasSearch:h}),`zui:max-h-72 zui:overflow-y-auto`),onScroll:ze,children:[h?(0,y.jsx)(`div`,{"data-slot":`select-search`,className:_.selectSearchBarClassName,children:(0,y.jsxs)(`div`,{dir:p,className:`zui:flex zui:items-center zui:gap-1`,children:[(0,y.jsx)(`div`,{className:`zui:min-w-0 zui:flex-1`,children:(0,y.jsx)(u.default,{ref:A,type:`search`,dir:p,role:`combobox`,"aria-expanded":C,"aria-controls":D,"aria-autocomplete":`list`,"aria-activedescendant":w>=0?ue(D,w):void 0,"aria-label":l.common.searchPlaceholder,value:S,placeholder:l.common.searchPlaceholder,onChange:Ye,onKeyDown:e=>{e.stopPropagation(),tt(e)},onPointerDown:e=>e.stopPropagation()})}),(0,y.jsx)(d.IconActionButton,{label:l.select.clearAll,icon:(0,y.jsx)(b.X,{className:`zui:size-4 zui:text-[var(--zui-color-text)]`,"aria-hidden":`true`}),className:_.selectActionButtonClassName,disabled:it,onPointerDown:e=>e.stopPropagation(),onClick:()=>m?c.setMultiSelectedValues([]):c.clearSingleSelection()}),m?(0,y.jsx)(d.IconActionButton,{label:c.multiSelectAllLabel,icon:(0,y.jsx)(b.CheckCheck,{className:i.cn(ce,`zui:text-[var(--zui-color-text)]`),"aria-hidden":`true`}),className:_.selectActionButtonClassName,disabled:at,onPointerDown:e=>e.stopPropagation(),onClick:$e}):null]})}):null,(0,y.jsx)(`div`,{id:D,role:`listbox`,"aria-multiselectable":m||void 0,"data-slot":`select-listbox`,children:Q.map((e,t)=>{let n=Pe.has(e.value),r=c.isDisabled||e.disabled,a=e.group!==void 0&&e.group!==Q[t-1]?.group,o=e.separatorBefore===!0&&t>0;return(0,y.jsxs)(v.Fragment,{children:[o?(0,y.jsx)(`div`,{role:`separator`,"data-slot":`select-separator`,className:_.selectSeparatorVariants()}):null,a?(0,y.jsx)(`div`,{role:`presentation`,"data-slot":`select-group-label`,className:i.cn(_.selectLabelVariants(),t>0&&`zui:pt-4`),children:k(e.group,f)}):null,(0,y.jsxs)(`button`,{type:`button`,id:ue(D,t),"data-slot":`select-item`,role:`option`,"aria-selected":n,"aria-disabled":r||void 0,"data-active":t===w||void 0,ref:t===w?j:void 0,tabIndex:-1,onMouseMove:()=>{!r&&t!==w&&c.setActiveIndex(t)},dir:p,className:i.cn(_.selectOptionVariants(),e.group!==void 0&&`zui:ms-2 zui:w-[calc(100%-var(--zui-spacing)*2)] zui:border-s zui:border-s-[var(--zui-color-border)]`,h&&`zui:scroll-mt-16`,t===Q.length-1&&`zui:border-b-0`,e.className),disabled:r,onPointerDown:t=>Ze(t,e.value,r),onClick:()=>Qe(e.value,r),children:[(0,y.jsx)(`span`,{className:`zui:line-clamp-2 zui:min-w-0 zui:flex-1 zui:break-words zui:text-start`,children:k(e.label,f)}),(0,y.jsx)(`span`,{"aria-hidden":`true`,className:`zui:flex zui:shrink-0 zui:items-center zui:justify-center zui:text-[var(--zui-theme-action-primary)]`,children:(0,y.jsx)(b.Check,{className:i.cn(ce,!n&&`zui:opacity-0`)})})]})]},T(e.value,e.group))})}),!rt&&!J?(0,y.jsx)(`p`,{"data-slot":`select-empty`,className:`zui:px-2 zui:py-2 zui:text-xs zui:text-[var(--zui-color-text)]`,children:l.select.noResults}):null,J?(0,y.jsx)(ve,{}):null,Y?(0,y.jsx)(`p`,{"data-slot":`select-error`,className:`zui:px-2 zui:py-2 zui:text-xs zui:text-[var(--zui-theme-status-danger)]`,children:Y}):null,Z?(0,y.jsx)(`div`,{ref:we,"data-slot":`select-infinite-scroll-sentinel`,"aria-hidden":`true`,className:`zui:h-px zui:w-full`}):null]})})}),(0,y.jsx)(o.default,{trigger:null,open:c.isModal,onOpenChange:e=>c.setOpen(e),dir:p,triggerLabel:c.modalLabel,showCloseButton:!1,onOpenAutoFocus:e=>e.preventDefault(),className:`zui:mobile:h-[75dvh] zui:mobile:touch-pan-y zui:mobile:overflow-x-hidden zui:mobile:overscroll-contain zui:mobile:px-3 zui:mobile:[&>[data-slot=dialog-body]]:flex zui:mobile:[&>[data-slot=dialog-body]]:min-h-0 zui:mobile:[&>[data-slot=dialog-body]]:flex-1 zui:mobile:[&>[data-slot=dialog-body]]:flex-col`,content:_t})]})});exports.SelectContent=R,exports.SelectGroup=M,exports.SelectItem=j,exports.SelectLabel=N,exports.SelectSeparator=P,exports.SelectTrigger=I,exports.SelectValue=L,exports.default=F;

package/dist/components/Select/Select.d.cts

@@ -5,9 +5,7 @@ declare function SelectGroup(props: SelectGroupProps): null;
 declare function SelectLabel(props: SelectLabelProps): null;
 declare function SelectSeparator(): null;
 declare function Select(props: SelectProps): import("react/jsx-runtime").JSX.Element;
-declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type"> & import("class-variance-authority").VariantProps<(props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type"> & import("class-variance-authority").VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 declare function SelectValue({ className, placeholder, children, ...props }: SelectValueProps): import("react/jsx-runtime").JSX.Element;
 declare const SelectContent: React.ForwardRefExoticComponent<SelectContentProps & React.RefAttributes<HTMLDivElement>>;
 export { SelectTrigger, SelectValue, SelectContent, SelectGroup, SelectLabel, SelectItem, SelectSeparator, };

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

@@ -5,9 +5,7 @@ declare function SelectGroup(props: SelectGroupProps): null;
 declare function SelectLabel(props: SelectLabelProps): null;
 declare function SelectSeparator(): null;
 declare function Select(props: SelectProps): import("react/jsx-runtime").JSX.Element;
-declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type"> & import("class-variance-authority").VariantProps<(props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type"> & import("class-variance-authority").VariantProps<(props?: import("class-variance-authority/types").ClassProp | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
 declare function SelectValue({ className, placeholder, children, ...props }: SelectValueProps): import("react/jsx-runtime").JSX.Element;
 declare const SelectContent: React.ForwardRefExoticComponent<SelectContentProps & React.RefAttributes<HTMLDivElement>>;
 export { SelectTrigger, SelectValue, SelectContent, SelectGroup, SelectLabel, SelectItem, SelectSeparator, };

package/dist/components/Select/Select.interface.d.cts

@@ -46,7 +46,6 @@ interface SelectBaseProps {
     options?: SelectOption[];
     remoteOptions?: SelectRemoteOptions;
     isSearch?: boolean;
-    size?: VariantProps<typeof selectTriggerVariants>["size"];
     disabled?: boolean;
     /** @deprecated Use `disabled`. */
     disable?: boolean;

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

@@ -46,7 +46,6 @@ interface SelectBaseProps {
     options?: SelectOption[];
     remoteOptions?: SelectRemoteOptions;
     isSearch?: boolean;
-    size?: VariantProps<typeof selectTriggerVariants>["size"];
     disabled?: boolean;
     /** @deprecated Use `disabled`. */
     disable?: boolean;