@iress-oss/ids-components 0.0.1-dev.9 → 5.14.0

package/dist/components/Icon/Icon.js

@@ -0,0 +1,38 @@
+import "react/jsx-runtime";
+import "react";
+import "../../index-2QXL0WYc.js";
+import "./Icon.types.js";
+import { k as K } from "../../LoadingSuspense-BDiikfSh.js";
+import "../../fuzzysort-eoXOpoo6.js";
+import "../Badge/Badge.js";
+import "../ButtonGroup/ButtonGroupProvider.js";
+import "../../enums.js";
+import "../Card/Card.js";
+import "../CheckboxGroup/CheckboxGroup.js";
+import "../Col/Col.js";
+import "../Expander/Expander.js";
+import "../Form/FormContext.js";
+import "../Menu/Menu.js";
+import "../Menu/MenuProvider.js";
+import "../Popover/PopoverProvider.js";
+import "../CheckboxMark/CheckboxMark.types.js";
+import "../CheckboxMark/CheckboxMark.js";
+import "../Modal/ModalProvider.js";
+import "../Panel/Panel.js";
+import "../Popover/Popover.js";
+import "../Popover/InputPopover/InputPopover.js";
+import "../RadioGroup/RadioGroup.js";
+import "../Text/Text.js";
+import "../Skeleton/Skeleton.js";
+import "../SkipLink/SkipLink.js";
+import "../Slideout/SlideoutProvider.js";
+import "../Stack/Stack.js";
+import "../Table/TableContext.js";
+import "../TabSet/Tab/Tab.js";
+import "../TabSet/TabSet.js";
+import "../Toggle/Toggle.js";
+import "../Tooltip/Tooltip.js";
+import "../ValidationMessage/ValidationMessage.js";
+export {
+  K as IressIcon
+};

package/dist/components/Icon/Icon.types.js

@@ -0,0 +1,31 @@
+var a = /* @__PURE__ */ ((r) => (r.FALight = "fal", r.FABrand = "fab", r))(a || {});
+const l = ["fal", "fab"];
+var t = /* @__PURE__ */ ((r) => (r.Xs = "xs", r.Sm = "sm", r.Lg = "lg", r.TwoTimes = "2x", r.ThreeTimes = "3x", r.FiveTimes = "5x", r.SevenTimes = "7x", r.TenTimes = "10x", r))(t || {});
+const T = [
+  "xs",
+  "sm",
+  "lg",
+  "2x",
+  "3x",
+  "5x",
+  "7x",
+  "10x"
+];
+var s = /* @__PURE__ */ ((r) => (r.Horizontal = "horizontal", r.Vertical = "vertical", r.Both = "both", r))(s || {});
+const h = ["horizontal", "vertical", "both"];
+var e = /* @__PURE__ */ ((r) => (r.Deg90 = "90", r.Deg180 = "180", r.Deg270 = "270", r))(e || {});
+const v = ["90", "180", "270"];
+var x = /* @__PURE__ */ ((r) => (r.SpinHalf = "half", r.Spin1 = "1", r.Spin2 = "2", r.Spin3 = "3", r))(x || {});
+const m = ["half", "1", "2", "3"];
+export {
+  h as ICON_FLIPS,
+  v as ICON_ROTATES,
+  l as ICON_SETS,
+  T as ICON_SIZES,
+  m as ICON_SPINS,
+  s as IconFlip,
+  e as IconRotate,
+  a as IconSet,
+  t as IconSize,
+  x as IconSpin
+};

package/dist/components/Icon/index.js

@@ -0,0 +1,15 @@
+import { k as S } from "../../LoadingSuspense-BDiikfSh.js";
+import { ICON_FLIPS as c, ICON_ROTATES as e, ICON_SETS as N, ICON_SIZES as O, ICON_SPINS as r, IconFlip as t, IconRotate as C, IconSet as _, IconSize as p, IconSpin as i } from "./Icon.types.js";
+export {
+  c as ICON_FLIPS,
+  e as ICON_ROTATES,
+  N as ICON_SETS,
+  O as ICON_SIZES,
+  r as ICON_SPINS,
+  t as IconFlip,
+  C as IconRotate,
+  _ as IconSet,
+  p as IconSize,
+  i as IconSpin,
+  S as IressIcon
+};

package/dist/components/Inline/Inline.js

