@worldcoin/mini-apps-ui-kit-react 0.0.8 → 1.0.0-canary.1

package/dist/index.d.ts

@@ -13,8 +13,23 @@ export * from './components/RadioGroup';
 export * from './components/Select';
 export * from './components/SearchField';
 export * from './components/PhoneField';
+export * from './components/Spinner';
 export * from './components/Switch';
 export * from './components/Token';
+export * from './components/Toast';
 export * from './components/Typography';
 export * from './components/Drawer';
+export * from './components/Progress';
+export * from './components/TextArea';
+export * from './components/WalletAddressField';
+export * from './components/TextArea';
+export * from './components/AlertDialog';
+export * from './components/BottomBar';
+export * from './components/BulletList';
+export * from './components/BulletListItem';
+export * from './components/BulletPoint';
+export * from './components/Marble';
+export * from './components/TopBar';
+export * from './components/CountryDrawer';
+export * from './components/ToggleGroup';
 export { default as uiKitTailwindPlugin } from './tailwind';

package/dist/index.js

@@ -1,57 +1,103 @@
-import { Button as t } from "./components/Button/Button.js";
-import { Checkbox as m } from "./components/Checkbox/Checkbox.js";
+import { Button as a } from "./components/Button/Button.js";
+import { Checkbox as l } from "./components/Checkbox/Checkbox.js";
 import { Chip as f } from "./components/Chip/Chip.js";
-import { ColorPickerGroup as x, ColorPickerItem as n } from "./components/ColorPicker/ColorPicker.js";
+import { ColorPickerGroup as g, ColorPickerItem as s } from "./components/ColorPicker/ColorPicker.js";
 import { Flag as d } from "./components/Flag/Flag.js";
-import { LazyFlag as s } from "./components/Flag/LazyFlag.js";
-import { isSupportedCountryCode as c } from "./components/Flag/utils.js";
+import { LazyFlag as D } from "./components/Flag/LazyFlag.js";
+import { isSupportedCountryCode as C } from "./components/Flag/utils.js";
 import * as r from "./components/Form/Form.js";
-import { Input as F, iconVariants as h, inputVariants as y } from "./components/Input/Input.js";
-import { ListItem as w } from "./components/ListItem/ListItem.js";
-import { NumberPad as k } from "./components/NumberPad/NumberPad.js";
-import { OTPField as I } from "./components/OTPField/OTPField.js";
+import { Input as c, iconVariants as w, inputVariants as F } from "./components/Input/Input.js";
+import { ListItem as y } from "./components/ListItem/ListItem.js";
+import { NumberPad as B } from "./components/NumberPad/NumberPad.js";
+import { OTPField as G } from "./components/OTPField/OTPField.js";
 import { Pill as V } from "./components/Pill/Pill.js";
-import { RadioGroup as b } from "./components/RadioGroup/RadioGroup.js";
+import { RadioGroup as L } from "./components/RadioGroup/RadioGroup.js";
 import { RadioGroupItem as R } from "./components/RadioGroup/RadioGroupItem.js";
