@questpie/admin 1.1.1 → 3.0.0

package/dist/client/components/primitives/select-single.mjs

@@ -0,0 +1,473 @@
+"use client";
+
+import { useResolveText } from "../../i18n/hooks.mjs";
+import { cn } from "../../lib/utils.mjs";
+import { Button } from "../ui/button.mjs";
+import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover.mjs";
+import { useIsMobile } from "../../hooks/use-media-query.mjs";
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "../ui/command.mjs";
+import { Drawer, DrawerContent, DrawerHeader, DrawerTitle, DrawerTrigger } from "../ui/drawer.mjs";
+import { flattenOptions } from "./types.mjs";
+import { c } from "react/compiler-runtime";
+import { Icon } from "@iconify/react";
+import { useDeferredValue, useId, useState } from "react";
+import { useQuery } from "@tanstack/react-query";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/components/primitives/select-single.tsx
+const EMPTY_OPTIONS = [];
+/**
+* SelectSingle - Single select component with search
+*
+* Features:
+* - Always searchable
+* - Responsive: Popover on desktop, Drawer on mobile
+* - Supports static and async options
+* - Keyboard navigation
+*
+* @example
+* ```tsx
+* <SelectSingle
+*   value={status}
+*   onChange={setStatus}
+*   options={[
+*     { value: "active", label: "Active" },
+*     { value: "inactive", label: "Inactive" },
+*   ]}
+* />
+* ```
+*/
+function SelectSingle(t0) {
+	const $ = c(114);
+	const { value, onChange, options: staticOptions, loadOptions, queryKey, prefetchOnMount: t1, clearable: t2, loading: t3, emptyMessage: t4, placeholder: t5, disabled, className, id, "aria-invalid": ariaInvalid, drawerTitle: t6 } = t0;
+	const prefetchOnMount = t1 === void 0 ? false : t1;
+	const clearable = t2 === void 0 ? true : t2;
+	const externalLoading = t3 === void 0 ? false : t3;
+	const emptyMessage = t4 === void 0 ? "No options found" : t4;
+	const placeholder = t5 === void 0 ? "Select..." : t5;
+	const drawerTitle = t6 === void 0 ? "Select option" : t6;
+	const resolvedStaticOptions = staticOptions ?? EMPTY_OPTIONS;
+	const resolveText = useResolveText();
+	let t7;
+	if ($[0] !== placeholder || $[1] !== resolveText) {
+		t7 = resolveText(placeholder);
+		$[0] = placeholder;
+		$[1] = resolveText;
+		$[2] = t7;
+	} else t7 = $[2];
+	const resolvedPlaceholder = t7;
+	let t8;
+	if ($[3] !== emptyMessage || $[4] !== resolveText) {
+		t8 = resolveText(emptyMessage);
+		$[3] = emptyMessage;
+		$[4] = resolveText;
+		$[5] = t8;
+	} else t8 = $[5];
+	const resolvedEmptyMessage = t8;
+	let t9;
+	if ($[6] !== drawerTitle || $[7] !== resolveText) {
+		t9 = resolveText(drawerTitle);
+		$[6] = drawerTitle;
+		$[7] = resolveText;
+		$[8] = t9;
+	} else t9 = $[8];
+	const resolvedDrawerTitle = t9;
+	const [open, setOpen] = useState(false);
+	const [search, setSearch] = useState("");
+	const instanceId = useId();
+	const deferredSearch = useDeferredValue(search);
+	const isMobile = useIsMobile();
+	let t10;
+	if ($[9] !== resolvedStaticOptions) {
+		t10 = flattenOptions(resolvedStaticOptions);
+		$[9] = resolvedStaticOptions;
+		$[10] = t10;
+	} else t10 = $[10];
+	const flatStaticOptions = t10;
+	let t11;
+	if ($[11] !== deferredSearch || $[12] !== instanceId || $[13] !== queryKey) {
+		t11 = queryKey ? queryKey(deferredSearch) : [
+			"select-single",
+			instanceId,
+			deferredSearch
+		];
+		$[11] = deferredSearch;
+		$[12] = instanceId;
+		$[13] = queryKey;
+		$[14] = t11;
+	} else t11 = $[14];
+	const loadOptionsKey = t11;
+	let t12;
+	if ($[15] !== deferredSearch || $[16] !== loadOptions) {
+		t12 = () => loadOptions?.(deferredSearch) ?? Promise.resolve([]);
+		$[15] = deferredSearch;
+		$[16] = loadOptions;
+		$[17] = t12;
+	} else t12 = $[17];
+	const t13 = !!loadOptions && (open || prefetchOnMount);
+	let t14;
+	if ($[18] !== loadOptionsKey || $[19] !== t12 || $[20] !== t13) {
+		t14 = {
+			queryKey: loadOptionsKey,
+			queryFn: t12,
+			enabled: t13,
+			staleTime: 3e4,
+			gcTime: 3e5
+		};
+		$[18] = loadOptionsKey;
+		$[19] = t12;
+		$[20] = t13;
+		$[21] = t14;
+	} else t14 = $[21];
+	const { data: t15, isFetching } = useQuery(t14);
+	let t16;
+	if ($[22] !== t15) {
+		t16 = t15 === void 0 ? [] : t15;
+		$[22] = t15;
+		$[23] = t16;
+	} else t16 = $[23];
+	const dynamicOptions = t16;
+	let t17;
+	bb0: {
+		if (!loadOptions) {
+			t17 = flatStaticOptions;
+			break bb0;
+		}
+		if (flatStaticOptions.length === 0) {
+			t17 = dynamicOptions;
+			break bb0;
+		}
+		let t18$1;
+		if ($[24] !== dynamicOptions || $[25] !== flatStaticOptions) {
+			const mergedMap = [...flatStaticOptions, ...dynamicOptions].reduce(_temp, /* @__PURE__ */ new Map());
+			t18$1 = Array.from(mergedMap.values());
+			$[24] = dynamicOptions;
+			$[25] = flatStaticOptions;
+			$[26] = t18$1;
+		} else t18$1 = $[26];
+		t17 = t18$1;
+	}
+	const allOptions = t17;
+	let t18;
+	bb1: {
+		if (loadOptions) {
+			t18 = allOptions;
+			break bb1;
+		}
+		if (!search) {
+			t18 = allOptions;
+			break bb1;
+		}
+		let t19$1;
+		if ($[27] !== allOptions || $[28] !== resolveText || $[29] !== search) {
+			let t20$1;
+			if ($[31] !== resolveText || $[32] !== search) {
+				t20$1 = (opt_0) => resolveText(opt_0.label).toLowerCase().includes(search.toLowerCase());
+				$[31] = resolveText;
+				$[32] = search;
+				$[33] = t20$1;
+			} else t20$1 = $[33];
+			t19$1 = allOptions.filter(t20$1);
+			$[27] = allOptions;
+			$[28] = resolveText;
+			$[29] = search;
+			$[30] = t19$1;
+		} else t19$1 = $[30];
+		t18 = t19$1;
+	}
+	const filteredOptions = t18;
+	let t19;
+	if ($[34] !== allOptions || $[35] !== resolveText) {
+		t19 = (val) => {
+			const option = allOptions.find((opt_1) => opt_1.value === val);
+			return option?.label ? resolveText(option.label) : String(val);
+		};
+		$[34] = allOptions;
+		$[35] = resolveText;
+		$[36] = t19;
+	} else t19 = $[36];
+	const getLabel = t19;
+	let t20;
+	if ($[37] !== onChange) {
+		t20 = (selectedValue) => {
+			onChange(selectedValue);
+			setOpen(false);
+			setSearch("");
+		};
+		$[37] = onChange;
+		$[38] = t20;
+	} else t20 = $[38];
+	const handleSelect = t20;
+	let t21;
+	if ($[39] !== onChange) {
+		t21 = (e) => {
+			e.stopPropagation();
+			onChange(null);
+		};
+		$[39] = onChange;
+		$[40] = t21;
+	} else t21 = $[40];
+	const handleClear = t21;
+	const showLoading = isFetching || externalLoading;
+	const listboxId = `${instanceId}-listbox`;
+	const t22 = !value && "text-muted-foreground";
+	let t23;
+	if ($[41] !== className || $[42] !== t22) {
+		t23 = cn("qa-select-single w-full justify-between font-normal", t22, className);
+		$[41] = className;
+		$[42] = t22;
+		$[43] = t23;
+	} else t23 = $[43];
+	let t24;
+	if ($[44] !== getLabel || $[45] !== resolvedPlaceholder || $[46] !== value) {
+		t24 = value ? getLabel(value) : resolvedPlaceholder;
+		$[44] = getLabel;
+		$[45] = resolvedPlaceholder;
+		$[46] = value;
+		$[47] = t24;
+	} else t24 = $[47];
+	let t25;
+	if ($[48] !== t24) {
+		t25 = /* @__PURE__ */ jsx("span", {
+			className: "truncate",
+			children: t24
+		});
+		$[48] = t24;
+		$[49] = t25;
+	} else t25 = $[49];
+	let t26;
+	if ($[50] !== clearable || $[51] !== disabled || $[52] !== handleClear || $[53] !== value) {
+		t26 = clearable && value && !disabled && /* @__PURE__ */ jsx("span", {
+			role: "button",
+			tabIndex: -1,
+			onClick: handleClear,
+			onKeyDown: (event) => {
+				if (event.key === "Enter" || event.key === " ") {
+					event.preventDefault();
+					handleClear(event);
+				}
+			},
+			className: "hover:bg-muted -mr-1 p-0.5 opacity-50 hover:opacity-100",
+			children: /* @__PURE__ */ jsx(Icon, {
+				icon: "ph:x",
+				className: "size-3"
+			})
+		});
+		$[50] = clearable;
+		$[51] = disabled;
+		$[52] = handleClear;
+		$[53] = value;
+		$[54] = t26;
+	} else t26 = $[54];
+	let t27;
+	if ($[55] === Symbol.for("react.memo_cache_sentinel")) {
+		t27 = /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:caret-up-down",
+			className: "size-3.5 opacity-50"
+		});
+		$[55] = t27;
+	} else t27 = $[55];
+	let t28;
+	if ($[56] !== t26) {
+		t28 = /* @__PURE__ */ jsxs("div", {
+			className: "flex shrink-0 items-center gap-1",
+			children: [t26, t27]
+		});
+		$[56] = t26;
+		$[57] = t28;
+	} else t28 = $[57];
+	let t29;
+	if ($[58] !== ariaInvalid || $[59] !== disabled || $[60] !== id || $[61] !== listboxId || $[62] !== open || $[63] !== t23 || $[64] !== t25 || $[65] !== t28) {
+		t29 = /* @__PURE__ */ jsxs(Button, {
+			id,
+			variant: "outline",
+			role: "combobox",
+			"aria-expanded": open,
+			"aria-controls": listboxId,
+			"aria-invalid": ariaInvalid,
+			disabled,
+			className: t23,
+			children: [t25, t28]
+		});
+		$[58] = ariaInvalid;
+		$[59] = disabled;
+		$[60] = id;
+		$[61] = listboxId;
+		$[62] = open;
+		$[63] = t23;
+		$[64] = t25;
+		$[65] = t28;
+		$[66] = t29;
+	} else t29 = $[66];
+	const TriggerButton = t29;
+	const t30 = !loadOptions;
+	let t31;
+	if ($[67] !== search) {
+		t31 = /* @__PURE__ */ jsx(CommandInput, {
+			placeholder: "Search...",
+			value: search,
+			onValueChange: setSearch
+		});
+		$[67] = search;
+		$[68] = t31;
+	} else t31 = $[68];
+	let t32;
+	if ($[69] !== showLoading) {
+		t32 = showLoading && /* @__PURE__ */ jsx("div", {
+			className: "flex items-center justify-center py-6",
+			children: /* @__PURE__ */ jsx(Icon, {
+				icon: "ph:circle-notch",
+				className: "text-muted-foreground size-4 animate-spin"
+			})
+		});
+		$[69] = showLoading;
+		$[70] = t32;
+	} else t32 = $[70];
+	let t33;
+	if ($[71] !== resolvedEmptyMessage) {
+		t33 = /* @__PURE__ */ jsx(CommandEmpty, { children: resolvedEmptyMessage });
+		$[71] = resolvedEmptyMessage;
+		$[72] = t33;
+	} else t33 = $[72];
+	let t34;
+	if ($[73] !== filteredOptions || $[74] !== handleSelect || $[75] !== resolveText || $[76] !== value) {
+		let t35$1;
+		if ($[78] !== handleSelect || $[79] !== resolveText || $[80] !== value) {
+			t35$1 = (option_0) => /* @__PURE__ */ jsxs(CommandItem, {
+				value: String(option_0.value),
+				onSelect: handleSelect,
+				disabled: option_0.disabled,
+				"data-checked": value === option_0.value,
+				children: [option_0.icon, /* @__PURE__ */ jsx("span", {
+					className: "truncate",
+					children: resolveText(option_0.label)
+				})]
+			}, String(option_0.value));
+			$[78] = handleSelect;
+			$[79] = resolveText;
+			$[80] = value;
+			$[81] = t35$1;
+		} else t35$1 = $[81];
+		t34 = filteredOptions.map(t35$1);
+		$[73] = filteredOptions;
+		$[74] = handleSelect;
+		$[75] = resolveText;
+		$[76] = value;
+		$[77] = t34;
+	} else t34 = $[77];
+	let t35;
+	if ($[82] !== t34) {
+		t35 = /* @__PURE__ */ jsx(CommandGroup, { children: t34 });
+		$[82] = t34;
+		$[83] = t35;
+	} else t35 = $[83];
+	let t36;
+	if ($[84] !== listboxId || $[85] !== t32 || $[86] !== t33 || $[87] !== t35) {
+		t36 = /* @__PURE__ */ jsxs(CommandList, {
+			id: listboxId,
+			children: [
+				t32,
+				t33,
+				t35
+			]
+		});
+		$[84] = listboxId;
+		$[85] = t32;
+		$[86] = t33;
+		$[87] = t35;
+		$[88] = t36;
+	} else t36 = $[88];
+	let t37;
+	if ($[89] !== t30 || $[90] !== t31 || $[91] !== t36) {
+		t37 = /* @__PURE__ */ jsxs(Command, {
+			shouldFilter: t30,
+			children: [t31, t36]
+		});
+		$[89] = t30;
+		$[90] = t31;
+		$[91] = t36;
+		$[92] = t37;
+	} else t37 = $[92];
+	const CommandContent = t37;
+	if (isMobile) {
+		let t38$1;
+		if ($[93] !== TriggerButton) {
+			t38$1 = /* @__PURE__ */ jsx(DrawerTrigger, {
+				asChild: true,
+				children: TriggerButton
+			});
+			$[93] = TriggerButton;
+			$[94] = t38$1;
+		} else t38$1 = $[94];
+		let t39$1;
+		if ($[95] !== resolvedDrawerTitle) {
+			t39$1 = /* @__PURE__ */ jsx(DrawerHeader, { children: /* @__PURE__ */ jsx(DrawerTitle, { children: resolvedDrawerTitle }) });
+			$[95] = resolvedDrawerTitle;
+			$[96] = t39$1;
+		} else t39$1 = $[96];
+		let t40$1;
+		if ($[97] !== CommandContent) {
+			t40$1 = /* @__PURE__ */ jsx("div", {
+				className: "px-4 pb-6",
+				children: CommandContent
+			});
+			$[97] = CommandContent;
+			$[98] = t40$1;
+		} else t40$1 = $[98];
+		let t41;
+		if ($[99] !== t39$1 || $[100] !== t40$1) {
+			t41 = /* @__PURE__ */ jsxs(DrawerContent, { children: [t39$1, t40$1] });
+			$[99] = t39$1;
+			$[100] = t40$1;
+			$[101] = t41;
+		} else t41 = $[101];
+		let t42;
+		if ($[102] !== open || $[103] !== t38$1 || $[104] !== t41) {
+			t42 = /* @__PURE__ */ jsxs(Drawer, {
+				open,
+				onOpenChange: setOpen,
+				children: [t38$1, t41]
+			});
+			$[102] = open;
+			$[103] = t38$1;
+			$[104] = t41;
+			$[105] = t42;
+		} else t42 = $[105];
+		return t42;
+	}
+	let t38;
+	if ($[106] !== TriggerButton) {
+		t38 = /* @__PURE__ */ jsx(PopoverTrigger, { render: TriggerButton });
+		$[106] = TriggerButton;
+		$[107] = t38;
+	} else t38 = $[107];
+	let t39;
+	if ($[108] !== CommandContent) {
+		t39 = /* @__PURE__ */ jsx(PopoverContent, {
+			className: "w-(--anchor-width) p-0",
+			align: "start",
+			children: CommandContent
+		});
+		$[108] = CommandContent;
+		$[109] = t39;
+	} else t39 = $[109];
+	let t40;
+	if ($[110] !== open || $[111] !== t38 || $[112] !== t39) {
+		t40 = /* @__PURE__ */ jsxs(Popover, {
+			open,
+			onOpenChange: setOpen,
+			children: [t38, t39]
+		});
+		$[110] = open;
+		$[111] = t38;
+		$[112] = t39;
+		$[113] = t40;
+	} else t40 = $[113];
+	return t40;
+}
+function _temp(map, opt) {
+	return new Map(map).set(opt.value, opt);
+}
+
+//#endregion
+export { SelectSingle };

