@payfit/unity-components 2.47.5 → 2.47.7

package/dist/esm/components/list-view/parts/ListViewItemLabel.js

@@ -1,22 +1,17 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as r } from "react";
-import { Text as o } from "../../text/Text.js";
-const m = r(
-  ({ children: t, ...i }, a) => /* @__PURE__ */ e(
-    o,
-    {
-      ...i,
-      ref: a,
-      color: "inherit",
-      variant: "action",
-      "data-dd-privacy": "mask",
-      "data-unity-slot": "ListViewItemLabel",
-      lineClamp: 3,
-      children: t
-    }
-  )
-);
-m.displayName = "ListViewItemLabel";
-export {
-  m as ListViewItemLabel
-};
+import { Text as e } from "../../text/Text.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/list-view/parts/ListViewItemLabel.tsx
+var r = t(({ children: t, ...r }, i) => /* @__PURE__ */ n(e, {
+	...r,
+	ref: i,
+	color: "inherit",
+	variant: "action",
+	"data-dd-privacy": "mask",
+	"data-unity-slot": "ListViewItemLabel",
+	lineClamp: 3,
+	children: t
+}));
+r.displayName = "ListViewItemLabel";
+//#endregion
+export { r as ListViewItemLabel };

package/dist/esm/components/list-view/parts/ListViewItemText.js

@@ -1,22 +1,17 @@
-import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
-import { Text as i } from "../../text/Text.js";
-const m = a(
-  ({ children: t, ...e }, o) => /* @__PURE__ */ r(
-    i,
-    {
-      ...e,
-      ref: o,
-      color: "content.neutral.low",
-      variant: "bodySmall",
-      "data-dd-privacy": "mask",
-      "data-unity-slot": "ListViewItemText",
-      lineClamp: 3,
-      children: t
-    }
-  )
-);
-m.displayName = "ListViewItemText";
-export {
-  m as ListViewItemText
-};
+import { Text as e } from "../../text/Text.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/list-view/parts/ListViewItemText.tsx
+var r = t(({ children: t, ...r }, i) => /* @__PURE__ */ n(e, {
+	...r,
+	ref: i,
+	color: "content.neutral.low",
+	variant: "bodySmall",
+	"data-dd-privacy": "mask",
+	"data-unity-slot": "ListViewItemText",
+	lineClamp: 3,
+	children: t
+}));
+r.displayName = "ListViewItemText";
+//#endregion
+export { r as ListViewItemText };

package/dist/esm/components/list-view/parts/ListViewSection.js

@@ -1,23 +1,25 @@
-import { jsxs as s, jsx as i } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { uyTv as m } from "@payfit/unity-themes";
-import { Collection as a } from "react-aria-components/Collection";
-import { Header as l } from "react-aria-components/Header";
-import { ListBoxSection as p } from "react-aria-components/ListBox";
-const V = m({
-  // add the component styles
-  base: ""
-}), y = (o, e) => {
-  const { children: r, title: n, ...t } = o;
-  return /* @__PURE__ */ s(p, { ...t, ref: e, "data-unity-slot": "ListViewSection", children: [
-    /* @__PURE__ */ i(l, { className: "uy:typography-action uy:text-content-neutral-low uy:px-200 uy:mb-50", children: n }),
-    /* @__PURE__ */ i(a, { children: r, items: t.items })
-  ] });
-}, f = c(
-  y
-);
-f.displayName = "ListViewSection";
-export {
-  f as ListViewSection,
-  V as listViewSection
-};
+import { forwardRef as e } from "react";
+import { uyTv as t } from "@payfit/unity-themes";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Header as i } from "react-aria-components/Header";
+import { ListBoxSection as a } from "react-aria-components/ListBox";
+import { Collection as o } from "react-aria-components/Collection";
+//#region src/components/list-view/parts/ListViewSection.tsx
+var s = t({ base: "" }), c = e((e, t) => {
+	let { children: s, title: c, ...l } = e;
+	return /* @__PURE__ */ r(a, {
+		...l,
+		ref: t,
+		"data-unity-slot": "ListViewSection",
+		children: [/* @__PURE__ */ n(i, {
+			className: "uy:typography-action uy:text-content-neutral-low uy:px-200 uy:mb-50",
+			children: c
+		}), /* @__PURE__ */ n(o, {
+			children: s,
+			items: l.items
+		})]
+	});
+});
+c.displayName = "ListViewSection";
+//#endregion
+export { c as ListViewSection, s as listViewSection };

