@utk09/finra-ui 0.0.6 → 0.0.8

package/README.md

@@ -1,4 +1,4 @@
-# Finra UI
+# Finra UI - Core
 
 React component library for web applications.
 
@@ -156,7 +156,7 @@ Every component renders a stable `data-finra-ui` attribute for targeted CSS over
 
 ### Zero External Runtime Dependencies
 
-The only runtime dependencies are `clsx` and `class-variance-authority`.
+The only runtime dependencies are `clsx`, `class-variance-authority`, and `@utk09/finra-ui-icons`.
 
 ## Development
 
@@ -188,8 +188,12 @@ pnpm run typecheck && pnpm run lint && pnpm run test
 ### Project Structure
 
 ```txt
-packages/core/     - Component library (@utk09/finra-ui)
-apps/storybook/    - Storybook documentation app
+packages/core/       - Core component library (@utk09/finra-ui)
+packages/finance/    - Financial domain components (@utk09/finra-ui-finance)
+packages/icons/      - Icon library (@utk09/finra-ui-icons)
+apps/storybook/      - Storybook documentation app
+apps/react-example-basic/    - E-commerce store demo
+apps/react-example-advanced/ - Financial dashboard demo
 ```
 
 ## License

package/dist/ComboBox-B7w5n-lW.js