@@ -0,0 +1,39 @@
+import "react/jsx-runtime";
+import "../../index-2QXL0WYc.js";
+import "./Inline.types.js";
+import "../../helpers/responsive/getResponsiveLayoutModifiers.js";
+import { l as L } from "../../LoadingSuspense-BDiikfSh.js";
+import "react";
+import "../../fuzzysort-eoXOpoo6.js";
+import "../Badge/Badge.js";
+import "../ButtonGroup/ButtonGroupProvider.js";
+import "../../enums.js";
+import "../Card/Card.js";
+import "../CheckboxGroup/CheckboxGroup.js";
+import "../Col/Col.js";
+import "../Expander/Expander.js";
+import "../Form/FormContext.js";
+import "../Menu/Menu.js";
+import "../Menu/MenuProvider.js";
+import "../Popover/PopoverProvider.js";
+import "../CheckboxMark/CheckboxMark.types.js";
+import "../CheckboxMark/CheckboxMark.js";
+import "../Modal/ModalProvider.js";
+import "../Panel/Panel.js";
+import "../Popover/Popover.js";
+import "../Popover/InputPopover/InputPopover.js";
+import "../RadioGroup/RadioGroup.js";
+import "../Text/Text.js";
+import "../Skeleton/Skeleton.js";
+import "../SkipLink/SkipLink.js";
+import "../Slideout/SlideoutProvider.js";
+import "../Stack/Stack.js";
+import "../Table/TableContext.js";
+import "../TabSet/Tab/Tab.js";
+import "../TabSet/TabSet.js";
+import "../Toggle/Toggle.js";
+import "../Tooltip/Tooltip.js";
+import "../ValidationMessage/ValidationMessage.js";
+export {
+  L as IressInline
+};

package/dist/components/Inline/Inline.types.js

@@ -0,0 +1,4 @@
+var i = /* @__PURE__ */ ((r) => (r.Base = "iress-u-inline", r.NoWrap = "iress--no-wrap", r.HorizontalAlign = "iress--h-align", r.VerticalAlign = "iress--v-align", r.Gutter = "iress--gutter", r))(i || {});
+export {
+  i as InlineCssClass
+};

package/dist/components/Inline/index.js

@@ -0,0 +1,6 @@
+import { InlineCssClass as r } from "./Inline.types.js";
+import { l as n } from "../../LoadingSuspense-BDiikfSh.js";
+export {
+  r as InlineCssClass,
+  n as IressInline
+};

package/dist/components/Input/ClearButton/ClearButton.js

@@ -0,0 +1,20 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { GlobalCSSClass as l } from "../../../enums.js";
+const n = "ids-clear-button--clear-v5140", s = {
+  clear: n
+}, i = ({ onClick: r }) => /* @__PURE__ */ a(
+  "button",
+  {
+    className: s.clear,
+    onClick: r,
+    onMouseDown: (t) => t.preventDefault(),
+    type: "button",
+    children: [
+      /* @__PURE__ */ e("span", { "aria-hidden": "true", children: "×" }),
+      /* @__PURE__ */ e("span", { className: l.SROnly, children: "Clear" })
+    ]
+  }
+);
+export {
+  i as ClearButton
+};

package/dist/components/Input/Input.js

@@ -0,0 +1,14 @@
+import "react/jsx-runtime";
+import "../../index-2QXL0WYc.js";
+import "react";
+import "../../enums.js";
+import "../../helpers/form/getFormControlValueAsString.js";
+import "./ClearButton/ClearButton.js";
+import "../../InputBase-2wLvSYMJ.js";
+import "./Input.types.js";
+import { m as u } from "../../LoadingSuspense-BDiikfSh.js";
+import "../../hooks/useControlledState.js";
+import "../Form/hooks/useNoDefaultValueInForms.js";
+export {
+  u as IressInput
+};

package/dist/components/Input/Input.types.js

@@ -0,0 +1,16 @@
+var l = /* @__PURE__ */ ((e) => (e.None = "none", e.Text = "text", e.Tel = "tel", e.Url = "url", e.Email = "email", e.Numeric = "numeric", e.Decimal = "decimal", e.Search = "search", e.DateTimeLocal = "datetime-local", e))(l || {});
+const a = [
+  "none",
+  "text",
+  "tel",
+  "url",
+  "email",
+  "numeric",
+  "decimal",
+  "search",
+  "datetime-local"
+];
+export {
+  a as INPUT_MODES,
+  l as InputMode
+};

package/dist/components/Input/InputBase/InputBase.js