package/dist/client/components/primitives/text-input.mjs

@@ -0,0 +1,45 @@
+import { useResolveText } from "../../i18n/hooks.mjs";
+import { cn } from "../../lib/utils.mjs";
+import { Input } from "../ui/input.mjs";
+import { useFieldIds } from "../ui/field.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/client/components/primitives/text-input.tsx
+/**
+* Text Input Primitive
+*
+* A basic text input with value/onChange pattern.
+* Supports different input types: text, email, password, url, tel, search.
+*
+* @example
+* ```tsx
+* <TextInput
+*   value={email}
+*   onChange={setEmail}
+*   type="email"
+*   placeholder="Enter email"
+* />
+* ```
+*/
+function TextInput({ value, onChange, type = "text", placeholder, disabled, readOnly, maxLength, autoComplete, className, id, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedByProp }) {
+	const resolveText = useResolveText();
+	const fieldIds = useFieldIds();
+	const ariaDescribedBy = ariaDescribedByProp ?? ([fieldIds?.hasError ? fieldIds.errorId : null, fieldIds?.hasDescription ? fieldIds.descriptionId : null].filter(Boolean).join(" ") || void 0);
+	return /* @__PURE__ */ jsx(Input, {
+		id,
+		type,
+		value,
+		onChange: (e) => onChange(e.target.value),
+		placeholder: resolveText(placeholder),
+		disabled,
+		readOnly,
+		maxLength,
+		autoComplete,
+		"aria-invalid": ariaInvalid,
+		"aria-describedby": ariaDescribedBy,
+		className: cn("qa-text-input", className)
+	});
+}
+
+//#endregion
+export { TextInput };

