highsoft-ui 1.0.123 → 1.0.125

package/dist/RadioBox-C_KZn7fw.js

@@ -0,0 +1,76 @@
+import { t as e } from "./clsx-D7D_XZ_-.js";
+import { createContext as t, useCallback as n, useContext as r, useId as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+var c = {
+	content: "oAzkEW_content",
+	disabled: "oAzkEW_disabled",
+	dot: "oAzkEW_dot",
+	iconVariant: "oAzkEW_iconVariant",
+	input: "oAzkEW_input",
+	radioBox: "oAzkEW_radioBox",
+	selected: "oAzkEW_selected"
+}, l = t(null);
+function u({ name: e, value: t, defaultValue: r, onChange: i, children: s, className: c, style: u }) {
+	let [d, f] = a(r), p = t !== void 0, m = p ? t : d, h = n((e) => {
+		p || f(e), i?.(e);
+	}, [p, i]);
+	return /* @__PURE__ */ o(l.Provider, {
+		value: {
+			name: e,
+			value: m,
+			onChange: h
+		},
+		children: /* @__PURE__ */ o("div", {
+			role: "radiogroup",
+			className: c,
+			style: u,
+			children: s
+		})
+	});
+}
+function d({ value: t, children: a, disabled: u = !1, checked: d, defaultChecked: f, onChange: p, name: m, variant: h = "default", iconLeft: g, className: _, style: v }) {
+	let y = r(l), b = i(), x = y !== null, S = x ? y.name : m, C = x ? y.value === t : d, w = n(() => {
+		u || (y?.onChange(t), p?.(t));
+	}, [
+		u,
+		y,
+		t,
+		p
+	]), T = n((e) => {
+		(e.key === " " || e.key === "Enter") && (e.preventDefault(), w());
+	}, [w]), E = x ? { checked: C ?? !1 } : d === void 0 ? { defaultChecked: f } : { checked: d };
+	return /* @__PURE__ */ s("label", {
+		tabIndex: u ? -1 : 0,
+		onKeyDown: T,
+		className: e("hsui-radiobox", c.radioBox, {
+			[c.selected]: C,
+			[c.disabled]: u,
+			[c.iconVariant]: h === "icon"
+		}, _),
+		style: v,
+		children: [
+			g,
+			/* @__PURE__ */ o("div", {
+				className: c.content,
+				children: a
+			}),
+			h === "default" && /* @__PURE__ */ o("span", {
+				className: c.dot,
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ o("input", {
+				type: "radio",
+				id: b,
+				tabIndex: -1,
+				className: c.input,
+				name: S,
+				value: t,
+				disabled: u,
+				onChange: w,
+				...E
+			})
+		]
+	});
+}
+//#endregion
+export { u as n, d as t };