@payfit/unity-components 2.47.5 → 2.47.7

package/dist/esm/components/avatar/parts/AvatarPair.js

@@ -1,47 +1,49 @@
-import { jsx as s } from "react/jsx-runtime";
-import * as d from "react";
-import { uyTv as l } from "@payfit/unity-themes";
-import * as c from "@radix-ui/react-avatar";
-import { useAvatarContext as y, AvatarProvider as p } from "../Avatar.context.js";
-import { avatarBase as v } from "../Avatar.variants.js";
-const z = l({
-  extend: v,
-  base: "uy:absolute uy:overflow-hidden uy:leading-[0] uy:border uy:border-solid uy:border-content-inverted uy:-bottom-[var(--pair-offset)] uy:-right-[var(--pair-offset)] uy:transition-transform uy:origin-center",
-  variants: {
-    size: {
-      xs: "uy:size-200",
-      sm: "uy:size-300"
-    },
-    isHidden: {
-      true: "uy:scale-0",
-      false: "uy:scale-100"
-    }
-  },
-  defaultVariants: {
-    size: "sm",
-    variant: "circle",
-    isHidden: !1
-  }
-}), x = d.forwardRef(
-  ({ variant: r, isHidden: a, children: i, ...o }, n) => {
-    const { size: f } = y(), e = f === "xl", t = e ? "sm" : "xs", m = e ? 0 : 4, u = z({ variant: r, size: t, isHidden: a });
-    return /* @__PURE__ */ s(p, { variant: r, size: t, hasPair: !0, children: /* @__PURE__ */ s(
-      c.Root,
-      {
-        ref: n,
-        role: "img",
-        className: u,
-        "aria-hidden": a,
-        style: {
-          "--pair-offset": `${m}px`
-        },
-        ...o,
-        children: i
-      }
-    ) });
-  }
-);
-x.displayName = "AvatarPair";
-export {
-  x as AvatarPair
-};
+import { AvatarProvider as e, useAvatarContext as t } from "../Avatar.context.js";
+import { avatarBase as n } from "../Avatar.variants.js";
+import * as r from "react";
+import { uyTv as i } from "@payfit/unity-themes";
+import { jsx as a } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-avatar";
+//#region src/components/avatar/parts/AvatarPair.tsx
+var s = i({
+	extend: n,
+	base: "uy:absolute uy:overflow-hidden uy:leading-[0] uy:border uy:border-solid uy:border-content-inverted uy:-bottom-[var(--pair-offset)] uy:-right-[var(--pair-offset)] uy:transition-transform uy:origin-center",
+	variants: {
+		size: {
+			xs: "uy:size-200",
+			sm: "uy:size-300"
+		},
+		isHidden: {
+			true: "uy:scale-0",
+			false: "uy:scale-100"
+		}
+	},
+	defaultVariants: {
+		size: "sm",
+		variant: "circle",
+		isHidden: !1
+	}
+}), c = r.forwardRef(({ variant: n, isHidden: r, children: i, ...c }, l) => {
+	let { size: u } = t(), d = u === "xl", f = d ? "sm" : "xs", p = d ? 0 : 4, m = s({
+		variant: n,
+		size: f,
+		isHidden: r
+	});
+	return /* @__PURE__ */ a(e, {
+		variant: n,
+		size: f,
+		hasPair: !0,
+		children: /* @__PURE__ */ a(o.Root, {
+			ref: l,
+			role: "img",
+			className: m,
+			"aria-hidden": r,
+			style: { "--pair-offset": `${p}px` },
+			...c,
+			children: i
+		})
+	});
+});
+c.displayName = "AvatarPair";
+//#endregion
+export { c as AvatarPair };

package/dist/esm/components/avatar/utils.js

@@ -1,4 +1,4 @@
-const i = (t) => t ? t.length <= 2 ? t : t.replace(/[^a-z0-9 ]+/gi, "").split(" ").map((r) => r.charAt(0).toUpperCase()).filter((r, e, n) => e === 0 || n.length > 0 && e === n.length - 1).join("") : "";
-export {
-  i as getInitials
-};
+//#region src/components/avatar/utils.ts
+var e = (e) => e ? e.length <= 2 ? e : e.replace(/[^a-z0-9 ]+/gi, "").split(" ").map((e) => e.charAt(0).toUpperCase()).filter((e, t, n) => t === 0 || n.length > 0 && t === n.length - 1).join("") : "";
+//#endregion
+export { e as getInitials };

package/dist/esm/components/badge/Badge.js

