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

package/dist/components/PhoneField/PhoneField.d.ts

@@ -1,6 +1,6 @@
-import { CountryCode } from '../Flag/Flag';
+import { CountryCode } from '../Flag/types';
 import { InputProps } from '../Input';
-export interface PhoneFieldProps extends Omit<InputProps, "onChange" | "startAdornment" | "startAdornmentWidth" | "placeholder"> {
+interface PhoneFieldProps extends Omit<InputProps, "onChange" | "startAdornment" | "placeholder"> {
     /**
      * Current phone number value.
      */
@@ -48,11 +48,7 @@ export interface PhoneFieldProps extends Omit<InputProps, "onChange" | "startAdo
      * The component should use currentColor to match the Input's styling.
      */
     endAdornment?: React.ReactNode;
-    /**
-     * Width of the end adornment in rem
-     * @default 1.25
-     */
-    endAdornmentWidth?: number;
 }
-export declare const PhoneField: import('react').ForwardRefExoticComponent<PhoneFieldProps & import('react').RefAttributes<HTMLDivElement>>;
-export default PhoneField;
+declare const PhoneField: import('react').ForwardRefExoticComponent<PhoneFieldProps & import('react').RefAttributes<HTMLDivElement>>;
+export { PhoneField };
+export type { PhoneFieldProps };

package/dist/components/PhoneField/PhoneField.js

@@ -1,92 +1,95 @@
 "use client";
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as x, useImperativeHandle as B } from "react";
-import { usePhoneInput as R } from "../../node_modules/.pnpm/react-international-phone@4.4.0_react@18.3.1/node_modules/react-international-phone/dist/index.js";
-import { CountryDrawer as W } from "../CountryDrawer/CountryDrawer.js";
-import { Input as _ } from "../Input/Input.js";
-import $ from "./CountrySelectorButton.js";
-import { DIAL_CODE_PREFIX as b, startAdornmentWidthByDialCodeLength as j } from "./constants.js";
-import { getCountryDataListByCodes as q, getValidatedCountryCode as d } from "./utils.js";
-const H = x(
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useImperativeHandle } from "react";
+import { usePhoneInput as ee } from "../../node_modules/.pnpm/react-international-phone@4.4.0_react@18.3.1/node_modules/react-international-phone/dist/index.js";
+import { CountryDrawer } from "../CountryDrawer/CountryDrawer.js";
+import CountrySelectorButton from "./CountrySelectorButton.js";
+import { DIAL_CODE_PREFIX } from "./constants.js";
+import { getCountryDataListByCodes, getValidatedCountryCode } from "./utils.js";
+import { Input } from "../Input/Input.js";
+const PhoneField = forwardRef(
   ({
-    value: m,
-    onChange: o,
-    countries: i,
-    label: f = "Phone",
-    defaultCountryCode: t = "US",
-    disableDialCodePrefill: c = !0,
-    disabled: l = !1,
-    error: h = !1,
-    isValid: p,
-    endAdornment: C,
-    endAdornmentWidth: y,
-    type: D = "tel",
-    inputMode: A = "tel",
-    autoComplete: w = "tel",
-    autoCapitalize: P = "off",
-    autoCorrect: v = "off",
-    ...E
-  }, I) => {
-    const { inputValue: L, country: r, inputRef: n, handlePhoneValueChange: S, setCountry: g } = R(
+    value,
+    onChange,
+    countries,
+    label = "Phone",
+    defaultCountryCode = "US",
+    disableDialCodePrefill = true,
+    disabled = false,
+    error = false,
+    isValid,
+    endAdornment,
+    type = "tel",
+    inputMode = "tel",
+    autoComplete = "tel",
+    autoCapitalize = "off",
+    autoCorrect = "off",
+    ...props
+  }, ref) => {
+    const { inputValue, country, inputRef, handlePhoneValueChange, setCountry } = ee(
       {
-        defaultCountry: t.toLowerCase(),
-        disableDialCodePrefill: c,
-        disableDialCodeAndPrefix: !0,
-        value: m,
-        countries: q(i),
-        onChange: (e) => {
-          o == null || o(
-            e.phone,
-            d(e.country.iso2, t)
+        defaultCountry: defaultCountryCode.toLowerCase(),
+        disableDialCodePrefill,
+        disableDialCodeAndPrefix: true,
+        value,
+        countries: getCountryDataListByCodes(countries),
+        onChange: (data) => {
+          onChange == null ? void 0 : onChange(
+            data.phone,
+            getValidatedCountryCode(data.country.iso2, defaultCountryCode)
           );
         }
       }
-    ), u = d(r.iso2, t), F = `${b}${r.dialCode}`, V = j[r.dialCode.length];
-    return B(I, () => n.current), /* @__PURE__ */ a(
-      _,
+    );
+    const selectedCountryCode = getValidatedCountryCode(country.iso2, defaultCountryCode);
+    const currentDialCode = `${DIAL_CODE_PREFIX}${country.dialCode}`;
+    useImperativeHandle(ref, () => inputRef.current);
+    const handleCountrySelect = (selectedCountry) => {
+      setCountry(selectedCountry.toLowerCase());
+    };
+    const handleDrawerAnimationEnd = (open) => {
+      if (!open) {
+        requestAnimationFrame(() => {
+          var _a;
+          (_a = inputRef.current) == null ? void 0 : _a.focus();
+        });
+      }
+    };
+    return /* @__PURE__ */ jsx(
+      Input,
       {
-        ...E,
-        ref: n,
-        type: D,
-        inputMode: A,
-        autoComplete: w,
-        autoCapitalize: P,
-        autoCorrect: v,
-        value: L,
-        onChange: S,
-        label: f,
-        disabled: l,
-        error: h,
-        isValid: p,
-        endAdornment: C,
-        endAdornmentWidth: y,
-        startAdornmentWidth: V,
-        showStartDivider: !0,
-        startAdornment: /* @__PURE__ */ a(
-          W,
+        ...props,
+        ref: inputRef,
+        type,
+        inputMode,
+        autoComplete,
+        autoCapitalize,
+        autoCorrect,
+        value: inputValue,
+        onChange: handlePhoneValueChange,
+        label,
+        disabled,
+        error,
+        isValid,
+        endAdornment,
+        showStartDivider: true,
+        startAdornment: /* @__PURE__ */ jsx(
+          CountryDrawer,
           {
-            value: u,
-            defaultValue: t,
-            countries: i,
-            onAnimationEnd: (e) => {
-              e || requestAnimationFrame(() => {
-                var s;
-                (s = n.current) == null || s.focus();
-              });
-            },
-            onChange: (e) => {
-              g(e.toLowerCase());
-            },
-            disabled: l,
-            children: /* @__PURE__ */ a($, { value: u, label: F })
+            value: selectedCountryCode,
+            defaultValue: defaultCountryCode,
+            countries,
+            onAnimationEnd: handleDrawerAnimationEnd,
+            onChange: handleCountrySelect,
+            disabled,
+            children: /* @__PURE__ */ jsx(CountrySelectorButton, { value: selectedCountryCode, label: currentDialCode })
           }
         )
       }
     );
   }
 );
-H.displayName = "PhoneField";
+PhoneField.displayName = "PhoneField";
 export {
-  H as PhoneField,
-  H as default
+  PhoneField
 };

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

@@ -1,4 +1 @@
-import { CountryData } from 'react-international-phone';
-export declare const extendedCountryDataList: CountryData[];
 export declare const DIAL_CODE_PREFIX = "+";
-export declare const startAdornmentWidthByDialCodeLength: Record<string, number>;

package/dist/components/PhoneField/constants.js

@@ -1,26 +1,4 @@
-import { countries as i } from "../../node_modules/.pnpm/countries-list@3.1.1/node_modules/countries-list/mjs/index.js";
-import { defaultCountries as e, parseCountry as s } from "../../node_modules/.pnpm/react-international-phone@4.4.0_react@18.3.1/node_modules/react-international-phone/dist/index.js";
-import { countryCodes as d } from "../Flag/constants.js";
-const r = new Set(
-  d.map((o) => o.toLowerCase())
-), c = e.filter(
-  (o) => r.has(s(o).iso2)
-), p = new Set(e.map((o) => s(o).iso2)), m = Array.from(r).filter(
-  (o) => !p.has(o)
-), l = Object.entries(i).filter(([o]) => m.includes(o.toLowerCase())).map(([o, t]) => {
-  const { name: n, phone: a } = t, u = a[0].toString(), C = o.toLowerCase();
-  return [n, C, u];
-}), w = [
-  ...c,
-  ...l
-].sort((o, t) => o[0].localeCompare(t[0])), h = "+", D = {
-  1: 5.5,
-  2: 6,
-  3: 6.5,
-  4: 7
-};
+const DIAL_CODE_PREFIX = "+";
 export {
-  h as DIAL_CODE_PREFIX,
-  w as extendedCountryDataList,
-  D as startAdornmentWidthByDialCodeLength
+  DIAL_CODE_PREFIX
 };

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

@@ -1,2 +1,2 @@
-export * from './PhoneField';
+export { PhoneField, type PhoneFieldProps } from './PhoneField';
 export { getValidatedCountryCode } from './utils';

package/dist/components/PhoneField/utils.js

@@ -1,23 +1,34 @@
-import { parseCountry as a } from "../../node_modules/.pnpm/react-international-phone@4.4.0_react@18.3.1/node_modules/react-international-phone/dist/index.js";
-import { isSupportedCountryCode as u } from "../Flag/utils.js";
-import { extendedCountryDataList as s, DIAL_CODE_PREFIX as p } from "./constants.js";
-const f = (t, e) => {
-  const r = t.toUpperCase();
-  return u(r) ? r : e;
-}, m = (t) => {
-  if (!(t != null && t.length))
-    return s;
-  const e = new Set(t);
-  return s.filter((r) => {
-    const o = a(r).iso2.toUpperCase();
-    return e.has(o);
+import { defaultCountries as R, parseCountry as M } from "../../node_modules/.pnpm/react-international-phone@4.4.0_react@18.3.1/node_modules/react-international-phone/dist/index.js";
+import { isSupportedCountryCode } from "../Flag/utils.js";
+import { DIAL_CODE_PREFIX } from "./constants.js";
+const getValidatedCountryCode = (code, defaultCountryCode) => {
+  const upperCaseCode = code.toUpperCase();
+  return isSupportedCountryCode(upperCaseCode) ? upperCaseCode : defaultCountryCode;
+};
+const getCountryDataListByCodes = (countryCodes) => {
+  if (!(countryCodes == null ? void 0 : countryCodes.length)) {
+    return R;
+  }
+  const countryCodeSet = new Set(countryCodes);
+  return R.filter((country) => {
+    const countryCode = M(country).iso2.toUpperCase();
+    return countryCodeSet.has(countryCode);
+  });
+};
+const filterCountries = (countries, searchText) => {
+  if (!searchText) {
+    return countries;
+  }
+  return countries.filter((country) => {
+    const parsedCountry = M(country);
+    const countryName = parsedCountry.name.toLowerCase();
+    const dialCode = `${DIAL_CODE_PREFIX}${parsedCountry.dialCode.toLowerCase()}`;
+    const searchLower = searchText.toLowerCase();
+    return countryName.includes(searchLower) || dialCode.includes(searchLower);
   });
-}, L = (t, e) => e ? t.filter((r) => {
-  const o = a(r), i = o.name.toLowerCase(), C = `${p}${o.dialCode.toLowerCase()}`, n = e.toLowerCase();
-  return i.includes(n) || C.includes(n);
-}) : t;
+};
 export {
-  L as filterCountries,
-  m as getCountryDataListByCodes,
-  f as getValidatedCountryCode
+  filterCountries,
+  getCountryDataListByCodes,
+  getValidatedCountryCode
 };

package/dist/components/Pill/Pill.d.ts

@@ -3,7 +3,7 @@ import { ButtonHTMLAttributes } from 'react';
 declare const pillVariants: (props?: ({
     checked?: boolean | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface PillProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "className" | "style">, VariantProps<typeof pillVariants> {
+interface PillProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "className" | "style">, VariantProps<typeof pillVariants> {
     /**
      * Whether the pill is checked
      * @default false
@@ -15,5 +15,6 @@ export interface PillProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>,
      */
     asChild?: boolean;
 }
-export declare const Pill: import('react').ForwardRefExoticComponent<PillProps & import('react').RefAttributes<HTMLButtonElement>>;
-export default Pill;
+declare const Pill: import('react').ForwardRefExoticComponent<PillProps & import('react').RefAttributes<HTMLButtonElement>>;
+export { Pill };
+export type { PillProps };

package/dist/components/Pill/Pill.js

@@ -1,11 +1,11 @@
 "use client";
-import { jsx as l } from "react/jsx-runtime";
-import { Slot as i } from "../../node_modules/.pnpm/@radix-ui_react-slot@1.1.1_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.js";
-import { cva as n } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
-import { forwardRef as s } from "react";
-import { cn as m } from "../../lib/utils.js";
-import { typographyVariants as p } from "../Typography/Typography.js";
-const f = n(
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "../../node_modules/.pnpm/@radix-ui_react-slot@1.1.1_@types_react@18.3.18_react@18.3.1/node_modules/@radix-ui/react-slot/dist/index.js";
+import { cva } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { forwardRef } from "react";
+import { cn } from "../../lib/utils.js";
+import { typographyVariants } from "../Typography/Typography.js";
+const pillVariants = cva(
   "inline-flex h-9 items-center rounded-full px-4 transition-colors duration-200",
   {
     variants: {
@@ -15,25 +15,28 @@ const f = n(
       }
     },
     defaultVariants: {
-      checked: !1
+      checked: false
     }
   }
-), c = s(
-  ({ checked: r, children: t, asChild: a, ...o }, e) => /* @__PURE__ */ l(
-    a ? i : "button",
-    {
-      ref: e,
-      className: m(
-        f({ checked: r }),
-        p({ variant: "label", level: 2 })
-      ),
-      ...o,
-      children: t
-    }
-  )
 );
-c.displayName = "Pill";
+const Pill = forwardRef(
+  ({ checked, children, asChild, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ref,
+        className: cn(
+          pillVariants({ checked }),
+          typographyVariants({ variant: "label", level: 2 })
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Pill.displayName = "Pill";
 export {
-  c as Pill,
-  c as default
+  Pill
 };

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

@@ -1 +1 @@
-export * from './Pill';
+export { Pill, type PillProps } from './Pill';

package/dist/components/Progress/Progress.d.ts

@@ -10,5 +10,9 @@ interface ProgressProps {
     /** The class name of the progress bar. To customize the background color of the progress bar, use background utility classes. To customize the indicator color, use text color utility classes. */
     className?: string;
 }
-export declare const Progress: ({ value, asChild, max, getValueLabel, className }: ProgressProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+declare const Progress: {
+    ({ value, asChild, max, getValueLabel, className }: ProgressProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Progress };
+export type { ProgressProps };

package/dist/components/Progress/Progress.js

@@ -1,31 +1,34 @@
-import { jsx as t } from "react/jsx-runtime";
-import { cn as n } from "../../lib/utils.js";
-import { Root as i, Indicator as l } from "../../node_modules/.pnpm/@radix-ui_react-progress@1.1.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18._wpsg2ubedou6txnsnvgmus4txq/node_modules/@radix-ui/react-progress/dist/index.js";
-const d = ({ value: r, asChild: e, max: o, getValueLabel: s, className: a }) => /* @__PURE__ */ t(
-  i,
-  {
-    className: n(
-      "relative h-1.5 w-full overflow-hidden rounded-full bg-gray-100",
-      a
-    ),
-    style: {
-      // Fix overflow clipping in Safari
-      // https://gist.github.com/domske/b66047671c780a238b51c51ffde8d3a0
-      transform: "translateZ(0)"
-    },
-    value: r,
-    max: o,
-    asChild: e,
-    getValueLabel: s,
-    children: /* @__PURE__ */ t(
-      l,
-      {
-        className: "ease-[cubic-bezier(0.65, 0, 0.35, 1)] size-full bg-current transition-transform duration-[660ms]",
-        style: { transform: `translateX(-${100 - Math.min(r, 100)}%)` }
-      }
-    )
-  }
-);
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utils.js";
+import { Root, Indicator } from "../../node_modules/.pnpm/@radix-ui_react-progress@1.1.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@18._wpsg2ubedou6txnsnvgmus4txq/node_modules/@radix-ui/react-progress/dist/index.js";
+const Progress = ({ value, asChild, max, getValueLabel, className }) => {
+  return /* @__PURE__ */ jsx(
+    Root,
+    {
+      className: cn(
+        "relative h-1.5 w-full overflow-hidden rounded-full bg-gray-100",
+        className
+      ),
+      style: {
+        // Fix overflow clipping in Safari
+        // https://gist.github.com/domske/b66047671c780a238b51c51ffde8d3a0
+        transform: "translateZ(0)"
+      },
+      value,
+      max,
+      asChild,
+      getValueLabel,
+      children: /* @__PURE__ */ jsx(
+        Indicator,
+        {
+          className: "ease-[cubic-bezier(0.65, 0, 0.35, 1)] size-full bg-current transition-transform duration-700",
+          style: { transform: `translateX(-${100 - Math.min(value, 100)}%)` }
+        }
+      )
+    }
+  );
+};
+Progress.displayName = "Progress";
 export {
-  d as Progress
+  Progress
 };

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

@@ -1 +1 @@
-export * from './Progress';
+export { Progress, type ProgressProps } from './Progress';

package/dist/components/RadioGroup/RadioGroup.d.ts

@@ -1,5 +1,5 @@
 import { RadioGroupProps as RadixRadioGroupProps } from '@radix-ui/react-radio-group';
-export interface RadioGroupProps extends Omit<RadixRadioGroupProps, "onValueChange" | "onChange" | "className"> {
+interface RadioGroupProps extends Omit<RadixRadioGroupProps, "onValueChange" | "onChange" | "className"> {
     /**
      * The value of the radio item that should be checked when initially rendered.
      * Use when you do not need to control the state of the radio items.
@@ -30,5 +30,6 @@ export interface RadioGroupProps extends Omit<RadixRadioGroupProps, "onValueChan
      */
     name?: string;
 }
-export declare const RadioGroup: import('react').ForwardRefExoticComponent<RadioGroupProps & import('react').RefAttributes<HTMLDivElement>>;
-export default RadioGroup;
+declare const RadioGroup: import('react').ForwardRefExoticComponent<RadioGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+export { RadioGroup };
+export type { RadioGroupProps };

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,8 +1,9 @@
-import { jsx as s } from "react/jsx-runtime";
-import { Root as d } from "../../node_modules/.pnpm/@radix-ui_react-radio-group@1.2.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@_2u6lfd2xt65wmbxn7lgvaxqbmy/node_modules/@radix-ui/react-radio-group/dist/index.js";
-import { cva as f } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
-import { forwardRef as n } from "react";
-const c = f("flex disabled:cursor-not-allowed disabled:opacity-20", {
+import { jsx } from "react/jsx-runtime";
+import { withHaptics } from "../../lib/haptics.js";
+import { Root as Root2 } from "../../node_modules/.pnpm/@radix-ui_react-radio-group@1.2.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@_2u6lfd2xt65wmbxn7lgvaxqbmy/node_modules/@radix-ui/react-radio-group/dist/index.js";
+import { cva } from "../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { forwardRef } from "react";
+const radioGroupVariants = cva(`flex disabled:cursor-not-allowed disabled:opacity-20`, {
   variants: {
     orientation: {
       vertical: "flex-col",
@@ -12,30 +13,32 @@ const c = f("flex disabled:cursor-not-allowed disabled:opacity-20", {
   defaultVariants: {
     orientation: "vertical"
   }
-}), m = n(
+});
+const RadioGroup = forwardRef(
   ({
-    defaultValue: a,
-    onChange: r,
-    orientation: o = "vertical",
-    disabled: t = !1,
-    name: i,
-    ...e
-  }, l) => /* @__PURE__ */ s(
-    d,
-    {
-      ref: l,
-      defaultValue: a,
-      onValueChange: r,
-      className: c({ orientation: o }),
-      disabled: t,
-      orientation: o,
-      name: i,
-      ...e
-    }
-  )
+    defaultValue,
+    onChange: onValueChange,
+    orientation = "vertical",
+    disabled = false,
+    name,
+    ...rest
+  }, ref) => {
+    return /* @__PURE__ */ jsx(
+      Root2,
+      {
+        ref,
+        defaultValue,
+        onValueChange: withHaptics(onValueChange),
+        className: radioGroupVariants({ orientation }),
+        disabled,
+        orientation,
+        name,
+        ...rest
+      }
+    );
+  }
 );
-m.displayName = "RadioGroup";
+RadioGroup.displayName = "RadioGroup";
 export {
-  m as RadioGroup,
-  m as default
+  RadioGroup
 };

package/dist/components/RadioGroup/RadioGroupItem.d.ts

@@ -1,5 +1,5 @@
 import { RadioGroupItemProps as RadixRadioGroupItemProps } from '@radix-ui/react-radio-group';
-export interface RadioGroupItemProps extends Omit<RadixRadioGroupItemProps, "className"> {
+interface RadioGroupItemProps extends Omit<RadixRadioGroupItemProps, "className"> {
     /**
      * The value of the radio group item.
      */
@@ -9,5 +9,6 @@ export interface RadioGroupItemProps extends Omit<RadixRadioGroupItemProps, "cla
      */
     disabled?: boolean;
 }
-export declare const RadioGroupItem: import('react').ForwardRefExoticComponent<RadioGroupItemProps & import('react').RefAttributes<HTMLButtonElement>>;
-export default RadioGroupItem;
+declare const RadioGroupItem: import('react').ForwardRefExoticComponent<RadioGroupItemProps & import('react').RefAttributes<HTMLButtonElement>>;
+export { RadioGroupItem };
+export type { RadioGroupItemProps };

package/dist/components/RadioGroup/RadioGroupItem.js

@@ -1,22 +1,23 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Item as o, Indicator as s } from "../../node_modules/.pnpm/@radix-ui_react-radio-group@1.2.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@_2u6lfd2xt65wmbxn7lgvaxqbmy/node_modules/@radix-ui/react-radio-group/dist/index.js";
-import { forwardRef as c } from "react";
-import { Tick as i } from "../Icons/Tick.js";
-const m = c(
-  ({ value: a, disabled: r, ...t }, d) => /* @__PURE__ */ e(
-    o,
-    {
-      ref: d,
-      value: a,
-      className: "size-6 rounded-full border-[0.09375rem] transition-all data-[state=checked]:border-gray-900 data-[state=unchecked]:border-gray-200 data-[state=checked]:bg-gray-900 data-[state=unchecked]:bg-transparent disabled:cursor-not-allowed disabled:opacity-50",
-      disabled: r,
-      ...t,
-      children: /* @__PURE__ */ e(s, { className: "flex items-center justify-center", children: /* @__PURE__ */ e(i, { className: "text-gray-0" }) })
-    }
-  )
+import { jsx } from "react/jsx-runtime";
+import { Item as Item2, Indicator } from "../../node_modules/.pnpm/@radix-ui_react-radio-group@1.2.2_@types_react-dom@18.3.5_@types_react@18.3.18__@types_react@_2u6lfd2xt65wmbxn7lgvaxqbmy/node_modules/@radix-ui/react-radio-group/dist/index.js";
+import { forwardRef } from "react";
+import { Tick } from "../Icons/Tick.js";
+const RadioGroupItem = forwardRef(
+  ({ value, disabled, ...rest }, ref) => {
+    return /* @__PURE__ */ jsx(
+      Item2,
+      {
+        ref,
+        value,
+        className: "size-6 rounded-full border-[0.09375rem] transition-all data-[state=checked]:border-gray-900 data-[state=unchecked]:border-gray-200 data-[state=checked]:bg-gray-900 data-[state=unchecked]:bg-transparent disabled:cursor-not-allowed disabled:opacity-50",
+        disabled,
+        ...rest,
+        children: /* @__PURE__ */ jsx(Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(Tick, { className: "text-gray-0" }) })
+      }
+    );
+  }
 );
-m.displayName = "RadioGroupItem";
+RadioGroupItem.displayName = "RadioGroupItem";
 export {
-  m as RadioGroupItem,
-  m as default
+  RadioGroupItem
 };

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

@@ -1,2 +1,2 @@
-export * from './RadioGroup';
-export * from './RadioGroupItem';
+export { RadioGroup, type RadioGroupProps } from './RadioGroup';
+export { RadioGroupItem, type RadioGroupItemProps } from './RadioGroupItem';

package/dist/components/SearchField/SearchField.d.ts

@@ -1,5 +1,5 @@
 import { InputProps } from '../Input';
-export interface SearchFieldProps extends Omit<InputProps, "startAdornment" | "startAdornmentWidth" | "placeholder"> {
+interface SearchFieldProps extends Omit<InputProps, "startAdornment" | "placeholder"> {
     /**
      * If true, the input will display in an error state with error styling
      */
@@ -24,5 +24,6 @@ export interface SearchFieldProps extends Omit<InputProps, "startAdornment" | "s
      */
     label?: string;
 }
-export declare const SearchField: import('react').ForwardRefExoticComponent<SearchFieldProps & import('react').RefAttributes<HTMLInputElement>>;
-export default SearchField;
+declare const SearchField: import('react').ForwardRefExoticComponent<SearchFieldProps & import('react').RefAttributes<HTMLInputElement>>;
+export { SearchField };
+export type { SearchFieldProps };