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

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
 };

package/dist/components/Icons/Magnifier.js

@@ -1,7 +1,7 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import { cn as t } from "../../lib/utils.js";
-function s({ className: o }) {
-  return /* @__PURE__ */ e(
+import { jsxs, jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+function Magnifier({ className }) {
+  return /* @__PURE__ */ jsxs(
     "svg",
     {
       width: "24",
@@ -9,9 +9,9 @@ function s({ className: o }) {
       viewBox: "0 0 24 24",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: t("size-6", o),
+      className: cn("size-6", className),
       children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ jsx(
           "path",
           {
             d: "M17 17L21 21",
@@ -21,7 +21,7 @@ function s({ className: o }) {
             strokeLinejoin: "round"
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ jsx(
           "path",
           {
             d: "M3 11C3 15.4183 6.58172 19 11 19C13.213 19 15.2161 18.1015 16.6644 16.6493C18.1077 15.2022 19 13.2053 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11Z",
@@ -36,5 +36,5 @@ function s({ className: o }) {
   );
 }
 export {
-  s as Magnifier
+  Magnifier
 };

package/dist/components/Icons/Success.js

@@ -1,82 +1,84 @@
-import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import { cn as r } from "../../lib/utils.js";
-const a = ({ className: i }) => /* @__PURE__ */ e(
-  "svg",
-  {
-    width: "25",
-    height: "24",
-    viewBox: "0 0 25 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: r("size-6 text-success-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_332)"
-        }
-      ),
-      /* @__PURE__ */ t(
-        "rect",
-        {
-          x: "0.636364",
-          y: "0.136364",
-          width: "23.7273",
-          height: "23.7273",
-          rx: "11.8636",
-          stroke: "url(#paint1_linear_578_332)",
-          strokeWidth: "0.272727"
-        }
-      ),
-      /* @__PURE__ */ t(
-        "path",
-        {
-          d: "M8.54541 12.4091L10.7272 14.5909L16.1818 9.13633",
-          stroke: "white",
-          strokeWidth: "1.5"
-        }
-      ),
-      /* @__PURE__ */ e("defs", { children: [
-        /* @__PURE__ */ e(
-          "radialGradient",
+import { jsxs, jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+const Success = ({ 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-success-600", className),
+      children: [
+        /* @__PURE__ */ jsx("rect", { x: "0.5", width: "24", height: "24", rx: "12", fill: "currentColor" }),
+        /* @__PURE__ */ jsx(
+          "rect",
           {
-            id: "paint0_radial_578_332",
-            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_332)"
           }
         ),
-        /* @__PURE__ */ e(
-          "linearGradient",
+        /* @__PURE__ */ jsx(
+          "rect",
           {
-            id: "paint1_linear_578_332",
-            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_332)",
+            strokeWidth: "0.272727"
           }
-        )
-      ] })
-    ]
-  }
-);
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M8.54541 12.4091L10.7272 14.5909L16.1818 9.13633",
+            stroke: "white",
+            strokeWidth: "1.5"
+          }
+        ),
+        /* @__PURE__ */ jsxs("defs", { children: [
+          /* @__PURE__ */ jsxs(
+            "radialGradient",
+            {
+              id: "paint0_radial_578_332",
+              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_332",
+              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 Success
+  Success
 };

package/dist/components/Icons/Tick.js

@@ -1,7 +1,7 @@
-import { jsx as t } from "react/jsx-runtime";
-import { cn as o } from "../../lib/utils.js";
-function n({ className: r }) {
-  return /* @__PURE__ */ t(
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+function Tick({ className }) {
+  return /* @__PURE__ */ jsx(
     "svg",
     {
       width: "16",
@@ -9,9 +9,9 @@ function n({ className: r }) {
       viewBox: "0 0 16 16",
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg",
-      className: o("h-4 w-4", r),
+      className: cn("h-4 w-4", className),
       "data-testid": "tick-icon",
-      children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ jsx(
         "path",
         {
           d: "M3.33334 8.66669L6.00001 11.3334L12.6667 4.66669",
@@ -24,5 +24,5 @@ function n({ className: r }) {
   );
 }
 export {
-  n as Tick
+  Tick
 };