@iress-oss/ids-components 0.0.1-dev.14 → 0.0.1-dev.15

package/dist/components/Popover/components/PopoverActivator.js

@@ -0,0 +1,87 @@
+import { jsx as d } from "react/jsx-runtime";
+import { s as c } from "../../../Popover.module-BzjyEvrY.js";
+import { PopoverCssClass as m } from "../Popover.types.js";
+import { usePopover as g } from "../hooks/usePopover.js";
+import { useRef as A, useMemo as b, useEffect as v } from "react";
+import { focusableElements as T } from "../../../helpers/dom/focusableElements.js";
+import { safeClosest as f } from "../../../helpers/dom/domUtils.js";
+import { usePopoverActivatorInteractions as x } from "../hooks/usePopoverActivatorInteractions.js";
+import { c as E } from "../../../index-2QXL0WYc.js";
+const P = [
+  "aria-controls",
+  "aria-expanded",
+  "aria-haspopup",
+  "data-active",
+  "id",
+  "role",
+  "tabindex"
+], y = (o, i) => {
+  const t = o.querySelector("[id]"), a = t == null ? void 0 : t.getAttribute("id");
+  t == null || t.removeAttribute("id"), P.forEach((s) => {
+    const n = o.getAttribute(s);
+    o.removeAttribute(s), n && i.setAttribute(s, n);
+  }), a && i.setAttribute("id", a);
+}, N = ({
+  children: o,
+  ...i
+}) => {
+  const t = g(), a = A(null), s = o == null ? void 0 : o.props, n = x(
+    t,
+    s
+  ), l = b(() => {
+    if (t != null && t.show)
+      return [
+        ...t.getAriaControls(),
+        s["aria-controls"],
+        t.api.context.floatingId
+      ].join(" ").trim();
+  }, [s, t]);
+  return v(() => {
+    var r, e;
+    !a.current || !(t != null && t.getVirtualFocus) || t.activeIndex === null || (setTimeout(
+      () => {
+        var u;
+        return (u = t == null ? void 0 : t.api.refs.domReference.current) == null ? void 0 : u.removeAttribute(
+          "aria-activedescendant"
+        );
+      }
+    ), a.current.setAttribute(
+      "aria-activedescendant",
+      ((e = (r = t.list.current) == null ? void 0 : r[t.activeIndex]) == null ? void 0 : e.id) ?? ""
+    ));
+  }, [t]), /* @__PURE__ */ d(
+    "div",
+    {
+      ...i,
+      className: E(c.activator, {
+        [m.Active]: t == null ? void 0 : t.show
+      }),
+      ...t == null ? void 0 : t.interactions.getReferenceProps({
+        ...n,
+        "aria-controls": l,
+        role: s.role,
+        ref: (r) => {
+          if (!r) return;
+          t == null || t.api.refs.setReference(r);
+          const e = (r == null ? void 0 : r.querySelector("[role=combobox]")) ?? T(r)[0];
+          e && (a.current = e, y(r, e));
+        },
+        onBlur: (r) => {
+          r.relatedTarget instanceof Element && f(r.relatedTarget, `.${c.content}`) && (r.preventDefault(), r.stopPropagation());
+        },
+        onFocus: (r) => {
+          t != null && t.disabledAutoToggle || r.relatedTarget instanceof Element && (r.relatedTarget.hasAttribute("data-floating-ui-focus-guard") || f(r.relatedTarget, `.${c.content}`)) && t.show && (setTimeout(() => {
+            var e;
+            (e = a.current) == null || e.focus();
+          }), setTimeout(() => {
+            t.setShowWithReason(!1, r.nativeEvent, "focus");
+          }, 300));
+        }
+      }),
+      children: o
+    }
+  );
+};
+export {
+  N as PopoverActivator
+};

package/dist/components/Popover/components/PopoverContent.js

