lawgic-dev-kit 0.22.2 → 0.22.6

package/dist/components/atoms/Chip/Chip.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+interface ChipProps {
+    bgColor?: string;
+    textColor?: string;
+    label?: string | React.ReactNode;
+    labelClassName?: string;
+    className?: string;
+    size?: "sm" | "md";
+    showDot?: boolean;
+    style?: React.CSSProperties;
+}
+declare const Chip: React.FC<ChipProps>;
+export default Chip;

package/dist/components/atoms/Chip/Chip.js

@@ -0,0 +1,32 @@
+import { j as e } from "../../../_virtual/jsx-runtime.js";
+import { FontAwesomeIcon as o } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import { faCircle as a } from "../../../node_modules/@fortawesome/pro-solid-svg-icons/index.js";
+const f = ({
+  bgColor: p = "bg-green-100",
+  textColor: r = "text-green-700",
+  label: s = "Completed",
+  labelClassName: n = "",
+  className: i = "",
+  size: t = "sm",
+  showDot: x = !1,
+  style: m = {}
+}) => /* @__PURE__ */ e.jsxs(
+  "div",
+  {
+    className: `flex items-center justify-center rounded-[6px] ${t === "md" ? "py-8 px-12" : "py-4 px-8"} text-center text-nowrap h-fit w-fit ${x ? "gap-[6px]" : ""} ${p} ${r} ${i}`,
+    style: m,
+    children: [
+      x && /* @__PURE__ */ e.jsx(o, { icon: a, className: "text-[6px]" }),
+      /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: `font-semibold ${t === "md" ? "text-[16px] leading-[22px]" : "text-[12px] leading-[16px]"} ${n}`,
+          children: s
+        }
+      )
+    ]
+  }
+);
+export {
+  f as default
+};

package/dist/components/atoms/Chip/index.d.ts

@@ -0,0 +1 @@
+export { default as Chip } from './Chip';

package/dist/components/atoms/InformationDisclaimer/InformationDisclaimer.js

@@ -1,35 +1,22 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
-import { faCircleInfo as t } from "../../../node_modules/@fortawesome/pro-regular-svg-icons/index.js";
-import { FontAwesomeIcon as r } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
-import { resolveDisclaimerClasses as c, resolveIconColor as a } from "./InformationDisclaimer.styles.js";
+import { FontAwesomeIcon as a } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import { resolveSizeStyles as m, resolveIconColor as d, resolveIcon as x } from "./InformationDisclaimer.styles.js";
 const j = ({
-  description: n,
-  title: i,
-  className: m,
-  icon: o,
-  type: s = "informative",
-  iconClassName: l = ""
-}) => /* @__PURE__ */ e.jsxs(
-  "div",
-  {
-    className: `flex items-center gap-12 p-12 w-full ${c(
-      s
-    )} rounded-lg ${m}`,
-    children: [
-      o ? /* @__PURE__ */ e.jsx(r, { icon: o, className: `min-h-20 h-20 ${l} ${a(s)}` }) : /* @__PURE__ */ e.jsx(
-        r,
-        {
-          icon: t,
-          className: `min-h-20 h-20 ${l} ${a(s)}`
-        }
-      ),
-      /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4", children: [
-        /* @__PURE__ */ e.jsx("h4", { className: "text-body-s font-500 text-black leading-none", children: i }),
-        /* @__PURE__ */ e.jsx("p", { className: "text-gray-600 text-body-s leading-none", children: n })
-      ] })
-    ]
-  }
-);
+  description: o,
+  title: r,
+  showIcon: t = !0,
+  type: l = "informative",
+  size: n = "normal"
+}) => {
+  const s = m(n), i = x(l), c = d(l);
+  return /* @__PURE__ */ e.jsx("div", { className: `w-full rounded-xl bg-white border border-blue-100 ${s.containerStyles}`, children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-8", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-12", children: [
+      t && /* @__PURE__ */ e.jsx(a, { icon: i, className: `rounded-full ${s.iconStyles} ${c}` }),
+      /* @__PURE__ */ e.jsx("h5", { className: `font-semibold text-blue-900 self-center ${s.titleStyles}`, children: r })
+    ] }),
+    o && /* @__PURE__ */ e.jsx("p", { className: `text-gray-500 leading-[16px] ${s.descriptionStyles}`, children: o })
+  ] }) });
+};
 export {
   j as default
 };

