@payfit/unity-components 3.1.13 → 3.1.15

package/dist/esm/components/breadcrumbs/Breadcrumbs.js

@@ -1,127 +0,0 @@
-import { useBreakpointListener as e } from "../../hooks/use-breakpoint-listener.js";
-import { Icon as t } from "../icon/Icon.js";
-import { Menu as n } from "../menu/Menu.js";
-import { MenuContent as r } from "../menu/parts/MenuContent.js";
-import { MenuTrigger as i } from "../menu/parts/MenuTrigger.js";
-import { RawMenuItem as a } from "../menu/parts/RawMenuItem.js";
-import { BreadcrumbsProvider as o } from "./Breadcrumbs.context.js";
-import { breadcrumbsVariant as s } from "./Breadcrumbs.variant.js";
-import { Children as c, cloneElement as l, forwardRef as u, isValidElement as d } from "react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { useIntl as h } from "react-intl";
-import { Button as g } from "react-aria-components/Button";
-import { Breadcrumb as _, Breadcrumbs as v } from "react-aria-components/Breadcrumbs";
-//#region src/components/breadcrumbs/Breadcrumbs.tsx
-var y = /* @__PURE__ */ new Set([
-	"href",
-	"target",
-	"rel",
-	"download",
-	"isDisabled",
-	"onClick",
-	"onPress",
-	"onPressStart",
-	"onPressEnd",
-	"onPressChange",
-	"onPressUp",
-	"onFocus",
-	"onBlur",
-	"onKeyDown",
-	"onKeyUp",
-	"onHoverStart",
-	"onHoverChange",
-	"onHoverEnd",
-	"id"
-]), b = (e) => {
-	let t = {};
-	if (!d(e)) return {
-		menuItemProps: t,
-		originalOnAction: void 0
-	};
-	let n = e.props;
-	for (let [e, r] of Object.entries(n)) e !== "children" && e !== "onAction" && (y.has(e) || e.startsWith("aria-") || e.startsWith("data-")) && (t[e] = r);
-	return {
-		menuItemProps: t,
-		originalOnAction: typeof n.onAction == "function" ? n.onAction : void 0
-	};
-}, x = (e, t) => "id" in e && e.id && typeof e.id == "string" ? e.id : `${e.label}-${t}`, S = (e, t) => e ? e.map((e, n) => {
-	if (typeof t != "function") return null;
-	let r = t(e), i = x(e, n);
-	return d(r) ? l(r, { key: i }) : null;
-}).filter((e) => e !== null) : typeof t == "function" ? [] : c.toArray(t).filter(d), C = (e, t) => e.slice(1, -1).map((e, n) => {
-	let r = e.props.children, { menuItemProps: i, originalOnAction: a } = b(r), o = e.props.id ?? e.key;
-	return {
-		key: typeof o == "string" || typeof o == "number" ? o : `collapsed-breadcrumb-${n}`,
-		label: d(r) && typeof r.props.children == "string" ? r.props.children : t(n + 2),
-		menuItemProps: i,
-		originalOnAction: a
-	};
-});
-function w({ menuItems: e, onAction: o, breadcrumbClassName: s, triggerAriaLabel: c }) {
-	return /* @__PURE__ */ m(_, {
-		className: s,
-		children: [/* @__PURE__ */ m(n, {
-			placement: "bottom start",
-			children: [/* @__PURE__ */ p(i, {
-				asChild: !0,
-				children: /* @__PURE__ */ p(g, {
-					"aria-label": c,
-					className: "uy:flex uy:h-300 uy:w-300 uy:cursor-pointer uy:items-center uy:justify-center uy:rounded-75 uy:text-content-neutral-enabled uy:hover:bg-surface-neutral-hover uy:hover:text-content-neutral-hover uy:active:bg-surface-neutral-active uy:active:text-content-neutral-active uy:data-[pressed=true]:bg-surface-neutral-pressed uy:data-[pressed=true]:text-content-neutral-pressed uy:focus-visible:outline-none uy:focus-visible:ring-2 uy:focus-visible:ring-offset-2 uy:focus-visible:ring-utility-focus-ring",
-					children: /* @__PURE__ */ p(t, {
-						src: "DotsThreeOutlined",
-						"aria-hidden": "true",
-						color: "inherit",
-						size: 20
-					})
-				})
-			}), /* @__PURE__ */ p(r, {
-				width: 248,
-				children: e.map((e) => /* @__PURE__ */ p(a, {
-					...e.menuItemProps,
-					onAction: () => {
-						e.originalOnAction?.(), o?.(e.key);
-					},
-					children: e.label
-				}, e.key))
-			})]
-		}), /* @__PURE__ */ p(t, {
-			src: "CaretRightOutlined",
-			"aria-hidden": "true",
-			color: "content.neutral.lowest"
-		})]
-	});
-}
-function T({ items: t, children: n, wrap: r = "nowrap", type: i = "non-collapsed", ...a }, c) {
-	let u = e(), d = h(), g = u === "xs" || u === "sm", _ = i === "collapsed", y = _ ? "nowrap" : r, { base: b, breadcrumb: x } = s({ wrap: y }), T = t === void 0, E = S(t, n), D = _ && E.length > 2, O = Math.max(E.length - 2, 0), k = d.formatMessage({
-		id: "unity:component:breadcrumbs:collapsed:trigger:label",
-		defaultMessage: "Show {count} more breadcrumbs"
-	}, { count: O }), A = D ? C(E, (e) => d.formatMessage({
-		id: "unity:component:breadcrumbs:collapsed:item:fallback",
-		defaultMessage: "Level {level}"
-	}, { level: e })) : [], j = E.at(0), M = E.at(-1), N = D ? /* @__PURE__ */ m(f, { children: [
-		j,
-		/* @__PURE__ */ p(w, {
-			menuItems: A,
-			onAction: a.onAction,
-			breadcrumbClassName: x(),
-			triggerAriaLabel: k
-		}),
-		M
-	] }) : E.map((e, t) => l(e, { key: `visible-${String(e.key ?? t)}` }));
-	return /* @__PURE__ */ p(o, {
-		wrap: y,
-		isMobile: g,
-		isStaticApi: T,
-		children: /* @__PURE__ */ p(v, {
-			"data-dd-privacy": "allow",
-			ref: c,
-			className: b(),
-			...a,
-			children: N
-		})
-	});
-}
-var E = u(T);
-E.displayName = "Breadcrumbs";
-//#endregion
-export { E as Breadcrumbs };

