@payfit/unity-components 2.47.5 → 2.47.6

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

@@ -1,66 +1,45 @@
-import { jsx as s } from "react/jsx-runtime";
-import { useRef as h, useContext as b } from "react";
-import { uyTv as g } from "@payfit/unity-themes";
-import { useDrag as x } from "@use-gesture/react";
-import { OverlayTriggerStateContext as D } from "react-aria-components/Dialog";
-import { useBreakpointListener as v } from "../../../hooks/use-breakpoint-listener.js";
-const S = g({
-  slots: {
-    base: [
-      "uy:md:hidden uy:mx-auto uy:py-100 uy:w-500",
-      "uy:cursor-grab uy:touch-action-none"
-    ],
-    indicator: "uy:h-50 uy:rounded-pill uy:bg-content-neutral-lowest"
-  }
-}), T = 100;
-function I() {
-  const r = h(null), o = b(D), n = v(), { base: a, indicator: i } = S(), l = n === "xs" || n === "sm", m = x(
-    (u) => {
-      const {
-        movement: [N, e],
-        direction: [B, c],
-        intentional: d,
-        cancel: f,
-        last: y,
-        event: p
-      } = u;
-      if (!l) {
-        f();
-        return;
-      }
-      p.preventDefault();
-      const t = r.current?.closest(
-        "[data-unity-bottom-sheet]"
-      );
-      if (t) {
-        if (e < 0) {
-          t.style.transform = "translate3d(0, 0, 0)";
-          return;
-        }
-        t.style.transform = `translate3d(0, ${e}px, 0)`, t.style.transition = "none", y && d && (e > T || c > 0 ? o && setTimeout(() => {
-          o.close();
-        }, 50) : (t.style.transform = "translate3d(0, 0, 0)", t.style.transition = "transform 0.3s ease"));
-      }
-    },
-    {
-      axis: "y",
-      filterTaps: !0,
-      threshold: 5
-    }
-  );
-  return /* @__PURE__ */ s(
-    "div",
-    {
-      className: a(),
-      "aria-hidden": "true",
-      ref: r,
-      ...m(),
-      children: /* @__PURE__ */ s("div", { className: i() })
-    }
-  );
+import { useBreakpointListener as e } from "../../../hooks/use-breakpoint-listener.js";
+import { useContext as t, useRef as n } from "react";
+import { uyTv as r } from "@payfit/unity-themes";
+import { jsx as i } from "react/jsx-runtime";
+import { OverlayTriggerStateContext as a } from "react-aria-components/Dialog";
+import { useDrag as o } from "@use-gesture/react";
+//#region src/components/bottom-sheet/parts/BottomSheetDragIndicator.tsx
+var s = r({ slots: {
+	base: ["uy:md:hidden uy:mx-auto uy:py-100 uy:w-500", "uy:cursor-grab uy:touch-action-none"],
+	indicator: "uy:h-50 uy:rounded-pill uy:bg-content-neutral-lowest"
+} }), c = 100;
+function l() {
+	let r = n(null), l = t(a), u = e(), { base: d, indicator: f } = s(), p = u === "xs" || u === "sm", m = o((e) => {
+		let { movement: [t, n], direction: [i, a], intentional: o, cancel: s, last: u, event: d } = e;
+		if (!p) {
+			s();
+			return;
+		}
+		d.preventDefault();
+		let f = r.current?.closest("[data-unity-bottom-sheet]");
+		if (f) {
+			if (n < 0) {
+				f.style.transform = "translate3d(0, 0, 0)";
+				return;
+			}
+			f.style.transform = `translate3d(0, ${n}px, 0)`, f.style.transition = "none", u && o && (n > c || a > 0 ? l && setTimeout(() => {
+				l.close();
+			}, 50) : (f.style.transform = "translate3d(0, 0, 0)", f.style.transition = "transform 0.3s ease"));
+		}
+	}, {
+		axis: "y",
+		filterTaps: !0,
+		threshold: 5
+	});
+	return /* @__PURE__ */ i("div", {
+		className: d(),
+		"aria-hidden": "true",
+		ref: r,
+		...m(),
+		children: /* @__PURE__ */ i("div", { className: f() })
+	});
 }
-I.displayName = "BottomSheetDragIndicator";
-export {
-  I as BottomSheetDragIndicator,
-  S as bottomSheetDragIndicator
-};
+l.displayName = "BottomSheetDragIndicator";
+//#endregion
+export { l as BottomSheetDragIndicator };

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

@@ -1,28 +1,20 @@
-import { jsx as u } from "react/jsx-runtime";
-import { forwardRef as y } from "react";
-import { uyTv as a } from "@payfit/unity-themes";
-const s = a({
-  base: [
-    "uy:py-150 uy:px-300 uy:w-full",
-    "uy:flex uy:items-center uy:justify-end uy:gap-100 uy:shrink-0",
-    "uy:bg-surface-neutral uy:border-t uy:border-solid uy:border-border-neutral",
-    "uy:sticky uy:bottom-0 uy:z-10",
-    "uy:mt-auto",
-    "uy:pb-[max(env(safe-area-inset-bottom),var(--uy-spacing-200))] uy:md:pb-200"
-  ]
-}), m = y(
-  ({ children: o, className: t, ...e }, r) => /* @__PURE__ */ u(
-    "footer",
-    {
-      ref: r,
-      className: s({ class: t }),
-      ...e,
-      children: o
-    }
-  )
-);
-m.displayName = "BottomSheetFooter";
-export {
-  m as BottomSheetFooter,
-  s as bottomSheetFooter
-};
+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/BottomSheetFooter.tsx
+var r = t({ base: [
+	"uy:py-150 uy:px-300 uy:w-full",
+	"uy:flex uy:items-center uy:justify-end uy:gap-100 uy:shrink-0",
+	"uy:bg-surface-neutral uy:border-t uy:border-solid uy:border-border-neutral",
+	"uy:sticky uy:bottom-0 uy:z-10",
+	"uy:mt-auto",
+	"uy:pb-[max(env(safe-area-inset-bottom),var(--uy-spacing-200))] uy:md:pb-200"
+] }), i = e(({ children: e, className: t, ...i }, a) => /* @__PURE__ */ n("footer", {
+	ref: a,
+	className: r({ class: t }),
+	...i,
+	children: e
+}));
+i.displayName = "BottomSheetFooter";
+//#endregion
+export { i as BottomSheetFooter, r as bottomSheetFooter };

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

@@ -1,45 +1,49 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { forwardRef as y } from "react";
-import { uyTv as i } from "@payfit/unity-themes";
-import { Heading as c } from "react-aria-components/Heading";
-import { CircularIconButton as m } from "../../icon-button/CircularIconButton.js";
-const d = i({
-  slots: {
-    base: [
-      "uy:py-200 uy:px-300 uy:w-full",
-      "uy:flex uy:flex-col uy:shrink-0",
-      "uy:bg-surface-neutral uy:rounded-tl-200 uy:rounded-tr-200 uy:shadow-raising",
-      "uy:sticky uy:top-0 uy:z-10"
-    ],
-    content: ["uy:flex uy:items-center uy:w-full"],
-    heading: [
-      "uy:typography-h3 uy:text-center uy:text-content-neutral uy:truncate",
-      "uy:flex-1 uy:min-w-0"
-    ],
-    buttonContainer: ["uy:flex-shrink-0 uy:flex-grow-0 uy:w-[28px]"]
-  }
-}), f = y(
-  ({ children: o, ...r }, n) => {
-    const { base: u, content: l, heading: a, buttonContainer: t } = d();
-    return /* @__PURE__ */ e("header", { ref: n, className: u(), ...r, children: /* @__PURE__ */ s("div", { className: l(), children: [
-      /* @__PURE__ */ e("div", { className: t() }),
-      /* @__PURE__ */ e(c, { slot: "title", className: a(), children: o }),
-      /* @__PURE__ */ e("div", { className: t(), children: /* @__PURE__ */ e(
-        m,
-        {
-          asElement: "button",
-          slot: "close",
-          icon: "CloseOutlined",
-          title: "Close",
-          size: "large",
-          color: "content.neutral.low"
-        }
-      ) })
-    ] }) });
-  }
-);
-f.displayName = "BottomSheetHeader";
-export {
-  f as BottomSheetHeader,
-  d as bottomSheetHeader
-};
+import { CircularIconButton as e } from "../../icon-button/CircularIconButton.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 { Heading as a } from "react-aria-components/Heading";
+//#region src/components/bottom-sheet/parts/BottomSheetHeader.tsx
+var o = n({ slots: {
+	base: [
+		"uy:py-200 uy:px-300 uy:w-full",
+		"uy:flex uy:flex-col uy:shrink-0",
+		"uy:bg-surface-neutral uy:rounded-tl-200 uy:rounded-tr-200 uy:shadow-raising",
+		"uy:sticky uy:top-0 uy:z-10"
+	],
+	content: ["uy:flex uy:items-center uy:w-full"],
+	heading: ["uy:typography-h3 uy:text-center uy:text-content-neutral uy:truncate", "uy:flex-1 uy:min-w-0"],
+	buttonContainer: ["uy:flex-shrink-0 uy:flex-grow-0 uy:w-[28px]"]
+} }), s = t(({ children: t, ...n }, s) => {
+	let { base: c, content: l, heading: u, buttonContainer: d } = o();
+	return /* @__PURE__ */ r("header", {
+		ref: s,
+		className: c(),
+		...n,
+		children: /* @__PURE__ */ i("div", {
+			className: l(),
+			children: [
+				/* @__PURE__ */ r("div", { className: d() }),
+				/* @__PURE__ */ r(a, {
+					slot: "title",
+					className: u(),
+					children: t
+				}),
+				/* @__PURE__ */ r("div", {
+					className: d(),
+					children: /* @__PURE__ */ r(e, {
+						asElement: "button",
+						slot: "close",
+						icon: "CloseOutlined",
+						title: "Close",
+						size: "large",
+						color: "content.neutral.low"
+					})
+				})
+			]
+		})
+	});
+});
+s.displayName = "BottomSheetHeader";
+//#endregion
+export { s as BottomSheetHeader, o as bottomSheetHeader };

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

@@ -1,28 +1,25 @@
-import { jsx as s } from "react/jsx-runtime";
-import { useContext as i, createContext as u } from "react";
-const e = u({
-  wrap: "wrap",
-  isMobile: !1,
-  isStaticApi: !1
+import { createContext as e, useContext as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/breadcrumbs/Breadcrumbs.context.tsx
+var r = e({
+	wrap: "wrap",
+	isMobile: !1,
+	isStaticApi: !1
 });
-function m({
-  children: r,
-  wrap: t,
-  isMobile: o,
-  isStaticApi: n
-}) {
-  return /* @__PURE__ */ s(e.Provider, { value: { wrap: t, isMobile: o, isStaticApi: n }, children: r });
+function i({ children: e, wrap: t, isMobile: i, isStaticApi: a }) {
+	return /* @__PURE__ */ n(r.Provider, {
+		value: {
+			wrap: t,
+			isMobile: i,
+			isStaticApi: a
+		},
+		children: e
+	});
 }
-function d() {
-  const r = i(e);
-  if (!r)
-    throw new Error(
-      "useBreadcrumbsContext must be used within an BreadcrumbsProvider"
-    );
-  return r;
+function a() {
+	let e = t(r);
+	if (!e) throw Error("useBreadcrumbsContext must be used within an BreadcrumbsProvider");
+	return e;
 }
-export {
-  e as BreadcrumbsContext,
-  m as BreadcrumbsProvider,
-  d as useBreadcrumbsContext
-};
+//#endregion
+export { i as BreadcrumbsProvider, a as useBreadcrumbsContext };

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

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

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

@@ -1,20 +1,14 @@
-import { uyTv as a } from "@payfit/unity-themes";
-const r = a({
-  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: ""
-      }
-    }
-  }
+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: "" }
+	} }
 });
-export {
-  r as breadcrumbsVariant
-};
+//#endregion
+export { t as breadcrumbsVariant };