package/dist/components/atoms/InformationDisclaimer/InformationDisclaimer.styles.d.ts

@@ -1,3 +1,9 @@
 import { InformationDisclaimerType } from './InformationDisclaimer.types';
-export declare const resolveDisclaimerClasses: (type: InformationDisclaimerType) => "bg-yellow-50 border-2 border-yellow-500" | "bg-red-50 border-2 border-red-500" | "bg-blue-50 border-2 border-blue-500";
-export declare const resolveIconColor: (type: InformationDisclaimerType) => "text-blue-500" | "text-red-500" | "text-yellow-500";
+export declare const resolveSizeStyles: (size: "small" | "normal") => {
+    containerStyles: string;
+    titleStyles: string;
+    descriptionStyles: string;
+    iconStyles: string;
+};
+export declare const resolveIconColor: (type: InformationDisclaimerType) => "bg-green-100 text-green-500" | "bg-yellow-100 text-yellow-500" | "bg-red-100 text-red-500" | "bg-blue-100 text-blue-500";
+export declare const resolveIcon: (type: InformationDisclaimerType) => "info" | import('@fortawesome/fontawesome-common-types').IconDefinition;

package/dist/components/atoms/InformationDisclaimer/InformationDisclaimer.styles.js

@@ -1,23 +1,57 @@
-const e = (r) => {
-  switch (r) {
+import { faBell as t, faTriangleExclamation as r, faCircleInfo as s, faCircleCheck as n } from "../../../node_modules/@fortawesome/pro-regular-svg-icons/index.js";
+const c = (e) => {
+  switch (e) {
+    case "small":
+      return {
+        containerStyles: "p-12",
+        titleStyles: "text-sm",
+        descriptionStyles: "text-xs",
+        iconStyles: "p-4 text-xs"
+      };
+    case "normal":
+      return {
+        containerStyles: "p-16",
+        titleStyles: "text-14",
+        descriptionStyles: "text-sm",
+        iconStyles: "p-6 text-md"
+      };
+    default:
+      return {
+        containerStyles: "p-16",
+        titleStyles: "text-14",
+        descriptionStyles: "text-sm",
+        iconStyles: "p-6 text-md"
+      };
+  }
+}, o = (e) => {
+  switch (e) {
+    case "success":
+      return "bg-green-100 text-green-500";
     case "warning":
-      return "bg-yellow-50 border-2 border-yellow-500";
+      return "bg-yellow-100 text-yellow-500";
     case "error":
-      return "bg-red-50 border-2 border-red-500";
+      return "bg-red-100 text-red-500";
+    case "informative":
+      return "bg-blue-100 text-blue-500";
     default:
-      return "bg-blue-50 border-2 border-blue-500";
+      return "bg-blue-100 text-blue-500";
   }
-}, o = (r) => {
-  switch (r) {
+}, i = (e) => {
+  switch (e) {
+    case "success":
+      return n;
     case "warning":
-      return "text-yellow-500";
+      return s;
     case "error":
-      return "text-red-500";
+      return r;
+    case "informative":
+      return t;
     default:
-      return "text-blue-500";
+      return "info";
   }
 };
 export {
-  e as resolveDisclaimerClasses,
-  o as resolveIconColor
+  i as resolveIcon,
+  o as resolveIconColor,
+  c as resolveSizeStyles
 };

package/dist/components/atoms/InformationDisclaimer/InformationDisclaimer.types.d.ts

@@ -1,10 +1,10 @@
-import { IconProp } from '@fortawesome/fontawesome-svg-core';
-export type InformationDisclaimerType = "informative" | "warning" | "error";
+export type InformationDisclaimerType = "success" | "informative" | "warning" | "error";
 export type InformationDisclaimerProps = {
     title: string;
     description: string;
     className?: string;
-    icon?: IconProp;
+    showIcon?: boolean;
     type?: InformationDisclaimerType;
     iconClassName?: string;
+    size?: "small" | "normal";
 };

package/dist/components/atoms/LoadingSpinner/LoadingSpinner.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 export interface LoadingSpinnerProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: 'circle' | 'cube';
     size?: number;
-    strokeWidth?: number;
     color?: string;
 }
 declare const LoadingSpinner: React.FC<LoadingSpinnerProps>;

package/dist/components/atoms/LoadingSpinner/LoadingSpinner.js

@@ -1,20 +1,64 @@
-import { j as e } from "../../../_virtual/jsx-runtime.js";
-const m = ({ size: s = 16, strokeWidth: t = 2, color: c = "#1DA696", ...n }) => {
-  const a = (s - t) / 2, r = 2 * Math.PI * a, { className: o = "", ...i } = n;
-  return /* @__PURE__ */ e.jsx("div", { ...i, className: `relative flex items-center justify-center ${o}`, children: /* @__PURE__ */ e.jsx("svg", { height: s, width: s, className: "animate-spin", children: /* @__PURE__ */ e.jsx(
+import { j as t } from "../../../_virtual/jsx-runtime.js";
+const f = [
+  { rotate: "0deg", delay: "0s" },
+  { rotate: "90deg", delay: "0.3s" },
+  { rotate: "270deg", delay: "0.9s" },
+  { rotate: "180deg", delay: "0.6s" }
+], x = ({
+  variant: d = "circle",
+  size: e = 16,
+  color: s = "#1DA696",
+  ...h
+}) => {
+  const { className: r = "", ...o } = h;
+  if (d === "cube") {
+    const n = e / Math.SQRT2;
+    return /* @__PURE__ */ t.jsx(
+      "div",
+      {
+        ...o,
+        className: `relative flex items-center justify-center overflow-hidden ${r}`,
+        style: { width: e, height: e },
+        children: /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            className: "relative rotate-45",
+            style: { width: n, height: n },
+            children: f.map((c, m) => /* @__PURE__ */ t.jsx(
+              "div",
+              {
+                className: "float-left w-1/2 h-1/2 relative",
+                style: { transform: `scale(1.1) rotate(${c.rotate})` },
+                children: /* @__PURE__ */ t.jsx(
+                  "span",
+                  {
+                    className: "absolute inset-0 origin-bottom-right animate-sk-fold-cube",
+                    style: { backgroundColor: s, animationDelay: c.delay }
+                  }
+                )
+              },
+              m
+            ))
+          }
+        )
+      }
+    );
+  }
+  const l = Math.max(1, Math.round(e * 0.125)), i = (e - l) / 2, a = 2 * Math.PI * i;
+  return /* @__PURE__ */ t.jsx("div", { ...o, className: `relative flex items-center justify-center ${r}`, children: /* @__PURE__ */ t.jsx("svg", { height: e, width: e, className: "animate-spin", children: /* @__PURE__ */ t.jsx(
     "circle",
     {
-      stroke: c,
+      stroke: s,
       fill: "transparent",
-      strokeWidth: t,
-      strokeDasharray: r + " " + r,
-      strokeDashoffset: r / 4,
-      r: a,
-      cx: s / 2,
-      cy: s / 2
+      strokeWidth: l,
+      strokeDasharray: `${a} ${a}`,
+      strokeDashoffset: a / 4,
+      r: i,
+      cx: e / 2,
+      cy: e / 2
     }
   ) }) });
 };
 export {
-  m as default
+  x as default
 };

package/dist/components/atoms/PasswordInput/PasswordInput.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
 import { PasswordInputProps } from './PasswordInput.types';
 import { FieldValues } from 'react-hook-form';
-declare const PasswordInput: <T extends FieldValues>({ label, control, name, placeholder, className, disabled, leftSide, }: PasswordInputProps<T>) => React.ReactElement;
+declare const PasswordInput: <T extends FieldValues>({ label, control, name, placeholder, className, disabled, size, leftSide, }: PasswordInputProps<T>) => React.ReactElement;
 export default PasswordInput;

package/dist/components/atoms/PasswordInput/PasswordInput.js

@@ -1,33 +1,49 @@
 import { j as r } from "../../../_virtual/jsx-runtime.js";
-import { useState as m } from "react";
-import { useController as b } from "react-hook-form";
-import { FontAwesomeIcon as w } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
-import { faEye as y, faEyeSlash as j } from "../../../node_modules/@fortawesome/pro-light-svg-icons/index.js";
-import { useTheme as $ } from "../../../hooks/useTheme.js";
-const P = ({
-  label: u,
-  control: i,
+import { useState as y } from "react";
+import { useController as w } from "react-hook-form";
+import { FontAwesomeIcon as $ } from "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
+import { faEye as j, faEyeSlash as v } from "../../../node_modules/@fortawesome/pro-light-svg-icons/index.js";
+import { useTheme as N } from "../../../hooks/useTheme.js";
+const V = ({
+  label: i,
+  control: c,
   name: e,
-  placeholder: c,
-  className: d = "",
-  disabled: o = !1,
+  placeholder: p,
+  className: x = "",
+  disabled: t = !1,
+  size: d = "md",
   leftSide: a
 }) => {
   const {
-    field: { value: s = "", onChange: f, ref: p, onBlur: x },
-    fieldState: { error: t }
-  } = b({ name: e, control: i }), [l, g] = m(!1), { t: n } = $();
+    field: { value: n = "", onChange: m, ref: f, onBlur: g },
+    fieldState: { error: l }
+  } = w({ name: e, control: c }), [s, h] = y(!1), { t: u } = N(), o = {
+    sm: {
+      container: "px-16 py-8",
+      text: "text-sm",
+      label: "text-sm",
+      error: "text-sm",
+      gap: "gap-8"
+    },
+    md: {
+      container: "p-16",
+      text: "text-14",
+      label: "text-14",
+      error: "text-sm",
+      gap: "gap-8"
+    }
+  }[d];
   return /* @__PURE__ */ r.jsxs(
     "label",
     {
-      className: `flex flex-col group gap-8 select-none ${o && "cursor-not-allowed"} ${d}`,
+      className: `flex flex-col group select-none ${o.gap} ${t && "cursor-not-allowed"} ${x}`,
       htmlFor: e,
       children: [
         /* @__PURE__ */ r.jsx(
           "h6",
           {
-            className: `text-gray-600 font-600 group ${t && "!text-red-500"} text-label ${o && "text-gray-300"}`,
-            children: u
+            className: `text-gray-600 font-600 group ${l && "!text-red-500"} ${o.label} ${t && "text-gray-300"}`,
+            children: i
           }
         ),
         /* @__PURE__ */ r.jsxs(
@@ -35,20 +51,20 @@ const P = ({
           {
             htmlFor: e,
             className: `
-					flex items-center justify-between gap-8 p-16
-				
-				${t && "!border-red-500"} 
+					flex items-center justify-between gap-8 ${o.container}
+
+				${l && "!border-red-500"}
 
 				bg-light
-				
-				w-full h-full rounded-full border 
-				
-				${s && !o ? "border-blue-200" : "border-blue-100"} 
-				${!o && "group-hover:border-blue-300"} 
-				${o && "cursor-not-allowed"}
-				
+
+				w-full h-full rounded-full border
+
+				${n && !t ? "border-blue-200" : "border-blue-100"}
+				${!t && "group-hover:border-blue-300"}
+				${t && "cursor-not-allowed"}
+
 				group-focus-within:border-blue-500 transition-colors duration-200 ease-in-out
-				
+
 				group-disabled:bg-gray-500
 				`,
             children: [
@@ -57,35 +73,35 @@ const P = ({
                 "input",
                 {
                   id: e,
-                  type: l ? "text" : "password",
+                  type: s ? "text" : "password",
                   autoComplete: "off",
                   "aria-autocomplete": "none",
                   name: e,
-                  disabled: o,
-                  placeholder: c,
-                  value: s,
-                  onChange: (h) => f(h.target.value),
-                  onBlur: x,
-                  ref: p,
-                  className: "group bg-transparent w-full h-full font-600 placeholder:font-600 text-body-m disabled:text-gray-300 disabled:placeholder:text-gray-300 placeholder:text-gray-400 disabled:cursor-not-allowed overflow-visible outline-none"
+                  disabled: t,
+                  placeholder: p,
+                  value: n,
+                  onChange: (b) => m(b.target.value),
+                  onBlur: g,
+                  ref: f,
+                  className: `group bg-transparent w-full h-full font-600 placeholder:font-600 ${o.text} disabled:text-gray-300 disabled:placeholder:text-gray-300 placeholder:text-gray-400 disabled:cursor-not-allowed overflow-visible outline-none`
                 }
               ),
               /* @__PURE__ */ r.jsx(
-                w,
+                $,
                 {
-                  icon: l ? y : j,
+                  icon: s ? j : v,
                   className: "min-h-16 max-h-16 text-gray-400 hover:text-gray-500 transition-colors duration-150 cursor-pointer ease-in-out",
-                  onClick: () => g(!l)
+                  onClick: () => h(!s)
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ r.jsx("h4", { className: "font-500 text-label text-red-500 leading-none", children: t && n(t.message || "", { x: n(e) }) })
+        /* @__PURE__ */ r.jsx("h4", { className: `font-500 text-red-500 leading-none ${o.error}`, children: l && u(l.message || "", { x: u(e) }) })
       ]
     }
   );
 };
 export {
-  P as default
+  V as default
 };

package/dist/components/atoms/PasswordInput/PasswordInput.types.d.ts

@@ -4,6 +4,7 @@ export type PasswordInputProps<T extends FieldValues> = {
     placeholder?: string;
     className?: string;
     disabled?: boolean;
+    size?: 'sm' | 'md';
     control: Control<T>;
     name: Path<T>;
     leftSide?: React.ReactNode;

package/dist/components/atoms/SelectInput/SelectInput.js

@@ -16,17 +16,17 @@ const me = ({
   dropdownStyle: f = {},
   innerClassName: h = "",
   showChevron: g = !0,
-  size: b = "base"
+  size: y = "md"
 }) => {
   const {
-    field: { value: y, onChange: o },
+    field: { value: b, onChange: o },
     fieldState: { error: s }
   } = K({ name: i, control: p });
   return /* @__PURE__ */ t.jsx(
     ne,
     {
       options: c,
-      value: y,
+      value: b,
       onChange: o,
       label: d,
       placeholder: m,
@@ -36,7 +36,7 @@ const me = ({
       dropdownStyle: f,
       innerClassName: h,
       showChevron: g,
-      size: b
+      size: y
     }
   );
 }, ne = ({
@@ -50,8 +50,8 @@ const me = ({
   className: f = "",
   dropdownStyle: h = {},
   innerClassName: g = "",
-  showChevron: b = !0,
-  size: y = "base"
+  showChevron: y = !0,
+  size: b = "md"
 }) => {
   var T;
   const { t: o } = Q(), [s, j] = $(!1), [v, C] = $(""), [l, S] = $(i || null), w = z(null), O = z(null), r = {
@@ -63,15 +63,15 @@ const me = ({
       gap: "gap-8",
       icon: "w-12 h-12"
     },
-    base: {
+    md: {
       container: "p-16",
-      text: "text-body-m",
+      text: "text-14",
       label: "text-14",
       error: "text-sm",
       gap: "gap-8",
       icon: "w-16 h-16"
     }
-  }[y], { x: I, y: R, strategy: F, refs: N, context: k } = U({
+  }[b], { x: I, y: R, strategy: F, refs: N, context: k } = U({
     open: s,
     onOpenChange: j,
     middleware: [
@@ -127,7 +127,7 @@ const me = ({
         ...H,
         children: [
           /* @__PURE__ */ t.jsx("div", { className: "flex items-center w-full overflow-hidden", children: /* @__PURE__ */ t.jsx("span", { className: `flex-grow font-600 truncate ${r.text} ${l ? "" : "text-gray-400"}`, children: o(l ? l.label : m) }) }),
-          b && /* @__PURE__ */ t.jsx(
+          y && /* @__PURE__ */ t.jsx(
             "svg",
             {
               className: `${r.icon} transition-transform ${s ? "rotate-180" : ""}`,

package/dist/components/atoms/SelectInput/SelectInput.types.d.ts

@@ -15,7 +15,7 @@ export interface SelectInputProps<T extends FieldValues> {
     innerClassName?: string;
     dropdownStyle?: React.CSSProperties;
     showChevron?: boolean;
-    size?: 'sm' | 'base';
+    size?: 'sm' | 'md';
 }
 export interface SelectInputFieldProps {
     options: Option[];
@@ -29,5 +29,5 @@ export interface SelectInputFieldProps {
     innerClassName?: string;
     dropdownStyle?: React.CSSProperties;
     showChevron?: boolean;
-    size?: 'sm' | 'base';
+    size?: 'sm' | 'md';
 }

package/dist/components/atoms/TextInput/TextInput.js

@@ -6,17 +6,17 @@ const S = ({
   label: c,
   control: x,
   name: e,
-  placeholder: p,
-  className: d = "",
+  placeholder: d,
+  className: p = "",
   disabled: t = !1,
   leftSide: a,
   rightSide: n,
   translateKey: i = "",
-  size: g = "base",
-  ...b
+  size: g = "md",
+  ...m
 }) => {
   const {
-    field: { value: u = "", onChange: m, ref: f, onBlur: h },
+    field: { value: u = "", onChange: b, ref: f, onBlur: h },
     fieldState: { error: r }
   } = w({ name: e, control: x }), { t: s } = v(), o = {
     sm: {
@@ -26,18 +26,18 @@ const S = ({
       error: "text-sm",
       gap: "gap-8"
     },
-    base: {
+    md: {
       container: "p-16",
-      text: "text-body-m",
+      text: "text-14",
       label: "text-14",
       error: "text-sm",
       gap: "gap-8"
     }
-  }[g], y = s(e), $ = s(i);
+  }[g], $ = s(e), y = s(i);
   return /* @__PURE__ */ l.jsxs(
     "label",
     {
-      className: `flex flex-col group select-none ${o.gap} ${t && "cursor-not-allowed"} ${d}`,
+      className: `flex flex-col group select-none ${o.gap} ${t && "cursor-not-allowed"} ${p}`,
       htmlFor: e,
       children: [
         /* @__PURE__ */ l.jsx(
@@ -76,20 +76,20 @@ const S = ({
                   id: e,
                   name: e,
                   disabled: t,
-                  placeholder: p,
+                  placeholder: d,
                   value: u,
-                  onChange: (j) => m(j.target.value),
+                  onChange: (j) => b(j.target.value),
                   onBlur: h,
                   ref: f,
                   className: `group bg-transparent w-full h-full font-600 placeholder:font-600 ${o.text} disabled:text-gray-300 disabled:placeholder:text-gray-300 placeholder:text-gray-400 disabled:cursor-not-allowed overflow-visible outline-hidden`,
-                  ...b
+                  ...m
                 }
               ),
               n && n
             ]
           }
         ),
-        /* @__PURE__ */ l.jsx("h4", { className: `font-500 text-red-500 leading-none ${o.error}`, children: (r == null ? void 0 : r.message) && s(r.message, { x: $ || y }) })
+        /* @__PURE__ */ l.jsx("h4", { className: `font-500 text-red-500 leading-none ${o.error}`, children: (r == null ? void 0 : r.message) && s(r.message, { x: y || $ }) })
       ]
     }
   );

package/dist/components/atoms/TextInput/TextInput.types.d.ts

@@ -5,7 +5,7 @@ export type TextInputProps<T extends FieldValues = FieldValues> = {
     className?: string;
     disabled?: boolean;
     translateKey?: string;
-    size?: 'sm' | 'base';
+    size?: 'sm' | 'md';
     control: Control<T>;
     name: Path<T>;
     leftSide?: React.ReactNode;

package/dist/components/atoms/UncontrolledSelector/UncontrolledSelector.d.ts

@@ -17,7 +17,7 @@ interface UncontrolledSelectorProps {
     innerClassName?: string;
     dropdownStyle?: React.CSSProperties;
     showChevron?: boolean;
-    size?: 'sm' | 'base';
+    size?: 'sm' | 'md';
 }
 declare const UncontrolledSelector: React.FC<UncontrolledSelectorProps>;
 export default UncontrolledSelector;