@als-tp/als-react-ts-ui 0.4.0 → 0.5.1

package/dist/als-react-ts-ui77.js

@@ -1,7 +1,307 @@
-const o = "_root_qmqvr_1", t = {
-  root: o
-};
+import { jsx as e, jsxs as g } from "react/jsx-runtime";
+import * as s from "react";
+import { clsx as u } from "./als-react-ts-ui56.js";
+import r from "./als-react-ts-ui206.js";
+import { NavigationMenuRoot as f } from "./als-react-ts-ui207.js";
+import { NavigationMenuList as L } from "./als-react-ts-ui208.js";
+import { NavigationMenuItem as M } from "./als-react-ts-ui209.js";
+import { NavigationMenuTrigger as A } from "./als-react-ts-ui210.js";
+import { NavigationMenuIcon as S } from "./als-react-ts-ui211.js";
+import { NavigationMenuContent as w } from "./als-react-ts-ui212.js";
+import { NavigationMenuLink as C } from "./als-react-ts-ui213.js";
+import { NavigationMenuPositioner as h } from "./als-react-ts-ui214.js";
+import { NavigationMenuPopup as k } from "./als-react-ts-ui215.js";
+import { NavigationMenuViewport as R } from "./als-react-ts-ui216.js";
+import { NavigationMenuArrow as y } from "./als-react-ts-ui217.js";
+import { NavigationMenuBackdrop as x } from "./als-react-ts-ui218.js";
+import { NavigationMenuPortal as P } from "./als-react-ts-ui219.js";
+const d = s.createContext({
+  size: "md",
+  variant: "default",
+  orientation: "horizontal"
+}), c = () => s.useContext(d), I = s.forwardRef(
+  ({
+    orientation: a = "horizontal",
+    size: o = "md",
+    variant: n = "default",
+    className: i,
+    style: t,
+    children: N,
+    ...m
+  }, l) => {
+    const v = s.useMemo(
+      () => ({ size: o, variant: n, orientation: a }),
+      [o, n, a]
+    );
+    return /* @__PURE__ */ e(d.Provider, { value: v, children: /* @__PURE__ */ e(
+      f,
+      {
+        ref: l,
+        orientation: a,
+        className: u(
+          r.root,
+          r[`root--${o}`],
+          r[`root--${n}`],
+          i
+        ),
+        style: t,
+        ...m,
+        children: N
+      }
+    ) });
+  }
+);
+I.displayName = "ALSNavigationMenu.Root";
+const V = s.forwardRef(({ className: a, style: o, children: n, ...i }, t) => /* @__PURE__ */ e(
+  L,
+  {
+    ref: t,
+    className: u(r.list, a),
+    style: o,
+    ...i,
+    children: n
+  }
+));
+V.displayName = "ALSNavigationMenu.List";
+const H = s.forwardRef(({ className: a, style: o, children: n, ...i }, t) => /* @__PURE__ */ e(
+  M,
+  {
+    ref: t,
+    className: u(r.item, a),
+    style: o,
+    ...i,
+    children: n
+  }
+));
+H.displayName = "ALSNavigationMenu.Item";
+const $ = s.forwardRef(({ className: a, style: o, children: n, ...i }, t) => {
+  const { size: N, variant: m } = c();
+  return /* @__PURE__ */ e(
+    A,
+    {
+      ref: t,
+      className: u(
+        r.trigger,
+        r[`trigger--${N}`],
+        r[`trigger--${m}`],
+        a
+      ),
+      style: o,
+      ...i,
+      children: n
+    }
+  );
+});
+$.displayName = "ALSNavigationMenu.Trigger";
+const B = s.forwardRef(({ className: a, style: o, children: n, ...i }, t) => /* @__PURE__ */ e(
+  S,
+  {
+    ref: t,
+    className: u(r.icon, a),
+    style: o,
+    ...i,
+    children: n ?? /* @__PURE__ */ e(O, {})
+  }
+));
+B.displayName = "ALSNavigationMenu.Icon";
+const T = s.forwardRef(({ className: a, style: o, children: n, ...i }, t) => /* @__PURE__ */ e(
+  w,
+  {
+    ref: t,
+    className: u(r.content, a),
+    style: o,
+    ...i,
+    children: n
+  }
+));
+T.displayName = "ALSNavigationMenu.Content";
+const p = s.forwardRef(
+  ({
+    active: a = !1,
+    closeOnClick: o = !1,
+    className: n,
+    style: i,
+    children: t,
+    ...N
+  }, m) => {
+    const { size: l } = c();
+    return /* @__PURE__ */ e(
+      C,
+      {
+        ref: m,
+        active: a,
+        closeOnClick: o,
+        className: u(
+          r.link,
+          r[`link--${l}`],
+          n
+        ),
+        style: i,
+        render: /* @__PURE__ */ e("a", {}),
+        ...N,
+        children: t
+      }
+    );
+  }
+);
+p.displayName = "ALSNavigationMenu.Link";
+const z = ({ className: a, style: o, children: n, ...i }) => /* @__PURE__ */ e(P, { className: a, style: o, ...i, children: n });
+z.displayName = "ALSNavigationMenu.Portal";
+const Z = s.forwardRef(
+  ({
+    sideOffset: a = 10,
+    collisionPadding: o = { top: 5, bottom: 5, left: 20, right: 20 },
+    className: n,
+    style: i,
+    children: t,
+    ...N
+  }, m) => /* @__PURE__ */ e(
+    h,
+    {
+      ref: m,
+      sideOffset: a,
+      collisionPadding: o,
+      className: u(r.positioner, n),
+      style: i,
+      ...N,
+      children: t
+    }
+  )
+);
+Z.displayName = "ALSNavigationMenu.Positioner";
+const b = s.forwardRef(({ className: a, style: o, children: n, ...i }, t) => {
+  const { variant: N } = c();
+  return /* @__PURE__ */ e(
+    k,
+    {
+      ref: t,
+      className: u(
+        r.popup,
+        r[`popup--${N}`],
+        a
+      ),
+      style: o,
+      ...i,
+      children: n
+    }
+  );
+});
+b.displayName = "ALSNavigationMenu.Popup";
+const j = s.forwardRef(({ className: a, style: o, ...n }, i) => /* @__PURE__ */ e(
+  R,
+  {
+    ref: i,
+    className: u(r.viewport, a),
+    style: o,
+    ...n
+  }
+));
+j.displayName = "ALSNavigationMenu.Viewport";
+const D = s.forwardRef(({ className: a, style: o, children: n, ...i }, t) => /* @__PURE__ */ e(
+  y,
+  {
+    ref: t,
+    className: u(r.arrow, a),
+    style: o,
+    ...i,
+    children: n ?? /* @__PURE__ */ e(W, {})
+  }
+));
+D.displayName = "ALSNavigationMenu.Arrow";
+const F = s.forwardRef(({ className: a, style: o, ...n }, i) => /* @__PURE__ */ e(
+  x,
+  {
+    ref: i,
+    className: u(r.backdrop, a),
+    style: o,
+    ...n
+  }
+));
+F.displayName = "ALSNavigationMenu.Backdrop";
+function O(a) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      width: "10",
+      height: "10",
+      viewBox: "0 0 10 10",
+      fill: "none",
+      "aria-hidden": "true",
+      ...a,
+      children: /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M1 3.5L5 7.5L9 3.5",
+          stroke: "currentColor",
+          strokeWidth: "1.5"
+        }
+      )
+    }
+  );
+}
+function W(a) {
+  return /* @__PURE__ */ g(
+    "svg",
+    {
+      width: "20",
+      height: "10",
+      viewBox: "0 0 20 10",
+      fill: "none",
+      "aria-hidden": "true",
+      ...a,
+      children: [
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z",
+            className: r.arrowFill
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z",
+            className: r.arrowOuterStroke
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z",
+            className: r.arrowInnerStroke
+          }
+        )
+      ]
+    }
+  );
+}
+const q = s.forwardRef(({ title: a, description: o, className: n, children: i, ...t }, N) => /* @__PURE__ */ g(
+  p,
+  {
+    ref: N,
+    className: u(r.linkCard, n),
+    ...t,
+    children: [
+      /* @__PURE__ */ e("span", { className: r.linkCardTitle, children: a }),
+      o && /* @__PURE__ */ e("span", { className: r.linkCardDescription, children: o }),
+      i
+    ]
+  }
+));
+q.displayName = "ALSNavigationMenu.LinkCard";
 export {
-  t as default,
-  o as root
+  D as ALSNavigationMenuArrow,
+  F as ALSNavigationMenuBackdrop,
+  T as ALSNavigationMenuContent,
+  B as ALSNavigationMenuIcon,
+  H as ALSNavigationMenuItem,
+  p as ALSNavigationMenuLink,
+  q as ALSNavigationMenuLinkCard,
+  V as ALSNavigationMenuList,
+  b as ALSNavigationMenuPopup,
+  z as ALSNavigationMenuPortal,
+  Z as ALSNavigationMenuPositioner,
+  I as ALSNavigationMenuRoot,
+  $ as ALSNavigationMenuTrigger,
+  j as ALSNavigationMenuViewport
 };