@@ -0,0 +1,9 @@
+import "react/jsx-runtime";
+import "react";
+import { I as e } from "../../../InputBase-2wLvSYMJ.js";
+import "../../../index-2QXL0WYc.js";
+import "../../../helpers/utility/idsLogger.js";
+import "../../../enums.js";
+export {
+  e as InputBase
+};

package/dist/components/Input/InputBase/InputBase.types.js

@@ -0,0 +1 @@
+

package/dist/components/Input/index.js

@@ -0,0 +1,7 @@
+import { m as e } from "../../LoadingSuspense-BDiikfSh.js";
+import { INPUT_MODES as t, InputMode as I } from "./Input.types.js";
+export {
+  t as INPUT_MODES,
+  I as InputMode,
+  e as IressInput
+};

package/dist/components/InputCurrency/InputCurrency.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import { n as e } from "../../LoadingSuspense-BDiikfSh.js";
+import "../Text/Text.js";
+import "react";
+import "../../helpers/formatting/formatCurrency.js";
+export {
+  e as IressInputCurrency
+};

package/dist/components/InputCurrency/InputCurrency.types.js

@@ -0,0 +1 @@
+

package/dist/components/InputCurrency/index.js

@@ -0,0 +1,4 @@
+import { n } from "../../LoadingSuspense-BDiikfSh.js";
+export {
+  n as IressInputCurrency
+};

package/dist/components/Label/Label.js

@@ -0,0 +1,6 @@
+import { jsx as r } from "react/jsx-runtime";
+import { LabelBase as e } from "./LabelBase/LabelBase.js";
+const a = (o) => /* @__PURE__ */ r(e, { ...o, as: o.htmlFor ? "label" : "strong" });
+export {
+  a as IressLabel
+};

package/dist/components/Label/Label.types.js

@@ -0,0 +1 @@
+

package/dist/components/Label/LabelBase/LabelBase.js

@@ -0,0 +1,70 @@
+import { jsxs as m, jsx as e, Fragment as S } from "react/jsx-runtime";
+import { c as t } from "../../../index-2QXL0WYc.js";
+import { GlobalCSSClass as l } from "../../../enums.js";
+import { propagateTestid as x } from "../../../helpers/utility/propagateTestid.js";
+import { useState as y } from "react";
+const q = "ids-label-v5140", R = "ids-label--hidden-v5140", g = "ids-label--has-append-v5140", A = "ids-label--required-v5140", C = "ids-label--optional-v5140", a = {
+  label: q,
+  hidden: R,
+  hasAppend: g,
+  required: A,
+  optional: C
+}, G = ({
+  append: i,
+  as: h = "label",
+  children: u,
+  className: b,
+  "data-testid": d,
+  hiddenLabel: s = !1,
+  optional: r,
+  required: p,
+  ...f
+}) => {
+  const [c, N] = y(), v = (n) => {
+    const o = n == null ? void 0 : n.textContent;
+    o && o !== c && N(o);
+  };
+  return /* @__PURE__ */ m(
+    h,
+    {
+      className: t(b, l.FormLabel, {
+        [a.label]: !0,
+        [a.hidden]: s,
+        [a.hasAppend]: i
+      }),
+      ...f,
+      "data-name": c,
+      "data-testid": d,
+      children: [
+        p && /* @__PURE__ */ m(S, { children: [
+          !s && /* @__PURE__ */ e("span", { className: t(a.required), "aria-hidden": "true", children: "*" }),
+          /* @__PURE__ */ e("span", { className: l.SROnly, children: "Required " })
+        ] }),
+        /* @__PURE__ */ e(
+          "span",
+          {
+            className: t({
+              [l.SROnly]: s === !0
+            }) || void 0,
+            "data-testid": x(d, "text"),
+            ref: v,
+            children: u
+          }
+        ),
+        !p && r && /* @__PURE__ */ e(
+          "span",
+          {
+            className: t(a.optional, {
+              [l.SROnly]: s === !0
+            }),
+            children: typeof r == "string" ? r : "(optional)"
+          }
+        ),
+        i
+      ]
+    }
+  );
+};
+export {
+  G as LabelBase
+};

package/dist/components/Label/LabelBase/LabelBase.types.js

@@ -0,0 +1 @@
+

package/dist/components/Label/index.js

@@ -0,0 +1,4 @@
+import { IressLabel as o } from "./Label.js";
+export {
+  o as IressLabel
+};

package/dist/components/Menu/Menu.js