package/dist/esm/components/breadcrumbs/Breadcrumbs.variant.js

@@ -1,14 +0,0 @@
-import { uyTv as e } from "@payfit/unity-themes";
-//#region src/components/breadcrumbs/Breadcrumbs.variant.ts
-var t = e({
-	slots: {
-		base: "uy:flex uy:gap-50 uy:list-none uy:text-content-neutral-enabled uy:typography-action-large uy:sm:typography-action",
-		breadcrumb: "uy:flex uy:gap-50 uy:items-center uy:leading-[1.5] uy:sm:leading-[1.75]"
-	},
-	variants: { wrap: {
-		wrap: { base: "uy:flex-wrap" },
-		nowrap: { base: "" }
-	} }
-});
-//#endregion
-export { t as breadcrumbsVariant };

package/dist/esm/components/breadcrumbs/parts/Breadcrumb.js

@@ -1,36 +0,0 @@
-import { Icon as e } from "../../icon/Icon.js";
-import { useBreadcrumbsContext as t } from "../Breadcrumbs.context.js";
-import { breadcrumbsVariant as n } from "../Breadcrumbs.variant.js";
-import { forwardRef as r } from "react";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Breadcrumb as s } from "react-aria-components/Breadcrumbs";
-//#region src/components/breadcrumbs/parts/Breadcrumb.tsx
-var c = 280;
-function l({ content: e }) {
-	return /* @__PURE__ */ a("span", {
-		title: typeof e == "string" ? e : void 0,
-		className: "uy:text-nowrap uy:text-content-neutral-lowest uy:truncate",
-		style: { maxWidth: `${c}px` },
-		"aria-current": "page",
-		children: e
-	});
-}
-var u = r(({ children: r, ...c }, u) => {
-	let { wrap: d } = t(), { breadcrumb: f } = n({ wrap: d });
-	return /* @__PURE__ */ a(s, {
-		ref: u,
-		...c,
-		className: f(),
-		children: ({ isCurrent: t }) => {
-			let n = r.props.children;
-			return t ? /* @__PURE__ */ a(l, { content: n }) : /* @__PURE__ */ o(i, { children: [r, /* @__PURE__ */ a(e, {
-				src: "CaretRightOutlined",
-				"aria-hidden": "true",
-				color: "content.neutral.lowest"
-			})] });
-		}
-	});
-});
-u.displayName = "Breadcrumb";
-//#endregion
-export { u as Breadcrumb };

