@6thbridge/hexa 0.0.1 → 0.0.2

package/dist/index.js

@@ -1,1053 +1,2 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  Button: () => Button,
-  FormLabel: () => FormLabel,
-  Input: () => Input,
-  Loader: () => Loader,
-  PasswordInput: () => PasswordInput,
-  Searchable: () => Searchable,
-  SearchableTrigger: () => SearchableTrigger,
-  Textarea: () => Textarea
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/components/label/FormLabel.tsx
-var import_react = __toESM(require("react"));
-
-// src/components/label/index.tsx
-var React = __toESM(require("react"));
-var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
-var import_class_variance_authority = require("class-variance-authority");
-
-// src/utils/index.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
-}
-
-// src/components/label/index.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var labelVariants = (0, import_class_variance_authority.cva)(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-);
-var Label = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-  LabelPrimitive.Root,
-  {
-    ref,
-    className: cn(labelVariants(), className),
-    ...props
-  }
-));
-Label.displayName = LabelPrimitive.Root.displayName;
-
-// src/components/label/FormLabel.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var FormLabel = import_react.default.forwardRef(({ className, children, showAsterisk, error, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    Label,
-    {
-      ref,
-      className: cn(error && "text-red-500", className),
-      ...props,
-      children: showAsterisk ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { children: [
-        children,
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "text-red-500", children: "*" })
-      ] }) : children
-    }
-  );
-});
-FormLabel.displayName = "FormLabel";
-
-// src/components/loader/index.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Loader = ({
-  size = 16,
-  colour = "primary"
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-    "svg",
-    {
-      className: "animate-spin",
-      width: size,
-      height: size,
-      viewBox: "0 0 20 20",
-      fill: "none",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "10", cy: "10", r: "9.25", stroke: "transparent", strokeWidth: "1.5" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          "path",
-          {
-            d: "M10 0.595792C10 0.266746 10.267 -0.00185055 10.5954 0.0177417C11.9786 0.100242 13.3318 0.469461 14.5682 1.1044C15.9816 1.83021 17.2016 2.88235 18.1273 4.17366C19.0531 5.46496 19.6578 6.95826 19.8913 8.52984C20.1249 10.1014 19.9807 11.706 19.4705 13.2108C18.9604 14.7155 18.0991 16.077 16.9579 17.1825C15.8167 18.288 14.4285 19.1056 12.9084 19.5677C11.3882 20.0298 9.77982 20.123 8.21646 19.8397C6.84883 19.5918 5.55009 19.0619 4.40196 18.2863C4.12931 18.1021 4.08072 17.7265 4.28083 17.4653C4.48094 17.2041 4.85388 17.1564 5.12801 17.3384C6.12474 18.0001 7.24768 18.4531 8.42898 18.6672C9.80606 18.9168 11.2228 18.8347 12.5618 18.4276C13.9008 18.0206 15.1236 17.3004 16.1288 16.3266C17.134 15.3528 17.8927 14.1536 18.342 12.8282C18.7914 11.5027 18.9185 10.0893 18.7127 8.70502C18.507 7.32071 17.9743 6.00535 17.1589 4.86792C16.3435 3.73048 15.2688 2.80371 14.0238 2.16439C12.9559 1.61596 11.789 1.29259 10.5954 1.21173C10.2671 1.18949 10 0.92484 10 0.595792Z",
-            fill: colour === "primary" ? "#ffffff" : "currentColor",
-            className: "rounded"
-          }
-        )
-      ]
-    }
-  );
-};
-
-// src/components/button/index.tsx
-var React3 = __toESM(require("react"));
-var import_react_slot = require("@radix-ui/react-slot");
-var import_class_variance_authority2 = require("class-variance-authority");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var buttonVariants = (0, import_class_variance_authority2.cva)(
-  "overflow-hidden isolate relative inline-flex h-fit items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background dark:ring-offset-transparent transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:!pointer-events-none",
-  {
-    variants: {
-      variant: {
-        primary: "border-primary-main bg-primary-main hover:bg-primary-main/70 disabled:bg-primary-main/70 text-white font-bold",
-        neutral: "!border-0 bg-transparent text-primary-main hover:opacity-80 disabled:opacity-60",
-        outlined: "border-blue-950 text-blue-950 hover:opacity-80 disabled:opacity-60",
-        "light-outlined": "border-white text-white hover:opacity-80 disabled:opacity-60",
-        "primary-outlined": " text-primary-main bg-primary-main/20 hover:opacity-80 disabled:opacity-60 !font-medium",
-        "dark-text": "border-transparent bg-transparent hover:bg-opacity-70 disabled:bg-opacity-70  text-black font-medium",
-        light: "border-white bg-white hover:bg-opacity-70 disabled:bg-opacity-70  text-blue-950 font-semibold"
-      },
-      size: {
-        // lg: "h-15 px-8 items-center",
-        // sm: "h-10 px-3.5 items-center text-sm",
-        default: "py-[0.625rem] px-[1.5rem] text-[0.875rem] leading-[1.25rem] font-medium rounded-lg",
-        sm: "py-[0.375rem] px-[1rem] text-[0.75rem] leading-[1rem] font-medium rounded-lg",
-        lg: "py-[0.75rem] px-[1.5rem] text-[1rem] leading-[1.5rem] font-medium rounded-lg",
-        md: "h-12 py-1 px-5 items-center",
-        "icon-sm": "h-[1.75rem] w-[1.75rem] flex justify-center items-center font-medium rounded-lg",
-        icon: "h-[2.5rem] w-[2.75rem] flex justify-center items-center font-medium rounded-lg",
-        "icon-lg": "h-[3rem] w-[3rem] flex justify-center items-center font-medium rounded-lg"
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      size: "default"
-    }
-  }
-);
-var Button = ({
-  className,
-  variant = "primary",
-  size,
-  asChild = false,
-  isLoading = false,
-  leftNode,
-  rightNode,
-  LoaderSize,
-  ref,
-  ...props
-}) => {
-  const Component = asChild ? import_react_slot.Slot : "button";
-  const { children, disabled, ...rest } = props;
-  const reference = React3.useRef(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    Component,
-    {
-      className: cn(buttonVariants({ variant, size, className })),
-      ref: reference || ref,
-      disabled: disabled || isLoading,
-      ...rest,
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex font-medium justify-center items-center gap-2", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "mx-auto", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Loader, { size: LoaderSize }) }) }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
-        leftNode,
-        children,
-        rightNode
-      ] }) })
-    }
-  );
-};
-Button.displayName = "Button";
-
-// src/components/input/index.tsx
-var import_class_variance_authority3 = require("class-variance-authority");
-
-// src/components/form/ErrorMessage.tsx
-var import_react2 = __toESM(require("react"));
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var ErrorMessage = import_react2.default.forwardRef(({ className, children, error, ...props }, ref) => {
-  const body = error ?? children;
-  if (!body) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    "p",
-    {
-      ref,
-      className: cn("text-xs font-normal text-[#F04248]", className),
-      ...props,
-      children: body
-    }
-  );
-});
-ErrorMessage.displayName = "ErrorMessage";
-
-// src/components/form/FormDescription.tsx
-var import_react3 = __toESM(require("react"));
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var FormDescription = import_react3.default.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    "p",
-    {
-      ref,
-      className: cn("text-sm text-[#8E98A8", className),
-      ...props
-    }
-  );
-});
-FormDescription.displayName = "FormDescription";
-
-// src/components/input/index.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var inputVariants = (0, import_class_variance_authority3.cva)(
-  "!p-0 flex h-full w-full !border-transparent !bg-transparent text-base focus-visible:bg-transparent focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50",
-  {
-    variants: {
-      status: {
-        default: "placeholder:text-[#C4C4C4] dark:placeholder:text-[#9299A2]",
-        error: "placeholder:text-red-500 text-red-500",
-        loading: "placeholder:text-[#C4C4C4] dark:placeholder:text-[#9299A2]",
-        prefilled: ""
-      }
-    },
-    defaultVariants: {
-      status: "default"
-    }
-  }
-);
-var BaseInnerInput = ({
-  className,
-  status,
-  type,
-  ref,
-  ...props
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-    "input",
-    {
-      type,
-      className: cn(inputVariants({ status }), className),
-      ref,
-      ...props
-    }
-  );
-};
-BaseInnerInput.displayName = "BaseInnerInput";
-var inputContainerVariants = (0, import_class_variance_authority3.cva)(
-  "flex relative h-10 w-full rounded-[4px] dark:!bg-transparent border transition px-3 py-2 text-base placeholder:text-[#79818C] focus-within:outline-0 focus-within:ring-0 focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50 dark:disabled:!border-[#9299A2]",
-  {
-    variants: {
-      status: {
-        default: "border-[#DEDEDE] dark:border-[#676767] bg-white  text-[#191919] dark:!bg-transparent caret-[#00B2A9] focus-within:bg-white dark:focus-within:!bg-transparent dark:text-white focus-within:border-[#00B2A9] dark:focus-within:border-[#9299A2] dark:disabled:!border-[#9299A2]",
-        error: "placeholder:text-red-500 bg-red-50 border-red-500 dark:!bg-status-error-bg-dark text-red-500 focus-within:bg-red-50 focus-within:border-red-500",
-        loading: "",
-        prefilled: "bg-[#F6F6F6] border-[#DEDEDE] dark:!bg-transparent caret-[#DEDEDE] focus-within:bg-[#F6F6F6] focus-within:border-[#DEDEDE] dark:!border-[#9299A2] dark:focus-within:border-[#9299A2]"
-      }
-    },
-    defaultVariants: {
-      status: "default"
-    }
-  }
-);
-var sideVariants = (0, import_class_variance_authority3.cva)(
-  "top-0 flex justify-center items-center h-full min-w-[50px] max-w-[100px] dark:!bg-transparent transition px-3 py-2 text-base placeholder:text-[#79818C] focus-within:outline-0 focus-within:ring-0 focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50 dark:disabled:!border-[#9299A2]",
-  {
-    variants: {
-      side: {
-        left: "left-0 rounded-l-[8px] border-r",
-        right: "right-0 rounded-r-[8px] border-l"
-      },
-      status: {
-        default: "border-[#DEDEDE] dark:border-[#676767] bg-white  text-[#191919] dark:!bg-transparent caret-[#00B2A9] focus-within:bg-white dark:focus-within:!bg-transparent dark:text-white focus-within:border-[#00B2A9] dark:focus-within:border-[#9299A2] dark:disabled:!border-[#9299A2]",
-        error: "placeholder:text-red-500 bg-red-50 border-red-500 dark:!bg-red-50 text-red-500 focus-within:bg-red-50 focus-within:border-red-500",
-        loading: "",
-        prefilled: "bg-[#F6F6F6] border-[#DEDEDE] dark:!bg-transparent caret-[#DEDEDE] focus-within:bg-[#F6F6F6] focus-within:border-[#DEDEDE] dark:!border-[#9299A2] dark:focus-within:border-[#9299A2]"
-      }
-    },
-    defaultVariants: {
-      status: "default",
-      side: "left"
-    }
-  }
-);
-var Input = ({
-  className,
-  status = "default",
-  disabled,
-  error,
-  isLoading,
-  sideNodeClassName,
-  showAsterisk,
-  label,
-  description,
-  ref,
-  ...props
-}) => {
-  let containerStatus = status;
-  if (error) containerStatus = "error";
-  if (isLoading) containerStatus = "loading";
-  if (disabled) containerStatus = "prefilled";
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "relative space-y-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FormLabel, { showAsterisk, error, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
-      "div",
-      {
-        className: cn(
-          inputContainerVariants({ status: containerStatus }),
-          props.leftNode || props.rightNode ? "p-0" : "",
-          className
-        ),
-        children: [
-          props.leftNode ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-            "div",
-            {
-              className: cn(
-                sideVariants({
-                  status: containerStatus,
-                  side: "left"
-                }),
-                sideNodeClassName
-              ),
-              children: props.leftNode
-            }
-          ) : null,
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-            BaseInnerInput,
-            {
-              ref,
-              disabled: isLoading || disabled,
-              className: props.leftNode || props.rightNode ? "!px-3 !py-2" : "",
-              ...props
-            }
-          ),
-          props.rightNode ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-            "div",
-            {
-              className: cn(
-                sideVariants({
-                  status: containerStatus,
-                  side: "right"
-                }),
-                sideNodeClassName
-              ),
-              children: props.rightNode
-            }
-          ) : null
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(FormDescription, { className: "text-gray-400 text-sm !font-normal", children: description }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ErrorMessage, { error })
-  ] });
-};
-Input.displayName = "Input";
-
-// src/components/password-input/index.tsx
-var import_react4 = require("react");
-
-// src/components/password-input/icons/Eye.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var Eye = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
-    "svg",
-    {
-      width: "18",
-      height: "14",
-      viewBox: "0 0 18 14",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          "path",
-          {
-            d: "M1.54639 7.26103C1.48389 7.09264 1.48389 6.90741 1.54639 6.73903C2.15517 5.26292 3.18853 4.00081 4.51547 3.1127C5.84241 2.22459 7.40317 1.75049 8.99989 1.75049C10.5966 1.75049 12.1574 2.22459 13.4843 3.1127C14.8113 4.00081 15.8446 5.26292 16.4534 6.73903C16.5159 6.90741 16.5159 7.09264 16.4534 7.26103C15.8446 8.73713 14.8113 9.99925 13.4843 10.8874C12.1574 11.7755 10.5966 12.2496 8.99989 12.2496C7.40317 12.2496 5.84241 11.7755 4.51547 10.8874C3.18853 9.99925 2.15517 8.73713 1.54639 7.26103Z",
-            stroke: "#8E98A8",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          "path",
-          {
-            d: "M9 9.25C10.2426 9.25 11.25 8.24264 11.25 7C11.25 5.75736 10.2426 4.75 9 4.75C7.75736 4.75 6.75 5.75736 6.75 7C6.75 8.24264 7.75736 9.25 9 9.25Z",
-            stroke: "#8E98A8",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      ]
-    }
-  );
-};
-
-// src/components/password-input/icons/EyeOff.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var EyeOff = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-    "svg",
-    {
-      width: "18",
-      height: "18",
-      viewBox: "0 0 18 18",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-          "path",
-          {
-            d: "M4.08759 12.69C3.26171 11.9072 2.61006 10.9591 2.17509 9.90752C2.10081 9.73454 2.0625 9.54826 2.0625 9.36001C2.0625 9.17177 2.10081 8.98549 2.17509 8.81252C2.75274 7.4073 3.72095 6.19704 4.96509 5.32502C6.14597 4.4998 7.55989 4.07405 9.00009 4.11002C10.0363 4.084 11.064 4.30239 12.0001 4.74752M13.9201 6.03752C14.7415 6.81964 15.3904 7.76486 15.8251 8.81252C15.8994 8.98549 15.9377 9.17177 15.9377 9.36001C15.9377 9.54826 15.8994 9.73454 15.8251 9.90752C15.2474 11.3127 14.2792 12.523 13.0351 13.395C11.8542 14.2202 10.4403 14.646 9.00009 14.61C7.9639 14.636 6.93616 14.4176 6.00009 13.9725",
-            stroke: "#8E98A8",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-          "path",
-          {
-            d: "M6.5325 10.2375C6.42732 9.95694 6.37395 9.65962 6.375 9.36C6.375 8.66381 6.65156 7.99613 7.14384 7.50384C7.63613 7.01156 8.30381 6.735 9 6.735C9.3 6.7335 9.597 6.7875 9.8775 6.8925M11.4675 8.4825C11.5725 8.763 11.6265 9.06 11.625 9.36C11.625 10.0562 11.3484 10.7239 10.8562 11.2162C10.3639 11.7084 9.69619 11.985 9 11.985C8.70038 11.986 8.40306 11.9327 8.1225 11.8275M2.25 15L14.25 3",
-            stroke: "#8E98A8",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      ]
-    }
-  );
-};
-
-// src/components/password-input/index.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var PasswordInput = ({ ...props }) => {
-  const [passwordVisible, setPasswordVisible] = (0, import_react4.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    Input,
-    {
-      sideNodeClassName: "!border-l-0",
-      rightNode: passwordVisible ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-        "button",
-        {
-          type: "button",
-          onClick: () => setPasswordVisible((val) => !val),
-          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Eye, {})
-        }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-        "button",
-        {
-          type: "button",
-          onClick: () => setPasswordVisible((val) => !val),
-          children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(EyeOff, {})
-        }
-      ),
-      type: passwordVisible ? "text" : "password",
-      ...props
-    }
-  );
-};
-PasswordInput.displayName = "PasswordInput";
-
-// src/components/textarea/index.tsx
-var import_class_variance_authority4 = require("class-variance-authority");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var textareaContainerVariants = (0, import_class_variance_authority4.cva)(
-  "flex relative min-h-[80px] w-full rounded-[8px] border transition px-3 py-2 text-base placeholder:text-[#79818C] focus-within:outline-0 focus-within:ring-0 focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50",
-  {
-    variants: {
-      status: {
-        default: "border-[#D7D7D7] dark:border-[#676767] bg-white  text-[#191919] dark:!bg-transparent caret-[#00B2A9] focus-within:bg-white dark:focus-within:!bg-transparent dark:text-white focus-within:border-[#00B2A9] dark:focus-within:border-[#9299A2] dark:border-[#9299A2] dark:disabled:!border-[#9299A2]",
-        error: "placeholder:text-status-error-fill bg-status-error-bg border-status-error-fill dark:!bg-status-error-bg-dark text-status-error-fill focus-within:bg-status-error-bg focus-within:border-status-error-fill",
-        loading: "placeholder:text-[#C4C4C4]",
-        prefilled: "resize-none bg-[#F6F6F6] border-[#D7D7D7] dark:!bg-transparent caret-[#D7D7D7] focus-within:bg-[#F6F6F6] focus-within:border-[#D7D7D7] dark:!border-[#9299A2] dark:focus-within:border-[#9299A2]"
-      }
-    },
-    defaultVariants: {
-      status: "default"
-    }
-  }
-);
-var Textarea = ({
-  className,
-  status = "default",
-  disabled,
-  error,
-  isLoading,
-  showAsterisk,
-  label,
-  description,
-  ...props
-}) => {
-  let containerStatus = status;
-  if (error) containerStatus = "error";
-  if (isLoading) containerStatus = "loading";
-  if (disabled) containerStatus = "prefilled";
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "relative space-y-1", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(FormLabel, { showAsterisk, error, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-      "textarea",
-      {
-        className: cn(
-          "min-h-[80px]",
-          inputContainerVariants({ status: containerStatus }),
-          className
-        ),
-        disabled: isLoading || disabled,
-        ...props
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(FormDescription, { className: "text-gray-400 text-sm !font-normal", children: description }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ErrorMessage, { error })
-  ] });
-};
-Textarea.displayName = "Textarea";
-
-// src/components/select/index.tsx
-var React10 = __toESM(require("react"));
-
-// src/components/command/index.tsx
-var React7 = __toESM(require("react"));
-var import_cmdk = require("cmdk");
-var import_lucide_react = require("lucide-react");
-
-// src/components/dialog/index.tsx
-var React6 = __toESM(require("react"));
-var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
-
-// src/components/dialog/icon/CloseIcon.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var CloseIcon = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-    "svg",
-    {
-      width: "20",
-      height: "20",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      className: "stroke-[#232528]]",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          "path",
-          {
-            d: "M5.00098 5L19 18.9991",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          "path",
-          {
-            d: "M4.99996 18.9991L18.999 5",
-            strokeWidth: "1.5",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          }
-        )
-      ]
-    }
-  );
-};
-
-// src/components/dialog/index.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var DialogRoot = DialogPrimitive.Root;
-var DialogTrigger = DialogPrimitive.Trigger;
-var DialogPortal = DialogPrimitive.Portal;
-var DialogOverlay = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-  DialogPrimitive.Overlay,
-  {
-    ref,
-    className: cn(
-      "fixed inset-0 z-50 bg-black/70 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className
-    ),
-    ...props
-  }
-));
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React6.forwardRef(({ className, hideCloseButton, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DialogPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-    DialogPrimitive.Content,
-    {
-      ref,
-      className: cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-transparent bg-white p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-lg",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        !hideCloseButton && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CloseIcon, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "sr-only", children: "Close" })
-        ] })
-      ]
-    }
-  )
-] }));
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-  "div",
-  {
-    className: cn("flex flex-col space-y-1.5 text-left", className),
-    ...props
-  }
-);
-DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-  "div",
-  {
-    className: cn("flex flex-row justify-end sm:space-x-2", className),
-    ...props
-  }
-);
-DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-  DialogPrimitive.Title,
-  {
-    ref,
-    className: cn(
-      "text-lg font-semibold leading-none tracking-tight",
-      className
-    ),
-    ...props
-  }
-));
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-  DialogPrimitive.Description,
-  {
-    ref,
-    className: cn("text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
-var Dialog2 = ({
-  trigger,
-  children,
-  open,
-  onOpenChange,
-  hideCloseButton,
-  footer,
-  title,
-  description,
-  contentClassName,
-  headerClassName,
-  titleClassName,
-  descriptionClassName,
-  footerClassName,
-  asChild = true,
-  onOpenAutoFocus,
-  onCloseAutoFocus,
-  onEscapeKeyDown,
-  onInteractOutside,
-  onPointerDownOutside,
-  ...props
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DialogRoot, { ...props, open, onOpenChange, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogTrigger, { asChild, children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogPortal, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
-      DialogContent,
-      {
-        className: contentClassName,
-        hideCloseButton,
-        onOpenAutoFocus,
-        onCloseAutoFocus,
-        onEscapeKeyDown,
-        onPointerDownOutside,
-        onInteractOutside,
-        children: [
-          title || description ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(DialogHeader, { className: headerClassName, children: [
-            title && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogTitle, { className: titleClassName, children: title }),
-            description && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogDescription, { className: descriptionClassName, children: description })
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, {}),
-          children,
-          footer && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DialogFooter, { className: footerClassName, children: footer })
-        ]
-      }
-    ) })
-  ] });
-};
-Dialog2.displayName = DialogPrimitive.Dialog.displayName;
-
-// src/components/command/index.tsx
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var Command = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-  import_cmdk.Command,
-  {
-    ref,
-    className: cn(
-      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
-      className
-    ),
-    ...props
-  }
-));
-Command.displayName = import_cmdk.Command.displayName;
-var CommandInput = React7.forwardRef(({ className, CommandInputContainerClassName, loading, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-  "div",
-  {
-    className: cn(
-      "flex items-center border-0 px-3 gap-2",
-      CommandInputContainerClassName
-    ),
-    "cmdk-input-wrapper": "",
-    children: [
-      loading ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Loader, { size: 16, colour: "secondary" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react.Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-        import_cmdk.Command.Input,
-        {
-          ref,
-          className: cn(
-            "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
-            className
-          ),
-          disabled: loading,
-          ...props
-        }
-      )
-    ]
-  }
-));
-CommandInput.displayName = import_cmdk.Command.Input.displayName;
-var CommandList = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-  import_cmdk.Command.List,
-  {
-    ref,
-    className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
-    ...props
-  }
-));
-CommandList.displayName = import_cmdk.Command.List.displayName;
-var CommandEmpty = React7.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-  import_cmdk.Command.Empty,
-  {
-    ref,
-    className: "py-6 text-center text-sm",
-    ...props
-  }
-));
-CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
-var CommandGroup = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-  import_cmdk.Command.Group,
-  {
-    ref,
-    className: cn(
-      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
-      className
-    ),
-    ...props
-  }
-));
-CommandGroup.displayName = import_cmdk.Command.Group.displayName;
-var CommandSeparator = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-  import_cmdk.Command.Separator,
-  {
-    ref,
-    className: cn("-mx-1 h-px bg-border", className),
-    ...props
-  }
-));
-CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
-var CommandItem = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-  import_cmdk.Command.Item,
-  {
-    ref,
-    className: cn(
-      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-primary-accent data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-      className
-    ),
-    ...props
-  }
-));
-CommandItem.displayName = import_cmdk.Command.Item.displayName;
-var CommandShortcut = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-    "span",
-    {
-      className: cn(
-        "ml-auto text-xs tracking-widest text-muted-foreground",
-        className
-      ),
-      ...props
-    }
-  );
-};
-CommandShortcut.displayName = "CommandShortcut";
-
-// src/components/popover/index.tsx
-var React8 = __toESM(require("react"));
-var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var PopoverRoot = PopoverPrimitive.Root;
-var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React8.forwardRef(
-  ({ className, align = "center", sideOffset = 4, portal = true, ...props }, ref) => portal ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-    PopoverPrimitive.Content,
-    {
-      ref,
-      align,
-      sideOffset,
-      className: cn(
-        "pointer-events-auto z-50 w-72 rounded-md border border-transparent bg-white p-4 text-[#191919] shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-        className
-      ),
-      onOpenAutoFocus: props.onOpenAutoFocus,
-      onCloseAutoFocus: props.onCloseAutoFocus,
-      ...props
-    }
-  ) }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-    PopoverPrimitive.Content,
-    {
-      ref,
-      align,
-      sideOffset,
-      className: cn(
-        "pointer-events-auto z-50 w-72 rounded-md border border-transparent bg-white p-4 text-[#191919] shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-        className
-      ),
-      onOpenAutoFocus: props.onOpenAutoFocus,
-      onCloseAutoFocus: props.onCloseAutoFocus,
-      ...props
-    }
-  )
-);
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-var Popover = ({
-  trigger,
-  children,
-  open,
-  onOpenChange,
-  contentClassName,
-  asChild = true,
-  align,
-  side,
-  alignOffset,
-  sideOffset,
-  onOpenAutoFocus,
-  onCloseAutoFocus,
-  ...props
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(PopoverRoot, { ...props, open, onOpenChange, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PopoverTrigger, { asChild, children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-      PopoverContent,
-      {
-        alignOffset,
-        sideOffset,
-        side,
-        align,
-        className: contentClassName,
-        onOpenAutoFocus,
-        onCloseAutoFocus,
-        children
-      }
-    )
-  ] });
-};
-Popover.displayName = PopoverPrimitive.Root.displayName;
-
-// src/components/scroll-area/index.tsx
-var React9 = __toESM(require("react"));
-var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var ScrollArea = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
-  ScrollAreaPrimitive.Root,
-  {
-    ref,
-    className: cn("relative overflow-hidden", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ScrollBar, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ScrollAreaPrimitive.Corner, {})
-    ]
-  }
-));
-ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React9.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-  ScrollAreaPrimitive.ScrollAreaScrollbar,
-  {
-    ref,
-    orientation,
-    className: cn(
-      "flex touch-none select-none transition-colors",
-      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
-      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
-  }
-));
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
-
-// src/components/select/index.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var SearchableTrigger = ({
-  className,
-  value,
-  placeholder = "",
-  status,
-  disabled
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PopoverTrigger, { asChild: true, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-    "button",
-    {
-      disabled,
-      className: cn(
-        inputContainerVariants({ status }),
-        "[&>span]:justify-start [&>span]:items-center gap-2 flex h-12 w-full items-center justify-between goup",
-        value ? "" : "text-[#79818C]",
-        className
-      ),
-      children: [
-        value ?? placeholder ?? "Select options...",
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-          "svg",
-          {
-            width: "20",
-            height: "20",
-            viewBox: "0 0 20 20",
-            fill: "none",
-            className: " data-[state=open]:goup-rotate-180",
-            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-              "path",
-              {
-                d: "M16.5999 7.45825L11.1666 12.8916C10.5249 13.5333 9.4749 13.5333 8.83324 12.8916L3.3999 7.45825",
-                stroke: "currentColor",
-                strokeWidth: "1.5",
-                strokeMiterlimit: "10",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-              }
-            )
-          }
-        )
-      ]
-    }
-  ) });
-};
-var Searchable = ({
-  options,
-  value,
-  onChange,
-  containerClassName,
-  placeholder,
-  disabled,
-  loading,
-  optionComponent,
-  children,
-  modal,
-  hideSearch,
-  className,
-  inputValue,
-  onInputValueChange
-}) => {
-  const [open, setOpen] = React10.useState(false);
-  const triggerRef = React10.useRef(null);
-  const [width, setWidth] = React10.useState(void 0);
-  React10.useLayoutEffect(() => {
-    if (triggerRef.current) {
-      setWidth(triggerRef.current.clientWidth);
-    }
-  }, [triggerRef.current]);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(PopoverRoot, { modal, open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: cn("w-full", className), ref: triggerRef, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-      PopoverContent,
-      {
-        portal: modal,
-        className: "p-0 min-w-[200px]",
-        style: { width },
-        children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Command, { className: "max-h-[270px] pt-3", children: [
-          !hideSearch && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-            CommandInput,
-            {
-              loading,
-              placeholder: placeholder ?? "Search options...",
-              onValueChange: onInputValueChange,
-              value: inputValue,
-              CommandInputContainerClassName: "mx-3 border rounded-md border-[#DEDEDE]"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-            ScrollArea,
-            {
-              className: cn("w-full px-0", containerClassName),
-              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(CommandList, { children: [
-                !hideSearch && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CommandEmpty, { children: "No result found." }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CommandGroup, { className: "w-full", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-                  CommandItem,
-                  {
-                    defaultValue: value?.label,
-                    value: option.label,
-                    disabled,
-                    onSelect: () => {
-                      onChange(option);
-                      setOpen(false);
-                    },
-                    children: !optionComponent ? option.label : optionComponent(option)
-                  },
-                  option.value
-                )) })
-              ] })
-            }
-          )
-        ] })
-      }
-    )
-  ] });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Button,
-  FormLabel,
-  Input,
-  Loader,
-  PasswordInput,
-  Searchable,
-  SearchableTrigger,
-  Textarea
-});
+"use strict";var Ue=Object.create;var q=Object.defineProperty;var Xe=Object.getOwnPropertyDescriptor;var Ye=Object.getOwnPropertyNames;var $e=Object.getPrototypeOf,et=Object.prototype.hasOwnProperty;var tt=(e,t)=>{for(var o in t)q(e,o,{get:t[o],enumerable:!0})},be=(e,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Ye(t))!et.call(e,i)&&i!==o&&q(e,i,{get:()=>t[i],enumerable:!(a=Xe(t,i))||a.enumerable});return e};var g=(e,t,o)=>(o=e!=null?Ue($e(e)):{},be(t||!e||!e.__esModule?q(o,"default",{value:e,enumerable:!0}):o,e)),ot=e=>be(q({},"__esModule",{value:!0}),e);var pt={};tt(pt,{Button:()=>te,FormLabel:()=>k,Input:()=>_,Loader:()=>T,PasswordInput:()=>oe,Select:()=>Qe,Textarea:()=>re});module.exports=ot(pt);var xe=g(require("react"));var ye=g(require("react")),$=g(require("@radix-ui/react-label")),Ce=require("class-variance-authority");var he=require("clsx"),ve=require("tailwind-merge");function r(...e){return(0,ve.twMerge)((0,he.clsx)(e))}var Pe=require("react/jsx-runtime"),rt=(0,Ce.cva)("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),ee=ye.forwardRef(({className:e,...t},o)=>(0,Pe.jsx)($.Root,{ref:o,className:r(rt(),e),...t}));ee.displayName=$.Root.displayName;var M=require("react/jsx-runtime"),k=xe.default.forwardRef(({className:e,children:t,showAsterisk:o,error:a,...i},l)=>(0,M.jsx)(ee,{ref:l,className:r(a&&"text-red-500",e),...i,children:o?(0,M.jsxs)("p",{children:[t,(0,M.jsx)("span",{className:"text-red-500",children:"*"})]}):t}));k.displayName="FormLabel";var H=require("react/jsx-runtime"),T=({size:e=16,colour:t="primary"})=>(0,H.jsxs)("svg",{className:"animate-spin",width:e,height:e,viewBox:"0 0 20 20",fill:"none",children:[(0,H.jsx)("circle",{cx:"10",cy:"10",r:"9.25",stroke:"transparent",strokeWidth:"1.5"}),(0,H.jsx)("path",{d:"M10 0.595792C10 0.266746 10.267 -0.00185055 10.5954 0.0177417C11.9786 0.100242 13.3318 0.469461 14.5682 1.1044C15.9816 1.83021 17.2016 2.88235 18.1273 4.17366C19.0531 5.46496 19.6578 6.95826 19.8913 8.52984C20.1249 10.1014 19.9807 11.706 19.4705 13.2108C18.9604 14.7155 18.0991 16.077 16.9579 17.1825C15.8167 18.288 14.4285 19.1056 12.9084 19.5677C11.3882 20.0298 9.77982 20.123 8.21646 19.8397C6.84883 19.5918 5.55009 19.0619 4.40196 18.2863C4.12931 18.1021 4.08072 17.7265 4.28083 17.4653C4.48094 17.2041 4.85388 17.1564 5.12801 17.3384C6.12474 18.0001 7.24768 18.4531 8.42898 18.6672C9.80606 18.9168 11.2228 18.8347 12.5618 18.4276C13.9008 18.0206 15.1236 17.3004 16.1288 16.3266C17.134 15.3528 17.8927 14.1536 18.342 12.8282C18.7914 11.5027 18.9185 10.0893 18.7127 8.70502C18.507 7.32071 17.9743 6.00535 17.1589 4.86792C16.3435 3.73048 15.2688 2.80371 14.0238 2.16439C12.9559 1.61596 11.789 1.29259 10.5954 1.21173C10.2671 1.18949 10 0.92484 10 0.595792Z",fill:t==="primary"?"#ffffff":"currentColor",className:"rounded"})]});var Re=g(require("react")),we=require("@radix-ui/react-slot"),Ne=require("class-variance-authority");var C=require("react/jsx-runtime"),at=(0,Ne.cva)("overflow-hidden isolate relative inline-flex h-fit items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background dark:ring-offset-transparent transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:!pointer-events-none",{variants:{variant:{primary:"border-primary-main bg-primary-main hover:bg-primary-main/70 disabled:bg-primary-main/70 text-white font-bold",neutral:"!border-0 bg-transparent text-primary-main hover:opacity-80 disabled:opacity-60",outlined:"border-blue-950 text-blue-950 hover:opacity-80 disabled:opacity-60","light-outlined":"border-white text-white hover:opacity-80 disabled:opacity-60","primary-outlined":" text-primary-main bg-primary-main/20 hover:opacity-80 disabled:opacity-60 !font-medium","dark-text":"border-transparent bg-transparent hover:bg-opacity-70 disabled:bg-opacity-70  text-black font-medium",light:"border-white bg-white hover:bg-opacity-70 disabled:bg-opacity-70  text-blue-950 font-semibold"},size:{default:"py-[0.625rem] px-[1.5rem] text-[0.875rem] leading-[1.25rem] font-medium rounded-lg",sm:"py-[0.375rem] px-[1rem] text-[0.75rem] leading-[1rem] font-medium rounded-lg",lg:"py-[0.75rem] px-[1.5rem] text-[1rem] leading-[1.5rem] font-medium rounded-lg",md:"h-12 py-1 px-5 items-center","icon-sm":"h-[1.75rem] w-[1.75rem] flex justify-center items-center font-medium rounded-lg",icon:"h-[2.5rem] w-[2.75rem] flex justify-center items-center font-medium rounded-lg","icon-lg":"h-[3rem] w-[3rem] flex justify-center items-center font-medium rounded-lg"}},defaultVariants:{variant:"primary",size:"default"}}),te=({className:e,variant:t="primary",size:o,asChild:a=!1,isLoading:i=!1,leftNode:l,rightNode:h,LoaderSize:f,ref:y,...p})=>{let d=a?we.Slot:"button",{children:u,disabled:D,...I}=p,V=Re.useRef(null);return(0,C.jsx)(d,{className:r(at({variant:t,size:o,className:e})),ref:V||y,disabled:D||i,...I,children:(0,C.jsx)("div",{className:"flex font-medium justify-center items-center gap-2",children:i?(0,C.jsx)(C.Fragment,{children:(0,C.jsx)("span",{className:"mx-auto",children:(0,C.jsx)(T,{size:f})})}):(0,C.jsxs)(C.Fragment,{children:[l,u,h]})})})};te.displayName="Button";var J=require("class-variance-authority");var De=g(require("react")),ke=require("react/jsx-runtime"),O=De.default.forwardRef(({className:e,children:t,error:o,...a},i)=>{let l=o??t;return l?(0,ke.jsx)("p",{ref:i,className:r("text-xs font-normal text-[#F04248]",e),...a,children:l}):null});O.displayName="ErrorMessage";var Ee=g(require("react")),Ae=require("react/jsx-runtime"),B=Ee.default.forwardRef(({className:e,...t},o)=>(0,Ae.jsx)("p",{ref:o,className:r("text-sm text-[#8E98A8",e),...t}));B.displayName="FormDescription";var P=require("react/jsx-runtime"),it=(0,J.cva)("!p-0 flex h-full w-full !border-transparent !bg-transparent text-base focus-visible:bg-transparent focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50",{variants:{status:{default:"placeholder:text-[#C4C4C4] dark:placeholder:text-[#9299A2]",error:"placeholder:text-red-500 text-red-500",loading:"placeholder:text-[#C4C4C4] dark:placeholder:text-[#9299A2]",prefilled:""}},defaultVariants:{status:"default"}}),Le=({className:e,status:t,type:o,ref:a,...i})=>(0,P.jsx)("input",{type:o,className:r(it({status:t}),e),ref:a,...i});Le.displayName="BaseInnerInput";var W=(0,J.cva)("flex relative h-10 w-full rounded-[4px] dark:!bg-transparent border transition px-3 py-2 text-base placeholder:text-[#79818C] focus-within:outline-0 focus-within:ring-0 focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50 dark:disabled:!border-[#9299A2]",{variants:{status:{default:"border-[#DEDEDE] dark:border-[#676767] bg-white  text-[#191919] dark:!bg-transparent caret-[#00B2A9] focus-within:bg-white dark:focus-within:!bg-transparent dark:text-white focus-within:border-[#00B2A9] dark:focus-within:border-[#9299A2] dark:disabled:!border-[#9299A2]",error:"placeholder:text-red-500 bg-red-50 border-red-500 dark:!bg-status-error-bg-dark text-red-500 focus-within:bg-red-50 focus-within:border-red-500",loading:"",prefilled:"bg-[#F6F6F6] border-[#DEDEDE] dark:!bg-transparent caret-[#DEDEDE] focus-within:bg-[#F6F6F6] focus-within:border-[#DEDEDE] dark:!border-[#9299A2] dark:focus-within:border-[#9299A2]"}},defaultVariants:{status:"default"}}),Se=(0,J.cva)("top-0 flex justify-center items-center h-full min-w-[50px] max-w-[100px] dark:!bg-transparent transition px-3 py-2 text-base placeholder:text-[#79818C] focus-within:outline-0 focus-within:ring-0 focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50 dark:disabled:!border-[#9299A2]",{variants:{side:{left:"left-0 rounded-l-[8px] border-r",right:"right-0 rounded-r-[8px] border-l"},status:{default:"border-[#DEDEDE] dark:border-[#676767] bg-white  text-[#191919] dark:!bg-transparent caret-[#00B2A9] focus-within:bg-white dark:focus-within:!bg-transparent dark:text-white focus-within:border-[#00B2A9] dark:focus-within:border-[#9299A2] dark:disabled:!border-[#9299A2]",error:"placeholder:text-red-500 bg-red-50 border-red-500 dark:!bg-red-50 text-red-500 focus-within:bg-red-50 focus-within:border-red-500",loading:"",prefilled:"bg-[#F6F6F6] border-[#DEDEDE] dark:!bg-transparent caret-[#DEDEDE] focus-within:bg-[#F6F6F6] focus-within:border-[#DEDEDE] dark:!border-[#9299A2] dark:focus-within:border-[#9299A2]"}},defaultVariants:{status:"default",side:"left"}}),_=({className:e,status:t="default",disabled:o,error:a,isLoading:i,sideNodeClassName:l,showAsterisk:h,label:f,description:y,ref:p,...d})=>{let u=t;return a&&(u="error"),i&&(u="loading"),o&&(u="prefilled"),(0,P.jsxs)("div",{className:"relative space-y-1",children:[(0,P.jsx)(k,{showAsterisk:h,error:a,children:f}),(0,P.jsxs)("div",{className:r(W({status:u}),d.leftNode||d.rightNode?"p-0":"",e),children:[d.leftNode?(0,P.jsx)("div",{className:r(Se({status:u,side:"left"}),l),children:d.leftNode}):null,(0,P.jsx)(Le,{ref:p,disabled:i||o,className:d.leftNode||d.rightNode?"!px-3 !py-2":"",...d}),d.rightNode?(0,P.jsx)("div",{className:r(Se({status:u,side:"right"}),l),children:d.rightNode}):null]}),(0,P.jsx)(B,{className:"text-gray-400 text-sm !font-normal",children:y}),(0,P.jsx)(O,{error:a})]})};_.displayName="Input";var Ie=require("react");var z=require("react/jsx-runtime"),Te=()=>(0,z.jsxs)("svg",{width:"18",height:"14",viewBox:"0 0 18 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,z.jsx)("path",{d:"M1.54639 7.26103C1.48389 7.09264 1.48389 6.90741 1.54639 6.73903C2.15517 5.26292 3.18853 4.00081 4.51547 3.1127C5.84241 2.22459 7.40317 1.75049 8.99989 1.75049C10.5966 1.75049 12.1574 2.22459 13.4843 3.1127C14.8113 4.00081 15.8446 5.26292 16.4534 6.73903C16.5159 6.90741 16.5159 7.09264 16.4534 7.26103C15.8446 8.73713 14.8113 9.99925 13.4843 10.8874C12.1574 11.7755 10.5966 12.2496 8.99989 12.2496C7.40317 12.2496 5.84241 11.7755 4.51547 10.8874C3.18853 9.99925 2.15517 8.73713 1.54639 7.26103Z",stroke:"#8E98A8",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),(0,z.jsx)("path",{d:"M9 9.25C10.2426 9.25 11.25 8.24264 11.25 7C11.25 5.75736 10.2426 4.75 9 4.75C7.75736 4.75 6.75 5.75736 6.75 7C6.75 8.24264 7.75736 9.25 9 9.25Z",stroke:"#8E98A8",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]});var G=require("react/jsx-runtime"),Fe=()=>(0,G.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,G.jsx)("path",{d:"M4.08759 12.69C3.26171 11.9072 2.61006 10.9591 2.17509 9.90752C2.10081 9.73454 2.0625 9.54826 2.0625 9.36001C2.0625 9.17177 2.10081 8.98549 2.17509 8.81252C2.75274 7.4073 3.72095 6.19704 4.96509 5.32502C6.14597 4.4998 7.55989 4.07405 9.00009 4.11002C10.0363 4.084 11.064 4.30239 12.0001 4.74752M13.9201 6.03752C14.7415 6.81964 15.3904 7.76486 15.8251 8.81252C15.8994 8.98549 15.9377 9.17177 15.9377 9.36001C15.9377 9.54826 15.8994 9.73454 15.8251 9.90752C15.2474 11.3127 14.2792 12.523 13.0351 13.395C11.8542 14.2202 10.4403 14.646 9.00009 14.61C7.9639 14.636 6.93616 14.4176 6.00009 13.9725",stroke:"#8E98A8",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,G.jsx)("path",{d:"M6.5325 10.2375C6.42732 9.95694 6.37395 9.65962 6.375 9.36C6.375 8.66381 6.65156 7.99613 7.14384 7.50384C7.63613 7.01156 8.30381 6.735 9 6.735C9.3 6.7335 9.597 6.7875 9.8775 6.8925M11.4675 8.4825C11.5725 8.763 11.6265 9.06 11.625 9.36C11.625 10.0562 11.3484 10.7239 10.8562 11.2162C10.3639 11.7084 9.69619 11.985 9 11.985C8.70038 11.986 8.40306 11.9327 8.1225 11.8275M2.25 15L14.25 3",stroke:"#8E98A8",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]});var F=require("react/jsx-runtime"),oe=({...e})=>{let[t,o]=(0,Ie.useState)(!1);return(0,F.jsx)(_,{sideNodeClassName:"!border-l-0",rightNode:t?(0,F.jsx)("button",{type:"button",onClick:()=>o(a=>!a),children:(0,F.jsx)(Te,{})}):(0,F.jsx)("button",{type:"button",onClick:()=>o(a=>!a),children:(0,F.jsx)(Fe,{})}),type:t?"text":"password",...e})};oe.displayName="PasswordInput";var Ve=require("class-variance-authority");var E=require("react/jsx-runtime"),Kt=(0,Ve.cva)("flex relative min-h-[80px] w-full rounded-[8px] border transition px-3 py-2 text-base placeholder:text-[#79818C] focus-within:outline-0 focus-within:ring-0 focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50",{variants:{status:{default:"border-[#D7D7D7] dark:border-[#676767] bg-white  text-[#191919] dark:!bg-transparent caret-[#00B2A9] focus-within:bg-white dark:focus-within:!bg-transparent dark:text-white focus-within:border-[#00B2A9] dark:focus-within:border-[#9299A2] dark:border-[#9299A2] dark:disabled:!border-[#9299A2]",error:"placeholder:text-status-error-fill bg-status-error-bg border-status-error-fill dark:!bg-status-error-bg-dark text-status-error-fill focus-within:bg-status-error-bg focus-within:border-status-error-fill",loading:"placeholder:text-[#C4C4C4]",prefilled:"resize-none bg-[#F6F6F6] border-[#D7D7D7] dark:!bg-transparent caret-[#D7D7D7] focus-within:bg-[#F6F6F6] focus-within:border-[#D7D7D7] dark:!border-[#9299A2] dark:focus-within:border-[#9299A2]"}},defaultVariants:{status:"default"}}),re=({className:e,status:t="default",disabled:o,error:a,isLoading:i,showAsterisk:l,label:h,description:f,...y})=>{let p=t;return a&&(p="error"),i&&(p="loading"),o&&(p="prefilled"),(0,E.jsxs)("div",{className:"relative space-y-1",children:[(0,E.jsx)(k,{showAsterisk:l,error:a,children:h}),(0,E.jsx)("textarea",{className:r("min-h-[80px]",W({status:p}),e),disabled:i||o,...y}),(0,E.jsx)(B,{className:"text-gray-400 text-sm !font-normal",children:f}),(0,E.jsx)(O,{error:a})]})};re.displayName="Textarea";var A=g(require("react"));var R=g(require("react")),c=require("cmdk"),Ke=require("lucide-react");var Z=g(require("react")),s=g(require("@radix-ui/react-dialog"));var K=require("react/jsx-runtime"),Me=()=>(0,K.jsxs)("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"stroke-[#232528]]",children:[(0,K.jsx)("path",{d:"M5.00098 5L19 18.9991",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),(0,K.jsx)("path",{d:"M4.99996 18.9991L18.999 5",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]});var n=require("react/jsx-runtime"),nt=s.Root,st=s.Trigger,He=s.Portal,Oe=Z.forwardRef(({className:e,...t},o)=>(0,n.jsx)(s.Overlay,{ref:o,className:r("fixed inset-0 z-50 bg-black/70 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...t}));Oe.displayName=s.Overlay.displayName;var ae=Z.forwardRef(({className:e,hideCloseButton:t,children:o,...a},i)=>(0,n.jsxs)(He,{children:[(0,n.jsx)(Oe,{}),(0,n.jsxs)(s.Content,{ref:i,className:r("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-transparent bg-white p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-lg",e),...a,children:[o,!t&&(0,n.jsxs)(s.Close,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",children:[(0,n.jsx)(Me,{}),(0,n.jsx)("span",{className:"sr-only",children:"Close"})]})]})]}));ae.displayName=s.Content.displayName;var Be=({className:e,...t})=>(0,n.jsx)("div",{className:r("flex flex-col space-y-1.5 text-left",e),...t});Be.displayName="DialogHeader";var We=({className:e,...t})=>(0,n.jsx)("div",{className:r("flex flex-row justify-end sm:space-x-2",e),...t});We.displayName="DialogFooter";var _e=Z.forwardRef(({className:e,...t},o)=>(0,n.jsx)(s.Title,{ref:o,className:r("text-lg font-semibold leading-none tracking-tight",e),...t}));_e.displayName=s.Title.displayName;var ze=Z.forwardRef(({className:e,...t},o)=>(0,n.jsx)(s.Description,{ref:o,className:r("text-sm text-muted-foreground",e),...t}));ze.displayName=s.Description.displayName;var Ge=({trigger:e,children:t,open:o,onOpenChange:a,hideCloseButton:i,footer:l,title:h,description:f,contentClassName:y,headerClassName:p,titleClassName:d,descriptionClassName:u,footerClassName:D,asChild:I=!0,onOpenAutoFocus:V,onCloseAutoFocus:U,onEscapeKeyDown:j,onInteractOutside:S,onPointerDownOutside:X,...Y})=>(0,n.jsxs)(nt,{...Y,open:o,onOpenChange:a,children:[(0,n.jsx)(st,{asChild:I,children:e}),(0,n.jsx)(He,{children:(0,n.jsxs)(ae,{className:y,hideCloseButton:i,onOpenAutoFocus:V,onCloseAutoFocus:U,onEscapeKeyDown:j,onPointerDownOutside:X,onInteractOutside:S,children:[h||f?(0,n.jsxs)(Be,{className:p,children:[h&&(0,n.jsx)(_e,{className:d,children:h}),f&&(0,n.jsx)(ze,{className:u,children:f})]}):(0,n.jsx)(n.Fragment,{}),t,l&&(0,n.jsx)(We,{className:D,children:l})]})})]});Ge.displayName=s.Dialog.displayName;var b=require("react/jsx-runtime"),ie=R.forwardRef(({className:e,...t},o)=>(0,b.jsx)(c.Command,{ref:o,className:r("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",e),...t}));ie.displayName=c.Command.displayName;var ne=R.forwardRef(({className:e,CommandInputContainerClassName:t,loading:o,...a},i)=>(0,b.jsxs)("div",{className:r("flex items-center border-0 px-3 gap-2",t),"cmdk-input-wrapper":"",children:[o?(0,b.jsx)(T,{size:16,colour:"secondary"}):(0,b.jsx)(Ke.Search,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),(0,b.jsx)(c.Command.Input,{ref:i,className:r("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",e),disabled:o,...a})]}));ne.displayName=c.Command.Input.displayName;var se=R.forwardRef(({className:e,...t},o)=>(0,b.jsx)(c.Command.List,{ref:o,className:r("max-h-[300px] overflow-y-auto overflow-x-hidden",e),...t}));se.displayName=c.Command.List.displayName;var le=R.forwardRef((e,t)=>(0,b.jsx)(c.Command.Empty,{ref:t,className:"py-6 text-center text-sm",...e}));le.displayName=c.Command.Empty.displayName;var de=R.forwardRef(({className:e,...t},o)=>(0,b.jsx)(c.Command.Group,{ref:o,className:r("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",e),...t}));de.displayName=c.Command.Group.displayName;var lt=R.forwardRef(({className:e,...t},o)=>(0,b.jsx)(c.Command.Separator,{ref:o,className:r("-mx-1 h-px bg-border",e),...t}));lt.displayName=c.Command.Separator.displayName;var me=R.forwardRef(({className:e,...t},o)=>(0,b.jsx)(c.Command.Item,{ref:o,className:r("relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-primary-accent data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",e),...t}));me.displayName=c.Command.Item.displayName;var dt=({className:e,...t})=>(0,b.jsx)("span",{className:r("ml-auto text-xs tracking-widest text-muted-foreground",e),...t});dt.displayName="CommandShortcut";var Ze=g(require("react")),x=g(require("@radix-ui/react-popover"));var w=require("react/jsx-runtime"),pe=x.Root,ce=x.Trigger,Q=Ze.forwardRef(({className:e,align:t="center",sideOffset:o=4,portal:a=!0,...i},l)=>a?(0,w.jsx)(x.Portal,{children:(0,w.jsx)(x.Content,{ref:l,align:t,sideOffset:o,className:r("pointer-events-auto z-50 w-72 rounded-md border border-transparent bg-white p-4 text-[#191919] shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),onOpenAutoFocus:i.onOpenAutoFocus,onCloseAutoFocus:i.onCloseAutoFocus,...i})}):(0,w.jsx)(x.Content,{ref:l,align:t,sideOffset:o,className:r("pointer-events-auto z-50 w-72 rounded-md border border-transparent bg-white p-4 text-[#191919] shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),onOpenAutoFocus:i.onOpenAutoFocus,onCloseAutoFocus:i.onCloseAutoFocus,...i}));Q.displayName=x.Content.displayName;var mt=({trigger:e,children:t,open:o,onOpenChange:a,contentClassName:i,asChild:l=!0,align:h,side:f,alignOffset:y,sideOffset:p,onOpenAutoFocus:d,onCloseAutoFocus:u,...D})=>(0,w.jsxs)(pe,{...D,open:o,onOpenChange:a,children:[(0,w.jsx)(ce,{asChild:l,children:e}),(0,w.jsx)(Q,{alignOffset:y,sideOffset:p,side:f,align:h,className:i,onOpenAutoFocus:d,onCloseAutoFocus:u,children:t})]});mt.displayName=x.Root.displayName;var fe=g(require("react")),v=g(require("@radix-ui/react-scroll-area"));var N=require("react/jsx-runtime"),ue=fe.forwardRef(({className:e,children:t,...o},a)=>(0,N.jsxs)(v.Root,{ref:a,className:r("relative overflow-hidden",e),...o,children:[(0,N.jsx)(v.Viewport,{className:"h-full w-full rounded-[inherit]",children:t}),(0,N.jsx)(je,{}),(0,N.jsx)(v.Corner,{})]}));ue.displayName=v.Root.displayName;var je=fe.forwardRef(({className:e,orientation:t="vertical",...o},a)=>(0,N.jsx)(v.ScrollAreaScrollbar,{ref:a,orientation:t,className:r("flex touch-none select-none transition-colors",t==="vertical"&&"h-full w-2.5 border-l border-l-transparent p-[1px]",t==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent p-[1px]",e),...o,children:(0,N.jsx)(v.ScrollAreaThumb,{className:"relative flex-1 rounded-full bg-border"})}));je.displayName=v.ScrollAreaScrollbar.displayName;var m=require("react/jsx-runtime"),qe=({className:e,value:t,placeholder:o="",status:a,disabled:i})=>(0,m.jsx)(ce,{asChild:!0,disabled:i,children:(0,m.jsxs)("button",{disabled:i,className:r(W({status:a}),"[&>span]:justify-start [&>span]:items-center gap-2 flex h-12 w-full items-center justify-between goup",t?"":"text-[#79818C]",e),children:[t??o??"Select options...",(0,m.jsx)("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",className:" data-[state=open]:goup-rotate-180",children:(0,m.jsx)("path",{d:"M16.5999 7.45825L11.1666 12.8916C10.5249 13.5333 9.4749 13.5333 8.83324 12.8916L3.3999 7.45825",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"})})]})}),Je=({options:e,value:t,onChange:o,containerClassName:a,placeholder:i,disabled:l,loading:h,optionComponent:f,children:y,modal:p,hideSearch:d,className:u,inputValue:D,onValueChange:I,onInputValueChange:V})=>{let[U,j]=A.useState(!1),S=A.useRef(null),[X,Y]=A.useState(void 0);return A.useLayoutEffect(()=>{S.current&&Y(S.current.clientWidth)},[S.current]),(0,m.jsxs)(pe,{modal:p,open:U,onOpenChange:j,children:[(0,m.jsx)("div",{className:r("w-full",u),ref:S,children:y}),(0,m.jsx)(Q,{portal:p,className:"p-0 min-w-[200px]",style:{width:X},children:(0,m.jsxs)(ie,{className:"max-h-[270px] pt-3",children:[!d&&(0,m.jsx)(ne,{loading:h,placeholder:i??"Search options...",onValueChange:V,value:D,CommandInputContainerClassName:"mx-3 border rounded-md border-[#DEDEDE]"}),(0,m.jsx)(ue,{className:r("w-full px-0",a),children:(0,m.jsxs)(se,{children:[!d&&(0,m.jsx)(le,{children:"No result found."}),(0,m.jsx)(de,{className:"w-full",children:e.map(L=>(0,m.jsx)(me,{defaultValue:t?.label,value:L.label,disabled:l,onSelect:()=>{o(L),j(!1),I?.(L?.value)},children:f?f(L):L.label},L.value))})]})})]})})]})};var ge=require("react/jsx-runtime"),Qe=({hideSearch:e=!0,status:t,...o})=>(0,ge.jsx)(Je,{hideSearch:e,...o,children:(0,ge.jsx)(qe,{disabled:o?.disabled,placeholder:"Select or search email",status:t,value:o?.value?.label??o?.value?.value})});0&&(module.exports={Button,FormLabel,Input,Loader,PasswordInput,Select,Textarea});
+//# sourceMappingURL=index.js.map