-import { Select as z } from "./components/Select/Select.js";
-import { SearchField as K } from "./components/SearchField/SearchField.js";
-import { PhoneField as O } from "./components/PhoneField/PhoneField.js";
-import { getValidatedCountryCode as q } from "./components/PhoneField/utils.js";
-import { Switch as A } from "./components/Switch/Switch.js";
-import { Token as H } from "./components/Token/Token.js";
-import { Typography as M, typographyVariants as Q } from "./components/Typography/Typography.js";
-import { Drawer as W, DrawerClose as X, DrawerContent as Y, DrawerTrigger as Z } from "./components/Drawer/Drawer.js";
-import { default as rr } from "./tailwind/index.js";
+import { Select as H } from "./components/Select/Select.js";
+import { SearchField as _ } from "./components/SearchField/SearchField.js";
+import { PhoneField as K } from "./components/PhoneField/PhoneField.js";
+import { getValidatedCountryCode as N } from "./components/PhoneField/utils.js";
+import { Spinner as j } from "./components/Spinner/Spinner.js";
+import { Switch as E } from "./components/Switch/Switch.js";
+import { Token as Q } from "./components/Token/Token.js";
+import { Toast as X, ToastProvider as Y, ToastViewport as Z } from "./components/Toast/Toast.js";
+import { Toaster as rr } from "./components/Toast/Toaster.js";
+import { reducer as er, toast as tr, useToast as pr } from "./components/Toast/use-toast.js";
+import { Typography as mr, typographyVariants as lr } from "./components/Typography/Typography.js";
+import { Drawer as fr, DrawerClose as xr, DrawerContent as gr, DrawerHeader as sr, DrawerTitle as nr, DrawerTrigger as dr } from "./components/Drawer/Drawer.js";
+import { Progress as Dr } from "./components/Progress/Progress.js";
+import "./components/TextArea/TextArea.js";
+import { WalletAddressField as Cr } from "./components/WalletAddressField/WalletAddressField.js";
+import { AlertDialog as cr, AlertDialogClose as wr, AlertDialogContent as Fr, AlertDialogDescription as Pr, AlertDialogFooter as yr, AlertDialogHeader as hr, AlertDialogOverlay as Br, AlertDialogPortal as Ir, AlertDialogTitle as Gr, AlertDialogTrigger as Sr } from "./components/AlertDialog/AlertDialog.js";
+import { BottomBar as kr } from "./components/BottomBar/BottomBar.js";
+import { BulletList as br } from "./components/BulletList/BulletList.js";
+import { BulletListItem as vr } from "./components/BulletListItem/BulletListItem.js";
+import "./components/BulletPoint/BulletPoint.js";
+import { Marble as Or } from "./components/Marble/Marble.js";
+import { TopBar as zr } from "./components/TopBar/TopBar.js";
+import { CountryDrawer as Mr } from "./components/CountryDrawer/CountryDrawer.js";
+import { ToggleGroupItem as Wr, ToggleGroupRoot as jr } from "./components/ToggleGroup/ToggleGroup.js";
+import { default as Er } from "./tailwind/index.js";
 export {
-  t as Button,
-  m as Checkbox,
+  cr as AlertDialog,
+  wr as AlertDialogClose,
+  Fr as AlertDialogContent,
+  Pr as AlertDialogDescription,
+  yr as AlertDialogFooter,
+  hr as AlertDialogHeader,
+  Br as AlertDialogOverlay,
+  Ir as AlertDialogPortal,
+  Gr as AlertDialogTitle,
+  Sr as AlertDialogTrigger,
+  kr as BottomBar,
+  br as BulletList,
+  vr as BulletListItem,
+  a as Button,
+  l as Checkbox,
   f as Chip,
-  x as ColorPickerGroup,
-  n as ColorPickerItem,
-  W as Drawer,
-  X as DrawerClose,
-  Y as DrawerContent,
-  Z as DrawerTrigger,
+  g as ColorPickerGroup,
+  s as ColorPickerItem,
+  Mr as CountryDrawer,
+  fr as Drawer,
+  xr as DrawerClose,
+  gr as DrawerContent,
+  sr as DrawerHeader,
+  nr as DrawerTitle,
+  dr as DrawerTrigger,
   d as Flag,
   r as Form,
-  F as Input,
-  s as LazyFlag,
-  w as ListItem,
-  k as NumberPad,
-  I as OTPField,
-  O as PhoneField,
+  c as Input,
+  D as LazyFlag,
+  y as ListItem,
+  Or as Marble,
+  B as NumberPad,
+  G as OTPField,
+  K as PhoneField,
   V as Pill,
-  b as RadioGroup,
+  Dr as Progress,
+  L as RadioGroup,
   R as RadioGroupItem,
-  K as SearchField,
-  z as Select,
-  A as Switch,
-  H as Token,
-  M as Typography,
-  q as getValidatedCountryCode,
-  h as iconVariants,
-  y as inputVariants,
-  c as isSupportedCountryCode,
-  Q as typographyVariants,
-  rr as uiKitTailwindPlugin
+  _ as SearchField,
+  H as Select,
+  j as Spinner,
+  E as Switch,
+  X as Toast,
+  Y as ToastProvider,
+  Z as ToastViewport,
+  rr as Toaster,
+  Wr as ToggleGroupItem,
+  jr as ToggleGroupRoot,
+  Q as Token,
+  zr as TopBar,
+  mr as Typography,
+  Cr as WalletAddressField,
+  N as getValidatedCountryCode,
+  w as iconVariants,
+  F as inputVariants,
+  C as isSupportedCountryCode,
+  er as reducer,
+  tr as toast,
+  lr as typographyVariants,
+  Er as uiKitTailwindPlugin,
+  pr as useToast
 };