package/dist/esm/components/list-view/parts/RawListViewItem.js

@@ -1,81 +1,68 @@
-import { jsx as u, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as g, useRef as w, useLayoutEffect as x } from "react";
-import { Icon as v } from "@payfit/unity-icons";
-import { uyTv as h } from "@payfit/unity-themes";
-import { ListBoxItem as I } from "react-aria-components/ListBox";
-const L = h({
-  // add the component styles
-  slots: {
-    root: ["uy:group uy:focus-visible:outline-0"],
-    wrapper: [
-      "uy:p-200",
-      "uy:flex uy:gap-150",
-      "uy:transition-colors",
-      "uy:bg-surface-neutral",
-      "uy:text-content-neutral",
-      "uy:border-b uy:border-b-solid uy:border-b-border-neutral",
-      // Hover when list is static
-      "uy:group-hover:bg-surface-neutral-hover uy:group-hover:cursor-pointer",
-      // Hover when list is interactive
-      "uy:group-data-[hovered=true]:bg-surface-neutral-hover uy:group-data-[hovered=true]:cursor-pointer",
-      // Press styles when list is interactive
-      "uy:group-data-[pressed=true]:bg-surface-neutral-pressed",
-      // Focus styles when list is interactive
-      "uy:group-data-[focus-visible=true]:bg-surface-neutral-focus uy:group-data-[focus-visible=true]:outline uy:group-data-[focus-visible=true]:-outline-offset-4 uy:group-data-[focus-visible=true]:outline-utility-focus-ring",
-      // disabled Styles when list is interactive
-      "uy:group-data-[disabled=true]:bg-surface-neutral-disabled uy:group-data-[disabled=true]:text-content-neutral-disabled uy:group-data-[disabled=true]:cursor-not-allowed",
-      // current page styles
-      'uy:group-data-[status="active"]:bg-surface-neutral-selected'
-    ],
-    prefix: ["uy:grow-0"],
-    content: ["uy:flex-1 uy:typography-body-small"],
-    suffix: ["uy:grow-0 uy:flex uy:gap-100"]
-  }
-}), V = (n, r) => {
-  const i = w(), { children: c, prefix: o, suffix: a, hideDisclosureIndicator: s, ...e } = n, {
-    root: d,
-    wrapper: f,
-    prefix: y,
-    suffix: p,
-    content: b
-  } = L(), m = !!a || !s;
-  return x(() => {
-    const t = i.current;
-    if (!t) return;
-    t.querySelector('[data-unity-slot="ListViewItemLabel"]') || !("aria-label" in e) && !("aria-labelledby" in e) && !("textValue" in e) && console.error(
-      "ListViewItem: Either a ListViewItemLabel component, an aria-label, aria-labelledby, or textValue prop is required for accessibility. Provide one to ensure screen reader users can identify the item."
-    );
-  }, [e, i]), /* @__PURE__ */ u(I, { ...e, className: d(), "data-dd-privacy": "mask", children: /* @__PURE__ */ l(
-    "div",
-    {
-      ref: (t) => {
-        i.current = t, typeof r == "function" ? r(t) : r && (r.current = t);
-      },
-      "data-unity-slot": "ListViewItem",
-      className: f(),
-      children: [
-        o && /* @__PURE__ */ u("div", { "data-unity-slot": "ListViewItem.prefix", className: y(), children: o }),
-        /* @__PURE__ */ u("div", { "data-unity-slot": "ListViewItem.content", className: b(), children: c }),
-        m && /* @__PURE__ */ l("div", { "data-unity-slot": "ListViewItem.suffix", className: p(), children: [
-          a,
-          !s && /* @__PURE__ */ u(
-            v,
-            {
-              src: "CaretRightOutlined",
-              role: "presentation",
-              size: 20,
-              color: e.isDisabled ? "content.neutral.disabled" : "content.neutral.low"
-            }
-          )
-        ] })
-      ]
-    }
-  ) });
-}, R = g(
-  V
-);
-R.displayName = "RawListViewItem";
-export {
-  R as RawListViewItem,
-  L as listViewItem
-};
+import { forwardRef as e, useLayoutEffect as t, useRef as n } from "react";
+import { uyTv as r } from "@payfit/unity-themes";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Icon as o } from "@payfit/unity-icons";
+import { ListBoxItem as s } from "react-aria-components/ListBox";
+//#region src/components/list-view/parts/RawListViewItem.tsx
+var c = r({ slots: {
+	root: ["uy:group uy:focus-visible:outline-0"],
+	wrapper: [
+		"uy:p-200",
+		"uy:flex uy:gap-150",
+		"uy:transition-colors",
+		"uy:bg-surface-neutral",
+		"uy:text-content-neutral",
+		"uy:border-b uy:border-b-solid uy:border-b-border-neutral",
+		"uy:group-hover:bg-surface-neutral-hover uy:group-hover:cursor-pointer",
+		"uy:group-data-[hovered=true]:bg-surface-neutral-hover uy:group-data-[hovered=true]:cursor-pointer",
+		"uy:group-data-[pressed=true]:bg-surface-neutral-pressed",
+		"uy:group-data-[focus-visible=true]:bg-surface-neutral-focus uy:group-data-[focus-visible=true]:outline uy:group-data-[focus-visible=true]:-outline-offset-4 uy:group-data-[focus-visible=true]:outline-utility-focus-ring",
+		"uy:group-data-[disabled=true]:bg-surface-neutral-disabled uy:group-data-[disabled=true]:text-content-neutral-disabled uy:group-data-[disabled=true]:cursor-not-allowed",
+		"uy:group-data-[status=\"active\"]:bg-surface-neutral-selected"
+	],
+	prefix: ["uy:grow-0"],
+	content: ["uy:flex-1 uy:typography-body-small"],
+	suffix: ["uy:grow-0 uy:flex uy:gap-100"]
+} }), l = e((e, r) => {
+	let l = n(), { children: u, prefix: d, suffix: f, hideDisclosureIndicator: p, ...m } = e, { root: h, wrapper: g, prefix: _, suffix: v, content: y } = c(), b = !!f || !p;
+	return t(() => {
+		let e = l.current;
+		e && (e.querySelector("[data-unity-slot=\"ListViewItemLabel\"]") || !("aria-label" in m) && !("aria-labelledby" in m) && !("textValue" in m) && console.error("ListViewItem: Either a ListViewItemLabel component, an aria-label, aria-labelledby, or textValue prop is required for accessibility. Provide one to ensure screen reader users can identify the item."));
+	}, [m, l]), /* @__PURE__ */ i(s, {
+		...m,
+		className: h(),
+		"data-dd-privacy": "mask",
+		children: /* @__PURE__ */ a("div", {
+			ref: (e) => {
+				l.current = e, typeof r == "function" ? r(e) : r && (r.current = e);
+			},
+			"data-unity-slot": "ListViewItem",
+			className: g(),
+			children: [
+				d && /* @__PURE__ */ i("div", {
+					"data-unity-slot": "ListViewItem.prefix",
+					className: _(),
+					children: d
+				}),
+				/* @__PURE__ */ i("div", {
+					"data-unity-slot": "ListViewItem.content",
+					className: y(),
+					children: u
+				}),
+				b && /* @__PURE__ */ a("div", {
+					"data-unity-slot": "ListViewItem.suffix",
+					className: v(),
+					children: [f, !p && /* @__PURE__ */ i(o, {
+						src: "CaretRightOutlined",
+						role: "presentation",
+						size: 20,
+						color: m.isDisabled ? "content.neutral.disabled" : "content.neutral.low"
+					})]
+				})
+			]
+		})
+	});
+});
+l.displayName = "RawListViewItem";
+//#endregion
+export { l as RawListViewItem, c as listViewItem };

