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

package/dist/components/Select/Select.js

@@ -1,93 +1,63 @@
 "use client";
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
 import { DROPDOWN_CONTAINER_STYLES as x } from "../../lib/constants/dropdownStyles.js";
-import { Root as N, Trigger as V, Value as S, Icon as I, Portal as R, Content as j, Viewport as A, Item as O, ItemText as T } from "../../node_modules/.pnpm/@radix-ui_react-select@2.1.4_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3._atdh45n5c7sked5b6tbwgdz7re/node_modules/@radix-ui/react-select/dist/index.js";
-import { cva as D } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
-import { forwardRef as E, useState as C, useEffect as P } from "react";
+import { Root as N, Trigger as S, Value as I, Icon as R, Portal as V, Content as j, Viewport as A, Item as T, ItemText as D } from "../../node_modules/.pnpm/@radix-ui_react-select@2.1.4_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3._atdh45n5c7sked5b6tbwgdz7re/node_modules/@radix-ui/react-select/dist/index.js";
+import { forwardRef as E, useState as C, useEffect as O } from "react";
 import { cn as t } from "../../lib/utils.js";
-import { typographyVariants as u } from "../Typography/Typography.js";
-import { ArrowDown as _ } from "./ArrowDown.js";
-const $ = D(
-  "text-base flex h-[3.125rem] w-full min-w-[6rem] text-gray-900 cursor-pointer items-center justify-between whitespace-nowrap rounded-xl border-2 px-3 py-4 font-sans outline-none transition-all [&>span:first-of-type]:line-clamp-1 data-[placeholder]:text-gray-400",
-  {
-    variants: {
-      isOpen: {
-        true: "border-gray-200 bg-gray-0 shadow-card",
-        false: "border-gray-100 bg-gray-100"
-      },
-      defaultValue: {
-        true: "border-gray-200 bg-gray-0 text-gray-900",
-        false: ""
-      },
-      error: {
-        true: "shadow-none border-error-700 bg-error-100",
-        false: ""
-      },
-      disabled: {
-        true: "cursor-not-allowed opacity-20",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      isOpen: !1,
-      defaultValue: !1,
-      error: !1,
-      disabled: !1
-    }
-  }
-), k = E(
+import { ArrowDown as P } from "../Icons/ArrowDown.js";
+import { inputVariants as _ } from "../Input/Input.js";
+import { typographyVariants as m } from "../Typography/Typography.js";
+const $ = E(
   ({
     options: l = [],
-    placeholder: g = "Select...",
-    value: o,
-    onChange: y,
+    placeholder: f = "Select...",
+    value: i,
+    onChange: h,
     open: a,
     onOpenChange: s,
     error: p = !1,
-    defaultOpen: i = !1,
-    disabled: n = !1,
-    name: h,
-    defaultValue: d,
+    defaultOpen: o = !1,
+    disabled: u = !1,
+    name: g,
+    defaultValue: y,
     ...b
-  }, w) => {
-    const [c, f] = C(a ?? i), v = (e) => {
-      f(e), s == null || s(e);
+  }, v) => {
+    const [c, n] = C(a ?? o), w = (e) => {
+      n(e), s == null || s(e);
     };
-    return P(() => {
-      a !== void 0 && f(a);
-    }, [a]), Array.isArray(l) || console.error("`options` must be an array of objects with `value` and `label` keys."), /* @__PURE__ */ m(
+    return O(() => {
+      a !== void 0 && n(a);
+    }, [a]), Array.isArray(l) || console.error("`options` must be an array of objects with `value` and `label` keys."), /* @__PURE__ */ d(
       N,
       {
-        value: o,
+        value: i,
         open: c,
-        onValueChange: y,
-        defaultOpen: i,
-        onOpenChange: v,
-        name: h,
-        disabled: n,
-        defaultValue: d,
+        onValueChange: h,
+        defaultOpen: o,
+        onOpenChange: w,
+        name: g,
+        disabled: u,
+        defaultValue: y,
         ...b,
         children: [
-          /* @__PURE__ */ m(
-            V,
+          /* @__PURE__ */ d(
+            S,
             {
-              ref: w,
+              ref: v,
               className: t(
-                u({ variant: "body", level: 3 }),
-                $({
-                  isOpen: c,
-                  error: p,
-                  disabled: n,
-                  defaultValue: !!d
-                })
+                m({ variant: "body", level: 3 }),
+                _({ error: p, isFocused: c }),
+                "flex items-center justify-between whitespace-nowrap [&>span:first-of-type]:line-clamp-1",
+                "data-[placeholder]:text-gray-500",
+                "data-[state=closed]:bg-gray-100 data-[state=closed]:border-gray-100"
               ),
               children: [
-                /* @__PURE__ */ r(S, { placeholder: g }),
-                /* @__PURE__ */ r(I, { className: "h-5 w-5", children: /* @__PURE__ */ r(_, { className: "text-gray-500" }) })
+                /* @__PURE__ */ r(I, { placeholder: f }),
+                /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(P, { className: "text-gray-400 size-6" }) })
               ]
             }
           ),
-          /* @__PURE__ */ r(R, { children: /* @__PURE__ */ r(j, { position: "popper", className: t(x), children: /* @__PURE__ */ r(
+          /* @__PURE__ */ r(V, { children: /* @__PURE__ */ r(j, { position: "popper", className: t(x), children: /* @__PURE__ */ r(
             A,
             {
               className: t(
@@ -95,15 +65,15 @@ const $ = D(
                 l.length === 0 && "hidden"
               ),
               children: l.map((e) => /* @__PURE__ */ r(
-                O,
+                T,
                 {
                   value: e.value,
                   className: t(
-                    "w-full cursor-pointer select-none rounded-md p-2 font-sans outline-none hover:bg-gray-100",
-                    o === e.value && "bg-gray-200",
-                    u({ variant: "body", level: 2 })
+                    "w-full cursor-pointer select-none rounded-md p-2 font-sans outline-none hover:bg-gray-50",
+                    i === e.value && "bg-gray-100",
+                    m({ variant: "body", level: 2 })
                   ),
-                  children: /* @__PURE__ */ r(T, { children: e.label })
+                  children: /* @__PURE__ */ r(D, { children: e.label })
                 },
                 `${e.value}/${e.label}`
               ))
@@ -114,8 +84,8 @@ const $ = D(
     );
   }
 );
-k.displayName = "Select";
+$.displayName = "Select";
 export {
-  k as Select,
-  k as default
+  $ as Select,
+  $ as default
 };

package/dist/components/{Button → Spinner}/Spinner.d.ts

@@ -4,5 +4,5 @@ interface SpinnerProps {
      */
     className?: string;
 }
-declare const Spinner: ({ className }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
-export default Spinner;
+export declare const Spinner: ({ className }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Spinner/Spinner.js

@@ -0,0 +1,36 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { cn as o } from "../../lib/utils.js";
+const s = ({ className: t }) => /* @__PURE__ */ e(
+  "svg",
+  {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: o("h-6 w-6 animate-spin text-gray-900", t),
+    children: [
+      /* @__PURE__ */ r(
+        "circle",
+        {
+          cx: "12",
+          cy: "12",
+          r: "10.75",
+          stroke: "currentColor",
+          strokeOpacity: "0.16",
+          strokeWidth: "2.5"
+        }
+      ),
+      /* @__PURE__ */ r(
+        "path",
+        {
+          d: "M17.8921 1.54613C16.1312 0.553676 14.1482 0.0220795 12.1271 0.000672984C10.1059 -0.0207335 8.11211 0.468744 6.33065 1.42368L7.50987 3.62356C8.92079 2.86725 10.4999 2.47958 12.1007 2.49653C13.7014 2.51349 15.2719 2.93451 16.6665 3.72054L17.8921 1.54613Z",
+          fill: "currentColor"
+        }
+      )
+    ]
+  }
+);
+export {
+  s as Spinner
+};

package/dist/components/Spinner/index.d.ts

@@ -0,0 +1 @@
+export * from './Spinner';

package/dist/components/Spinner/index.js

@@ -0,0 +1,4 @@
+import { Spinner as n } from "./Spinner.js";
+export {
+  n as Spinner
+};

package/dist/components/Switch/Switch.js

@@ -10,7 +10,7 @@ const n = l(
       checked: e,
       onCheckedChange: t,
       disabled: r,
-      className: "relative inline-flex h-auto w-10 items-center rounded-full border-2 transition-all data-[state=checked]:border-gray-900 data-[state=checked]:bg-gray-900 data-[state=unchecked]:border-gray-300 data-[state=unchecked]:bg-gray-300 disabled:cursor-not-allowed disabled:opacity-20",
+      className: "relative inline-flex h-6 w-10 items-center rounded-full border-2 transition-all data-[state=checked]:border-gray-900 data-[state=checked]:bg-gray-900 data-[state=unchecked]:border-gray-300 data-[state=unchecked]:bg-gray-300 disabled:cursor-not-allowed disabled:opacity-20",
       ...d,
       children: /* @__PURE__ */ a(c, { className: "bg-gray-0 block h-5 w-5 transform rounded-full transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0" })
     }

package/dist/components/Tabs/Tabs.d.ts

@@ -0,0 +1,11 @@
+import { TabItemProps, TabsProps } from './types';
+import * as React from "react";
+/**
+ * A tab navigation component that allows users to switch between different views
+ */
+declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Individual tab item that can be selected
+ */
+declare const TabItem: React.ForwardRefExoticComponent<TabItemProps & React.RefAttributes<HTMLButtonElement>>;
+export { Tabs, TabItem };

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { Slot as s } from "../../node_modules/.pnpm/@radix-ui_react-slot@1.1.1_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.js";
+import { Root as c, Item as f } from "../../node_modules/.pnpm/@radix-ui_react-toggle-group@1.1.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react_3smwloudr6a3igss4kifyxcwju/node_modules/@radix-ui/react-toggle-group/dist/index.js";
+import * as n from "react";
+import { cn as o } from "../../lib/utils.js";
+import { Typography as d } from "../Typography/Typography.js";
+const p = n.forwardRef(
+  ({ children: r, ...a }, e) => /* @__PURE__ */ t(
+    c,
+    {
+      ref: e,
+      type: "single",
+      className: "flex w-full justify-between px-5 items-center",
+      ...a,
+      children: /* @__PURE__ */ t("div", { className: "flex w-full", children: r })
+    }
+  )
+);
+p.displayName = "Tabs";
+const x = n.forwardRef(
+  ({ icon: r, label: a, activeIcon: e, ...l }, i) => /* @__PURE__ */ m(
+    f,
+    {
+      ref: i,
+      className: o(
+        "flex-1 flex flex-col items-center gap-1 relative min-w-0 group",
+        "focus:outline-none transition-colors duration-200",
+        "text-gray-350 hover:text-gray-500 data-[state=on]:text-gray-900"
+      ),
+      ...l,
+      children: [
+        /* @__PURE__ */ t(
+          s,
+          {
+            className: o("h-[1.625rem] shrink-0", e && "group-data-[state=on]:hidden"),
+            children: r
+          }
+        ),
+        e && /* @__PURE__ */ t(s, { className: "h-[1.625rem] shrink-0 hidden group-data-[state=on]:block", children: e }),
+        a && /* @__PURE__ */ t(
+          d,
+          {
+            as: "span",
+            variant: "subtitle",
+            className: "text-2xs truncate w-full text-center px-1 leading-none",
+            children: a
+          }
+        )
+      ]
+    }
+  )
+);
+x.displayName = "TabItem";
+export {
+  x as TabItem,
+  p as Tabs
+};

package/dist/components/Tabs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Tabs';
+export * from './types';

package/dist/components/Tabs/index.js

@@ -0,0 +1,5 @@
+import { TabItem as e, Tabs as m } from "./Tabs.js";
+export {
+  e as TabItem,
+  m as Tabs
+};

package/dist/components/Tabs/types.d.ts

@@ -0,0 +1,53 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import * as ToggleGroup from "@radix-ui/react-toggle-group";
+type BaseToggleGroupProps = ComponentPropsWithoutRef<typeof ToggleGroup.Root>;
+type BaseToggleGroupItemProps = ComponentPropsWithoutRef<typeof ToggleGroup.Item>;
+export interface TabsProps extends Omit<BaseToggleGroupProps, "type" | "size" | "orientation"> {
+    /**
+     * Whether the toggle group is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether the toggle group should loop when navigating through items
+     */
+    loop?: boolean;
+    /**
+     * The default selected tab value
+     */
+    defaultValue?: string;
+    /**
+     * The selected tab value
+     */
+    value?: string;
+    /**
+     * Callback when tab selection changes
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * The tab items
+     */
+    children?: ReactNode;
+}
+export interface TabItemProps extends Omit<BaseToggleGroupItemProps, "className" | "children"> {
+    /**
+     * The icon to display
+     */
+    icon: ReactNode;
+    /**
+     * The icon to display when the tab item is active
+     */
+    activeIcon?: ReactNode;
+    /**
+     * The label text
+     */
+    label?: string;
+    /**
+     * Whether the tab item is disabled
+     */
+    disabled?: boolean;
+    /**
+     * The value of the tab item
+     */
+    value: string;
+}
+export {};

package/dist/components/Tabs/types.js

@@ -0,0 +1 @@
+

package/dist/components/TextArea/TextArea.d.ts

@@ -0,0 +1,25 @@
+import { VariantProps } from 'class-variance-authority';
+import { inputVariants } from '../Input/Input';
+import * as React from "react";
+export interface TextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "className" | "style" | "placeholder">, VariantProps<typeof inputVariants> {
+    /**
+     * If true, the textarea will display in an error state with error styling
+     */
+    error?: boolean;
+    /**
+     * If true, the textarea will display in a focused state with focus styling
+     * @default false
+     */
+    isFocused?: boolean;
+    /**
+     * The label text for the textarea
+     */
+    label?: string;
+    /**
+     * Variant of the input
+     * @default "default"
+     */
+    variant?: "default" | "floating-label";
+}
+export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default TextArea;

package/dist/components/TextArea/TextArea.js

@@ -0,0 +1,54 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import { cva as d } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import * as c from "react";
+import { cn as r } from "../../lib/utils.js";
+import { inputVariants as x } from "../Input/Input.js";
+import { typographyVariants as l } from "../Typography/Typography.js";
+const u = d("min-h-[7.5rem] resize-y", {
+  variants: {
+    variant: {
+      "floating-label": "pt-8",
+      default: "pt-4"
+    }
+  }
+}), b = c.forwardRef(
+  ({ error: s, isFocused: m = !1, disabled: p, label: t, variant: e = "default", id: a, ...i }, f) => /* @__PURE__ */ n("div", { className: "relative flex w-full items-center group", children: [
+    /* @__PURE__ */ o(
+      "textarea",
+      {
+        ref: f,
+        id: a,
+        placeholder: t,
+        disabled: p,
+        className: r(
+          x({ error: s, isFocused: m, variant: e }),
+          l({ variant: "body", level: 3 }),
+          u({ variant: e })
+        ),
+        ...i
+      }
+    ),
+    e === "floating-label" && /* @__PURE__ */ o(
+      "label",
+      {
+        htmlFor: a,
+        className: r(
+          l({ variant: "body", level: 3 }),
+          r(
+            // Initial state
+            "peer-placeholder-shown:text-sm",
+            "peer-focus:text-xs peer-focus:border-gray-300 peer-focus:bg-gray-0",
+            // End state
+            "absolute text-gray-500 duration-300 transform text-xs top-0 pt-4 z-10 pl-4 w-full bg-gray-100 rounded-t-[0.625rem] border-t border-x border-gray-100"
+          )
+        ),
+        children: t
+      }
+    )
+  ] })
+);
+b.displayName = "TextArea";
+export {
+  b as TextArea,
+  b as default
+};

package/dist/components/TextArea/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TextArea';

package/dist/components/TextArea/index.js

@@ -0,0 +1,4 @@
+import { TextArea as r } from "./TextArea.js";
+export {
+  r as default
+};

package/dist/components/Toast/Toast.d.ts

@@ -0,0 +1,9 @@
+import * as ToastPrimitives from "@radix-ui/react-toast";
+import * as React from "react";
+declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
+declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & {
+    variant: "success" | "error";
+} & React.RefAttributes<HTMLLIElement>>;
+type ToastProps = React.ComponentPropsWithoutRef<typeof Toast>;
+export { type ToastProps, ToastProvider, ToastViewport, Toast };

package/dist/components/Toast/Toast.js

@@ -0,0 +1,51 @@
+"use client";
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+import { cn as s } from "../../lib/utils.js";
+import { Viewport as o, Root as i, Provider as p } from "../../node_modules/.pnpm/@radix-ui_react-toast@1.2.6_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.1_mux33mveszkw5z6iia6acnivvy/node_modules/@radix-ui/react-toast/dist/index.js";
+import * as l from "react";
+import { Fail as c } from "../Icons/Fail.js";
+import { Success as f } from "../Icons/Success.js";
+import { Typography as u } from "../Typography/Typography.js";
+const b = p, x = l.forwardRef(({ className: r, ...a }, t) => /* @__PURE__ */ e(
+  o,
+  {
+    ref: t,
+    className: s(
+      "fixed top-0 z-[100] flex max-h-screen w-full p-4 right-0 left-0 flex-col",
+      r
+    ),
+    ...a
+  }
+));
+x.displayName = o.displayName;
+const v = l.forwardRef(({ className: r, title: a, variant: t, ...d }, n) => /* @__PURE__ */ e(
+  i,
+  {
+    ref: n,
+    className: s(
+      "group pointer-events-auto relative flex w-full items-center justify-center",
+      "transition-all",
+      "data-[swipe=cancel]:translate-x-0",
+      "data-[swipe=end]:animate-out",
+      "data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)]",
+      "data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)]",
+      "data-[swipe=move]:transition-none",
+      "data-[state=closed]:animate-out",
+      "data-[state=closed]:slide-out-to-top-full",
+      "data-[state=closed]:fade-out-50",
+      "data-[state=open]:animate-in",
+      "data-[state=open]:slide-in-from-top-full"
+    ),
+    ...d,
+    children: /* @__PURE__ */ m("div", { className: "grid grid-cols-[auto_1fr] items-center gap-2 rounded-full bg-gray-0 h-9 pl-2 pr-3 border border-gray-200 shrink-0 text-gray-900", children: [
+      t === "success" ? /* @__PURE__ */ e(f, {}) : /* @__PURE__ */ e(c, {}),
+      /* @__PURE__ */ e("div", { className: "flex flex-1 items-center", children: /* @__PURE__ */ e(u, { variant: "subtitle", level: 3, children: a }) })
+    ] })
+  }
+));
+v.displayName = i.displayName;
+export {
+  v as Toast,
+  b as ToastProvider,
+  x as ToastViewport
+};

package/dist/components/Toast/Toaster.d.ts

@@ -0,0 +1,3 @@
+export declare function Toaster({ duration }: {
+    duration?: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Toast/Toaster.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { ToastProvider as a, Toast as m, ToastViewport as n } from "./Toast.js";
+import { useToast as p } from "./use-toast.js";
+function u({ duration: t }) {
+  const { toasts: r } = p();
+  return /* @__PURE__ */ i(a, { duration: t, children: [
+    r.map(({ id: s, ...e }) => /* @__PURE__ */ o(m, { ...e }, s)),
+    /* @__PURE__ */ o(n, {})
+  ] });
+}
+export {
+  u as Toaster
+};

package/dist/components/Toast/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Toast';
+export * from './Toaster';
+export * from './use-toast';

package/dist/components/Toast/index.js

@@ -0,0 +1,12 @@
+import { Toast as t, ToastProvider as e, ToastViewport as s } from "./Toast.js";
+import { Toaster as T } from "./Toaster.js";
+import { reducer as f, toast as m, useToast as x } from "./use-toast.js";
+export {
+  t as Toast,
+  e as ToastProvider,
+  s as ToastViewport,
+  T as Toaster,
+  f as reducer,
+  m as toast,
+  x as useToast
+};

package/dist/components/Toast/use-toast.d.ts

@@ -0,0 +1,51 @@
+import { ToastProps } from './Toast';
+type ToasterToast = ToastProps & {
+    id: string;
+};
+declare const actionTypes: {
+    readonly ADD_TOAST: "ADD_TOAST";
+    readonly UPDATE_TOAST: "UPDATE_TOAST";
+    readonly DISMISS_TOAST: "DISMISS_TOAST";
+    readonly REMOVE_TOAST: "REMOVE_TOAST";
+};
+type ActionType = typeof actionTypes;
+type Action = {
+    type: ActionType["ADD_TOAST"];
+    toast: ToasterToast;
+} | {
+    type: ActionType["UPDATE_TOAST"];
+    toast: Partial<ToasterToast>;
+} | {
+    type: ActionType["DISMISS_TOAST"];
+    toastId?: ToasterToast["id"];
+} | {
+    type: ActionType["REMOVE_TOAST"];
+    toastId?: ToasterToast["id"];
+};
+interface State {
+    toasts: ToasterToast[];
+}
+export declare const reducer: (state: State, action: Action) => State;
+type Toast = Omit<ToasterToast, "id">;
+declare const toast: ({ ...props }: Toast) => {
+    id: string;
+    dismiss: () => void;
+    update: (props: ToasterToast) => void;
+};
+declare function useToast(): {
+    toast: {
+        success: (props: Omit<Toast, "variant">) => {
+            id: string;
+            dismiss: () => void;
+            update: (props: ToasterToast) => void;
+        };
+        error: (props: Omit<Toast, "variant">) => {
+            id: string;
+            dismiss: () => void;
+            update: (props: ToasterToast) => void;
+        };
+    };
+    dismiss: (toastId?: string) => void;
+    toasts: ToasterToast[];
+};
+export { useToast, toast };