package/dist/lib/constants/dropdownStyles.d.ts

@@ -1 +1 @@
-export declare const DROPDOWN_CONTAINER_STYLES = "relative z-50 mt-1 max-h-[11.75rem] w-full overflow-hidden rounded-2xl bg-gray-0 shadow-regular-large";
+export declare const DROPDOWN_CONTAINER_STYLES = "relative z-50 mt-1 max-h-[11.75rem] w-full overflow-hidden rounded-[0.625rem] bg-gray-0 border border-gray-300";

package/dist/lib/constants/dropdownStyles.js

@@ -1,4 +1,4 @@
-const e = "relative z-50 mt-1 max-h-[11.75rem] w-full overflow-hidden rounded-2xl bg-gray-0 shadow-regular-large";
+const r = "relative z-50 mt-1 max-h-[11.75rem] w-full overflow-hidden rounded-[0.625rem] bg-gray-0 border border-gray-300";
 export {
-  e as DROPDOWN_CONTAINER_STYLES
+  r as DROPDOWN_CONTAINER_STYLES
 };

package/dist/node_modules/.pnpm/@radix-ui_react-collection@1.1.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@1_tagbd57u5fsqga6qdjecsll7fm/node_modules/@radix-ui/react-collection/dist/index.js

@@ -0,0 +1,49 @@
+"use client";
+import n from "react";
+import { createContextScope as O } 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 { useComposedRefs as S } 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 { Slot as x } from "../../../../../@radix-ui_react-slot@1.1.2_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.js";
+import { jsx as u } from "react/jsx-runtime";
+function h(s) {
+  const f = s + "CollectionProvider", [A, N] = O(f), [_, m] = A(
+    f,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), d = (c) => {
+    const { scope: e, children: l } = c, o = n.useRef(null), t = n.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ u(_, { scope: e, itemMap: t, collectionRef: o, children: l });
+  };
+  d.displayName = f;
+  const a = s + "CollectionSlot", p = n.forwardRef(
+    (c, e) => {
+      const { scope: l, children: o } = c, t = m(a, l), r = S(e, t.collectionRef);
+      return /* @__PURE__ */ u(x, { ref: r, children: o });
+    }
+  );
+  p.displayName = a;
+  const C = s + "CollectionItemSlot", R = "data-radix-collection-item", M = n.forwardRef(
+    (c, e) => {
+      const { scope: l, children: o, ...t } = c, r = n.useRef(null), I = S(e, r), i = m(C, l);
+      return n.useEffect(() => (i.itemMap.set(r, { ref: r, ...t }), () => void i.itemMap.delete(r))), /* @__PURE__ */ u(x, { [R]: "", ref: I, children: o });
+    }
+  );
+  M.displayName = C;
+  function E(c) {
+    const e = m(s + "CollectionConsumer", c);
+    return n.useCallback(() => {
+      const o = e.collectionRef.current;
+      if (!o) return [];
+      const t = Array.from(o.querySelectorAll(`[${R}]`));
+      return Array.from(e.itemMap.values()).sort(
+        (i, T) => t.indexOf(i.ref.current) - t.indexOf(T.ref.current)
+      );
+    }, [e.collectionRef, e.itemMap]);
+  }
+  return [
+    { Provider: d, Slot: p, ItemSlot: M },
+    E,
+    N
+  ];
+}
+export {
+  h as createCollection
+};

