@optimum-intelligence/opti-ui 0.5.1 → 0.6.0

package/dist/components/drawer/Drawer.js

@@ -14,210 +14,217 @@ import { Dialog } from "@base-ui/react/dialog";
 * sheet use `Dialog.Content` with `placement`.
 */
 function Drawer(t0) {
-	const $ = c(57);
-	const { open: openProp, defaultOpen: t1, onOpenChange, trigger, title, eyebrow, description, actions, footer, side: t2, size: t3, dismissible: t4, modal: t5, closeLabel: t6, className, bodyProps, children, ref } = t0;
+	const $ = c(59);
+	const { open: openProp, defaultOpen: t1, onOpenChange, onOpenChangeComplete, trigger, title, eyebrow, description, actions, footer, side: t2, size: t3, dismissible: t4, modal: t5, backdropBlur: t6, closeLabel: t7, className, bodyProps, children, ref } = t0;
 	const defaultOpen = t1 === void 0 ? false : t1;
 	const side = t2 === void 0 ? "right" : t2;
 	const size = t3 === void 0 ? "md" : t3;
 	const dismissible = t4 === void 0 ? true : t4;
 	const modal = t5 === void 0 ? true : t5;
-	const closeLabel = t6 === void 0 ? "Close" : t6;
+	const backdropBlur = t6 === void 0 ? "md" : t6;
+	const closeLabel = t7 === void 0 ? "Close" : t7;
 	const [inner, setInner] = React.useState(defaultOpen);
 	const open = openProp ?? inner;
 	const container = usePortalContainer();
-	let t7;
+	let t8;
 	if ($[0] !== dismissible || $[1] !== onOpenChange) {
-		t7 = (next) => {
+		t8 = (next) => {
 			if (!next && !dismissible) return;
 			setInner(next);
 			onOpenChange?.(next);
 		};
 		$[0] = dismissible;
 		$[1] = onOpenChange;
-		$[2] = t7;
-	} else t7 = $[2];
-	let t8;
+		$[2] = t8;
+	} else t8 = $[2];
+	let t9;
 	if ($[3] !== trigger) {
-		t8 = trigger && /* @__PURE__ */ jsx(Dialog.Trigger, { render: trigger });
+		t9 = trigger && /* @__PURE__ */ jsx(Dialog.Trigger, { render: trigger });
 		$[3] = trigger;
-		$[4] = t8;
-	} else t8 = $[4];
-	let t9;
-	if ($[5] !== modal) {
-		t9 = modal && /* @__PURE__ */ jsx(Dialog.Backdrop, { className: "oui-dialog__backdrop" });
-		$[5] = modal;
-		$[6] = t9;
-	} else t9 = $[6];
+		$[4] = t9;
+	} else t9 = $[4];
 	let t10;
-	if ($[7] !== className) {
-		t10 = cx("oui-drawer", className);
-		$[7] = className;
-		$[8] = t10;
-	} else t10 = $[8];
+	if ($[5] !== backdropBlur || $[6] !== modal) {
+		t10 = modal && /* @__PURE__ */ jsx(Dialog.Backdrop, {
+			className: "oui-dialog__backdrop",
+			"data-blur": backdropBlur
+		});
+		$[5] = backdropBlur;
+		$[6] = modal;
+		$[7] = t10;
+	} else t10 = $[7];
 	let t11;