@@ -0,0 +1,59 @@
+import { jsx as e } from "react/jsx-runtime";
+import { c } from "../../../index-2QXL0WYc.js";
+import { s as m } from "../../../Popover.module-BzjyEvrY.js";
+import { usePopover as g } from "../hooks/usePopover.js";
+import { b as F, F as h, c as p, d as i, e as P, f as I, g as N } from "../../../floating-ui.react-nmA48tb2.js";
+import { composePopoverFloatingProps as x } from "../helpers/composeFloatingProps.js";
+const l = ({
+  children: n,
+  className: o,
+  displayMode: r,
+  style: s,
+  virtualFocus: a,
+  ...f
+}) => {
+  const t = g();
+  if (!t) return null;
+  const u = x(
+    t,
+    r,
+    s
+  );
+  return /* @__PURE__ */ e(I, { elementsRef: t.list, children: /* @__PURE__ */ e(
+    N,
+    {
+      context: t.api.context,
+      initialFocus: a ? -1 : 0,
+      modal: !1,
+      disabled: !(t != null && t.show),
+      returnFocus: !a,
+      children: /* @__PURE__ */ e(
+        "div",
+        {
+          ...f,
+          className: c(o, m.content),
+          hidden: !(t != null && t.show),
+          ref: t == null ? void 0 : t.api.refs.setFloating,
+          ...u,
+          children: n
+        }
+      )
+    }
+  ) });
+}, d = ({
+  className: n,
+  container: o,
+  ...r
+}) => {
+  const s = p();
+  return o ? /* @__PURE__ */ e(i, { id: s, children: /* @__PURE__ */ e(P, { root: o, preserveTabOrder: !0, children: /* @__PURE__ */ e(
+    l,
+    {
+      ...r,
+      className: c(n, m.portal)
+    }
+  ) }) }) : /* @__PURE__ */ e(i, { id: s, children: /* @__PURE__ */ e(l, { ...r, className: n }) });
+}, y = (n) => F() === null ? /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(d, { ...n }) }) : /* @__PURE__ */ e(d, { ...n });
+export {
+  y as PopoverContent
+};

package/dist/components/Popover/helpers/composeFloatingProps.js

@@ -0,0 +1,37 @@
+import { getActiveElement as h } from "../../../helpers/dom/getActiveElement.js";
+import { handlePopoverTabKey as x } from "./handlePopoverTabKey.js";
+const I = (t, e, d) => {
+  var c;
+  const s = t != null && t.hasInnerRole() || t == null ? void 0 : t.type, g = s && ["listbox", "menu", "tree"].includes(s), m = s && ["application", "combobox", "composite", "group"].includes(s), f = e === "inline", y = () => {
+    setTimeout(() => {
+      var i, a;
+      h() === t.api.elements.floating && !t.getVirtualFocus && ((a = (i = t.list.current) == null ? void 0 : i[0]) == null || a.focus());
+    });
+  }, r = (i) => {
+    var l, u;
+    const a = t.getVirtualFocus !== void 0;
+    if (i.key === "Tab" && x(t, i), i.key === "PageUp" && !a && ((l = t.list.current[0]) == null || l.focus()), i.key === "PageDown" && !a) {
+      const b = Math.max((t == null ? void 0 : t.list.current.length) - 1, 0);
+      (u = t.list.current[b]) == null || u.focus();
+    }
+    t.disabledAutoToggle || A(t, i);
+  }, n = t.interactions.getFloatingProps({
+    onFocus: y,
+    onKeyDown: r
+  });
+  return {
+    ...n,
+    "aria-activedescendant": m ? n == null ? void 0 : n["aria-activedescendant"] : void 0,
+    "aria-orientation": g ? n == null ? void 0 : n["aria-orientation"] : void 0,
+    role: s,
+    style: {
+      ...d,
+      ...f ? {} : (c = t == null ? void 0 : t.api) == null ? void 0 : c.floatingStyles
+    }
+  };
+}, A = (t, e) => {
+  t.type !== "listbox" || e.key !== "ArrowUp" || t.activeIndex !== 0 || t.setShowWithReason(!1, e.nativeEvent, "list-navigation");
+};
+export {
+  I as composePopoverFloatingProps
+};

package/dist/components/Popover/helpers/composePopoverWidth.js

@@ -0,0 +1,4 @@
+const t = (e, o = !1) => o ? { maxWidth: "none" } : e ? { maxWidth: e, width: "100%" } : {};
+export {
+  t as composePopoverWidth
+};

package/dist/components/Popover/helpers/handlePopoverTabKey.js