package/dist/als-react-ts-ui78.js

@@ -1,7 +1,200 @@
-const o = "_root_1jbox_1", t = {
-  root: o
-};
+import { jsx as t } from "react/jsx-runtime";
+import d, { forwardRef as l } from "react";
+import { clsx as m } from "./als-react-ts-ui56.js";
+import e from "./als-react-ts-ui198.js";
+import { NumberFieldRoot as N } from "./als-react-ts-ui199.js";
+import { NumberFieldGroup as p } from "./als-react-ts-ui200.js";
+import { NumberFieldInput as L } from "./als-react-ts-ui201.js";
+import { NumberFieldIncrement as A } from "./als-react-ts-ui202.js";
+import { NumberFieldDecrement as F } from "./als-react-ts-ui203.js";
+import { NumberFieldScrubArea as S } from "./als-react-ts-ui204.js";
+import { NumberFieldScrubAreaCursor as h } from "./als-react-ts-ui205.js";
+const b = d.createContext({
+  size: "md",
+  variant: "outlined"
+}), c = () => d.useContext(b), f = l(
+  ({ size: r = "md", variant: o = "outlined", className: n, children: i, ...a }, u) => {
+    const s = d.useMemo(
+      () => ({ size: r, variant: o }),
+      [r, o]
+    );
+    return /* @__PURE__ */ t(b.Provider, { value: s, children: /* @__PURE__ */ t(
+      N,
+      {
+        ref: u,
+        className: m(
+          e.root,
+          e[`root--${r}`],
+          e[`root--${o}`],
+          n
+        ),
+        ...a,
+        children: i
+      }
+    ) });
+  }
+);
+f.displayName = "ALSNumberField.Root";
+const v = l(({ className: r, children: o, ...n }, i) => {
+  const { size: a, variant: u } = c();
+  return /* @__PURE__ */ t(
+    p,
+    {
+      ref: i,
+      className: m(
+        e.group,
+        e[`group--${a}`],
+        e[`group--${u}`],
+        r
+      ),
+      ...n,
+      children: o
+    }
+  );
+});
+v.displayName = "ALSNumberField.Group";
+const C = l(({ className: r, ...o }, n) => {
+  const { size: i, variant: a } = c();
+  return /* @__PURE__ */ t(
+    L,
+    {
+      ref: n,
+      className: m(
+        e.input,
+        e[`input--${i}`],
+        e[`input--${a}`],
+        r
+      ),
+      ...o
+    }
+  );
+});
+C.displayName = "ALSNumberField.Input";
+const x = l(
+  ({
+    className: r,
+    children: o,
+    "aria-label": n = "Increment",
+    ...i
+  }, a) => {
+    const { size: u, variant: s } = c();
+    return /* @__PURE__ */ t(
+      A,
+      {
+        ref: a,
+        className: m(
+          e.button,
+          e.increment,
+          e[`button--${u}`],
+          e[`button--${s}`],
+          r
+        ),
+        "aria-label": n,
+        ...i,
+        children: o ?? /* @__PURE__ */ t(
+          "svg",
+          {
+            className: e.icon,
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ t("path", { d: "M12 5v14M5 12h14" })
+          }
+        )
+      }
+    );
+  }
+);
+x.displayName = "ALSNumberField.Increment";
+const $ = l(
+  ({
+    className: r,
+    children: o,
+    "aria-label": n = "Decrement",
+    ...i
+  }, a) => {
+    const { size: u, variant: s } = c();
+    return /* @__PURE__ */ t(
+      F,
+      {
+        ref: a,
+        className: m(
+          e.button,
+          e.decrement,
+          e[`button--${u}`],
+          e[`button--${s}`],
+          r
+        ),
+        "aria-label": n,
+        ...i,
+        children: o ?? /* @__PURE__ */ t(
+          "svg",
+          {
+            className: e.icon,
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ t("path", { d: "M5 12h14" })
+          }
+        )
+      }
+    );
+  }
+);
+$.displayName = "ALSNumberField.Decrement";
+const k = l(
+  ({
+    className: r,
+    children: o,
+    direction: n = "horizontal",
+    pixelSensitivity: i = 2,
+    ...a
+  }, u) => /* @__PURE__ */ t(
+    S,
+    {
+      ref: u,
+      className: m(e.scrubArea, r),
+      direction: n,
+      pixelSensitivity: i,
+      ...a,
+      children: o
+    }
+  )
+);
+k.displayName = "ALSNumberField.ScrubArea";
+const y = l(({ className: r, children: o, ...n }, i) => /* @__PURE__ */ t(
+  h,
+  {
+    ref: i,
+    className: m(e.scrubAreaCursor, r),
+    ...n,
+    children: o ?? /* @__PURE__ */ t(
+      "svg",
+      {
+        className: e.scrubCursorIcon,
+        viewBox: "0 0 24 24",
+        fill: "currentColor",
+        "aria-hidden": "true",
+        children: /* @__PURE__ */ t("path", { d: "M9.293 12L5.146 7.854a.5.5 0 01.708-.708L10 11.293V5.5a.5.5 0 011 0v5.793l4.146-4.147a.5.5 0 01.708.708L11.707 12l4.147 4.146a.5.5 0 01-.708.708L11 12.707V18.5a.5.5 0 01-1 0v-5.793l-4.146 4.147a.5.5 0 01-.708-.708L9.293 12z" })
+      }
+    )
+  }
+));
+y.displayName = "ALSNumberField.ScrubAreaCursor";
 export {
-  t as default,
-  o as root
+  $ as ALSNumberFieldDecrement,
+  v as ALSNumberFieldGroup,
+  x as ALSNumberFieldIncrement,
+  C as ALSNumberFieldInput,
+  f as ALSNumberFieldRoot,
+  k as ALSNumberFieldScrubArea,
+  y as ALSNumberFieldScrubAreaCursor
 };