package/dist/esm/components/breadcrumbs/parts/RawBreadcrumbLink.js

@@ -1,53 +0,0 @@
-import { Tooltip as e } from "../../tooltip/Tooltip.js";
-import { RawLink as t } from "../../link/RawLink.js";
-import { forwardRef as n, useCallback as r, useEffect as i, useLayoutEffect as a, useRef as o, useState as s } from "react";
-import { jsx as c } from "react/jsx-runtime";
-//#region src/components/breadcrumbs/parts/RawBreadcrumbLink.tsx
-var l = 180, u = n(({ children: n, href: l, ...u }, d) => {
-	let f = typeof n == "string" ? n : "", [p, m] = s(!1), h = o(null), g = r(() => {
-		let e = h.current;
-		if (!e || !f) {
-			m(!1);
-			return;
-		}
-		m(e.scrollWidth > e.clientWidth);
-	}, [f]), _ = r((e) => {
-		h.current = e, typeof d == "function" ? d(e) : d && (d.current = e);
-	}, [d]);
-	a(() => {
-		g();
-	}, [g, n]), i(() => {
-		let e = h.current;
-		if (!e || typeof ResizeObserver > "u") return;
-		let t = new ResizeObserver(g);
-		return t.observe(e), () => {
-			t.disconnect();
-		};
-	}, [g]), i(() => {
-		if (!(typeof window > "u")) return window.addEventListener("resize", g), () => {
-			window.removeEventListener("resize", g);
-		};
-	}, [g]), i(() => {
-		if (!("fonts" in document)) return;
-		let e = document.fonts;
-		return e.addEventListener("loadingdone", g), () => {
-			e.removeEventListener("loadingdone", g);
-		};
-	}, [g]);
-	let v = /* @__PURE__ */ c(t, {
-		isExact: !0,
-		href: l,
-		color: "inherit",
-		maxWidthTruncation: 180,
-		ref: _,
-		...u,
-		children: n
-	});
-	return p && f ? /* @__PURE__ */ c(e, {
-		title: f,
-		children: v
-	}) : v;
-});
-u.displayName = "BreadcrumbLink";
-//#endregion
-export { l as BREADCRUMB_ITEM_MAX_WIDTH, u as RawBreadcrumbLink };

package/dist/esm/components/button/Button.js

