@questpie/admin 1.1.1 → 3.0.0

package/dist/client/components/ui/field.mjs

@@ -0,0 +1,354 @@
+"use client";
+
+import { cn } from "../../lib/utils.mjs";
+import { Label } from "./label.mjs";
+import { c } from "react/compiler-runtime";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region src/client/components/ui/field.tsx
+const FieldIdsContext = React.createContext(null);
+/**
+* Hook for input primitives to get `aria-describedby` linking.
+* Returns the composed aria-describedby string pointing to
+* description and/or error elements in the parent Field.
+*/
+function useFieldIds() {
+	return React.useContext(FieldIdsContext);
+}
+function FieldGroup(t0) {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("qa-field-group group/field-group @container/field-group flex w-full flex-col gap-4 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			"data-slot": "field-group",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+const fieldVariants = cva("qa-field data-[invalid=true]:text-destructive group/field flex w-full gap-2", {
+	variants: { orientation: {
+		vertical: "flex-col [&>*]:w-full [&>.sr-only]:w-auto",
+		horizontal: "flex-row items-center has-[>[data-slot=field-content]]:items-start [&>[data-slot=field-label]]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+		responsive: "flex-col @md/field-group:flex-row @md/field-group:items-center @md/field-group:has-[>[data-slot=field-content]]:items-start [&>*]:w-full @md/field-group:[&>*]:w-auto [&>.sr-only]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+	} },
+	defaultVariants: { orientation: "vertical" }
+});
+function Field(t0) {
+	const $ = c(20);
+	let className;
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({className, orientation: t1, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = t1;
+	} else {
+		className = $[1];
+		props = $[2];
+		t1 = $[3];
+	}
+	const orientation = t1 === void 0 ? "vertical" : t1;
+	const baseId = React.useId();
+	const [hasDescription, setHasDescription] = React.useState(false);
+	const [hasError, setHasError] = React.useState(false);
+	const t2 = `${baseId}-desc`;
+	const t3 = `${baseId}-err`;
+	let t4;
+	if ($[4] !== baseId || $[5] !== hasDescription || $[6] !== hasError || $[7] !== t2 || $[8] !== t3) {
+		t4 = {
+			baseId,
+			descriptionId: t2,
+			errorId: t3,
+			hasDescription,
+			hasError,
+			setHasDescription,
+			setHasError
+		};
+		$[4] = baseId;
+		$[5] = hasDescription;
+		$[6] = hasError;
+		$[7] = t2;
+		$[8] = t3;
+		$[9] = t4;
+	} else t4 = $[9];
+	const ids = t4;
+	let t5;
+	if ($[10] !== className || $[11] !== orientation) {
+		t5 = cn(fieldVariants({ orientation }), className);
+		$[10] = className;
+		$[11] = orientation;
+		$[12] = t5;
+	} else t5 = $[12];
+	let t6;
+	if ($[13] !== orientation || $[14] !== props || $[15] !== t5) {
+		t6 = /* @__PURE__ */ jsx("div", {
+			role: "group",
+			"data-slot": "field",
+			"data-orientation": orientation,
+			className: t5,
+			...props
+		});
+		$[13] = orientation;
+		$[14] = props;
+		$[15] = t5;
+		$[16] = t6;
+	} else t6 = $[16];
+	let t7;
+	if ($[17] !== ids || $[18] !== t6) {
+		t7 = /* @__PURE__ */ jsx(FieldIdsContext.Provider, {
+			value: ids,
+			children: t6
+		});
+		$[17] = ids;
+		$[18] = t6;
+		$[19] = t7;
+	} else t7 = $[19];
+	return t7;
+}
+function FieldContent(t0) {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("qa-field__content group/field-content flex flex-1 flex-col gap-0.5 leading-snug", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			"data-slot": "field-content",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+function FieldLabel(t0) {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("qa-field__label has-data-checked:bg-primary/5 dark:has-data-checked:bg-primary/10 group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-2", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Label, {
+			"data-slot": "field-label",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+function FieldDescription(t0) {
+	const $ = c(12);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	const fieldIds = React.useContext(FieldIdsContext);
+	let t1;
+	let t2;
+	if ($[3] !== fieldIds) {
+		t1 = () => {
+			fieldIds?.setHasDescription(true);
+			return () => fieldIds?.setHasDescription(false);
+		};
+		t2 = [fieldIds];
+		$[3] = fieldIds;
+		$[4] = t1;
+		$[5] = t2;
+	} else {
+		t1 = $[4];
+		t2 = $[5];
+	}
+	React.useEffect(t1, t2);
+	const t3 = fieldIds?.descriptionId;
+	let t4;
+	if ($[6] !== className) {
+		t4 = cn("qa-field__description text-muted-foreground text-left text-xs/relaxed leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance [[data-variant=legend]+&]:-mt-1.5", "last:mt-0 nth-last-2:-mt-1", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className);
+		$[6] = className;
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] !== props || $[9] !== t3 || $[10] !== t4) {
+		t5 = /* @__PURE__ */ jsx("p", {
+			id: t3,
+			"data-slot": "field-description",
+			className: t4,
+			...props
+		});
+		$[8] = props;
+		$[9] = t3;
+		$[10] = t4;
+		$[11] = t5;
+	} else t5 = $[11];
+	return t5;
+}
+function FieldError(t0) {
+	const $ = c(20);
+	let children;
+	let className;
+	let errors;
+	let props;
+	if ($[0] !== t0) {
+		({className, children, errors, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = errors;
+		$[4] = props;
+	} else {
+		children = $[1];
+		className = $[2];
+		errors = $[3];
+		props = $[4];
+	}
+	const fieldIds = React.useContext(FieldIdsContext);
+	let t1;
+	bb0: {
+		if (children) {
+			t1 = children;
+			break bb0;
+		}
+		if (!errors?.length) {
+			t1 = null;
+			break bb0;
+		}
+		let t2$1;
+		if ($[5] !== errors) {
+			t2$1 = [...new Map(errors.map(_temp)).values()];
+			$[5] = errors;
+			$[6] = t2$1;
+		} else t2$1 = $[6];
+		const uniqueErrors = t2$1;
+		if (uniqueErrors?.length == 1) {
+			t1 = uniqueErrors[0]?.message;
+			break bb0;
+		}
+		let t3$1;
+		if ($[7] !== uniqueErrors) {
+			t3$1 = /* @__PURE__ */ jsx("ul", {
+				className: "ml-4 flex list-disc flex-col gap-1",
+				children: uniqueErrors.map(_temp2)
+			});
+			$[7] = uniqueErrors;
+			$[8] = t3$1;
+		} else t3$1 = $[8];
+		t1 = t3$1;
+	}
+	const content = t1;
+	let t2;
+	let t3;
+	if ($[9] !== content || $[10] !== fieldIds) {
+		t2 = () => {
+			fieldIds?.setHasError(!!content);
+			return () => fieldIds?.setHasError(false);
+		};
+		t3 = [fieldIds, content];
+		$[9] = content;
+		$[10] = fieldIds;
+		$[11] = t2;
+		$[12] = t3;
+	} else {
+		t2 = $[11];
+		t3 = $[12];
+	}
+	React.useEffect(t2, t3);
+	if (!content) return null;
+	const t4 = fieldIds?.errorId;
+	let t5;
+	if ($[13] !== className) {
+		t5 = cn("qa-field__error text-destructive text-xs/relaxed font-normal", className);
+		$[13] = className;
+		$[14] = t5;
+	} else t5 = $[14];
+	let t6;
+	if ($[15] !== content || $[16] !== props || $[17] !== t4 || $[18] !== t5) {
+		t6 = /* @__PURE__ */ jsx("div", {
+			id: t4,
+			role: "alert",
+			"data-slot": "field-error",
+			className: t5,
+			...props,
+			children: content
+		});
+		$[15] = content;
+		$[16] = props;
+		$[17] = t4;
+		$[18] = t5;
+		$[19] = t6;
+	} else t6 = $[19];
+	return t6;
+}
+function _temp2(error_0) {
+	return error_0?.message && /* @__PURE__ */ jsx("li", { children: error_0.message }, error_0.message);
+}
+function _temp(error) {
+	return [error?.message, error];
+}
+
+//#endregion
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, useFieldIds };

package/dist/client/components/ui/input-group.mjs

@@ -0,0 +1,201 @@
+"use client";
+
+import { cn } from "../../lib/utils.mjs";
+import { Button } from "./button.mjs";
+import { Input } from "./input.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region src/client/components/ui/input-group.tsx
+function InputGroup(t0) {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("qa-input-group border-input bg-transparent font-mono has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/30 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 group/input-group relative flex h-7 w-full min-w-0 items-center border transition-colors outline-none has-[[data-slot=input-group-control]:focus-visible]:ring-[2px] has-[[data-slot][aria-invalid=true]]:ring-[2px] has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 [[data-slot=combobox-content]_&]:focus-within:border-inherit [[data-slot=combobox-content]_&]:focus-within:ring-0", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			"data-slot": "input-group",
+			role: "group",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+const inputGroupAddonVariants = cva("qa-input-group__addon text-muted-foreground **:data-[slot=kbd]:bg-muted-foreground/10 flex h-auto cursor-text items-center justify-center gap-1 py-2 text-xs/relaxed font-medium select-none group-data-[disabled=true]/input-group:opacity-50 **:data-[slot=kbd]:px-1 **:data-[slot=kbd]:text-[0.625rem] [&>svg:not([class*='size-'])]:size-3.5", {
+	variants: { align: {
+		"inline-start": "order-first pl-2 has-[>button]:ml-[-0.275rem] has-[>kbd]:ml-[-0.275rem]",
+		"inline-end": "order-last pr-2 has-[>button]:mr-[-0.275rem] has-[>kbd]:mr-[-0.275rem]",
+		"block-start": "order-first w-full justify-start px-2 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2",
+		"block-end": "order-last w-full justify-start px-2 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2"
+	} },
+	defaultVariants: { align: "inline-start" }
+});
+function InputGroupAddon(t0) {
+	const $ = c(11);
+	let className;
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({className, align: t1, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = t1;
+	} else {
+		className = $[1];
+		props = $[2];
+		t1 = $[3];
+	}
+	const align = t1 === void 0 ? "inline-start" : t1;
+	const handleClick = _temp;
+	const handleKeyDown = _temp2;
+	let t2;
+	if ($[4] !== align || $[5] !== className) {
+		t2 = cn(inputGroupAddonVariants({ align }), className);
+		$[4] = align;
+		$[5] = className;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== align || $[8] !== props || $[9] !== t2) {
+		t3 = /* @__PURE__ */ jsx("div", {
+			role: "button",
+			tabIndex: 0,
+			"data-slot": "input-group-addon",
+			"data-align": align,
+			className: t2,
+			onClick: handleClick,
+			onKeyDown: handleKeyDown,
+			...props
+		});
+		$[7] = align;
+		$[8] = props;
+		$[9] = t2;
+		$[10] = t3;
+	} else t3 = $[10];
+	return t3;
+}
+function _temp2(e_0) {
+	if (e_0.key === "Enter" || e_0.key === " ") {
+		e_0.preventDefault();
+		e_0.currentTarget.parentElement?.querySelector("input")?.focus();
+	}
+}
+function _temp(e) {
+	if (e.target.closest("button")) return;
+	e.currentTarget.parentElement?.querySelector("input")?.focus();
+}
+const inputGroupButtonVariants = cva("qa-input-group__button flex items-center gap-2 text-xs/relaxed shadow-none", {
+	variants: { size: {
+		xs: "h-5 gap-1 px-1 [&>svg:not([class*='size-'])]:size-3",
+		sm: "",
+		"icon-xs": "size-6 p-0 has-[>svg]:p-0",
+		"icon-sm": "size-8 p-0 has-[>svg]:p-0"
+	} },
+	defaultVariants: { size: "xs" }
+});
+function InputGroupButton(t0) {
+	const $ = c(15);
+	let className;
+	let props;
+	let t1;
+	let t2;
+	let t3;
+	if ($[0] !== t0) {
+		({className, type: t1, variant: t2, size: t3, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = t1;
+		$[4] = t2;
+		$[5] = t3;
+	} else {
+		className = $[1];
+		props = $[2];
+		t1 = $[3];
+		t2 = $[4];
+		t3 = $[5];
+	}
+	const type = t1 === void 0 ? "button" : t1;
+	const variant = t2 === void 0 ? "ghost" : t2;
+	const size = t3 === void 0 ? "xs" : t3;
+	let t4;
+	if ($[6] !== className || $[7] !== size) {
+		t4 = cn(inputGroupButtonVariants({ size }), className);
+		$[6] = className;
+		$[7] = size;
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] !== props || $[10] !== size || $[11] !== t4 || $[12] !== type || $[13] !== variant) {
+		t5 = /* @__PURE__ */ jsx(Button, {
+			type,
+			"data-size": size,
+			variant,
+			className: t4,
+			...props
+		});
+		$[9] = props;
+		$[10] = size;
+		$[11] = t4;
+		$[12] = type;
+		$[13] = variant;
+		$[14] = t5;
+	} else t5 = $[14];
+	return t5;
+}
+function InputGroupInput(t0) {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = cn("qa-input-group__input flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 aria-invalid:ring-0", className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Input, {
+			"data-slot": "input-group-control",
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+}
+
+//#endregion
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput };

package/dist/client/components/ui/input.mjs

@@ -0,0 +1,46 @@
+import { cn } from "../../lib/utils.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { Input } from "@base-ui/react/input";
+
+//#region src/client/components/ui/input.tsx
+function Input$1(t0) {
+	const $ = c(10);
+	let className;
+	let props;
+	let type;
+	if ($[0] !== t0) {
+		({className, type, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = type;
+	} else {
+		className = $[1];
+		props = $[2];
+		type = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = cn("qa-input bg-transparent border-input font-mono focus-visible:border-ring focus-visible:ring-ring/30 focus:border-ring focus:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 file:text-foreground placeholder:text-muted-foreground h-9 w-full min-w-0 border px-3 py-1.5 text-sm transition-all outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium focus:ring-[2px] focus-visible:ring-[2px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-[2px]", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== props || $[7] !== t1 || $[8] !== type) {
+		t2 = /* @__PURE__ */ jsx(Input, {
+			type,
+			"data-slot": "input",
+			className: t1,
+			...props
+		});
+		$[6] = props;
+		$[7] = t1;
+		$[8] = type;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
+}
+
+//#endregion
+export { Input$1 as Input };

package/dist/client/components/ui/kbd.mjs

@@ -0,0 +1,53 @@
+import { cn } from "../../lib/utils.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/client/components/ui/kbd.tsx
+/**
+* Keyboard shortcut badge component
+*
+* @example
+* ```tsx
+* <Kbd>⌘K</Kbd>
+* <Kbd>ESC</Kbd>
+* ```
+*/
+function Kbd(t0) {
+	const $ = c(10);
+	let children;
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = cn("qa-kbd bg-muted text-muted-foreground pointer-events-none inline-flex h-5 items-center gap-1 border px-1.5 font-mono text-[10px] font-medium select-none", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== children || $[7] !== props || $[8] !== t1) {
+		t2 = /* @__PURE__ */ jsx("kbd", {
+			className: t1,
+			...props,
+			children
+		});
+		$[6] = children;
+		$[7] = props;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
+}
+
+//#endregion
+export { Kbd };

package/dist/client/components/ui/label.mjs

@@ -0,0 +1,45 @@
+import { cn } from "../../lib/utils.mjs";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/client/components/ui/label.tsx
+function Label(t0) {
+	const $ = c(10);
+	let className;
+	let htmlFor;
+	let props;
+	if ($[0] !== t0) {
+		({className, htmlFor, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = htmlFor;
+		$[3] = props;
+	} else {
+		className = $[1];
+		htmlFor = $[2];
+		props = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = cn("qa-label flex items-center gap-2 font-mono text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== htmlFor || $[7] !== props || $[8] !== t1) {
+		t2 = /* @__PURE__ */ jsx("label", {
+			"data-slot": "label",
+			htmlFor,
+			className: t1,
+			...props
+		});
+		$[6] = htmlFor;
+		$[7] = props;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
+}
+
+//#endregion
+export { Label };