package/dist/client/components/primitives/textarea-input.mjs

@@ -0,0 +1,43 @@
+import { useResolveText } from "../../i18n/hooks.mjs";
+import { cn } from "../../lib/utils.mjs";
+import { Textarea } from "../ui/textarea.mjs";
+import { useFieldIds } from "../ui/field.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/client/components/primitives/textarea-input.tsx
+/**
+* Textarea Input Primitive
+*
+* A multi-line text input.
+*
+* @example
+* ```tsx
+* <TextareaInput
+*   value={description}
+*   onChange={setDescription}
+*   rows={4}
+*   placeholder="Enter description..."
+* />
+* ```
+*/
+function TextareaInput({ value, onChange, rows = 3, maxLength, placeholder, disabled, readOnly, className, id, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedByProp }) {
+	const resolveText = useResolveText();
+	const fieldIds = useFieldIds();
+	const ariaDescribedBy = ariaDescribedByProp ?? ([fieldIds?.hasError ? fieldIds.errorId : null, fieldIds?.hasDescription ? fieldIds.descriptionId : null].filter(Boolean).join(" ") || void 0);
+	return /* @__PURE__ */ jsx(Textarea, {
+		id,
+		value,
+		onChange: (e) => onChange(e.target.value),
+		rows,
+		maxLength,
+		placeholder: resolveText(placeholder),
+		disabled,
+		readOnly,
+		"aria-invalid": ariaInvalid,
+		"aria-describedby": ariaDescribedBy,
+		className: cn("qa-textarea-input", className)
+	});
+}
+
+//#endregion
+export { TextareaInput };