@@ -0,0 +1,30 @@
+import { t as f } from "../../../index.esm-BnSuefUA.js";
+import { s as c } from "../../../Popover.module-BzjyEvrY.js";
+import { FOCUSABLE_QUERY_SELECTOR as l } from "../../../constants.js";
+import { focusableElements as m } from "../../../helpers/dom/focusableElements.js";
+import { waitUntilTrue as u } from "./waitUntilTrue.js";
+const g = async (n, s) => {
+  if (s.key !== "Tab")
+    return;
+  const o = n.api.elements.reference;
+  if (!o)
+    return;
+  let t = o;
+  if (!t.matches(l)) {
+    const e = m(o);
+    t = e[e.length - 1];
+  }
+  if (s.shiftKey && (n.setShow(!1), t.focus()), !s.shiftKey) {
+    n.setShowWithReason(!1);
+    const e = f(document.documentElement).filter(
+      (i) => !i.closest(`.${c.content}`) && !i.hasAttribute("data-floating-ui-focus-guard")
+    ), a = e.indexOf(t), r = e[a + 1];
+    if (a === -1 || !r) return;
+    await u(
+      () => !r.hasAttribute("data-floating-ui-inert")
+    ), r.focus();
+  }
+};
+export {
+  g as handlePopoverTabKey
+};

package/dist/components/Popover/helpers/hasFocus.js

@@ -0,0 +1,8 @@
+import { getActiveElement as n } from "../../../helpers/dom/getActiveElement.js";
+const c = (t) => {
+  const e = n();
+  return t && e ? t.contains(e) : !1;
+};
+export {
+  c as hasFocus
+};

package/dist/components/Popover/helpers/waitUntilTrue.js

@@ -0,0 +1,12 @@
+const c = async (e, n = 1e3, o = 50) => {
+  const i = Date.now();
+  return new Promise((r, s) => {
+    const t = () => {
+      e() ? r() : Date.now() - i >= n ? s(new Error("Condition not met within timeout")) : setTimeout(t, o);
+    };
+    t();
+  });
+};
+export {
+  c as waitUntilTrue
+};

package/dist/components/Popover/hooks/usePopover.js

@@ -0,0 +1,6 @@
+import { useContext as o } from "react";
+import { a as t } from "../../../PopoverProvider-BqnPfQtY.js";
+const p = () => o(t);
+export {
+  p as usePopover
+};

package/dist/components/Popover/hooks/usePopoverActivatorInteractions.js

@@ -0,0 +1,36 @@
+import { useCallback as D } from "react";
+const x = (n, t) => {
+  const u = D(
+    (i) => {
+      var a;
+      (a = t == null ? void 0 : t.onBlur) == null || a.call(t, i);
+    },
+    [t]
+  ), s = D(
+    (i) => {
+      var a;
+      n != null && n.show ? c(i, n) : n && k(i, n), (a = t == null ? void 0 : t.onKeyDown) == null || a.call(t, i);
+    },
+    [t, n]
+  );
+  return {
+    onBlur: u,
+    onKeyDown: s
+  };
+}, c = (n, t) => {
+  var s, i, a, g, h, d, y;
+  const u = (t == null ? void 0 : t.getVirtualFocus) !== void 0;
+  if ((a = (i = (s = t == null ? void 0 : t.getVirtualFocus) == null ? void 0 : s.call(t)) == null ? void 0 : i.onKeyDown) == null || a.call(i, n), n.key === "Tab" && ((d = (h = (g = t == null ? void 0 : t.getVirtualFocus) == null ? void 0 : g.call(t)) == null ? void 0 : h.onBlur) == null || d.call(h, n), t != null && t.getVirtualFocus && (t == null || t.setShowWithReason(!1, n.nativeEvent, "focus"))), n.key === "PageUp" && u && t.setActiveIndex(0), n.key === "PageDown" && u) {
+    const l = Math.max((t == null ? void 0 : t.list.current.length) - 1, 0);
+    t.setActiveIndex(l);
+  }
+  if (n.key === "ArrowUp" && (t == null ? void 0 : t.activeIndex) === 0 && (t == null || t.setShowWithReason(!1, n.nativeEvent, "focus")), n.key === "ArrowRight" && n.isDefaultPrevented() && n.target instanceof HTMLInputElement && ((y = n.target.value) != null && y.length)) {
+    const l = n.target, w = l.selectionStart ?? 0;
+    w < l.value.length && l.setSelectionRange(w + 1, w + 1);
+  }
+}, k = (n, t) => {
+  n.key === "ArrowDown" && (t == null || t.setShowWithReason(!0, n.nativeEvent, "focus"));
+};
+export {
+  x as usePopoverActivatorInteractions
+};

package/dist/components/Popover/hooks/usePopoverAria.js