package/dist/node_modules/.pnpm/@radix-ui_react-dismissable-layer@1.1.5_@types_react-dom@18.3.5_@types_react@18.3.18__@types__nitdfoqpcbroetgllwgz3is5ai/node_modules/@radix-ui/react-dismissable-layer/dist/index.js

@@ -0,0 +1,131 @@
+"use client";
+import * as n from "react";
+import { composeEventHandlers as m } from "../../../../../@radix-ui_primitive@1.1.1/node_modules/@radix-ui/primitive/dist/index.js";
+import { Primitive as R, dispatchDiscreteCustomEvent as z } from "../../../../../@radix-ui_react-primitive@2.0.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18_sejcxqoscaweil2bvgwwavaoha/node_modules/@radix-ui/react-primitive/dist/index.js";
+import { useComposedRefs as g } 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 { useCallbackRef as w } from "../../../../../@radix-ui_react-use-callback-ref@1.1.0_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-use-callback-ref/dist/index.js";
+import { useEscapeKeydown as H } from "../../../../../@radix-ui_react-use-escape-keydown@1.1.0_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-use-escape-keydown/dist/index.js";
+import { jsx as B } from "react/jsx-runtime";
+var M = "DismissableLayer", y = "dismissableLayer.update", j = "dismissableLayer.pointerDownOutside", X = "dismissableLayer.focusOutside", L, T = n.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), x = n.forwardRef(
+  (r, e) => {
+    const {
+      disableOutsidePointerEvents: i = !1,
+      onEscapeKeyDown: o,
+      onPointerDownOutside: t,
+      onFocusOutside: a,
+      onInteractOutside: l,
+      onDismiss: d,
+      ...v
+    } = r, c = n.useContext(T), [u, W] = n.useState(null), f = (u == null ? void 0 : u.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, A] = n.useState({}), N = g(e, (s) => W(s)), p = Array.from(c.layers), [I] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), _ = p.indexOf(I), b = u ? p.indexOf(u) : -1, k = c.layersWithOutsidePointerEventsDisabled.size > 0, P = b >= _, U = q((s) => {
+      const E = s.target, C = [...c.branches].some((h) => h.contains(E));
+      !P || C || (t == null || t(s), l == null || l(s), s.defaultPrevented || d == null || d());
+    }, f), D = G((s) => {
+      const E = s.target;
+      [...c.branches].some((h) => h.contains(E)) || (a == null || a(s), l == null || l(s), s.defaultPrevented || d == null || d());
+    }, f);
+    return H((s) => {
+      b === c.layers.size - 1 && (o == null || o(s), !s.defaultPrevented && d && (s.preventDefault(), d()));
+    }, f), n.useEffect(() => {
+      if (u)
+        return i && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (L = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(u)), c.layers.add(u), O(), () => {
+          i && c.layersWithOutsidePointerEventsDisabled.size === 1 && (f.body.style.pointerEvents = L);
+        };
+    }, [u, f, i, c]), n.useEffect(() => () => {
+      u && (c.layers.delete(u), c.layersWithOutsidePointerEventsDisabled.delete(u), O());
+    }, [u, c]), n.useEffect(() => {
+      const s = () => A({});
+      return document.addEventListener(y, s), () => document.removeEventListener(y, s);
+    }, []), /* @__PURE__ */ B(
+      R.div,
+      {
+        ...v,
+        ref: N,
+        style: {
+          pointerEvents: k ? P ? "auto" : "none" : void 0,
+          ...r.style
+        },
+        onFocusCapture: m(r.onFocusCapture, D.onFocusCapture),
+        onBlurCapture: m(r.onBlurCapture, D.onBlurCapture),
+        onPointerDownCapture: m(
+          r.onPointerDownCapture,
+          U.onPointerDownCapture
+        )
+      }
+    );
+  }
+);
+x.displayName = M;
+var Y = "DismissableLayerBranch", S = n.forwardRef((r, e) => {
+  const i = n.useContext(T), o = n.useRef(null), t = g(e, o);
+  return n.useEffect(() => {
+    const a = o.current;
+    if (a)
+      return i.branches.add(a), () => {
+        i.branches.delete(a);
+      };
+  }, [i.branches]), /* @__PURE__ */ B(R.div, { ...r, ref: t });
+});
+S.displayName = Y;
+function q(r, e = globalThis == null ? void 0 : globalThis.document) {
+  const i = w(r), o = n.useRef(!1), t = n.useRef(() => {
+  });
+  return n.useEffect(() => {
+    const a = (d) => {
+      if (d.target && !o.current) {
+        let v = function() {
+          F(
+            j,
+            i,
+            c,
+            { discrete: !0 }
+          );
+        };
+        const c = { originalEvent: d };
+        d.pointerType === "touch" ? (e.removeEventListener("click", t.current), t.current = v, e.addEventListener("click", t.current, { once: !0 })) : v();
+      } else
+        e.removeEventListener("click", t.current);
+      o.current = !1;
+    }, l = window.setTimeout(() => {
+      e.addEventListener("pointerdown", a);
+    }, 0);
+    return () => {
+      window.clearTimeout(l), e.removeEventListener("pointerdown", a), e.removeEventListener("click", t.current);
+    };
+  }, [e, i]), {
+    // ensures we check React component tree (not just DOM tree)
+    onPointerDownCapture: () => o.current = !0
+  };
+}
+function G(r, e = globalThis == null ? void 0 : globalThis.document) {
+  const i = w(r), o = n.useRef(!1);
+  return n.useEffect(() => {
+    const t = (a) => {
+      a.target && !o.current && F(X, i, { originalEvent: a }, {
+        discrete: !1
+      });
+    };
+    return e.addEventListener("focusin", t), () => e.removeEventListener("focusin", t);
+  }, [e, i]), {
+    onFocusCapture: () => o.current = !0,
+    onBlurCapture: () => o.current = !1
+  };
+}
+function O() {
+  const r = new CustomEvent(y);
+  document.dispatchEvent(r);
+}
+function F(r, e, i, { discrete: o }) {
+  const t = i.originalEvent.target, a = new CustomEvent(r, { bubbles: !1, cancelable: !0, detail: i });
+  e && t.addEventListener(r, e, { once: !0 }), o ? z(t, a) : t.dispatchEvent(a);
+}
+var ee = x, te = S;
+export {
+  te as Branch,
+  x as DismissableLayer,
+  S as DismissableLayerBranch,
+  ee as Root
+};

