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

package/dist/components/Drawer/Drawer.js

@@ -1,70 +1,73 @@
 "use client";
-import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import { cn as c } from "../../lib/utils.js";
-import * as t from "react";
-import { Drawer as i } from "../../node_modules/.pnpm/vaul@1.1.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_react-dom@18.3._7iqkcrcg5qjc3n2ixm6rnrnx3e/node_modules/vaul/dist/index.js";
-import "../BottomBar/BottomBar.js";
-import { Button as m } from "../Button/Button.js";
-import { XMark as f } from "../Icons/XMark.js";
-import { Typography as n } from "../Typography/Typography.js";
-import { useDrawer as d, DrawerContext as h } from "./use-drawer.js";
-const y = ({
-  dismissible: a = !0,
-  height: r = "full",
-  modal: l = !0,
-  ...s
-}) => /* @__PURE__ */ e(h.Provider, { value: { dismissible: a, height: r }, children: /* @__PURE__ */ e(
-  i.Root,
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+import * as React from "react";
+import { Drawer as Drawer$1 } from "../../node_modules/.pnpm/vaul@1.1.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_react-dom@18.3._7iqkcrcg5qjc3n2ixm6rnrnx3e/node_modules/vaul/dist/index.js";
+import { XMark } from "../Icons/XMark.js";
+import { DrawerContext, useDrawer } from "./use-drawer.js";
+import { Button } from "../Button/Button.js";
+import { Typography } from "../Typography/Typography.js";
+const Drawer = ({
+  dismissible = true,
+  height = "full",
+  modal = true,
+  repositionInputs = false,
+  ...props
+}) => /* @__PURE__ */ jsx(DrawerContext.Provider, { value: { dismissible, height }, children: /* @__PURE__ */ jsx(
+  Drawer$1.Root,
   {
-    shouldScaleBackground: !1,
-    dismissible: a,
-    modal: l,
+    shouldScaleBackground: false,
+    dismissible,
+    modal,
     direction: "bottom",
-    ...s
+    handleOnly: true,
+    repositionInputs,
+    ...props
   }
 ) });
-y.displayName = "Drawer";
-const u = t.forwardRef((a, r) => /* @__PURE__ */ e(i.Trigger, { ref: r, ...a }));
-u.displayName = i.Trigger.displayName;
-const w = t.forwardRef((a, r) => /* @__PURE__ */ e(i.Close, { ref: r, ...a })), p = t.forwardRef((a, r) => /* @__PURE__ */ e(i.Overlay, { ref: r, className: "fixed inset-0 z-50 bg-gray-900/40", ...a }));
-p.displayName = i.Overlay.displayName;
-const N = t.forwardRef((a, r) => {
-  const { height: l } = d();
-  return /* @__PURE__ */ o(i.Portal, { children: [
-    /* @__PURE__ */ e(i.Overlay, { className: "fixed inset-0 z-50", children: /* @__PURE__ */ e("div", { className: "w-full h-full bg-gray-900 opacity-40" }) }),
-    /* @__PURE__ */ e(
-      i.Content,
+Drawer.displayName = "Drawer";
+const DrawerTrigger = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(Drawer$1.Trigger, { ref, ...props }));
+DrawerTrigger.displayName = Drawer$1.Trigger.displayName;
+const DrawerClose = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(Drawer$1.Close, { ref, ...props }));
+const DrawerOverlay = React.forwardRef((props, ref) => /* @__PURE__ */ jsx(Drawer$1.Overlay, { ref, className: "fixed inset-0 z-50 bg-gray-900/40", ...props }));
+DrawerOverlay.displayName = Drawer$1.Overlay.displayName;
+const DrawerContent = React.forwardRef((props, ref) => {
+  const { height } = useDrawer();
+  return /* @__PURE__ */ jsxs(Drawer$1.Portal, { children: [
+    /* @__PURE__ */ jsx(DrawerOverlay, {}),
+    /* @__PURE__ */ jsx(
+      Drawer$1.Content,
       {
-        ref: r,
-        ...a,
-        className: c(
-          "fixed inset-x-0 bottom-0 z-50 mt-24 bg-gray-0 outline-none",
-          l === "full" ? "h-screen rounded-none" : "h-auto rounded-t-[1.75rem]",
-          a.className
+        ref,
+        ...props,
+        className: cn(
+          "fixed inset-x-0 bottom-0 z-50 bg-gray-0 outline-none flex flex-col",
+          height === "full" ? "top-0 rounded-none" : "h-auto rounded-t-[1.75rem]",
+          props.className
         )
       }
     )
   ] });
 });
-N.displayName = "DrawerContent";
-const g = ({ icon: a, children: r, ...l }) => {
-  const { dismissible: s } = d();
-  return /* @__PURE__ */ o("div", { className: "flex justify-between items-center gap-4 mb-2 w-full", ...l, children: [
-    s && /* @__PURE__ */ e("div", { className: "shrink-0", children: /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(m, { variant: "tertiary", size: "icon", children: /* @__PURE__ */ e(f, {}) }) }) }),
-    /* @__PURE__ */ e("div", { className: "flex flex-col gap-6", children: r }),
-    s && /* @__PURE__ */ e("div", { className: "shrink-0 size-10" })
+DrawerContent.displayName = "DrawerContent";
+const DrawerHeader = ({ icon, children, ...props }) => {
+  const { dismissible } = useDrawer();
+  return /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center gap-4 mb-2 w-full", ...props, children: [
+    dismissible && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(DrawerClose, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "tertiary", size: "icon", children: /* @__PURE__ */ jsx(XMark, {}) }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-6", children }),
+    dismissible && /* @__PURE__ */ jsx("div", { className: "shrink-0 size-10" })
   ] });
 };
-g.displayName = "DrawerHeader";
-const D = t.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e(i.Title, { ref: l, ...r, asChild: !0, children: /* @__PURE__ */ e(n, { variant: "subtitle", level: 1, children: r.children }) }));
-D.displayName = i.Title.displayName;
-const v = t.forwardRef(({ className: a, ...r }, l) => /* @__PURE__ */ e(i.Description, { ref: l, className: "text-gray-500", ...r, asChild: !0, children: /* @__PURE__ */ e(n, { variant: "body", level: 2, children: r.children }) }));
-v.displayName = i.Description.displayName;
+DrawerHeader.displayName = "DrawerHeader";
+const DrawerTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Drawer$1.Title, { ref, ...props, asChild: true, children: /* @__PURE__ */ jsx(Typography, { variant: "subtitle", level: 1, children: props.children }) }));
+DrawerTitle.displayName = Drawer$1.Title.displayName;
+const DrawerDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Drawer$1.Description, { ref, className: "text-gray-500", ...props, asChild: true, children: /* @__PURE__ */ jsx(Typography, { variant: "body", level: 2, children: props.children }) }));
+DrawerDescription.displayName = Drawer$1.Description.displayName;
 export {
-  y as Drawer,
-  w as DrawerClose,
-  N as DrawerContent,
-  g as DrawerHeader,
-  D as DrawerTitle,
-  u as DrawerTrigger
+  Drawer,
+  DrawerClose,
+  DrawerContent,
+  DrawerHeader,
+  DrawerTitle,
+  DrawerTrigger
 };

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

@@ -1 +1,2 @@
-export * from './Drawer';
+export { Drawer, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerTitle, } from './Drawer';
+export type { DrawerProps, DrawerContentProps, DrawerHeaderProps, DrawerTitleProps, DrawerDescriptionProps, DrawerTriggerProps, DrawerCloseProps, } from './types';

package/dist/components/Drawer/use-drawer.js

@@ -1,11 +1,13 @@
-import { createContext as r, useContext as t } from "react";
-const o = r(void 0), s = () => {
-  const e = t(o);
-  if (e === void 0)
+import { createContext, useContext } from "react";
+const DrawerContext = createContext(void 0);
+const useDrawer = () => {
+  const context = useContext(DrawerContext);
+  if (context === void 0) {
     throw new Error("useDrawer must be used within a Drawer");
-  return e;
+  }
+  return context;
 };
 export {
-  o as DrawerContext,
-  s as useDrawer
+  DrawerContext,
+  useDrawer
 };

package/dist/components/Flag/Flag.d.ts

@@ -1,6 +1,6 @@
-import * as FlagComponents from "./flag-components";
-export type CountryCode = keyof typeof FlagComponents;
-interface FlagProps {
+import { HTMLAttributes } from 'react';
+import { CountryCode } from './types';
+interface FlagProps extends Omit<HTMLAttributes<HTMLImageElement>, "width" | "height"> {
     /**
      * ISO 3166-1 alpha-2 country code (e.g. 'US', 'GB', 'FR')
      */
@@ -10,5 +10,5 @@ interface FlagProps {
      */
     size?: number;
 }
-export declare const Flag: import('react').ForwardRefExoticComponent<FlagProps & import('react').RefAttributes<SVGSVGElement>>;
+export declare const Flag: import('react').ForwardRefExoticComponent<FlagProps & import('react').RefAttributes<HTMLImageElement>>;
 export default Flag;

package/dist/components/Flag/Flag.js

@@ -1,12 +1,26 @@
-import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import * as e from "./flag-components/index.js";
-const p = n(({ countryCode: t, size: o = 40 }, r) => {
-  const a = e[t];
-  return /* @__PURE__ */ m(a, { ref: r, width: o, height: o });
-});
-p.displayName = "Flag";
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+import { forwardRef } from "react";
+const DEFAULT_CDN_URL = "https://mini-apps-ui-kit.world.org/flags/";
+const DEFAULT_CDN_SUFFIX = "svg";
+const Flag = forwardRef(
+  ({ countryCode, size = 40, className, title, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "img",
+      {
+        ref,
+        width: size,
+        height: size,
+        title: title ?? countryCode,
+        src: `${DEFAULT_CDN_URL}${countryCode}.${DEFAULT_CDN_SUFFIX}`,
+        className: cn("object-cover bg-gray-100 rounded-full", className),
+        ...props
+      }
+    );
+  }
+);
+Flag.displayName = "Flag";
 export {
-  p as Flag,
-  p as default
+  Flag,
+  Flag as default
 };

package/dist/components/Flag/constants.d.ts

@@ -1,2 +1 @@
-import { CountryCode } from './Flag';
-export declare const countryCodes: CountryCode[];
+export declare const countryCodes: readonly ["AD", "AE", "AF", "AG", "AI", "AL", "AM", "AO", "AR", "AS", "AT", "AU", "AW", "AX", "AZ", "BA", "BB", "BD", "BE", "BF", "BG", "BH", "BI", "BJ", "BL", "BM", "BN", "BO", "BQ", "BR", "BS", "BT", "BW", "BY", "BZ", "CA", "CC", "CD", "CF", "CG", "CH", "CI", "CK", "CL", "CM", "CN", "CO", "CR", "CU", "CV", "CW", "CY", "CZ", "DE", "DJ", "DK", "DM", "DO", "DZ", "EC", "EE", "EG", "ER", "ES", "ET", "EU", "FI", "FJ", "FK", "FM", "FO", "FR", "GA", "GB", "GD", "GE", "GG", "GH", "GI", "GL", "GM", "GN", "GP", "GQ", "GR", "GT", "GU", "GW", "GY", "HK", "HN", "HR", "HT", "HU", "ID", "IE", "IL", "IM", "IN", "IO", "IQ", "IR", "IS", "IT", "JE", "JM", "JO", "JP", "KE", "KG", "KH", "KI", "KM", "KP", "KR", "KW", "KY", "KZ", "LA", "LB", "LC", "LI", "LK", "LR", "LS", "LT", "LU", "LV", "LY", "MA", "MC", "MD", "ME", "MG", "MH", "MK", "ML", "MM", "MN", "MO", "MP", "MQ", "MR", "MS", "MT", "MU", "MV", "MW", "MX", "MY", "MZ", "NA", "NE", "NF", "NG", "NI", "NL", "NO", "NP", "NR", "NU", "NZ", "OM", "PA", "PE", "PF", "PG", "PH", "PK", "PL", "PN", "PR", "PS", "PT", "PW", "PY", "QA", "RO", "RS", "RU", "RW", "SA", "SB", "SC", "SD", "SE", "SG", "SI", "SK", "SL", "SM", "SN", "SO", "SR", "SS", "ST", "SV", "SX", "SY", "SZ", "TC", "TD", "TG", "TH", "TJ", "TK", "TL", "TM", "TN", "TO", "TR", "TT", "TV", "TW", "TZ", "UA", "UG", "US", "UY", "UZ", "VA", "VC", "VE", "VG", "VN", "VU", "WS", "XK", "YE", "ZA", "ZM", "ZW"];

package/dist/components/Flag/constants.js

@@ -1,7 +1,4 @@
-import * as e from "./flag-components/index.js";
-const t = Object.keys(e).map(
-  (o) => o.toUpperCase()
-);
+const countryCodes = ["AD", "AE", "AF", "AG", "AI", "AL", "AM", "AO", "AR", "AS", "AT", "AU", "AW", "AX", "AZ", "BA", "BB", "BD", "BE", "BF", "BG", "BH", "BI", "BJ", "BL", "BM", "BN", "BO", "BQ", "BR", "BS", "BT", "BW", "BY", "BZ", "CA", "CC", "CD", "CF", "CG", "CH", "CI", "CK", "CL", "CM", "CN", "CO", "CR", "CU", "CV", "CW", "CY", "CZ", "DE", "DJ", "DK", "DM", "DO", "DZ", "EC", "EE", "EG", "ER", "ES", "ET", "EU", "FI", "FJ", "FK", "FM", "FO", "FR", "GA", "GB", "GD", "GE", "GG", "GH", "GI", "GL", "GM", "GN", "GP", "GQ", "GR", "GT", "GU", "GW", "GY", "HK", "HN", "HR", "HT", "HU", "ID", "IE", "IL", "IM", "IN", "IO", "IQ", "IR", "IS", "IT", "JE", "JM", "JO", "JP", "KE", "KG", "KH", "KI", "KM", "KP", "KR", "KW", "KY", "KZ", "LA", "LB", "LC", "LI", "LK", "LR", "LS", "LT", "LU", "LV", "LY", "MA", "MC", "MD", "ME", "MG", "MH", "MK", "ML", "MM", "MN", "MO", "MP", "MQ", "MR", "MS", "MT", "MU", "MV", "MW", "MX", "MY", "MZ", "NA", "NE", "NF", "NG", "NI", "NL", "NO", "NP", "NR", "NU", "NZ", "OM", "PA", "PE", "PF", "PG", "PH", "PK", "PL", "PN", "PR", "PS", "PT", "PW", "PY", "QA", "RO", "RS", "RU", "RW", "SA", "SB", "SC", "SD", "SE", "SG", "SI", "SK", "SL", "SM", "SN", "SO", "SR", "SS", "ST", "SV", "SX", "SY", "SZ", "TC", "TD", "TG", "TH", "TJ", "TK", "TL", "TM", "TN", "TO", "TR", "TT", "TV", "TW", "TZ", "UA", "UG", "US", "UY", "UZ", "VA", "VC", "VE", "VG", "VN", "VU", "WS", "XK", "YE", "ZA", "ZM", "ZW"];
 export {
-  t as countryCodes
+  countryCodes
 };

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

@@ -1,4 +1,3 @@
 export * from './Flag';
-export * from './LazyFlag';
 export { isSupportedCountryCode } from './utils';
-export type { CountryCode } from './Flag';
+export type { CountryCode } from './types';

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

@@ -0,0 +1,2 @@
+import { countryCodes } from './constants';
+export type CountryCode = (typeof countryCodes)[number];

package/dist/components/Flag/utils.d.ts

@@ -1,2 +1,2 @@
-import { CountryCode } from './Flag';
+import { CountryCode } from './types';
 export declare const isSupportedCountryCode: (code: string) => code is CountryCode;

package/dist/components/Flag/utils.js

@@ -1,5 +1,7 @@
-import * as t from "./flag-components/index.js";
-const e = (o) => Object.prototype.hasOwnProperty.call(t, o.toUpperCase());
+import { countryCodes } from "./constants.js";
+const isSupportedCountryCode = (code) => {
+  return countryCodes.includes(code.toUpperCase());
+};
 export {
-  e as isSupportedCountryCode
+  isSupportedCountryCode
 };

package/dist/components/Form/Form.d.ts

@@ -1,12 +1,13 @@
 import { FormProps as RadixFormProps } from '@radix-ui/react-form';
 import * as RadixForm from "@radix-ui/react-form";
-export type FormProps = RadixFormProps;
-export declare const Root: import('react').ForwardRefExoticComponent<RadixFormProps & import('react').RefAttributes<HTMLFormElement>>;
-export declare const Field: import('react').ForwardRefExoticComponent<RadixForm.FormFieldProps & import('react').RefAttributes<HTMLDivElement>>;
-export declare const Control: import('react').ForwardRefExoticComponent<RadixForm.FormControlProps & import('react').RefAttributes<HTMLInputElement>>;
-export declare const Message: import('react').ForwardRefExoticComponent<Omit<RadixForm.FormMessageProps & import('react').RefAttributes<HTMLSpanElement>, "ref"> & {
+type FormProps = RadixFormProps;
+declare const Root: import('react').ForwardRefExoticComponent<RadixFormProps & import('react').RefAttributes<HTMLFormElement>>;
+declare const Field: import('react').ForwardRefExoticComponent<RadixForm.FormFieldProps & import('react').RefAttributes<HTMLDivElement>>;
+declare const Control: import('react').ForwardRefExoticComponent<RadixForm.FormControlProps & import('react').RefAttributes<HTMLInputElement>>;
+declare const Message: import('react').ForwardRefExoticComponent<Omit<RadixForm.FormMessageProps & import('react').RefAttributes<HTMLSpanElement>, "ref"> & {
     error?: boolean;
     textAlign?: "left" | "center" | "right";
 } & import('react').RefAttributes<HTMLSpanElement>>;
-export declare const ValidityState: typeof RadixForm.ValidityState;
-export declare const Submit: typeof RadixForm.Submit;
+declare const ValidityState: typeof RadixForm.ValidityState;
+declare const Submit: typeof RadixForm.Submit;
+export { Root, type FormProps, Field, Control, Message, ValidityState, Submit };

package/dist/components/Form/Form.js

@@ -1,39 +1,44 @@
-import { jsx as e } from "react/jsx-runtime";
-import { cn as o } from "../../lib/utils.js";
-import { Message as i, Root as m, Field as l, Control as n, ValidityState as c, Submit as f } from "../../node_modules/.pnpm/@radix-ui_react-form@0.1.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_z32yjmfa36dn2egycaeb5u52lm/node_modules/@radix-ui/react-form/dist/index.js";
-import { forwardRef as d } from "react";
-import { typographyVariants as y } from "../Typography/Typography.js";
-const b = m, g = l, h = n, R = d(({ className: p, error: s, textAlign: t = "left", ...r }, a) => /* @__PURE__ */ e(
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+import { Root as Root$1, Field as Field$1, Control as Control$1, Message as Message$1, ValidityState as ValidityState$1, Submit as Submit$1 } from "../../node_modules/.pnpm/@radix-ui_react-form@0.1.1_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18.3.18_z32yjmfa36dn2egycaeb5u52lm/node_modules/@radix-ui/react-form/dist/index.js";
+import { forwardRef } from "react";
+import { typographyVariants } from "../Typography/Typography.js";
+const Root = Root$1;
+const Field = Field$1;
+const Control = Control$1;
+const Message = forwardRef(({ className, error, textAlign = "left", ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
-    className: o(
+    className: cn(
       " px-2 flex items-center justify-center",
-      t === "left" && "justify-start",
-      t === "center" && "justify-center",
-      t === "right" && "justify-end"
+      textAlign === "left" && "justify-start",
+      textAlign === "center" && "justify-center",
+      textAlign === "right" && "justify-end"
     ),
-    children: /* @__PURE__ */ e(
-      i,
+    children: /* @__PURE__ */ jsx(
+      Message$1,
       {
-        ref: a,
-        className: o(
+        ref,
+        className: cn(
           "h-[1.625rem] mt-1 flex items-center",
-          y({
+          typographyVariants({
             variant: "body",
             level: 4
           }),
-          s ? "text-error-600" : "text-gray-500"
+          error ? "text-error-600" : "text-gray-500"
         ),
-        ...r
+        ...props
       }
     )
   }
-)), V = c, v = f;
+));
+const ValidityState = ValidityState$1;
+const Submit = Submit$1;
 export {
-  h as Control,
-  g as Field,
-  R as Message,
-  b as Root,
-  v as Submit,
-  V as ValidityState
+  Control,
+  Field,
+  Message,
+  Root,
+  Submit,
+  ValidityState
 };

package/dist/components/Icons/ArrowDown.js

@@ -1,6 +1,6 @@
-import { jsx as r } from "react/jsx-runtime";
-function e(o) {
-  return /* @__PURE__ */ r(
+import { jsx } from "react/jsx-runtime";
+function ArrowDown(props) {
+  return /* @__PURE__ */ jsx(
     "svg",
     {
       width: "18",
@@ -8,8 +8,8 @@ function e(o) {
       viewBox: "0 0 18 18",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      ...o,
-      children: /* @__PURE__ */ r(
+      ...props,
+      children: /* @__PURE__ */ jsx(
         "path",
         {
           d: "M4.5 6.75L9 11.25L13.5 6.75",
@@ -22,5 +22,5 @@ function e(o) {
   );
 }
 export {
-  e as ArrowDown
+  ArrowDown
 };

package/dist/components/Icons/Clear.d.ts

@@ -0,0 +1,8 @@
+interface ClearProps {
+    /**
+     * Additional CSS classes to apply to the Clear icon
+     */
+    className?: string;
+}
+export declare function Clear({ className }: ClearProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Icons/Delete.d.ts

@@ -0,0 +1 @@
+export declare function Delete(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/Fail.js

@@ -1,82 +1,84 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { cn as e } from "../../lib/utils.js";
-const a = ({ className: i }) => /* @__PURE__ */ r(
-  "svg",
-  {
-    width: "25",
-    height: "24",
-    viewBox: "0 0 25 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: e("size-6 text-error-600", i),
-    children: [
-      /* @__PURE__ */ t("rect", { x: "0.5", width: "24", height: "24", rx: "12", fill: "currentColor" }),
-      /* @__PURE__ */ t(
-        "rect",
-        {
-          opacity: "0.2",
-          x: "0.5",
-          width: "24",
-          height: "24",
-          rx: "12",
-          fill: "url(#paint0_radial_578_338)"
-        }
-      ),
-      /* @__PURE__ */ t(
-        "rect",
-        {
-          x: "0.636364",
-          y: "0.136364",
-          width: "23.7273",
-          height: "23.7273",
-          rx: "11.8636",
-          stroke: "url(#paint1_linear_578_338)",
-          strokeWidth: "0.272727"
-        }
-      ),
-      /* @__PURE__ */ t(
-        "path",
-        {
-          d: "M9.50403 14.7233L12.3637 11.8636M15.2233 9.00403L12.3637 11.8636M12.3637 11.8636L9.50403 9.00403M12.3637 11.8636L15.2233 14.7233",
-          stroke: "white",
-          strokeWidth: "1.5"
-        }
-      ),
-      /* @__PURE__ */ r("defs", { children: [
-        /* @__PURE__ */ r(
-          "radialGradient",
+import { jsxs, jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+const Fail = ({ className }) => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "25",
+      height: "24",
+      viewBox: "0 0 25 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: cn("size-6 text-error-600", className),
+      children: [
+        /* @__PURE__ */ jsx("rect", { x: "0.5", width: "24", height: "24", rx: "12", fill: "currentColor" }),
+        /* @__PURE__ */ jsx(
+          "rect",
           {
-            id: "paint0_radial_578_338",
-            cx: "0",
-            cy: "0",
-            r: "1",
-            gradientUnits: "userSpaceOnUse",
-            gradientTransform: "translate(5.95455) rotate(63.4349) scale(26.8328 26.7171)",
-            children: [
-              /* @__PURE__ */ t("stop", { stopColor: "white" }),
-              /* @__PURE__ */ t("stop", { offset: "1", stopColor: "white", stopOpacity: "0" })
-            ]
+            opacity: "0.2",
+            x: "0.5",
+            width: "24",
+            height: "24",
+            rx: "12",
+            fill: "url(#paint0_radial_578_338)"
           }
         ),
-        /* @__PURE__ */ r(
-          "linearGradient",
+        /* @__PURE__ */ jsx(
+          "rect",
           {
-            id: "paint1_linear_578_338",
-            x1: "12.5",
-            y1: "0",
-            x2: "12.5",
-            y2: "24",
-            gradientUnits: "userSpaceOnUse",
-            children: [
-              /* @__PURE__ */ t("stop", { stopColor: "white", stopOpacity: "0.3" }),
-              /* @__PURE__ */ t("stop", { offset: "1", stopColor: "white", stopOpacity: "0" })
-            ]
+            x: "0.636364",
+            y: "0.136364",
+            width: "23.7273",
+            height: "23.7273",
+            rx: "11.8636",
+            stroke: "url(#paint1_linear_578_338)",
+            strokeWidth: "0.272727"
           }
-        )
-      ] })
-    ]
-  }
-);
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M9.50403 14.7233L12.3637 11.8636M15.2233 9.00403L12.3637 11.8636M12.3637 11.8636L9.50403 9.00403M12.3637 11.8636L15.2233 14.7233",
+            stroke: "white",
+            strokeWidth: "1.5"
+          }
+        ),
+        /* @__PURE__ */ jsxs("defs", { children: [
+          /* @__PURE__ */ jsxs(
+            "radialGradient",
+            {
+              id: "paint0_radial_578_338",
+              cx: "0",
+              cy: "0",
+              r: "1",
+              gradientUnits: "userSpaceOnUse",
+              gradientTransform: "translate(5.95455) rotate(63.4349) scale(26.8328 26.7171)",
+              children: [
+                /* @__PURE__ */ jsx("stop", { stopColor: "white" }),
+                /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "white", stopOpacity: "0" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "linearGradient",
+            {
+              id: "paint1_linear_578_338",
+              x1: "12.5",
+              y1: "0",
+              x2: "12.5",
+              y2: "24",
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ jsx("stop", { stopColor: "white", stopOpacity: "0.3" }),
+                /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "white", stopOpacity: "0" })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
 export {
-  a as Fail
+  Fail
 };

package/dist/components/Icons/MagicWand.js

@@ -1,7 +1,7 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { cn as L } from "../../lib/utils.js";
-function i({ className: o }) {
-  return /* @__PURE__ */ t(
+import { jsxs, jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+function MagicWand({ className }) {
+  return /* @__PURE__ */ jsxs(
     "svg",
     {
       width: "20",
@@ -9,9 +9,9 @@ function i({ className: o }) {
       viewBox: "0 0 20 20",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: L("size-5", o),
+      className: cn("size-5", className),
       children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ jsx(
           "path",
           {
             d: "M14.0774 3.8389L3.82886 14.0874L4.48362 14.7421L5.25751 15.516L5.91227 16.1707L16.1607 5.92225L15.506 5.26752L14.7321 4.49363L14.0774 3.8389Z",
@@ -20,7 +20,7 @@ function i({ className: o }) {
             strokeLinecap: "round"
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ jsx(
           "path",
           {
             d: "M11.2844 6.63257L13.3678 8.7159",
@@ -30,21 +30,21 @@ function i({ className: o }) {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ jsx(
           "path",
           {
             d: "M10.2313 3.98142C10.6148 3.98142 10.9258 3.6705 10.9258 3.28697C10.9258 2.90344 10.6148 2.59253 10.2313 2.59253C9.84778 2.59253 9.53687 2.90344 9.53687 3.28697C9.53687 3.6705 9.84778 3.98142 10.2313 3.98142Z",
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ jsx(
           "path",
           {
             d: "M6.87508 3.125L7.43777 4.64564L8.95841 5.20833L7.43777 5.77102L6.87508 7.29167L6.31239 5.77102L4.79175 5.20833L6.31239 4.64564L6.87508 3.125Z",
             fill: "currentColor"
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ jsx(
           "path",
           {
             d: "M15 10.8333L15.6752 12.658L17.5 13.3333L15.6752 14.0085L15 15.8333L14.3248 14.0085L12.5 13.3333L14.3248 12.658L15 10.8333Z",
@@ -56,5 +56,5 @@ function i({ className: o }) {
   );
 }
 export {
-  i as MagicWand
+  MagicWand
 };