@payfit/unity-components 2.64.4 → 2.64.5

package/dist/esm/components/carousel/parts/CarouselContent.js

@@ -1,5 +1,5 @@
-import { useCarousel as e } from "../Carousel.context.js";
-import { useResponsiveValue as t } from "../../../hooks/use-responsive-value.js";
+import { useResponsiveValue as e } from "../../../hooks/use-responsive-value.js";
+import { useCarousel as t } from "../Carousel.context.js";
 import { useEffect as n, useState as r } from "react";
 import { uyTv as i } from "@payfit/unity-themes";
 import { jsx as a } from "react/jsx-runtime";
@@ -16,7 +16,7 @@ var o = i({ slots: {
 	]
 } });
 function s({ className: i, children: s, itemsPerPage: c, gap: l, trackPadding: u, trackOffset: d = 0 }) {
-	let { carouselRef: f, a11yIds: p, api: m } = e(), { root: h, track: g } = o(), [_, v] = r(!1), y = t(c), b = t(l), x = t(d), S = t(u?.start), C = t(u?.end);
+	let { carouselRef: f, a11yIds: p, api: m } = t(), { root: h, track: g } = o(), [_, v] = r(!1), y = e(c), b = e(l), x = e(d), S = e(u?.start), C = e(u?.end);
 	return n(() => {
 		if (!m) return;
 		let e = () => {

package/dist/esm/components/segmented-button-group/parts/ToggleButton.js

@@ -3,11 +3,11 @@ import { Spinner as t } from "../../spinner/Spinner.js";
 import { SegmentedButtonGroupContext as n } from "../SegmentedButtonGroups.context.js";
 import { forwardRef as r, useContext as i, useRef as a } from "react";
 import { uyTv as o } from "@payfit/unity-themes";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { useIntl as u } from "react-intl";
-import { mergeProps as d } from "react-aria/mergeProps";
-import { useRadio as f } from "react-aria/useRadioGroup";
-import { useFocusRing as p } from "react-aria/useFocusRing";
+import { useFocusRing as s } from "react-aria/useFocusRing";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useIntl as d } from "react-intl";
+import { mergeProps as f } from "react-aria/mergeProps";
+import { useRadio as p } from "react-aria/useRadioGroup";
 import { VisuallyHidden as m } from "react-aria/VisuallyHidden";
 //#region src/components/segmented-button-group/parts/ToggleButton.tsx
 var h = o({
@@ -62,40 +62,40 @@ var h = o({
 		isLoading: !1,
 		hasPrefixIcon: !1
 	}
-}), g = ({ intl: n, children: r, isLoading: i, prefixIcon: a, isSelected: o }) => i ? /* @__PURE__ */ c(t, {
+}), g = ({ intl: n, children: r, isLoading: i, prefixIcon: a, isSelected: o }) => i ? /* @__PURE__ */ l(t, {
 	label: n.formatMessage({
 		id: "unity:component:common:loading:label",
 		defaultMessage: "Loading..."
 	}),
 	color: "inherit",
 	size: "small"
-}) : /* @__PURE__ */ l(s, { children: [a ? /* @__PURE__ */ c(e, {
+}) : /* @__PURE__ */ u(c, { children: [a ? /* @__PURE__ */ l(e, {
 	src: o ? `${a}Filled` : `${a}Outlined`,
 	color: o ? "content.neutral" : "content.neutral.low",
 	role: "presentation"
 }) : null, r] }), _ = r((e, t) => {
-	let { children: r, value: o, prefixIcon: s, isLoading: _ } = e, { state: v } = i(n), y = a(null), { inputProps: b } = f(e, v, y), { focusProps: x, isFocusVisible: S } = p(), C = u(), w = v.selectedValue === o, { base: T, wrapper: E } = h({
+	let { children: r, value: o, prefixIcon: c, isLoading: _ } = e, { state: v } = i(n), y = a(null), { inputProps: b } = p(e, v, y), { focusProps: x, isFocusVisible: S } = s(), C = d(), w = v.selectedValue === o, { base: T, wrapper: E } = h({
 		isSelected: w,
-		hasPrefixIcon: !!s,
+		hasPrefixIcon: !!c,
 		isLoading: _,
 		isFocusVisible: S
 	});
-	return /* @__PURE__ */ l("label", {
+	return /* @__PURE__ */ u("label", {
 		ref: t,
 		className: T(),
 		"aria-disabled": _,
-		children: [/* @__PURE__ */ c(m, { children: /* @__PURE__ */ c("input", {
-			...d(b, x),
+		children: [/* @__PURE__ */ l(m, { children: /* @__PURE__ */ l("input", {
+			...f(b, x),
 			ref: y,
 			disabled: _
-		}) }), /* @__PURE__ */ c("span", {
+		}) }), /* @__PURE__ */ l("span", {
 			className: E(),
 			children: g({
 				intl: C,
 				children: r,
 				isLoading: _,
 				isSelected: w,
-				prefixIcon: s
+				prefixIcon: c
 			})
 		})]
 	});

package/dist/esm/components/selectable-button-group/parts/SelectableButton.js

@@ -3,9 +3,9 @@ import { Spinner as t } from "../../spinner/Spinner.js";
 import { SelectableButtonGroupContext as n } from "../SelectableButtonGroup.context.js";
 import { forwardRef as r, useCallback as i, useContext as a, useRef as o } from "react";
 import { uyTv as s } from "@payfit/unity-themes";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-import { mergeProps as d } from "react-aria/mergeProps";
-import { useFocusRing as f } from "react-aria/useFocusRing";
+import { useFocusRing as c } from "react-aria/useFocusRing";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { mergeProps as f } from "react-aria/mergeProps";
 import { useToggleButtonGroupItem as p } from "react-aria/useToggleButtonGroup";
 import { useHover as m } from "react-aria/useHover";
 //#region src/components/selectable-button-group/parts/SelectableButton.tsx
@@ -43,12 +43,12 @@ var h = s({
 	let { buttonProps: v, isPressed: y, isSelected: b } = p({
 		id: r.value,
 		...r
-	}, _, g), { isDisabled: x = !1, isLoading: S = !1, prefixIcon: C, children: w } = r, { hoverProps: T, isHovered: E } = m({ isDisabled: x || S }), { isFocusVisible: D, focusProps: O } = f(), k = i((e) => {
+	}, _, g), { isDisabled: x = !1, isLoading: S = !1, prefixIcon: C, children: w } = r, { hoverProps: T, isHovered: E } = m({ isDisabled: x || S }), { isFocusVisible: D, focusProps: O } = c(), k = i((e) => {
 		g.current = e, typeof s == "function" ? s(e) : s && (s.current = e);
 	}, [s]), { base: A, icon: j, label: M } = h({ hasIcon: !!C && !S });
-	return /* @__PURE__ */ u("button", {
+	return /* @__PURE__ */ d("button", {
 		"data-dd-privacy": "allow",
-		...d(v, T, O),
+		...f(v, T, O),
 		ref: k,
 		className: A({ className: r.className }),
 		disabled: v.disabled || x || S,
@@ -58,19 +58,19 @@ var h = s({
 		"data-focus-visible": D || void 0,
 		"data-selected": b,
 		"aria-busy": S,
-		children: [C && !S && /* @__PURE__ */ l(e, {
+		children: [C && !S && /* @__PURE__ */ u(e, {
 			src: b ? `${C}Filled` : `${C}Outlined`,
 			role: "presentation",
 			className: j(),
 			size: 20
-		}), S ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(t, {
+		}), S ? /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(t, {
 			label: "Loading",
 			size: "small",
 			color: "inherit"
-		}), /* @__PURE__ */ l("span", {
+		}), /* @__PURE__ */ u("span", {
 			className: "uy:sr-only",
 			children: w
-		})] }) : /* @__PURE__ */ l("span", {
+		})] }) : /* @__PURE__ */ u("span", {
 			className: M(),
 			children: w
 		})]

package/dist/esm/index.d.ts

@@ -20,10 +20,14 @@ export * from './components/autocomplete/Autocomplete.js';
 export * from './components/autocomplete/parts/AutocompleteItem.js';
 export * from './components/autocomplete/parts/AutocompleteItemGroup.js';
 export * from './components/avatar/Avatar.js';
+export * from './components/avatar/AvatarWithTooltip.js';
+export * from './components/avatar/InteractiveAvatar.js';
 export * from './components/avatar/parts/AvatarFallback.js';
 export * from './components/avatar/parts/AvatarIcon.js';
 export * from './components/avatar/parts/AvatarImage.js';
 export * from './components/avatar/parts/AvatarPair.js';
+export * from './components/avatar-group/AvatarGroup.js';
+export * from './components/avatar-group/parts/AvatarGroupCount.js';
 export * from './components/avatar/utils.js';
 export * from './components/badge/Badge.js';
 export * from './components/badge/parts/BadgeDot.js';