@@ -1,95 +1,60 @@
-import { jsxs as g, jsx as o } from "react/jsx-runtime";
-import { forwardRef as p, cloneElement as f, isValidElement as m } from "react";
-import { uyTv as h } from "@payfit/unity-themes";
-import { Slot as x, Slottable as b } from "@radix-ui/react-slot";
-import { Icon as w } from "../icon/Icon.js";
-const v = h({
-  slots: {
-    root: [
-      'uy:inline-flex uy:items-center uy:gap-50 uy:has-data-[unity-component="BadgeDot"]:gap-0',
-      'uy:rounded-75 uy:px-75 uy:py-25 uy:has-data-[unity-component="BadgeDot"]:pl-25',
-      "uy:font-sans uy:typography-body uy:whitespace-nowrap uy:text-center"
-    ],
-    prefix: "uy:inline-flex uy:size-250 uy:shrink-0 uy:items-center uy:justify-center uy:text-inherit"
-  },
-  variants: {
-    variant: {
-      success: {
-        root: "uy:bg-surface-success-low uy:text-content-success-high"
-      },
-      warning: {
-        root: "uy:bg-surface-warning-low uy:text-content-warning-high"
-      },
-      danger: {
-        root: "uy:bg-surface-danger-low uy:text-content-danger-high"
-      },
-      neutral: {
-        root: "uy:bg-surface-neutral-lowest uy:text-content-neutral"
-      },
-      promo: {
-        root: [
-          "uy:theme-legacy:bg-surface-promo-low uy:theme-legacy:text-content-promo-high",
-          "uy:theme-rebrand:bg-surface-decorative-purple-low uy:theme-rebrand:text-content-decorative-purple-high"
-        ]
-      },
-      attention: {
-        root: "uy:bg-surface-danger uy:text-content-inverted"
-      },
-      numeric: {
-        root: "uy:bg-surface-info-low uy:text-content-info-high"
-      },
-      contextual: {
-        root: "uy:bg-surface-neutral uy:border uy:border-solid uy:border-border-neutral uy:text-content-neutral"
-      }
-    }
-  },
-  defaultVariants: {
-    variant: "neutral"
-  }
-}), B = {
-  success: "status",
-  warning: "alert",
-  danger: "alert",
-  neutral: "status",
-  promo: "status",
-  attention: "alert",
-  contextual: "status",
-  numeric: "status"
+import { Icon as e } from "../icon/Icon.js";
+import { cloneElement as t, forwardRef as n, isValidElement as r } from "react";
+import { uyTv as i } from "@payfit/unity-themes";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Slot as s, Slottable as c } from "@radix-ui/react-slot";
+//#region src/components/badge/Badge.tsx
+var l = i({
+	slots: {
+		root: [
+			"uy:inline-flex uy:items-center uy:gap-50 uy:has-data-[unity-component=\"BadgeDot\"]:gap-0",
+			"uy:rounded-75 uy:px-75 uy:py-25 uy:has-data-[unity-component=\"BadgeDot\"]:pl-25",
+			"uy:font-sans uy:typography-body uy:whitespace-nowrap uy:text-center"
+		],
+		prefix: "uy:inline-flex uy:size-250 uy:shrink-0 uy:items-center uy:justify-center uy:text-inherit"
+	},
+	variants: { variant: {
+		success: { root: "uy:bg-surface-success-low uy:text-content-success-high" },
+		warning: { root: "uy:bg-surface-warning-low uy:text-content-warning-high" },
+		danger: { root: "uy:bg-surface-danger-low uy:text-content-danger-high" },
+		neutral: { root: "uy:bg-surface-neutral-lowest uy:text-content-neutral" },
+		promo: { root: ["uy:theme-legacy:bg-surface-promo-low uy:theme-legacy:text-content-promo-high", "uy:theme-rebrand:bg-surface-decorative-purple-low uy:theme-rebrand:text-content-decorative-purple-high"] },
+		attention: { root: "uy:bg-surface-danger uy:text-content-inverted" },
+		numeric: { root: "uy:bg-surface-info-low uy:text-content-info-high" },
+		contextual: { root: "uy:bg-surface-neutral uy:border uy:border-solid uy:border-border-neutral uy:text-content-neutral" }
+	} },
+	defaultVariants: { variant: "neutral" }
+}), u = {
+	success: "status",
+	warning: "alert",
+	danger: "alert",
+	neutral: "status",
+	promo: "status",
+	attention: "alert",
+	contextual: "status",
+	numeric: "status"
 };