@@ -1,87 +0,0 @@
-import { Icon as e } from "../icon/Icon.js";
-import { Spinner as t } from "../spinner/Spinner.js";
-import { buttonFilled as n, buttonGhost as r, buttonOutlined as i } from "./Button.variants.js";
-import { forwardRef as a, useMemo as o } from "react";
-import { cn as s, uyMerge as c } from "@payfit/unity-themes";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { Button as d } from "react-aria-components/Button";
-//#region src/components/button/Button.tsx
-var f = (n, r) => n ? /* @__PURE__ */ l(t, {
-	size: "small",
-	color: "inherit",
-	label: "Loading..."
-}) : r ? /* @__PURE__ */ l(e, {
-	src: r,
-	size: 20,
-	color: "inherit",
-	role: "presentation",
-	"data-unity-icon": "prefix"
-}) : null, p = a(({ variant: t, children: a, color: p = "primary", size: m = "default", isDisabled: h = !1, isLoading: g = !1, prefixIcon: _, suffixIcon: v, truncateLabelLength: y, mode: b = "default", ...x }, S) => {
-	let C = o(() => {
-		let e = {
-			size: m,
-			isDisabled: h,
-			isLoading: g,
-			mode: b
-		};
-		switch (t) {
-			case "primary": return c(n({
-				...e,
-				color: p
-			}));
-			case "secondary": {
-				let t = p === "inverted" ? "inverted.low" : "neutral";
-				return c(n({
-					...e,
-					color: t
-				}));
-			}
-			case "ghost": return c(r({
-				...e,
-				color: p
-			}));
-			case "outlined": return c(i({
-				...e,
-				color: p
-			}));
-		}
-	}, [
-		t,
-		p,
-		m,
-		h,
-		g,
-		b
-	]), w = { ...g && { "data-loading": g } }, T = h || g, E = g || !!_ || !!v;
-	return /* @__PURE__ */ l(d, {
-		"data-dd-privacy": "allow",
-		...x,
-		ref: S,
-		isDisabled: T,
-		"aria-disabled": T ? !0 : void 0,
-		isPending: g,
-		className: C,
-		...w,
-		children: /* @__PURE__ */ u("span", {
-			className: s("uy:inline-flex uy:items-center", E && "uy:gap-50"),
-			children: [
-				f(g, _),
-				y && y > 0 ? /* @__PURE__ */ l("span", {
-					style: { "--uy-button-label-truncation-length": `${y}ch` },
-					className: "uy:truncate uy:min-w-0 uy:w-(--uy-button-label-truncation-length)",
-					children: a
-				}) : a,
-				v && /* @__PURE__ */ l(e, {
-					src: v,
-					size: 20,
-					color: "inherit",
-					role: "presentation",
-					"data-unity-icon": "suffix"
-				})
-			]
-		})
-	});
-});
-p.displayName = "Button";
-//#endregion
-export { p as Button };

package/dist/esm/components/button/Button.variants.js

