@payfit/unity-components 3.1.14 → 3.1.15

package/dist/esm/core/components/app-profile-menu-button/parts/AppProfileAvatar.js

@@ -0,0 +1,79 @@
+import { Actionable as e } from "../../actionable/Actionable.js";
+import { Icon as t } from "../../icon/Icon.js";
+import { Avatar as n } from "../../avatar/Avatar.js";
+import { AvatarFallback as r } from "../../avatar/parts/AvatarFallback.js";
+import { AvatarImage as i } from "../../avatar/parts/AvatarImage.js";
+import { cloneElement as a, isValidElement as o, useId as s, useState as c } from "react";
+import { uyMerge as l } from "@payfit/unity-themes";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { FormattedMessage as f, useIntl as p } from "react-intl";
+//#region src/core/components/app-profile-menu-button/parts/AppProfileAvatar.tsx
+var m = ({ avatar: e, avatarPair: t, avatarSize: s, avatarVariant: c, isPairAvatarVisible: l, labelId: f, title: p }) => /* @__PURE__ */ d(n, {
+	"aria-labelledby": f,
+	size: s,
+	variant: c,
+	children: [
+		/* @__PURE__ */ u(i, {
+			src: e,
+			alt: p ?? ""
+		}),
+		/* @__PURE__ */ u(r, {
+			variant: "initials",
+			delayMs: 100,
+			children: p
+		}),
+		t && o(t) && a(t, { isHidden: !l })
+	]
+}), h = ({ avatar: n, avatarPair: r, avatarSize: i, avatarVariant: a, labelId: o, title: h, uploadAvatarCallback: g, uploadAvatarDescription: _, uploadAvatarLabel: v }) => {
+	let [y, b] = c(!1), [x, S] = c(!1), C = s(), w = p(), T = !(y || x);
+	return /* @__PURE__ */ d(e, {
+		"aria-describedby": C,
+		"aria-label": v ?? w.formatMessage({
+			id: "unity:component:app-menu:footer:profile-button:avatar:change",
+			defaultMessage: "Change profile picture"
+		}),
+		className: l("uy:group/avatar uy:cursor-pointer uy:relative uy:leading-[0] uy:rounded-75 uy:focus-visible:outline-none uy:focus-visible:ring-2 uy:focus-visible:ring-utility-focus-ring uy:focus-visible:ring-offset-2"),
+		onBlur: () => {
+			S(!1);
+		},
+		onFocus: () => {
+			S(!0);
+		},
+		onHoverEnd: () => {
+			b(!1);
+		},
+		onHoverStart: () => {
+			b(!0);
+		},
+		onPress: g,
+		children: [/* @__PURE__ */ u(m, {
+			avatar: n,
+			avatarPair: r,
+			avatarSize: i,
+			avatarVariant: a,
+			isPairAvatarVisible: T,
+			labelId: o,
+			title: h
+		}), /* @__PURE__ */ d("div", {
+			className: "uy:flex uy:pointer-events-none uy:opacity-0 uy:group-hover/avatar:opacity-90 uy:group-data-[focus-visible=true]/avatar:opacity-90 uy:group-focus-visible/avatar:opacity-90 uy:bg-utility-backdrop uy:rounded-75 uy:absolute uy:inset-0 uy:transition-all uy:duration-200 uy:items-center uy:justify-center",
+			children: [/* @__PURE__ */ u(t, {
+				alt: w.formatMessage({
+					id: "unity:component:app-menu:footer:profile-button:avatar:camera",
+					defaultMessage: "Camera"
+				}),
+				color: "content.inverted",
+				size: 24,
+				src: "CameraOutlined"
+			}), /* @__PURE__ */ u("span", {
+				className: "uy:sr-only",
+				id: C,
+				children: _ ?? /* @__PURE__ */ u(f, {
+					id: "unity:component:app-menu:footer:profile-button:avatar:change-description",
+					defaultMessage: "Press enter to change profile picture"
+				})
+			})]
+		})]
+	});
+};
+//#endregion
+export { m as AppProfileAvatar, h as InteractiveAppProfileAvatar };