@@ -0,0 +1,18 @@
+import { useRef as i, useCallback as c } from "react";
+function o() {
+  const r = i([]), u = c(
+    (e, t = !0) => {
+      t && !r.current.includes(e) && (r.current = [...r.current, e]), !t && r.current.includes(e) && (r.current = r.current.filter(
+        (n) => e !== n
+      ));
+    },
+    []
+  );
+  return {
+    getAriaControls: () => r.current,
+    toggleAriaControls: u
+  };
+}
+export {
+  o as usePopoverAria
+};

package/dist/components/Popover/hooks/usePopoverImperativeHandle.js

@@ -0,0 +1,25 @@
+import { useImperativeHandle as g } from "react";
+const m = (s, o, r, l, e) => {
+  g(
+    s,
+    () => ({
+      getActivator: () => o.elements.domReference,
+      getFocusableActivator: e == null ? void 0 : e.getFocusableActivator,
+      getContent: () => o.elements.floating,
+      setShow: l.setShow,
+      show: l.show,
+      toggleAriaControls: r.toggleAriaControls
+    }),
+    [
+      e == null ? void 0 : e.getFocusableActivator,
+      l.setShow,
+      l.show,
+      r.toggleAriaControls,
+      o.elements.domReference,
+      o.elements.floating
+    ]
+  );
+};
+export {
+  m as usePopoverImperativeHandle
+};

package/dist/components/Popover/hooks/usePopoverItem.js

@@ -0,0 +1,18 @@
+import { u as r } from "../../../floating-ui.react-nmA48tb2.js";
+import { useId as f, useEffect as I } from "react";
+import { usePopover as a } from "./usePopover.js";
+const b = (i, e = null) => {
+  const t = a(), { ref: c, index: u } = r({ label: i }), o = f(), s = (t == null ? void 0 : t.setVirtualFocus) && u === (t == null ? void 0 : t.activeIndex), m = s ? 0 : -1;
+  return I(() => {
+    var n;
+    s && ((n = t == null ? void 0 : t.setVirtualFocus) == null || n.call(t, e));
+  }, [s, t, e]), {
+    id: o,
+    isActiveInPopover: s,
+    ref: c,
+    tabIndex: t ? m : void 0
+  };
+};
+export {
+  b as usePopoverItem
+};

package/dist/components/Popover/hooks/usePopoverNavigation.js

@@ -0,0 +1,32 @@
+import { useMemo as a, useState as O, useEffect as R, useRef as r } from "react";
+import { n as d } from "../../../floating-ui.react-nmA48tb2.js";
+const E = (l, n, e, t, i = 0) => {
+  const s = a(
+    () => !!(n && ["menu", "listbox"].includes(n)),
+    [n]
+  ), f = a(() => s ? e == null ? void 0 : e.focusItemOnOpen : !1, [e == null ? void 0 : e.focusItemOnOpen, s]), [o, u] = O(null);
+  R(() => {
+    l.open ? u(f ? i : null) : u(null);
+  }, [l.open, f, i]);
+  const c = r([]), v = r(null), I = d(l, {
+    ...e,
+    activeIndex: o,
+    enabled: s,
+    focusItemOnHover: !1,
+    listRef: c,
+    loop: n === "menu",
+    onNavigate: (m) => {
+      u(m), t == null || t(m);
+    },
+    virtualItemRef: v
+  });
+  return {
+    activeIndex: o,
+    list: c,
+    listNav: I,
+    setActiveIndex: u
+  };
+};
+export {
+  E as usePopoverNavigation
+};

package/dist/components/Popover/hooks/usePopoverState.js

@@ -0,0 +1,29 @@
+import { useRef as a } from "react";
+import { useControlledState as u } from "../../../hooks/useControlledState.js";
+const c = ({
+  defaultShow: o,
+  show: r
+}) => {
+  const e = a(!1), {
+    isControlled: s,
+    setValue: t,
+    value: n
+  } = u({
+    component: "IressPopover",
+    defaultValue: o,
+    propName: "show",
+    value: r
+  });
+  return {
+    hasInnerRole: () => e.current,
+    isControlled: s,
+    setShow: t,
+    setHasInnerRole: (l) => {
+      e.current = l;
+    },
+    show: !!n
+  };
+};
+export {
+  c as usePopoverState
+};

package/dist/components/Popover/index.js

