@worldcoin/mini-apps-ui-kit-react 0.0.2 → 0.0.4

package/dist/index.js

@@ -2,52 +2,56 @@ import { Button as t } from "./components/Button/Button.js";
 import { Checkbox as m } 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 { Flag as u } from "./components/Flag/Flag.js";
-import { LazyFlag as c } from "./components/Flag/LazyFlag.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 * as r from "./components/Form/Form.js";
-import { Input as F, iconVariants as g, inputVariants as h } from "./components/Input/Input.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 y } from "./components/NumberPad/NumberPad.js";
-import { OTPField as k } from "./components/OTPField/OTPField.js";
-import { Pill as I } from "./components/Pill/Pill.js";
-import { RadioGroup as S } from "./components/RadioGroup/RadioGroup.js";
-import { RadioGroupItem as b } from "./components/RadioGroup/RadioGroupItem.js";
-import { Select as R } from "./components/Select/Select.js";
-import { SearchField as z } from "./components/SearchField/SearchField.js";
-import { PhoneField as K } from "./components/PhoneField/PhoneField.js";
-import { Switch as O } from "./components/Switch/Switch.js";
-import { Token as q } from "./components/Token/Token.js";
-import { Typography as A, typographyVariants as E } from "./components/Typography/Typography.js";
-import { Drawer as J, DrawerClose as M, DrawerContent as Q, DrawerTrigger as U } from "./components/Drawer/Drawer.js";
-import { default as X } from "./tailwind/index.js";
+import { NumberPad as k } from "./components/NumberPad/NumberPad.js";
+import { OTPField as I } from "./components/OTPField/OTPField.js";
+import { Pill as V } from "./components/Pill/Pill.js";
+import { RadioGroup as b } 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";
 export {
   t as Button,
   m as Checkbox,
   f as Chip,
   x as ColorPickerGroup,
   n as ColorPickerItem,
-  J as Drawer,
-  M as DrawerClose,
-  Q as DrawerContent,
-  U as DrawerTrigger,
-  u as Flag,
+  W as Drawer,
+  X as DrawerClose,
+  Y as DrawerContent,
+  Z as DrawerTrigger,
+  d as Flag,
   r as Form,
   F as Input,
-  c as LazyFlag,
+  s as LazyFlag,
   w as ListItem,
-  y as NumberPad,
-  k as OTPField,
-  K as PhoneField,
-  I as Pill,
-  S as RadioGroup,
-  b as RadioGroupItem,
-  z as SearchField,
-  R as Select,
-  O as Switch,
-  q as Token,
-  A as Typography,
-  g as iconVariants,
-  h as inputVariants,
-  E as typographyVariants,
-  X as uiKitTailwindPlugin
+  k as NumberPad,
+  I as OTPField,
+  O as PhoneField,
+  V as Pill,
+  b 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
 };

package/dist/node_modules/.pnpm/@uidotdev_usehooks@2.4.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@uidotdev/usehooks/index.js

@@ -0,0 +1,35 @@
+import * as o from "react";
+function d({ nativeEvent: n }) {
+  return window.TouchEvent ? n instanceof TouchEvent : "touches" in n;
+}
+function l(n) {
+  return n.nativeEvent instanceof MouseEvent;
+}
+function M(n, m = {}) {
+  const { threshold: a = 400, onStart: r, onFinish: t, onCancel: s } = m, u = o.useRef(!1), c = o.useRef(!1), i = o.useRef();
+  return o.useMemo(() => {
+    if (typeof n != "function")
+      return {};
+    const h = (e) => {
+      !l(e) && !d(e) || (r && r(e), c.current = !0, i.current = setTimeout(() => {
+        n(e), u.current = !0;
+      }, a));
+    }, f = (e) => {
+      !l(e) && !d(e) || (u.current ? t && t(e) : c.current && s && s(e), u.current = !1, c.current = !1, i.current && window.clearTimeout(i.current));
+    };
+    return {
+      ...{
+        onMouseDown: h,
+        onMouseUp: f,
+        onMouseLeave: f
+      },
+      ...{
+        onTouchStart: h,
+        onTouchEnd: f
+      }
+    };
+  }, [n, a, s, t, r]);
+}
+export {
+  M as useLongPress
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worldcoin/mini-apps-ui-kit-react",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -99,16 +99,6 @@
     },
     "./styles.css": "./public/globals.css"
   },
-  "scripts": {
-    "storybook": "storybook dev -p 6006",
-    "format": "prettier --write \"**/*.{ts,tsx,md}\"",
-    "sb:move": "mv ./storybook-static ../../storybook-static",
-    "dev:sb": "concurrently \"tailwindcss -i ./styles/globals.css -o ./public/globals.css --watch\" \"pnpm storybook\"",
-    "build:tailwind": "tailwindcss -i ./styles/globals.css -o ./public/globals.css",
-    "build:sb": "pnpm build:tailwind && storybook build",
-    "build": "pnpm build:tailwind && tsc -b ./tsconfig.lib.json && vite build",
-    "lint": "eslint ."
-  },
   "peerDependencies": {
     "react": "^18 || ^19",
     "react-dom": "^18 || ^19",
@@ -126,9 +116,11 @@
     "@storybook/addon-interactions": "^8.4.7",
     "@storybook/addon-onboarding": "^8.4.7",
     "@storybook/blocks": "^8.4.7",
+    "@storybook/manager-api": "^8.5.5",
     "@storybook/react": "^8.4.7",
     "@storybook/react-vite": "^8.4.7",
     "@storybook/test": "^8.4.7",
+    "@storybook/theming": "^8.5.5",
     "@types/glob": "^8.1.0",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
@@ -158,6 +150,7 @@
     "@radix-ui/react-select": "^2.1.2",
     "@radix-ui/react-slot": "^1.1.0",
     "@radix-ui/react-switch": "^1.1.1",
+    "@uidotdev/usehooks": "^2.4.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "countries-list": "^3.1.1",
@@ -168,5 +161,15 @@
   },
   "description": "React components UI Kit library for Mini Apps",
   "author": "",
-  "license": "ISC"
+  "license": "ISC",
+  "scripts": {
+    "storybook": "storybook dev -p 6006",
+    "format": "prettier --write \"**/*.{ts,tsx,md}\"",
+    "sb:move": "mv ./storybook-static ../../storybook-static",
+    "dev:sb": "concurrently \"tailwindcss -i ./styles/globals.css -o ./public/globals.css --watch\" \"pnpm storybook\"",
+    "build:tailwind": "tailwindcss -i ./styles/globals.css -o ./public/globals.css --minify",
+    "build:sb": "pnpm build:tailwind && storybook build",
+    "build": "pnpm build:tailwind && tsc -b ./tsconfig.lib.json && vite build",
+    "lint": "eslint ."
+  }
 }