package/dist/als-react-ts-ui8.js

@@ -1,9 +1,8 @@
-import { jsx as o } from "react/jsx-runtime";
-import r from "./als-react-ts-ui62.js";
-function m(t) {
-  return /* @__PURE__ */ o("div", { className: r.root });
-}
+import { ALSCheckboxIndicator as o, ALSCheckboxRoot as t } from "./als-react-ts-ui62.js";
+const r = {
+  Root: t,
+  Indicator: o
+};
 export {
-  m as ALSCheckbox,
-  m as default
+  r as ALSCheckbox
 };

package/dist/als-react-ts-ui80.js

@@ -1,25 +1,25 @@
-import J from "./als-react-ts-ui197.js";
+import J from "./als-react-ts-ui242.js";
 import * as o from "react";
 import * as h from "react-dom";
-import { useStableCallback as v } from "./als-react-ts-ui160.js";
-import { usePopoverRootContext as Q } from "./als-react-ts-ui284.js";
-import { useButton as W } from "./als-react-ts-ui179.js";
-import { pressableTriggerOpenStateMapping as X, triggerOpenStateMapping as Z } from "./als-react-ts-ui188.js";
-import { useRenderElement as $ } from "./als-react-ts-ui166.js";
-import { CLICK_TRIGGER_IDENTIFIER as ee } from "./als-react-ts-ui198.js";
-import { OPEN_DELAY as te } from "./als-react-ts-ui287.js";
-import { useBaseUiId as re } from "./als-react-ts-ui170.js";
-import { FocusGuard as E } from "./als-react-ts-ui288.js";
-import { createChangeEventDetails as R } from "./als-react-ts-ui167.js";
+import { useStableCallback as v } from "./als-react-ts-ui266.js";
+import { usePopoverRootContext as Q } from "./als-react-ts-ui386.js";
+import { useButton as W } from "./als-react-ts-ui230.js";
+import { pressableTriggerOpenStateMapping as X, triggerOpenStateMapping as Z } from "./als-react-ts-ui227.js";
+import { useRenderElement as $ } from "./als-react-ts-ui226.js";
+import { CLICK_TRIGGER_IDENTIFIER as ee } from "./als-react-ts-ui243.js";
+import { OPEN_DELAY as te } from "./als-react-ts-ui388.js";
+import { useBaseUiId as re } from "./als-react-ts-ui232.js";
+import { FocusGuard as E } from "./als-react-ts-ui360.js";
+import { createChangeEventDetails as R } from "./als-react-ts-ui229.js";
 import { jsxs as oe, jsx as c } from "react/jsx-runtime";
