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

package/dist/components/tabs/Tabs.js

@@ -0,0 +1,183 @@
+"use client";
+import { withClass } from "../../utils/cx.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tabs } from "@base-ui/react/tabs";
+//#region src/components/tabs/Tabs.tsx
+function TabsRoot(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-tabs", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== props || $[7] !== ref || $[8] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Tabs.Root, {
+			ref,
+			className: t1,
+			...props
+		});
+		$[6] = props;
+		$[7] = ref;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
+}
+function TabsList(t0) {
+	const $ = c(17);
+	let children;
+	let className;
+	let props;
+	let ref;
+	let t1;
+	let t2;
+	if ($[0] !== t0) {
+		({variant: t1, size: t2, className, children, ref, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = ref;
+		$[5] = t1;
+		$[6] = t2;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		ref = $[4];
+		t1 = $[5];
+		t2 = $[6];
+	}
+	const variant = t1 === void 0 ? "underline" : t1;
+	const size = t2 === void 0 ? "md" : t2;
+	let t3;
+	if ($[7] !== className) {
+		t3 = withClass("oui-tabs__list", className);
+		$[7] = className;
+		$[8] = t3;
+	} else t3 = $[8];
+	let t4;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsx(Tabs.Indicator, { className: "oui-tabs__indicator" });
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== children || $[11] !== props || $[12] !== ref || $[13] !== size || $[14] !== t3 || $[15] !== variant) {
+		t5 = /* @__PURE__ */ jsxs(Tabs.List, {
+			ref,
+			className: t3,
+			"data-variant": variant,
+			"data-size": size,
+			...props,
+			children: [children, t4]
+		});
+		$[10] = children;
+		$[11] = props;
+		$[12] = ref;
+		$[13] = size;
+		$[14] = t3;
+		$[15] = variant;
+		$[16] = t5;
+	} else t5 = $[16];
+	return t5;
+}
+function TabsTab(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-tabs__tab", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== props || $[7] !== ref || $[8] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Tabs.Tab, {
+			ref,
+			className: t1,
+			...props
+		});
+		$[6] = props;
+		$[7] = ref;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
+}
+function TabsPanel(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-tabs__panel", className);
+		$[4] = className;
+		$[5] = t1;
+	} else t1 = $[5];
+	let t2;
+	if ($[6] !== props || $[7] !== ref || $[8] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Tabs.Panel, {
+			ref,
+			className: t1,
+			...props
+		});
+		$[6] = props;
+		$[7] = ref;
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	return t2;
+}
+/** `Tabs.Root` › `Tabs.List` › `Tabs.Tab`, then one `Tabs.Panel` per value. */
+var Tabs$1 = {
+	Root: TabsRoot,
+	List: TabsList,
+	Tab: TabsTab,
+	Panel: TabsPanel
+};
+//#endregion
+export { Tabs$1 as Tabs };
+
+//# sourceMappingURL=Tabs.js.map