package/dist/esm/core/components/app-profile-menu-button/parts/AppProfileMenuHeader.js

@@ -0,0 +1,126 @@
+import { Icon as e } from "../../icon/Icon.js";
+import { Text as t } from "../../text/Text.js";
+import { Badge as n } from "../../badge/Badge.js";
+import { AppProfileAvatar as r, InteractiveAppProfileAvatar as i } from "./AppProfileAvatar.js";
+import { uyTv as a } from "@payfit/unity-themes";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useIntl as c } from "react-intl";
+//#region src/core/components/app-profile-menu-button/parts/AppProfileMenuHeader.tsx
+var l = a({
+	slots: {
+		summary: "uy:flex uy:w-full uy:items-center",
+		avatar: "uy:flex uy:items-center",
+		details: "uy:min-w-0 uy:flex-grow uy:flex-col uy:text-left uy:leading-[1.25]",
+		disclosure: "uy:p-100",
+		iconWrapper: "uy:flex uy:items-center uy:p-25",
+		icon: ""
+	},
+	variants: {
+		hideResponsiveDetails: {
+			true: {
+				avatar: "uy:mr-0 uy:lg:mr-150",
+				details: "uy:sr-only uy:lg:not-sr-only uy:lg:flex",
+				disclosure: "uy:ml-50 uy:lg:ml-150"
+			},
+			false: {
+				avatar: "uy:mr-150",
+				details: "uy:flex"
+			}
+		},
+		triggerVariant: {
+			small: { icon: [
+				"uy:block uy:origin-center uy:transition-transform",
+				"uy:duration-150 uy:ease-linear",
+				"uy:group-aria-[expanded=true]:rotate-180"
+			] },
+			large: {}
+		}
+	}
+}), u = ({ asMenuHeader: a = !1, avatar: u, avatarPair: d, avatarSize: f, avatarVariant: p, badgeLabel: m, description: h, labelId: g, menuTriggerDescription: _, title: v, triggerDescriptionId: y, triggerVariant: b, uploadAvatarCallback: x, uploadAvatarDescription: S, uploadAvatarLabel: C }) => {
+	let w = c(), T = _ ?? w.formatMessage({
+		id: "unity:component:app-menu:footer:profile-button:description",
+		defaultMessage: "Press this button to open the profile menu."
+	}), { summary: E, avatar: D, details: O, disclosure: k, iconWrapper: A, icon: j } = l({
+		hideResponsiveDetails: !a && b === "small",
+		triggerVariant: b
+	});
+	return /* @__PURE__ */ s("div", {
+		className: E(),
+		"data-unity-slot": "profile-summary",
+		children: [
+			/* @__PURE__ */ o("div", {
+				className: D(),
+				"data-unity-slot": "avatar",
+				children: x ? /* @__PURE__ */ o(i, {
+					avatar: u,
+					avatarPair: d,
+					avatarSize: f,
+					avatarVariant: p,
+					labelId: g,
+					title: v,
+					uploadAvatarCallback: x,
+					uploadAvatarDescription: S,
+					uploadAvatarLabel: C
+				}) : /* @__PURE__ */ o(r, {
+					avatar: u,
+					avatarPair: d,
+					avatarSize: f,
+					avatarVariant: p,
+					isPairAvatarVisible: !0,
+					labelId: g,
+					title: v
+				})
+			}),
+			/* @__PURE__ */ s("div", {
+				className: O(),
+				"data-unity-slot": "profile-details",
+				children: [
+					/* @__PURE__ */ o(t, {
+						asElement: "span",
+						className: "uy:w-full",
+						color: "content.neutral",
+						"data-dd-privacy": "mask",
+						id: a ? void 0 : g,
+						isTruncated: !0,
+						variant: f === "md" ? "bodySmallStrong" : "bodyStrong",
+						children: v
+					}),
+					/* @__PURE__ */ o(t, {
+						asElement: "span",
+						className: "uy:w-full",
+						color: "content.neutral.low",
+						"data-dd-privacy": "allow",
+						isTruncated: !0,
+						variant: "bodySmall",
+						children: h
+					}),
+					!a && /* @__PURE__ */ o("span", {
+						id: y,
+						className: "uy:sr-only",
+						children: T
+					})
+				]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: k(),
+				"data-unity-slot": "disclosure",
+				children: a ? m && /* @__PURE__ */ o(n, {
+					className: "uy:capitalize",
+					variant: "neutral",
+					children: m
+				}) : /* @__PURE__ */ o("div", {
+					className: A(),
+					children: /* @__PURE__ */ o(e, {
+						className: j(),
+						src: b === "small" ? "CaretDownOutlined" : "CaretUpDownOutlined",
+						alt: T,
+						size: 20,
+						color: "content.neutral.low"
+					})
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { u as AppProfileMenuHeader };

package/dist/esm/core/components/app-top-bar/AppTopBar.js

@@ -0,0 +1,81 @@
+import { useLayoutEffect as e, useRef as t, useState as n } from "react";
+import { uyTv as r } from "@payfit/unity-themes";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/core/components/app-top-bar/AppTopBar.tsx
+var o = "--uy-app-layout-header-sticky-offset", s = "Application top bar", c = r({ slots: {
+	root: "uy:contents",
+	sentinel: "uy:pointer-events-none uy:h-px uy:w-full uy:-mb-px uy:opacity-0",
+	header: [
+		"uy:sticky uy:top-(--uy-app-layout-header-sticky-offset) uy:z-10",
+		"uy:flex uy:min-h-7.5 uy:w-full uy:items-center",
+		"uy:bg-canvas uy:pl-50 uy:py-50 uy:pr-250",
+		"uy:transition-shadow uy:duration-200 uy:ease-out",
+		"uy:[clip-path:inset(0_0_-100px_0)]",
+		"uy:data-[stuck=true]:shadow-[0_2px_8px_-1px_var(--uy-color-utility-shadow-200)]"
+	],
+	search: "uy:mr-600 uy:min-w-600 uy:max-w-[300px] uy:grow uy:shrink uy:basis-0",
+	actions: "uy:flex uy:min-w-0 uy:flex-1 uy:items-center uy:justify-end uy:gap-25 uy:lg:mr-[11px]",
+	profile: "uy:ml-auto uy:flex uy:min-w-0 uy:max-w-[250px] uy:shrink-0 uy:items-center uy:justify-end uy:*:min-w-0 uy:*:w-full"
+} }), l = (e) => {
+	let t = getComputedStyle(e).getPropertyValue(o).trim(), n = Number.parseFloat(t);
+	return Number.isFinite(n) ? n : 0;
+}, u = (e) => {
+	let t = e;
+	for (; t;) {
+		if (t.style.getPropertyValue(o)) return t;
+		t = t.parentElement;
+	}
+	return null;
+}, d = ({ searchSlot: r, actionsSlot: o, profileMenuSlot: d, "aria-label": f = s }) => {
+	let [p, m] = n(!1), h = t(null), { root: g, sentinel: _, header: v, search: y, actions: b, profile: x } = c();
+	return e(() => {
+		let e = h.current;
+		if (!e || typeof IntersectionObserver > "u") return;
+		let t, n = () => {
+			t?.disconnect(), t = new IntersectionObserver(([e]) => {
+				m(e ? !e.isIntersecting : !1);
+			}, {
+				rootMargin: `-${l(e)}px 0px 0px 0px`,
+				threshold: 0
+			}), t.observe(e);
+		};
+		n();
+		let r = u(e), i = r ? new MutationObserver(n) : void 0;
+		return r && i && i.observe(r, {
+			attributes: !0,
+			attributeFilter: ["style"]
+		}), () => {
+			t?.disconnect(), i?.disconnect();
+		};
+	}, []), /* @__PURE__ */ a("div", {
+		className: g(),
+		"data-unity-component": "AppTopBar",
+		"data-dd-privacy": "allow",
+		children: [/* @__PURE__ */ i("div", {
+			ref: h,
+			"aria-hidden": !0,
+			className: _()
+		}), /* @__PURE__ */ a("header", {
+			"aria-label": f,
+			className: v(),
+			"data-stuck": p || void 0,
+			children: [
+				r && /* @__PURE__ */ i("div", {
+					className: y(),
+					children: r
+				}),
+				o && /* @__PURE__ */ i("div", {
+					className: b(),
+					children: o
+				}),
+				/* @__PURE__ */ i("div", {
+					className: x(),
+					children: d
+				})
+			]
+		})]
+	});
+};
+d.displayName = "AppTopBar";
+//#endregion
+export { d as AppTopBar };

package/dist/esm/core/components/autocomplete/Autocomplete.js

@@ -0,0 +1,137 @@
+import { Icon as e } from "../icon/Icon.js";
+import { Spinner as t } from "../spinner/Spinner.js";
+import { Text as n } from "../text/Text.js";
+import { AutocompleteClearButton as r } from "./parts/AutocompleteClearButton.js";
+import { AutocompletePanel as i } from "./parts/AutocompletePanel.js";
+import { forwardRef as a, useCallback as o, useRef as s, useState as c } from "react";
+import { uyTv as l } from "@payfit/unity-themes";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useIntl as f } from "react-intl";
+import { useResizeObserver as p } from "usehooks-ts";
+import { ComboBox as m, Input as h } from "react-aria-components/ComboBox";
+import { useId as g } from "react-aria/useId";
+//#region src/core/components/autocomplete/Autocomplete.tsx
+var _ = l({
+	slots: {
+		base: [
+			"uy:group uy:transition-colors uy:w-full uy:flex uy:gap-100 uy:py-125 uy:sm:py-100 uy:px-150 uy:rounded-100 uy:sm:rounded-75",
+			"uy:enabled:bg-surface-form-high-enabled",
+			"uy:has-data-[focus-visible=\"true\"]:outline-none uy:has-data-[focus-visible=\"true\"]:ring-2 uy:has-data-[focus-visible=\"true\"]:ring-utility-focus-ring uy:has-data-[focus-visible=\"true\"]:ring-offset-2 uy:has-data-[focus-visible=\"true\"]:bg-surface-form-high-focus",
+			"uy:active:border uy:active:border-solid uy:active:border-border-form-active",
+			"uy:data-[disabled=true]:border uy:data-[disabled=true]:border-solid uy:data-[disabled=true]:border-border-form-disabled uy:data-[disabled=true]:bg-surface-form-high-disabled",
+			"uy:data-[invalid=true]:border uy:data-[invalid=true]:border-solid uy:data-[invalid=true]:border-border-form-error uy:data-[invalid=true]:bg-surface-form-high-error"
+		],
+		input: [
+			"uy:h-300 uy:typography-body uy:flex-grow uy:outline-none uy:[&::-webkit-search-cancel-button]:hidden",
+			"uy:enabled:text-content-form-enabled",
+			"uy:data-[hovered]:text-content-form-hover",
+			"uy:data-[focus-visible]:text-content-form-focus",
+			"uy:active:text-content-form-active",
+			"uy:group-data-[invalid=true]:bg-surface-form-high-error"
+		],
+		icon: ["uy:self-center", "uy:group-data-[disabled=true]:text-content-neutral-lowest-disabled"],
+		invalidIcon: ["uy:self-center uy:hidden", "uy:group-data-[invalid=true]:block"],
+		wrapperState: ["uy:flex uy:items-center uy:gap-50"]
+	},
+	variants: { isReadOnly: {
+		true: {
+			base: "uy:border uy:border-solid uy:border-border-form-disabled uy:bg-surface-form-high-disabled",
+			icon: "uy:text-content-neutral-lowest-disabled",
+			input: "uy:bg-surface-form-high-disabled uy:text-content-form-read-only uy:placeholder-content-form-read-only uy:cursor-text"
+		},
+		false: {
+			base: ["uy:bg-surface-form-high-enabled", "uy:has-data-[hovered]:bg-surface-form-high-hover uy:data-[disabled=true]:cursor-not-allowed"],
+			icon: "uy:text-content-neutral-lowest",
+			input: "uy:bg-text-content-form-active uy:placeholder-content-neutral-lowest uy:group-data-[disabled=true]:cursor-not-allowed"
+		}
+	} }
+}), v = ({ intl: e, placeholder: t, isDisabled: n }) => n ? "" : t || e.formatMessage({
+	id: "unity:component:autocomplete:placeholder",
+	defaultMessage: "Search"
+}), y = (a, l) => {
+	let { placeholder: y, isDisabled: b, isInvalid: x, isReadOnly: S, items: C, children: w, loadingState: T, name: E, feedbackText: D, ...O } = a, k = f(), A = s(null), [j, M] = c(null), N = g();
+	p({
+		ref: A,
+		onResize: o(() => {
+			A.current && M(`${A.current.offsetWidth}px`);
+		}, [A])
+	});
+	let { base: P, input: F, icon: I, invalidIcon: L, wrapperState: R } = _({ isReadOnly: S });
+	return /* @__PURE__ */ d("search", {
+		ref: l,
+		children: [/* @__PURE__ */ d(m, {
+			className: P(),
+			name: E,
+			isInvalid: x,
+			isDisabled: b || S,
+			isReadOnly: S,
+			ref: A,
+			"aria-label": k.formatMessage({
+				id: "unity:component:autocomplete:placeholder",
+				defaultMessage: "Search"
+			}),
+			items: C,
+			...O,
+			children: [
+				/* @__PURE__ */ u(e, {
+					src: "MagnifyingGlassOutlined",
+					className: I(),
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ u(h, {
+					className: F(),
+					"aria-describedby": N,
+					placeholder: v({
+						intl: k,
+						placeholder: y,
+						isDisabled: b
+					})
+				}),
+				/* @__PURE__ */ d("div", {
+					className: R(),
+					children: [
+						/* @__PURE__ */ u(e, {
+							className: L(),
+							src: "WarningCircleOutlined",
+							color: "content.form.invalid",
+							alt: k.formatMessage({
+								id: "unity:component:form-field:form-input:error:alt",
+								defaultMessage: "Error"
+							})
+						}),
+						T && T !== "error" && T !== "idle" && /* @__PURE__ */ u("span", {
+							className: "uy:px-50",
+							children: /* @__PURE__ */ u(t, {
+								label: k.formatMessage({
+									id: "unity:component:common:loading:label",
+									defaultMessage: "Loading..."
+								}),
+								color: "primary",
+								size: "small",
+								"aria-hidden": "true"
+							})
+						}),
+						/* @__PURE__ */ u(r, {
+							isReadOnly: S,
+							isDisabled: b
+						})
+					]
+				}),
+				/* @__PURE__ */ u(i, {
+					panelWidth: j,
+					searchRef: A,
+					children: w
+				})
+			]
+		}), x && /* @__PURE__ */ u(n, {
+			id: N,
+			className: "uy:typography-body-small-strong uy:text-content-form-invalid",
+			children: D
+		})]
+	});
+}, b = a(function(e, t) {
+	return y(e, t);
+});
+b.displayName = "Autocomplete";
+//#endregion
+export { b as Autocomplete };

package/dist/esm/core/components/autocomplete/parts/AutocompleteClearButton.js

@@ -0,0 +1,25 @@
+import { CircularIconButton as e } from "../../icon-button/CircularIconButton.js";
+import { useContext as t } from "react";
+import { uyMerge as n } from "@payfit/unity-themes";
+import { jsx as r } from "react/jsx-runtime";
+import { useIntl as i } from "react-intl";
+import { ComboBoxStateContext as a } from "react-aria-components/ComboBox";
+//#region src/core/components/autocomplete/parts/AutocompleteClearButton.tsx
+var o = ({ className: o, isReadOnly: s, isDisabled: c }) => {
+	let l = t(a), u = i();
+	return !l?.inputValue || s || c ? null : /* @__PURE__ */ r(e, {
+		slot: null,
+		title: u.formatMessage({
+			id: "unity:component:common:clear:title",
+			defaultMessage: "Clear"
+		}),
+		className: n(o, "uy:text-content-neutral-enabled uy:group-data-[empty=true]:hidden"),
+		icon: "CloseOutlined",
+		onPress: () => {
+			l.setSelectedKey(null);
+		}
+	});
+};
+o.displayName = "ClearButton";
+//#endregion
+export { o as AutocompleteClearButton };

package/dist/esm/core/components/autocomplete/parts/AutocompleteItem.js

@@ -0,0 +1,28 @@
+import { forwardRef as e } from "react";
+import { uyTv as t } from "@payfit/unity-themes";
+import { jsx as n } from "react/jsx-runtime";
+import { ListBoxItem as r } from "react-aria-components/ListBox";
+//#region src/core/components/autocomplete/parts/AutocompleteItem.tsx
+var i = t({
+	base: [
+		"uy:flex uy:flex-col uy:typography-body uy:rounded-50 uy:pt-100 uy:pb-100 uy:pl-150 uy:pr-150 uy:outline-none uy:bg-surface-neutral-enabled uy:enabled:text-content-neutral-enabled",
+		"uy:enabled:bg-surface-neutral-enabled uy:enabled:text-content-neutral-enabled",
+		"uy:data-[pressed]:bg-surface-neutral-pressed uy:data-[pressed]:text-content-neutral-pressed",
+		"uy:data-[focus-visible=\"true\"]:outline-offset-2 uy:data-[focus-visible=\"true\"]:outline-2 uy:data-[focus-visible=\"true\"]:outline-utility-focus-ring uy:data-[focus-visible=\"true\"]:bg-surface-neutral-focus uy:data-[focus-visible=\"true\"]:text-content-neutral-focus",
+		"uy:data-[disabled]:text-content-neutral-disabled"
+	],
+	variants: { isDisabled: {
+		false: "uy:data-[hovered=\"true\"]:bg-surface-neutral-hover",
+		true: "uy:cursor-not-allowed"
+	} }
+}), a = e(({ children: e, isDisabled: t, textValue: a, ...o }, s) => /* @__PURE__ */ n(r, {
+	...o,
+	isDisabled: t,
+	textValue: a,
+	ref: s,
+	className: ({ isDisabled: e }) => i({ isDisabled: e }),
+	children: e
+}));
+a.displayName = "AutocompleteItem";
+//#endregion
+export { a as AutocompleteItem, i as autocompleteItem };

package/dist/esm/core/components/autocomplete/parts/AutocompleteItemGroup.js

@@ -0,0 +1,39 @@
+import { forwardRef as e } from "react";
+import { uyTv as t } from "@payfit/unity-themes";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Header as a } from "react-aria-components/Header";
+import { Separator as o } from "react-aria-components/Separator";
+import { ListBoxSection as s } from "react-aria-components/ListBox";
+import { Collection as c } from "react-aria-components/Collection";
+//#region src/core/components/autocomplete/parts/AutocompleteItemGroup.tsx
+var l = t({ slots: {
+	base: "",
+	header: "uy:text-content-neutral-enabled uy:typography-body-strong uy:pt-100 uy:pb-100 uy:pl-150 uy:pr-150",
+	separator: "uy:h-[1px] uy:bg-surface-neutral-lowest uy:w-full uy:mb-100 uy:mt-100 uy:[section:last-child_&]:hidden"
+} }), u = ({ label: e, children: t, items: u }, d) => {
+	let { base: f, header: p, separator: m } = l();
+	return /* @__PURE__ */ i(s, {
+		ref: d,
+		className: f(),
+		id: e,
+		items: u,
+		children: [/* @__PURE__ */ r(a, {
+			className: p(),
+			children: e
+		}), u ? /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(c, {
+			items: u,
+			children: t
+		}), /* @__PURE__ */ r(o, {
+			orientation: "horizontal",
+			className: m()
+		})] }) : /* @__PURE__ */ i(n, { children: [t, /* @__PURE__ */ r(o, {
+			orientation: "horizontal",
+			className: m()
+		})] })]
+	});
+}, d = e(function(e, t) {
+	return u(e, t);
+});
+d.displayName = "AutocompleteItemGroup";
+//#endregion
+export { d as AutocompleteItemGroup, l as autocompleteItemGroup };

package/dist/esm/core/components/autocomplete/parts/AutocompletePanel.js

@@ -0,0 +1,46 @@
+import { Icon as e } from "../../icon/Icon.js";
+import { Text as t } from "../../text/Text.js";
+import { uyTv as n } from "@payfit/unity-themes";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { FormattedMessage as a } from "react-intl";
+import { ListBox as o } from "react-aria-components/ListBox";
+import { Popover as s } from "react-aria-components/Popover";
+//#region src/core/components/autocomplete/parts/AutocompletePanel.tsx
+var c = n({ slots: {
+	base: "uy:rounded-75 uy:border uy:border-solid uy:border-border-neutral uy:w-[var(--trigger-width)] uy:bg-surface-neutral uy:max-h-[312px] uy:shadow-300",
+	list: "uy:overflow-y-auto uy:max-h-[296px] uy:p-100"
+} }), l = () => /* @__PURE__ */ i("div", {
+	className: "uy:flex uy:flex-col uy:gap-200 uy:items-center uy:justify-center uy:h-[312px]",
+	children: [/* @__PURE__ */ r(t, {
+		variant: "body",
+		className: "uy:w-500 uy:h-500 uy:bg-surface-neutral-lowest uy:flex uy:items-center uy:justify-center uy:rounded-75",
+		children: /* @__PURE__ */ r(e, {
+			size: 24,
+			src: "MagnifyingGlassOutlined"
+		})
+	}), /* @__PURE__ */ r(t, {
+		variant: "bodyLarge",
+		children: /* @__PURE__ */ r(a, {
+			id: "unity:component:autocomplete:panel:empty:label",
+			defaultMessage: "No results found"
+		})
+	})]
+}), u = (e) => {
+	let { children: t, panelWidth: n, searchRef: i, ...a } = e, { base: u, list: d } = c();
+	return /* @__PURE__ */ r(s, {
+		...a,
+		className: u(),
+		offset: 1,
+		triggerRef: i,
+		isNonModal: !0,
+		style: { "--trigger-width": n },
+		children: /* @__PURE__ */ r(o, {
+			className: d(),
+			renderEmptyState: l,
+			children: t
+		})
+	});
+};
+u.displayName = "AutocompletePanel";
+//#endregion
+export { u as AutocompletePanel, c as autocompletePanel };

package/dist/esm/core/components/avatar/Avatar.context.js

@@ -0,0 +1,27 @@
+import { createContext as e, useContext as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/core/components/avatar/Avatar.context.tsx
+var r = e({
+	variant: "circle",
+	size: "md",
+	hasPair: !1,
+	color: void 0
+});
+function i({ variant: e, size: t, hasPair: i, color: a, children: o }) {
+	return /* @__PURE__ */ n(r.Provider, {
+		value: {
+			variant: e,
+			size: t,
+			hasPair: i,
+			color: a
+		},
+		children: o
+	});
+}
+function a() {
+	let e = t(r);
+	if (!e) throw Error("useAvatarContext must be used within an AvatarProvider");
+	return e;
+}
+//#endregion
+export { r as AvatarContext, i as AvatarProvider, a as useAvatarContext };