@@ -0,0 +1,13 @@
+import { POPOVER_TYPES as e, POPOVER_USE_MAX_HEIGHT as p, PopoverCssClass as P, PopoverType as s } from "./Popover.types.js";
+import { IressPopover as m } from "./Popover.js";
+import { usePopoverItem as E } from "./hooks/usePopoverItem.js";
+import { IressInputPopover as f } from "./InputPopover/InputPopover.js";
+export {
+  f as IressInputPopover,
+  m as IressPopover,
+  e as POPOVER_TYPES,
+  p as POPOVER_USE_MAX_HEIGHT,
+  P as PopoverCssClass,
+  s as PopoverType,
+  E as usePopoverItem
+};

package/dist/components/Progress/Progress.js

@@ -0,0 +1,52 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useState as f, useEffect as v } from "react";
+import { propagateTestid as h } from "../../helpers/utility/propagateTestid.js";
+import { stringReplacer as M } from "../../helpers/formatting/stringReplacer.js";
+import { c as S } from "../../index-2QXL0WYc.js";
+const x = "ids-progress-v5170", b = "ids-progress--indicator-v5170", n = {
+  progress: x,
+  indicator: b
+}, N = ({
+  className: c,
+  max: r = 100,
+  min: t = 0,
+  sectionTitle: l = "Progress is {{current}} of {{max}}",
+  value: s = 0,
+  "data-testid": e,
+  ...d
+}) => {
+  const [o, p] = f(s), g = `${Math.round((s - t) / (r - t) * 100).toString()}%`, a = () => M(l, [
+    { name: "{{current}}", value: o.toString() },
+    { name: "{{max}}", value: r.toString() }
+  ]);
+  return v(() => {
+    const m = Math.max(s, t), u = Math.min(m, r);
+    p(u);
+  }, [s, t, r]), /* @__PURE__ */ i(
+    "div",
+    {
+      ...d,
+      "data-testid": e,
+      className: S(c, n.progress),
+      children: /* @__PURE__ */ i(
+        "div",
+        {
+          "aria-valuetext": a(),
+          "aria-valuemax": r,
+          "aria-valuemin": t,
+          "aria-valuenow": o,
+          "aria-label": a(),
+          className: n.indicator,
+          role: "progressbar",
+          "data-testid": h(e, "progressbar"),
+          style: {
+            width: g
+          }
+        }
+      )
+    }
+  );
+}, R = N;
+export {
+  R as IressProgress
+};

package/dist/components/Progress/Progress.types.js

@@ -0,0 +1 @@
+

package/dist/components/Progress/index.js

@@ -0,0 +1,4 @@
+import { IressProgress as e } from "./Progress.js";
+export {
+  e as IressProgress
+};

package/dist/components/Provider/Provider.js

@@ -0,0 +1,38 @@
+import { jsxs as d, jsx as s } from "react/jsx-runtime";
+import { O as c } from "../../LoadingSuspense-fgJdyrWn.js";
+import { IressModalProvider as l } from "../Modal/ModalProvider.js";
+import "react";
+import { a as p } from "../../SlideoutProvider-CQh140HM.js";
+import { createPortal as n } from "react-dom";
+const x = ({
+  children: e,
+  container: r,
+  injectPushStyles: o,
+  noIcons: i,
+  position: m,
+  ...t
+}) => /* @__PURE__ */ d(l, { container: r, children: [
+  /* @__PURE__ */ s(c, { container: r, position: m, children: /* @__PURE__ */ s(
+    p,
+    {
+      container: r,
+      injectPushStyles: o,
+      ...t,
+      children: e
+    }
+  ) }),
+  !i && n(
+    /* @__PURE__ */ s(
+      "link",
+      {
+        rel: "stylesheet",
+        href: "https://cdn.iress.com/icons/5.15.4/css/combined.min.css"
+      }
+    ),
+    document.head,
+    "design-system-icons"
+  )
+] });
+export {
+  x as IressProvider
+};

package/dist/components/Provider/index.js

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

package/dist/components/Radio/Radio.js

@@ -0,0 +1,11 @@
+import "react/jsx-runtime";
+import "../../index-2QXL0WYc.js";
+import { u as d } from "../../LoadingSuspense-fgJdyrWn.js";
+import "react";
+import "../../hooks/useIdIfNeeded.js";
+import "../../helpers/utility/propagateTestid.js";
+import "../RadioGroup/RadioGroupContext.js";
+import "../../helpers/form/getFormControlValueAsString.js";
+export {
+  d as IressRadio
+};