@@ -1,185 +0,0 @@
-import { uyTv as e } from "@payfit/unity-themes";
-//#region src/components/button/Button.variants.ts
-var t = e({
-	base: [
-		"uy:group",
-		"uy:cursor-pointer uy:rounded-100 uy:sm:rounded-75 uy:inline-flex uy:items-center uy:justify-center uy:whitespace-nowrap uy:typography-action uy:transition-colors",
-		"uy:enabled:data-[focus-visible=\"true\"]:outline-2 uy:enabled:data-[focus-visible=\"true\"]:outline-solid uy:enabled:data-[focus-visible=\"true\"]:outline-offset-2 uy:enabled:data-[focus-visible=\"true\"]:outline-utility-focus-ring"
-	],
-	variants: {
-		isDisabled: {
-			true: "uy:disabled:cursor-not-allowed",
-			false: ""
-		},
-		isLoading: {
-			true: "uy:data-[loading]:cursor-progress uy:data-[loading]:text-content-neutral-disabled",
-			false: ""
-		},
-		size: {
-			default: "uy:w-auto uy:grow-0 uy:basis-auto",
-			full: "uy:grow-1 uy:w-full uy:basis-full"
-		},
-		mode: {
-			default: [
-				"uy:py-125 uy:sm:py-100 uy:sm:h-500 uy:px-200",
-				"uy:has-data-[unity-icon=\"prefix\"]:pl-100 uy:has-data-[unity-icon=\"prefix\"]:pr-200",
-				"uy:has-data-[unity-icon=\"suffix\"]:pl-200 uy:has-data-[unity-icon=\"suffix\"]:pr-100",
-				"uy:has-data-[unity-icon=\"prefix\"]:has-data-[unity-icon=\"suffix\"]:px-100"
-			],
-			compact: [
-				"uy:h-400 uy:py-50 uy:px-125",
-				"uy:has-data-[unity-icon=\"prefix\"]:pl-50 uy:has-data-[unity-icon=\"prefix\"]:pr-125",
-				"uy:has-data-[unity-icon=\"suffix\"]:pl-125 uy:has-data-[unity-icon=\"suffix\"]:pr-50",
-				"uy:has-data-[unity-icon=\"prefix\"]:has-data-[unity-icon=\"suffix\"]:px-50"
-			]
-		}
-	},
-	defaultVariants: {
-		isDisabled: !1,
-		isLoading: !1,
-		size: "default",
-		mode: "default"
-	}
-}), n = e({
-	extend: t,
-	variants: {
-		color: {
-			primary: [
-				"uy:bg-surface-neutral-highest-enabled uy:text-content-inverted-enabled",
-				" uy:enabled:data-[hovered=\"true\"]:bg-surface-neutral-highest-hover uy:enabled:data-[hovered=\"true\"]:text-content-inverted-hover",
-				"uy:enabled:active:bg-surface-neutral-highest-active uy:enabled:active:text-content-inverted-hover",
-				" uy:enabled:data-[pressed=\"true\"]:bg-surface-neutral-highest-pressed uy:enabled:data-[pressed=\"true\"]:text-content-inverted-pressed"
-			],
-			warning: [
-				"uy:bg-surface-warning-enabled uy:text-content-neutral-enabled",
-				"uy:enabled:data-[hovered=\"true\"]:bg-surface-warning-hover uy:enabled:data-[hovered=\"true\"]:text-content-neutral-hover",
-				"uy:enabled:active:bg-surface-warning-active uy:enabled:active:text-content-neutral-active",
-				"uy:enabled:data-[pressed=\"true\"]:bg-surface-warning-pressed uy:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed"
-			],
-			danger: [
-				"uy:bg-surface-danger-enabled  uy:text-content-inverted",
-				"uy:enabled:data-[hovered=\"true\"]:bg-surface-danger-hover",
-				"uy:enabled:active:bg-surface-danger-active ",
-				"uy:enabled:data-[pressed=\"true\"]:bg-surface-danger-pressed"
-			],
-			neutral: [
-				"uy:bg-surface-neutral-low-enabled uy:text-content-neutral-enabled",
-				"uy:enabled:data-[hovered=\"true\"]:bg-surface-neutral-low-hover uy:enabled:data-[hovered=\"true\"]:text-content-neutral-hover",
-				"uy:enabled:active:bg-surface-neutral-low-active uy:enabled:active:text-content-neutral-active",
-				"uy:enabled:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed"
-			],
-			inverted: [
-				"uy:bg-surface-neutral-enabled uy:text-content-neutral-enabled",
-				"uy:enabled:data-[hovered=\"true\"]:bg-surface-neutral-hover uy:enabled:data-[hovered=\"true\"]:text-content-neutral-hover",
-				"uy:enabled:active:bg-surface-neutral-active uy:enabled:active:text-content-neutral-active",
-				"uy:enabled:data-[pressed=\"true\"]:bg-surface-neutral-active uy:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed",
-				"uy:enabled:data-[focus-visible]:outline-utility-inverted-focus-ring uy:enabled:data-[focus-visible]:text-content-neutral-focus uy:enabled:data-[focus-visible]:bg-surface-neutral-focus"
-			],
-			"inverted.low": [
-				"uy:bg-surface-inverted-low-enabled uy:text-content-inverted-enabled",
-				"uy:enabled:data-[hovered=\"true\"]:bg-surface-inverted-low-hover uy:enabled:data-[hovered=\"true\"]:text-content-inverted-hover",
-				"uy:enabled:active:bg-surface-inverted-low-active uy:enabled:active:text-content-inverted-active",
-				"uy:enabled:data-[pressed=\"true\"]:bg-surface-inverted-low-pressed uy:enabled:data-[pressed=\"true\"]:text-content-inverted-pressed",
-				"uy:enabled:data-[focus-visible=\"true\"]:outline-utility-inverted-focus-ring uy:enabled:data-[focus-visible=\"true\"]:text-content-inverted-focus uy:enabled:data-[focus-visible=\"true\"]:bg-surface-inverted-low-focus"
-			]
-		},
-		isDisabled: {
-			true: "uy:disabled:bg-surface-neutral-disabled uy:disabled:text-content-neutral-disabled",
-			false: ""
-		},
-		isLoading: {
-			true: "uy:data-[loading]:bg-surface-neutral-disabled uy:data-[loading]:text-content-neutral-disabled",
-			false: ""
-		}
-	}
-}), r = e({
-	extend: t,
-	base: "uy:border uy:border-solid uy:bg-transparent",
-	variants: {
-		color: {
-			primary: [
-				"uy:text-content-neutral-enabled uy:border-border-neutral-high-enabled",
-				"uy:enabled:data-[hovered=\"true\"]:text-content-neutral-hover uy:enabled:data-[hovered=\"true\"]:border-border-neutral-high-hover",
-				"uy:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed uy:enabled:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:enabled:data-[pressed=\"true\"]:border-surface-neutral-low-pressed",
-				"uy:enabled:data-[focus-visible=\"true\"]:border-border-neutral-high-focus uy:enabled:data-[focus-visible=\"true\"]:text-content-neutral-focus"
-			],
-			inverted: [
-				"uy:text-content-inverted-enabled uy:border-border-inverted-enabled",
-				"uy:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed uy:enabled:data-[pressed=\"true\"]:bg-surface-neutral-low-pressed uy:enabled:data-[pressed=\"true\"]:border-surface-neutral-low-pressed",
-				"uy:enabled:data-[focus-visible]:outline-utility-inverted-focus-ring"
-			]
-		},
-		isDisabled: {
-			true: "uy:disabled:text-content-neutral-disabled uy:disabled:border-border-neutral-disabled uy:data-[disabled]:border-border-neutral-disabled",
-			false: ""
-		},
-		isLoading: { true: "uy:data-[loading]:text-content-neutral-disabled uy:data-[loading]:border-border-neutral-disabled" }
-	}
-}), i = e({
-	extend: t,
-	variants: {
-		color: {
-			primary: [
-				"uy:bg-transparent  uy:text-content-neutral-enabled",
-				" uy:enabled:data-[hovered=\"true\"]:bg-surface-neutral-hover  uy:enabled:data-[hovered=\"true\"]:text-content-neutral-hover",
-				"uy:enabled:active:bg-surface-neutral-active  uy:enabled:active:text-content-neutral-active",
-				" uy:enabled:data-[pressed=\"true\"]:bg-surface-neutral-pressed  uy:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed",
-				"uy:enabled:data-[focus-visible]:bg-transparent uy:enabled:data-[focus-visible]:text-content-neutral-focus"
-			],
-			warning: [
-				"uy:bg-transparent uy:text-content-warning-enabled",
-				"uy:enabled:data-[hovered=\"true\"]:bg-surface-warning-lowest-hover uy:enabled:data-[hovered=\"true\"]:text-content-warning-hover",
-				"uy:enabled:active:bg-surface-warning-lowest-active uy:enabled:active:text-content-warning-active",
-				"uy:enabled:data-[pressed=\"true\"]:bg-surface-warning-lowest-pressed uy:enabled:data-[pressed=\"true\"]:text-content-warning-pressed",
-				"uy:enabled:data-[focus-visible]:bg-transparent"
-			],
-			danger: [
-				"uy:bg-transparent uy:text-content-danger-enabled",
-				"uy:enabled:data-[hovered=\"true\"]:bg-surface-danger-lowest-hover uy:enabled:data-[hovered=\"true\"]:text-content-danger-hover",
-				"uy:enabled:active:bg-surface-danger-lowest-active uy:enabled:active:text-content-danger-active",
-				"uy:enabled:data-[pressed=\"true\"]:bg-surface-danger-lowest-pressed uy:enabled:data-[pressed=\"true\"]:text-content-danger-pressed",
-				"uy:enabled:data-[focus-visible]:bg-transparent"
-			],
-			neutral: [
-				"uy:bg-transparent uy:text-content-neutral-enabled",
-				"uy:enabled:data-[hovered=\"true\"]:bg-surface-neutral-hover uy:enabled:data-[hovered=\"true\"]:text-content-neutral-hover",
-				"uy:enabled:active:bg-surface-neutral-active uy:enabled:active:text-content-neutral-active",
-				"uy:enabled:data-[pressed=\"true\"]:bg-surface-neutral-pressed uy:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed",
-				"uy:enabled:data-[focus-visible]:bg-transparent"
-			],
-			"neutral.lowest": [
-				"uy:bg-transparent uy:text-content-neutral-enabled",
-				"uy:enabled:data-[hovered=\"true\"]:bg-surface-neutral-lowest-hover uy:enabled:data-[hovered=\"true\"]:text-content-neutral-hover",
-				"uy:enabled:active:bg-surface-neutral-lowest-active uy:enabled:active:text-content-neutral-active",
-				"uy:enabled:data-[pressed=\"true\"]:bg-surface-neutral-lowest-pressed uy:enabled:data-[pressed=\"true\"]:text-content-neutral-pressed",
-				"uy:enabled:data-[focus-visible]:bg-transparent"
-			],
-			inverted: [
-				"uy:bg-transparent uy:text-content-inverted-enabled",
-				"uy:enabled:data-[hovered=\"true\"]:bg-surface-inverted-hover uy:enabled:data-[hovered=\"true\"]:text-content-inverted-hover",
-				"uy:enabled:active:bg-surface-inverted-active uy:enabled:active:text-content-inverted-active",
-				"uy:enabled:data-[pressed=\"true\"]:bg-surface-inverted-pressed uy:enabled:data-[pressed=\"true\"]:text-content-inverted-pressed",
-				"uy:enabled:data-[focus-visible]:outline-utility-inverted-focus-ring uy:enabled:data-[focus-visible]:bg-transparent"
-			]
-		},
-		isDisabled: {
-			true: "uy:disabled:text-content-neutral-disabled uy:disabled:bg-transparent",
-			false: ""
-		},
-		isLoading: {
-			true: "uy:data-[loading]:text-content-neutral-disabled uy:data-[loading]:bg-transparent",
-			false: ""
-		}
-	},
-	compoundVariants: [{
-		isDisabled: !0,
-		color: "inverted",
-		className: ["uy:disabled:text-content-inverted-disabled"]
-	}, {
-		isLoading: !0,
-		color: "inverted",
-		className: ["uy:data-[loading]:text-content-inverted-disabled"]
-	}]
-});
-//#endregion
-export { t as buttonBase, n as buttonFilled, i as buttonGhost, r as buttonOutlined };