package/dist/client/components/primitives/time-input.mjs

@@ -0,0 +1,145 @@
+"use client";
+
+import { useResolveText } from "../../i18n/hooks.mjs";
+import { cn } from "../../lib/utils.mjs";
+import { c } from "react/compiler-runtime";
+import { Icon } from "@iconify/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/components/primitives/time-input.tsx
+/**
+* Time Input Primitive
+*
+* A time-only input using the native HTML time picker.
+* Returns time as string in "HH:mm" or "HH:mm:ss" format.
+*
+* @example
+* ```tsx
+* <TimeInput
+*   value={selectedTime}
+*   onChange={setSelectedTime}
+*   placeholder="Select time"
+* />
+* ```
+*/
+function TimeInput(t0) {
+	const $ = c(29);
+	const { value, onChange, precision: t1, placeholder: t2, disabled, className, id, "aria-invalid": ariaInvalid } = t0;
+	const precision = t1 === void 0 ? "minute" : t1;
+	const placeholder = t2 === void 0 ? "Select time" : t2;
+	const resolveText = useResolveText();
+	let t3;
+	if ($[0] !== onChange) {
+		t3 = (e) => {
+			const timeValue = e.target.value;
+			onChange(timeValue || null);
+		};
+		$[0] = onChange;
+		$[1] = t3;
+	} else t3 = $[1];
+	const handleChange = t3;
+	let t4;
+	if ($[2] !== onChange) {
+		t4 = (e_0) => {
+			e_0.preventDefault();
+			e_0.stopPropagation();
+			onChange(null);
+		};
+		$[2] = onChange;
+		$[3] = t4;
+	} else t4 = $[3];
+	const handleClear = t4;
+	const t5 = disabled && "cursor-not-allowed opacity-50";
+	const t6 = ariaInvalid && "border-destructive";
+	let t7;
+	if ($[4] !== className || $[5] !== t5 || $[6] !== t6) {
+		t7 = cn("border-input bg-transparent font-mono flex h-9 w-full items-center gap-2 border px-3 py-2 text-sm", "focus-within:ring-ring focus-within:ring-2 focus-within:ring-offset-2", t5, t6, className);
+		$[4] = className;
+		$[5] = t5;
+		$[6] = t6;
+		$[7] = t7;
+	} else t7 = $[7];
+	let t8;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:clock",
+			className: "text-muted-foreground size-4"
+		});
+		$[8] = t8;
+	} else t8 = $[8];
+	const t9 = value ?? "";
+	const t10 = precision === "second" ? 1 : 60;
+	let t11;
+	if ($[9] !== placeholder || $[10] !== resolveText) {
+		t11 = resolveText(placeholder);
+		$[9] = placeholder;
+		$[10] = resolveText;
+		$[11] = t11;
+	} else t11 = $[11];
+	let t12;
+	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = cn("flex-1 bg-transparent outline-none", "placeholder:text-muted-foreground", "disabled:cursor-not-allowed", "[&::-webkit-calendar-picker-indicator]:hidden");
+		$[12] = t12;
+	} else t12 = $[12];
+	let t13;
+	if ($[13] !== ariaInvalid || $[14] !== disabled || $[15] !== handleChange || $[16] !== id || $[17] !== t10 || $[18] !== t11 || $[19] !== t9) {
+		t13 = /* @__PURE__ */ jsx("input", {
+			type: "time",
+			id,
+			value: t9,
+			onChange: handleChange,
+			step: t10,
+			disabled,
+			"aria-invalid": ariaInvalid,
+			placeholder: t11,
+			className: t12
+		});
+		$[13] = ariaInvalid;
+		$[14] = disabled;
+		$[15] = handleChange;
+		$[16] = id;
+		$[17] = t10;
+		$[18] = t11;
+		$[19] = t9;
+		$[20] = t13;
+	} else t13 = $[20];
+	let t14;
+	if ($[21] !== disabled || $[22] !== handleClear || $[23] !== value) {
+		t14 = value && !disabled && /* @__PURE__ */ jsx("button", {
+			type: "button",
+			onClick: handleClear,
+			className: "text-muted-foreground hover:text-foreground",
+			tabIndex: -1,
+			children: /* @__PURE__ */ jsx(Icon, {
+				icon: "ph:x",
+				className: "size-4"
+			})
+		});
+		$[21] = disabled;
+		$[22] = handleClear;
+		$[23] = value;
+		$[24] = t14;
+	} else t14 = $[24];
+	let t15;
+	if ($[25] !== t13 || $[26] !== t14 || $[27] !== t7) {
+		t15 = /* @__PURE__ */ jsx("div", {
+			className: "qa-time-input relative",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: t7,
+				children: [
+					t8,
+					t13,
+					t14
+				]
+			})
+		});
+		$[25] = t13;
+		$[26] = t14;
+		$[27] = t7;
+		$[28] = t15;
+	} else t15 = $[28];
+	return t15;
+}
+
+//#endregion
+export { TimeInput };