@worldcoin/mini-apps-ui-kit-react 1.0.0-canary.16 → 1.0.0-canary.18

package/dist/node_modules/.pnpm/@radix-ui_react-radio-group@1.2.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@_2u6lfd2xt65wmbxn7lgvaxqbmy/node_modules/@radix-ui/react-radio-group/dist/index.js

@@ -1,100 +1,121 @@
 "use client";
-import * as s from "react";
-import { composeEventHandlers as y } from "../../../../../@radix-ui_primitive@1.1.1/node_modules/@radix-ui/primitive/dist/index.js";
-import { useComposedRefs as P } from "../../../../../@radix-ui_react-compose-refs@1.1.1_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-compose-refs/dist/index.js";
-import { createContextScope as w } from "../../../../../@radix-ui_react-context@1.1.1_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-context/dist/index.js";
-import { Primitive as k } from "../../../../../@radix-ui_react-primitive@2.0.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18_sspjpiczol7qxzbuuyfihuep4u/node_modules/@radix-ui/react-primitive/dist/index.js";
-import { createRovingFocusGroupScope as E, Root as L, Item as q } from "../../../../../@radix-ui_react-roving-focus@1.1.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react_bkbd3syfptkiebtjifbhjosaba/node_modules/@radix-ui/react-roving-focus/dist/index.js";
-import { useControllableState as K } from "../../../../../@radix-ui_react-use-controllable-state@1.1.0_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-use-controllable-state/dist/index.js";
-import { useDirection as V } from "../../../../../@radix-ui_react-direction@1.1.0_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-direction/dist/index.js";
-import { useSize as T } from "../../../../../@radix-ui_react-use-size@1.1.0_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-use-size/dist/index.js";
-import { usePrevious as j } from "../../../../../@radix-ui_react-use-previous@1.1.0_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-use-previous/dist/index.js";
-import { Presence as U } from "../../../../../@radix-ui_react-presence@1.1.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18._pqwkltkxenlrsgmgun6icjiigu/node_modules/@radix-ui/react-presence/dist/index.js";
-import { jsxs as z, jsx as p } from "react/jsx-runtime";
-var C = "Radio", [B, G] = w(C), [H, W] = B(C), S = s.forwardRef(
-  (t, c) => {
+import * as React from "react";
+import { composeEventHandlers } from "../../../../../@radix-ui_primitive@1.1.1/node_modules/@radix-ui/primitive/dist/index.js";
+import { useComposedRefs } from "../../../../../@radix-ui_react-compose-refs@1.1.1_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-compose-refs/dist/index.js";
+import { createContextScope } from "../../../../../@radix-ui_react-context@1.1.1_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-context/dist/index.js";
+import { Primitive } from "../../../../../@radix-ui_react-primitive@2.0.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18_sspjpiczol7qxzbuuyfihuep4u/node_modules/@radix-ui/react-primitive/dist/index.js";
+import { createRovingFocusGroupScope, Root, Item } from "../../../../../@radix-ui_react-roving-focus@1.1.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react_bkbd3syfptkiebtjifbhjosaba/node_modules/@radix-ui/react-roving-focus/dist/index.js";
+import { useControllableState } from "../../../../../@radix-ui_react-use-controllable-state@1.1.0_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-use-controllable-state/dist/index.js";
+import { useDirection } from "../../../../../@radix-ui_react-direction@1.1.0_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-direction/dist/index.js";
+import { useSize } from "../../../../../@radix-ui_react-use-size@1.1.0_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-use-size/dist/index.js";
+import { usePrevious } from "../../../../../@radix-ui_react-use-previous@1.1.0_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-use-previous/dist/index.js";
+import { Presence } from "../../../../../@radix-ui_react-presence@1.1.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18._pqwkltkxenlrsgmgun6icjiigu/node_modules/@radix-ui/react-presence/dist/index.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+var RADIO_NAME = "Radio";
+var [createRadioContext, createRadioScope] = createContextScope(RADIO_NAME);
+var [RadioProvider, useRadioContext] = createRadioContext(RADIO_NAME);
+var Radio = React.forwardRef(
+  (props, forwardedRef) => {
     const {
-      __scopeRadio: e,
-      name: n,
-      checked: o = !1,
-      required: r,
-      disabled: a,
-      value: l = "on",
-      onCheck: d,
-      form: f,
-      ...R
-    } = t, [u, m] = s.useState(null), i = P(c, (b) => m(b)), v = s.useRef(!1), h = u ? f || !!u.closest("form") : !0;
-    return /* @__PURE__ */ z(H, { scope: e, checked: o, disabled: a, children: [
-      /* @__PURE__ */ p(
-        k.button,
+      __scopeRadio,
+      name,
+      checked = false,
+      required,
+      disabled,
+      value = "on",
+      onCheck,
+      form,
+      ...radioProps
+    } = props;
+    const [button, setButton] = React.useState(null);
+    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));
+    const hasConsumerStoppedPropagationRef = React.useRef(false);
+    const isFormControl = button ? form || !!button.closest("form") : true;
+    return /* @__PURE__ */ jsxs(RadioProvider, { scope: __scopeRadio, checked, disabled, children: [
+      /* @__PURE__ */ jsx(
+        Primitive.button,
         {
           type: "button",
           role: "radio",
-          "aria-checked": o,
-          "data-state": A(o),
-          "data-disabled": a ? "" : void 0,
-          disabled: a,
-          value: l,
-          ...R,
-          ref: i,
-          onClick: y(t.onClick, (b) => {
-            o || d == null || d(), h && (v.current = b.isPropagationStopped(), v.current || b.stopPropagation());
+          "aria-checked": checked,
+          "data-state": getState(checked),
+          "data-disabled": disabled ? "" : void 0,
+          disabled,
+          value,
+          ...radioProps,
+          ref: composedRefs,
+          onClick: composeEventHandlers(props.onClick, (event) => {
+            if (!checked) onCheck == null ? void 0 : onCheck();
+            if (isFormControl) {
+              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();
+              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();
+            }
           })
         }
       ),
-      h && /* @__PURE__ */ p(
-        X,
+      isFormControl && /* @__PURE__ */ jsx(
+        BubbleInput,
         {
-          control: u,
-          bubbles: !v.current,
-          name: n,
-          value: l,
-          checked: o,
-          required: r,
-          disabled: a,
-          form: f,
+          control: button,
+          bubbles: !hasConsumerStoppedPropagationRef.current,
+          name,
+          value,
+          checked,
+          required,
+          disabled,
+          form,
           style: { transform: "translateX(-100%)" }
         }
       )
     ] });
   }
 );
-S.displayName = C;
-var g = "RadioIndicator", _ = s.forwardRef(
-  (t, c) => {
-    const { __scopeRadio: e, forceMount: n, ...o } = t, r = W(g, e);
-    return /* @__PURE__ */ p(U, { present: n || r.checked, children: /* @__PURE__ */ p(
-      k.span,
+Radio.displayName = RADIO_NAME;
+var INDICATOR_NAME = "RadioIndicator";
+var RadioIndicator = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeRadio, forceMount, ...indicatorProps } = props;
+    const context = useRadioContext(INDICATOR_NAME, __scopeRadio);
+    return /* @__PURE__ */ jsx(Presence, { present: forceMount || context.checked, children: /* @__PURE__ */ jsx(
+      Primitive.span,
       {
-        "data-state": A(r.checked),
-        "data-disabled": r.disabled ? "" : void 0,
-        ...o,
-        ref: c
+        "data-state": getState(context.checked),
+        "data-disabled": context.disabled ? "" : void 0,
+        ...indicatorProps,
+        ref: forwardedRef
       }
     ) });
   }
 );
-_.displayName = g;
-var X = (t) => {
-  const { control: c, checked: e, bubbles: n = !0, ...o } = t, r = s.useRef(null), a = j(e), l = T(c);
-  return s.useEffect(() => {
-    const d = r.current, f = window.HTMLInputElement.prototype, u = Object.getOwnPropertyDescriptor(f, "checked").set;
-    if (a !== e && u) {
-      const m = new Event("click", { bubbles: n });
-      u.call(d, e), d.dispatchEvent(m);
+RadioIndicator.displayName = INDICATOR_NAME;
+var BubbleInput = (props) => {
+  const { control, checked, bubbles = true, ...inputProps } = props;
+  const ref = React.useRef(null);
+  const prevChecked = usePrevious(checked);
+  const controlSize = useSize(control);
+  React.useEffect(() => {
+    const input = ref.current;
+    const inputProto = window.HTMLInputElement.prototype;
+    const descriptor = Object.getOwnPropertyDescriptor(inputProto, "checked");
+    const setChecked = descriptor.set;
+    if (prevChecked !== checked && setChecked) {
+      const event = new Event("click", { bubbles });
+      setChecked.call(input, checked);
+      input.dispatchEvent(event);
     }
-  }, [a, e, n]), /* @__PURE__ */ p(
+  }, [prevChecked, checked, bubbles]);
+  return /* @__PURE__ */ jsx(
     "input",
     {
       type: "radio",
-      "aria-hidden": !0,
-      defaultChecked: e,
-      ...o,
+      "aria-hidden": true,
+      defaultChecked: checked,
+      ...inputProps,
       tabIndex: -1,
-      ref: r,
+      ref,
       style: {
-        ...t.style,
-        ...l,
+        ...props.style,
+        ...controlSize,
         position: "absolute",
         pointerEvents: "none",
         opacity: 0,
@@ -103,58 +124,67 @@ var X = (t) => {
     }
   );
 };
-function A(t) {
-  return t ? "checked" : "unchecked";
+function getState(checked) {
+  return checked ? "checked" : "unchecked";
 }
-var Y = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], I = "RadioGroup", [J, pe] = w(I, [
-  E,
-  G
-]), N = E(), x = G(), [Q, Z] = J(I), D = s.forwardRef(
-  (t, c) => {
+var ARROW_KEYS = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"];
+var RADIO_GROUP_NAME = "RadioGroup";
+var [createRadioGroupContext, createRadioGroupScope] = createContextScope(RADIO_GROUP_NAME, [
+  createRovingFocusGroupScope,
+  createRadioScope
+]);
+var useRovingFocusGroupScope = createRovingFocusGroupScope();
+var useRadioScope = createRadioScope();
+var [RadioGroupProvider, useRadioGroupContext] = createRadioGroupContext(RADIO_GROUP_NAME);
+var RadioGroup = React.forwardRef(
+  (props, forwardedRef) => {
     const {
-      __scopeRadioGroup: e,
-      name: n,
-      defaultValue: o,
-      value: r,
-      required: a = !1,
-      disabled: l = !1,
-      orientation: d,
-      dir: f,
-      loop: R = !0,
-      onValueChange: u,
-      ...m
-    } = t, i = N(e), v = V(f), [h, b] = K({
-      prop: r,
-      defaultProp: o,
-      onChange: u
+      __scopeRadioGroup,
+      name,
+      defaultValue,
+      value: valueProp,
+      required = false,
+      disabled = false,
+      orientation,
+      dir,
+      loop = true,
+      onValueChange,
+      ...groupProps
+    } = props;
+    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeRadioGroup);
+    const direction = useDirection(dir);
+    const [value, setValue] = useControllableState({
+      prop: valueProp,
+      defaultProp: defaultValue,
+      onChange: onValueChange
     });
-    return /* @__PURE__ */ p(
-      Q,
+    return /* @__PURE__ */ jsx(
+      RadioGroupProvider,
       {
-        scope: e,
-        name: n,
-        required: a,
-        disabled: l,
-        value: h,
-        onValueChange: b,
-        children: /* @__PURE__ */ p(
-          L,
+        scope: __scopeRadioGroup,
+        name,
+        required,
+        disabled,
+        value,
+        onValueChange: setValue,
+        children: /* @__PURE__ */ jsx(
+          Root,
           {
-            asChild: !0,
-            ...i,
-            orientation: d,
-            dir: v,
-            loop: R,
-            children: /* @__PURE__ */ p(
-              k.div,
+            asChild: true,
+            ...rovingFocusGroupScope,
+            orientation,
+            dir: direction,
+            loop,
+            children: /* @__PURE__ */ jsx(
+              Primitive.div,
               {
                 role: "radiogroup",
-                "aria-required": a,
-                "aria-orientation": d,
-                "data-disabled": l ? "" : void 0,
-                dir: v,
-                ...m,
-                ref: c
+                "aria-required": required,
+                "aria-orientation": orientation,
+                "data-disabled": disabled ? "" : void 0,
+                dir: direction,
+                ...groupProps,
+                ref: forwardedRef
               }
             )
           }
@@ -163,41 +193,57 @@ var Y = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], I = "RadioGroup", [
     );
   }
 );
-D.displayName = I;
-var M = "RadioGroupItem", O = s.forwardRef(
-  (t, c) => {
-    const { __scopeRadioGroup: e, disabled: n, ...o } = t, r = Z(M, e), a = r.disabled || n, l = N(e), d = x(e), f = s.useRef(null), R = P(c, f), u = r.value === o.value, m = s.useRef(!1);
-    return s.useEffect(() => {
-      const i = (h) => {
-        Y.includes(h.key) && (m.current = !0);
-      }, v = () => m.current = !1;
-      return document.addEventListener("keydown", i), document.addEventListener("keyup", v), () => {
-        document.removeEventListener("keydown", i), document.removeEventListener("keyup", v);
+RadioGroup.displayName = RADIO_GROUP_NAME;
+var ITEM_NAME = "RadioGroupItem";
+var RadioGroupItem = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeRadioGroup, disabled, ...itemProps } = props;
+    const context = useRadioGroupContext(ITEM_NAME, __scopeRadioGroup);
+    const isDisabled = context.disabled || disabled;
+    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeRadioGroup);
+    const radioScope = useRadioScope(__scopeRadioGroup);
+    const ref = React.useRef(null);
+    const composedRefs = useComposedRefs(forwardedRef, ref);
+    const checked = context.value === itemProps.value;
+    const isArrowKeyPressedRef = React.useRef(false);
+    React.useEffect(() => {
+      const handleKeyDown = (event) => {
+        if (ARROW_KEYS.includes(event.key)) {
+          isArrowKeyPressedRef.current = true;
+        }
+      };
+      const handleKeyUp = () => isArrowKeyPressedRef.current = false;
+      document.addEventListener("keydown", handleKeyDown);
+      document.addEventListener("keyup", handleKeyUp);
+      return () => {
+        document.removeEventListener("keydown", handleKeyDown);
+        document.removeEventListener("keyup", handleKeyUp);
       };
-    }, []), /* @__PURE__ */ p(
-      q,
+    }, []);
+    return /* @__PURE__ */ jsx(
+      Item,
       {
-        asChild: !0,
-        ...l,
-        focusable: !a,
-        active: u,
-        children: /* @__PURE__ */ p(
-          S,
+        asChild: true,
+        ...rovingFocusGroupScope,
+        focusable: !isDisabled,
+        active: checked,
+        children: /* @__PURE__ */ jsx(
+          Radio,
           {
-            disabled: a,
-            required: r.required,
-            checked: u,
-            ...d,
-            ...o,
-            name: r.name,
-            ref: R,
-            onCheck: () => r.onValueChange(o.value),
-            onKeyDown: y((i) => {
-              i.key === "Enter" && i.preventDefault();
+            disabled: isDisabled,
+            required: context.required,
+            checked,
+            ...radioScope,
+            ...itemProps,
+            name: context.name,
+            ref: composedRefs,
+            onCheck: () => context.onValueChange(itemProps.value),
+            onKeyDown: composeEventHandlers((event) => {
+              if (event.key === "Enter") event.preventDefault();
             }),
-            onFocus: y(o.onFocus, () => {
-              var i;
-              m.current && ((i = f.current) == null || i.click());
+            onFocus: composeEventHandlers(itemProps.onFocus, () => {
+              var _a;
+              if (isArrowKeyPressedRef.current) (_a = ref.current) == null ? void 0 : _a.click();
             })
           }
         )
@@ -205,21 +251,25 @@ var M = "RadioGroupItem", O = s.forwardRef(
     );
   }
 );
-O.displayName = M;
-var $ = "RadioGroupIndicator", F = s.forwardRef(
-  (t, c) => {
-    const { __scopeRadioGroup: e, ...n } = t, o = x(e);
-    return /* @__PURE__ */ p(_, { ...o, ...n, ref: c });
+RadioGroupItem.displayName = ITEM_NAME;
+var INDICATOR_NAME2 = "RadioGroupIndicator";
+var RadioGroupIndicator = React.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeRadioGroup, ...indicatorProps } = props;
+    const radioScope = useRadioScope(__scopeRadioGroup);
+    return /* @__PURE__ */ jsx(RadioIndicator, { ...radioScope, ...indicatorProps, ref: forwardedRef });
   }
 );
-F.displayName = $;
-var le = D, fe = O, me = F;
+RadioGroupIndicator.displayName = INDICATOR_NAME2;
+var Root2 = RadioGroup;
+var Item2 = RadioGroupItem;
+var Indicator = RadioGroupIndicator;
 export {
-  me as Indicator,
-  fe as Item,
-  D as RadioGroup,
-  F as RadioGroupIndicator,
-  O as RadioGroupItem,
-  le as Root,
-  pe as createRadioGroupScope
+  Indicator,
+  Item2 as Item,
+  RadioGroup,
+  RadioGroupIndicator,
+  RadioGroupItem,
+  Root2 as Root,
+  createRadioGroupScope
 };