-import { useHoverReferenceInteraction as se } from "./als-react-ts-ui289.js";
-import { safePolygon as ne } from "./als-react-ts-ui290.js";
-import { useClick as ie } from "./als-react-ts-ui200.js";
-import { useInteractions as ae } from "./als-react-ts-ui201.js";
-import { getTabbableBeforeElement as ce, isOutsideEvent as pe, getTabbableAfterElement as ue, getNextTabbable as le } from "./als-react-ts-ui291.js";
-import { useTriggerDataForwarding as ge } from "./als-react-ts-ui199.js";
-import { triggerPress as P, focusOut as O } from "./als-react-ts-ui168.js";
-import { contains as me } from "./als-react-ts-ui241.js";
+import { useHoverReferenceInteraction as se } from "./als-react-ts-ui377.js";
+import { safePolygon as ne } from "./als-react-ts-ui383.js";
+import { useClick as ie } from "./als-react-ts-ui245.js";
+import { useInteractions as ae } from "./als-react-ts-ui246.js";
+import { useTriggerDataForwarding as ce } from "./als-react-ts-ui244.js";
+import { triggerPress as P, focusOut as O } from "./als-react-ts-ui231.js";
+import { getTabbableBeforeElement as pe, isOutsideEvent as ue, getTabbableAfterElement as le, getNextTabbable as ge } from "./als-react-ts-ui366.js";
+import { contains as me } from "./als-react-ts-ui312.js";
 const fe = /* @__PURE__ */ o.forwardRef(function(l, F) {
   const {
     render: be,
@@ -39,7 +39,7 @@ const fe = /* @__PURE__ */ o.forwardRef(function(l, F) {
   const s = re(x), f = e.useState("isTriggerActive", s), i = e.useState("floatingRootContext"), d = e.useState("isOpenedByTrigger", s), [p, N] = o.useState(null), {
     registerTrigger: D,
     isMountedByThisTrigger: w
-  } = ge(s, p, e, {
+  } = ce(s, p, e, {
     payload: C,
     disabled: n,
     openOnHover: g,
@@ -82,19 +82,19 @@ const fe = /* @__PURE__ */ o.forwardRef(function(l, F) {
   }), T = o.useRef(null), Y = v((t) => {
     h.flushSync(() => {
       e.setOpen(!1, R(O, t.nativeEvent, t.currentTarget));
-    }), ce(T.current)?.focus();
+    }), pe(T.current)?.focus();
   }), q = v((t) => {
     const a = e.select("positionerElement");
-    if (a && pe(t, a))
+    if (a && ue(t, a))
       e.context.beforeContentFocusGuardRef.current?.focus();
     else {
       h.flushSync(() => {
         e.setOpen(!1, R(O, t.nativeEvent, t.currentTarget));
       });
-      let r = ue(p);
+      let r = le(p);
       for (; r !== null && me(a, r) || r?.hasAttribute("aria-hidden"); ) {
         const z = r;
-        if (r = le(r), r === z)
+        if (r = ge(r), r === z)
           break;
       }
       r?.focus();

package/dist/als-react-ts-ui81.js

@@ -1,20 +1,20 @@
 import * as n from "react";
-import { inertValue as U } from "./als-react-ts-ui194.js";
-import { useIsoLayoutEffect as q } from "./als-react-ts-ui161.js";
-import { usePopoverRootContext as z } from "./als-react-ts-ui284.js";
-import { PopoverPositionerContext as G } from "./als-react-ts-ui293.js";
-import { useAnchorPositioning as J } from "./als-react-ts-ui272.js";
-import { popupStateMapping as K } from "./als-react-ts-ui188.js";
-import { usePopoverPortalContext as Q } from "./als-react-ts-ui292.js";
-import { InternalBackdrop as W } from "./als-react-ts-ui195.js";
-import { useRenderElement as X } from "./als-react-ts-ui166.js";
-import { POPUP_COLLISION_AVOIDANCE as Y } from "./als-react-ts-ui198.js";
-import { useAnimationsFinished as Z } from "./als-react-ts-ui217.js";
-import { adaptiveOrigin as $ } from "./als-react-ts-ui294.js";
-import { getDisabledMountTransitionStyles as ee } from "./als-react-ts-ui279.js";
+import { inertValue as U } from "./als-react-ts-ui239.js";
+import { useIsoLayoutEffect as q } from "./als-react-ts-ui267.js";
+import { usePopoverRootContext as z } from "./als-react-ts-ui386.js";
+import { PopoverPositionerContext as G } from "./als-react-ts-ui390.js";
+import { useAnchorPositioning as J } from "./als-react-ts-ui391.js";
+import { popupStateMapping as K } from "./als-react-ts-ui227.js";
+import { usePopoverPortalContext as Q } from "./als-react-ts-ui389.js";
+import { InternalBackdrop as W } from "./als-react-ts-ui240.js";
+import { useRenderElement as X } from "./als-react-ts-ui226.js";
+import { POPUP_COLLISION_AVOIDANCE as Y } from "./als-react-ts-ui243.js";
+import { useAnimationsFinished as Z } from "./als-react-ts-ui319.js";
+import { adaptiveOrigin as $ } from "./als-react-ts-ui392.js";
+import { getDisabledMountTransitionStyles as ee } from "./als-react-ts-ui393.js";
 import { jsxs as te, jsx as h } from "react/jsx-runtime";
-import { useFloatingNodeId as oe, FloatingNode as ne } from "./als-react-ts-ui286.js";
-import { triggerHover as re } from "./als-react-ts-ui168.js";
+import { useFloatingNodeId as oe, FloatingNode as ne } from "./als-react-ts-ui364.js";
+import { triggerHover as re } from "./als-react-ts-ui231.js";
 const ie = /* @__PURE__ */ n.forwardRef(function(a, S) {
   const {
     render: ae,