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

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

@@ -5,7 +5,7 @@ export declare const textAreaVariants: (props?: ({
     isFocused?: boolean | null | undefined;
     variant?: "default" | "floating-label" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface TextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "className" | "style" | "placeholder">, VariantProps<typeof textAreaVariants> {
+interface TextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "className" | "style" | "placeholder">, VariantProps<typeof textAreaVariants> {
     /**
      * If true, the textarea will display in an error state with error styling
      */
@@ -25,5 +25,6 @@ export interface TextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTex
      */
     variant?: "default" | "floating-label";
 }
-export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
-export default TextArea;
+declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { TextArea };
+export type { TextAreaProps };

package/dist/components/TextArea/TextArea.js

@@ -1,10 +1,10 @@
-import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import { cva as c } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
-import * as p from "react";
-import { cn as r } from "../../lib/utils.js";
-import { typographyVariants as l } from "../Typography/Typography.js";
-const b = c(
-  r(
+import { jsxs, jsx } from "react/jsx-runtime";
+import { cva } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import * as React from "react";
+import { cn } from "../../lib/utils.js";
+import { typographyVariants } from "../Typography/Typography.js";
+const textAreaVariants = cva(
+  cn(
     "min-h-[7.5rem] resize-y peer w-full rounded-[0.625rem] border border-gray-100 bg-gray-100 px-4 outline-none transition duration-300",
     "placeholder:text-gray-500",
     "focus:border-gray-300 focus:bg-gray-0 focus-visible:outline-none",
@@ -25,49 +25,51 @@ const b = c(
       }
     },
     defaultVariants: {
-      error: !1,
-      isFocused: !1,
+      error: false,
+      isFocused: false,
       variant: "default"
     }
   }
-), g = p.forwardRef(
-  ({ error: s, isFocused: d = !1, disabled: i, label: e, variant: a = "default", id: o, ...n }, f) => /* @__PURE__ */ u("div", { className: "relative flex w-full items-center group", children: [
-    /* @__PURE__ */ t(
-      "textarea",
-      {
-        ref: f,
-        id: o,
-        placeholder: e,
-        disabled: i,
-        className: r(
-          b({ error: s, isFocused: d, variant: a }),
-          l({ variant: "body" })
-        ),
-        ...n
-      }
-    ),
-    a === "floating-label" && /* @__PURE__ */ t(
-      "label",
-      {
-        htmlFor: o,
-        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: e
-      }
-    )
-  ] })
 );
-g.displayName = "TextArea";
+const TextArea = React.forwardRef(
+  ({ error, isFocused = false, disabled, label, variant = "default", id, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs("div", { className: "relative flex w-full items-center group", children: [
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          ref,
+          id,
+          placeholder: label,
+          disabled,
+          className: cn(
+            textAreaVariants({ error, isFocused, variant }),
+            typographyVariants({ variant: "body" })
+          ),
+          ...props
+        }
+      ),
+      variant === "floating-label" && /* @__PURE__ */ jsx(
+        "label",
+        {
+          htmlFor: id,
+          className: cn(
+            typographyVariants({ variant: "body", level: 3 }),
+            cn(
+              // 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: label
+        }
+      )
+    ] });
+  }
+);
+TextArea.displayName = "TextArea";
 export {
-  g as TextArea,
-  g as default,
-  b as textAreaVariants
+  TextArea,
+  textAreaVariants
 };

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

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

package/dist/components/Toast/Toast.js

@@ -1,51 +1,54 @@
 "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,
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+import { Viewport, Root as Root2, Provider } 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 React from "react";
+import { Fail } from "../Icons/Fail.js";
+import { Success } from "../Icons/Success.js";
+import { Typography } from "../Typography/Typography.js";
+const ToastProvider = Provider;
+const ToastViewport = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Viewport,
   {
-    ref: t,
-    className: s(
+    ref,
+    className: cn(
       "fixed top-6 z-[100] flex max-h-screen w-full p-2 right-0 left-0 flex-col",
-      r
+      className
     ),
-    ...a
+    ...props
   }
 ));
-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;
+ToastViewport.displayName = Viewport.displayName;
+const Toast = React.forwardRef(({ className, title, variant, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    Root2,
+    {
+      ref,
+      className: cn(
+        "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"
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxs("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: [
+        variant === "success" ? /* @__PURE__ */ jsx(Success, {}) : /* @__PURE__ */ jsx(Fail, {}),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center", children: /* @__PURE__ */ jsx(Typography, { variant: "subtitle", level: 3, children: title }) })
+      ] })
+    }
+  );
+});
+Toast.displayName = Root2.displayName;
 export {
-  v as Toast,
-  b as ToastProvider,
-  x as ToastViewport
+  Toast,
+  ToastProvider,
+  ToastViewport
 };

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

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

package/dist/components/Toast/Toaster.js

@@ -1,14 +1,15 @@
 "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, {})
+import { jsxs, jsx } from "react/jsx-runtime";
+import { ToastProvider, Toast, ToastViewport } from "./Toast.js";
+import { useToast } from "./use-toast.js";
+function Toaster({ duration }) {
+  const { toasts } = useToast();
+  return /* @__PURE__ */ jsxs(ToastProvider, { duration, children: [
+    toasts.map(({ id, ...props }) => /* @__PURE__ */ jsx(Toast, { ...props }, id)),
+    /* @__PURE__ */ jsx(ToastViewport, {})
   ] });
 }
+Toaster.displayName = "Toaster";
 export {
-  u as Toaster
+  Toaster
 };

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

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

package/dist/components/Toast/use-toast.js

@@ -1,101 +1,126 @@
 "use client";
-import { useState as d, useEffect as p } from "react";
-const A = 1, f = 1e6;
-let T = 0;
-function O() {
-  return T = (T + 1) % Number.MAX_SAFE_INTEGER, T.toString();
+import { useState, useEffect } from "react";
+const TOAST_LIMIT = 1;
+const TOAST_REMOVE_DELAY = 1e6;
+let count = 0;
+function genId() {
+  count = (count + 1) % Number.MAX_SAFE_INTEGER;
+  return count.toString();
 }
-const a = /* @__PURE__ */ new Map(), c = (t) => {
-  if (a.has(t))
+const toastTimeouts = /* @__PURE__ */ new Map();
+const addToRemoveQueue = (toastId) => {
+  if (toastTimeouts.has(toastId)) {
     return;
-  const e = setTimeout(() => {
-    a.delete(t), r({
+  }
+  const timeout = setTimeout(() => {
+    toastTimeouts.delete(toastId);
+    dispatch({
       type: "REMOVE_TOAST",
-      toastId: t
+      toastId
     });
-  }, f);
-  a.set(t, e);
-}, E = (t, e) => {
-  switch (e.type) {
+  }, TOAST_REMOVE_DELAY);
+  toastTimeouts.set(toastId, timeout);
+};
+const reducer = (state, action) => {
+  switch (action.type) {
     case "ADD_TOAST":
       return {
-        ...t,
-        toasts: [e.toast, ...t.toasts].slice(0, A)
+        ...state,
+        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT)
       };
     case "UPDATE_TOAST":
       return {
-        ...t,
-        toasts: t.toasts.map(
-          (s) => s.id === e.toast.id ? { ...s, ...e.toast } : s
+        ...state,
+        toasts: state.toasts.map(
+          (t) => t.id === action.toast.id ? { ...t, ...action.toast } : t
         )
       };
     case "DISMISS_TOAST": {
-      const { toastId: s } = e;
-      return s ? c(s) : t.toasts.forEach((o) => {
-        c(o.id);
-      }), {
-        ...t,
-        toasts: t.toasts.map(
-          (o) => o.id === s || s === void 0 ? {
-            ...o,
-            open: !1
-          } : o
+      const { toastId } = action;
+      if (toastId) {
+        addToRemoveQueue(toastId);
+      } else {
+        state.toasts.forEach((toast2) => {
+          addToRemoveQueue(toast2.id);
+        });
+      }
+      return {
+        ...state,
+        toasts: state.toasts.map(
+          (t) => t.id === toastId || toastId === void 0 ? {
+            ...t,
+            open: false
+          } : t
         )
       };
     }
     case "REMOVE_TOAST":
-      return e.toastId === void 0 ? {
-        ...t,
-        toasts: []
-      } : {
-        ...t,
-        toasts: t.toasts.filter((s) => s.id !== e.toastId)
+      if (action.toastId === void 0) {
+        return {
+          ...state,
+          toasts: []
+        };
+      }
+      return {
+        ...state,
+        toasts: state.toasts.filter((t) => t.id !== action.toastId)
       };
   }
-}, n = [];
-let i = { toasts: [] };
-function r(t) {
-  i = E(i, t), n.forEach((e) => {
-    e(i);
+};
+const listeners = [];
+let memoryState = { toasts: [] };
+function dispatch(action) {
+  memoryState = reducer(memoryState, action);
+  listeners.forEach((listener) => {
+    listener(memoryState);
   });
 }
-const S = ({ ...t }) => {
-  const e = O(), s = (u) => r({
+const toast = ({ ...props }) => {
+  const id = genId();
+  const update = (props2) => dispatch({
     type: "UPDATE_TOAST",
-    toast: { ...u, id: e }
-  }), o = () => r({ type: "DISMISS_TOAST", toastId: e });
-  return r({
+    toast: { ...props2, id }
+  });
+  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
+  dispatch({
     type: "ADD_TOAST",
     toast: {
-      ...t,
-      id: e,
-      open: !0,
-      onOpenChange: (u) => {
-        u || o();
+      ...props,
+      id,
+      open: true,
+      onOpenChange: (open) => {
+        if (!open) dismiss();
       }
     }
-  }), {
-    id: e,
-    dismiss: o,
-    update: s
+  });
+  return {
+    id,
+    dismiss,
+    update
   };
 };
-function m() {
-  const [t, e] = d(i);
-  return p(() => (n.push(e), () => {
-    const s = n.indexOf(e);
-    s > -1 && n.splice(s, 1);
-  }), [t]), {
-    ...t,
+function useToast() {
+  const [state, setState] = useState(memoryState);
+  useEffect(() => {
+    listeners.push(setState);
+    return () => {
+      const index = listeners.indexOf(setState);
+      if (index > -1) {
+        listeners.splice(index, 1);
+      }
+    };
+  }, [state]);
+  return {
+    ...state,
     toast: {
-      success: (s) => S({ ...s, variant: "success" }),
-      error: (s) => S({ ...s, variant: "error" })
+      success: (props) => toast({ ...props, variant: "success" }),
+      error: (props) => toast({ ...props, variant: "error" })
     },
-    dismiss: (s) => r({ type: "DISMISS_TOAST", toastId: s })
+    dismiss: (toastId) => dispatch({ type: "DISMISS_TOAST", toastId })
   };
 }
 export {
-  E as reducer,
-  S as toast,
-  m as useToast
+  reducer,
+  toast,
+  useToast
 };

package/dist/components/ToggleGroup/ToggleGroup.js

@@ -1,28 +1,28 @@
-import { jsx as a } from "react/jsx-runtime";
-import { Root as l, Item as n } 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 e from "react";
-import { cn as r } from "../../lib/utils.js";
-import { typographyVariants as g } from "../Typography/Typography.js";
-const m = e.forwardRef(({ ...o }, t) => /* @__PURE__ */ a(l, { ref: t, className: r("inline-flex gap-5"), ...o }));
-m.displayName = "ToggleGroup";
-const p = e.forwardRef(({ className: o, children: t, ...s }, i) => /* @__PURE__ */ a(
-  n,
+import { jsx } from "react/jsx-runtime";
+import { Root as Root2, Item as Item2 } 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 React from "react";
+import { cn } from "../../lib/utils.js";
+import { typographyVariants } from "../Typography/Typography.js";
+const ToggleGroupRoot = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx(Root2, { ref, className: cn("inline-flex gap-5"), ...props }));
+ToggleGroupRoot.displayName = "ToggleGroup";
+const ToggleGroupItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  Item2,
   {
-    ref: i,
-    className: r(
-      g({ variant: "subtitle", level: 4 }),
+    ref,
+    className: cn(
+      typographyVariants({ variant: "subtitle", level: 4 }),
       "size-8 rounded-full transition-all text-gray-400 bg-gray-0 outline-none",
       "hover:bg-gray-50",
       "data-[state=on]:bg-gray-100 data-[state=on]:text-gray-900",
       "disabled:pointer-events-none disabled:opacity-50",
-      o
+      className
     ),
-    ...s,
-    children: t
+    ...props,
+    children
   }
 ));
-p.displayName = "ToggleGroupItem";
+ToggleGroupItem.displayName = "ToggleGroupItem";
 export {
-  p as ToggleGroupItem,
-  m as ToggleGroupRoot
+  ToggleGroupItem,
+  ToggleGroupRoot
 };

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

@@ -1 +1,2 @@
 export { ToggleGroupRoot, ToggleGroupItem } from './ToggleGroup';
+export type { ToggleGroupRootProps, ToggleGroupItemProps } from './types';

package/dist/components/Token/Token.d.ts

@@ -13,5 +13,6 @@ interface TokenProps {
     /** Whether the token is disabled */
     disabled?: boolean;
 }
-export declare const Token: React.FC<TokenProps>;
-export default Token;
+declare const Token: React.FC<TokenProps>;
+export { Token };
+export type { TokenProps };

package/dist/components/Token/Token.js

@@ -1,15 +1,15 @@
-import { jsx as s } from "react/jsx-runtime";
-import * as c from "./icons/index.js";
-const m = ({
-  value: n,
-  size: o = 40,
-  variant: t = "color",
-  disabled: e = !1
+import { jsx } from "react/jsx-runtime";
+import * as index from "./icons/index.js";
+const Token = ({
+  value,
+  size = 40,
+  variant = "color",
+  disabled = false
 }) => {
-  const r = c[n];
-  return /* @__PURE__ */ s(r, { width: o, height: o, disabled: e, variant: t });
+  const Icon = index[value];
+  return /* @__PURE__ */ jsx(Icon, { width: size, height: size, disabled, variant });
 };
+Token.displayName = "Token";
 export {
-  m as Token,
-  m as default
+  Token
 };

package/dist/components/Token/icons/btc.js

@@ -1,6 +1,6 @@
-import { jsxs as t, jsx as l } from "react/jsx-runtime";
-import { getBackgroundClass as s, getIconFillClass as o } from "./utils.js";
-const a = (e) => /* @__PURE__ */ t(
+import { jsxs, jsx } from "react/jsx-runtime";
+import { getBackgroundClass, getIconFillClass } from "./utils.js";
+const BTC = (props) => /* @__PURE__ */ jsxs(
   "svg",
   {
     width: "88",
@@ -8,22 +8,22 @@ const a = (e) => /* @__PURE__ */ t(
     viewBox: "0 0 88 88",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    ...e,
+    ...props,
     style: { color: "#FF5A00" },
     children: [
-      /* @__PURE__ */ l("rect", { width: "88", height: "88", rx: "44", className: s(e) }),
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ jsx("rect", { width: "88", height: "88", rx: "44", className: getBackgroundClass(props) }),
+      /* @__PURE__ */ jsx(
         "path",
         {
           fillRule: "evenodd",
           clipRule: "evenodd",
           d: "M41.9115 24.889H46.707V30.1736C51.5254 30.6529 54.6619 33.1054 54.6619 37.7023C54.6619 40.9261 53.0097 42.941 49.8664 44.1097V44.1903C52.9694 44.7947 55.6693 46.6484 55.6693 50.6782C55.6693 56.012 52.2208 58.3483 46.7071 58.7826L46.7071 64.162H41.9117L41.9117 58.8587H34.6741V30.086H41.9115V24.889ZM44.3456 54.4259H40.074V46.4469H45.0307C48.1336 46.4469 50.3097 47.4947 50.3097 50.3558C50.3097 53.4588 47.9724 54.4259 44.3456 54.4259ZM43.9829 42.1351H40.074V34.4784H44.265C47.4082 34.4784 49.3022 35.2038 49.3022 38.1456C49.3022 41.047 47.4485 42.1351 43.9829 42.1351Z",
-          className: o(e)
+          className: getIconFillClass(props)
         }
       )
     ]
   }
 );
 export {
-  a as default
+  BTC as default
 };

package/dist/components/Token/icons/dai.js

@@ -1,6 +1,6 @@
-import { jsxs as t, jsx as H } from "react/jsx-runtime";
-import { getBackgroundClass as s, getIconFillClass as V } from "./utils.js";
-const o = (C) => /* @__PURE__ */ t(
+import { jsxs, jsx } from "react/jsx-runtime";
+import { getBackgroundClass, getIconFillClass } from "./utils.js";
+const DAI = (props) => /* @__PURE__ */ jsxs(
   "svg",
   {
     width: "88",
@@ -8,20 +8,20 @@ const o = (C) => /* @__PURE__ */ t(
     viewBox: "0 0 88 88",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    ...C,
+    ...props,
     style: { color: "#FFB833" },
     children: [
-      /* @__PURE__ */ H("rect", { width: "88", height: "88", rx: "44", className: s(C) }),
-      /* @__PURE__ */ H(
+      /* @__PURE__ */ jsx("rect", { width: "88", height: "88", rx: "44", className: getBackgroundClass(props) }),
+      /* @__PURE__ */ jsx(
         "path",
         {
           d: "M44.562 46.547H58.2374C58.529 46.547 58.6666 46.547 58.6877 46.1648C58.7994 44.7736 58.7994 43.3743 58.6877 41.9815C58.6877 41.7111 58.5532 41.5993 58.2601 41.5993H31.0437C30.7068 41.5993 30.6161 41.7111 30.6161 42.0269V46.0304C30.6161 46.547 30.6161 46.547 31.1554 46.547H44.562ZM57.1604 36.9205C57.1993 36.8184 57.1993 36.7067 57.1604 36.6063C56.9321 36.1091 56.6616 35.6345 56.3474 35.1892C55.8745 34.428 55.3174 33.7267 54.6825 33.0967C54.3829 32.7161 54.0363 32.3744 53.6477 32.0845C51.701 30.4277 49.3866 29.2552 46.899 28.6656C45.6439 28.3838 44.3612 28.2494 43.0753 28.2608H30.9967C30.6598 28.2608 30.6145 28.3952 30.6145 28.6883V36.6727C30.6145 37.0095 30.6145 37.1002 31.042 37.1002H56.9985C56.9985 37.1002 57.2236 37.0549 57.269 36.9205H57.1588H57.1604ZM57.1604 51.2259C56.7782 51.1838 56.3928 51.1838 56.0106 51.2259H31.0663C30.7295 51.2259 30.6161 51.2259 30.6161 51.6761V59.4823C30.6161 59.8419 30.6161 59.9326 31.0663 59.9326H42.5829C43.1336 59.9747 43.6842 59.9358 44.2235 59.8208C45.8949 59.701 47.5387 59.3382 49.1064 58.7406C49.6765 58.543 50.2272 58.2855 50.747 57.9762H50.9041C53.6039 56.572 55.7968 54.3662 57.1799 51.6583C57.1799 51.6583 57.337 51.3182 57.1604 51.2291V51.2259ZM26.096 63.9798V63.8454V58.6045V56.8279V51.5417C26.096 51.2486 26.096 51.2048 25.7364 51.2048H20.8551C20.5846 51.2048 20.4729 51.2048 20.4729 50.8453V46.5713H25.6911C25.9826 46.5713 26.096 46.5713 26.096 46.1891V41.9605C26.096 41.69 26.096 41.6236 25.7364 41.6236H20.8551C20.5846 41.6236 20.4729 41.6236 20.4729 41.2641V37.3059C20.4729 37.0581 20.4729 36.9917 20.8324 36.9917H25.6684C26.0053 36.9917 26.096 36.9917 26.096 36.5642V24.4403C26.096 24.0807 26.096 23.99 26.5462 23.99H43.4154C44.6397 24.0386 45.856 24.173 47.0593 24.3949C49.5389 24.8532 51.9212 25.7391 54.0995 27.004C55.5441 27.8543 56.8738 28.881 58.0577 30.0633C58.9484 30.9881 59.7517 31.989 60.4643 33.0546C61.1721 34.1348 61.76 35.2896 62.2215 36.4961C62.2782 36.8103 62.5794 37.0225 62.8936 36.9691H66.9198C67.4364 36.9691 67.4365 36.969 67.4591 37.4646V41.154C67.4591 41.5135 67.3247 41.6042 66.9635 41.6042H63.8589C63.5447 41.6042 63.454 41.6042 63.4767 42.0091C63.5998 43.3792 63.5998 44.7542 63.4767 46.1243C63.4767 46.5065 63.4767 46.5519 63.9058 46.5519H67.4575C67.6146 46.7543 67.4575 46.9568 67.4575 47.1608C67.4802 47.4216 67.4802 47.6856 67.4575 47.9463V50.6688C67.4575 51.051 67.3458 51.1644 67.0073 51.1644H62.756C62.4596 51.1077 62.1713 51.2972 62.1033 51.5919C61.0911 54.2237 59.4715 56.5833 57.3791 58.475C56.6147 59.1633 55.8114 59.8111 54.9724 60.4087C54.072 60.927 53.1958 61.4663 52.2727 61.8938C50.5738 62.6583 48.7923 63.2219 46.9638 63.5798C45.2276 63.8907 43.4672 64.0316 41.7003 64.0073H26.0895V63.9847L26.096 63.9798Z",
-          className: V(C)
+          className: getIconFillClass(props)
         }
       )
     ]
   }
 );
 export {
-  o as default
+  DAI as default
 };