-function j(t) {
-  return m(t) && t.type === w;
+function d(t) {
+	return r(t) && t.type === e;
 }
-function D(t, e) {
-  return !j(t) || e === "contextual" ? t : f(t, { color: "inherit" });
+function f(e, n) {
+	return !d(e) || n === "contextual" ? e : t(e, { color: "inherit" });
 }
-const E = p(
-  ({
-    className: t,
-    variant: e = "neutral",
-    role: a,
-    asChild: u = !1,
-    prefix: s,
-    children: c,
-    ...i
-  }, l) => {
-    const y = a ?? B[e] ?? "status", d = u ? x : "span", r = D(s, e), n = v({ variant: e });
-    return /* @__PURE__ */ g(
-      d,
-      {
-        "data-dd-privacy": "allow",
-        ref: l,
-        className: n.root({ className: t }),
-        role: y,
-        ...i,
-        children: [
-          r ? /* @__PURE__ */ o("span", { className: n.prefix(), "data-unity-slot": "badge-prefix", children: r }) : null,
-          /* @__PURE__ */ o(b, { children: c })
-        ]
-      }
-    );
-  }
-);
-E.displayName = "Badge";
-export {
-  E as Badge
-};
+var p = n(({ className: e, variant: t = "neutral", role: n, asChild: r = !1, prefix: i, children: d, ...p }, m) => {
+	let h = n ?? u[t] ?? "status", g = r ? s : "span", _ = f(i, t), v = l({ variant: t });
+	return /* @__PURE__ */ o(g, {
+		"data-dd-privacy": "allow",
+		ref: m,
+		className: v.root({ className: e }),
+		role: h,
+		...p,
+		children: [_ ? /* @__PURE__ */ a("span", {
+			className: v.prefix(),
+			"data-unity-slot": "badge-prefix",
+			children: _
+		}) : null, /* @__PURE__ */ a(c, { children: d })]
+	});
+});
+p.displayName = "Badge";
+//#endregion
+export { p as Badge };

package/dist/esm/components/badge/parts/BadgeDot.js

@@ -1,84 +1,43 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { uyTv as c } from "@payfit/unity-themes";
-const n = c({
-  slots: {
-    root: "uy:inline-flex uy:shrink-0 uy:items-center uy:justify-center",
-    dot: "uy:size-125 uy:rounded-full"
-  },
-  variants: {
-    color: {
-      primary: {
-        dot: "uy:bg-surface-primary"
-      },
-      "primary.low": {
-        dot: "uy:bg-surface-primary-low"
-      },
-      "neutral.lowest": {
-        dot: "uy:bg-surface-neutral-low"
-      },
-      "neutral.highest": {
-        dot: "uy:bg-surface-neutral-highest"
-      },
-      danger: {
-        dot: "uy:bg-surface-danger"
-      },
-      "danger.low": {
-        dot: "uy:bg-surface-danger-low"
-      },
-      warning: {
-        dot: "uy:bg-surface-warning"
-      },
-      "warning.low": {
-        dot: "uy:bg-surface-warning-low"
-      },
-      success: {
-        dot: "uy:bg-surface-success"
-      },
-      "success.low": {
-        dot: "uy:bg-surface-success-low"
-      },
-      info: {
-        dot: "uy:bg-surface-info"
-      },
-      "info.low": {
-        dot: "uy:bg-surface-info-low"
-      },
-      "decorative-teal": {
-        dot: "uy:bg-surface-decorative-teal"
-      },
-      "decorative-purple": {
-        dot: "uy:bg-surface-decorative-purple"
-      },
-      "decorative-plum": {
-        dot: "uy:bg-surface-decorative-plum"
-      },
-      "decorative-orange": {
-        dot: "uy:bg-surface-decorative-orange"
-      }
-    }
-  },
-  defaultVariants: {
-    color: "decorative-teal"
-  }
-}), i = d(
-  ({ color: r, className: o, ...a }, t) => {
-    const { root: u, dot: s } = n({ color: r });
-    return /* @__PURE__ */ e(
-      "span",
-      {
-        ...a,
-        "aria-hidden": "true",
-        className: u({ className: o }),
-        "data-dd-privacy": "allow",
-        "data-unity-component": "BadgeDot",
-        ref: t,
-        children: /* @__PURE__ */ e("span", { className: s() })
-      }
-    );
-  }
-);
+import { forwardRef as e } from "react";
+import { uyTv as t } from "@payfit/unity-themes";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/badge/parts/BadgeDot.tsx
+var r = t({
+	slots: {
+		root: "uy:inline-flex uy:shrink-0 uy:items-center uy:justify-center",
+		dot: "uy:size-125 uy:rounded-full"
+	},
+	variants: { color: {
+		primary: { dot: "uy:bg-surface-primary" },
+		"primary.low": { dot: "uy:bg-surface-primary-low" },
+		"neutral.lowest": { dot: "uy:bg-surface-neutral-low" },
+		"neutral.highest": { dot: "uy:bg-surface-neutral-highest" },
+		danger: { dot: "uy:bg-surface-danger" },
+		"danger.low": { dot: "uy:bg-surface-danger-low" },
+		warning: { dot: "uy:bg-surface-warning" },
+		"warning.low": { dot: "uy:bg-surface-warning-low" },
+		success: { dot: "uy:bg-surface-success" },
+		"success.low": { dot: "uy:bg-surface-success-low" },
+		info: { dot: "uy:bg-surface-info" },
+		"info.low": { dot: "uy:bg-surface-info-low" },
+		"decorative-teal": { dot: "uy:bg-surface-decorative-teal" },
+		"decorative-purple": { dot: "uy:bg-surface-decorative-purple" },
+		"decorative-plum": { dot: "uy:bg-surface-decorative-plum" },
+		"decorative-orange": { dot: "uy:bg-surface-decorative-orange" }
+	} },
+	defaultVariants: { color: "decorative-teal" }
+}), i = e(({ color: e, className: t, ...i }, a) => {
+	let { root: o, dot: s } = r({ color: e });
+	return /* @__PURE__ */ n("span", {
+		...i,
+		"aria-hidden": "true",
+		className: o({ className: t }),
+		"data-dd-privacy": "allow",
+		"data-unity-component": "BadgeDot",
+		ref: a,
+		children: /* @__PURE__ */ n("span", { className: s() })
+	});
+});
 i.displayName = "BadgeDot";
-export {
-  i as BadgeDot
-};
+//#endregion
+export { i as BadgeDot };

package/dist/esm/components/bottom-sheet/BottomSheet.js

@@ -1,69 +1,48 @@
-import { jsx as t, jsxs as f } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { uyTv as c } from "@payfit/unity-themes";
-import { Dialog as h } from "react-aria-components/Dialog";
-import { ModalOverlay as p, Modal as x } from "react-aria-components/Modal";
-import { BottomSheetDragIndicator as w } from "./parts/BottomSheetDragIndicator.js";
-const g = c({
-  slots: {
-    overlay: [
-      "uy:fixed uy:inset-0 uy:z-30 uy:overflow-y-auto",
-      "uy:backdrop-blur-sm uy:bg-utility-backdrop/65",
-      "uy:data-[entering]:animate-fade-in uy:data-[exiting]:animate-fade-out"
-    ],
-    wrapper: [
-      "uy:w-full uy:md:max-w-[50svw]",
-      "uy:fixed uy:bottom-0 uy:left-0 uy:right-0 uy:md:left-0 uy:md:right-0 uy:md:mx-auto uy:z-[100]",
-      "uy:bg-surface-neutral uy:rounded-t-200",
-      "uy:shadow-flying",
-      "uy:flex uy:flex-col uy:max-h-[95svh]",
-      "uy:overflow-hidden",
-      "uy:data-[entering]:animate-slide-up-fade-in uy:data-[exiting]:animate-slide-down-fade-out"
-    ],
-    content: [
-      "uy:flex uy:flex-col uy:h-full uy:min-h-[40svh] uy:overflow-hidden uy:outline-none"
-    ]
-  }
-}), v = s(
-  ({
-    children: e,
-    isOpen: o,
-    onOpenChange: a,
-    defaultOpen: u,
-    isDismissable: r = !0,
-    isKeyboardDismissDisabled: y = !1,
-    ...i
-  }, l) => {
-    const { overlay: d, wrapper: m, content: n } = g();
-    return /* @__PURE__ */ t(
-      p,
-      {
-        className: d(),
-        isOpen: o,
-        onOpenChange: a,
-        defaultOpen: u,
-        isDismissable: r,
-        isKeyboardDismissDisabled: y,
-        children: /* @__PURE__ */ f(
-          x,
-          {
-            "data-dd-privacy": "allow",
-            ...i,
-            ref: l,
-            className: m(),
-            "data-unity-bottom-sheet": !0,
-            children: [
-              /* @__PURE__ */ t(w, {}),
-              /* @__PURE__ */ t(h, { className: n(), children: e })
-            ]
-          }
-        )
-      }
-    );
-  }
-);
-v.displayName = "BottomSheet";
-export {
-  v as BottomSheet,
-  g as bottomSheet
-};
+import { BottomSheetDragIndicator as e } from "./parts/BottomSheetDragIndicator.js";
+import { forwardRef as t } from "react";
+import { uyTv as n } from "@payfit/unity-themes";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Dialog as a } from "react-aria-components/Dialog";
+import { Modal as o, ModalOverlay as s } from "react-aria-components/Modal";
+//#region src/components/bottom-sheet/BottomSheet.tsx
+var c = n({ slots: {
+	overlay: [
+		"uy:fixed uy:inset-0 uy:z-30 uy:overflow-y-auto",
+		"uy:backdrop-blur-sm uy:bg-utility-backdrop/65",
+		"uy:data-[entering]:animate-fade-in uy:data-[exiting]:animate-fade-out"
+	],
+	wrapper: [
+		"uy:w-full uy:md:max-w-[50svw]",
+		"uy:fixed uy:bottom-0 uy:left-0 uy:right-0 uy:md:left-0 uy:md:right-0 uy:md:mx-auto uy:z-[100]",
+		"uy:bg-surface-neutral uy:rounded-t-200",
+		"uy:shadow-flying",
+		"uy:flex uy:flex-col uy:max-h-[95svh]",
+		"uy:overflow-hidden",
+		"uy:data-[entering]:animate-slide-up-fade-in uy:data-[exiting]:animate-slide-down-fade-out"
+	],
+	content: ["uy:flex uy:flex-col uy:h-full uy:min-h-[40svh] uy:overflow-hidden uy:outline-none"]
+} }), l = t(({ children: t, isOpen: n, onOpenChange: l, defaultOpen: u, isDismissable: d = !0, isKeyboardDismissDisabled: f = !1, ...p }, m) => {
+	let { overlay: h, wrapper: g, content: _ } = c();
+	return /* @__PURE__ */ r(s, {
+		className: h(),
+		isOpen: n,
+		onOpenChange: l,
+		defaultOpen: u,
+		isDismissable: d,
+		isKeyboardDismissDisabled: f,
+		children: /* @__PURE__ */ i(o, {
+			"data-dd-privacy": "allow",
+			...p,
+			ref: m,
+			className: g(),
+			"data-unity-bottom-sheet": !0,
+			children: [/* @__PURE__ */ r(e, {}), /* @__PURE__ */ r(a, {
+				className: _(),
+				children: t
+			})]
+		})
+	});
+});
+l.displayName = "BottomSheet";
+//#endregion
+export { l as BottomSheet, c as bottomSheet };

package/dist/esm/components/bottom-sheet/parts/BottomSheetContent.js

@@ -1,26 +1,26 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as y } from "react";
-import { uyTv as n } from "@payfit/unity-themes";
-const s = n({
-  slots: {
-    base: [
-      "uy:bg-surface-neutral uy:typography-body uy:text-content-neutral",
-      "uy:flex uy:flex-col uy:flex-1 uy:min-h-0 uy:overflow-hidden",
-      "uy:w-full"
-    ],
-    scroller: [
-      "uy:flex-1 uy:overflow-y-auto uy:overflow-x-hidden uy:p-300",
-      "uy:h-full uy:min-h-0"
-    ]
-  }
-}), f = y(
-  ({ children: o, ...t }, l) => {
-    const { base: r, scroller: u } = s();
-    return /* @__PURE__ */ e("section", { ref: l, className: r(), ...t, children: /* @__PURE__ */ e("div", { className: u(), children: o }) });
-  }
-);
-f.displayName = "BottomSheetContent";
-export {
-  f as BottomSheetContent,
-  s as bottomSheetContent
-};
+import { forwardRef as e } from "react";
+import { uyTv as t } from "@payfit/unity-themes";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/bottom-sheet/parts/BottomSheetContent.tsx
+var r = t({ slots: {
+	base: [
+		"uy:bg-surface-neutral uy:typography-body uy:text-content-neutral",
+		"uy:flex uy:flex-col uy:flex-1 uy:min-h-0 uy:overflow-hidden",
+		"uy:w-full"
+	],
+	scroller: ["uy:flex-1 uy:overflow-y-auto uy:overflow-x-hidden uy:p-300", "uy:h-full uy:min-h-0"]
+} }), i = e(({ children: e, ...t }, i) => {
+	let { base: a, scroller: o } = r();
+	return /* @__PURE__ */ n("section", {
+		ref: i,
+		className: a(),
+		...t,
+		children: /* @__PURE__ */ n("div", {
+			className: o(),
+			children: e
+		})
+	});
+});
+i.displayName = "BottomSheetContent";
+//#endregion
+export { i as BottomSheetContent, r as bottomSheetContent };