@@ -0,0 +1,451 @@
+import { n as e, t } from "./cx-Cj1p8CM7.js";
+import { cloneElement as n, forwardRef as r, isValidElement as i, useCallback as a, useEffect as o, useId as s, useMemo as c, useRef as l, useState as u } from "react";
+import { Fragment as ee, jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/hooks/useClickOutside.ts
+function p(e, t, n) {
+	o(() => {
+		if (!n) return;
+		let r = (n) => {
+			e.current && !e.current.contains(n.target) && t();
+		};
+		return document.addEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
+	}, [
+		e,
+		t,
+		n
+	]);
+}
+//#endregion
+//#region src/hooks/useControlledValue.ts
+function m(e, t, n) {
+	let [r, i] = u(t), s = e !== void 0, c = s ? e : r;
+	return o(() => {
+		s && i(e);
+	}, [s, e]), [c, a((e) => {
+		s || i(e), n?.(e);
+	}, [s, n])];
+}
+//#endregion
+//#region src/unstyled/Slot.tsx
+function h(e, t) {
+	let n = {
+		...e,
+		...t
+	};
+	for (let r of Object.keys(e)) {
+		if (r === "children" || r === "ref") continue;
+		let i = e[r], a = t[r];
+		typeof i == "function" && typeof a == "function" && (n[r] = (...e) => {
+			a(...e), i(...e);
+		}), r === "className" && typeof i == "string" && typeof a == "string" && (n[r] = `${i} ${a}`.trim()), r === "style" && typeof i == "object" && typeof a == "object" && (n[r] = {
+			...i,
+			...a
+		});
+	}
+	return n;
+}
+var g = r(({ children: t, ...r }, a) => {
+	if (!i(t)) return null;
+	let o = t.props, s = t.ref;
+	return n(t, {
+		...h(r, o),
+		ref: e(a, s)
+	});
+});
+g.displayName = "Slot";
+//#endregion
+//#region src/unstyled/Button/Button.tsx
+var _ = r(({ asChild: e = !1, ...t }, n) => /* @__PURE__ */ d(e ? g : "button", {
+	ref: n,
+	...t
+}));
+_.displayName = "ButtonBase";
+//#endregion
+//#region src/unstyled/IconButton/IconButton.tsx
+var v = r(({ asChild: e = !1, icon: t, children: n, ...r }, i) => /* @__PURE__ */ f(e ? g : "button", {
+	ref: i,
+	...r,
+	children: [t, n]
+}));
+v.displayName = "IconButtonBase";
+//#endregion
+//#region src/unstyled/Checkbox/Checkbox.tsx
+var y = r(({ indeterminate: t, ...n }, r) => /* @__PURE__ */ d("input", {
+	ref: e(r, a((e) => {
+		e && (e.indeterminate = t ?? !1);
+	}, [t])),
+	type: "checkbox",
+	...n
+}));
+y.displayName = "CheckboxBase";
+//#endregion
+//#region src/unstyled/Switch/Switch.tsx
+var b = r((e, t) => /* @__PURE__ */ d("input", {
+	ref: t,
+	type: "checkbox",
+	role: "switch",
+	...e
+}));
+b.displayName = "SwitchBase";
+//#endregion
+//#region src/unstyled/RadioButton/RadioButton.tsx
+var x = r((e, t) => /* @__PURE__ */ d("input", {
+	ref: t,
+	type: "radio",
+	...e
+}));
+x.displayName = "RadioButtonBase";
+//#endregion
+//#region src/unstyled/Slider/Slider.tsx
+var S = r((e, t) => /* @__PURE__ */ d("input", {
+	ref: t,
+	type: "range",
+	...e
+}));
+S.displayName = "SliderBase";
+//#endregion
+//#region src/logic/combobox.ts
+function te(e, t) {
+	return t ? e.label.toLowerCase().includes(t.toLowerCase()) : !0;
+}
+function ne(e) {
+	let t = [], n = /* @__PURE__ */ new Map(), r = [];
+	for (let i of e) if (i.favourite && t.push(i), i.group) {
+		let e = n.get(i.group) ?? [];
+		e.push(i), n.set(i.group, e);
+	} else r.push(i);
+	let i = [];
+	for (let [e, t] of n) i.push({
+		label: e,
+		options: t
+	});
+	return {
+		favourites: t,
+		groups: i,
+		ungrouped: r
+	};
+}
+//#endregion
+//#region src/unstyled/ComboBox/ComboBox.tsx
+function C({ options: n, value: r, onChange: i, multiple: h = !1, inputValue: g, onInputChange: _, filterFn: v, loading: y = !1, onLoadOptions: b, creatable: x = !1, onCreateOption: S, formatCreateLabel: C, header: w, footer: re, placeholder: T, disabled: E = !1, noOptionsMessage: ie = "No options", renderOption: ae, renderValue: D, renderCheckIcon: oe, renderIndicator: se, renderPillRemoveIcon: O, renderLoading: ce, open: le, onOpenChange: ue, classNames: k, dataAttributes: de, "aria-label": fe, "aria-labelledby": pe, ...me }, he) {
+	let ge = s(), A = `${ge}-listbox`, j = l(null), M = l(null), _e = l(null), [N, P] = m(le, !1, ue), [F, I] = m(g, "", _), [L, R] = u(-1), z = c(() => r == null ? [] : Array.isArray(r) ? r : [r], [r]), B = a((e) => z.some((t) => t === e), [z]), V = v ?? te, H = c(() => n.filter((e) => V(e, F)), [
+		n,
+		V,
+		F
+	]), U = c(() => {
+		let { favourites: e, groups: t, ungrouped: n } = ne(H), r = [];
+		for (let t of e) r.push(t);
+		for (let e of t) for (let t of e.options) t.favourite || r.push(t);
+		for (let e of n) e.favourite || r.push(e);
+		return r;
+	}, [H]), W = x && F.trim() !== "" && !n.some((e) => e.label.toLowerCase() === F.trim().toLowerCase()), ve = C ? C(F.trim()) : `Create "${F.trim()}"`, G = U.length + (W ? 1 : 0), K = a((e) => {
+		if (!e.disabled) {
+			if (h) {
+				let t = B(e.value) ? z.filter((t) => t !== e.value) : [...z, e.value];
+				i?.(t), I("");
+			} else i?.(e.value), I(e.label), P(!1);
+			j.current?.focus();
+		}
+	}, [
+		h,
+		B,
+		z,
+		i,
+		I,
+		P
+	]), q = a((e) => {
+		if (!h) return;
+		let t = z.filter((t) => t !== e);
+		i?.(t.length > 0 ? t : null), j.current?.focus();
+	}, [
+		h,
+		z,
+		i
+	]), ye = a((e) => {
+		if (!E) switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), N ? R((e) => (e + 1) % G) : (P(!0), R(0));
+				break;
+			case "ArrowUp":
+				e.preventDefault(), N ? R((e) => (e - 1 + G) % G) : (P(!0), R(G - 1));
+				break;
+			case "Enter":
+				e.preventDefault(), N && L >= 0 ? L < U.length ? K(U[L]) : W && (S?.(F.trim()), I("")) : N || P(!0);
+				break;
+			case "Escape":
+				N && (e.preventDefault(), P(!1), R(-1));
+				break;
+			case "Backspace":
+				h && F === "" && z.length > 0 && q(z[z.length - 1]);
+				break;
+			case "Home":
+				N && (e.preventDefault(), R(0));
+				break;
+			case "End":
+				N && (e.preventDefault(), R(G - 1));
+				break;
+		}
+	}, [
+		E,
+		N,
+		P,
+		L,
+		G,
+		U,
+		K,
+		W,
+		S,
+		F,
+		I,
+		h,
+		z,
+		q
+	]), be = a((e) => {
+		let t = e.target.value;
+		I(t), N || P(!0), R(0), b?.(t), !h && r != null && i?.(null);
+	}, [
+		I,
+		N,
+		P,
+		b,
+		h,
+		r,
+		i
+	]), xe = a(() => {
+		!E && !N && P(!0);
+	}, [
+		E,
+		N,
+		P
+	]);
+	p(_e, a(() => {
+		P(!1), R(-1);
+	}, [P]), N), o(() => {
+		if (L < 0 || !M.current) return;
+		let e = M.current.querySelector(`[data-index="${L}"]`);
+		e && e.scrollIntoView?.({ block: "nearest" });
+	}, [L]);
+	let { favourites: J, groups: Se, ungrouped: Ce } = c(() => ne(H), [H]), Y = (e) => `${ge}-option-${e}`, X = (e, n) => {
+		let r = {
+			isSelected: B(e.value),
+			isHighlighted: L === n,
+			isDisabled: e.disabled ?? !1,
+			isFavourite: e.favourite ?? !1
+		};
+		return /* @__PURE__ */ d("div", {
+			id: Y(n),
+			role: "option",
+			tabIndex: -1,
+			"data-index": n,
+			"aria-selected": r.isSelected,
+			"aria-disabled": r.isDisabled || void 0,
+			"data-highlighted": r.isHighlighted || void 0,
+			"data-selected": r.isSelected || void 0,
+			"data-disabled": r.isDisabled || void 0,
+			className: t(k?.option, r.isHighlighted && k?.optionHighlighted, r.isSelected && k?.optionSelected, r.isDisabled && k?.optionDisabled),
+			onMouseDown: (t) => {
+				t.preventDefault(), K(e);
+			},
+			onMouseEnter: () => R(n),
+			children: ae ? ae(e, r) : /* @__PURE__ */ f(ee, { children: [/* @__PURE__ */ d("span", {
+				className: k?.optionLabel,
+				children: e.label
+			}), r.isSelected && oe ? oe() : null] })
+		}, `${n}-${String(e.value)}`);
+	}, we = () => h ? z.map((e) => {
+		let t = n.find((t) => t.value === e);
+		return t ? /* @__PURE__ */ f("span", {
+			className: k?.pill,
+			"data-combobox-pill": !0,
+			children: [/* @__PURE__ */ d("span", {
+				className: k?.pillText,
+				children: D ? D(t) : t.label
+			}), E ? null : /* @__PURE__ */ d("button", {
+				type: "button",
+				className: k?.pillRemove,
+				tabIndex: -1,
+				"aria-label": `Remove ${t.label}`,
+				onMouseDown: (t) => {
+					t.preventDefault(), t.stopPropagation(), q(e);
+				},
+				children: O ? O() : "×"
+			})]
+		}, String(e)) : null;
+	}) : null, Te = c(() => {
+		if (h || N) return F;
+		if (r != null && !D) {
+			let e = n.find((e) => e.value === r);
+			if (e) return e.label;
+		}
+		return F;
+	}, [
+		h,
+		N,
+		F,
+		r,
+		n,
+		D
+	]), Ee = c(() => {
+		if (h || N || r == null || !D) return null;
+		let e = n.find((e) => e.value === r);
+		return e ? /* @__PURE__ */ d("span", {
+			className: k?.singleValue,
+			children: D(e)
+		}) : null;
+	}, [
+		h,
+		N,
+		r,
+		n,
+		D,
+		k?.singleValue
+	]), Z = [], Q = 0;
+	J.length > 0 && Z.push(/* @__PURE__ */ f("div", {
+		role: "group",
+		"aria-label": "Favourites",
+		className: k?.group,
+		"data-combobox-group": "favourites",
+		children: [/* @__PURE__ */ d("div", {
+			className: k?.groupLabel,
+			"data-combobox-group-label": !0,
+			"aria-hidden": "true",
+			children: "Favourites"
+		}), J.map((e) => {
+			let t = X(e, Q);
+			return Q++, t;
+		})]
+	}, "__fav-group"));
+	for (let e of Se) {
+		let t = e.options.filter((e) => !e.favourite);
+		t.length !== 0 && Z.push(/* @__PURE__ */ f("div", {
+			role: "group",
+			"aria-label": e.label,
+			className: k?.group,
+			"data-combobox-group": e.label,
+			children: [/* @__PURE__ */ d("div", {
+				className: k?.groupLabel,
+				"data-combobox-group-label": !0,
+				"aria-hidden": "true",
+				children: e.label
+			}), t.map((e) => {
+				let t = X(e, Q);
+				return Q++, t;
+			})]
+		}, `__group-${e.label}`));
+	}
+	let $ = Ce.filter((e) => !e.favourite);
+	if ($.length > 0) if (J.length > 0 || Se.length > 0) Z.push(/* @__PURE__ */ f("div", {
+		role: "group",
+		"aria-label": "All",
+		className: k?.group,
+		"data-combobox-group": "all",
+		children: [/* @__PURE__ */ d("div", {
+			className: k?.groupLabel,
+			"data-combobox-group-label": !0,
+			"aria-hidden": "true",
+			children: "All"
+		}), $.map((e) => {
+			let t = X(e, Q);
+			return Q++, t;
+		})]
+	}, "__ungrouped"));
+	else for (let e of $) Z.push(X(e, Q)), Q++;
+	if (W) {
+		let e = Q;
+		Z.push(/* @__PURE__ */ d("div", {
+			id: Y(e),
+			role: "option",
+			tabIndex: -1,
+			"data-index": e,
+			"aria-selected": !1,
+			"data-highlighted": L === e || void 0,
+			"data-combobox-create": !0,
+			className: t(k?.option, k?.optionCreate, L === e && k?.optionHighlighted),
+			onMouseDown: (e) => {
+				e.preventDefault(), S?.(F.trim()), I("");
+			},
+			onMouseEnter: () => R(e),
+			children: ve
+		}, "__create"));
+	}
+	let De = U.length > 0 || W, Oe = {
+		type: "text",
+		role: "searchbox",
+		"aria-autocomplete": "list",
+		"aria-controls": N ? A : void 0,
+		"aria-activedescendant": N && L >= 0 ? Y(L) : void 0,
+		"aria-label": fe ?? T,
+		"aria-labelledby": pe,
+		onChange: be,
+		onKeyDown: ye,
+		onFocus: xe,
+		disabled: E
+	};
+	return /* @__PURE__ */ f("div", {
+		ref: _e,
+		className: k?.root,
+		...de,
+		...me,
+		children: [/* @__PURE__ */ f("div", {
+			role: "combobox",
+			"aria-expanded": N,
+			"aria-controls": N ? A : void 0,
+			"aria-haspopup": "listbox",
+			"aria-disabled": E || void 0,
+			className: k?.wrapper,
+			children: [h ? /* @__PURE__ */ f("div", {
+				className: k?.multiValueContainer,
+				children: [we(), /* @__PURE__ */ d("input", {
+					ref: e(he, j),
+					className: k?.input,
+					...Oe,
+					value: F,
+					placeholder: z.length === 0 ? T : void 0
+				})]
+			}) : /* @__PURE__ */ f(ee, { children: [Ee, /* @__PURE__ */ d("input", {
+				ref: e(he, j),
+				className: t(k?.input, Ee ? k?.inputHidden : void 0),
+				...Oe,
+				value: Te,
+				placeholder: T
+			})] }), se ? se(N) : null]
+		}), N ? /* @__PURE__ */ f("div", {
+			className: k?.listbox,
+			children: [
+				w ? /* @__PURE__ */ d("div", {
+					className: k?.header,
+					children: w
+				}) : null,
+				/* @__PURE__ */ d("div", {
+					ref: M,
+					id: A,
+					role: "listbox",
+					"aria-multiselectable": h || void 0,
+					className: k?.options,
+					tabIndex: -1,
+					children: y ? /* @__PURE__ */ d("div", {
+						role: "presentation",
+						className: k?.loading,
+						"aria-live": "polite",
+						children: ce ? ce() : "Loading..."
+					}) : De ? Z : /* @__PURE__ */ d("div", {
+						role: "presentation",
+						className: k?.empty,
+						"aria-live": "polite",
+						children: ie
+					})
+				}),
+				re ? /* @__PURE__ */ d("div", {
+					className: k?.footer,
+					children: re
+				}) : null
+			]
+		}) : null]
+	});
+}
+var w = r(C);
+w.displayName = "ComboBoxBase";
+//#endregion
+export { y as a, g as c, b as i, m as l, S as n, v as o, x as r, _ as s, w as t, p as u };
+
+//# sourceMappingURL=ComboBox-B7w5n-lW.js.map

