@optimum-intelligence/opti-ui 0.0.0-stage → 0.3.0

package/dist/components/choice/Choice.js

@@ -0,0 +1,371 @@
+"use client";
+import { withClass } from "../../utils/cx.js";
+import { CheckIcon, MinusIcon } from "../../icons/index.js";
+import { c } from "react/compiler-runtime";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Checkbox } from "@base-ui/react/checkbox";
+import { CheckboxGroup } from "@base-ui/react/checkbox-group";
+import { Radio } from "@base-ui/react/radio";
+import { RadioGroup } from "@base-ui/react/radio-group";
+import { Switch } from "@base-ui/react/switch";
+//#region src/components/choice/Choice.tsx
+function ChoiceLabel(t0) {
+	const $ = c(12);
+	const { control, label, description, size, disabled } = t0;
+	if (label == null && description == null) return control;
+	const t1 = disabled || void 0;
+	let t2;
+	if ($[0] !== label) {
+		t2 = label != null && /* @__PURE__ */ jsx("span", {
+			className: "oui-choice__label",
+			children: label
+		});
+		$[0] = label;
+		$[1] = t2;
+	} else t2 = $[1];
+	let t3;
+	if ($[2] !== description) {
+		t3 = description != null && /* @__PURE__ */ jsx("span", {
+			className: "oui-choice__description",
+			children: description
+		});
+		$[2] = description;
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
+	if ($[4] !== t2 || $[5] !== t3) {
+		t4 = /* @__PURE__ */ jsxs("span", {
+			className: "oui-choice__text",
+			children: [t2, t3]
+		});
+		$[4] = t2;
+		$[5] = t3;
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] !== control || $[8] !== size || $[9] !== t1 || $[10] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("label", {
+			className: "oui-choice",
+			"data-size": size,
+			"data-disabled": t1,
+			children: [control, t4]
+		});
+		$[7] = control;
+		$[8] = size;
+		$[9] = t1;
+		$[10] = t4;
+		$[11] = t5;
+	} else t5 = $[11];
+	return t5;
+}
+function Checkbox$1(t0) {
+	const $ = c(21);
+	let className;
+	let description;
+	let label;
+	let props;
+	let ref;
+	let t1;
+	if ($[0] !== t0) {
+		({label, description, size: t1, className, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = description;
+		$[3] = label;
+		$[4] = props;
+		$[5] = ref;
+		$[6] = t1;
+	} else {
+		className = $[1];
+		description = $[2];
+		label = $[3];
+		props = $[4];
+		ref = $[5];
+		t1 = $[6];
+	}
+	const size = t1 === void 0 ? "md" : t1;
+	let t2;
+	if ($[7] !== className) {
+		t2 = withClass("oui-checkbox", className);
+		$[7] = className;
+		$[8] = t2;
+	} else t2 = $[8];
+	let t3;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(Checkbox.Indicator, {
+			className: "oui-checkbox__indicator",
+			render: _temp
+		});
+		$[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	if ($[10] !== props || $[11] !== ref || $[12] !== size || $[13] !== t2) {
+		t4 = /* @__PURE__ */ jsx(Checkbox.Root, {
+			ref,
+			className: t2,
+			"data-size": size,
+			...props,
+			children: t3
+		});
+		$[10] = props;
+		$[11] = ref;
+		$[12] = size;
+		$[13] = t2;
+		$[14] = t4;
+	} else t4 = $[14];
+	const control = t4;
+	let t5;
+	if ($[15] !== control || $[16] !== description || $[17] !== label || $[18] !== props.disabled || $[19] !== size) {
+		t5 = /* @__PURE__ */ jsx(ChoiceLabel, {
+			control,
+			label,
+			description,
+			size,
+			disabled: props.disabled
+		});
+		$[15] = control;
+		$[16] = description;
+		$[17] = label;
+		$[18] = props.disabled;
+		$[19] = size;
+		$[20] = t5;
+	} else t5 = $[20];
+	return t5;
+}
+function _temp(indicatorProps, state) {
+	return /* @__PURE__ */ jsx("span", {
+		...indicatorProps,
+		children: state.indeterminate ? /* @__PURE__ */ jsx(MinusIcon, { strokeWidth: 3 }) : /* @__PURE__ */ jsx(CheckIcon, { strokeWidth: 3 })
+	});
+}
+function CheckboxGroup$1(t0) {
+	const $ = c(12);
+	let className;
+	let props;
+	let ref;
+	let t1;
+	if ($[0] !== t0) {
+		({orientation: t1, className, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = ref;
+		$[4] = t1;
+	} else {
+		className = $[1];
+		props = $[2];
+		ref = $[3];
+		t1 = $[4];
+	}
+	const orientation = t1 === void 0 ? "vertical" : t1;
+	let t2;
+	if ($[5] !== className) {
+		t2 = withClass("oui-choice-group", className);
+		$[5] = className;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== orientation || $[8] !== props || $[9] !== ref || $[10] !== t2) {
+		t3 = /* @__PURE__ */ jsx(CheckboxGroup, {
+			ref,
+			className: t2,
+			"data-orientation": orientation,
+			...props
+		});
+		$[7] = orientation;
+		$[8] = props;
+		$[9] = ref;
+		$[10] = t2;
+		$[11] = t3;
+	} else t3 = $[11];
+	return t3;
+}
+function RadioGroup$1(t0) {
+	const $ = c(12);
+	let className;
+	let props;
+	let ref;
+	let t1;
+	if ($[0] !== t0) {
+		({orientation: t1, className, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = ref;
+		$[4] = t1;
+	} else {
+		className = $[1];
+		props = $[2];
+		ref = $[3];
+		t1 = $[4];
+	}
+	const orientation = t1 === void 0 ? "vertical" : t1;
+	let t2;
+	if ($[5] !== className) {
+		t2 = withClass("oui-choice-group", className);
+		$[5] = className;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== orientation || $[8] !== props || $[9] !== ref || $[10] !== t2) {
+		t3 = /* @__PURE__ */ jsx(RadioGroup, {
+			ref,
+			className: t2,
+			"data-orientation": orientation,
+			...props
+		});
+		$[7] = orientation;
+		$[8] = props;
+		$[9] = ref;
+		$[10] = t2;
+		$[11] = t3;
+	} else t3 = $[11];
+	return t3;
+}
+function Radio$1(t0) {
+	const $ = c(21);
+	let className;
+	let description;
+	let label;
+	let props;
+	let ref;
+	let t1;
+	if ($[0] !== t0) {
+		({label, description, size: t1, className, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = description;
+		$[3] = label;
+		$[4] = props;
+		$[5] = ref;
+		$[6] = t1;
+	} else {
+		className = $[1];
+		description = $[2];
+		label = $[3];
+		props = $[4];
+		ref = $[5];
+		t1 = $[6];
+	}
+	const size = t1 === void 0 ? "md" : t1;
+	let t2;
+	if ($[7] !== className) {
+		t2 = withClass("oui-radio", className);
+		$[7] = className;
+		$[8] = t2;
+	} else t2 = $[8];
+	let t3;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(Radio.Indicator, { className: "oui-radio__indicator" });
+		$[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	if ($[10] !== props || $[11] !== ref || $[12] !== size || $[13] !== t2) {
+		t4 = /* @__PURE__ */ jsx(Radio.Root, {
+			ref,
+			className: t2,
+			"data-size": size,
+			...props,
+			children: t3
+		});
+		$[10] = props;
+		$[11] = ref;
+		$[12] = size;
+		$[13] = t2;
+		$[14] = t4;
+	} else t4 = $[14];
+	const control = t4;
+	let t5;
+	if ($[15] !== control || $[16] !== description || $[17] !== label || $[18] !== props.disabled || $[19] !== size) {
+		t5 = /* @__PURE__ */ jsx(ChoiceLabel, {
+			control,
+			label,
+			description,
+			size,
+			disabled: props.disabled
+		});
+		$[15] = control;
+		$[16] = description;
+		$[17] = label;
+		$[18] = props.disabled;
+		$[19] = size;
+		$[20] = t5;
+	} else t5 = $[20];
+	return t5;
+}
+function Switch$1(t0) {
+	const $ = c(21);
+	let className;
+	let description;
+	let label;
+	let props;
+	let ref;
+	let t1;
+	if ($[0] !== t0) {
+		({label, description, size: t1, className, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = description;
+		$[3] = label;
+		$[4] = props;
+		$[5] = ref;
+		$[6] = t1;
+	} else {
+		className = $[1];
+		description = $[2];
+		label = $[3];
+		props = $[4];
+		ref = $[5];
+		t1 = $[6];
+	}
+	const size = t1 === void 0 ? "md" : t1;
+	let t2;
+	if ($[7] !== className) {
+		t2 = withClass("oui-switch", className);
+		$[7] = className;
+		$[8] = t2;
+	} else t2 = $[8];
+	let t3;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(Switch.Thumb, { className: "oui-switch__thumb" });
+		$[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	if ($[10] !== props || $[11] !== ref || $[12] !== size || $[13] !== t2) {
+		t4 = /* @__PURE__ */ jsx(Switch.Root, {
+			ref,
+			className: t2,
+			"data-size": size,
+			...props,
+			children: t3
+		});
+		$[10] = props;
+		$[11] = ref;
+		$[12] = size;
+		$[13] = t2;
+		$[14] = t4;
+	} else t4 = $[14];
+	const control = t4;
+	let t5;
+	if ($[15] !== control || $[16] !== description || $[17] !== label || $[18] !== props.disabled || $[19] !== size) {
+		t5 = /* @__PURE__ */ jsx(ChoiceLabel, {
+			control,
+			label,
+			description,
+			size,
+			disabled: props.disabled
+		});
+		$[15] = control;
+		$[16] = description;
+		$[17] = label;
+		$[18] = props.disabled;
+		$[19] = size;
+		$[20] = t5;
+	} else t5 = $[20];
+	return t5;
+}
+//#endregion
+export { Checkbox$1 as Checkbox, CheckboxGroup$1 as CheckboxGroup, Radio$1 as Radio, RadioGroup$1 as RadioGroup, Switch$1 as Switch };
+
+//# sourceMappingURL=Choice.js.map

package/dist/components/choice/Choice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Choice.js","names":["React","Checkbox","BaseCheckbox","CheckboxGroup","BaseCheckboxGroup","Radio","BaseRadio","RadioGroup","BaseRadioGroup","Switch","BaseSwitch","withClass","CheckIcon","MinusIcon","ChoiceSize","ChoiceLabelProps","label","ReactNode","description","size","ChoiceLabel","t0","$","_c","control","disabled","t1","undefined","t2","t3","t4","t5","CheckboxProps","Root","Props","className","props","ref","Symbol","for","_temp","indicatorProps","state","indeterminate","CheckboxGroupProps","orientation","RadioGroupProps","RadioProps","SwitchProps","_c","Checkbox","BaseCheckbox","CheckboxGroup","BaseCheckboxGroup","RadioGroup","BaseRadioGroup","Radio","BaseRadio","Switch","BaseSwitch"],"sources":["../../../src/components/choice/Choice.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Checkbox as BaseCheckbox } from '@base-ui/react/checkbox';\nimport { CheckboxGroup as BaseCheckboxGroup } from '@base-ui/react/checkbox-group';\nimport { Radio as BaseRadio } from '@base-ui/react/radio';\nimport { RadioGroup as BaseRadioGroup } from '@base-ui/react/radio-group';\nimport { Switch as BaseSwitch } from '@base-ui/react/switch';\nimport { withClass } from '../../utils/cx';\nimport { CheckIcon, MinusIcon } from '../../icons';\n\nexport type ChoiceSize = 'sm' | 'md';\n\ninterface ChoiceLabelProps {\n  /** Visible label. Wraps the control in a `<label>` when set. */\n  label?: React.ReactNode;\n  /** Secondary text under the label. */\n  description?: React.ReactNode;\n  size?: ChoiceSize;\n}\n\nfunction ChoiceLabel({\n  control,\n  label,\n  description,\n  size,\n  disabled,\n}: ChoiceLabelProps & { control: React.ReactElement; disabled?: boolean }) {\n  if (label == null && description == null) return control;\n  return (\n    <label className=\"oui-choice\" data-size={size} data-disabled={disabled || undefined}>\n      {control}\n      <span className=\"oui-choice__text\">\n        {label != null && <span className=\"oui-choice__label\">{label}</span>}\n        {description != null && <span className=\"oui-choice__description\">{description}</span>}\n      </span>\n    </label>\n  );\n}\n\n// ─── Checkbox ────────────────────────────────────────────────────────────────\n\nexport interface CheckboxProps extends BaseCheckbox.Root.Props, ChoiceLabelProps {}\n\nexport function Checkbox({ label, description, size = 'md', className, ref, ...props }: CheckboxProps) {\n  const control = (\n    <BaseCheckbox.Root ref={ref} className={withClass('oui-checkbox', className)} data-size={size} {...props}>\n      <BaseCheckbox.Indicator\n        className=\"oui-checkbox__indicator\"\n        render={(indicatorProps, state) => (\n          <span {...indicatorProps}>{state.indeterminate ? <MinusIcon strokeWidth={3} /> : <CheckIcon strokeWidth={3} />}</span>\n        )}\n      />\n    </BaseCheckbox.Root>\n  );\n  return <ChoiceLabel control={control} label={label} description={description} size={size} disabled={props.disabled} />;\n}\n\nexport interface CheckboxGroupProps extends BaseCheckboxGroup.Props {\n  orientation?: 'vertical' | 'horizontal';\n}\n\nexport function CheckboxGroup({ orientation = 'vertical', className, ref, ...props }: CheckboxGroupProps) {\n  return (\n    <BaseCheckboxGroup\n      ref={ref}\n      className={withClass('oui-choice-group', className)}\n      data-orientation={orientation}\n      {...props}\n    />\n  );\n}\n\n// ─── Radio ───────────────────────────────────────────────────────────────────\n\nexport interface RadioGroupProps extends BaseRadioGroup.Props {\n  orientation?: 'vertical' | 'horizontal';\n}\n\nexport function RadioGroup({ orientation = 'vertical', className, ref, ...props }: RadioGroupProps) {\n  return (\n    <BaseRadioGroup\n      ref={ref}\n      className={withClass('oui-choice-group', className)}\n      data-orientation={orientation}\n      {...props}\n    />\n  );\n}\n\nexport interface RadioProps extends BaseRadio.Root.Props, ChoiceLabelProps {}\n\nexport function Radio({ label, description, size = 'md', className, ref, ...props }: RadioProps) {\n  const control = (\n    <BaseRadio.Root ref={ref} className={withClass('oui-radio', className)} data-size={size} {...props}>\n      <BaseRadio.Indicator className=\"oui-radio__indicator\" />\n    </BaseRadio.Root>\n  );\n  return <ChoiceLabel control={control} label={label} description={description} size={size} disabled={props.disabled} />;\n}\n\n// ─── Switch ──────────────────────────────────────────────────────────────────\n\nexport interface SwitchProps extends BaseSwitch.Root.Props, ChoiceLabelProps {}\n\nexport function Switch({ label, description, size = 'md', className, ref, ...props }: SwitchProps) {\n  const control = (\n    <BaseSwitch.Root ref={ref} className={withClass('oui-switch', className)} data-size={size} {...props}>\n      <BaseSwitch.Thumb className=\"oui-switch__thumb\" />\n    </BaseSwitch.Root>\n  );\n  return (\n    <ChoiceLabel\n      control={control}\n      label={label}\n      description={description}\n      size={size}\n      disabled={props.disabled}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAmBA,SAAAoB,YAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAqB,MAAA,EAAAC,SAAAR,OAAAE,aAAAC,MAAAM,aAAAJ;CAOnB,IAAIL,SAAS,QAAQE,eAAe,MAAI,OAASM;CAEe,MAAAE,KAAAD,YAAAE,KAAAA;CAAqB,IAAAC;CAAA,IAAAN,EAAA,OAAAN,OAAA;EAG9EY,KAAAZ,SAAS,QAAQ,oBAAA,QAAA;GAAgB,WAAA;GAAqBA,UAAAA;EAAa,CAAA;EAAAM,EAAA,KAAAN;EAAAM,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,IAAAO;CAAA,IAAAP,EAAA,OAAAJ,aAAA;EACnEW,KAAAX,eAAe,QAAQ,oBAAA,QAAA;GAAgB,WAAA;GAA2BA,UAAAA;EAAmB,CAAA;EAAAI,EAAA,KAAAJ;EAAAI,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,IAAAQ;CAAA,IAAAR,EAAA,OAAAM,MAAAN,EAAA,OAAAO,IAAA;EAFxFC,KAAA,qBAAA,QAAA;GAAgB,WAAA;GAAhB,UAAA,CACGF,IACAC,EACI;;EAAAP,EAAA,KAAAM;EAAAN,EAAA,KAAAO;EAAAP,EAAA,KAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAAA,IAAAS;CAAA,IAAAT,EAAA,OAAAE,WAAAF,EAAA,OAAAH,QAAAG,EAAA,OAAAI,MAAAJ,EAAA,QAAAQ,IAAA;EALTC,KAAA,qBAAA,SAAA;GAAiB,WAAA;GAAwBZ,aAAAA;GAAqB,iBAAAO;GAA9D,UAAA,CACGF,SACDM,EAIM;;EAAAR,EAAA,KAAAE;EAAAF,EAAA,KAAAH;EAAAG,EAAA,KAAAI;EAAAJ,EAAA,MAAAQ;EAAAR,EAAA,MAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAA,OANRS;AAMQ;AAQZ,SAAO9B,WAAAoB,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAY;CAAA,IAAAjB;CAAA,IAAAF;CAAA,IAAAoB;CAAA,IAAAC;CAAA,IAAAX;CAAA,IAAAJ,EAAA,OAAAD,IAAA;EAAkB,CAAA,CAAAL,OAAAE,aAAAC,MAAAO,IAAAS,WAAAE,KAAA,GAAAD,SAAAf;EAA4EC,EAAA,KAAAD;EAAAC,EAAA,KAAAa;EAAAb,EAAA,KAAAJ;EAAAI,EAAA,KAAAN;EAAAM,EAAA,KAAAc;EAAAd,EAAA,KAAAe;EAAAf,EAAA,KAAAI;CAAA,OAAA;EAAAS,YAAAb,EAAA;EAAAJ,cAAAI,EAAA;EAAAN,QAAAM,EAAA;EAAAc,QAAAd,EAAA;EAAAe,MAAAf,EAAA;EAAAI,KAAAJ,EAAA;CAAA;CAAtD,MAAAH,OAAAO,OAAAC,KAAAA,IAAA,OAAAD;CAAW,IAAAE;CAAA,IAAAN,EAAA,OAAAa,WAAA;EAEdP,KAAAjB,UAAU,gBAAgBwB,SAAS;EAACb,EAAA,KAAAa;EAAAb,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,IAAAO;CAAA,IAAAP,EAAA,OAAAgB,OAAAC,IAAA,2BAAA,GAAA;EAC1EV,KAAA,oBAAAsB,SAAA,WAAA;GACY,WAAA;GACF,QAAAX;EAEP,CAAA;EACDlB,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,IAAAQ;CAAA,IAAAR,EAAA,QAAAc,SAAAd,EAAA,QAAAe,OAAAf,EAAA,QAAAH,QAAAG,EAAA,QAAAM,IAAA;EANJE,KAAA,oBAAAqB,SAAA,MAAA;GAAwBd;GAAgB,WAAAT;GAAiDT,aAAAA;GAAI,GAAMiB;GACjGP,UAAAA;EAMF,CAAA;EAAoBP,EAAA,MAAAc;EAAAd,EAAA,MAAAe;EAAAf,EAAA,MAAAH;EAAAG,EAAA,MAAAM;EAAAN,EAAA,MAAAQ;CAAA,OAAAA,KAAAR,EAAA;CARtB,MAAAE,UACEM;CAQA,IAAAC;CAAA,IAAAT,EAAA,QAAAE,WAAAF,EAAA,QAAAJ,eAAAI,EAAA,QAAAN,SAAAM,EAAA,QAAAc,MAAAX,YAAAH,EAAA,QAAAH,MAAA;EACKY,KAAA,oBAAC,aAAD;GAAsBP;GAAgBR;GAAoBE;GAAmBC;GAAgB,UAAAiB,MAAKX;EAAS,CAAA;EAAIH,EAAA,MAAAE;EAAAF,EAAA,MAAAJ;EAAAI,EAAA,MAAAN;EAAAM,EAAA,MAAAc,MAAAX;EAAAH,EAAA,MAAAH;EAAAG,EAAA,MAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAA,OAA/GS;AAA+G;AAXjH,SAAAS,MAAAC,gBAAAC,OAAA;CAAA,OAMG,oBAAA,QAAA;EAAsH,GAA5GD;EAAiBC,UAAAA,MAAKC,gBAAiB,oBAAC,WAAD,EAAwB,aAAA,EAAC,CAAA,IAAO,oBAAC,WAAD,EAAwB,aAAA,EAAC,CAAA;CAAY,CAAA;AAAA;AAYhI,SAAOxC,gBAAAkB,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAY;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAX;CAAA,IAAAJ,EAAA,OAAAD,IAAA;EAAuB,CAAA,CAAAwB,aAAAnB,IAAAS,WAAAE,KAAA,GAAAD,SAAAf;EAA0EC,EAAA,KAAAD;EAAAC,EAAA,KAAAa;EAAAb,EAAA,KAAAc;EAAAd,EAAA,KAAAe;EAAAf,EAAA,KAAAI;CAAA,OAAA;EAAAS,YAAAb,EAAA;EAAAc,QAAAd,EAAA;EAAAe,MAAAf,EAAA;EAAAI,KAAAJ,EAAA;CAAA;CAAxE,MAAAuB,cAAAnB,OAAAC,KAAAA,IAAA,aAAAD;CAAwB,IAAAE;CAAA,IAAAN,EAAA,OAAAa,WAAA;EAIvCP,KAAAjB,UAAU,oBAAoBwB,SAAS;EAACb,EAAA,KAAAa;EAAAb,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,IAAAO;CAAA,IAAAP,EAAA,OAAAuB,eAAAvB,EAAA,OAAAc,SAAAd,EAAA,OAAAe,OAAAf,EAAA,QAAAM,IAAA;EAFrDC,KAAA,oBAACwB,eAAD;GACOhB;GACM,WAAAT;GACOiB,oBAAAA;GAAW,GACzBT;EAAK,CAAA;EACTd,EAAA,KAAAuB;EAAAvB,EAAA,KAAAc;EAAAd,EAAA,KAAAe;EAAAf,EAAA,MAAAM;EAAAN,EAAA,MAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,OALFO;AAKE;AAUN,SAAOtB,aAAAc,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAY;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAX;CAAA,IAAAJ,EAAA,OAAAD,IAAA;EAAoB,CAAA,CAAAwB,aAAAnB,IAAAS,WAAAE,KAAA,GAAAD,SAAAf;EAAuEC,EAAA,KAAAD;EAAAC,EAAA,KAAAa;EAAAb,EAAA,KAAAc;EAAAd,EAAA,KAAAe;EAAAf,EAAA,KAAAI;CAAA,OAAA;EAAAS,YAAAb,EAAA;EAAAc,QAAAd,EAAA;EAAAe,MAAAf,EAAA;EAAAI,KAAAJ,EAAA;CAAA;CAArE,MAAAuB,cAAAnB,OAAAC,KAAAA,IAAA,aAAAD;CAAwB,IAAAE;CAAA,IAAAN,EAAA,OAAAa,WAAA;EAIpCP,KAAAjB,UAAU,oBAAoBwB,SAAS;EAACb,EAAA,KAAAa;EAAAb,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,IAAAO;CAAA,IAAAP,EAAA,OAAAuB,eAAAvB,EAAA,OAAAc,SAAAd,EAAA,OAAAe,OAAAf,EAAA,QAAAM,IAAA;EAFrDC,KAAA,oBAAC0B,YAAD;GACOlB;GACM,WAAAT;GACOiB,oBAAAA;GAAW,GACzBT;EAAK,CAAA;EACTd,EAAA,KAAAuB;EAAAvB,EAAA,KAAAc;EAAAd,EAAA,KAAAe;EAAAf,EAAA,MAAAM;EAAAN,EAAA,MAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,OALFO;AAKE;AAMN,SAAOxB,QAAAgB,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAY;CAAA,IAAAjB;CAAA,IAAAF;CAAA,IAAAoB;CAAA,IAAAC;CAAA,IAAAX;CAAA,IAAAJ,EAAA,OAAAD,IAAA;EAAe,CAAA,CAAAL,OAAAE,aAAAC,MAAAO,IAAAS,WAAAE,KAAA,GAAAD,SAAAf;EAAyEC,EAAA,KAAAD;EAAAC,EAAA,KAAAa;EAAAb,EAAA,KAAAJ;EAAAI,EAAA,KAAAN;EAAAM,EAAA,KAAAc;EAAAd,EAAA,KAAAe;EAAAf,EAAA,KAAAI;CAAA,OAAA;EAAAS,YAAAb,EAAA;EAAAJ,cAAAI,EAAA;EAAAN,QAAAM,EAAA;EAAAc,QAAAd,EAAA;EAAAe,MAAAf,EAAA;EAAAI,KAAAJ,EAAA;CAAA;CAAnD,MAAAH,OAAAO,OAAAC,KAAAA,IAAA,OAAAD;CAAW,IAAAE;CAAA,IAAAN,EAAA,OAAAa,WAAA;EAEdP,KAAAjB,UAAU,aAAawB,SAAS;EAACb,EAAA,KAAAa;EAAAb,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,IAAAO;CAAA,IAAAP,EAAA,OAAAgB,OAAAC,IAAA,2BAAA,GAAA;EACpEV,KAAA,oBAAA4B,MAAA,WAAA,EAA+B,WAAA,uBAAsB,CAAA;EAAGnC,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,IAAAQ;CAAA,IAAAR,EAAA,QAAAc,SAAAd,EAAA,QAAAe,OAAAf,EAAA,QAAAH,QAAAG,EAAA,QAAAM,IAAA;EAD1DE,KAAA,oBAAA2B,MAAA,MAAA;GAAqBpB;GAAgB,WAAAT;GAA8CT,aAAAA;GAAI,GAAMiB;GAC3FP,UAAAA;EACF,CAAA;EAAiBP,EAAA,MAAAc;EAAAd,EAAA,MAAAe;EAAAf,EAAA,MAAAH;EAAAG,EAAA,MAAAM;EAAAN,EAAA,MAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAHnB,MAAAE,UACEM;CAGA,IAAAC;CAAA,IAAAT,EAAA,QAAAE,WAAAF,EAAA,QAAAJ,eAAAI,EAAA,QAAAN,SAAAM,EAAA,QAAAc,MAAAX,YAAAH,EAAA,QAAAH,MAAA;EACKY,KAAA,oBAAC,aAAD;GAAsBP;GAAgBR;GAAoBE;GAAmBC;GAAgB,UAAAiB,MAAKX;EAAS,CAAA;EAAIH,EAAA,MAAAE;EAAAF,EAAA,MAAAJ;EAAAI,EAAA,MAAAN;EAAAM,EAAA,MAAAc,MAAAX;EAAAH,EAAA,MAAAH;EAAAG,EAAA,MAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAA,OAA/GS;AAA+G;AAOxH,SAAOtB,SAAAY,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAY;CAAA,IAAAjB;CAAA,IAAAF;CAAA,IAAAoB;CAAA,IAAAC;CAAA,IAAAX;CAAA,IAAAJ,EAAA,OAAAD,IAAA;EAAgB,CAAA,CAAAL,OAAAE,aAAAC,MAAAO,IAAAS,WAAAE,KAAA,GAAAD,SAAAf;EAA0EC,EAAA,KAAAD;EAAAC,EAAA,KAAAa;EAAAb,EAAA,KAAAJ;EAAAI,EAAA,KAAAN;EAAAM,EAAA,KAAAc;EAAAd,EAAA,KAAAe;EAAAf,EAAA,KAAAI;CAAA,OAAA;EAAAS,YAAAb,EAAA;EAAAJ,cAAAI,EAAA;EAAAN,QAAAM,EAAA;EAAAc,QAAAd,EAAA;EAAAe,MAAAf,EAAA;EAAAI,KAAAJ,EAAA;CAAA;CAApD,MAAAH,OAAAO,OAAAC,KAAAA,IAAA,OAAAD;CAAW,IAAAE;CAAA,IAAAN,EAAA,OAAAa,WAAA;EAEdP,KAAAjB,UAAU,cAAcwB,SAAS;EAACb,EAAA,KAAAa;EAAAb,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,IAAAO;CAAA,IAAAP,EAAA,OAAAgB,OAAAC,IAAA,2BAAA,GAAA;EACtEV,KAAA,oBAAA8B,OAAA,OAAA,EAA4B,WAAA,oBAAmB,CAAA;EAAGrC,EAAA,KAAAO;CAAA,OAAAA,KAAAP,EAAA;CAAA,IAAAQ;CAAA,IAAAR,EAAA,QAAAc,SAAAd,EAAA,QAAAe,OAAAf,EAAA,QAAAH,QAAAG,EAAA,QAAAM,IAAA;EADpDE,KAAA,oBAAA6B,OAAA,MAAA;GAAsBtB;GAAgB,WAAAT;GAA+CT,aAAAA;GAAI,GAAMiB;GAC7FP,UAAAA;EACF,CAAA;EAAkBP,EAAA,MAAAc;EAAAd,EAAA,MAAAe;EAAAf,EAAA,MAAAH;EAAAG,EAAA,MAAAM;EAAAN,EAAA,MAAAQ;CAAA,OAAAA,KAAAR,EAAA;CAHpB,MAAAE,UACEM;CAGA,IAAAC;CAAA,IAAAT,EAAA,QAAAE,WAAAF,EAAA,QAAAJ,eAAAI,EAAA,QAAAN,SAAAM,EAAA,QAAAc,MAAAX,YAAAH,EAAA,QAAAH,MAAA;EAEAY,KAAA,oBAAC,aAAD;GACWP;GACFR;GACME;GACPC;GACI,UAAAiB,MAAKX;EAAS,CAAA;EACxBH,EAAA,MAAAE;EAAAF,EAAA,MAAAJ;EAAAI,EAAA,MAAAN;EAAAM,EAAA,MAAAc,MAAAX;EAAAH,EAAA,MAAAH;EAAAG,EAAA,MAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAA,OANFS;AAME"}

package/dist/components/collapsible/Collapsible.d.ts

@@ -0,0 +1,15 @@
+import { Collapsible as BaseCollapsible } from '@base-ui/react/collapsible';
+declare function CollapsibleRoot({ className, ref, ...props }: BaseCollapsible.Root.Props): import("react").JSX.Element;
+export interface CollapsibleTriggerProps extends BaseCollapsible.Trigger.Props {
+    /** Show the chevron that turns when the panel opens. */
+    chevron?: boolean;
+}
+declare function CollapsibleTrigger({ chevron, className, children, ref, ...props }: CollapsibleTriggerProps): import("react").JSX.Element;
+declare function CollapsiblePanel({ className, children, ref, ...props }: BaseCollapsible.Panel.Props): import("react").JSX.Element;
+/** A single section that shows and hides: advanced options, "show more", filter groups. */
+export declare const Collapsible: {
+    Root: typeof CollapsibleRoot;
+    Trigger: typeof CollapsibleTrigger;
+    Panel: typeof CollapsiblePanel;
+};
+export {};

package/dist/components/collapsible/Collapsible.js

@@ -0,0 +1,155 @@
+"use client";
+import { withClass } from "../../utils/cx.js";
+import { ChevronRightIcon } from "../../icons/index.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Collapsible } from "@base-ui/react/collapsible";
+//#region src/components/collapsible/Collapsible.tsx
+function CollapsibleRoot(t0) {
+	const $ = c(10);
+	let className;
+	let props;
+	let ref;
+	if ($[0] !== t0) {
+		({className, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+		$[3] = ref;
+	} else {
+		className = $[1];
+		props = $[2];
+		ref = $[3];
+	}
+	let t1;
+	if ($[4] !== className) {
+		t1 = withClass("oui-collapsible", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== props || $[7] !== ref || $[8] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Collapsible.Root, {
+			ref,
+			className: t1,
+			...props
+		});
+		$[6] = props;
+		$[7] = ref;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
+}
+function CollapsibleTrigger(t0) {
+	const $ = c(16);
+	let children;
+	let className;
+	let props;
+	let ref;
+	let t1;
+	if ($[0] !== t0) {
+		({chevron: t1, className, children, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = ref;
+		$[5] = t1;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		ref = $[4];
+		t1 = $[5];
+	}
+	const chevron = t1 === void 0 ? true : t1;
+	let t2;
+	if ($[6] !== className) {
+		t2 = withClass("oui-collapsible__trigger", className);
+		$[6] = className;
+		$[7] = t2;
+	} else t2 = $[7];
+	let t3;
+	if ($[8] !== chevron) {
+		t3 = chevron && /* @__PURE__ */ jsx(ChevronRightIcon, { className: "oui-collapsible__chevron" });
+		$[8] = chevron;
+		$[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	if ($[10] !== children || $[11] !== props || $[12] !== ref || $[13] !== t2 || $[14] !== t3) {
+		t4 = /* @__PURE__ */ jsxs(Collapsible.Trigger, {
+			ref,
+			className: t2,
+			...props,
+			children: [t3, children]
+		});
+		$[10] = children;
+		$[11] = props;
+		$[12] = ref;
+		$[13] = t2;
+		$[14] = t3;
+		$[15] = t4;
+	} else t4 = $[15];
+	return t4;
+}
+function CollapsiblePanel(t0) {
+	const $ = c(14);
+	let children;
+	let className;
+	let props;
+	let ref;
+	if ($[0] !== t0) {
+		({className, children, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = ref;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		ref = $[4];
+	}
+	let t1;
+	if ($[5] !== className) {
+		t1 = withClass("oui-collapsible__panel", className);
+		$[5] = className;
+		$[6] = t1;
+	} else t1 = $[6];
+	let t2;
+	if ($[7] !== children) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			className: "oui-collapsible__content",
+			children
+		});
+		$[7] = children;
+		$[8] = t2;
+	} else t2 = $[8];
+	let t3;
+	if ($[9] !== props || $[10] !== ref || $[11] !== t1 || $[12] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Collapsible.Panel, {
+			ref,
+			className: t1,
+			...props,
+			children: t2
+		});
+		$[9] = props;
+		$[10] = ref;
+		$[11] = t1;
+		$[12] = t2;
+		$[13] = t3;
+	} else t3 = $[13];
+	return t3;
+}
+/** A single section that shows and hides: advanced options, "show more", filter groups. */
+var Collapsible$1 = {
+	Root: CollapsibleRoot,
+	Trigger: CollapsibleTrigger,
+	Panel: CollapsiblePanel
+};
+//#endregion
+export { Collapsible$1 as Collapsible };
+
+//# sourceMappingURL=Collapsible.js.map

package/dist/components/collapsible/Collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.js","names":["Collapsible","BaseCollapsible","withClass","ChevronRightIcon","CollapsibleRoot","t0","$","_c","className","props","ref","t1","t2","CollapsibleTriggerProps","Trigger","Props","chevron","CollapsibleTrigger","children","undefined","t3","t4","CollapsiblePanel","Root","Panel","_c","BaseCollapsible","Collapsible"],"sources":["../../../src/components/collapsible/Collapsible.tsx"],"sourcesContent":["import { Collapsible as BaseCollapsible } from '@base-ui/react/collapsible';\nimport { withClass } from '../../utils/cx';\nimport { ChevronRightIcon } from '../../icons';\n\nfunction CollapsibleRoot({ className, ref, ...props }: BaseCollapsible.Root.Props) {\n  return <BaseCollapsible.Root ref={ref} className={withClass('oui-collapsible', className)} {...props} />;\n}\n\nexport interface CollapsibleTriggerProps extends BaseCollapsible.Trigger.Props {\n  /** Show the chevron that turns when the panel opens. */\n  chevron?: boolean;\n}\n\nfunction CollapsibleTrigger({ chevron = true, className, children, ref, ...props }: CollapsibleTriggerProps) {\n  return (\n    <BaseCollapsible.Trigger ref={ref} className={withClass('oui-collapsible__trigger', className)} {...props}>\n      {chevron && <ChevronRightIcon className=\"oui-collapsible__chevron\" />}\n      {children}\n    </BaseCollapsible.Trigger>\n  );\n}\n\nfunction CollapsiblePanel({ className, children, ref, ...props }: BaseCollapsible.Panel.Props) {\n  return (\n    <BaseCollapsible.Panel ref={ref} className={withClass('oui-collapsible__panel', className)} {...props}>\n      <div className=\"oui-collapsible__content\">{children}</div>\n    </BaseCollapsible.Panel>\n  );\n}\n\n/** A single section that shows and hides: advanced options, \"show more\", filter groups. */\nexport const Collapsible = {\n  Root: CollapsibleRoot,\n  Trigger: CollapsibleTrigger,\n  Panel: CollapsiblePanel,\n};\n"],"mappings":"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"}

package/dist/components/combobox/Combobox.d.ts

@@ -0,0 +1,68 @@
+import * as React from 'react';
+import { Combobox as BaseCombobox } from '@base-ui/react/combobox';
+import type { ControlSize } from '../input/Input';
+export interface ComboboxInputGroupProps extends BaseCombobox.InputGroup.Props {
+    size?: ControlSize;
+}
+declare function ComboboxInputGroup({ size, className, ref, ...props }: ComboboxInputGroupProps): React.JSX.Element;
+declare function ComboboxInput({ className, ref, ...props }: BaseCombobox.Input.Props): React.JSX.Element;
+declare function ComboboxTrigger({ className, children, ref, ...props }: BaseCombobox.Trigger.Props): React.JSX.Element;
+declare function ComboboxClear({ className, children, ref, ...props }: BaseCombobox.Clear.Props): React.JSX.Element;
+export interface ComboboxContentProps extends BaseCombobox.Popup.Props {
+    side?: BaseCombobox.Positioner.Props['side'];
+    align?: BaseCombobox.Positioner.Props['align'];
+    sideOffset?: BaseCombobox.Positioner.Props['sideOffset'];
+    positionerProps?: BaseCombobox.Positioner.Props;
+}
+declare function ComboboxContent({ side, align, sideOffset, positionerProps, className, ref, ...props }: ComboboxContentProps): React.JSX.Element;
+declare function ComboboxList({ className, ref, ...props }: BaseCombobox.List.Props): React.JSX.Element;
+declare function ComboboxItem({ className, children, ref, ...props }: BaseCombobox.Item.Props): React.JSX.Element;
+declare function ComboboxEmpty({ className, ref, ...props }: BaseCombobox.Empty.Props): React.JSX.Element;
+declare function ComboboxChips({ className, ref, ...props }: BaseCombobox.Chips.Props): React.JSX.Element;
+declare function ComboboxChip({ className, children, removeLabel, ref, ...props }: BaseCombobox.Chip.Props & {
+    removeLabel?: string;
+}): React.JSX.Element;
+declare function ComboboxGroupLabel({ className, ref, ...props }: BaseCombobox.GroupLabel.Props): React.JSX.Element;
+export interface ComboboxOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+type RootProps = Omit<BaseCombobox.Root.Props<ComboboxOption, boolean | undefined>, 'items' | 'children'>;
+export interface ComboboxProps extends RootProps {
+    items: ComboboxOption[];
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    error?: React.ReactNode;
+    placeholder?: string;
+    /** Shown when the filter matches nothing. */
+    emptyText?: React.ReactNode;
+    size?: ControlSize;
+    /** Hide the clear button. */
+    hideClear?: boolean;
+    inputProps?: BaseCombobox.Input.Props;
+}
+declare function ComboboxComponent({ items, label, description, error, placeholder, emptyText, size, hideClear, inputProps, name, disabled, required, multiple, ...rootProps }: ComboboxProps): React.JSX.Element;
+/**
+ * Searchable select. `<Combobox items={…} />` covers single and `multiple`
+ * (chips) selection; compose the parts for anything custom.
+ */
+export declare const Combobox: typeof ComboboxComponent & {
+    Root: typeof BaseCombobox.Root;
+    InputGroup: typeof ComboboxInputGroup;
+    Input: typeof ComboboxInput;
+    Trigger: typeof ComboboxTrigger;
+    Clear: typeof ComboboxClear;
+    Value: typeof BaseCombobox.Value;
+    Chips: typeof ComboboxChips;
+    Chip: typeof ComboboxChip;
+    Content: typeof ComboboxContent;
+    List: typeof ComboboxList;
+    Item: typeof ComboboxItem;
+    Empty: typeof ComboboxEmpty;
+    Group: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    GroupLabel: typeof ComboboxGroupLabel;
+    Collection: typeof BaseCombobox.Collection;
+    useFilter: typeof BaseCombobox.useFilter;
+};
+export {};