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

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,23 @@
-import { CountryCode } from './Flag';
-export declare const countryCodes: CountryCode[];
+/**
+ * Unsupported countries:
+ * - Antarctica (AQ)
+ * - Bouvet Island (BV)
+ * - Christmas Island (CX)
+ * - Western Sahara (EH)
+ * - French Guiana (GF)
+ * - South Georgia and the South Sandwich Islands (GS)
+ * - Heard Island and McDonald Islands (HM)
+ * - Saint Kitts and Nevis (KN)
+ * - Saint Martin (MF)
+ * - New Caledonia (NC)
+ * - Saint Pierre and Miquelon (PM)
+ * - Reunion (RE)
+ * - Saint Helena (SH)
+ * - Svalbard and Jan Mayen (SJ)
+ * - French Southern Territories (TF)
+ * - U.S. Minor Outlying Islands (UM)
+ * - U.S. Virgin Islands (VI)
+ * - Wallis and Futuna (WF)
+ * - Mayotte (YT)
+ */
+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,237 @@
-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/Clock.d.ts

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from 'react';
+export declare function Clock(props: HTMLAttributes<SVGElement>): import("react/jsx-runtime").JSX.Element;