package/dist/esm/components/card/Card.context.js

@@ -1,10 +0,0 @@
-import { createContext as e, useContext as t } from "react";
-//#region src/components/card/Card.context.tsx
-var n = e(null);
-function r() {
-	let e = t(n);
-	if (!e) throw Error("Card compound components must be used within a Card component");
-	return e;
-}
-//#endregion
-export { n as CardContext, r as useCardContext };

package/dist/esm/components/card/Card.js

@@ -1,64 +0,0 @@
-import { CardContext as e } from "./Card.context.js";
-import { forwardRef as t, useLayoutEffect as n, useRef as r, useState as i } from "react";
-import { uyTv as a } from "@payfit/unity-themes";
-import { jsx as o } from "react/jsx-runtime";
-import { useId as s } from "react-aria/useId";
-//#region src/components/card/Card.tsx
-var c = a({
-	slots: { base: ["uy:flex uy:flex-col uy:gap-200 uy:p-200 uy:sm:p-300 uy:rounded-lg"] },
-	variants: {
-		shadow: {
-			none: { base: "uy:shadow-none" },
-			raising: { base: "uy:shadow-100" },
-			flying: { base: "uy:shadow-300" },
-			100: { base: "uy:shadow-100" },
-			300: { base: "uy:shadow-300" }
-		},
-		bgColor: {
-			"surface.neutral": { base: "uy:bg-surface-neutral uy:border uy:border-solid uy:border-border-neutral" },
-			"surface.neutral.low": { base: "uy:bg-surface-neutral-low" },
-			"surface.neutral.lowest": { base: "uy:bg-surface-neutral-lowest" },
-			"surface.decorative-teal.lowest": { base: "uy:bg-surface-decorative-teal-lowest" },
-			"surface.decorative-purple.lowest": { base: "uy:bg-surface-decorative-purple-lowest" },
-			"surface.decorative-plum.lowest": { base: "uy:bg-surface-decorative-plum-lowest" },
-			"surface.decorative-orange.lowest": { base: "uy:bg-surface-decorative-orange-lowest" }
-		}
-	},
-	defaultVariants: {
-		shadow: "none",
-		bgColor: "surface.neutral"
-	}
-}), l = t(({ shadow: t, bgColor: a, children: l, className: u, ...d }, f) => {
-	let p = s(), m = r(null), [h, g] = i(!1), _ = d.id ?? `unity-card-${p}`, v = `unity-card-${p}__title`, y = d["aria-label"];
-	n(() => {
-		let e = m.current;
-		if (!e) return;
-		let t = e.querySelector("[data-unity-slot=\"card.title\"]");
-		g(!!t), process.env.NODE_ENV === "development" && !t && !y && console.warn("Card: A Card must have either a CardTitle child or an aria-label prop for accessibility.");
-	}, [l, y]);
-	let b = (a ?? "surface.neutral") === "surface.neutral" && (t ?? "none") !== "none", { base: x } = c({
-		className: u,
-		shadow: b ? t : "none",
-		bgColor: a
-	}), S = { titleId: v }, C = d.asElement ?? "section";
-	return /* @__PURE__ */ o(e.Provider, {
-		value: S,
-		children: /* @__PURE__ */ o(C, {
-			"data-dd-privacy": "show",
-			...d,
-			id: _,
-			ref: (e) => {
-				m.current = e, typeof f == "function" ? f(e) : f && (f.current = e);
-			},
-			className: x(),
-			"aria-labelledby": h ? v : void 0,
-			"aria-label": h ? void 0 : y,
-			"data-unity-component": "card",
-			"data-unity-variant": b ? "shadow" : void 0,
-			children: l
-		})
-	});
-});
-l.displayName = "Card";
-//#endregion
-export { l as Card, c as card };