package/dist/esm/components/menu/Menu.js

@@ -1,31 +1,22 @@
-import { jsxs as d, jsx as i } from "react/jsx-runtime";
-import y from "react";
-import { MenuTrigger as l, Popover as s } from "react-aria-components/Menu";
-function m({
-  defaultOpen: u,
-  children: o,
-  triggerRef: t,
-  placement: n,
-  ...a
-}) {
-  const [r, e] = y.Children.toArray(o);
-  if (!r || !e)
-    throw new Error("Menu must have a trigger and a menu content");
-  return /* @__PURE__ */ d(l, { defaultOpen: u, ...a, children: [
-    r,
-    /* @__PURE__ */ i(
-      s,
-      {
-        triggerRef: t,
-        placement: n,
-        className: "uy:flex uy:flex-col uy:justify-end uy:items-start uy:p-100 uy:rounded-100 uy:border uy:border-solid uy:border-border-neutral uy:bg-surface-neutral uy:shadow-300",
-        "data-dd-privacy": "allow",
-        children: e
-      }
-    )
-  ] });
+import e from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { MenuTrigger as r, Popover as i } from "react-aria-components/Menu";
+//#region src/components/menu/Menu.tsx
+function a({ defaultOpen: a, children: o, triggerRef: s, placement: c, ...l }) {
+	let [u, d] = e.Children.toArray(o);
+	if (!u || !d) throw Error("Menu must have a trigger and a menu content");
+	return /* @__PURE__ */ n(r, {
+		defaultOpen: a,
+		...l,
+		children: [u, /* @__PURE__ */ t(i, {
+			triggerRef: s,
+			placement: c,
+			className: "uy:flex uy:flex-col uy:justify-end uy:items-start uy:p-100 uy:rounded-100 uy:border uy:border-solid uy:border-border-neutral uy:bg-surface-neutral uy:shadow-300",
+			"data-dd-privacy": "allow",
+			children: d
+		})]
+	});
 }
-m.displayName = "Menu";
-export {
-  m as Menu
-};
+a.displayName = "Menu";
+//#endregion
+export { a as Menu };

package/dist/esm/components/menu/parts/MenuContent.js

@@ -1,31 +1,19 @@
-import { jsx as e } from "react/jsx-runtime";
-import { uyTv as u } from "@payfit/unity-themes";
-import { Menu as o } from "react-aria-components/Menu";
-const m = u({
-  base: [
-    "uy:outline-none",
-    "uy:w-(--uy-menu-content-width) uy:min-w-(--uy-menu-content-min-width)"
-  ]
-});
-function i({
-  children: t,
-  placement: r,
-  width: n,
-  triggerRef: c
-}) {
-  return /* @__PURE__ */ e(
-    o,
-    {
-      className: m(),
-      style: {
-        "--uy-menu-content-width": n ? `${n}px` : "auto",
-        "--uy-menu-content-min-width": n ? "" : "calc(var(--uy-spacing) * 40)"
-      },
-      children: t
-    }
-  );
+import "react";
+import { uyTv as e } from "@payfit/unity-themes";
+import { jsx as t } from "react/jsx-runtime";
+import { Menu as n } from "react-aria-components/Menu";
+//#region src/components/menu/parts/MenuContent.tsx
+var r = e({ base: ["uy:outline-none", "uy:w-(--uy-menu-content-width) uy:min-w-(--uy-menu-content-min-width)"] });
+function i({ children: e, placement: i, width: a, triggerRef: o }) {
+	return /* @__PURE__ */ t(n, {
+		className: r(),
+		style: {
+			"--uy-menu-content-width": a ? `${a}px` : "auto",
+			"--uy-menu-content-min-width": a ? "" : "calc(var(--uy-spacing) * 40)"
+		},
+		children: e
+	});
 }
 i.displayName = "MenuContent";
-export {
-  i as MenuContent
-};
+//#endregion
+export { i as MenuContent };

package/dist/esm/components/menu/parts/MenuHeader.js

@@ -1,17 +1,14 @@
-import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { Header as a } from "react-aria-components/Header";
-import { MenuSection as n } from "react-aria-components/Menu";
-import { MenuSeparator as t } from "./MenuSeparator.js";
-function i({
-  children: r,
-  className: o
-}) {
-  return /* @__PURE__ */ m(n, { children: [
-    /* @__PURE__ */ e(a, { className: `uy:p-100 ${o}`, children: r }),
-    /* @__PURE__ */ e(t, {})
-  ] });
+import { MenuSeparator as e } from "./MenuSeparator.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { MenuSection as r } from "react-aria-components/Menu";
+import { Header as i } from "react-aria-components/Header";
+//#region src/components/menu/parts/MenuHeader.tsx
+function a({ children: a, className: o }) {
+	return /* @__PURE__ */ n(r, { children: [/* @__PURE__ */ t(i, {
+		className: `uy:p-100 ${o}`,
+		children: a
+	}), /* @__PURE__ */ t(e, {})] });
 }
-i.displayName = "MenuHeader";
-export {
-  i as MenuHeader
-};
+a.displayName = "MenuHeader";
+//#endregion
+export { a as MenuHeader };

package/dist/esm/components/menu/parts/MenuSection.js

@@ -1,44 +1,34 @@
-import { jsxs as u, jsx as e } from "react/jsx-runtime";
-import { uyTv as d } from "@payfit/unity-themes";
-import { Collection as c } from "react-aria-components/Collection";
-import { Header as m } from "react-aria-components/Header";
-import { MenuSection as y } from "react-aria-components/Menu";
-const p = d({
-  slots: {
-    base: [""],
-    header: [
-      "uy:px-150 uy:py-100 uy:typography-body-strong uy:text-content-neutral-enabled"
-    ]
-  },
-  variants: {
-    isTitleHidden: {
-      true: {
-        header: "uy:sr-only"
-      },
-      false: {
-        header: ""
-      }
-    }
-  },
-  defaultVariants: {
-    isTitleHidden: !1
-  }
+import { uyTv as e } from "@payfit/unity-themes";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { MenuSection as r } from "react-aria-components/Menu";
+import { Header as i } from "react-aria-components/Header";
+import { Collection as a } from "react-aria-components/Collection";
+//#region src/components/menu/parts/MenuSection.tsx
+var o = e({
+	slots: {
+		base: [""],
+		header: ["uy:px-150 uy:py-100 uy:typography-body-strong uy:text-content-neutral-enabled"]
+	},
+	variants: { isTitleHidden: {
+		true: { header: "uy:sr-only" },
+		false: { header: "" }
+	} },
+	defaultVariants: { isTitleHidden: !1 }
 });
-function f({
-  children: t,
-  items: n,
-  className: o,
-  title: r,
-  isTitleHidden: a,
-  ...i
-}) {
-  const { base: s, header: l } = p({ isTitleHidden: a });
-  return /* @__PURE__ */ u(y, { ...i, className: s({ className: o }), children: [
-    /* @__PURE__ */ e(m, { className: l(), children: r }),
-    /* @__PURE__ */ e(c, { items: n, children: t })
-  ] });
+function s({ children: e, items: s, className: c, title: l, isTitleHidden: u, ...d }) {
+	let { base: f, header: p } = o({ isTitleHidden: u });
+	return /* @__PURE__ */ n(r, {
+		...d,
+		className: f({ className: c }),
+		children: [/* @__PURE__ */ t(i, {
+			className: p(),
+			children: l
+		}), /* @__PURE__ */ t(a, {
+			items: s,
+			children: e
+		})]
+	});
 }
-f.displayName = "MenuSection";
-export {
-  f as MenuSection
-};
+s.displayName = "MenuSection";
+//#endregion
+export { s as MenuSection };

package/dist/esm/components/menu/parts/MenuSeparator.js

@@ -1,9 +1,9 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Separator as a } from "react-aria-components/Separator";
-function e() {
-  return /* @__PURE__ */ r(a, { className: "uy:h-[1px] uy:bg-surface-neutral-lowest uy:w-full uy:mt-100 uy:mb-100" });
+import { jsx as e } from "react/jsx-runtime";
+import { Separator as t } from "react-aria-components/Separator";
+//#region src/components/menu/parts/MenuSeparator.tsx
+function n() {
+	return /* @__PURE__ */ e(t, { className: "uy:h-[1px] uy:bg-surface-neutral-lowest uy:w-full uy:mt-100 uy:mb-100" });
 }
-e.displayName = "MenuSeparator";
-export {
-  e as MenuSeparator
-};
+n.displayName = "MenuSeparator";
+//#endregion
+export { n as MenuSeparator };

package/dist/esm/components/menu/parts/MenuTrigger.js

@@ -1,14 +1,13 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Slot as m } from "@radix-ui/react-slot";
-import { Button as n } from "react-aria-components/Button";
-function i({
-  children: r,
-  asChild: t,
-  className: e
-}) {
-  return /* @__PURE__ */ o(t ? m : n, { className: e, children: r });
+import { jsx as e } from "react/jsx-runtime";
+import { Button as t } from "react-aria-components/Button";
+import { Slot as n } from "@radix-ui/react-slot";
+//#region src/components/menu/parts/MenuTrigger.tsx
+function r({ children: r, asChild: i, className: a }) {
+	return /* @__PURE__ */ e(i ? n : t, {
+		className: a,
+		children: r
+	});
 }
-i.displayName = "MenuTrigger";
-export {
-  i as MenuTrigger
-};
+r.displayName = "MenuTrigger";
+//#endregion
+export { r as MenuTrigger };

package/dist/esm/components/menu/parts/RawMenuItem.js

@@ -1,43 +1,30 @@
-import { jsxs as n, jsx as d } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
-import { uyTv as y } from "@payfit/unity-themes";
-import { MenuItem as c } from "react-aria-components/Menu";
-const f = y({
-  base: [
-    "uy:cursor-pointer uy:group",
-    "uy:flex uy:p-100 uy:items-start uy:gap-100 uy:rounded-25 uy:typography-body uy:text-content-neutral",
-    "uy:not-aria-disabled:data-[hovered=true]:bg-surface-neutral-hover",
-    "uy:not-aria-disabled:data-[pressed=true]:bg-surface-neutral-pressed",
-    "uy:active:bg-surface-neutral-active",
-    "uy:data-[focused=true]:not-data-[focus-visible=true]:outline-0 uy:data-[focus-visible=true]:outline-2 uy:data-[focus-visible=true]:outline-offset-2 uy:data-[focus-visible=true]:outline-utility-focus-ring",
-    "uy:aria-disabled:text-content-neutral-disabled uy:aria-disabled:cursor-not-allowed"
-  ]
-}), m = l(function({
-  prefix: e,
-  children: t,
-  href: u,
-  onAction: a,
-  className: r,
-  isDisabled: o,
-  ...s
-}, i) {
-  return /* @__PURE__ */ n(
-    c,
-    {
-      ref: i,
-      href: u,
-      isDisabled: o,
-      onAction: a,
-      className: f({ className: r }),
-      ...s,
-      children: [
-        /* @__PURE__ */ d("div", { className: "uy:text-content-neutral-low uy:group-aria-disabled:text-content-neutral-disabled", children: e || null }),
-        t
-      ]
-    }
-  );
+import { forwardRef as e } from "react";
+import { uyTv as t } from "@payfit/unity-themes";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { MenuItem as i } from "react-aria-components/Menu";
+//#region src/components/menu/parts/RawMenuItem.tsx
+var a = t({ base: [
+	"uy:cursor-pointer uy:group",
+	"uy:flex uy:p-100 uy:items-start uy:gap-100 uy:rounded-25 uy:typography-body uy:text-content-neutral",
+	"uy:not-aria-disabled:data-[hovered=true]:bg-surface-neutral-hover",
+	"uy:not-aria-disabled:data-[pressed=true]:bg-surface-neutral-pressed",
+	"uy:active:bg-surface-neutral-active",
+	"uy:data-[focused=true]:not-data-[focus-visible=true]:outline-0 uy:data-[focus-visible=true]:outline-2 uy:data-[focus-visible=true]:outline-offset-2 uy:data-[focus-visible=true]:outline-utility-focus-ring",
+	"uy:aria-disabled:text-content-neutral-disabled uy:aria-disabled:cursor-not-allowed"
+] }), o = e(function({ prefix: e, children: t, href: o, onAction: s, className: c, isDisabled: l, ...u }, d) {
+	return /* @__PURE__ */ r(i, {
+		ref: d,
+		href: o,
+		isDisabled: l,
+		onAction: s,
+		className: a({ className: c }),
+		...u,
+		children: [/* @__PURE__ */ n("div", {
+			className: "uy:text-content-neutral-low uy:group-aria-disabled:text-content-neutral-disabled",
+			children: e || null
+		}), t]
+	});
 });
-m.displayName = "RawMenuItem";
-export {
-  m as RawMenuItem
-};
+o.displayName = "RawMenuItem";
+//#endregion
+export { o as RawMenuItem };