package/dist/components/tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","names":["Tabs","BaseTabs","withClass","TabsVariant","TabsListProps","List","Props","variant","size","TabsRoot","t0","$","_c","className","props","ref","t1","t2","TabsList","children","undefined","t3","t4","Symbol","for","t5","TabsTab","TabsPanel","Root","Tab","Panel","_c","BaseTabs","Tabs"],"sources":["../../../src/components/tabs/Tabs.tsx"],"sourcesContent":["import { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport { withClass } from '../../utils/cx';\n\nexport type TabsVariant = 'underline' | 'segmented';\n\nexport interface TabsListProps extends BaseTabs.List.Props {\n  /** `underline` (default) for page sections, `segmented` for compact switchers. */\n  variant?: TabsVariant;\n  size?: 'sm' | 'md';\n}\n\nfunction TabsRoot({ className, ref, ...props }: BaseTabs.Root.Props) {\n  return <BaseTabs.Root ref={ref} className={withClass('oui-tabs', className)} {...props} />;\n}\n\nfunction TabsList({ variant = 'underline', size = 'md', className, children, ref, ...props }: TabsListProps) {\n  return (\n    <BaseTabs.List\n      ref={ref}\n      className={withClass('oui-tabs__list', className)}\n      data-variant={variant}\n      data-size={size}\n      {...props}\n    >\n      {children}\n      <BaseTabs.Indicator className=\"oui-tabs__indicator\" />\n    </BaseTabs.List>\n  );\n}\n\nfunction TabsTab({ className, ref, ...props }: BaseTabs.Tab.Props) {\n  return <BaseTabs.Tab ref={ref} className={withClass('oui-tabs__tab', className)} {...props} />;\n}\n\nfunction TabsPanel({ className, ref, ...props }: BaseTabs.Panel.Props) {\n  return <BaseTabs.Panel ref={ref} className={withClass('oui-tabs__panel', className)} {...props} />;\n}\n\n/** `Tabs.Root` › `Tabs.List` › `Tabs.Tab`, then one `Tabs.Panel` per value. */\nexport const Tabs = { Root: TabsRoot, List: TabsList, Tab: TabsTab, Panel: TabsPanel };\n"],"mappings":";;;;;;AAWA,SAAAS,SAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAJ,EAAA,OAAAD,IAAA;EAAkB,CAAA,CAAAG,WAAAE,KAAA,GAAAD,SAAAJ;EAAiDC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;CAAA,OAAA;EAAAF,YAAAF,EAAA;EAAAG,QAAAH,EAAA;EAAAI,MAAAJ,EAAA;CAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAE,WAAA;EACtBG,KAAAd,UAAU,YAAYW,SAAS;EAACF,EAAA,KAAAE;EAAAF,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,IAAAM;CAAA,IAAAN,EAAA,OAAAG,SAAAH,EAAA,OAAAI,OAAAJ,EAAA,OAAAK,IAAA;EAApEC,KAAA,oBAAAe,KAAA,MAAA;GAAoBjB;GAAgB,WAAAC;GAAgC,GAAMF;EAAK,CAAA;EAAIH,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;EAAAL,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,OAAnFM;AAAmF;AAG5F,SAAAC,SAAAR,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAO;CAAA,IAAAN;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAN,EAAA,OAAAD,IAAA;EAAkB,CAAA,CAAAH,SAAAS,IAAAR,MAAAS,IAAAJ,WAAAM,UAAAJ,KAAA,GAAAD,SAAAJ;EAAyFC,EAAA,KAAAD;EAAAC,EAAA,KAAAQ;EAAAR,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;EAAAL,EAAA,KAAAM;CAAA,OAAA;EAAAE,WAAAR,EAAA;EAAAE,YAAAF,EAAA;EAAAG,QAAAH,EAAA;EAAAI,MAAAJ,EAAA;EAAAK,KAAAL,EAAA;EAAAM,KAAAN,EAAA;CAAA;CAAvF,MAAAJ,UAAAS,OAAAI,KAAAA,IAAA,cAAAJ;CAAuB,MAAAR,OAAAS,OAAAG,KAAAA,IAAA,OAAAH;CAAW,IAAAI;CAAA,IAAAV,EAAA,OAAAE,WAAA;EAIrCQ,KAAAnB,UAAU,kBAAkBW,SAAS;EAACF,EAAA,KAAAE;EAAAF,EAAA,KAAAU;CAAA,OAAAA,KAAAV,EAAA;CAAA,IAAAW;CAAA,IAAAX,EAAA,OAAAY,OAAAC,IAAA,2BAAA,GAAA;EAMjDF,KAAA,oBAAAU,KAAA,WAAA,EAA8B,WAAA,sBAAqB,CAAA;EAAGrB,EAAA,KAAAW;CAAA,OAAAA,KAAAX,EAAA;CAAA,IAAAc;CAAA,IAAAd,EAAA,QAAAQ,YAAAR,EAAA,QAAAG,SAAAH,EAAA,QAAAI,OAAAJ,EAAA,QAAAH,QAAAG,EAAA,QAAAU,MAAAV,EAAA,QAAAJ,SAAA;EARxDkB,KAAA,qBAAAO,KAAA,MAAA;GACOjB;GACM,WAAAM;GACGd,gBAAAA;GACHC,aAAAA;GAAI,GACXM;GALN,UAAA,CAOGK,UACDG,EACF;;EAAgBX,EAAA,MAAAQ;EAAAR,EAAA,MAAAG;EAAAH,EAAA,MAAAI;EAAAJ,EAAA,MAAAH;EAAAG,EAAA,MAAAU;EAAAV,EAAA,MAAAJ;EAAAI,EAAA,MAAAc;CAAA,OAAAA,KAAAd,EAAA;CAAA,OAThBc;AASgB;AAIpB,SAAAC,QAAAhB,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAJ,EAAA,OAAAD,IAAA;EAAiB,CAAA,CAAAG,WAAAE,KAAA,GAAAD,SAAAJ;EAAgDC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;CAAA,OAAA;EAAAF,YAAAF,EAAA;EAAAG,QAAAH,EAAA;EAAAI,MAAAJ,EAAA;CAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAE,WAAA;EACrBG,KAAAd,UAAU,iBAAiBW,SAAS;EAACF,EAAA,KAAAE;EAAAF,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,IAAAM;CAAA,IAAAN,EAAA,OAAAG,SAAAH,EAAA,OAAAI,OAAAJ,EAAA,OAAAK,IAAA;EAAxEC,KAAA,oBAAAe,KAAA,KAAA;GAAmBjB;GAAgB,WAAAC;GAAqC,GAAMF;EAAK,CAAA;EAAIH,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;EAAAL,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,OAAvFM;AAAuF;AAGhG,SAAAU,UAAAjB,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAC;CAAA,IAAAJ,EAAA,OAAAD,IAAA;EAAmB,CAAA,CAAAG,WAAAE,KAAA,GAAAD,SAAAJ;EAAkDC,EAAA,KAAAD;EAAAC,EAAA,KAAAE;EAAAF,EAAA,KAAAG;EAAAH,EAAA,KAAAI;CAAA,OAAA;EAAAF,YAAAF,EAAA;EAAAG,QAAAH,EAAA;EAAAI,MAAAJ,EAAA;CAAA;CAAA,IAAAK;CAAA,IAAAL,EAAA,OAAAE,WAAA;EACvBG,KAAAd,UAAU,mBAAmBW,SAAS;EAACF,EAAA,KAAAE;EAAAF,EAAA,KAAAK;CAAA,OAAAA,KAAAL,EAAA;CAAA,IAAAM;CAAA,IAAAN,EAAA,OAAAG,SAAAH,EAAA,OAAAI,OAAAJ,EAAA,OAAAK,IAAA;EAA5EC,KAAA,oBAAAe,KAAA,OAAA;GAAqBjB;GAAgB,WAAAC;GAAuC,GAAMF;EAAK,CAAA;EAAIH,EAAA,KAAAG;EAAAH,EAAA,KAAAI;EAAAJ,EAAA,KAAAK;EAAAL,EAAA,KAAAM;CAAA,OAAAA,KAAAN,EAAA;CAAA,OAA3FM;AAA2F;;AAIpG,IAAajB,SAAO;CAAE4B,MAAMnB;CAAUJ,MAAMa;CAAUW,KAAKH;CAASI,OAAOH;AAAU"}

package/dist/components/tag/Tag.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { useRender } from '@base-ui/react/use-render';
+import type { BadgeTone } from '../badge/Badge';
+export type TagState = {
+    tone: BadgeTone;
+    size: 'sm' | 'md';
+    removable: boolean;
+    disabled: boolean;
+};
+export interface TagProps extends useRender.ComponentProps<'span', TagState> {
+    tone?: BadgeTone;
+    size?: 'sm' | 'md';
+    /** Leading icon. */
+    icon?: React.ReactNode;
+    /** Adds the remove button. */
+    onRemove?: () => void;
+    /** Accessible name of the remove button. Defaults to "Remove <text>". */
+    removeLabel?: string;
+    disabled?: boolean;
+}
+/** Label for a value the user can take away again: an active filter, a recipient, a keyword. */
+export declare function Tag({ tone, size, icon, onRemove, removeLabel, disabled, render, children, ref, ...props }: TagProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;

package/dist/components/tag/Tag.js

@@ -0,0 +1,121 @@
+"use client";
+import { XIcon } from "../../icons/index.js";
+import { c } from "react/compiler-runtime";
+import "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useRender } from "@base-ui/react/use-render";
+import { mergeProps } from "@base-ui/react/merge-props";
+//#region src/components/tag/Tag.tsx
+/** Label for a value the user can take away again: an active filter, a recipient, a keyword. */
+function Tag(t0) {
+	const $ = c(29);
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	if ($[0] !== t0) {
+		const { tone: t7, size: t8, icon, onRemove, removeLabel, disabled: t9, render, children, ref, ...props } = t0;
+		const tone = t7 === void 0 ? "neutral" : t7;
+		const size = t8 === void 0 ? "md" : t8;
+		const disabled = t9 === void 0 ? false : t9;
+		const t10 = Boolean(onRemove);
+		let t11;
+		if ($[7] !== disabled || $[8] !== size || $[9] !== t10 || $[10] !== tone) {
+			t11 = {
+				tone,
+				size,
+				removable: t10,
+				disabled
+			};
+			$[7] = disabled;
+			$[8] = size;
+			$[9] = t10;
+			$[10] = tone;
+			$[11] = t11;
+		} else t11 = $[11];
+		const state = t11;
+		t6 = useRender;
+		t1 = "span";
+		t2 = render;
+		t3 = ref;
+		t4 = state;
+		let t12;
+		if ($[12] !== children) {
+			t12 = /* @__PURE__ */ jsx("span", {
+				className: "oui-tag__label",
+				children
+			});
+			$[12] = children;
+			$[13] = t12;
+		} else t12 = $[13];
+		let t13;
+		if ($[14] !== children || $[15] !== disabled || $[16] !== onRemove || $[17] !== removeLabel) {
+			t13 = onRemove && /* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: "oui-tag__remove",
+				"aria-label": removeLabel ?? (typeof children === "string" ? `Remove ${children}` : "Remove"),
+				disabled,
+				onClick: onRemove,
+				children: /* @__PURE__ */ jsx(XIcon, {})
+			});
+			$[14] = children;
+			$[15] = disabled;
+			$[16] = onRemove;
+			$[17] = removeLabel;
+			$[18] = t13;
+		} else t13 = $[18];
+		let t14;
+		if ($[19] !== icon || $[20] !== t12 || $[21] !== t13) {
+			t14 = /* @__PURE__ */ jsxs(Fragment, { children: [
+				icon,
+				t12,
+				t13
+			] });
+			$[19] = icon;
+			$[20] = t12;
+			$[21] = t13;
+			$[22] = t14;
+		} else t14 = $[22];
+		t5 = mergeProps({
+			className: "oui-tag",
+			children: t14
+		}, props);
+		$[0] = t0;
+		$[1] = t1;
+		$[2] = t2;
+		$[3] = t3;
+		$[4] = t4;
+		$[5] = t5;
+		$[6] = t6;
+	} else {
+		t1 = $[1];
+		t2 = $[2];
+		t3 = $[3];
+		t4 = $[4];
+		t5 = $[5];
+		t6 = $[6];
+	}
+	let t7;
+	if ($[23] !== t1 || $[24] !== t2 || $[25] !== t3 || $[26] !== t4 || $[27] !== t5) {
+		t7 = {
+			defaultTagName: t1,
+			render: t2,
+			ref: t3,
+			state: t4,
+			props: t5
+		};
+		$[23] = t1;
+		$[24] = t2;
+		$[25] = t3;
+		$[26] = t4;
+		$[27] = t5;
+		$[28] = t7;
+	} else t7 = $[28];
+	return t6(t7);
+}
+//#endregion
+export { Tag };
+
+//# sourceMappingURL=Tag.js.map