package/dist/components/Radio/Radio.types.js

@@ -0,0 +1 @@
+

package/dist/components/Radio/helpers/mapRadioGroupOptions.js

@@ -0,0 +1,19 @@
+import { jsx as i } from "react/jsx-runtime";
+import { u as t } from "../../../LoadingSuspense-fgJdyrWn.js";
+import { idsLogger as p } from "../../../helpers/utility/idsLogger.js";
+import { getFormControlValueAsString as d } from "../../../helpers/form/getFormControlValueAsString.js";
+const f = (r) => r != null && r.length ? (p(
+  "IressRadioGroup: mapRadioGroupOptions has been deprecated and will be removed in a future version of IDS, please map and render the items array directly in your application instead",
+  "warn"
+), r.map(({ label: o, testId: e, value: a }, n) => /* @__PURE__ */ i(
+  t,
+  {
+    value: a,
+    "data-testid": e,
+    children: o
+  },
+  o || d(a) || n
+))) : null;
+export {
+  f as mapRadioGroupOptions
+};

package/dist/components/Radio/index.js

@@ -0,0 +1,4 @@
+import { u as s } from "../../LoadingSuspense-fgJdyrWn.js";
+export {
+  s as IressRadio
+};

package/dist/components/RadioGroup/RadioGroup.js

@@ -0,0 +1,86 @@
+import { jsx as v } from "react/jsx-runtime";
+import { c as L } from "../../index-2QXL0WYc.js";
+import { RadioGroupLayout as S } from "./RadioGroup.types.js";
+import { forwardRef as W, useRef as j, useMemo as w, useImperativeHandle as D } from "react";
+import { useControlledState as F } from "../../hooks/useControlledState.js";
+import { RadioGroupContext as H } from "./RadioGroupContext.js";
+import { useNoDefaultValueInForms as M } from "../Form/hooks/useNoDefaultValueInForms.js";
+const P = "ids-radio-group-v5170", z = "ids-radio-group--stack-v5170", A = "ids-radio-group--block-v5170", B = "ids-radio-group--inline-v5170", J = "ids-radio-group--inline-flex-v5170", K = "ids-radio-group--inline-equal-width-v5170", G = {
+  radioGroup: P,
+  stack: z,
+  "ids-radio": "ids-radio-v5170",
+  block: A,
+  "ids-radio--label": "ids-radio--label-v5170",
+  inline: B,
+  inlineFlex: J,
+  inlineEqualWidth: K
+}, R = W(
+  ({
+    children: b,
+    className: k,
+    hiddenRadio: d,
+    layout: l = "stack",
+    name: u,
+    onChange: r,
+    onFocus: e,
+    required: p,
+    role: x = "radiogroup",
+    defaultValue: c,
+    readonly: n,
+    value: I,
+    touch: m,
+    ...g
+  }, N) => {
+    M({
+      component: "IressRadioGroup",
+      defaultValue: c
+    });
+    const s = j(null), o = s.current, { value: f, setValue: a } = F({
+      component: "IressRadioGroup",
+      defaultValue: c,
+      value: I
+    }), q = w(
+      () => ({
+        name: u,
+        value: f,
+        hiddenRadio: d,
+        required: p,
+        readonly: n,
+        touch: m,
+        onChange: (t, i) => {
+          a(i), r == null || r(t, i);
+        }
+      }),
+      [u, f, d, p, n, a, r, m]
+    );
+    D(N, () => ({
+      // React hook form requires the focus, blur, input
+      focus: () => o == null ? void 0 : o.focus(),
+      blur: () => o == null ? void 0 : o.blur(),
+      input: o,
+      reset: () => a(void 0)
+    }));
+    const y = (t) => {
+      var i;
+      e == null || e(t), t.target === s.current && ((i = s.current.querySelector("input")) == null || i.focus());
+    };
+    return /* @__PURE__ */ v(H.Provider, { value: q, children: /* @__PURE__ */ v(
+      "div",
+      {
+        ...g,
+        ref: s,
+        role: x,
+        className: L(k, G.radioGroup, {
+          [G[l]]: !!l
+        }),
+        onFocus: y,
+        children: b
+      }
+    ) });
+  }
+);
+R.displayName = "IressRadioGroup";
+R.Layout = S;
+export {
+  R as IressRadioGroup
+};