@@ -0,0 +1,64 @@
+import { jsx as e } from "react/jsx-runtime";
+import { MenuLayout as g, MenuType as x } from "./Menu.types.js";
+import { MenuProvider as P } from "./MenuProvider.js";
+import "react";
+import { idsLogger as j } from "../../helpers/utility/idsLogger.js";
+import { useIdIfNeeded as k } from "../../hooks/useIdIfNeeded.js";
+import { C as A } from "../../floating-ui.react-RKRjRgyj.js";
+import { useMenuAria as N } from "./hooks/useMenuAria.js";
+import { useMenuComposite as O } from "./hooks/useMenuComposite.js";
+import { useMenuStyles as R } from "./hooks/useMenuStyles.js";
+import { useMenuRole as b } from "./hooks/useMenuRole.js";
+const m = ({
+  changeOnBlur: d,
+  children: u,
+  className: f,
+  defaultSelected: a,
+  fluid: c,
+  id: M,
+  layout: r = "stack",
+  multiSelect: s,
+  noWrap: v,
+  onChange: l,
+  role: y,
+  selected: C,
+  type: t,
+  ...I
+}) => {
+  const i = k({ id: M }), p = y ?? t, o = b(s, p), T = N({
+    id: i,
+    layout: r,
+    multiSelect: s,
+    role: o
+  }), h = R({ className: f, fluid: c, layout: r, role: p }), L = O(o), n = {
+    ...I,
+    ...h,
+    ...T,
+    role: o,
+    id: i,
+    children: u
+  };
+  return t !== void 0 && j(
+    "IressMenu: The type prop is deprecated. Please use the role prop instead."
+  ), /* @__PURE__ */ e(
+    P,
+    {
+      changeOnBlur: d,
+      defaultSelected: a,
+      id: i,
+      layout: r,
+      multiSelect: s,
+      nav: p === "nav",
+      noWrap: v,
+      onChange: l,
+      role: o,
+      selected: C,
+      children: L ? /* @__PURE__ */ e(A, { loop: o === "menu", render: /* @__PURE__ */ e("div", { ...n }) }) : /* @__PURE__ */ e("div", { ...n })
+    }
+  );
+};
+m.Layout = g;
+m.Type = x;
+export {
+  m as IressMenu
+};

package/dist/components/Menu/Menu.types.js

@@ -0,0 +1,10 @@
+var n = /* @__PURE__ */ ((i) => (i.Menu = "menu", i.List = "list", i.Listbox = "listbox", i.Nav = "nav", i))(n || {});
+const l = ["menu", "list", "listbox", "nav"];
+var t = /* @__PURE__ */ ((i) => (i.Stack = "stack", i.Inline = "inline", i.InlineEqualWidth = "inline-equal-width", i))(t || {});
+const s = ["stack", "inline", "inline-equal-width"];
+export {
+  s as MENU_LAYOUTS,
+  l as MENU_ROLES,
+  t as MenuLayout,
+  n as MenuType
+};

package/dist/components/Menu/MenuDivider/MenuDivider.js

@@ -0,0 +1,37 @@
+import "react/jsx-runtime";
+import { o as H } from "../../../LoadingSuspense-BDiikfSh.js";
+import "react";
+import "../../../fuzzysort-eoXOpoo6.js";
+import "../../Badge/Badge.js";
+import "../../../index-2QXL0WYc.js";
+import "../../ButtonGroup/ButtonGroupProvider.js";
+import "../../Card/Card.js";
+import "../../CheckboxGroup/CheckboxGroup.js";
+import "../../Col/Col.js";
+import "../../Divider/Divider.js";
+import "../../Expander/Expander.js";
+import "../../Form/FormContext.js";
+import "../Menu.js";
+import "../hooks/useMenu.js";
+import "../../Popover/PopoverProvider.js";
+import "../../CheckboxMark/CheckboxMark.types.js";
+import "../../CheckboxMark/CheckboxMark.js";
+import "../../Modal/ModalProvider.js";
+import "../../Panel/Panel.js";
+import "../../Popover/Popover.js";
+import "../../Popover/InputPopover/InputPopover.js";
+import "../../RadioGroup/RadioGroup.js";
+import "../../Text/Text.js";
+import "../../Skeleton/Skeleton.js";
+import "../../SkipLink/SkipLink.js";
+import "../../Slideout/SlideoutProvider.js";
+import "../../Stack/Stack.js";
+import "../../Table/TableContext.js";
+import "../../TabSet/Tab/Tab.js";
+import "../../TabSet/TabSet.js";
+import "../../Toggle/Toggle.js";
+import "../../Tooltip/Tooltip.js";
+import "../../ValidationMessage/ValidationMessage.js";
+export {
+  H as IressMenuDivider
+};