package/dist/components/tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","names":["React","useRender","mergeProps","XIcon","BadgeTone","TagState","tone","size","removable","disabled","TagProps","ComponentProps","icon","ReactNode","onRemove","removeLabel","Tag","t0","$","_c","t1","t2","t3","t4","t5","t6","t7","t8","t9","render","children","ref","props","undefined","t10","Boolean","t11","state","t12","t13","t14","className","defaultTagName","_c","_Fragment"],"sources":["../../../src/components/tag/Tag.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useRender } from '@base-ui/react/use-render';\nimport { mergeProps } from '@base-ui/react/merge-props';\nimport { XIcon } from '../../icons';\nimport type { BadgeTone } from '../badge/Badge';\n\nexport type TagState = {\n  tone: BadgeTone;\n  size: 'sm' | 'md';\n  removable: boolean;\n  disabled: boolean;\n};\n\nexport interface TagProps extends useRender.ComponentProps<'span', TagState> {\n  tone?: BadgeTone;\n  size?: 'sm' | 'md';\n  /** Leading icon. */\n  icon?: React.ReactNode;\n  /** Adds the remove button. */\n  onRemove?: () => void;\n  /** Accessible name of the remove button. Defaults to \"Remove <text>\". */\n  removeLabel?: string;\n  disabled?: boolean;\n}\n\n/** Label for a value the user can take away again: an active filter, a recipient, a keyword. */\nexport function Tag({\n  tone = 'neutral',\n  size = 'md',\n  icon,\n  onRemove,\n  removeLabel,\n  disabled = false,\n  render,\n  children,\n  ref,\n  ...props\n}: TagProps) {\n  const state: TagState = { tone, size, removable: Boolean(onRemove), disabled };\n  return useRender({\n    defaultTagName: 'span',\n    render,\n    ref,\n    state,\n    props: mergeProps<'span'>(\n      {\n        className: 'oui-tag',\n        children: (\n          <>\n            {icon}\n            <span className=\"oui-tag__label\">{children}</span>\n            {onRemove && (\n              <button\n                type=\"button\"\n                className=\"oui-tag__remove\"\n                aria-label={removeLabel ?? (typeof children === 'string' ? `Remove ${children}` : 'Remove')}\n                disabled={disabled}\n                onClick={onRemove}\n              >\n                <XIcon />\n              </button>\n            )}\n          </>\n        ),\n      },\n      props,\n    ),\n  });\n}\n"],"mappings":"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"}

package/dist/components/toast/Toast.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { Toast as BaseToast } from '@base-ui/react/toast';
+export type ToastTone = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
+export type ToastPlacement = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left' | 'bottom-center' | 'top-center';
+export interface ToastProviderProps extends Omit<BaseToast.Provider.Props, 'children'> {
+    children?: React.ReactNode;
+    placement?: ToastPlacement;
+    /** Class for the viewport (positioning container). */
+    viewportClassName?: string;
+}
+/**
+ * Mount once near the app root. Then call `useToast()` anywhere below, or pass
+ * a `toastManager` from `createToastManager()` to trigger toasts outside React.
+ */
+export declare function ToastProvider({ children, placement, viewportClassName, ...props }: ToastProviderProps): React.JSX.Element;
+type AddOptions = Parameters<ReturnType<typeof BaseToast.useToastManager>['add']>[0];
+type ToneOptions = Omit<AddOptions, 'type'>;
+/** Toast API with tone shortcuts: `toast.success({ title })`. */
+export declare function useToast(): {
+    toasts: import("@base-ui/react").ToastObject<any>[];
+    add: <T extends any = any>(options: import("@base-ui/react").ToastManagerAddOptions<T>) => string;
+    close: (toastId?: string) => void;
+    update: <T extends any = any>(toastId: string, options: import("@base-ui/react").ToastManagerUpdateOptions<T> | ((prevToast: import("@base-ui/react").ToastObject<T>) => import("@base-ui/react").ToastManagerUpdateOptions<T>)) => void;
+    promise: <Value, T extends any = any>(promise: Promise<Value>, options: import("@base-ui/react").ToastManagerPromiseOptions<Value, T>) => Promise<Value>;
+    show: (options: AddOptions & {
+        type?: ToastTone;
+    }) => string;
+    info: (options: ToneOptions) => string;
+    success: (options: ToneOptions) => string;
+    warning: (options: ToneOptions) => string;
+    danger: (options: ToneOptions) => string;
+};
+export declare const createToastManager: typeof BaseToast.createToastManager;
+export {};

package/dist/components/toast/Toast.js

@@ -0,0 +1,187 @@
+"use client";
+import { usePortalContainer } from "../../utils/portal.js";
+import { cx } from "../../utils/cx.js";
+import { CircleCheckIcon, CircleXIcon, InfoIcon, TriangleAlertIcon, XIcon } from "../../icons/index.js";
+import { c } from "react/compiler-runtime";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Toast } from "@base-ui/react/toast";
+//#region src/components/toast/Toast.tsx
+var icons = {
+	info: /* @__PURE__ */ jsx(InfoIcon, {}),
+	success: /* @__PURE__ */ jsx(CircleCheckIcon, {}),
+	warning: /* @__PURE__ */ jsx(TriangleAlertIcon, {}),
+	danger: /* @__PURE__ */ jsx(CircleXIcon, {})
+};
+function ToastList() {
+	const $ = c(2);
+	const { toasts } = Toast.useToastManager();
+	let t0;
+	if ($[0] !== toasts) {
+		t0 = toasts.map(_temp);
+		$[0] = toasts;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
+}
+function _temp(toast) {
+	return /* @__PURE__ */ jsx(Toast.Root, {
+		toast,
+		className: "oui-toast",
+		children: /* @__PURE__ */ jsxs(Toast.Content, {
+			className: "oui-toast__content",
+			children: [
+				toast.type && icons[toast.type] && /* @__PURE__ */ jsx("span", {
+					className: "oui-toast__icon",
+					children: icons[toast.type]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "oui-toast__text",
+					children: [/* @__PURE__ */ jsx(Toast.Title, { className: "oui-toast__title" }), /* @__PURE__ */ jsx(Toast.Description, { className: "oui-toast__description" })]
+				}),
+				toast.actionProps && /* @__PURE__ */ jsx(Toast.Action, { className: "oui-toast__action" }),
+				/* @__PURE__ */ jsx(Toast.Close, {
+					className: "oui-toast__close",
+					"aria-label": "Close",
+					children: /* @__PURE__ */ jsx(XIcon, {})
+				})
+			]
+		})
+	}, toast.id);
+}
+/**
+* Mount once near the app root. Then call `useToast()` anywhere below, or pass
+* a `toastManager` from `createToastManager()` to trigger toasts outside React.
+*/
+function ToastProvider(t0) {
+	const $ = c(18);
+	let children;
+	let props;
+	let t1;
+	let viewportClassName;
+	if ($[0] !== t0) {
+		({children, placement: t1, viewportClassName, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = props;
+		$[3] = t1;
+		$[4] = viewportClassName;
+	} else {
+		children = $[1];
+		props = $[2];
+		t1 = $[3];
+		viewportClassName = $[4];
+	}
+	const placement = t1 === void 0 ? "bottom-right" : t1;
+	const container = usePortalContainer();
+	let t2;
+	if ($[5] !== viewportClassName) {
+		t2 = cx("oui-toast-viewport", viewportClassName);
+		$[5] = viewportClassName;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(ToastList, {});
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== placement || $[9] !== t2) {
+		t4 = /* @__PURE__ */ jsx(Toast.Viewport, {
+			className: t2,
+			"data-placement": placement,
+			children: t3
+		});
+		$[8] = placement;
+		$[9] = t2;
+		$[10] = t4;
+	} else t4 = $[10];
+	let t5;
+	if ($[11] !== container || $[12] !== t4) {
+		t5 = /* @__PURE__ */ jsx(Toast.Portal, {
+			container,
+			children: t4
+		});
+		$[11] = container;
+		$[12] = t4;
+		$[13] = t5;
+	} else t5 = $[13];
+	let t6;
+	if ($[14] !== children || $[15] !== props || $[16] !== t5) {
+		t6 = /* @__PURE__ */ jsxs(Toast.Provider, {
+			...props,
+			children: [children, t5]
+		});
+		$[14] = children;
+		$[15] = props;
+		$[16] = t5;
+		$[17] = t6;
+	} else t6 = $[17];
+	return t6;
+}
+/** Toast API with tone shortcuts: `toast.success({ title })`. */
+function useToast() {
+	const $ = c(13);
+	const manager = Toast.useToastManager();
+	let t0;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	if ($[0] !== manager) {
+		t0 = (options) => manager.add(options);
+		t1 = (options_0) => manager.add({
+			...options_0,
+			type: "info"
+		});
+		t2 = (options_1) => manager.add({
+			...options_1,
+			type: "success"
+		});
+		t3 = (options_2) => manager.add({
+			...options_2,
+			type: "warning"
+		});
+		t4 = (options_3) => manager.add({
+			...options_3,
+			type: "danger",
+			priority: "high"
+		});
+		$[0] = manager;
+		$[1] = t0;
+		$[2] = t1;
+		$[3] = t2;
+		$[4] = t3;
+		$[5] = t4;
+	} else {
+		t0 = $[1];
+		t1 = $[2];
+		t2 = $[3];
+		t3 = $[4];
+		t4 = $[5];
+	}
+	let t5;
+	if ($[6] !== manager || $[7] !== t0 || $[8] !== t1 || $[9] !== t2 || $[10] !== t3 || $[11] !== t4) {
+		t5 = {
+			...manager,
+			show: t0,
+			info: t1,
+			success: t2,
+			warning: t3,
+			danger: t4
+		};
+		$[6] = manager;
+		$[7] = t0;
+		$[8] = t1;
+		$[9] = t2;
+		$[10] = t3;
+		$[11] = t4;
+		$[12] = t5;
+	} else t5 = $[12];
+	return t5;
+}
+var createToastManager = Toast.createToastManager;
+//#endregion
+export { ToastProvider, createToastManager, useToast };
+
+//# sourceMappingURL=Toast.js.map

package/dist/components/toast/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","names":["React","Toast","BaseToast","cx","usePortalContainer","CircleCheckIcon","CircleXIcon","InfoIcon","TriangleAlertIcon","XIcon","ToastTone","ToastPlacement","icons","Partial","Record","ReactNode","info","success","warning","danger","ToastList","$","_c","toasts","useToastManager","t0","map","_temp","toast","id","type","actionProps","ToastProviderProps","Omit","Provider","Props","children","placement","viewportClassName","ToastProvider","props","t1","undefined","container","t2","t3","Symbol","for","t4","t5","t6","AddOptions","Parameters","ReturnType","ToneOptions","useToast","manager","options","add","options_0","options_1","options_2","options_3","priority","show","createToastManager","_c","BaseToast"],"sources":["../../../src/components/toast/Toast.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Toast as BaseToast } from '@base-ui/react/toast';\nimport { cx } from '../../utils/cx';\nimport { usePortalContainer } from '../../utils/portal';\nimport { CircleCheckIcon, CircleXIcon, InfoIcon, TriangleAlertIcon, XIcon } from '../../icons';\n\nexport type ToastTone = 'info' | 'success' | 'warning' | 'danger' | 'neutral';\n\nexport type ToastPlacement = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left' | 'bottom-center' | 'top-center';\n\nconst icons: Partial<Record<string, React.ReactNode>> = {\n  info: <InfoIcon />,\n  success: <CircleCheckIcon />,\n  warning: <TriangleAlertIcon />,\n  danger: <CircleXIcon />,\n};\n\nfunction ToastList() {\n  const { toasts } = BaseToast.useToastManager();\n  return toasts.map((toast) => (\n    <BaseToast.Root key={toast.id} toast={toast} className=\"oui-toast\">\n      <BaseToast.Content className=\"oui-toast__content\">\n        {toast.type && icons[toast.type] && <span className=\"oui-toast__icon\">{icons[toast.type]}</span>}\n        <div className=\"oui-toast__text\">\n          <BaseToast.Title className=\"oui-toast__title\" />\n          <BaseToast.Description className=\"oui-toast__description\" />\n        </div>\n        {toast.actionProps && <BaseToast.Action className=\"oui-toast__action\" />}\n        <BaseToast.Close className=\"oui-toast__close\" aria-label=\"Close\">\n          <XIcon />\n        </BaseToast.Close>\n      </BaseToast.Content>\n    </BaseToast.Root>\n  ));\n}\n\nexport interface ToastProviderProps extends Omit<BaseToast.Provider.Props, 'children'> {\n  children?: React.ReactNode;\n  placement?: ToastPlacement;\n  /** Class for the viewport (positioning container). */\n  viewportClassName?: string;\n}\n\n/**\n * Mount once near the app root. Then call `useToast()` anywhere below, or pass\n * a `toastManager` from `createToastManager()` to trigger toasts outside React.\n */\nexport function ToastProvider({ children, placement = 'bottom-right', viewportClassName, ...props }: ToastProviderProps) {\n  const container = usePortalContainer();\n  return (\n    <BaseToast.Provider {...props}>\n      {children}\n      <BaseToast.Portal container={container}>\n        <BaseToast.Viewport className={cx('oui-toast-viewport', viewportClassName)} data-placement={placement}>\n          <ToastList />\n        </BaseToast.Viewport>\n      </BaseToast.Portal>\n    </BaseToast.Provider>\n  );\n}\n\ntype AddOptions = Parameters<ReturnType<typeof BaseToast.useToastManager>['add']>[0];\ntype ToneOptions = Omit<AddOptions, 'type'>;\n\n/** Toast API with tone shortcuts: `toast.success({ title })`. */\nexport function useToast() {\n  const manager = BaseToast.useToastManager();\n  return {\n    ...manager,\n    show: (options: AddOptions & { type?: ToastTone }) => manager.add(options),\n    info: (options: ToneOptions) => manager.add({ ...options, type: 'info' }),\n    success: (options: ToneOptions) => manager.add({ ...options, type: 'success' }),\n    warning: (options: ToneOptions) => manager.add({ ...options, type: 'warning' }),\n    danger: (options: ToneOptions) => manager.add({ ...options, type: 'danger', priority: 'high' }),\n  };\n}\n\nexport const createToastManager = BaseToast.createToastManager;\n"],"mappings":"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"}

package/dist/components/toggle/Toggle.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { Toggle as BaseToggle } from '@base-ui/react/toggle';
+import { ToggleGroup as BaseToggleGroup } from '@base-ui/react/toggle-group';
+export type ToggleSize = 'sm' | 'md';
+export interface ToggleProps extends BaseToggle.Props {
+    size?: ToggleSize;
+}
+/** Two-state button (bold, pin, favourite…). Inside a ToggleGroup it acts as a segment. */
+export declare function Toggle({ size, className, ref, ...props }: ToggleProps): React.JSX.Element;
+export interface ToggleGroupProps extends BaseToggleGroup.Props {
+    size?: ToggleSize;
+    /** `segmented` renders a pill track like a tab switcher; `outline` separate buttons. */
+    variant?: 'segmented' | 'outline';
+    /** Stretch segments to fill the width. */
+    fullWidth?: boolean;
+}
+export declare function ToggleGroup({ size, variant, fullWidth, className, ref, ...props }: ToggleGroupProps): React.JSX.Element;
+export interface SegmentedControlOption {
+    value: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+    'aria-label'?: string;
+}
+export interface SegmentedControlProps extends Omit<ToggleGroupProps, 'value' | 'defaultValue' | 'onValueChange' | 'multiple' | 'children'> {
+    options: SegmentedControlOption[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+}
+/** Single-choice switcher (e.g. Day / Week / Month). Always keeps one value selected. */
+export declare function SegmentedControl({ options, value, defaultValue, onValueChange, size, ref, ...props }: SegmentedControlProps): React.JSX.Element;