@imfusion/web-ui 0.11.1-dev.22.gb4cb1d84 → 0.11.1-dev.27.g921aea14

package/CHANGELOG.md

@@ -4,6 +4,9 @@
 
 ### Added
 
+- `Table.RowButton` is a button that stands for its whole row, like `Table.RowLink`, for rows that open a drawer or run an
+  action instead of navigating. [Table](src/components/table/table.stories.tsx#RowButton) — Nikolaus Brunner
+  <brunner@imfusion.com>
 - `Combobox` and `Autocomplete` are new inputs adapted from Base UI: a text field with a filterable list, for choosing one or
   several options (`Combobox`) or suggesting options while keeping free text (`Autocomplete`). Multi-select lists show a
   checkbox on every row. [Combobox](src/components/combobox/combobox.mdx),
@@ -19,6 +22,8 @@
 
 ### Changed
 
+- `Drawer` draws no border by default; `borderColor` adds one, such as `borderColor="primary"` for the previous look.
+  [Drawer](src/components/drawer/drawer.mdx) — Nikolaus Brunner <brunner@imfusion.com>
 - `Typo.UnorderedList` draws its dash in the text colour by default; `markerVariant="primary"` gives the brand dash.
   — Nikolaus Brunner <brunner@imfusion.com>
 - `Callout.Root` defaults to `maxWidth="lg"`, keeps a minimum width of 15rem, and spaces its title, description, and list
@@ -50,9 +55,13 @@
   - `withFrame` draws its border only with `bordered: true`. Layout stories such as Stack and Row use it to show their bounds.
   - Interaction tests live in hidden `Test-only:` stories, and default-open popups open only in the single-story view,
     as `docs/story-conventions.md` describes.
+  - Combobox and Autocomplete stories start at the same top-left corner, so clicking through them does not shift the
+    layout. A story resizes its frame with `parameters.frame`, which `withFrame` reads.
 
 ### Fixed
 
+- `Drawer.Title` wraps a long title instead of running past the panel edge.
+  [Drawer](src/components/drawer/drawer.stories.tsx#LongTitle) — Nikolaus Brunner <brunner@imfusion.com>
 - Typo inside `Callout.Description`, such as `Typo.UnorderedList` or `Typo.P`, matches the description's size and takes
   the variant's colour. [Callout](src/components/callout/callout.stories.tsx#WithList) — Nikolaus Brunner <brunner@imfusion.com>
 - A `Select` option with `Select.ItemDescription` is named by its text alone and reads the description as its accessible
@@ -63,6 +72,7 @@
   links, and form fields in the row keep their own click. — Nikolaus Brunner <brunner@imfusion.com>
 - `npm run dev` starts Storybook on the next free port again while another checkout's Storybook runs. — Nikolaus Brunner
   <brunner@imfusion.com>
+- A Storybook sidebar row's status icon stays in place on hover. — Nikolaus Brunner <brunner@imfusion.com>
 - Components — Nikolaus Brunner <brunner@imfusion.com>
   - A `Drawer.Close` or `Popover.Close` rendered as another component, such as a `Button`, keeps that component's styles.
   - A `Popover.Trigger` rendered as another component keeps that component's styles, so `render={<Button />}` looks like a Button.

package/dist/components/table/table.d.ts

@@ -46,6 +46,14 @@ export declare function RowLink({ render, ...props }: useRender.ComponentProps<"
 export declare namespace RowLink {
     var displayName: string;
 }
+/**
+ * Table.RowButton — a `<button>` that stands for its whole row, such as one that opens a drawer. Use it when the row acts
+ * instead of navigating; a link that goes to a page is a `Table.RowLink`.
+ */
+export declare function RowButton({ render, type, ...props }: useRender.ComponentProps<"button">): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare namespace RowButton {
+    var displayName: string;
+}
 /**
  * Table.HeaderButton — inline action button for header cells. Generic by
  * design: sorting toggles, filter toggles, column menus all render through it

package/dist/index.js

@@ -1830,7 +1830,7 @@ var B = {
 	Trigger: () => Ma,
 	Viewport: () => Fa
 }), ya = y({
-	borderColor: "primary",
+	borderColor: "none",
 	borderStyle: "solid"
 }), ba = h(B.trigger), xa = h(B.backdrop), Sa = h(B.viewport), Ca = h(B.popup, {
 	variants: {
@@ -1847,11 +1847,11 @@ var B = {
 		}
 	},
 	defaultVariants: {
-		borderColor: "primary",
+		borderColor: "none",
 		borderStyle: "solid"
 	}
 }), wa = h(B.content), Ta = h(B.title), Ea = h(B.close), Da = h(B.description), Oa = h(B.indent), ka = h(B.indentBackground), Aa = h(B.swipeArea);
-function ja({ borderColor: e = "primary", borderStyle: t = "solid", ...n }) {
+function ja({ borderColor: e = "none", borderStyle: t = "solid", ...n }) {
 	return /* @__PURE__ */ _(ya.Provider, {
 		value: {
 			borderColor: e,
@@ -4556,18 +4556,20 @@ var Pu = {
 	headerCell: "imf-ui-table-module-headerCell",
 	root: "imf-ui-table-module-root",
 	row: "imf-ui-table-module-row",
-	rowLink: "imf-ui-table-module-rowLink",
+	rowButton: "imf-ui-table-module-rowButton",
+	rowTarget: "imf-ui-table-module-rowTarget",
 	sortIndicator: "imf-ui-table-module-sortIndicator"
 }, Fu = /* @__PURE__ */ a({
-	Body: () => Ju,
-	Cell: () => Zu,
-	Header: () => qu,
-	HeaderButton: () => $u,
-	HeaderCell: () => Xu,
-	Root: () => Ku,
-	Row: () => Yu,
-	RowLink: () => Qu,
-	SortableHeaderCell: () => nd
+	Body: () => Yu,
+	Cell: () => Qu,
+	Header: () => Ju,
+	HeaderButton: () => td,
+	HeaderCell: () => Zu,
+	Root: () => qu,
+	Row: () => Xu,
+	RowButton: () => ed,
+	RowLink: () => $u,
+	SortableHeaderCell: () => id
 }), Iu = h(Z.root, { variants: { density: {
 	compact: Z.densityCompact,
 	comfortable: null,
@@ -4575,8 +4577,8 @@ var Pu = {
 } } }), Lu = h(Z.header), Ru = h(Z.body), zu = h(Z.row), Bu = { action: {
 	false: null,
 	true: Z.action
-} }, Vu = h(Z.headerCell, { variants: Bu }), Hu = h(Z.cell, { variants: Bu }), Uu = h(Z.rowLink), Wu = h(Z.headerButton), Gu = h(Z.sortIndicator);
-function Ku({ density: e = "comfortable", ...t }) {
+} }, Vu = h(Z.headerCell, { variants: Bu }), Hu = h(Z.cell, { variants: Bu }), Uu = h(Z.rowTarget), Wu = h([Z.rowTarget, Z.rowButton]), Gu = h(Z.headerButton), Ku = h(Z.sortIndicator);
+function qu({ density: e = "comfortable", ...t }) {
 	return /* @__PURE__ */ _("table", {
 		...t,
 		"data-imf-ui-component": "Table.Root",
@@ -4586,32 +4588,32 @@ function Ku({ density: e = "comfortable", ...t }) {
 		})
 	});
 }
-Ku.displayName = "Table.Root";
-function qu(e) {
+qu.displayName = "Table.Root";
+function Ju(e) {
 	return /* @__PURE__ */ _("thead", {
 		...e,
 		"data-imf-ui-component": "Table.Header",
 		className: Lu({ className: e.className })
 	});
 }
-qu.displayName = "Table.Header";
-function Ju(e) {
+Ju.displayName = "Table.Header";
+function Yu(e) {
 	return /* @__PURE__ */ _("tbody", {
 		...e,
 		"data-imf-ui-component": "Table.Body",
 		className: Ru({ className: e.className })
 	});
 }
-Ju.displayName = "Table.Body";
-function Yu(e) {
+Yu.displayName = "Table.Body";
+function Xu(e) {
 	return /* @__PURE__ */ _("tr", {
 		...e,
 		"data-imf-ui-component": "Table.Row",
 		className: zu({ className: e.className })
 	});
 }
-Yu.displayName = "Table.Row";
-function Xu({ action: e = !1, ...t }) {
+Xu.displayName = "Table.Row";
+function Zu({ action: e = !1, ...t }) {
 	return /* @__PURE__ */ _("th", {
 		...t,
 		"data-imf-ui-component": "Table.HeaderCell",
@@ -4621,8 +4623,8 @@ function Xu({ action: e = !1, ...t }) {
 		})
 	});
 }
-Xu.displayName = "Table.HeaderCell";
-function Zu({ action: e = !1, ...t }) {
+Zu.displayName = "Table.HeaderCell";
+function Qu({ action: e = !1, ...t }) {
 	return /* @__PURE__ */ _("td", {
 		...t,
 		"data-imf-ui-component": "Table.Cell",
@@ -4632,8 +4634,8 @@ function Zu({ action: e = !1, ...t }) {
 		})
 	});
 }
-Zu.displayName = "Table.Cell";
-function Qu({ render: e, ...t }) {
+Qu.displayName = "Table.Cell";
+function $u({ render: e, ...t }) {
 	return E({
 		defaultTagName: "a",
 		render: e,
@@ -4643,23 +4645,35 @@ function Qu({ render: e, ...t }) {
 		}
 	});
 }
-Qu.displayName = "Table.RowLink";
-function $u({ type: e = "button", ...t }) {
+$u.displayName = "Table.RowLink";
+function ed({ render: e, type: t = "button", ...n }) {
+	return E({
+		defaultTagName: "button",
+		render: e,
+		props: {
+			...T(n, { className: Wu() }),
+			type: t,
+			"data-imf-ui-component": "Table.RowButton"
+		}
+	});
+}
+ed.displayName = "Table.RowButton";
+function td({ type: e = "button", ...t }) {
 	return /* @__PURE__ */ _("button", {
 		...t,
 		type: e,
 		"data-imf-ui-component": "Table.HeaderButton",
-		className: Wu({ className: t.className })
+		className: Gu({ className: t.className })
 	});
 }
-$u.displayName = "Table.HeaderButton";
-function ed(e) {
+td.displayName = "Table.HeaderButton";
+function nd(e) {
 	return e === "asc" ? "ascending" : e === "desc" ? "descending" : "none";
 }
-function td({ sorted: e }) {
+function rd({ sorted: e }) {
 	let t = e === "asc" ? oe : e === "desc" ? s : ee;
 	return /* @__PURE__ */ _("span", {
-		className: Gu(),
+		className: Ku(),
 		"data-sorted": e || void 0,
 		"aria-hidden": !0,
 		children: /* @__PURE__ */ _(p, {
@@ -4669,29 +4683,29 @@ function td({ sorted: e }) {
 		})
 	});
 }
-function nd({ sortDirection: e, onToggle: t, children: n, ...r }) {
-	return t ? /* @__PURE__ */ _(Xu, {
+function id({ sortDirection: e, onToggle: t, children: n, ...r }) {
+	return t ? /* @__PURE__ */ _(Zu, {
 		...r,
-		"aria-sort": ed(e),
-		children: /* @__PURE__ */ v($u, {
+		"aria-sort": nd(e),
+		children: /* @__PURE__ */ v(td, {
 			onClick: t,
-			children: [n, /* @__PURE__ */ _(td, { sorted: e })]
+			children: [n, /* @__PURE__ */ _(rd, { sorted: e })]
 		})
-	}) : /* @__PURE__ */ _(Xu, {
+	}) : /* @__PURE__ */ _(Zu, {
 		...r,
 		children: n
 	});
 }
-nd.displayName = "Table.SortableHeaderCell";
+id.displayName = "Table.SortableHeaderCell";
 //#endregion
 //#region src/components/table/table.meta.ts
-var rd = {
+var ad = {
 	name: "Table",
 	category: m.display,
 	status: "stable",
 	description: "Presentational table parts for static tabular data. Pair them with a headless table library for sorting, pagination, or selection.",
 	origin: "native"
-}, id = {
+}, od = {
 	name: "Tabs",
 	category: m.display,
 	status: "stable",
@@ -4729,21 +4743,21 @@ var rd = {
 	widthContent: "imf-ui-toast-module-widthContent",
 	widthDefault: "imf-ui-toast-module-widthDefault",
 	widthWide: "imf-ui-toast-module-widthWide"
-}, ad = /* @__PURE__ */ a({
-	Action: () => Ed,
-	Arrow: () => Od,
-	Close: () => Td,
-	Content: () => Sd,
-	Description: () => wd,
-	Portal: () => yd,
-	Positioner: () => Dd,
-	Provider: () => vd,
-	Root: () => xd,
-	Title: () => Cd,
-	Viewport: () => bd,
-	createToastManager: () => _d,
-	useToastManager: () => gd
-}), od = h(Q.portal), sd = h(Q.viewport, {
+}, sd = /* @__PURE__ */ a({
+	Action: () => Od,
+	Arrow: () => Ad,
+	Close: () => Dd,
+	Content: () => wd,
+	Description: () => Ed,
+	Portal: () => xd,
+	Positioner: () => kd,
+	Provider: () => bd,
+	Root: () => Cd,
+	Title: () => Td,
+	Viewport: () => Sd,
+	createToastManager: () => yd,
+	useToastManager: () => vd
+}), cd = h(Q.portal), ld = h(Q.viewport, {
 	variants: {
 		position: {
 			"top-left": Q.positionTopLeft,
@@ -4764,7 +4778,7 @@ var rd = {
 		position: "bottom-center",
 		width: "default"
 	}
-}), cd = h(Q.root, {
+}), ud = h(Q.root, {
 	variants: { variant: {
 		neutral: null,
 		info: Q.variantInfo,
@@ -4773,105 +4787,105 @@ var rd = {
 		error: Q.variantError
 	} },
 	defaultVariants: { variant: "neutral" }
-}), ld = h(Q.content), ud = h(Q.title), dd = h(Q.description), fd = h(Q.close), pd = h(Q.action), md = h(Q.positioner), hd = h(Q.arrow), gd = j.useToastManager, _d = j.createToastManager;
-function vd({ timeout: e = 5e3, limit: t = 3, ...n }) {
+}), dd = h(Q.content), fd = h(Q.title), pd = h(Q.description), md = h(Q.close), hd = h(Q.action), gd = h(Q.positioner), _d = h(Q.arrow), vd = j.useToastManager, yd = j.createToastManager;
+function bd({ timeout: e = 5e3, limit: t = 3, ...n }) {
 	return /* @__PURE__ */ _(j.Provider, {
 		...n,
 		timeout: e,
 		limit: t
 	});
 }
-vd.displayName = "Toast.Provider";
-function yd(t) {
+bd.displayName = "Toast.Provider";
+function xd(t) {
 	return /* @__PURE__ */ _(j.Portal, {
 		...t,
 		"data-imf-ui-component": "Toast.Portal",
-		className: (n) => od({ className: e(t.className, n) })
+		className: (n) => cd({ className: e(t.className, n) })
 	});
 }
-yd.displayName = "Toast.Portal";
-function bd({ position: t = "bottom-center", width: n = "default", ...r }) {
+xd.displayName = "Toast.Portal";
+function Sd({ position: t = "bottom-center", width: n = "default", ...r }) {
 	return /* @__PURE__ */ _(j.Viewport, {
 		...r,
 		"data-imf-ui-component": "Toast.Viewport",
-		className: (i) => sd({
+		className: (i) => ld({
 			position: t,
 			width: n,
 			className: e(r.className, i)
 		})
 	});
 }
-bd.displayName = "Toast.Viewport";
-function xd({ variant: t = "neutral", ...n }) {
+Sd.displayName = "Toast.Viewport";
+function Cd({ variant: t = "neutral", ...n }) {
 	return /* @__PURE__ */ _(j.Root, {
 		...n,
 		"data-imf-ui-component": "Toast.Root",
-		className: (r) => cd({
+		className: (r) => ud({
 			variant: t,
 			className: e(n.className, r)
 		})
 	});
 }
-xd.displayName = "Toast.Root";
-function Sd(t) {
+Cd.displayName = "Toast.Root";
+function wd(t) {
 	return /* @__PURE__ */ _(j.Content, {
 		...t,
 		"data-imf-ui-component": "Toast.Content",
-		className: (n) => ld({ className: e(t.className, n) })
+		className: (n) => dd({ className: e(t.className, n) })
 	});
 }
-Sd.displayName = "Toast.Content";
-function Cd(t) {
+wd.displayName = "Toast.Content";
+function Td(t) {
 	return /* @__PURE__ */ _(j.Title, {
 		...t,
 		"data-imf-ui-component": "Toast.Title",
-		className: (n) => ud({ className: e(t.className, n) })
+		className: (n) => fd({ className: e(t.className, n) })
 	});
 }
-Cd.displayName = "Toast.Title";
-function wd(t) {
+Td.displayName = "Toast.Title";
+function Ed(t) {
 	return /* @__PURE__ */ _(j.Description, {
 		...t,
 		"data-imf-ui-component": "Toast.Description",
-		className: (n) => dd({ className: e(t.className, n) })
+		className: (n) => pd({ className: e(t.className, n) })
 	});
 }
-wd.displayName = "Toast.Description";
-function Td(t) {
+Ed.displayName = "Toast.Description";
+function Dd(t) {
 	return /* @__PURE__ */ _(j.Close, {
 		...t,
 		"data-imf-ui-component": "Toast.Close",
-		className: (n) => fd({ className: e(t.className, n) })
+		className: (n) => md({ className: e(t.className, n) })
 	});
 }
-Td.displayName = "Toast.Close";
-function Ed(t) {
+Dd.displayName = "Toast.Close";
+function Od(t) {
 	return /* @__PURE__ */ _(j.Action, {
 		...t,
 		"data-imf-ui-component": "Toast.Action",
-		className: (n) => pd({ className: e(t.className, n) })
+		className: (n) => hd({ className: e(t.className, n) })
 	});
 }
-Ed.displayName = "Toast.Action";
-function Dd(t) {
+Od.displayName = "Toast.Action";
+function kd(t) {
 	return /* @__PURE__ */ _(j.Positioner, {
 		...t,
 		"data-imf-ui-component": "Toast.Positioner",
-		className: (n) => md({ className: e(t.className, n) })
+		className: (n) => gd({ className: e(t.className, n) })
 	});
 }
-Dd.displayName = "Toast.Positioner";
-function Od(t) {
+kd.displayName = "Toast.Positioner";
+function Ad(t) {
 	return /* @__PURE__ */ _(j.Arrow, {
 		...t,
 		"data-imf-ui-component": "Toast.Arrow",
-		className: (n) => hd({ className: e(t.className, n) })
+		className: (n) => _d({ className: e(t.className, n) })
 	});
 }
-Od.displayName = "Toast.Arrow";
+Ad.displayName = "Toast.Arrow";
 //#endregion
 //#region src/components/toast/toast.meta.ts
-var kd = {
+var jd = {
 	name: "Toast",
 	category: m.display,
 	status: "experimental",
@@ -4898,18 +4912,18 @@ var kd = {
 	variantPrimary: "imf-ui-tooltip-module-variantPrimary",
 	variantSecondary: "imf-ui-tooltip-module-variantSecondary",
 	viewport: "imf-ui-tooltip-module-viewport"
-}, Ad = /* @__PURE__ */ a({
-	Arrow: () => Ud,
-	Inline: () => Gd,
-	Popup: () => Hd,
-	Portal: () => Bd,
-	Positioner: () => Vd,
-	Provider: () => Ld,
-	Root: () => Rd,
-	Trigger: () => zd,
-	Viewport: () => Wd,
-	createHandle: () => Id
-}), jd = h($.trigger, { variants: {
+}, Md = /* @__PURE__ */ a({
+	Arrow: () => Gd,
+	Inline: () => qd,
+	Popup: () => Wd,
+	Portal: () => Hd,
+	Positioner: () => Ud,
+	Provider: () => zd,
+	Root: () => Bd,
+	Trigger: () => Vd,
+	Viewport: () => Kd,
+	createHandle: () => Rd
+}), Nd = h($.trigger, { variants: {
 	variant: {
 		primary: $.variantPrimary,
 		secondary: $.variantSecondary,
@@ -4917,88 +4931,88 @@ var kd = {
 		negative: $.variantNegative
 	},
 	inline: { true: $.triggerInline }
-} }), Md = h($.positioner), Nd = h($.popup, { variants: { variant: {
+} }), Pd = h($.positioner), Fd = h($.popup, { variants: { variant: {
 	primary: $.popupVariantPrimary,
 	secondary: $.popupVariantSecondary,
 	positive: $.popupVariantPositive,
 	negative: $.popupVariantNegative
-} } }), Pd = h($.arrow), Fd = h($.viewport), Id = M.createHandle;
-function Ld(e) {
+} } }), Id = h($.arrow), Ld = h($.viewport), Rd = M.createHandle;
+function zd(e) {
 	return /* @__PURE__ */ _(M.Provider, { ...e });
 }
-Ld.displayName = "Tooltip.Provider";
-function Rd(e) {
+zd.displayName = "Tooltip.Provider";
+function Bd(e) {
 	return /* @__PURE__ */ _(M.Root, { ...e });
 }
-Rd.displayName = "Tooltip.Root";
-function zd({ variant: t = "secondary", inline: n = !1, delay: r = 250, ...i }) {
+Bd.displayName = "Tooltip.Root";
+function Vd({ variant: t = "secondary", inline: n = !1, delay: r = 250, ...i }) {
 	return /* @__PURE__ */ _(M.Trigger, {
 		...i,
 		delay: r,
 		"data-imf-ui-component": "Tooltip.Trigger",
-		className: (r) => jd({
+		className: (r) => Nd({
 			variant: t,
 			inline: n,
 			className: e(i.className, r)
 		})
 	});
 }
-zd.displayName = "Tooltip.Trigger";
-function Bd(e) {
+Vd.displayName = "Tooltip.Trigger";
+function Hd(e) {
 	return /* @__PURE__ */ _(M.Portal, { ...e });
 }
-Bd.displayName = "Tooltip.Portal";
-function Vd({ sideOffset: t = 13, ...n }) {
+Hd.displayName = "Tooltip.Portal";
+function Ud({ sideOffset: t = 13, ...n }) {
 	return /* @__PURE__ */ _(M.Positioner, {
 		...n,
 		sideOffset: t,
 		"data-imf-ui-component": "Tooltip.Positioner",
-		className: (t) => Md({ className: e(n.className, t) })
+		className: (t) => Pd({ className: e(n.className, t) })
 	});
 }
-Vd.displayName = "Tooltip.Positioner";
-function Hd({ variant: t, ...n }) {
+Ud.displayName = "Tooltip.Positioner";
+function Wd({ variant: t, ...n }) {
 	return /* @__PURE__ */ _(M.Popup, {
 		...n,
 		"data-imf-ui-component": "Tooltip.Popup",
-		className: (r) => Nd({
+		className: (r) => Fd({
 			variant: t,
 			className: e(n.className, r)
 		})
 	});
 }
-Hd.displayName = "Tooltip.Popup";
-function Ud(t) {
+Wd.displayName = "Tooltip.Popup";
+function Gd(t) {
 	return /* @__PURE__ */ _(M.Arrow, {
 		...t,
 		"data-imf-ui-component": "Tooltip.Arrow",
-		className: (n) => Pd({ className: e(t.className, n) })
+		className: (n) => Id({ className: e(t.className, n) })
 	});
 }
-Ud.displayName = "Tooltip.Arrow";
-function Wd(t) {
+Gd.displayName = "Tooltip.Arrow";
+function Kd(t) {
 	return /* @__PURE__ */ _(M.Viewport, {
 		...t,
 		"data-imf-ui-component": "Tooltip.Viewport",
-		className: (n) => Fd({ className: e(t.className, n) })
+		className: (n) => Ld({ className: e(t.className, n) })
 	});
 }
-Wd.displayName = "Tooltip.Viewport";
-function Gd({ trigger: e, children: t, delay: n = 150, side: r = "top", sideOffset: i = 13 }) {
-	return /* @__PURE__ */ v(Rd, { children: [/* @__PURE__ */ _(zd, {
+Kd.displayName = "Tooltip.Viewport";
+function qd({ trigger: e, children: t, delay: n = 150, side: r = "top", sideOffset: i = 13 }) {
+	return /* @__PURE__ */ v(Bd, { children: [/* @__PURE__ */ _(Vd, {
 		inline: !0,
 		delay: n,
 		children: e
-	}), /* @__PURE__ */ _(Bd, { children: /* @__PURE__ */ _(Vd, {
+	}), /* @__PURE__ */ _(Hd, { children: /* @__PURE__ */ _(Ud, {
 		side: r,
 		sideOffset: i,
-		children: /* @__PURE__ */ _(Hd, { children: t })
+		children: /* @__PURE__ */ _(Wd, { children: t })
 	}) })] });
 }
-Gd.displayName = "Tooltip.Inline";
+qd.displayName = "Tooltip.Inline";
 //#endregion
 //#region src/components/tooltip/tooltip.meta.ts
-var Kd = {
+var Jd = {
 	name: "Tooltip",
 	category: m.display,
 	status: "stable",
@@ -5013,7 +5027,7 @@ var Kd = {
 };
 //#endregion
 //#region src/icons/icon-config.tsx
-function qd({ children: e, value: t }) {
+function Yd({ children: e, value: t }) {
 	let n = {
 		...b(ce),
 		...t
@@ -5023,26 +5037,26 @@ function qd({ children: e, value: t }) {
 		children: e
 	});
 }
-qd.displayName = "IconConfig.Provider";
+Yd.displayName = "IconConfig.Provider";
 //#endregion
 //#region src/provider/web-ui-provider.tsx
-function Jd({ children: e, icons: t, colorScheme: n }) {
-	return ar({ value: n }), /* @__PURE__ */ _(qd, {
+function Xd({ children: e, icons: t, colorScheme: n }) {
+	return ar({ value: n }), /* @__PURE__ */ _(Yd, {
 		value: t,
-		children: /* @__PURE__ */ v(vd, { children: [e, " "] })
+		children: /* @__PURE__ */ v(bd, { children: [e, " "] })
 	});
 }
 //#endregion
 //#region src/utils/email.ts
-function Yd(e) {
+function Zd(e) {
 	let t = e.lastIndexOf("@");
 	return t <= 0 || t === e.length - 1 ? { local: e } : {
 		local: e.slice(0, t),
 		domain: e.slice(t + 1)
 	};
 }
-function Xd(e) {
-	return Yd(e).local.split(/[._-]+/).filter(Boolean).slice(0, 2).map((e) => e.charAt(0).toUpperCase()).join("");
+function Qd(e) {
+	return Zd(e).local.split(/[._-]+/).filter(Boolean).slice(0, 2).map((e) => e.charAt(0).toUpperCase()).join("");
 }
 //#endregion
-export { Vc as AccountCard, uo as AppShell, mn as Autocomplete, Nc as Avatar, lt as Button, $c as Callout, Ko as Card, Hn as Checkbox, cl as Chip, pt as ChipLink, we as Code, dl as Collapsible, cr as ColorSchemeToggle, ur as Combobox, m as ComponentCategories, _t as CopyButton, xs as Dialog, va as Drawer, Wr as Field, oi as Fieldset, p as Icon, Ct as IconButton, $a as ImFusionLogo, pi as Input, he as Kbd, Ja as Logo, bl as Meter, gu as NavigationMenu, hi as NumberField, $s as Popover, oo as ProductLogo, Ec as Prose, Et as RichLink, be as Row, Ae as ScrollArea, Ni as Select, Le as Separator, yu as Skeleton, Oe as Slider, Nu as Spinner, ge as Stack, _e as Switch, Fu as Table, Ce as Tabs, ad as Toast, xe as Toggle, Se as ToggleGroup, Ad as Tooltip, ns as Typo, Jd as WebUIProvider, Zc as accountCardMeta, Wo as appShellMeta, Vn as autocompleteMeta, Qc as avatarMeta, ut as buttonMeta, sl as calloutMeta, ts as cardMeta, Gn as checkboxMeta, mt as chipLinkMeta, ll as chipMeta, De as codeMeta, vl as collapsibleMeta, lr as colorSchemeToggleMeta, Hr as comboboxMeta, Yn as config, vt as copyButtonMeta, ze as cva, Be as cx, Qs as dialogMeta, Ka as drawerMeta, ii as fieldMeta, di as fieldsetMeta, wt as iconButtonMeta, ae as iconMeta, Xd as initialsFromEmail, mi as inputMeta, ve as kbdMeta, Ya as logoMeta, jl as meterMeta, _a as minWidth, _u as navigationMenuMeta, Mi as numberFieldMeta, wc as popoverMeta, Dc as proseMeta, Dt as richLinkMeta, Oc as rowMeta, kc as scrollAreaMeta, pa as selectMeta, Ac as separatorMeta, Eu as skeletonMeta, ma as sliderMeta, Pu as spinnerMeta, Yd as splitEmail, jc as stackMeta, ha as switchMeta, rd as tableMeta, id as tabsMeta, kd as toastMeta, qn as toggleGroupMeta, Kn as toggleMeta, Kd as tooltipMeta, bs as typoMeta, Te as useClipboard, ar as useColorScheme, so as useDisclosure, lo as useMediaQuery, zc as withBreakHints };
+export { Vc as AccountCard, uo as AppShell, mn as Autocomplete, Nc as Avatar, lt as Button, $c as Callout, Ko as Card, Hn as Checkbox, cl as Chip, pt as ChipLink, we as Code, dl as Collapsible, cr as ColorSchemeToggle, ur as Combobox, m as ComponentCategories, _t as CopyButton, xs as Dialog, va as Drawer, Wr as Field, oi as Fieldset, p as Icon, Ct as IconButton, $a as ImFusionLogo, pi as Input, he as Kbd, Ja as Logo, bl as Meter, gu as NavigationMenu, hi as NumberField, $s as Popover, oo as ProductLogo, Ec as Prose, Et as RichLink, be as Row, Ae as ScrollArea, Ni as Select, Le as Separator, yu as Skeleton, Oe as Slider, Nu as Spinner, ge as Stack, _e as Switch, Fu as Table, Ce as Tabs, sd as Toast, xe as Toggle, Se as ToggleGroup, Md as Tooltip, ns as Typo, Xd as WebUIProvider, Zc as accountCardMeta, Wo as appShellMeta, Vn as autocompleteMeta, Qc as avatarMeta, ut as buttonMeta, sl as calloutMeta, ts as cardMeta, Gn as checkboxMeta, mt as chipLinkMeta, ll as chipMeta, De as codeMeta, vl as collapsibleMeta, lr as colorSchemeToggleMeta, Hr as comboboxMeta, Yn as config, vt as copyButtonMeta, ze as cva, Be as cx, Qs as dialogMeta, Ka as drawerMeta, ii as fieldMeta, di as fieldsetMeta, wt as iconButtonMeta, ae as iconMeta, Qd as initialsFromEmail, mi as inputMeta, ve as kbdMeta, Ya as logoMeta, jl as meterMeta, _a as minWidth, _u as navigationMenuMeta, Mi as numberFieldMeta, wc as popoverMeta, Dc as proseMeta, Dt as richLinkMeta, Oc as rowMeta, kc as scrollAreaMeta, pa as selectMeta, Ac as separatorMeta, Eu as skeletonMeta, ma as sliderMeta, Pu as spinnerMeta, Zd as splitEmail, jc as stackMeta, ha as switchMeta, ad as tableMeta, od as tabsMeta, jd as toastMeta, qn as toggleGroupMeta, Kn as toggleMeta, Jd as tooltipMeta, bs as typoMeta, Te as useClipboard, ar as useColorScheme, so as useDisclosure, lo as useMediaQuery, zc as withBreakHints };