package/dist/components/Menu/MenuHeading/MenuHeading.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import "../../../enums.js";
+import { p as e } from "../../../LoadingSuspense-BDiikfSh.js";
+import "../../../index-2QXL0WYc.js";
+import "../../../MenuItem.module-C1hy3JLs.js";
+export {
+  e as IressMenuHeading
+};

package/dist/components/Menu/MenuItem/MenuItem.js

@@ -0,0 +1,11 @@
+import "react/jsx-runtime";
+import "react";
+import "./hooks/useMenuItemRole.js";
+import "./hooks/useMenuItemAria.js";
+import "./hooks/useMenuItemButtonProps.js";
+import { r as a } from "../../../LoadingSuspense-BDiikfSh.js";
+import "./hooks/useMenuItemInteractions.js";
+import "./hooks/useMenuItemComposite.js";
+export {
+  a as IressMenuItem
+};

package/dist/components/Menu/MenuItem/MenuItem.types.js

@@ -0,0 +1,6 @@
+var i = /* @__PURE__ */ ((t) => (t.ListItem = "listitem", t.MenuItem = "menuitem", t.Option = "option", t))(i || {});
+const m = ["listitem", "option", "menuitem"];
+export {
+  m as MENU_ITEM_ROLES,
+  i as MenuItemRole
+};

package/dist/components/Menu/MenuItem/hooks/useMenuItemAria.js

@@ -0,0 +1,17 @@
+import { useMenu as r } from "../../hooks/useMenu.js";
+import { idsLogger as i } from "../../../../helpers/utility/idsLogger.js";
+const c = ({
+  selected: t,
+  value: o
+}) => {
+  const e = r(), s = e != null && e.supportsSelection ? e.isSelected(o) : t;
+  return e != null && e.supportsSelection && t && i(
+    "IressMenuItem: The selected prop on IressMenuItem does not work when used inside an IressMenu with role=listbox or the multiSelect prop set to true. Use the selected prop on IressMenu instead."
+  ), {
+    "aria-selected": e != null && e.supportsSelection ? s : void 0,
+    "aria-current": (e == null ? void 0 : e.role) === "nav" || e != null && e.nav ? s : void 0
+  };
+};
+export {
+  c as useMenuItemAria
+};

package/dist/components/Menu/MenuItem/hooks/useMenuItemButtonProps.js

@@ -0,0 +1,47 @@
+import { jsx as o } from "react/jsx-runtime";
+import "../../../CheckboxMark/CheckboxMark.types.js";
+import { IressCheckboxMark as v } from "../../../CheckboxMark/CheckboxMark.js";
+import { useMenu as S } from "../../hooks/useMenu.js";
+import { s as e } from "../../../../MenuItem.module-C1hy3JLs.js";
+import { useMemo as h } from "react";
+import { propagateTestid as x } from "../../../../helpers/utility/propagateTestid.js";
+import { c as M } from "../../../../index-2QXL0WYc.js";
+const B = ({
+  append: r,
+  children: a,
+  className: p,
+  "data-testid": c,
+  divider: d,
+  role: i,
+  selected: m,
+  prepend: l,
+  value: n
+}, f) => {
+  const t = S(), s = t != null && t.supportsSelection ? t.isSelected(n) : m, k = h(() => t != null && t.multiSelect ? /* @__PURE__ */ o(
+    v,
+    {
+      className: e.checkboxMark,
+      checked: s,
+      "data-testid": x(c, "checkbox-mark")
+    }
+  ) : l, [c, s, t == null ? void 0 : t.multiSelect, l]);
+  return {
+    append: r ? /* @__PURE__ */ o("span", { className: e.append, children: r }) : void 0,
+    children: a ? /* @__PURE__ */ o("span", { className: e.contents, children: a }) : void 0,
+    className: M(p, e.menuItem, e.button, {
+      [e.divider]: d,
+      [e.selected]: s,
+      [e.multiSelect]: t == null ? void 0 : t.multiSelect,
+      [e.noWrap]: t == null ? void 0 : t.noWrap,
+      [e["menu--nav"]]: t == null ? void 0 : t.nav,
+      [e[`menu--${t == null ? void 0 : t.layout}`]]: !!(t != null && t.layout),
+      "iress--active": f
+    }),
+    noWrap: t == null ? void 0 : t.noWrap,
+    prepend: k,
+    role: i === "listitem" ? void 0 : i
+  };
+};
+export {
+  B as useMenuItemButtonProps
+};

