@coinbase/cdp-react 0.0.23 → 0.0.25

package/dist/components/FundModal/index.js

@@ -0,0 +1,92 @@
+import { jsxs as t, jsx as o, Fragment as x } from "react/jsx-runtime";
+import { useId as O, useState as v, useCallback as h } from "react";
+import { useAppConfig as T } from "../CDPReactProvider/index.js";
+import { unstable_Fund as j, unstable_FundFooter as I } from "../Fund/index.js";
+import { Button as p } from "../ui/Button/index.js";
+import { Modal as $, ModalTrigger as z, ModalContent as A, ModalTitle as S, ModalClose as k } from "../ui/Modal/index.js";
+import { VisuallyHidden as M } from "../ui/VisuallyHidden/index.js";
+import { IconXMark as U } from "../../icons/IconXMark.js";
+import { FundTitle as a } from "../Fund/FundTitle.js";
+import { FundForm as V } from "../Fund/FundForm.js";
+import '../../assets/FundModal.css';const W = "FundModal-module__trigger___2IuXj", X = "FundModal-module__fund___1AmQa", q = "FundModal-module__title___lNsoT", B = "FundModal-module__content___9f3ze", n = {
+  trigger: W,
+  fund: X,
+  "no-footer": "FundModal-module__no-footer___WKV78",
+  "title-buttons": "FundModal-module__title-buttons___Lctf7",
+  "close-button": "FundModal-module__close-button___jzdFM",
+  "close-icon": "FundModal-module__close-icon___WoA4a",
+  "fund-inner": "FundModal-module__fund-inner___UuOq3",
+  "tx-status": "FundModal-module__tx-status___fc-3f",
+  title: q,
+  content: B
+}, Y = ({
+  children: b,
+  open: i,
+  setIsOpen: c,
+  openIn: u,
+  submitLabel: _,
+  title: d,
+  ...m
+}) => {
+  const { showCoinbaseFooter: f } = T(), l = O(), r = i !== void 0, [g, F] = v(!1), C = r ? i : g, s = h(
+    (e) => r ? c?.(e) : F(e),
+    [r, c, F]
+  ), N = h(() => {
+    s(!1);
+  }, [s]);
+  return /* @__PURE__ */ t($, { open: C, onOpenChange: s, children: [
+    /* @__PURE__ */ o(z, { asChild: !0, children: b || /* @__PURE__ */ t(p, { variant: "primary", className: n.trigger, children: [
+      "Deposit ",
+      m.cryptoCurrency.toUpperCase()
+    ] }) }),
+    /* @__PURE__ */ o(A, { "aria-describedby": void 0, children: /* @__PURE__ */ o(
+      j,
+      {
+        className: `${n.fund} ${f ? "" : n["no-footer"]}`,
+        openIn: u,
+        submitLabel: _,
+        title: d,
+        ...m,
+        children: /* @__PURE__ */ t(x, { children: [
+          /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(S, { asChild: !0, children: /* @__PURE__ */ o(a, { as: "span", children: d }) }) }),
+          /* @__PURE__ */ o(
+            V,
+            {
+              "aria-labelledby": l,
+              openIn: u,
+              unmountOnTransactionSuccess: !0,
+              unmount: N,
+              submitLabel: _,
+              children: ({ view: e, Content: y }) => /* @__PURE__ */ t(
+                "div",
+                {
+                  className: `${n["fund-inner"]} ${e === "transaction-status" ? n["tx-status"] : ""}`,
+                  children: [
+                    /* @__PURE__ */ t("div", { className: n["title-buttons"], children: [
+                      e === "error" ? /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(a, { id: l, children: d }) }) : /* @__PURE__ */ o(a, { className: n.title, id: l, children: d }),
+                      /* @__PURE__ */ o(k, { asChild: !0, children: /* @__PURE__ */ o(
+                        p,
+                        {
+                          className: n["close-button"],
+                          "aria-label": "Close",
+                          size: "md",
+                          variant: "transparentSecondary",
+                          children: /* @__PURE__ */ o(U, { className: n["close-icon"] })
+                        }
+                      ) })
+                    ] }),
+                    /* @__PURE__ */ o("div", { className: n.content, children: y })
+                  ]
+                }
+              )
+            }
+          ),
+          f && /* @__PURE__ */ o(I, {})
+        ] })
+      }
+    ) })
+  ] });
+};
+export {
+  Y as unstable_FundModal
+};

package/dist/components/SignIn/SignInFooter.d.ts