package/dist/ComboBox-B7w5n-lW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox-B7w5n-lW.js","names":[],"sources":["../src/hooks/useClickOutside.ts","../src/hooks/useControlledValue.ts","../src/unstyled/Slot.tsx","../src/unstyled/Button/Button.tsx","../src/unstyled/IconButton/IconButton.tsx","../src/unstyled/Checkbox/Checkbox.tsx","../src/unstyled/Switch/Switch.tsx","../src/unstyled/RadioButton/RadioButton.tsx","../src/unstyled/Slider/Slider.tsx","../src/logic/combobox.ts","../src/unstyled/ComboBox/ComboBox.tsx"],"sourcesContent":["import { type RefObject, useEffect } from \"react\";\n\n/**\n * Calls `onClickOutside` when a mousedown event occurs outside the referenced element.\n * Automatically subscribes/unsubscribes based on the `enabled` flag.\n */\nexport function useClickOutside(\n  ref: RefObject<HTMLElement | null>,\n  onClickOutside: () => void,\n  enabled: boolean,\n): void {\n  useEffect(() => {\n    if (!enabled) return;\n\n    const handler = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) {\n        onClickOutside();\n      }\n    };\n\n    document.addEventListener(\"mousedown\", handler);\n    return () => document.removeEventListener(\"mousedown\", handler);\n  }, [ref, onClickOutside, enabled]);\n}\n","import { useCallback, useEffect, useState } from \"react\";\n\n/**\n * Manages the controlled/uncontrolled value pattern.\n *\n * When `controlledValue` is not `undefined`, the component is controlled:\n *   - `setValue` only fires `onChange`, the parent owns the state.\n * When `controlledValue` is `undefined`, the component is uncontrolled:\n *   - `setValue` updates internal state AND fires `onChange`.\n *\n * @returns `[value, setValue]` - current value and a setter that respects mode.\n */\nexport function useControlledValue<T>(\n  controlledValue: T | undefined,\n  defaultValue: T,\n  onChange?: (next: T) => void,\n): [T, (next: T) => void] {\n  const [internalValue, setInternalValue] = useState<T>(defaultValue);\n\n  const isControlled = controlledValue !== undefined;\n  const value = isControlled ? controlledValue : internalValue;\n\n  // Sync controlled value → internal (keeps internal in sync for transitions)\n  useEffect(() => {\n    if (isControlled) {\n      setInternalValue(controlledValue);\n    }\n  }, [isControlled, controlledValue]);\n\n  const setValue = useCallback(\n    (next: T) => {\n      if (!isControlled) {\n        setInternalValue(next);\n      }\n      onChange?.(next);\n    },\n    [isControlled, onChange],\n  );\n\n  return [value, setValue];\n}\n","import {\n  cloneElement,\n  forwardRef,\n  type HTMLAttributes,\n  isValidElement,\n  type ReactNode,\n  type Ref,\n} from \"react\";\n\nimport { mergeRefs } from \"../utils/mergeRefs\";\n\nfunction mergeProps(\n  slotProps: Record<string, unknown>,\n  childProps: Record<string, unknown>,\n): Record<string, unknown> {\n  const merged: Record<string, unknown> = { ...slotProps, ...childProps };\n\n  for (const key of Object.keys(slotProps)) {\n    if (key === \"children\" || key === \"ref\") continue;\n\n    const slotVal = slotProps[key];\n    const childVal = childProps[key];\n\n    // Merge event handlers\n    if (typeof slotVal === \"function\" && typeof childVal === \"function\") {\n      merged[key] = (...args: unknown[]) => {\n        childVal(...args);\n        slotVal(...args);\n      };\n    }\n\n    // Merge className\n    if (key === \"className\" && typeof slotVal === \"string\" && typeof childVal === \"string\") {\n      merged[key] = `${slotVal} ${childVal}`.trim();\n    }\n\n    // Merge style\n    if (key === \"style\" && typeof slotVal === \"object\" && typeof childVal === \"object\") {\n      merged[key] = { ...(slotVal as object), ...(childVal as object) };\n    }\n  }\n\n  return merged;\n}\n\nexport interface SlotProps extends HTMLAttributes<HTMLElement> {\n  children?: ReactNode;\n}\n\nexport const Slot = forwardRef<HTMLElement, SlotProps>(\n  ({ children, ...slotProps }, forwardedRef) => {\n    if (!isValidElement(children)) {\n      return null;\n    }\n\n    const childProps = children.props as Record<string, unknown>;\n    const childRef = (children as unknown as { ref?: Ref<HTMLElement> }).ref;\n\n    return cloneElement(children, {\n      ...mergeProps(slotProps, childProps),\n      ref: mergeRefs(forwardedRef, childRef),\n    } as Record<string, unknown>);\n  },\n);\n\nSlot.displayName = \"Slot\";\n","import { type ButtonHTMLAttributes, forwardRef } from \"react\";\n\nimport { Slot } from \"../Slot\";\n\nexport interface ButtonBaseProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean;\n}\n\nexport const ButtonBase = forwardRef<HTMLButtonElement, ButtonBaseProps>(\n  ({ asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n\n    return <Comp ref={ref} {...props} />;\n  },\n);\n\nButtonBase.displayName = \"ButtonBase\";\n","import { type ButtonHTMLAttributes, forwardRef, type ReactNode } from \"react\";\n\nimport { Slot } from \"../Slot\";\n\nexport interface IconButtonBaseProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean;\n  icon: ReactNode;\n  \"aria-label\": string;\n}\n\nexport const IconButtonBase = forwardRef<HTMLButtonElement, IconButtonBaseProps>(\n  ({ asChild = false, icon, children, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n\n    return (\n      <Comp ref={ref} {...props}>\n        {icon}\n        {children}\n      </Comp>\n    );\n  },\n);\n\nIconButtonBase.displayName = \"IconButtonBase\";\n","import { forwardRef, type InputHTMLAttributes, useCallback } from \"react\";\n\nimport { mergeRefs } from \"../../utils/mergeRefs\";\n\nexport interface CheckboxBaseProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n  indeterminate?: boolean;\n}\n\nexport const CheckboxBase = forwardRef<HTMLInputElement, CheckboxBaseProps>(\n  ({ indeterminate, ...props }, forwardedRef) => {\n    const setIndeterminate = useCallback(\n      (node: HTMLInputElement | null) => {\n        if (node) {\n          node.indeterminate = indeterminate ?? false;\n        }\n      },\n      [indeterminate],\n    );\n\n    return <input ref={mergeRefs(forwardedRef, setIndeterminate)} type=\"checkbox\" {...props} />;\n  },\n);\n\nCheckboxBase.displayName = \"CheckboxBase\";\n","import { forwardRef, type InputHTMLAttributes } from \"react\";\n\nexport interface SwitchBaseProps extends Omit<\n  InputHTMLAttributes<HTMLInputElement>,\n  \"type\" | \"role\"\n> {}\n\nexport const SwitchBase = forwardRef<HTMLInputElement, SwitchBaseProps>((props, ref) => {\n  return <input ref={ref} type=\"checkbox\" role=\"switch\" {...props} />;\n});\n\nSwitchBase.displayName = \"SwitchBase\";\n","import { forwardRef, type InputHTMLAttributes } from \"react\";\n\nexport interface RadioButtonBaseProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {}\n\nexport const RadioButtonBase = forwardRef<HTMLInputElement, RadioButtonBaseProps>((props, ref) => {\n  return <input ref={ref} type=\"radio\" {...props} />;\n});\n\nRadioButtonBase.displayName = \"RadioButtonBase\";\n","import { forwardRef, type InputHTMLAttributes } from \"react\";\n\nexport interface SliderBaseProps extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {}\n\nexport const SliderBase = forwardRef<HTMLInputElement, SliderBaseProps>((props, ref) => {\n  return <input ref={ref} type=\"range\" {...props} />;\n});\n\nSliderBase.displayName = \"SliderBase\";\n","/**\n * Pure ComboBox computation logic - zero framework imports.\n * Used by React ComboBoxBase and future Lit finra-combobox.\n */\n\nexport interface ComboBoxOptionLike<T = string> {\n  value: T;\n  label: string;\n  group?: string;\n  disabled?: boolean;\n  favourite?: boolean;\n}\n\nexport interface ComboBoxGroupResult<T = string> {\n  label: string;\n  options: ComboBoxOptionLike<T>[];\n}\n\n/** Default case-insensitive substring filter. */\nexport function defaultFilter<T>(option: ComboBoxOptionLike<T>, input: string): boolean {\n  if (!input) return true;\n  return option.label.toLowerCase().includes(input.toLowerCase());\n}\n\n/** Partition options into favourites, named groups, and ungrouped. */\nexport function groupOptions<T>(options: ComboBoxOptionLike<T>[]): {\n  favourites: ComboBoxOptionLike<T>[];\n  groups: ComboBoxGroupResult<T>[];\n  ungrouped: ComboBoxOptionLike<T>[];\n} {\n  const favourites: ComboBoxOptionLike<T>[] = [];\n  const groupMap = new Map<string, ComboBoxOptionLike<T>[]>();\n  const ungrouped: ComboBoxOptionLike<T>[] = [];\n\n  for (const opt of options) {\n    if (opt.favourite) {\n      favourites.push(opt);\n    }\n    if (opt.group) {\n      const list = groupMap.get(opt.group) ?? [];\n      list.push(opt);\n      groupMap.set(opt.group, list);\n    } else {\n      ungrouped.push(opt);\n    }\n  }\n\n  const groups: ComboBoxGroupResult<T>[] = [];\n  for (const [label, opts] of groupMap) {\n    groups.push({ label, options: opts });\n  }\n\n  return { favourites, groups, ungrouped };\n}\n","import {\n  type ForwardedRef,\n  forwardRef,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n  type Ref,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { useClickOutside } from \"../../hooks/useClickOutside\";\nimport { useControlledValue } from \"../../hooks/useControlledValue\";\nimport { defaultFilter, groupOptions } from \"../../logic/combobox\";\nimport { cx } from \"../../logic/cx\";\nimport { mergeRefs } from \"../../utils/mergeRefs\";\n\n//  Public Types\n\nexport interface ComboBoxOption<T = string> {\n  value: T;\n  label: string;\n  group?: string;\n  disabled?: boolean;\n  favourite?: boolean;\n}\n\nexport interface ComboBoxRenderOptionState {\n  isSelected: boolean;\n  isHighlighted: boolean;\n  isDisabled: boolean;\n  isFavourite: boolean;\n}\n\nexport interface ComboBoxGroup<T = string> {\n  label: string;\n  options: ComboBoxOption<T>[];\n}\n\n/**\n * CSS class overrides that the styled layer injects into the unstyled base.\n * Every key is optional - when absent, no className is applied.\n */\nexport interface ComboBoxClassNames {\n  root?: string;\n  wrapper?: string;\n  multiValueContainer?: string;\n  pill?: string;\n  pillText?: string;\n  pillRemove?: string;\n  singleValue?: string;\n  input?: string;\n  inputHidden?: string;\n  indicator?: string;\n  indicatorOpen?: string;\n  listbox?: string;\n  header?: string;\n  footer?: string;\n  options?: string;\n  option?: string;\n  optionHighlighted?: string;\n  optionSelected?: string;\n  optionDisabled?: string;\n  optionCreate?: string;\n  optionLabel?: string;\n  checkIcon?: string;\n  group?: string;\n  groupLabel?: string;\n  loading?: string;\n  spinner?: string;\n  empty?: string;\n}\n\nexport interface ComboBoxBaseProps<T = string> extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  \"onChange\" | \"defaultValue\"\n> {\n  /** Available options. */\n  options: ComboBoxOption<T>[];\n\n  //  Value\n  /** Selected value(s). Single value or array for multiple. */\n  value?: T | T[] | null;\n  /** Called when selection changes. */\n  onChange?: (value: T | T[] | null) => void;\n  /** Enable multi-select mode. */\n  multiple?: boolean;\n\n  //  Typeahead\n  /** Controlled input text. */\n  inputValue?: string;\n  /** Called when input text changes. */\n  onInputChange?: (value: string) => void;\n  /** Custom filter function. Return true to keep option. */\n  filterFn?: (option: ComboBoxOption<T>, inputValue: string) => boolean;\n\n  //  Async\n  /** Show loading indicator. */\n  loading?: boolean;\n  /** Called when input changes to trigger async loading. */\n  onLoadOptions?: (inputValue: string) => void;\n\n  //  Creatable\n  /** Allow creating new options from input. */\n  creatable?: boolean;\n  /** Called when user creates a new option. */\n  onCreateOption?: (inputValue: string) => void;\n  /** Custom label for the create option. */\n  formatCreateLabel?: (inputValue: string) => string;\n\n  //  Sections\n  /** Content rendered above the options list. */\n  header?: ReactNode;\n  /** Content rendered below the options list. */\n  footer?: ReactNode;\n\n  //  Display\n  placeholder?: string;\n  disabled?: boolean;\n  /** Message shown when no options match. */\n  noOptionsMessage?: string | ReactNode;\n\n  //  Rendering\n  /** Custom option renderer. */\n  renderOption?: (option: ComboBoxOption<T>, state: ComboBoxRenderOptionState) => ReactNode;\n  /** Custom selected value renderer (single mode). */\n  renderValue?: (option: ComboBoxOption<T>) => ReactNode;\n  /** Render the \"selected check\" icon beside a selected option. Return null to suppress. */\n  renderCheckIcon?: () => ReactNode;\n  /** Render the chevron/indicator icon. */\n  renderIndicator?: (isOpen: boolean) => ReactNode;\n  /** Render the pill remove button icon. */\n  renderPillRemoveIcon?: () => ReactNode;\n  /** Render the loading spinner content. */\n  renderLoading?: () => ReactNode;\n\n  //  Open state\n  /** Controlled open state. */\n  open?: boolean;\n  /** Called when open state changes. */\n  onOpenChange?: (open: boolean) => void;\n\n  //  Style injection\n  /** CSS class overrides injected by the styled layer. */\n  classNames?: ComboBoxClassNames;\n  /** Root element data attributes. */\n  dataAttributes?: Record<string, string>;\n}\n\n//  Component\n\nfunction ComboBoxBaseRender<T = string>(\n  {\n    options,\n    value,\n    onChange,\n    multiple = false,\n    inputValue: controlledInputValue,\n    onInputChange,\n    filterFn,\n    loading = false,\n    onLoadOptions,\n    creatable = false,\n    onCreateOption,\n    formatCreateLabel,\n    header,\n    footer,\n    placeholder,\n    disabled = false,\n    noOptionsMessage = \"No options\",\n    renderOption,\n    renderValue,\n    renderCheckIcon,\n    renderIndicator,\n    renderPillRemoveIcon,\n    renderLoading,\n    open: controlledOpen,\n    onOpenChange,\n    classNames: cn,\n    dataAttributes,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    ...props\n  }: ComboBoxBaseProps<T>,\n  forwardedRef: ForwardedRef<HTMLInputElement>,\n): React.ReactElement {\n  const id = useId();\n  const listboxId = `${id}-listbox`;\n  const inputRef = useRef<HTMLInputElement>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  //  Internal state\n  const [isOpen, setOpen] = useControlledValue(controlledOpen, false, onOpenChange);\n  const [currentInputValue, setInputValue] = useControlledValue(\n    controlledInputValue,\n    \"\",\n    onInputChange,\n  );\n  const [highlightedIndex, setHighlightedIndex] = useState(-1);\n\n  //  Selected values as array\n  const selectedValues = useMemo<T[]>(() => {\n    if (value == null) return [];\n    return Array.isArray(value) ? value : [value];\n  }, [value]);\n\n  const isSelected = useCallback(\n    (optValue: T) => selectedValues.some((v) => v === optValue),\n    [selectedValues],\n  );\n\n  //  Filtered options\n  const filter = filterFn ?? defaultFilter;\n  const filteredOptions = useMemo(\n    () => options.filter((opt) => filter(opt, currentInputValue)),\n    [options, filter, currentInputValue],\n  );\n\n  //  Flat list for keyboard navigation\n  const flatOptions = useMemo(() => {\n    const { favourites, groups, ungrouped } = groupOptions(filteredOptions);\n    const flat: ComboBoxOption<T>[] = [];\n    for (const f of favourites) flat.push(f);\n    for (const g of groups) {\n      for (const o of g.options) {\n        if (!o.favourite) flat.push(o);\n      }\n    }\n    for (const o of ungrouped) {\n      if (!o.favourite) flat.push(o);\n    }\n    return flat;\n  }, [filteredOptions]);\n\n  // Show create option?\n  const showCreateOption =\n    creatable &&\n    currentInputValue.trim() !== \"\" &&\n    !options.some((o) => o.label.toLowerCase() === currentInputValue.trim().toLowerCase());\n\n  const createLabel = formatCreateLabel\n    ? formatCreateLabel(currentInputValue.trim())\n    : `Create \"${currentInputValue.trim()}\"`;\n\n  const totalNavigable = flatOptions.length + (showCreateOption ? 1 : 0);\n\n  //  Selection logic\n  const selectOption = useCallback(\n    (opt: ComboBoxOption<T>) => {\n      if (opt.disabled) return;\n\n      if (multiple) {\n        const next = isSelected(opt.value)\n          ? selectedValues.filter((v) => v !== opt.value)\n          : [...selectedValues, opt.value];\n        onChange?.(next);\n        setInputValue(\"\");\n      } else {\n        onChange?.(opt.value);\n        setInputValue(opt.label);\n        setOpen(false);\n      }\n\n      inputRef.current?.focus();\n    },\n    [multiple, isSelected, selectedValues, onChange, setInputValue, setOpen],\n  );\n\n  const removeValue = useCallback(\n    (val: T) => {\n      if (!multiple) return;\n      const next = selectedValues.filter((v) => v !== val);\n      onChange?.(next.length > 0 ? next : null);\n      inputRef.current?.focus();\n    },\n    [multiple, selectedValues, onChange],\n  );\n\n  //  Keyboard\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLInputElement>) => {\n      if (disabled) return;\n\n      switch (e.key) {\n        case \"ArrowDown\": {\n          e.preventDefault();\n          if (!isOpen) {\n            setOpen(true);\n            setHighlightedIndex(0);\n          } else {\n            setHighlightedIndex((prev) => (prev + 1) % totalNavigable);\n          }\n          break;\n        }\n        case \"ArrowUp\": {\n          e.preventDefault();\n          if (!isOpen) {\n            setOpen(true);\n            setHighlightedIndex(totalNavigable - 1);\n          } else {\n            setHighlightedIndex((prev) => (prev - 1 + totalNavigable) % totalNavigable);\n          }\n          break;\n        }\n        case \"Enter\": {\n          e.preventDefault();\n          if (isOpen && highlightedIndex >= 0) {\n            if (highlightedIndex < flatOptions.length) {\n              selectOption(flatOptions[highlightedIndex]);\n            } else if (showCreateOption) {\n              onCreateOption?.(currentInputValue.trim());\n              setInputValue(\"\");\n            }\n          } else if (!isOpen) {\n            setOpen(true);\n          }\n          break;\n        }\n        case \"Escape\": {\n          if (isOpen) {\n            e.preventDefault();\n            setOpen(false);\n            setHighlightedIndex(-1);\n          }\n          break;\n        }\n        case \"Backspace\": {\n          if (multiple && currentInputValue === \"\" && selectedValues.length > 0) {\n            removeValue(selectedValues[selectedValues.length - 1]);\n          }\n          break;\n        }\n        case \"Home\": {\n          if (isOpen) {\n            e.preventDefault();\n            setHighlightedIndex(0);\n          }\n          break;\n        }\n        case \"End\": {\n          if (isOpen) {\n            e.preventDefault();\n            setHighlightedIndex(totalNavigable - 1);\n          }\n          break;\n        }\n      }\n    },\n    [\n      disabled,\n      isOpen,\n      setOpen,\n      highlightedIndex,\n      totalNavigable,\n      flatOptions,\n      selectOption,\n      showCreateOption,\n      onCreateOption,\n      currentInputValue,\n      setInputValue,\n      multiple,\n      selectedValues,\n      removeValue,\n    ],\n  );\n\n  //  Input change\n  const handleInputChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const val = e.target.value;\n      setInputValue(val);\n      if (!isOpen) setOpen(true);\n      setHighlightedIndex(0);\n      onLoadOptions?.(val);\n      // Single mode: clear selection when user edits input text\n      if (!multiple && value != null) {\n        onChange?.(null);\n      }\n    },\n    [setInputValue, isOpen, setOpen, onLoadOptions, multiple, value, onChange],\n  );\n\n  //  Focus\n  const handleFocus = useCallback(() => {\n    if (!disabled && !isOpen) {\n      setOpen(true);\n    }\n  }, [disabled, isOpen, setOpen]);\n\n  // Close on outside click\n  const handleClickOutside = useCallback(() => {\n    setOpen(false);\n    setHighlightedIndex(-1);\n  }, [setOpen]);\n  useClickOutside(containerRef, handleClickOutside, isOpen);\n\n  // Scroll highlighted into view\n  useEffect(() => {\n    if (highlightedIndex < 0 || !listRef.current) return;\n    const el = listRef.current.querySelector(`[data-index=\"${highlightedIndex}\"]`);\n    if (el) {\n      el.scrollIntoView?.({ block: \"nearest\" });\n    }\n  }, [highlightedIndex]);\n\n  //  Grouped rendering data\n  const { favourites, groups, ungrouped } = useMemo(\n    () => groupOptions(filteredOptions),\n    [filteredOptions],\n  );\n\n  //  Helper: get option id\n  const getOptionId = (index: number) => `${id}-option-${index}`;\n\n  //  Helper: render a single option\n  const renderSingleOption = (opt: ComboBoxOption<T>, flatIdx: number) => {\n    const state: ComboBoxRenderOptionState = {\n      isSelected: isSelected(opt.value),\n      isHighlighted: highlightedIndex === flatIdx,\n      isDisabled: opt.disabled ?? false,\n      isFavourite: opt.favourite ?? false,\n    };\n\n    return (\n      <div\n        key={`${flatIdx}-${String(opt.value)}`}\n        id={getOptionId(flatIdx)}\n        role=\"option\"\n        tabIndex={-1}\n        data-index={flatIdx}\n        aria-selected={state.isSelected}\n        aria-disabled={state.isDisabled || undefined}\n        data-highlighted={state.isHighlighted || undefined}\n        data-selected={state.isSelected || undefined}\n        data-disabled={state.isDisabled || undefined}\n        className={cx(\n          cn?.option,\n          state.isHighlighted && cn?.optionHighlighted,\n          state.isSelected && cn?.optionSelected,\n          state.isDisabled && cn?.optionDisabled,\n        )}\n        onMouseDown={(e) => {\n          e.preventDefault(); // keep focus on input\n          selectOption(opt);\n        }}\n        onMouseEnter={() => setHighlightedIndex(flatIdx)}>\n        {renderOption ? (\n          renderOption(opt, state)\n        ) : (\n          <>\n            <span className={cn?.optionLabel}>{opt.label}</span>\n            {state.isSelected && renderCheckIcon ? renderCheckIcon() : null}\n          </>\n        )}\n      </div>\n    );\n  };\n\n  //  Render selected values (multi mode)\n  const renderSelectedPills = () => {\n    if (!multiple) return null;\n    return selectedValues.map((val) => {\n      const opt = options.find((o) => o.value === val);\n      if (!opt) return null;\n      return (\n        <span key={String(val)} className={cn?.pill} data-combobox-pill>\n          <span className={cn?.pillText}>{renderValue ? renderValue(opt) : opt.label}</span>\n          {!disabled ? (\n            <button\n              type=\"button\"\n              className={cn?.pillRemove}\n              tabIndex={-1}\n              aria-label={`Remove ${opt.label}`}\n              onMouseDown={(e) => {\n                e.preventDefault();\n                e.stopPropagation();\n                removeValue(val);\n              }}>\n              {renderPillRemoveIcon ? renderPillRemoveIcon() : \"\\u00d7\"}\n            </button>\n          ) : null}\n        </span>\n      );\n    });\n  };\n\n  //  Display value for single mode\n  const singleDisplayValue = useMemo(() => {\n    if (multiple) return currentInputValue;\n    if (isOpen) return currentInputValue;\n    if (value != null && !renderValue) {\n      const opt = options.find((o) => o.value === value);\n      if (opt) return opt.label;\n    }\n    return currentInputValue;\n  }, [multiple, isOpen, currentInputValue, value, options, renderValue]);\n\n  // Custom single value display\n  const singleValueNode = useMemo(() => {\n    if (multiple || isOpen || value == null || !renderValue) return null;\n    const opt = options.find((o) => o.value === value);\n    if (!opt) return null;\n    return <span className={cn?.singleValue}>{renderValue(opt)}</span>;\n  }, [multiple, isOpen, value, options, renderValue, cn?.singleValue]);\n\n  //  Build option list sections\n  const optionSections: ReactNode[] = [];\n  let runningIndex = 0;\n\n  // Favourites section\n  if (favourites.length > 0) {\n    optionSections.push(\n      <div\n        key=\"__fav-group\"\n        role=\"group\"\n        aria-label=\"Favourites\"\n        className={cn?.group}\n        data-combobox-group=\"favourites\">\n        <div className={cn?.groupLabel} data-combobox-group-label aria-hidden=\"true\">\n          Favourites\n        </div>\n        {favourites.map((opt) => {\n          const node = renderSingleOption(opt, runningIndex);\n          runningIndex++;\n          return node;\n        })}\n      </div>,\n    );\n  }\n\n  // Named groups\n  for (const group of groups) {\n    const nonFavOpts = group.options.filter((o) => !o.favourite);\n    if (nonFavOpts.length === 0) continue;\n    optionSections.push(\n      <div\n        key={`__group-${group.label}`}\n        role=\"group\"\n        aria-label={group.label}\n        className={cn?.group}\n        data-combobox-group={group.label}>\n        <div className={cn?.groupLabel} data-combobox-group-label aria-hidden=\"true\">\n          {group.label}\n        </div>\n        {nonFavOpts.map((opt) => {\n          const node = renderSingleOption(opt, runningIndex);\n          runningIndex++;\n          return node;\n        })}\n      </div>,\n    );\n  }\n\n  // Ungrouped (non-favourite)\n  const ungroupedNonFav = ungrouped.filter((o) => !o.favourite);\n  if (ungroupedNonFav.length > 0) {\n    if (favourites.length > 0 || groups.length > 0) {\n      optionSections.push(\n        <div\n          key=\"__ungrouped\"\n          role=\"group\"\n          aria-label=\"All\"\n          className={cn?.group}\n          data-combobox-group=\"all\">\n          <div className={cn?.groupLabel} data-combobox-group-label aria-hidden=\"true\">\n            All\n          </div>\n          {ungroupedNonFav.map((opt) => {\n            const node = renderSingleOption(opt, runningIndex);\n            runningIndex++;\n            return node;\n          })}\n        </div>,\n      );\n    } else {\n      for (const opt of ungroupedNonFav) {\n        optionSections.push(renderSingleOption(opt, runningIndex));\n        runningIndex++;\n      }\n    }\n  }\n\n  // Create option\n  if (showCreateOption) {\n    const createIdx = runningIndex;\n    optionSections.push(\n      <div\n        key=\"__create\"\n        id={getOptionId(createIdx)}\n        role=\"option\"\n        tabIndex={-1}\n        data-index={createIdx}\n        aria-selected={false}\n        data-highlighted={highlightedIndex === createIdx || undefined}\n        data-combobox-create\n        className={cx(\n          cn?.option,\n          cn?.optionCreate,\n          highlightedIndex === createIdx && cn?.optionHighlighted,\n        )}\n        onMouseDown={(e) => {\n          e.preventDefault();\n          onCreateOption?.(currentInputValue.trim());\n          setInputValue(\"\");\n        }}\n        onMouseEnter={() => setHighlightedIndex(createIdx)}>\n        {createLabel}\n      </div>,\n    );\n  }\n\n  const hasOptions = flatOptions.length > 0 || showCreateOption;\n\n  //  Shared input props\n  const inputProps = {\n    type: \"text\" as const,\n    role: \"searchbox\" as const,\n    \"aria-autocomplete\": \"list\" as const,\n    \"aria-controls\": isOpen ? listboxId : undefined,\n    \"aria-activedescendant\":\n      isOpen && highlightedIndex >= 0 ? getOptionId(highlightedIndex) : undefined,\n    \"aria-label\": ariaLabel ?? placeholder,\n    \"aria-labelledby\": ariaLabelledBy,\n    onChange: handleInputChange,\n    onKeyDown: handleKeyDown,\n    onFocus: handleFocus,\n    disabled,\n  };\n\n  return (\n    <div ref={containerRef} className={cn?.root} {...dataAttributes} {...props}>\n      <div\n        role=\"combobox\"\n        aria-expanded={isOpen}\n        aria-controls={isOpen ? listboxId : undefined}\n        aria-haspopup=\"listbox\"\n        aria-disabled={disabled || undefined}\n        className={cn?.wrapper}>\n        {multiple ? (\n          <div className={cn?.multiValueContainer}>\n            {renderSelectedPills()}\n            <input\n              ref={mergeRefs(forwardedRef, inputRef)}\n              className={cn?.input}\n              {...inputProps}\n              value={currentInputValue}\n              placeholder={selectedValues.length === 0 ? placeholder : undefined}\n            />\n          </div>\n        ) : (\n          <>\n            {singleValueNode}\n            <input\n              ref={mergeRefs(forwardedRef, inputRef)}\n              className={cx(cn?.input, singleValueNode ? cn?.inputHidden : undefined)}\n              {...inputProps}\n              value={singleDisplayValue}\n              placeholder={placeholder}\n            />\n          </>\n        )}\n        {renderIndicator ? renderIndicator(isOpen) : null}\n      </div>\n\n      {isOpen ? (\n        <div className={cn?.listbox}>\n          {header ? <div className={cn?.header}>{header}</div> : null}\n\n          <div\n            ref={listRef}\n            id={listboxId}\n            role=\"listbox\"\n            aria-multiselectable={multiple || undefined}\n            className={cn?.options}\n            tabIndex={-1}>\n            {loading ? (\n              <div role=\"presentation\" className={cn?.loading} aria-live=\"polite\">\n                {renderLoading ? renderLoading() : \"Loading...\"}\n              </div>\n            ) : !hasOptions ? (\n              <div role=\"presentation\" className={cn?.empty} aria-live=\"polite\">\n                {noOptionsMessage}\n              </div>\n            ) : (\n              optionSections\n            )}\n          </div>\n\n          {footer ? <div className={cn?.footer}>{footer}</div> : null}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nexport const ComboBoxBase = forwardRef(ComboBoxBaseRender) as <T = string>(\n  props: ComboBoxBaseProps<T> & { ref?: Ref<HTMLInputElement> },\n) => React.ReactElement | null;\n\n(ComboBoxBase as { displayName?: string }).displayName = \"ComboBoxBase\";\n"],"mappings":"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"}