-	if ($[9] !== eyebrow) {
-		t11 = eyebrow && /* @__PURE__ */ jsx("div", {
+	if ($[8] !== className) {
+		t11 = cx("oui-drawer", className);
+		$[8] = className;
+		$[9] = t11;
+	} else t11 = $[9];
+	let t12;
+	if ($[10] !== eyebrow) {
+		t12 = eyebrow && /* @__PURE__ */ jsx("div", {
 			className: "oui-drawer__eyebrow",
 			children: eyebrow
 		});
-		$[9] = eyebrow;
-		$[10] = t11;
-	} else t11 = $[10];
-	let t12;
-	if ($[11] !== title) {
-		t12 = /* @__PURE__ */ jsx(Dialog.Title, {
+		$[10] = eyebrow;
+		$[11] = t12;
+	} else t12 = $[11];
+	let t13;
+	if ($[12] !== title) {
+		t13 = /* @__PURE__ */ jsx(Dialog.Title, {
 			className: "oui-drawer__title",
 			children: title
 		});
-		$[11] = title;
-		$[12] = t12;
-	} else t12 = $[12];
-	let t13;
-	if ($[13] !== description) {
-		t13 = description && /* @__PURE__ */ jsx(Dialog.Description, {
+		$[12] = title;
+		$[13] = t13;
+	} else t13 = $[13];
+	let t14;
+	if ($[14] !== description) {
+		t14 = description && /* @__PURE__ */ jsx(Dialog.Description, {
 			className: "oui-drawer__description",
 			children: description
 		});
-		$[13] = description;
-		$[14] = t13;
-	} else t13 = $[14];
-	let t14;
-	if ($[15] !== t11 || $[16] !== t12 || $[17] !== t13) {
-		t14 = /* @__PURE__ */ jsxs("div", {
+		$[14] = description;
+		$[15] = t14;
+	} else t14 = $[15];
+	let t15;
+	if ($[16] !== t12 || $[17] !== t13 || $[18] !== t14) {
+		t15 = /* @__PURE__ */ jsxs("div", {
 			className: "oui-drawer__heading",
 			children: [
-				t11,
 				t12,
-				t13
+				t13,
+				t14
 			]
 		});
-		$[15] = t11;
 		$[16] = t12;
 		$[17] = t13;
 		$[18] = t14;
-	} else t14 = $[18];
-	const t15 = !dismissible;
-	let t16;
-	if ($[19] !== closeLabel || $[20] !== t15) {
-		t16 = /* @__PURE__ */ jsx(IconButton, {
+		$[19] = t15;
+	} else t15 = $[19];
+	const t16 = !dismissible;
+	let t17;
+	if ($[20] !== closeLabel || $[21] !== t16) {
+		t17 = /* @__PURE__ */ jsx(IconButton, {
 			"aria-label": closeLabel,
-			disabled: t15
+			disabled: t16
 		});
-		$[19] = closeLabel;
-		$[20] = t15;
+		$[20] = closeLabel;
 		$[21] = t16;
-	} else t16 = $[21];
-	let t17;
-	if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
-		t17 = /* @__PURE__ */ jsx(XIcon, {});
 		$[22] = t17;
 	} else t17 = $[22];
 	let t18;
-	if ($[23] !== t16) {
-		t18 = /* @__PURE__ */ jsx(Dialog.Close, {
-			render: t16,
-			children: t17
-		});
-		$[23] = t16;
-		$[24] = t18;
-	} else t18 = $[24];
+	if ($[23] === Symbol.for("react.memo_cache_sentinel")) {
+		t18 = /* @__PURE__ */ jsx(XIcon, {});
+		$[23] = t18;
+	} else t18 = $[23];
 	let t19;
-	if ($[25] !== actions || $[26] !== t18) {
-		t19 = /* @__PURE__ */ jsxs("div", {
+	if ($[24] !== t17) {
+		t19 = /* @__PURE__ */ jsx(Dialog.Close, {
+			render: t17,
+			children: t18
+		});
+		$[24] = t17;
+		$[25] = t19;
+	} else t19 = $[25];
+	let t20;
+	if ($[26] !== actions || $[27] !== t19) {
+		t20 = /* @__PURE__ */ jsxs("div", {
 			className: "oui-drawer__actions",
-			children: [actions, t18]
+			children: [actions, t19]
 		});
-		$[25] = actions;
-		$[26] = t18;
+		$[26] = actions;
 		$[27] = t19;
-	} else t19 = $[27];
-	let t20;
-	if ($[28] !== t14 || $[29] !== t19) {
-		t20 = /* @__PURE__ */ jsxs("header", {
+		$[28] = t20;
+	} else t20 = $[28];
+	let t21;
+	if ($[29] !== t15 || $[30] !== t20) {
+		t21 = /* @__PURE__ */ jsxs("header", {
 			className: "oui-drawer__header",
-			children: [t14, t19]
+			children: [t15, t20]
 		});
-		$[28] = t14;
-		$[29] = t19;
+		$[29] = t15;
 		$[30] = t20;
-	} else t20 = $[30];
-	const t21 = bodyProps?.className;
-	let t22;
-	if ($[31] !== t21) {
-		t22 = cx("oui-drawer__body", t21);
 		$[31] = t21;
-		$[32] = t22;
-	} else t22 = $[32];
+	} else t21 = $[31];
+	const t22 = bodyProps?.className;
 	let t23;
-	if ($[33] !== bodyProps || $[34] !== children || $[35] !== t22) {
-		t23 = /* @__PURE__ */ jsx("div", {
+	if ($[32] !== t22) {
+		t23 = cx("oui-drawer__body", t22);
+		$[32] = t22;
+		$[33] = t23;
+	} else t23 = $[33];
+	let t24;
+	if ($[34] !== bodyProps || $[35] !== children || $[36] !== t23) {
+		t24 = /* @__PURE__ */ jsx("div", {
 			...bodyProps,
-			className: t22,
+			className: t23,
 			children
 		});
-		$[33] = bodyProps;
-		$[34] = children;
-		$[35] = t22;
+		$[34] = bodyProps;
+		$[35] = children;
 		$[36] = t23;
-	} else t23 = $[36];
-	let t24;
-	if ($[37] !== footer) {
-		t24 = footer && /* @__PURE__ */ jsx("footer", {
+		$[37] = t24;
+	} else t24 = $[37];
+	let t25;
+	if ($[38] !== footer) {
+		t25 = footer && /* @__PURE__ */ jsx("footer", {
 			className: "oui-drawer__footer",
 			children: footer
 		});
-		$[37] = footer;
-		$[38] = t24;
-	} else t24 = $[38];
-	let t25;
-	if ($[39] !== ref || $[40] !== side || $[41] !== size || $[42] !== t10 || $[43] !== t20 || $[44] !== t23 || $[45] !== t24) {
-		t25 = /* @__PURE__ */ jsxs(Dialog.Popup, {
+		$[38] = footer;
+		$[39] = t25;
+	} else t25 = $[39];
+	let t26;
+	if ($[40] !== ref || $[41] !== side || $[42] !== size || $[43] !== t11 || $[44] !== t21 || $[45] !== t24 || $[46] !== t25) {
+		t26 = /* @__PURE__ */ jsxs(Dialog.Popup, {
 			ref,
-			className: t10,
+			className: t11,
 			"data-side": side,
 			"data-size": size,
 			children: [
-				t20,
-				t23,
-				t24
+				t21,
+				t24,
+				t25
 			]
 		});
-		$[39] = ref;
-		$[40] = side;
-		$[41] = size;
-		$[42] = t10;
-		$[43] = t20;
-		$[44] = t23;
+		$[40] = ref;
+		$[41] = side;
+		$[42] = size;
+		$[43] = t11;
+		$[44] = t21;
 		$[45] = t24;
 		$[46] = t25;
-	} else t25 = $[46];
-	let t26;
-	if ($[47] !== container || $[48] !== t25 || $[49] !== t9) {
-		t26 = /* @__PURE__ */ jsxs(Dialog.Portal, {
+		$[47] = t26;
+	} else t26 = $[47];
+	let t27;
+	if ($[48] !== container || $[49] !== t10 || $[50] !== t26) {
+		t27 = /* @__PURE__ */ jsxs(Dialog.Portal, {
 			container,
-			children: [t9, t25]
+			children: [t10, t26]
 		});
-		$[47] = container;
-		$[48] = t25;
-		$[49] = t9;
+		$[48] = container;
+		$[49] = t10;
 		$[50] = t26;
-	} else t26 = $[50];
-	let t27;
-	if ($[51] !== modal || $[52] !== open || $[53] !== t26 || $[54] !== t7 || $[55] !== t8) {
-		t27 = /* @__PURE__ */ jsxs(Dialog.Root, {
+		$[51] = t27;
+	} else t27 = $[51];
+	let t28;
+	if ($[52] !== modal || $[53] !== onOpenChangeComplete || $[54] !== open || $[55] !== t27 || $[56] !== t8 || $[57] !== t9) {
+		t28 = /* @__PURE__ */ jsxs(Dialog.Root, {
 			open,
 			modal,
-			onOpenChange: t7,
-			children: [t8, t26]
+			onOpenChangeComplete,
+			onOpenChange: t8,
+			children: [t9, t27]
 		});
-		$[51] = modal;
-		$[52] = open;
-		$[53] = t26;
-		$[54] = t7;
-		$[55] = t8;
-		$[56] = t27;
-	} else t27 = $[56];
-	return t27;
+		$[52] = modal;
+		$[53] = onOpenChangeComplete;
+		$[54] = open;
+		$[55] = t27;
+		$[56] = t8;
+		$[57] = t9;
+		$[58] = t28;
+	} else t28 = $[58];
+	return t28;
 }
 //#endregion
 export { Drawer };

package/dist/components/drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","names":["React","Dialog","BaseDialog","cx","usePortalContainer","XIcon","IconButton","DrawerSize","DrawerProps","ref","Ref","HTMLDivElement","open","defaultOpen","onOpenChange","trigger","ReactElement","title","ReactNode","eyebrow","description","actions","footer","side","size","dismissible","modal","closeLabel","className","bodyProps","HTMLAttributes","children","Drawer","t0","$","_c","openProp","t1","t2","t3","t4","t5","t6","undefined","inner","setInner","useState","container","t7","next","t8","t9","t10","t11","t12","t13","t14","t15","t16","t17","Symbol","for","t18","t19","t20","t21","t22","t23","t24","t25","t26","t27","_c","BaseDialog"],"sources":["../../../src/components/drawer/Drawer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Dialog as BaseDialog } from '@base-ui/react/dialog';\nimport { cx } from '../../utils/cx';\nimport { usePortalContainer } from '../../utils/portal';\nimport { XIcon } from '../../icons';\nimport { IconButton } from '../button/Button';\n\nexport type DrawerSize = 'sm' | 'md' | 'lg' | 'xl';\n\nexport interface DrawerProps {\n  /** Ref to the drawer panel. */\n  ref?: React.Ref<HTMLDivElement>;\n  /** Whether the drawer is open (controlled). */\n  open?: boolean;\n  /** Initial state when uncontrolled. */\n  defaultOpen?: boolean;\n  /** Called when the drawer opens or closes. */\n  onOpenChange?: (open: boolean) => void;\n  /** Element that opens the drawer, e.g. `<Button>Details</Button>`. Omit when `open` is controlled. */\n  trigger?: React.ReactElement;\n  /** Header title; also the drawer's accessible name. */\n  title: React.ReactNode;\n  /** Small label above the title, e.g. the record type. */\n  eyebrow?: React.ReactNode;\n  /** Supporting text under the title. */\n  description?: React.ReactNode;\n  /** Header content next to the close button (edit, delete, a menu…). */\n  actions?: React.ReactNode;\n  /** Pinned to the bottom, for form buttons. */\n  footer?: React.ReactNode;\n  /** Edge the drawer slides in from. */\n  side?: 'right' | 'left';\n  /** Width: sm 24rem, md 32rem (default), lg 48rem, xl 60rem. Override with `--oui-drawer-width`. */\n  size?: DrawerSize;\n  /**\n   * Set to `false` to block Esc, outside clicks and the close button, e.g.\n   * while a form inside is saving.\n   */\n  dismissible?: boolean;\n  /** `false` leaves the page behind interactive and drops the backdrop. */\n  modal?: boolean;\n  /** Accessible name of the close button. */\n  closeLabel?: string;\n  /** Class name for the drawer panel. */\n  className?: string;\n  /** Props for the scrolling content area. */\n  bodyProps?: React.HTMLAttributes<HTMLDivElement>;\n  /** Drawer body content. */\n  children?: React.ReactNode;\n}\n\n/**\n * Side panel for inspecting or editing a record without leaving the page:\n * pinned header, scrolling body, optional pinned footer. For a free-form\n * sheet use `Dialog.Content` with `placement`.\n */\nexport function Drawer({\n  open: openProp,\n  defaultOpen = false,\n  onOpenChange,\n  trigger,\n  title,\n  eyebrow,\n  description,\n  actions,\n  footer,\n  side = 'right',\n  size = 'md',\n  dismissible = true,\n  modal = true,\n  closeLabel = 'Close',\n  className,\n  bodyProps,\n  children,\n  ref,\n}: DrawerProps) {\n  const [inner, setInner] = React.useState(defaultOpen);\n  const open = openProp ?? inner;\n  const container = usePortalContainer();\n\n  return (\n    <BaseDialog.Root\n      open={open}\n      modal={modal}\n      onOpenChange={(next) => {\n        if (!next && !dismissible) return;\n        setInner(next);\n        onOpenChange?.(next);\n      }}\n    >\n      {trigger && <BaseDialog.Trigger render={trigger} />}\n      <BaseDialog.Portal container={container}>\n        {modal && <BaseDialog.Backdrop className=\"oui-dialog__backdrop\" />}\n        <BaseDialog.Popup ref={ref} className={cx('oui-drawer', className)} data-side={side} data-size={size}>\n          <header className=\"oui-drawer__header\">\n            <div className=\"oui-drawer__heading\">\n              {eyebrow && <div className=\"oui-drawer__eyebrow\">{eyebrow}</div>}\n              <BaseDialog.Title className=\"oui-drawer__title\">{title}</BaseDialog.Title>\n              {description && (\n                <BaseDialog.Description className=\"oui-drawer__description\">{description}</BaseDialog.Description>\n              )}\n            </div>\n            <div className=\"oui-drawer__actions\">\n              {actions}\n              <BaseDialog.Close render={<IconButton aria-label={closeLabel} disabled={!dismissible} />}>\n                <XIcon />\n              </BaseDialog.Close>\n            </div>\n          </header>\n          <div {...bodyProps} className={cx('oui-drawer__body', bodyProps?.className)}>\n            {children}\n          </div>\n          {footer && <footer className=\"oui-drawer__footer\">{footer}</footer>}\n        </BaseDialog.Popup>\n      </BaseDialog.Portal>\n    </BaseDialog.Root>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AAwDA,SAAOgC,OAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAgB,MAAA,EAAAvB,MAAAwB,UAAAvB,aAAAwB,IAAAvB,cAAAC,SAAAE,OAAAE,SAAAC,aAAAC,SAAAC,QAAAC,MAAAe,IAAAd,MAAAe,IAAAd,aAAAe,IAAAd,OAAAe,IAAAd,YAAAe,IAAAd,WAAAC,WAAAE,UAAAtB,QAAAwB;CAErB,MAAApB,cAAAwB,OAAAM,KAAAA,IAAA,QAAAN;CAQA,MAAAd,OAAAe,OAAAK,KAAAA,IAAA,UAAAL;CACA,MAAAd,OAAAe,OAAAI,KAAAA,IAAA,OAAAJ;CACA,MAAAd,cAAAe,OAAAG,KAAAA,IAAA,OAAAH;CACA,MAAAd,QAAAe,OAAAE,KAAAA,IAAA,OAAAF;CACA,MAAAd,aAAAe,OAAAC,KAAAA,IAAA,UAAAD;CAMA,MAAA,CAAAE,OAAAC,YAA0B7C,MAAK8C,SAAUjC,WAAW;CACpD,MAAAD,OAAawB,YAAAQ;CACb,MAAAG,YAAkB3C,mBAAmB;CAAE,IAAA4C;CAAA,IAAAd,EAAA,OAAAT,eAAAS,EAAA,OAAApB,cAAA;EAMrBkC,MAAAC,SAAA;GACZ,IAAI,CAACA,QAAD,CAAUxB,aAAW;GACzBoB,SAASI,IAAI;GACbnC,eAAemC,IAAI;EAAC;EACrBf,EAAA,KAAAT;EAAAS,EAAA,KAAApB;EAAAoB,EAAA,KAAAc;CAAA,OAAAA,KAAAd,EAAA;CAAA,IAAAgB;CAAA,IAAAhB,EAAA,OAAAnB,SAAA;EAEAmC,KAAAnC,WAAW,oBAAA0D,OAAA,SAAA,EAA4B1D,QAAAA,QAAO,CAAA;EAAImB,EAAA,KAAAnB;EAAAmB,EAAA,KAAAgB;CAAA,OAAAA,KAAAhB,EAAA;CAAA,IAAAiB;CAAA,IAAAjB,EAAA,OAAAR,OAAA;EAEhDyB,KAAAzB,SAAS,oBAAA+C,OAAA,UAAA,EAA+B,WAAA,uBAAsB,CAAA;EAAGvC,EAAA,KAAAR;EAAAQ,EAAA,KAAAiB;CAAA,OAAAA,KAAAjB,EAAA;CAAA,IAAAkB;CAAA,IAAAlB,EAAA,OAAAN,WAAA;EAC3BwB,MAAAjD,GAAG,cAAcyB,SAAS;EAACM,EAAA,KAAAN;EAAAM,EAAA,KAAAkB;CAAA,OAAAA,MAAAlB,EAAA;CAAA,IAAAmB;CAAA,IAAAnB,EAAA,OAAAf,SAAA;EAG3DkC,MAAAlC,WAAW,oBAAA,OAAA;GAAe,WAAA;GAAuBA,UAAAA;EAAc,CAAA;EAAAe,EAAA,KAAAf;EAAAe,EAAA,MAAAmB;CAAA,OAAAA,MAAAnB,EAAA;CAAA,IAAAoB;CAAA,IAAApB,EAAA,QAAAjB,OAAA;EAChEqC,MAAA,oBAAAmB,OAAA,OAAA;GAA4B,WAAA;GAAqBxD,UAAAA;EAAM,CAAA;EAAmBiB,EAAA,MAAAjB;EAAAiB,EAAA,MAAAoB;CAAA,OAAAA,MAAApB,EAAA;CAAA,IAAAqB;CAAA,IAAArB,EAAA,QAAAd,aAAA;EACzEmC,MAAAnC,eACC,oBAAAqD,OAAA,aAAA;GAAkC,WAAA;GAA2BrD,UAAAA;EAAY,CAAA;EAC1Ec,EAAA,MAAAd;EAAAc,EAAA,MAAAqB;CAAA,OAAAA,MAAArB,EAAA;CAAA,IAAAsB;CAAA,IAAAtB,EAAA,QAAAmB,OAAAnB,EAAA,QAAAoB,OAAApB,EAAA,QAAAqB,KAAA;EALHC,MAAA,qBAAA,OAAA;GAAe,WAAA;GAAf,UAAA;IACGH;IACDC;IACCC;GAGG;;EAAArB,EAAA,MAAAmB;EAAAnB,EAAA,MAAAoB;EAAApB,EAAA,MAAAqB;EAAArB,EAAA,MAAAsB;CAAA,OAAAA,MAAAtB,EAAA;CAGoE,MAAAuB,MAAA,CAAChC;CAAW,IAAAiC;CAAA,IAAAxB,EAAA,QAAAP,cAAAO,EAAA,QAAAuB,KAAA;EAA1DC,MAAA,oBAAC,YAAD;GAAwB/B,cAAAA;GAAsB,UAAA8B;EAAY,CAAA;EAAIvB,EAAA,MAAAP;EAAAO,EAAA,MAAAuB;EAAAvB,EAAA,MAAAwB;CAAA,OAAAA,MAAAxB,EAAA;CAAA,IAAAyB;CAAA,IAAAzB,EAAA,QAAA0B,OAAAC,IAAA,2BAAA,GAAA;EACtFF,MAAA,oBAAC,OAAD,CAAM,CAAA;EAAGzB,EAAA,MAAAyB;CAAA,OAAAA,MAAAzB,EAAA;CAAA,IAAA4B;CAAA,IAAA5B,EAAA,QAAAwB,KAAA;EADXI,MAAA,oBAAAW,OAAA,OAAA;GAA0B,QAAAf;GACxBC,UAAAA;EACF,CAAA;EAAmBzB,EAAA,MAAAwB;EAAAxB,EAAA,MAAA4B;CAAA,OAAAA,MAAA5B,EAAA;CAAA,IAAA6B;CAAA,IAAA7B,EAAA,QAAAb,WAAAa,EAAA,QAAA4B,KAAA;EAJrBC,MAAA,qBAAA,OAAA;GAAe,WAAA;GAAf,UAAA,CACG1C,SACDyC,GAGI;;EAAA5B,EAAA,MAAAb;EAAAa,EAAA,MAAA4B;EAAA5B,EAAA,MAAA6B;CAAA,OAAAA,MAAA7B,EAAA;CAAA,IAAA8B;CAAA,IAAA9B,EAAA,QAAAsB,OAAAtB,EAAA,QAAA6B,KAAA;EAbRC,MAAA,qBAAA,UAAA;GAAkB,WAAA;GAAlB,UAAA,CACER,KAOAO,GAMO;;EAAA7B,EAAA,MAAAsB;EAAAtB,EAAA,MAAA6B;EAAA7B,EAAA,MAAA8B;CAAA,OAAAA,MAAA9B,EAAA;CAC6C,MAAA+B,MAAApC,WAASD;CAAW,IAAAsC;CAAA,IAAAhC,EAAA,QAAA+B,KAAA;EAA3CC,MAAA/D,GAAG,oBAAoB8D,GAAoB;EAAC/B,EAAA,MAAA+B;EAAA/B,EAAA,MAAAgC;CAAA,OAAAA,MAAAhC,EAAA;CAAA,IAAAiC;CAAA,IAAAjC,EAAA,QAAAL,aAAAK,EAAA,QAAAH,YAAAG,EAAA,QAAAgC,KAAA;EAA3EC,MAAA,oBAAA,OAAA;GAEM,GAFGtC;GAAsB,WAAAqC;GAC5BnC;EACG,CAAA;EAAAG,EAAA,MAAAL;EAAAK,EAAA,MAAAH;EAAAG,EAAA,MAAAgC;EAAAhC,EAAA,MAAAiC;CAAA,OAAAA,MAAAjC,EAAA;CAAA,IAAAkC;CAAA,IAAAlC,EAAA,QAAAZ,QAAA;EACL8C,MAAA9C,UAAU,oBAAA,UAAA;GAAkB,WAAA;GAAsBA,UAAAA;EAAgB,CAAA;EAAAY,EAAA,MAAAZ;EAAAY,EAAA,MAAAkC;CAAA,OAAAA,MAAAlC,EAAA;CAAA,IAAAmC;CAAA,IAAAnC,EAAA,QAAAzB,OAAAyB,EAAA,QAAAX,QAAAW,EAAA,QAAAV,QAAAU,EAAA,QAAAkB,OAAAlB,EAAA,QAAA8B,OAAA9B,EAAA,QAAAiC,OAAAjC,EAAA,QAAAkC,KAAA;EAnBrEC,MAAA,qBAAAI,OAAA,OAAA;GAAuBhE;GAAgB,WAAA2C;GAAwC7B,aAAAA;GAAiBC,aAAAA;GAAhG,UAAA;IACEwC;IAeAG;IAGCC;GACH;;EAAmBlC,EAAA,MAAAzB;EAAAyB,EAAA,MAAAX;EAAAW,EAAA,MAAAV;EAAAU,EAAA,MAAAkB;EAAAlB,EAAA,MAAA8B;EAAA9B,EAAA,MAAAiC;EAAAjC,EAAA,MAAAkC;EAAAlC,EAAA,MAAAmC;CAAA,OAAAA,MAAAnC,EAAA;CAAA,IAAAoC;CAAA,IAAApC,EAAA,QAAAa,aAAAb,EAAA,QAAAmC,OAAAnC,EAAA,QAAAiB,IAAA;EAtBrBmB,MAAA,qBAAAG,OAAA,QAAA;GAA8B1B;GAA9B,UAAA,CACGI,IACDkB,GAqBF;;EAAoBnC,EAAA,MAAAa;EAAAb,EAAA,MAAAmC;EAAAnC,EAAA,MAAAiB;EAAAjB,EAAA,MAAAoC;CAAA,OAAAA,MAAApC,EAAA;CAAA,IAAAqC;CAAA,IAAArC,EAAA,QAAAR,SAAAQ,EAAA,QAAAtB,QAAAsB,EAAA,QAAAoC,OAAApC,EAAA,QAAAc,MAAAd,EAAA,QAAAgB,IAAA;EAjCtBqB,MAAA,qBAAAE,OAAA,MAAA;GACQ7D;GACCc;GACO,cAAAsB;GAHhB,UAAA,CASGE,IACDoB,GAwBF;;EAAkBpC,EAAA,MAAAR;EAAAQ,EAAA,MAAAtB;EAAAsB,EAAA,MAAAoC;EAAApC,EAAA,MAAAc;EAAAd,EAAA,MAAAgB;EAAAhB,EAAA,MAAAqC;CAAA,OAAAA,MAAArC,EAAA;CAAA,OAlClBqC;AAkCkB"}
+{"version":3,"file":"Drawer.js","names":["React","Dialog","BaseDialog","cx","usePortalContainer","XIcon","IconButton","DialogBackdropBlur","DrawerSize","DrawerProps","ref","Ref","HTMLDivElement","open","defaultOpen","onOpenChange","onOpenChangeComplete","trigger","ReactElement","title","ReactNode","eyebrow","description","actions","footer","side","size","dismissible","modal","backdropBlur","closeLabel","className","bodyProps","HTMLAttributes","children","Drawer","t0","$","_c","openProp","t1","t2","t3","t4","t5","t6","t7","undefined","inner","setInner","useState","container","t8","next","t9","t10","t11","t12","t13","t14","t15","t16","t17","t18","Symbol","for","t19","t20","t21","t22","t23","t24","t25","t26","t27","t28","_c","BaseDialog"],"sources":["../../../src/components/drawer/Drawer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Dialog as BaseDialog } from '@base-ui/react/dialog';\nimport { cx } from '../../utils/cx';\nimport { usePortalContainer } from '../../utils/portal';\nimport { XIcon } from '../../icons';\nimport { IconButton } from '../button/Button';\nimport type { DialogBackdropBlur } from '../dialog/Dialog';\n\nexport type DrawerSize = 'sm' | 'md' | 'lg' | 'xl';\n\nexport interface DrawerProps {\n  /** Ref to the drawer panel. */\n  ref?: React.Ref<HTMLDivElement>;\n  /** Whether the drawer is open (controlled). */\n  open?: boolean;\n  /** Initial state when uncontrolled. */\n  defaultOpen?: boolean;\n  /** Called when the drawer opens or closes. */\n  onOpenChange?: (open: boolean) => void;\n  /** Called once the open or close transition has finished, e.g. to unmount the drawer after it slid out. */\n  onOpenChangeComplete?: (open: boolean) => void;\n  /** Element that opens the drawer, e.g. `<Button>Details</Button>`. Omit when `open` is controlled. */\n  trigger?: React.ReactElement;\n  /** Header title; also the drawer's accessible name. */\n  title: React.ReactNode;\n  /** Small label above the title, e.g. the record type. */\n  eyebrow?: React.ReactNode;\n  /** Supporting text under the title. */\n  description?: React.ReactNode;\n  /** Header content next to the close button (edit, delete, a menu…). */\n  actions?: React.ReactNode;\n  /** Pinned to the bottom, for form buttons. */\n  footer?: React.ReactNode;\n  /** Edge the drawer slides in from. */\n  side?: 'right' | 'left';\n  /** Width: sm 24rem, md 32rem (default), lg 48rem, xl 60rem. Override with `--oui-drawer-width`. */\n  size?: DrawerSize;\n  /**\n   * Set to `false` to block Esc, outside clicks and the close button, e.g.\n   * while a form inside is saving.\n   */\n  dismissible?: boolean;\n  /** `false` leaves the page behind interactive and drops the backdrop. */\n  modal?: boolean;\n  /** How strongly the page behind a modal drawer is blurred. Override the radius with `--oui-backdrop-blur`. */\n  backdropBlur?: DialogBackdropBlur;\n  /** Accessible name of the close button. */\n  closeLabel?: string;\n  /** Class name for the drawer panel. */\n  className?: string;\n  /** Props for the scrolling content area. */\n  bodyProps?: React.HTMLAttributes<HTMLDivElement>;\n  /** Drawer body content. */\n  children?: React.ReactNode;\n}\n\n/**\n * Side panel for inspecting or editing a record without leaving the page:\n * pinned header, scrolling body, optional pinned footer. For a free-form\n * sheet use `Dialog.Content` with `placement`.\n */\nexport function Drawer({\n  open: openProp,\n  defaultOpen = false,\n  onOpenChange,\n  onOpenChangeComplete,\n  trigger,\n  title,\n  eyebrow,\n  description,\n  actions,\n  footer,\n  side = 'right',\n  size = 'md',\n  dismissible = true,\n  modal = true,\n  backdropBlur = 'md',\n  closeLabel = 'Close',\n  className,\n  bodyProps,\n  children,\n  ref,\n}: DrawerProps) {\n  const [inner, setInner] = React.useState(defaultOpen);\n  const open = openProp ?? inner;\n  const container = usePortalContainer();\n\n  return (\n    <BaseDialog.Root\n      open={open}\n      modal={modal}\n      onOpenChangeComplete={onOpenChangeComplete}\n      onOpenChange={(next) => {\n        if (!next && !dismissible) return;\n        setInner(next);\n        onOpenChange?.(next);\n      }}\n    >\n      {trigger && <BaseDialog.Trigger render={trigger} />}\n      <BaseDialog.Portal container={container}>\n        {modal && <BaseDialog.Backdrop className=\"oui-dialog__backdrop\" data-blur={backdropBlur} />}\n        <BaseDialog.Popup ref={ref} className={cx('oui-drawer', className)} data-side={side} data-size={size}>\n          <header className=\"oui-drawer__header\">\n            <div className=\"oui-drawer__heading\">\n              {eyebrow && <div className=\"oui-drawer__eyebrow\">{eyebrow}</div>}\n              <BaseDialog.Title className=\"oui-drawer__title\">{title}</BaseDialog.Title>\n              {description && (\n                <BaseDialog.Description className=\"oui-drawer__description\">{description}</BaseDialog.Description>\n              )}\n            </div>\n            <div className=\"oui-drawer__actions\">\n              {actions}\n              <BaseDialog.Close render={<IconButton aria-label={closeLabel} disabled={!dismissible} />}>\n                <XIcon />\n              </BaseDialog.Close>\n            </div>\n          </header>\n          <div {...bodyProps} className={cx('oui-drawer__body', bodyProps?.className)}>\n            {children}\n          </div>\n          {footer && <footer className=\"oui-drawer__footer\">{footer}</footer>}\n        </BaseDialog.Popup>\n      </BaseDialog.Portal>\n    </BaseDialog.Root>\n  );\n}\n"],"mappings":"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"}

package/dist/components/select/Select.d.ts

@@ -50,6 +50,11 @@ export interface SelectProps extends RootProps {
     error?: React.ReactNode;
     /** Text shown while nothing is selected. */
     placeholder?: React.ReactNode;
+    /**
+     * Adds a first option for "no choice", such as "All" in a filter. Choosing it
+     * reports `null`, and it shows while the value is `null`.
+     */
+    allLabel?: React.ReactNode;
     /** Control height. */
     size?: ControlSize;
     /** Props passed to the trigger button (className, style, aria-*). */
@@ -57,7 +62,7 @@ export interface SelectProps extends RootProps {
     /** Props for the popup (side, align, className…). */
     contentProps?: Omit<SelectContentProps, 'children'>;
 }
-declare function SelectComponent({ items, label, description, error, placeholder, size, triggerProps, contentProps, name, disabled, required, ...rootProps }: SelectProps): React.JSX.Element;
+declare function SelectComponent({ items, label, description, error, placeholder, allLabel, size, triggerProps, contentProps, name, disabled, required, ...rootProps }: SelectProps): React.JSX.Element;
 /**
  * `<Select items={…} />` renders a complete labelled select. For full control
  * compose the parts: `Select.Root`, `Select.Trigger`, `Select.Content`,