package/dist/esm/components/card/parts/CardContent.js

@@ -1,24 +0,0 @@
-import { uyTv as e } from "@payfit/unity-themes";
-import { jsx as t } from "react/jsx-runtime";
-//#region src/components/card/parts/CardContent.tsx
-var n = e({
-	base: "uy:block",
-	variants: { contentSizing: {
-		fit: "uy:flex-none",
-		fill: "uy:flex-1 uy:min-h-0"
-	} },
-	defaultVariants: { contentSizing: "fit" }
-});
-function r({ children: e, className: r, contentSizing: i }) {
-	return /* @__PURE__ */ t("div", {
-		className: n({
-			className: r,
-			contentSizing: i
-		}),
-		"data-unity-slot": "card.content",
-		children: e
-	});
-}
-r.displayName = "CardContent";
-//#endregion
-export { r as CardContent };

package/dist/esm/components/card/parts/CardTitle.js

@@ -1,26 +0,0 @@
-import { useCardContext as e } from "../Card.context.js";
-import { uyTv as t } from "@payfit/unity-themes";
-import { jsx as n } from "react/jsx-runtime";
-import { Heading as r } from "react-aria-components/Heading";
-//#region src/components/card/parts/CardTitle.tsx
-var i = t({
-	base: ["uy:typography-h3 uy:text-content-neutral uy:leading-none"],
-	variants: { isHidden: {
-		true: "uy:sr-only",
-		false: ""
-	} },
-	defaultVariants: { isHidden: !1 }
-});
-function a({ children: t, level: a = 3, isHidden: o = !1 }) {
-	let { titleId: s } = e();
-	return /* @__PURE__ */ n(r, {
-		level: a,
-		id: s,
-		className: i({ isHidden: o }),
-		"data-unity-slot": "card.title",
-		children: t
-	});
-}
-a.displayName = "CardTitle";
-//#endregion
-export { a as CardTitle };

package/dist/esm/components/carousel/Carousel.context.js

@@ -1,10 +0,0 @@
-import * as e from "react";
-//#region src/components/carousel/Carousel.context.tsx
-var t = e.createContext(null);
-function n() {
-	let n = e.useContext(t);
-	if (!n) throw Error("useCarousel must be used within a Carousel Component");
-	return n;
-}
-//#endregion
-export { t as CarouselContext, n as useCarousel };