package/dist/components/Badge/Badge.d.ts

@@ -1,6 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import { HTMLAttributes, ReactNode } from 'react';
-export type BadgeSentiment = "danger" | "success" | "warning" | "info";
+import { Sentiment } from '../../types/variants';
+export type BadgeSentiment = Sentiment;
 declare const badgeVariants: (props?: ({
     variant?: "primary" | "secondary" | "tertiary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/Button/Button.d.ts

@@ -1,7 +1,8 @@
 import { VariantProps } from 'class-variance-authority';
 import { ReactNode } from 'react';
+import { Sentiment } from '../../types/variants';
 import { ButtonBaseProps } from '../../unstyled/Button/Button';
-export type ButtonSentiment = "danger" | "success" | "warning" | "info";
+export type ButtonSentiment = Sentiment;
 declare const buttonVariants: (props?: ({
     variant?: "primary" | "secondary" | "tertiary" | null | undefined;
     fullWidth?: boolean | null | undefined;

package/dist/components/IconButton/IconButton.d.ts

@@ -1,6 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
+import { Sentiment } from '../../types/variants';
 import { IconButtonBaseProps } from '../../unstyled/IconButton/IconButton';
-export type IconButtonSentiment = "danger" | "success" | "warning" | "info";
+export type IconButtonSentiment = Sentiment;
 declare const iconButtonVariants: (props?: ({
     variant?: "primary" | "secondary" | "tertiary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/Input/Input.d.ts

@@ -1,6 +1,7 @@
 import { VariantProps } from 'class-variance-authority';
 import { InputHTMLAttributes, ReactNode } from 'react';
-export type ValidationStatus = "error" | "warning" | "success";
+import { ValidationStatus as _ValidationStatus } from '../../types/variants';
+export type ValidationStatus = _ValidationStatus;
 declare const inputVariants: (props?: ({
     variant?: "primary" | "secondary" | "tertiary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/componentIds.d.ts

@@ -34,10 +34,5 @@ export declare const componentIds: {
     readonly badge: "badge";
     readonly comboBox: "combo-box";
     readonly divider: "divider";
-    readonly dateInput: "date-input";
-    readonly dateInputField: "date-input-field";
-    readonly calendarIcon: "calendar-icon";
-    readonly tenorInput: "tenor-input";
-    readonly dateTenorInput: "date-tenor-input";
 };
 export type ComponentId = (typeof componentIds)[keyof typeof componentIds];

package/dist/cx-Cj1p8CM7.js

@@ -0,0 +1,15 @@
+//#region src/utils/mergeRefs.ts
+function e(...e) {
+	return (t) => {
+		for (let n of e) typeof n == "function" ? n(t) : n && typeof n == "object" && (n.current = t);
+	};
+}
+//#endregion
+//#region src/logic/cx.ts
+function t(...e) {
+	return e.filter(Boolean).join(" ") || void 0;
+}
+//#endregion
+export { e as n, t };
+
+//# sourceMappingURL=cx-Cj1p8CM7.js.map

package/dist/cx-Cj1p8CM7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cx-Cj1p8CM7.js","names":[],"sources":["../src/utils/mergeRefs.ts","../src/logic/cx.ts"],"sourcesContent":["import type { Ref } from \"react\";\n\nexport function mergeRefs<T>(...refs: (Ref<T> | undefined)[]): (value: T | null) => void {\n  return (value: T | null) => {\n    for (const ref of refs) {\n      if (typeof ref === \"function\") {\n        ref(value);\n      } else if (ref && typeof ref === \"object\") {\n        (ref as React.MutableRefObject<T | null>).current = value;\n      }\n    }\n  };\n}\n","/**\n * Lightweight class-name joiner for unstyled components.\n * Only joins truthy values - returns undefined when empty.\n * Styled components use `clsx` from the clsx package instead.\n */\nexport function cx(...classes: (string | false | undefined | null)[]): string | undefined {\n  const result = classes.filter(Boolean).join(\" \");\n  return result || undefined;\n}\n"],"mappings":";AAEA,SAAgB,EAAa,GAAG,GAAyD;AACvF,SAAQ,MAAoB;AAC1B,OAAK,IAAM,KAAO,EAChB,CAAI,OAAO,KAAQ,aACjB,EAAI,EAAM,GACD,KAAO,OAAO,KAAQ,aAC9B,EAAyC,UAAU;;;;;ACH5D,SAAgB,EAAG,GAAG,GAAoE;AAExF,QADe,EAAQ,OAAO,QAAQ,CAAC,KAAK,IAAI,IAC/B,KAAA"}

package/dist/hooks/useClickOutside.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from 'react';
+/**
+ * Calls `onClickOutside` when a mousedown event occurs outside the referenced element.
+ * Automatically subscribes/unsubscribes based on the `enabled` flag.
+ */
+export declare function useClickOutside(ref: RefObject<HTMLElement | null>, onClickOutside: () => void, enabled: boolean): void;