package/dist/node_modules/.pnpm/@radix-ui_react-portal@1.1.4_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3._ulc3jfxcmrz2rfz7bui53djdtu/node_modules/@radix-ui/react-portal/dist/index.js

@@ -0,0 +1,17 @@
+"use client";
+import * as r from "react";
+import m from "react-dom";
+import { Primitive as c } from "../../../../../@radix-ui_react-primitive@2.0.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18_sejcxqoscaweil2bvgwwavaoha/node_modules/@radix-ui/react-primitive/dist/index.js";
+import { useLayoutEffect as u } from "../../../../../@radix-ui_react-use-layout-effect@1.1.0_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-use-layout-effect/dist/index.js";
+import { jsx as l } from "react/jsx-runtime";
+var p = "Portal", d = r.forwardRef((e, a) => {
+  var o;
+  const { container: i, ...n } = e, [s, f] = r.useState(!1);
+  u(() => f(!0), []);
+  const t = i || s && ((o = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : o.body);
+  return t ? m.createPortal(/* @__PURE__ */ l(c.div, { ...n, ref: a }), t) : null;
+});
+d.displayName = p;
+export {
+  d as Portal
+};

package/dist/node_modules/.pnpm/@radix-ui_react-primitive@2.0.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18_sejcxqoscaweil2bvgwwavaoha/node_modules/@radix-ui/react-primitive/dist/index.js

@@ -0,0 +1,35 @@
+import * as s from "react";
+import * as f from "react-dom";
+import { Slot as p } from "../../../../../@radix-ui_react-slot@1.1.2_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.js";
+import { jsx as u } from "react/jsx-runtime";
+var c = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "span",
+  "svg",
+  "ul"
+], v = c.reduce((r, i) => {
+  const t = s.forwardRef((o, e) => {
+    const { asChild: m, ...a } = o, n = m ? p : i;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ u(n, { ...a, ref: e });
+  });
+  return t.displayName = `Primitive.${i}`, { ...r, [i]: t };
+}, {});
+function h(r, i) {
+  r && f.flushSync(() => r.dispatchEvent(i));
+}
+export {
+  v as Primitive,
+  h as dispatchDiscreteCustomEvent
+};

