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

package/dist/index.js

@@ -1,106 +1,97 @@
-import { Button as a } from "./components/Button/Button.js";
-import { Checkbox as l } from "./components/Checkbox/Checkbox.js";
-import { Chip as x } from "./components/Chip/Chip.js";
-import { ColorPickerGroup as g, ColorPickerItem as n } from "./components/ColorPicker/ColorPicker.js";
-import { Flag as u } from "./components/Flag/Flag.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 A, iconVariants as F, inputVariants as P } from "./components/Input/Input.js";
-import { ListItem as h } 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 L } from "./components/RadioGroup/RadioGroup.js";
-import { RadioGroupItem as H } from "./components/RadioGroup/RadioGroupItem.js";
-import { Select as v } from "./components/Select/Select.js";
-import { SearchField as K } from "./components/SearchField/SearchField.js";
-import { PhoneField as N } from "./components/PhoneField/PhoneField.js";
-import { getValidatedCountryCode as W } from "./components/PhoneField/utils.js";
-import { Spinner as q } from "./components/Spinner/Spinner.js";
-import { Switch as J } from "./components/Switch/Switch.js";
-import { Token as U } from "./components/Token/Token.js";
-import { Toast as Y, ToastProvider as Z, ToastViewport as $ } from "./components/Toast/Toast.js";
-import { Toaster as or } from "./components/Toast/Toaster.js";
-import { reducer as tr, toast as pr, useToast as mr } from "./components/Toast/use-toast.js";
-import { Typography as ir, typographyVariants as lr } from "./components/Typography/Typography.js";
-import { Drawer as xr, DrawerClose as sr, DrawerContent as gr, DrawerHeader as nr, DrawerTitle as dr, DrawerTrigger as ur } 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 Ar, AlertDialogClose as Fr, AlertDialogContent as Pr, AlertDialogDescription as yr, AlertDialogFooter as hr, AlertDialogHeader as Ir, AlertDialogPortal as Br, AlertDialogTitle as br, AlertDialogTrigger as Gr } from "./components/AlertDialog/AlertDialog.js";
-import { BottomBar as Vr } from "./components/BottomBar/BottomBar.js";
-import { BulletList as Lr } from "./components/BulletList/BulletList.js";
-import { BulletListItem as Hr } from "./components/BulletListItem/BulletListItem.js";
-import "./components/BulletPoint/BulletPoint.js";
-import { Marble as vr } from "./components/Marble/Marble.js";
-import { TopBar as Kr } from "./components/TopBar/TopBar.js";
-import { CountryDrawer as Nr } from "./components/CountryDrawer/CountryDrawer.js";
-import { ToggleGroupItem as Wr, ToggleGroupRoot as jr } from "./components/ToggleGroup/ToggleGroup.js";
-import { TabItem as Er, Tabs as Jr } from "./components/Tabs/Tabs.js";
-import "react/jsx-runtime";
-import { default as Ur } from "./tailwind/index.js";
+import { default as default2 } from "./tailwind.js";
+import { Button } from "./components/Button/Button.js";
+import { Checkbox } from "./components/Checkbox/Checkbox.js";
+import { Chip } from "./components/Chip/Chip.js";
+import { CircularIcon } from "./components/CircularIcon/CircularIcon.js";
+import { CircularState } from "./components/CircularState/CircularState.js";
+import { ColorPickerGroup, ColorPickerItem } from "./components/ColorPicker/ColorPicker.js";
+import { Flag } from "./components/Flag/Flag.js";
+import * as Form from "./components/Form/Form.js";
+import { Input } from "./components/Input/Input.js";
+import { ListItem } from "./components/ListItem/ListItem.js";
+import { NumberPad } from "./components/NumberPad/NumberPad.js";
+import { OTPField } from "./components/OTPField/OTPField.js";
+import { Pill } from "./components/Pill/Pill.js";
+import { RadioGroup } from "./components/RadioGroup/RadioGroup.js";
+import { RadioGroupItem } from "./components/RadioGroup/RadioGroupItem.js";
+import { Select } from "./components/Select/Select.js";
+import { SearchField } from "./components/SearchField/SearchField.js";
+import { PhoneField } from "./components/PhoneField/PhoneField.js";
+import { Spinner } from "./components/Spinner/Spinner.js";
+import { Switch } from "./components/Switch/Switch.js";
+import { Token } from "./components/Token/Token.js";
+import { Toast } from "./components/Toast/Toast.js";
+import { Toaster } from "./components/Toast/Toaster.js";
+import { useToast } from "./components/Toast/use-toast.js";
+import { Typography } from "./components/Typography/Typography.js";
+import { Drawer, DrawerClose, DrawerContent, DrawerHeader, DrawerTitle, DrawerTrigger } from "./components/Drawer/Drawer.js";
+import { Progress } from "./components/Progress/Progress.js";
+import { TextArea } from "./components/TextArea/TextArea.js";
+import { WalletAddressField } from "./components/WalletAddressField/WalletAddressField.js";
+import { AlertDialog, AlertDialogClose, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from "./components/AlertDialog/AlertDialog.js";
+import { BottomBar } from "./components/BottomBar/BottomBar.js";
+import { BulletList, BulletListItem } from "./components/BulletList/BulletList.js";
+import { Marble } from "./components/Marble/Marble.js";
+import { TopBar } from "./components/TopBar/TopBar.js";
+import { CountryDrawer } from "./components/CountryDrawer/CountryDrawer.js";
+import { ToggleGroupItem, ToggleGroupRoot } from "./components/ToggleGroup/ToggleGroup.js";
+import { TabItem, Tabs } from "./components/Tabs/Tabs.js";
+import { LiveFeedback } from "./components/LiveFeedback/LiveFeedback.js";
 export {
-  Ar as AlertDialog,
-  Fr as AlertDialogClose,
-  Pr as AlertDialogContent,
-  yr as AlertDialogDescription,
-  hr as AlertDialogFooter,
-  Ir as AlertDialogHeader,
-  Br as AlertDialogPortal,
-  br as AlertDialogTitle,
-  Gr as AlertDialogTrigger,
-  Vr as BottomBar,
-  Lr as BulletList,
-  Hr as BulletListItem,
-  a as Button,
-  l as Checkbox,
-  x as Chip,
-  g as ColorPickerGroup,
-  n as ColorPickerItem,
-  Nr as CountryDrawer,
-  xr as Drawer,
-  sr as DrawerClose,
-  gr as DrawerContent,
-  nr as DrawerHeader,
-  dr as DrawerTitle,
-  ur as DrawerTrigger,
-  u as Flag,
-  r as Form,
-  A as Input,
-  D as LazyFlag,
-  h as ListItem,
-  vr as Marble,
-  B as NumberPad,
-  G as OTPField,
-  N as PhoneField,
-  V as Pill,
-  Dr as Progress,
-  L as RadioGroup,
-  H as RadioGroupItem,
-  K as SearchField,
-  v as Select,
-  q as Spinner,
-  J as Switch,
-  Er as TabItem,
-  Jr as Tabs,
-  Y as Toast,
-  Z as ToastProvider,
-  $ as ToastViewport,
-  or as Toaster,
-  Wr as ToggleGroupItem,
-  jr as ToggleGroupRoot,
-  U as Token,
-  Kr as TopBar,
-  ir as Typography,
-  cr as WalletAddressField,
-  W as getValidatedCountryCode,
-  F as iconVariants,
-  P as inputVariants,
-  c as isSupportedCountryCode,
-  tr as reducer,
-  pr as toast,
-  lr as typographyVariants,
-  Ur as uiKitTailwindPlugin,
-  mr as useToast
+  AlertDialog,
+  AlertDialogClose,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogPortal,
+  AlertDialogTitle,
+  AlertDialogTrigger,
+  BottomBar,
+  BulletList,
+  BulletListItem,
+  Button,
+  Checkbox,
+  Chip,
+  CircularIcon,
+  CircularState,
+  ColorPickerGroup,
+  ColorPickerItem,
+  CountryDrawer,
+  Drawer,
+  DrawerClose,
+  DrawerContent,
+  DrawerHeader,
+  DrawerTitle,
+  DrawerTrigger,
+  Flag,
+  Form,
+  Input,
+  ListItem,
+  LiveFeedback,
+  Marble,
+  NumberPad,
+  OTPField,
+  PhoneField,
+  Pill,
+  Progress,
+  RadioGroup,
+  RadioGroupItem,
+  SearchField,
+  Select,
+  Spinner,
+  Switch,
+  TabItem,
+  Tabs,
+  TextArea,
+  Toast,
+  Toaster,
+  ToggleGroupItem,
+  ToggleGroupRoot,
+  Token,
+  TopBar,
+  Typography,
+  WalletAddressField,
+  default2 as uiKitTailwindPlugin,
+  useToast
 };

package/dist/lib/constants/dropdownStyles.js

@@ -1,4 +1,4 @@
-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";
+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";
 export {
-  r as DROPDOWN_CONTAINER_STYLES
+  DROPDOWN_CONTAINER_STYLES
 };

package/dist/lib/haptics.d.ts

@@ -0,0 +1,28 @@
+type NotificationType = "success" | "warning" | "error";
+type ImpactStyle = "light" | "medium" | "heavy" | "soft" | "rigid";
+interface HapticFeedbackParams {
+    hapticsType: "impact" | "notification" | "selectionChanged";
+    style?: ImpactStyle | NotificationType;
+}
+declare global {
+    interface Window {
+        MiniKit?: {
+            commands?: {
+                sendHapticFeedback?: (params: HapticFeedbackParams) => void;
+            };
+        };
+    }
+}
+declare const haptics: {
+    notification: (type: NotificationType) => void;
+    selection: () => void;
+    impact: (style: ImpactStyle) => void;
+};
+/**
+ * Wraps a function with haptic feedback
+ * @param fn The function to wrap (can be undefined)
+ * @param hapticFn The haptic feedback function to call (defaults to selection)
+ * @returns A new function that triggers haptic feedback and calls the original function if provided
+ */
+export declare function withHaptics<T extends (...args: any[]) => any>(fn: T | undefined, hapticFn?: () => void): T;
+export default haptics;

package/dist/lib/haptics.js

@@ -0,0 +1,45 @@
+const sendHapticFeedback = (params) => {
+  var _a, _b, _c;
+  try {
+    (_c = (_b = (_a = window.MiniKit) == null ? void 0 : _a.commands) == null ? void 0 : _b.sendHapticFeedback) == null ? void 0 : _c.call(_b, params);
+  } catch (error) {
+    console.warn("Haptic feedback not supported:", error);
+  }
+};
+const haptics = {
+  notification: (type) => {
+    sendHapticFeedback({
+      hapticsType: "notification",
+      style: type
+    });
+  },
+  selection: () => {
+    sendHapticFeedback({
+      hapticsType: "selectionChanged"
+    });
+  },
+  impact: (style) => {
+    sendHapticFeedback({
+      hapticsType: "impact",
+      style
+    });
+  }
+};
+function withHaptics(fn, hapticFn = haptics.selection) {
+  return (...args) => {
+    if (!fn) {
+      hapticFn();
+      return void 0;
+    }
+    const result = fn(...args);
+    if (result instanceof Promise) {
+      return result.finally(() => hapticFn());
+    }
+    hapticFn();
+    return result;
+  };
+}
+export {
+  haptics as default,
+  withHaptics
+};

package/dist/lib/utils.js

@@ -1,13 +1,15 @@
-import { clsx as r } from "../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import { twMerge as n } from "../node_modules/.pnpm/tailwind-merge@2.6.0/node_modules/tailwind-merge/dist/bundle-mjs.js";
-function u(...e) {
-  return n(r(e));
+import { clsx } from "../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { twMerge } from "../node_modules/.pnpm/tailwind-merge@2.6.0/node_modules/tailwind-merge/dist/bundle-mjs.js";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
 }
-const a = (e) => {
-  const t = new Event("change", { bubbles: !0 });
-  return Object.defineProperty(t, "target", { value: e }), Object.defineProperty(t, "currentTarget", { value: e }), t;
+const createChangeEvent = (target) => {
+  const event = new Event("change", { bubbles: true });
+  Object.defineProperty(event, "target", { value: target });
+  Object.defineProperty(event, "currentTarget", { value: target });
+  return event;
 };
 export {
-  u as cn,
-  a as createChangeEvent
+  cn,
+  createChangeEvent
 };