@@ -1,2 +1,2 @@
 import { HTMLAttributes } from 'react';
-export declare const SignInFooter: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const SignInFooter: (props: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/SignIn/SignInFooter.js

@@ -1,18 +1,7 @@
-import { jsxs as e, jsx as o } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import "react";
-import { IconCoinbaseWordmark as c } from "../../icons/IconCoinbaseWordmark.js";
-import { IconLock as s } from "../../icons/IconLock.js";
-import '../../assets/SignInFooter.css';const t = "SignInFooter-module__footer___DLNrl", a = "SignInFooter-module__icon___hFhfx", n = {
-  footer: t,
-  icon: a,
-  "coinbase-icon": "SignInFooter-module__coinbase-icon___NeFOp"
-}, f = ({ className: r = "", ...i }) => /* @__PURE__ */ e("div", { className: `${n.footer} ${r}`, ...i, children: [
-  /* @__PURE__ */ o(s, { className: n.icon }),
-  /* @__PURE__ */ e("p", { children: [
-    /* @__PURE__ */ o("span", { children: "Secured by " }),
-    /* @__PURE__ */ o(c, { className: n["coinbase-icon"], "aria-label": "Coinbase" })
-  ] })
-] });
+import { CoinbaseFooter as t } from "../ui/CoinbaseFooter/index.js";
+const n = (o) => /* @__PURE__ */ r(t, { ...o });
 export {
-  f as SignInFooter
+  n as SignInFooter
 };

package/dist/components/forms/ExchangeAmountInput/index.js

@@ -1,87 +1,115 @@
-import { jsxs as o, Fragment as C, jsx as n } from "react/jsx-runtime";
-import { forwardRef as L, useCallback as z } from "react";
-import { AmountInput as D } from "../AmountInput/index.js";
-import { DEFAULT_LOCALE as F } from "../../../data/locale.js";
-import { IconArrowsUpDown as V } from "../../../icons/IconArrowsUpDown.js";
-import { useExchangeAmountInput as j } from "./useExchangeAmountInput.js";
-import '../../../assets/ExchangeAmountInput.css';const k = "ExchangeAmountInput-module__icon___b5JpF", t = {
+import { jsxs as u, Fragment as $, jsx as n } from "react/jsx-runtime";
+import { forwardRef as v, useCallback as C } from "react";
+import { AmountInput as L } from "../AmountInput/index.js";
+import { Button as z } from "../../ui/Button/index.js";
+import { LoadingSkeleton as j } from "../../ui/LoadingSkeleton/index.js";
+import { DEFAULT_LOCALE as D } from "../../../data/locale.js";
+import { IconArrowsUpDown as F } from "../../../icons/IconArrowsUpDown.js";
+import { useExchangeAmountInput as S } from "./useExchangeAmountInput.js";
+import '../../../assets/ExchangeAmountInput.css';const V = "ExchangeAmountInput-module__icon___b5JpF", t = {
   "flex-row": "ExchangeAmountInput-module__flex-row___ZKB-Q",
   "gap-1": "ExchangeAmountInput-module__gap-1___vuNQW",
   "gap-2": "ExchangeAmountInput-module__gap-2___4-s-b",
   "swap-button": "ExchangeAmountInput-module__swap-button___i9lSz",
-  icon: k
-}, v = L(
+  icon: V,
+  "output-loading-skeleton": "ExchangeAmountInput-module__output-loading-skeleton___gKMEZ",
+  "output-loading-skeleton-placeholder": "ExchangeAmountInput-module__output-loading-skeleton-placeholder___1-jT-",
+  "output-currency": "ExchangeAmountInput-module__output-currency___vlpC1"
+}, B = v(
   ({
-    cryptoAmount: c,
-    cryptoCurrency: u,
-    cryptoDecimalPlaces: s,
-    fiatAmount: l,
-    fiatCurrency: e,
-    fiatDecimalPlaces: r,
-    exchangeRate: i,
-    inputType: a,
-    locale: p = F,
-    setCryptoAmount: _,
-    setFiatAmount: d,
-    setInputType: m,
-    ...g
-  }, h) => {
-    const f = a === "fiat" ? `switch input to ${u}` : `switch input to ${e}`, {
-      inputValue: x,
-      inputCurrency: w,
-      inputDecimalPlaces: A,
-      formatOutputValue: b,
-      outputValue: E,
-      outputCurrency: I,
-      handleChange: N
-    } = j({
-      cryptoAmount: c,
-      cryptoCurrency: u,
-      cryptoDecimalPlaces: s,
-      exchangeRate: i,
-      fiatAmount: l,
-      fiatCurrency: e,
-      fiatDecimalPlaces: r,
-      inputType: a,
-      locale: p,
-      setCryptoAmount: _,
-      setFiatAmount: d
-    }), $ = z(() => {
-      m(a === "fiat" ? "crypto" : "fiat");
-    }, [a, m]);
-    return /* @__PURE__ */ o(C, { children: [
+    cryptoAmount: i,
+    cryptoCurrency: l,
+    cryptoDecimalPlaces: _,
+    fiatAmount: d,
+    fiatCurrency: p,
+    fiatDecimalPlaces: g,
+    exchangeRate: a,
+    inputType: o,
+    isExchangeRatePending: h,
+    locale: c = D,
+    setCryptoAmount: x,
+    setFiatAmount: f,
+    setInputType: r,
+    ...A
+  }, E) => {
+    const w = o === "fiat" ? `switch input to ${l}` : `switch input to ${p}`, {
+      inputValue: I,
+      inputCurrency: N,
+      inputDecimalPlaces: b,
+      formatOutputValue: s,
+      outputValue: e,
+      outputCurrency: m,
+      handleChange: k
+    } = S({
+      cryptoAmount: i,
+      cryptoCurrency: l,
+      cryptoDecimalPlaces: _,
+      exchangeRate: a,
+      fiatAmount: d,
+      fiatCurrency: p,
+      fiatDecimalPlaces: g,
+      inputType: o,
+      locale: c,
+      setCryptoAmount: x,
+      setFiatAmount: f
+    }), y = C(() => {
+      r(o === "fiat" ? "crypto" : "fiat");
+    }, [o, r]);
+    return /* @__PURE__ */ u($, { children: [
       /* @__PURE__ */ n(
-        D,
+        L,
         {
-          ref: h,
-          amount: x,
-          unit: w,
-          decimalPlaces: A,
-          locale: p,
-          setAmount: N,
-          ...g
+          ref: E,
+          amount: I,
+          unit: N,
+          decimalPlaces: b,
+          locale: c,
+          setAmount: k,
+          ...A
         }
       ),
-      /* @__PURE__ */ o("span", { className: `${t["flex-row"]} ${t["gap-1"]}`, children: [
+      !a && h && /* @__PURE__ */ n(j, { className: t["output-loading-skeleton"], children: /* @__PURE__ */ u("span", { className: t["output-loading-skeleton-placeholder"], children: [
+        s(e ?? 0),
+        " ",
+        m
+      ] }) }),
+      a && /* @__PURE__ */ u("span", { className: `${t["flex-row"]} ${t["gap-1"]}`, children: [
         /* @__PURE__ */ n(
-          "button",
+          z,
           {
-            "aria-label": f,
+            "aria-label": w,
             className: t["swap-button"],
-            onClick: $,
+            onClick: y,
             type: "button",
-            children: /* @__PURE__ */ n(V, { className: t.icon })
+            size: "xs",
+            variant: "transparentSecondary",
+            children: /* @__PURE__ */ n(F, { className: t.icon })
           }
         ),
-        /* @__PURE__ */ o("span", { className: `${t["flex-row"]} ${t["gap-2"]}`, children: [
-          /* @__PURE__ */ n("span", { "data-part": "amount-input-unsized-value", children: b(E ?? 0) }),
-          /* @__PURE__ */ n("span", { "data-part": "amount-input-unsized-currency", children: I })
+        /* @__PURE__ */ u("span", { className: `${t["flex-row"]} ${t["gap-2"]}`, children: [
+          /* @__PURE__ */ n(
+            "span",
+            {
+              "data-part": "amount-output-unsized-value",
+              "data-testid": "exchange-amount-output-value",
+              children: s(isNaN(e ?? 0) ? 0 : e ?? 0)
+            }
+          ),
+          /* @__PURE__ */ n(
+            "span",
+            {
+              "data-part": "amount-output-unsized-currency",
+              "data-testid": "exchange-amount-output-currency",
+              className: t["output-currency"],
+              children: m
+            }
+          )
         ] })
       ] })
     ] });
   }
 );
-v.displayName = "ExchangeAmountInput";
+B.displayName = "ExchangeAmountInput";
 export {
-  v as ExchangeAmountInput
+  B as ExchangeAmountInput
 };

package/dist/components/forms/ExchangeAmountInput/types.d.ts

@@ -4,11 +4,12 @@ export type ExchangeAmountInputProps = {
     cryptoAmount: AmountInputProps["amount"];
     cryptoDecimalPlaces?: AmountInputProps["decimalPlaces"];
     cryptoCurrency: NonNullable<AmountInputProps["unit"]>;
-    exchangeRate: string;
+    exchangeRate?: number;
     fiatAmount: AmountInputProps["amount"];
     fiatCurrency: NonNullable<AmountInputProps["unit"]>;
     fiatDecimalPlaces?: AmountInputProps["decimalPlaces"];
     inputType: InputType;
+    isExchangeRatePending?: boolean;
     locale?: string;
     max?: number;
     min?: number;

package/dist/components/forms/ExchangeAmountInput/useExchangeAmountInput.js

@@ -1,10 +1,10 @@
-import { Big as h } from "big.js";
+import { Big as B } from "big.js";
 import { useCallback as u, useMemo as _ } from "react";
 import { useNumberParseAndFormat as I } from "../AmountInput/useNumberParseAndFormat.js";
 import { DEFAULT_LOCALE as k } from "../../../data/locale.js";
 const O = (f) => {
   try {
-    return h(f);
+    return B(f);
   } catch {
     return null;
   }
@@ -12,87 +12,91 @@ const O = (f) => {
   cryptoAmount: f,
   cryptoCurrency: F,
   cryptoDecimalPlaces: n = 8,
-  exchangeRate: a,
-  fiatAmount: N,
-  fiatCurrency: V,
+  exchangeRate: m,
+  fiatAmount: V,
+  fiatCurrency: h,
   fiatDecimalPlaces: i = 2,
   inputType: o,
   locale: E = k,
-  setFiatAmount: m,
+  setFiatAmount: s,
   setCryptoAmount: d
 }) => {
-  const x = u(
+  const L = u(
     (r) => {
-      m(r);
+      s(r);
       const t = O(r);
       if (r === 0 || isNaN(r) || t === null) {
-        d(0);
+        d(NaN);
         return;
       }
-      const s = t.times(a).round(n, h.roundDown);
-      d(s.eq(0) ? 0 : +s.toFixed());
+      const N = t.times(m ?? 0);
+      d(
+        N.eq(0) ? 0 : +N.toFixed(n, B.roundDown)
+      );
     },
-    [a, m, d, n]
-  ), L = u(
+    [m, s, d, n]
+  ), b = u(
     (r) => {
       d(r);
       const t = O(r);
       if (r === 0 || isNaN(r) || t === null) {
-        m(0);
+        s(NaN);
         return;
       }
-      const s = t.div(a).round(i, h.roundDown);
-      m(s.eq(0) ? 0 : +s.toFixed());
+      const N = m ? t.div(m) : B(0);
+      s(
+        N.eq(0) ? 0 : +N.toFixed(i, B.roundDown)
+      );
     },
-    [a, m, d, i]
-  ), b = u(
+    [m, s, d, i]
+  ), q = u(
     (r, t) => {
-      o === "fiat" ? x(r) : L(r), t?.(r);
+      o === "fiat" ? L(r) : b(r), t?.(r);
     },
-    [x, L, o]
-  ), { formatter: g } = I({
+    [L, b, o]
+  ), { formatter: a } = I({
     inputValue: "",
     locale: E,
     options: {
       maximumFractionDigits: i,
       minimumFractionDigits: 0
     }
-  }), { formatter: B } = I({
+  }), { formatter: g } = I({
     inputValue: "",
     locale: E,
     options: {
       maximumFractionDigits: n,
       minimumFractionDigits: 0
     }
-  }), q = u(
-    (r) => o === "fiat" ? g.format(r) : B.format(r),
-    [B, g, o]
-  ), w = u(
-    (r) => o === "fiat" ? B.format(r) : g.format(r),
-    [B, g, o]
+  }), w = u(
+    (r) => o === "fiat" ? a.format(r) : g.format(r),
+    [g, a, o]
+  ), x = u(
+    (r) => o === "fiat" ? g.format(r) : a.format(r),
+    [g, a, o]
   );
   return _(
     () => ({
-      inputCurrency: o === "fiat" ? V : F,
+      inputCurrency: o === "fiat" ? h : F,
       inputDecimalPlaces: o === "fiat" ? i : n,
-      inputValue: o === "fiat" ? N : f,
-      formatInputValue: q,
-      formatOutputValue: w,
-      handleChange: b,
-      outputCurrency: o === "fiat" ? F : V,
+      inputValue: o === "fiat" ? V : f,
+      formatInputValue: w,
+      formatOutputValue: x,
+      handleChange: q,
+      outputCurrency: o === "fiat" ? F : h,
       outputDecimalPlaces: o === "fiat" ? n : i,
-      outputValue: o === "fiat" ? f : N
+      outputValue: o === "fiat" ? f : V
     }),
     [
       f,
       F,
       n,
-      N,
       V,
+      h,
       i,
-      q,
       w,
-      b,
+      x,
+      q,
       o
     ]
   );

package/dist/components/forms/Input/index.d.ts

@@ -1,4 +1,8 @@
 import { FormValidityStateProps } from '@radix-ui/react-form';
 import { InputHTMLAttributes } from 'react';
-export declare const Input: import('react').ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & import('react').RefAttributes<HTMLInputElement>>;
-export declare const withValidityState: (props: InputHTMLAttributes<HTMLInputElement>) => FormValidityStateProps["children"];
+import { InputSize } from '../../../theme/theme';
+export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
+    size?: InputSize;
+}
+export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
+export declare const withValidityState: (props: InputProps) => FormValidityStateProps["children"];

package/dist/components/forms/Input/index.js

@@ -1,17 +1,32 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import "@radix-ui/react-form";
-import { forwardRef as p } from "react";
-import '../../../assets/Input.css';const u = "Input-module__input___-mK8z", e = {
-  input: u
-}, r = p(
-  ({ className: i = "", ...n }, t) => /* @__PURE__ */ a("input", { ref: t, className: `${e.input} ${i}`, ...n })
+import { forwardRef as p, useMemo as l } from "react";
+import '../../../assets/Input.css';const d = "Input-module__input___-mK8z", t = {
+  input: d,
+  "size-lg": "Input-module__size-lg___IYoRG",
+  "size-md": "Input-module__size-md___8hkn5",
+  "size-sm": "Input-module__size-sm___cnynF",
+  "size-xs": "Input-module__size-xs___aK-NH"
+}, o = p(
+  ({ className: e = "", size: s = "md", ...i }, n) => {
+    const _ = l(() => {
+      const u = [t.input], a = {
+        lg: t["size-lg"],
+        md: t["size-md"],
+        sm: t["size-sm"],
+        xs: t["size-xs"]
+      };
+      return s && u.push(a[s]), u.join(" ");
+    }, [s]);
+    return /* @__PURE__ */ m("input", { ref: n, className: `${_} ${e}`, ...i });
+  }
 );
-r.displayName = "Input";
-const m = (i) => (t) => {
-  const o = t === void 0 || t.valid ? void 0 : !0;
-  return /* @__PURE__ */ a(r, { ...i, "aria-invalid": o });
+o.displayName = "Input";
+const I = (e) => (i) => {
+  const n = i === void 0 || i.valid ? void 0 : !0;
+  return /* @__PURE__ */ m(o, { ...e, "aria-invalid": n });
 };
 export {
-  r as Input,
-  m as withValidityState
+  o as Input,
+  I as withValidityState
 };

package/dist/components/forms/PhoneNumberInput/index.d.ts

@@ -1,7 +1,7 @@
 import { CountryCode } from 'libphonenumber-js';
-import { InputHTMLAttributes } from 'react';
+import { InputProps } from '../Input/Input';
 import { PhoneNumber } from '../../../utils/parseValuesFromPhoneNumber';
-export interface PhoneNumberInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> {
+export interface PhoneNumberInputProps extends Omit<InputProps, "value" | "onChange"> {
     onCountryCodeChange: (newCountry: CountryCode) => void;
     countryCode?: CountryCode;
     onPhoneNumberChange: (phoneNumber: PhoneNumber) => void;

package/dist/components/forms/Select/index.d.ts

@@ -0,0 +1,21 @@
+import { SelectProps as SelectPropsPrimitive, SelectContentProps as SelectContentPropsPrimitive, SelectItemProps as SelectItemPropsPrimitive, SelectTriggerProps as SelectTriggerPropsPrimitive, SelectValueProps } from '@radix-ui/react-select';
+import { ReactNode } from 'react';
+import { InputSize } from '../../../theme/theme';
+export interface SelectProps extends SelectPropsPrimitive {
+    className?: string;
+}
+export interface SelectTriggerProps extends SelectTriggerPropsPrimitive {
+    className?: string;
+    placeholder?: SelectValueProps["placeholder"];
+    size?: InputSize;
+}
+export interface SelectContentProps extends SelectContentPropsPrimitive {
+    className?: string;
+}
+export interface SelectItemProps extends SelectItemPropsPrimitive {
+    indicator?: boolean | ReactNode;
+}
+export declare const Select: ({ children, ...props }: SelectProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SelectTrigger: import('react').ForwardRefExoticComponent<SelectTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const SelectContent: import('react').ForwardRefExoticComponent<SelectContentProps & import('react').RefAttributes<HTMLDivElement>>;
+export declare const SelectItem: import('react').ForwardRefExoticComponent<SelectItemProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/forms/Select/index.js

@@ -0,0 +1,74 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { SelectTrigger as u, SelectValue as p, SelectIcon as h, SelectPortal as f, SelectContent as g, SelectScrollUpButton as C, SelectViewport as I, SelectScrollDownButton as N, SelectItem as $, SelectItemText as y, SelectItemIndicator as T, Select as w } from "@radix-ui/react-select";
+import { forwardRef as a } from "react";
+import { useTheme as x } from "../../ThemeProvider/index.js";
+import { ButtonBase as B } from "../../ui/ButtonBase/index.js";
+import { IconCheck as V } from "../../../icons/IconCheck.js";
+import { IconChevronDown as m } from "../../../icons/IconChevronDown.js";
+import "../../../theme/theme.js";
+import '../../../assets/Select.css';const o = {
+  "select-trigger": "Select-module__select-trigger___yqioM",
+  "select-icon": "Select-module__select-icon___hE7Wy",
+  "select-content": "Select-module__select-content___6R8J9",
+  "select-item": "Select-module__select-item___12l2C",
+  "rotate-180": "Select-module__rotate-180___KuvGV"
+}, K = ({ children: l, ...t }) => /* @__PURE__ */ e(w, { ...t, children: l }), b = a(
+  ({ children: l, className: t = "", placeholder: c = "Select an option", size: r = "md", ...s }, n) => /* @__PURE__ */ e(u, { ...s, asChild: !0, children: l || /* @__PURE__ */ i(
+    B,
+    {
+      className: `${o["select-trigger"]} ${t}`,
+      fullWidth: !0,
+      ref: n,
+      size: r,
+      children: [
+        /* @__PURE__ */ e(p, { placeholder: c }),
+        /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(m, { className: o["select-icon"] }) })
+      ]
+    }
+  ) })
+);
+b.displayName = "SelectTrigger";
+const j = a(
+  ({
+    children: l,
+    className: t = "",
+    style: c,
+    position: r = "popper",
+    side: s = "bottom",
+    sideOffset: n = 1,
+    ..._
+  }, d) => {
+    const { cssVariables: S } = x();
+    return /* @__PURE__ */ e(f, { children: /* @__PURE__ */ i(
+      g,
+      {
+        position: r,
+        side: s,
+        sideOffset: n,
+        className: `${o["select-content"]} ${t}`,
+        ref: d,
+        style: c ? { ...S, ...c } : S,
+        ..._,
+        children: [
+          /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(m, { className: o["rotate-180"] }) }),
+          /* @__PURE__ */ e(I, { children: l }),
+          /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e(m, {}) })
+        ]
+      }
+    ) });
+  }
+);
+j.displayName = "SelectContent";
+const v = a(
+  ({ children: l, indicator: t, ...c }, r) => /* @__PURE__ */ i($, { ...c, ref: r, className: o["select-item"], children: [
+    /* @__PURE__ */ e(y, { children: l }),
+    t && /* @__PURE__ */ e(T, { asChild: !0, children: typeof t == "boolean" ? /* @__PURE__ */ e(V, {}) : t })
+  ] })
+);
+v.displayName = "SelectItem";
+export {
+  K as Select,
+  j as SelectContent,
+  v as SelectItem,
+  b as SelectTrigger
+};

package/dist/components/ui/Button/index.d.ts

@@ -1,9 +1,8 @@
-import { ButtonHTMLAttributes, ReactNode } from 'react';
-import { ButtonSize, ButtonVariant } from '../../../theme/theme';
-export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    isPending?: boolean;
+import { ReactNode } from 'react';
+import { ButtonBaseProps } from '../ButtonBase';
+import { ButtonVariant } from '../../../theme/theme';
+export interface ButtonProps extends ButtonBaseProps {
     pendingLabel?: ReactNode;
-    size?: ButtonSize;
     variant?: ButtonVariant;
 }
 export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;