haze-ui 1.32.0 → 1.34.0

package/dist/components/ImageCrop/ImageCrop.js

@@ -0,0 +1,188 @@
+
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+import { KEYBOARD_STEP as t, defaultRect as n, moveRect as r, normalizeRect as i, pointerToNormalized as a, resizeFromAnchor as o, resizeRect as s } from "./image-crop-geometry.js";
+/* empty css                    */
+import { useCallback as c, useEffect as l, useId as u, useImperativeHandle as d, useRef as f, useState as p } from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { useControl as g } from "react-use-control";
+//#region src/lib/components/ImageCrop/ImageCrop.tsx
+var _ = [
+	"nw",
+	"ne",
+	"sw",
+	"se"
+], ee = "haze-ImageCrop__root", v = "haze-ImageCrop__sourceClass", y = "haze-ImageCrop__frame", b = "haze-ImageCrop__canvasClass", te = "haze-ImageCrop__loading", ne = "haze-ImageCrop__cropBox", re = "haze-ImageCrop__cropCircle", ie = "haze-ImageCrop__handleBase", ae = {
+	nw: "haze-ImageCrop__nw",
+	ne: "haze-ImageCrop__ne",
+	sw: "haze-ImageCrop__sw",
+	se: "haze-ImageCrop__se"
+}, x = "haze-ImageCrop__notice", S = "haze-ImageCrop__srOnly", C = (e) => `${Math.round(e * 1e4) / 100}%`;
+function w({ src: w, alt: oe, value: T, onChange: E, aspect: D, shape: O = "rect", cropLabel: se = "Crop region", unsupportedLabel: ce = "Image cropping is not supported in this browser.", errorLabel: le = "Failed to load the image.", disabled: k = !1, crossOrigin: ue, className: A, ref: j, ...M }) {
+	let [N, P] = g(T, void 0), [F, I] = p(null), [L, R] = p(!1), [z, B] = p(!1), V = f(null), H = f(null), U = f(null), W = f(null), G = u();
+	l(() => {
+		I(null), R(!1);
+	}, [w]);
+	let K = F === null ? void 0 : i(N ?? n(D, F), D, F), q = f(void 0);
+	l(() => {
+		q.current = K;
+	}, [K]);
+	let J = c((e) => {
+		(K?.x !== e.x || K.y !== e.y || K.width !== e.width || K.height !== e.height) && (P(e), E?.(e));
+	}, [
+		K,
+		P,
+		E
+	]);
+	l(() => {
+		if (F === null) return;
+		let e = H.current, t = V.current;
+		if (e === null || t === null) return;
+		e.width = F.width, e.height = F.height;
+		let n = e.getContext("2d");
+		B(n === null), n !== null && n.drawImage(t, 0, 0, F.width, F.height);
+	}, [F]);
+	let de = () => {
+		let e = V.current;
+		if (e === null) return;
+		let t = {
+			width: e.naturalWidth,
+			height: e.naturalHeight
+		};
+		if (t.width === 0 || t.height === 0) {
+			R(!0);
+			return;
+		}
+		I(t), R(!1);
+	}, fe = () => R(!0), pe = (e) => {
+		if (k || K === void 0 || F === null) return;
+		let { key: n, shiftKey: i } = e, a = n === "ArrowRight" ? t : n === "ArrowLeft" ? -t : 0, o = n === "ArrowDown" ? t : n === "ArrowUp" ? -t : 0;
+		(a !== 0 || o !== 0) && (e.preventDefault(), J(i ? s(K, a, o, D, F) : r(K, a, o)));
+	}, Y = (e, t) => {
+		if (k || K === void 0 || e.button !== 0) return;
+		let n = U.current?.getBoundingClientRect();
+		if (n === void 0) return;
+		e.preventDefault(), e.stopPropagation(), W.current = {
+			pointerId: e.pointerId,
+			mode: t,
+			start: K,
+			origin: a(e.clientX, e.clientY, n)
+		};
+		let r = e.currentTarget;
+		if (typeof r.setPointerCapture == "function") try {
+			r.setPointerCapture(e.pointerId);
+		} catch {}
+	}, X = (e) => {
+		let t = W.current;
+		if (t?.pointerId !== e.pointerId || F === null) return;
+		let n = U.current?.getBoundingClientRect();
+		if (n === void 0) return;
+		let i = a(e.clientX, e.clientY, n);
+		J(t.mode === "move" ? r(t.start, i.x - t.origin.x, i.y - t.origin.y) : o(t.start, t.mode, i, D, F));
+	}, Z = (e) => {
+		if (W.current?.pointerId !== e.pointerId) return;
+		W.current = null;
+		let t = e.currentTarget;
+		if (typeof t.releasePointerCapture == "function") try {
+			t.releasePointerCapture(e.pointerId);
+		} catch {}
+	}, Q = (e) => e.target === e.currentTarget, $ = c(() => {
+		let e = V.current;
+		if (e === null || F === null) return null;
+		let t = q.current ?? i(n(D, F), D, F), r = t.x * F.width, a = t.y * F.height, o = t.width * F.width, s = t.height * F.height, c = Math.max(1, Math.round(o)), l = Math.max(1, Math.round(s)), u = document.createElement("canvas");
+		u.width = c, u.height = l;
+		let d = u.getContext("2d");
+		return d === null ? null : (d.drawImage(e, r, a, o, s, 0, 0, c, l), u);
+	}, [D, F]);
+	d(j, () => ({ getCroppedCanvas: $ }), [$]);
+	let me = K === void 0 ? void 0 : {
+		left: C(K.x),
+		top: C(K.y),
+		width: C(K.width),
+		height: C(K.height)
+	};
+	return /* @__PURE__ */ h("div", {
+		"data-slot": "image-crop",
+		...M,
+		className: e([ee, A]),
+		children: [/* @__PURE__ */ m("img", {
+			ref: V,
+			"data-slot": "source",
+			src: w,
+			alt: "",
+			"aria-hidden": "true",
+			draggable: !1,
+			crossOrigin: ue,
+			onLoad: de,
+			onError: fe,
+			className: e([v])
+		}), L ? /* @__PURE__ */ m("div", {
+			"data-slot": "error-notice",
+			role: "status",
+			className: e([x]),
+			children: le
+		}) : z ? /* @__PURE__ */ m("div", {
+			"data-slot": "unsupported-notice",
+			role: "status",
+			className: e([x]),
+			children: ce
+		}) : F === null ? /* @__PURE__ */ m("div", {
+			"data-slot": "loading",
+			"aria-hidden": "true",
+			className: e([te])
+		}) : /* @__PURE__ */ h("div", {
+			ref: U,
+			"data-slot": "crop-frame",
+			className: e([y]),
+			children: [
+				/* @__PURE__ */ m("canvas", {
+					ref: H,
+					"data-slot": "canvas",
+					role: "img",
+					"aria-label": oe,
+					className: e([b])
+				}),
+				/* @__PURE__ */ m("div", {
+					"data-slot": "crop-box",
+					"data-shape": O,
+					role: "group",
+					"aria-label": se,
+					"aria-describedby": G,
+					"aria-disabled": k || void 0,
+					tabIndex: k ? -1 : 0,
+					style: me,
+					onKeyDown: pe,
+					onPointerDown: (e) => Y(e, "move"),
+					onPointerMove: (e) => {
+						Q(e) && X(e);
+					},
+					onPointerUp: (e) => {
+						Q(e) && Z(e);
+					},
+					onPointerCancel: (e) => {
+						Q(e) && Z(e);
+					},
+					className: e([ne, O === "circle" && re]),
+					children: _.map((t) => /* @__PURE__ */ m("span", {
+						"data-slot": "crop-handle",
+						"data-corner": t,
+						"aria-hidden": "true",
+						onPointerDown: (e) => Y(e, t),
+						onPointerMove: X,
+						onPointerUp: Z,
+						onPointerCancel: Z,
+						className: e([ie, ae[t]])
+					}, t))
+				}),
+				/* @__PURE__ */ m("span", {
+					"data-slot": "crop-description",
+					id: G,
+					className: e([S]),
+					children: K === void 0 ? "" : `Crop starts ${Math.round(K.x * 100)}% from the left and ${Math.round(K.y * 100)}% from the top, covering ${Math.round(K.width * 100)}% of the width and ${Math.round(K.height * 100)}% of the height. Arrow keys move the crop. Shift and arrow keys resize it.`
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { w as default };

package/dist/components/ImageCrop/image-crop-geometry.js

@@ -0,0 +1,81 @@
+"use client";
+//#region src/lib/components/ImageCrop/image-crop-geometry.ts
+var e = .05, t = .01, n = (e) => Math.round(e * 1e6) / 1e6, r = (e, t, n) => Math.min(n, Math.max(e, t)), i = (e) => e !== void 0 && e > 0, a = (e, t) => t.width / (e * t.height);
+function o(t, i, o) {
+	let s = a(i, o), c = r(t.width, e, 1), l = c * s, u = c;
+	return l > 1 && (l = 1, u = r(1 / s, e, 1)), {
+		x: n(r(t.x, 0, 1 - u)),
+		y: n(r(t.y, 0, 1 - l)),
+		width: n(u),
+		height: n(l)
+	};
+}
+function s(t, a, s) {
+	if (i(a)) return o(t, a, s);
+	let c = r(t.width, e, 1), l = r(t.height, e, 1);
+	return {
+		x: n(r(t.x, 0, 1 - c)),
+		y: n(r(t.y, 0, 1 - l)),
+		width: n(c),
+		height: n(l)
+	};
+}
+function c(e, t) {
+	let r = s({
+		x: .1,
+		y: .1,
+		width: .8,
+		height: .8
+	}, e, t);
+	return {
+		x: n((1 - r.width) / 2),
+		y: n((1 - r.height) / 2),
+		width: r.width,
+		height: r.height
+	};
+}
+function l(e, t, i) {
+	return {
+		x: n(r(e.x + t, 0, 1 - e.width)),
+		y: n(r(e.y + i, 0, 1 - e.height)),
+		width: e.width,
+		height: e.height
+	};
+}
+function u(t, s, c, l, u) {
+	if (i(l)) {
+		let n = a(l, u), i = r(t.width + s + c / n, e, 1);
+		return o({
+			...t,
+			width: i
+		}, l, u);
+	}
+	let d = r(t.width + s, e, 1), f = r(t.height + c, e, 1);
+	return {
+		x: n(r(t.x, 0, 1 - d)),
+		y: n(r(t.y, 0, 1 - f)),
+		width: n(d),
+		height: n(f)
+	};
+}
+function d(t, o, s, c, l) {
+	let u = o === "nw" || o === "sw" ? t.x + t.width : t.x, d = o === "nw" || o === "ne" ? t.y + t.height : t.y, f = o === "nw" || o === "sw" ? u : 1 - u, p = o === "nw" || o === "ne" ? d : 1 - d, m = r(Math.abs(s.x - u), Math.min(e, f), f), h = r(Math.abs(s.y - d), Math.min(e, p), p);
+	if (i(c)) {
+		let t = a(c, l);
+		h = m * t, h > p && (h = p, m = r(h / t, Math.min(e, f), f));
+	}
+	return {
+		x: n(o === "nw" || o === "sw" ? u - m : u),
+		y: n(o === "nw" || o === "ne" ? d - h : d),
+		width: n(m),
+		height: n(h)
+	};
+}
+function f(e, t, n) {
+	return {
+		x: (e - n.left) / Math.max(n.width, 1),
+		y: (t - n.top) / Math.max(n.height, 1)
+	};
+}
+//#endregion
+export { t as KEYBOARD_STEP, e as MIN_CROP, c as defaultRect, o as fitAspect, l as moveRect, s as normalizeRect, f as pointerToNormalized, d as resizeFromAnchor, u as resizeRect };

package/dist/components/ImageCrop/index.js

@@ -0,0 +1,3 @@
+"use client";
+import e from "./ImageCrop.js";
+export { e as ImageCrop };

package/dist/components/InlineCitation/InlineCitation.js

@@ -0,0 +1,78 @@
+
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+import { FloatingPanel as t, useFloating as n } from "../../utils/floating.js";
+/* empty css                         */
+import { useId as r, useRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useControl as s } from "react-use-control";
+//#region src/lib/components/InlineCitation/InlineCitation.tsx
+var c = "haze-InlineCitation__sup", l = "haze-InlineCitation__badge", u = "haze-InlineCitation__panelVisuals", d = "haze-InlineCitation__cardHeader", f = "haze-InlineCitation__cardIndex", p = "haze-InlineCitation__titleStyle", m = "haze-InlineCitation__titleLink", h = "haze-InlineCitation__snippetStyle";
+function g({ index: g = 1, href: _, title: v, snippet: y, open: b, className: x, ...S }) {
+	let [C, w] = s(b, !1), T = r(), E = i(null), D = i(null), O = n({
+		open: C,
+		setOpen: w,
+		triggerRef: E,
+		panelRef: D,
+		animated: !0
+	});
+	return /* @__PURE__ */ o("sup", {
+		"data-slot": "inline-citation",
+		...S,
+		className: e([c, x]),
+		children: [/* @__PURE__ */ o("button", {
+			ref: E,
+			type: "button",
+			"data-slot": "citation-trigger",
+			style: O.triggerStyle,
+			"aria-haspopup": "true",
+			"aria-expanded": C,
+			"aria-controls": T,
+			onPointerDown: O.onTriggerPointerDown,
+			onClick: O.onTriggerClick,
+			className: e(l),
+			children: [
+				"[",
+				g,
+				"]"
+			]
+		}), /* @__PURE__ */ o(t, {
+			ref: D,
+			behavior: O,
+			placement: "bottom-span",
+			id: T,
+			visualClass: u,
+			children: [/* @__PURE__ */ o("div", {
+				"data-slot": "citation-header",
+				className: e(d),
+				children: [/* @__PURE__ */ o("span", {
+					"data-slot": "citation-index",
+					"aria-hidden": "true",
+					className: e(f),
+					children: [
+						"[",
+						g,
+						"]"
+					]
+				}), v !== void 0 && (_ === void 0 ? /* @__PURE__ */ a("span", {
+					"data-slot": "citation-title",
+					className: e(p),
+					children: v
+				}) : /* @__PURE__ */ a("a", {
+					"data-slot": "citation-title",
+					href: _,
+					target: "_blank",
+					rel: "noopener noreferrer",
+					className: e(m),
+					children: v
+				}))]
+			}), y !== void 0 && /* @__PURE__ */ a("p", {
+				"data-slot": "citation-snippet",
+				className: e(h),
+				children: y
+			})]
+		})]
+	});
+}
+//#endregion
+export { g as default };

package/dist/components/InlineCitation/index.js

@@ -0,0 +1,3 @@
+"use client";
+import e from "./InlineCitation.js";
+export { e as InlineCitation };

package/dist/components/InlineEdit/InlineEdit.js

@@ -3,49 +3,71 @@
 import { classnames as e } from "../../utils/classnames.js";
 import { useStrings as t } from "../LocaleProvider/useStrings.js";
 /* empty css                     */
-import { useEffect as n, useRef as r, useState as i } from "react";
-import { jsx as a } from "react/jsx-runtime";
-import { useControl as o } from "react-use-control";
+import { c as n } from "react/compiler-runtime";
+import { useEffect as r, useRef as i, useState as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+import { useControl as s } from "react-use-control";
 //#region src/lib/components/InlineEdit/InlineEdit.tsx
-var s = "haze-InlineEdit__display", c = "haze-InlineEdit__editing", l = "haze-InlineEdit__placeholderStyle";
-function u({ value: u, onChange: d, placeholder: f, disabled: p, className: m }) {
-	let [h, g] = o(u, ""), [_, v] = i(!1), [y, b] = i(h), x = r(null), S = t("inlineEdit"), C = f ?? S.placeholder;
-	n(() => {
-		_ && (x.current?.focus(), x.current?.select());
-	}, [_]);
-	let w = () => {
-		p || (b(h), v(!0));
-	}, T = () => {
-		v(!1), y !== h && (g(y), d?.(y));
-	}, E = () => {
-		v(!1), b(h);
-	};
-	return _ ? /* @__PURE__ */ a("input", {
-		ref: x,
+var c = "haze-InlineEdit__display", l = "haze-InlineEdit__editing", u = "haze-InlineEdit__placeholderStyle";
+function d(d) {
+	let f = n(35), { value: p, onChange: m, placeholder: h, disabled: g, className: _ } = d, [v, y] = s(p, ""), [b, x] = a(!1), [S, C] = a(v), w = i(null), T = t("inlineEdit"), E = h ?? T.placeholder, D, O;
+	f[0] === b ? (D = f[1], O = f[2]) : (D = () => {
+		b && (w.current?.focus(), w.current?.select());
+	}, O = [b], f[0] = b, f[1] = D, f[2] = O), r(D, O);
+	let k;
+	f[3] !== g || f[4] !== v ? (k = () => {
+		g || (C(v), x(!0));
+	}, f[3] = g, f[4] = v, f[5] = k) : k = f[5];
+	let A = k, j;
+	f[6] !== S || f[7] !== m || f[8] !== y || f[9] !== v ? (j = () => {
+		x(!1), S !== v && (y(S), m?.(S));
+	}, f[6] = S, f[7] = m, f[8] = y, f[9] = v, f[10] = j) : j = f[10];
+	let M = j, N;
+	f[11] === v ? N = f[12] : (N = () => {
+		x(!1), C(v);
+	}, f[11] = v, f[12] = N);
+	let P = N, F;
+	f[13] !== P || f[14] !== M ? (F = (e) => {
+		e.key === "Enter" && M(), e.key === "Escape" && P();
+	}, f[13] = P, f[14] = M, f[15] = F) : F = f[15];
+	let I = F;
+	if (b) {
+		let t;
+		f[16] === _ ? t = f[17] : (t = [l, _], f[16] = _, f[17] = t);
+		let n;
+		f[18] === Symbol.for("react.memo_cache_sentinel") ? (n = (e) => C(e.target.value), f[18] = n) : n = f[18];
+		let r;
+		return f[19] !== M || f[20] !== S || f[21] !== I || f[22] !== E || f[23] !== t ? (r = /* @__PURE__ */ o("input", {
+			ref: w,
+			"data-slot": "inline-edit",
+			"aria-label": E,
+			value: S,
+			onChange: n,
+			onBlur: M,
+			onKeyDown: I,
+			className: e(t)
+		}), f[19] = M, f[20] = S, f[21] = I, f[22] = E, f[23] = t, f[24] = r) : r = f[24], r;
+	}
+	let L = !v && u, R;
+	f[25] !== _ || f[26] !== L ? (R = [
+		c,
+		L,
+		_
+	], f[25] = _, f[26] = L, f[27] = R) : R = f[27];
+	let z;
+	f[28] === A ? z = f[29] : (z = (e) => {
+		e.key === "Enter" && A();
+	}, f[28] = A, f[29] = z);
+	let B = v || E, V;
+	return f[30] !== A || f[31] !== B || f[32] !== R || f[33] !== z ? (V = /* @__PURE__ */ o("span", {
 		"data-slot": "inline-edit",
-		"aria-label": C,
-		value: y,
-		onChange: (e) => b(e.target.value),
-		onBlur: T,
-		onKeyDown: (e) => {
-			e.key === "Enter" && T(), e.key === "Escape" && E();
-		},
-		className: e([c, m])
-	}) : /* @__PURE__ */ a("span", {
-		"data-slot": "inline-edit",
-		onClick: w,
+		onClick: A,
 		role: "button",
 		tabIndex: 0,
-		onKeyDown: (e) => {
-			e.key === "Enter" && w();
-		},
-		className: e([
-			s,
-			!h && l,
-			m
-		]),
-		children: h || C
-	});
+		onKeyDown: z,
+		className: e(R),
+		children: B
+	}), f[30] = A, f[31] = B, f[32] = R, f[33] = z, f[34] = V) : V = f[34], V;
 }
 //#endregion
-export { u as default };
+export { d as default };

package/dist/components/Input/Input.js

@@ -1,21 +1,25 @@
 "use client";
-import e from "./InputCore.js";
-import { jsx as t } from "react/jsx-runtime";
-import { useControl as n } from "react-use-control";
+import { useConfigDefaults as e } from "../ConfigProvider/useConfigDefaults.js";
+import t from "./InputCore.js";
+import { c as n } from "react/compiler-runtime";
+import { jsx as r } from "react/jsx-runtime";
+import { useControl as i } from "react-use-control";
 //#region src/lib/components/Input/Input.tsx
-function r({ value: r, size: i, className: a, leftSection: o, rightSection: s, onChange: c, ref: l, ...u }) {
-	let [d, f] = n(r, "");
-	return /* @__PURE__ */ t(e, {
-		ref: l,
-		value: d,
-		onChange: f,
-		onNativeChange: c,
-		size: i,
-		className: a,
-		leftSection: o,
-		rightSection: s,
-		...u
-	});
+function a(a) {
+	let o = n(19), s, c, l, u, d, f, p, m;
+	o[0] === a ? (s = o[1], c = o[2], l = o[3], u = o[4], d = o[5], f = o[6], p = o[7], m = o[8]) : ({value: m, size: p, className: s, leftSection: c, rightSection: f, onChange: l, ref: u, ...d} = a, o[0] = a, o[1] = s, o[2] = c, o[3] = l, o[4] = u, o[5] = d, o[6] = f, o[7] = p, o[8] = m);
+	let [h, g] = i(m, ""), _ = e("Input"), v = p ?? _.size, y;
+	return o[9] !== s || o[10] !== c || o[11] !== l || o[12] !== u || o[13] !== d || o[14] !== f || o[15] !== g || o[16] !== v || o[17] !== h ? (y = /* @__PURE__ */ r(t, {
+		ref: u,
+		value: h,
+		onChange: g,
+		onNativeChange: l,
+		size: v,
+		className: s,
+		leftSection: c,
+		rightSection: f,
+		...d
+	}), o[9] = s, o[10] = c, o[11] = l, o[12] = u, o[13] = d, o[14] = f, o[15] = g, o[16] = v, o[17] = h, o[18] = y) : y = o[18], y;
 }
 //#endregion
-export { r as default };
+export { a as default };

package/dist/components/Input/InputCore.js

@@ -1,16 +1,13 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
+import { sizes as t } from "./input-styles.js";
 /* empty css                    */
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/lib/components/Input/InputCore.tsx
-var r = "haze-InputCore__base", i = {
-	sm: "haze-InputCore__sm",
-	md: "haze-InputCore__md",
-	lg: "haze-InputCore__lg"
-}, a = "haze-InputCore__wrapper", o = "haze-InputCore__section", s = "haze-InputCore__sectionStart", c = "haze-InputCore__sectionEnd", l = "haze-InputCore__padStart", u = "haze-InputCore__padEnd";
+var i = "haze-InputCore__base", a = "haze-InputCore__wrapper", o = "haze-InputCore__section", s = "haze-InputCore__sectionStart", c = "haze-InputCore__sectionEnd", l = "haze-InputCore__padStart", u = "haze-InputCore__padEnd";
 function d({ value: d, onChange: f, onNativeChange: p, size: m = "md", className: h, leftSection: g, rightSection: _, ref: v, ...y }) {
-	let b = /* @__PURE__ */ t("input", {
+	let b = /* @__PURE__ */ n("input", {
 		ref: v,
 		"data-slot": "input",
 		value: d,
@@ -19,24 +16,24 @@ function d({ value: d, onChange: f, onNativeChange: p, size: m = "md", className
 		},
 		...y,
 		className: e([
-			r,
-			i[m],
+			i,
+			t[m],
 			g !== void 0 && l,
 			_ !== void 0 && u,
 			h
 		])
 	});
-	return g === void 0 && _ === void 0 ? b : /* @__PURE__ */ n("span", {
+	return g === void 0 && _ === void 0 ? b : /* @__PURE__ */ r("span", {
 		"data-slot": "field",
 		className: e([a]),
 		children: [
-			g !== void 0 && /* @__PURE__ */ t("span", {
+			g !== void 0 && /* @__PURE__ */ n("span", {
 				"data-slot": "left-section",
 				className: e([o, s]),
 				children: g
 			}),
 			b,
-			_ !== void 0 && /* @__PURE__ */ t("span", {
+			_ !== void 0 && /* @__PURE__ */ n("span", {
 				"data-slot": "right-section",
 				className: e([o, c]),
 				children: _

package/dist/components/Input/input-styles.js

@@ -0,0 +1,11 @@
+
+"use client";
+/* empty css                       */
+//#region src/lib/components/Input/input-styles.ts
+var e = {
+	sm: "haze-input-styles__sm",
+	md: "haze-input-styles__md",
+	lg: "haze-input-styles__lg"
+};
+//#endregion
+export { e as sizes };

package/dist/components/InputGroup/InputGroup.js

@@ -0,0 +1,33 @@
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+import { InputGroupProvider as t } from "./InputGroupContext.js";
+import { group as n } from "./input-group-styles.js";
+import r from "./InputGroupAddon.js";
+import { Children as i, cloneElement as a, isValidElement as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/lib/components/InputGroup/InputGroup.tsx
+function c(e, t) {
+	return i.map(e, (e) => !o(e) || e.type === r || e.props.size !== void 0 ? e : a(e, { size: t }));
+}
+function l({ size: r = "md", classNames: i, className: a, children: o, ref: l, ...u }) {
+	let d = {
+		size: r,
+		addonClass: i?.addon
+	};
+	return /* @__PURE__ */ s(t, {
+		value: d,
+		children: /* @__PURE__ */ s("div", {
+			ref: l,
+			"data-slot": "input-group",
+			...u,
+			className: e([
+				n,
+				a,
+				i?.root
+			]),
+			children: c(o, r)
+		})
+	});
+}
+//#endregion
+export { l as default };

package/dist/components/InputGroup/InputGroupAddon.js

@@ -0,0 +1,27 @@
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+import { useInputGroup as t } from "./InputGroupContext.js";
+import { addon as n, addonSizes as r } from "./input-group-styles.js";
+import { c as i } from "react/compiler-runtime";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/lib/components/InputGroup/InputGroupAddon.tsx
+function o(o) {
+	let s = i(13), c, l, u, d;
+	s[0] === o ? (c = s[1], l = s[2], u = s[3], d = s[4]) : ({children: c, size: d, className: l, ...u} = o, s[0] = o, s[1] = c, s[2] = l, s[3] = u, s[4] = d);
+	let f = t(), p = d ?? f?.size ?? "md", m = r[p], h = f?.addonClass, g;
+	s[5] !== l || s[6] !== m || s[7] !== h ? (g = [
+		n,
+		m,
+		h,
+		l
+	], s[5] = l, s[6] = m, s[7] = h, s[8] = g) : g = s[8];
+	let _;
+	return s[9] !== c || s[10] !== u || s[11] !== g ? (_ = /* @__PURE__ */ a("span", {
+		"data-slot": "addon",
+		...u,
+		className: e(g),
+		children: c
+	}), s[9] = c, s[10] = u, s[11] = g, s[12] = _) : _ = s[12], _;
+}
+//#endregion
+export { o as default };

package/dist/components/InputGroup/InputGroupContext.js

@@ -0,0 +1,9 @@
+"use client";
+import { createContext as e, useContext as t } from "react";
+//#region src/lib/components/InputGroup/InputGroupContext.ts
+var n = e(void 0), r = n.Provider;
+function i() {
+	return t(n);
+}
+//#endregion
+export { n as InputGroupContext, r as InputGroupProvider, i as useInputGroup };

package/dist/components/InputGroup/index.js

@@ -0,0 +1,5 @@
+"use client";
+import { useInputGroup as e } from "./InputGroupContext.js";
+import t from "./InputGroupAddon.js";
+import n from "./InputGroup.js";
+export { n as InputGroup, t as InputGroupAddon, e as useInputGroup };

package/dist/components/InputGroup/input-group-styles.js

@@ -0,0 +1,11 @@
+
+"use client";
+/* empty css                             */
+//#region src/lib/components/InputGroup/input-group-styles.ts
+var e = "haze-input-group-styles__group", t = "haze-input-group-styles__addon", n = {
+	sm: "haze-input-group-styles__addonSm",
+	md: "haze-input-group-styles__addonMd",
+	lg: "haze-input-group-styles__addonLg"
+};
+//#endregion
+export { t as addon, n as addonSizes, e as group };