package/dist/node_modules/.pnpm/@radix-ui_react-progress@1.1.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18._wpsg2ubedou6txnsnvgmus4txq/node_modules/@radix-ui/react-progress/dist/index.js

@@ -0,0 +1,86 @@
+"use client";
+import * as c from "react";
+import { createContextScope as $ } 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 m } from "../../../../../@radix-ui_react-primitive@2.0.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18_sejcxqoscaweil2bvgwwavaoha/node_modules/@radix-ui/react-primitive/dist/index.js";
+import { jsx as l } from "react/jsx-runtime";
+var u = "Progress", d = 100, [h, C] = $(u), [R, _] = h(u), f = c.forwardRef(
+  (r, e) => {
+    const {
+      __scopeProgress: i,
+      value: o = null,
+      max: a,
+      getValueLabel: N = E,
+      ...b
+    } = r;
+    (a || a === 0) && !v(a) && console.error(M(`${a}`, "Progress"));
+    const t = v(a) ? a : d;
+    o !== null && !p(o, t) && console.error(V(`${o}`, "Progress"));
+    const s = p(o, t) ? o : null, I = n(s) ? N(s, t) : void 0;
+    return /* @__PURE__ */ l(R, { scope: i, value: s, max: t, children: /* @__PURE__ */ l(
+      m.div,
+      {
+        "aria-valuemax": t,
+        "aria-valuemin": 0,
+        "aria-valuenow": n(s) ? s : void 0,
+        "aria-valuetext": I,
+        role: "progressbar",
+        "data-state": x(s, t),
+        "data-value": s ?? void 0,
+        "data-max": t,
+        ...b,
+        ref: e
+      }
+    ) });
+  }
+);
+f.displayName = u;
+var g = "ProgressIndicator", P = c.forwardRef(
+  (r, e) => {
+    const { __scopeProgress: i, ...o } = r, a = _(g, i);
+    return /* @__PURE__ */ l(
+      m.div,
+      {
+        "data-state": x(a.value, a.max),
+        "data-value": a.value ?? void 0,
+        "data-max": a.max,
+        ...o,
+        ref: e
+      }
+    );
+  }
+);
+P.displayName = g;
+function E(r, e) {
+  return `${Math.round(r / e * 100)}%`;
+}
+function x(r, e) {
+  return r == null ? "indeterminate" : r === e ? "complete" : "loading";
+}
+function n(r) {
+  return typeof r == "number";
+}
+function v(r) {
+  return n(r) && !isNaN(r) && r > 0;
+}
+function p(r, e) {
+  return n(r) && !isNaN(r) && r <= e && r >= 0;
+}
+function M(r, e) {
+  return `Invalid prop \`max\` of value \`${r}\` supplied to \`${e}\`. Only numbers greater than 0 are valid max values. Defaulting to \`${d}\`.`;
+}
+function V(r, e) {
+  return `Invalid prop \`value\` of value \`${r}\` supplied to \`${e}\`. The \`value\` prop must be:
+  - a positive number
+  - less than the value passed to \`max\` (or ${d} if no \`max\` prop is set)
+  - \`null\` or \`undefined\` if the progress is indeterminate.
+
+Defaulting to \`null\`.`;
+}
+var D = f, L = P;
+export {
+  L as Indicator,
+  f as Progress,
+  P as ProgressIndicator,
+  D as Root,
+  C as createProgressScope
+};