package/dist/components/Menu/MenuItem/hooks/useMenuItemComposite.js

@@ -0,0 +1,15 @@
+import { jsx as o } from "react/jsx-runtime";
+import { a as i } from "../../../../floating-ui.react-RKRjRgyj.js";
+import { cloneElement as n } from "react";
+import { s as l } from "../../../../MenuItem.module-C1hy3JLs.js";
+import { useMenuComposite as p } from "../../hooks/useMenuComposite.js";
+const I = (t, s) => {
+  const m = p();
+  if (!t)
+    return null;
+  const e = s === "listitem" ? /* @__PURE__ */ o("span", { role: "listitem", className: l.listItem, children: t }) : t;
+  return m ? /* @__PURE__ */ o(i, { render: (r) => n(e, r) }) : e;
+};
+export {
+  I as useMenuItemComposite
+};

package/dist/components/Menu/MenuItem/hooks/useMenuItemInteractions.js

@@ -0,0 +1,67 @@
+import { useMenu as x } from "../../hooks/useMenu.js";
+import { useCallback as S } from "react";
+import { usePopover as B } from "../../../Popover/hooks/usePopover.js";
+import { usePopoverItem as E } from "../../../Popover/hooks/usePopoverItem.js";
+const j = ({
+  canToggle: t,
+  onClick: s,
+  onKeyDown: d,
+  role: c,
+  selected: g,
+  value: f
+}) => {
+  const l = x(), b = B(), a = l != null && l.supportsSelection ? l.isSelected(f) : g, h = S(
+    (r) => {
+      s == null || s(r), M(l, f, a, b, t);
+    },
+    [t, l, s, b, a, f]
+  ), I = S(
+    (r) => {
+      d == null || d(r), r.key === "Tab" && (l != null && l.supportsSelection) && (l != null && l.changeOnBlur) && (l == null || l.toggle(f, !0));
+    },
+    [l, d, f]
+  ), { tabIndex: P, ...k } = E(
+    void 0,
+    O(
+      {
+        canToggle: t,
+        onClick: s,
+        onKeyDown: d,
+        value: f
+      },
+      l,
+      a
+    )
+  );
+  return {
+    ...k,
+    onClick: h,
+    onKeyDown: I,
+    tabIndex: c === "option" ? P : void 0
+  };
+}, M = (t, s, d, c, g) => {
+  var f, l, b;
+  t != null && t.supportsSelection && t.toggle(s, g || t != null && t.multiSelect ? !d : !0), t != null && t.hasArrowKeyNav && !(t != null && t.multiSelect) && ((f = c == null ? void 0 : c.setShow) == null || f.call(c, !1), (b = (l = c == null ? void 0 : c.getFocusableActivator) == null ? void 0 : l.call(c)) == null || b.focus());
+}, O = (t, s, d) => ({
+  onBlur: () => (s == null ? void 0 : s.changeOnBlur) && (s == null ? void 0 : s.toggle(t.value, !0)),
+  onKeyDown: (c) => {
+    var g, f;
+    if (c.key === "Enter") {
+      c.preventDefault(), s == null || s.toggle(
+        t.value,
+        t.canToggle || s != null && s.multiSelect ? !d : !0
+      );
+      const l = new Event("click", {
+        bubbles: !0
+      });
+      Object.defineProperty(l, "target", {
+        writable: !1,
+        value: { value: "", ...c.target }
+      }), (g = t.onClick) == null || g.call(t, l);
+    }
+    (f = t.onKeyDown) == null || f.call(t, c);
+  }
+});
+export {
+  j as useMenuItemInteractions
+};

package/dist/components/Menu/MenuItem/hooks/useMenuItemRole.js

@@ -0,0 +1,9 @@
+import { useMenu as r } from "../../hooks/useMenu.js";
+import { usePopover as i } from "../../../Popover/hooks/usePopover.js";
+const u = () => {
+  const t = r(), e = i(), o = (t == null ? void 0 : t.role) ?? (e == null ? void 0 : e.type);
+  return o === "listbox" ? "option" : o === "menu" ? "menuitem" : o === "list" ? "listitem" : void 0;
+};
+export {
+  u as useMenuItemRole
+};