@szum-tech/design-system 1.18.2 → 2.0.0

package/dist/index.js

@@ -1,102 +1,830 @@
-'use strict';
+import { cn } from './chunk-ZD2QRAOX.js';
+export { cn } from './chunk-ZD2QRAOX.js';
+import { CaretSortIcon, CheckIcon, Cross1Icon, LoadingIcon } from './chunk-EKHM64CK.js';
+import { Dialog as Dialog$1, AlertDialog as AlertDialog$1, Label as Label$1, Avatar as Avatar$1, Tooltip as Tooltip$1, Select as Select$1, Separator as Separator$1 } from 'radix-ui';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { twMerge } from 'tailwind-merge';
+import { useFormContext, FormProvider, Controller } from 'react-hook-form';
 
-var d = require('react');
-var j = require('@radix-ui/react-avatar');
-var tailwindMerge = require('tailwind-merge');
-var classVarianceAuthority = require('class-variance-authority');
-var jsxRuntime = require('react/jsx-runtime');
-var reactSlot = require('@radix-ui/react-slot');
-var Xr = require('@radix-ui/react-icons');
-var c = require('@radix-ui/react-tooltip');
-var n = require('@radix-ui/react-select');
-var T = require('@radix-ui/react-dialog');
-var Be = require('@radix-ui/react-separator');
-var reactHookForm = require('react-hook-form');
-var st = require('@radix-ui/react-label');
-var M = require('@radix-ui/react-alert-dialog');
-
-function _interopNamespace(e) {
-	if (e && e.__esModule) return e;
-	var n = Object.create(null);
-	if (e) {
-		Object.keys(e).forEach(function (k) {
-			if (k !== 'default') {
-				var d = Object.getOwnPropertyDescriptor(e, k);
-				Object.defineProperty(n, k, d.get ? d : {
-					enumerable: true,
-					get: function () { return e[k]; }
-				});
-			}
-		});
-	}
-	n.default = e;
-	return Object.freeze(n);
+var avatarCva = cva("relative flex shrink-0 overflow-hidden rounded text-gray-100", {
+  variants: {
+    size: {
+      sm: "size-6 text-xs",
+      md: "size-10 text-lg",
+      lg: "size-14 text-2xl"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function Avatar({ className, size, ref, ...props }) {
+  const avatarStyles = avatarCva({ size });
+  return /* @__PURE__ */ jsx(Avatar$1.Root, { ref, className: cn(avatarStyles, className), ...props });
 }
+function AvatarImage({ className, ref, ...props }) {
+  return /* @__PURE__ */ jsx(Avatar$1.Image, { ref, className: cn("aspect-square h-full w-full", className), ...props });
+}
+function AvatarFallback({ className, ref, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Avatar$1.Fallback,
+    {
+      ref,
+      className: cn("bg-gray-350 flex h-full w-full items-center justify-center", className),
+      ...props
+    }
+  );
+}
+var buttonCva = cva(
+  [
+    "inline-flex items-center justify-center align-middle no-underline transition-colors duration-300 ease-in-out cursor-pointer",
+    "select-none appearance-none rounded-sm border font-sans font-medium tracking-[.02857em]",
+    "aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:opacity-50"
+  ],
+  {
+    variants: {
+      fullWidth: {
+        true: "w-full"
+      },
+      color: {
+        neutral: "",
+        primary: "",
+        success: "",
+        warning: "",
+        error: ""
+      },
+      size: {
+        sm: "px-2.5 py-1 text-[.8125rem] leading-4",
+        md: "px-4 py-1.5 text-[0.875rem] leading-5",
+        lg: "px-5 py-2 text-[.9375rem] leading-6"
+      },
+      variant: {
+        text: "border-transparent bg-transparent",
+        outlined: "bg-transparent",
+        contained: ""
+      }
+    },
+    compoundVariants: [
+      // ---------- TEXT ---------- //
+      {
+        variant: "text",
+        color: "neutral",
+        class: [
+          "text-gray-100",
+          "hover:border-gray-350 hover:bg-gray-350 hover:text-gray-100",
+          "active:border-gray-400 active:bg-gray-400"
+        ]
+      },
+      {
+        variant: "text",
+        color: "primary",
+        class: [
+          "text-primary-500",
+          "hover:border-primary-500 hover:bg-primary-500 hover:text-white",
+          "active:border-primary-600 active:bg-primary-600 active:text-white"
+        ]
+      },
+      {
+        variant: "text",
+        color: "success",
+        class: [
+          "text-success-500",
+          "hover:border-success-500 hover:bg-success-500 hover:text-white",
+          "active:border-success-600 active:bg-success-600 active:text-white"
+        ]
+      },
+      {
+        variant: "text",
+        color: "warning",
+        class: [
+          "text-warning-500",
+          "hover:border-warning-500 hover:bg-warning-500 hover:text-white",
+          "active:border-warning-600 active:bg-warning-600 active:text-white"
+        ]
+      },
+      {
+        variant: "text",
+        color: "error",
+        class: [
+          "text-error-500",
+          "hover:border-error-500 hover:bg-error-500 hover:text-white",
+          "active:border-error-600 active:bg-error-600 active:text-white"
+        ]
+      },
+      // ---------- OUTLINED ---------- //
+      {
+        variant: "outlined",
+        color: "neutral",
+        class: ["border-gray-350 text-gray-100", "hover:bg-gray-350", "active:bg-gray-400"]
+      },
+      {
+        variant: "outlined",
+        color: "primary",
+        class: [
+          "text-primary-500 border-primary-500",
+          "hover:bg-primary-500 hover:text-white",
+          "active:bg-primary-600 active:text-white"
+        ]
+      },
+      {
+        variant: "outlined",
+        color: "success",
+        class: [
+          "text-success-500 border-success-500",
+          "hover:bg-success-500 hover:text-white",
+          "active:bg-success-600 active:text-white"
+        ]
+      },
+      {
+        variant: "outlined",
+        color: "warning",
+        class: [
+          "text-warning-500 border-warning-500",
+          "hover:bg-warning-500 hover:text-white",
+          "active:bg-warning-600 active:text-white"
+        ]
+      },
+      {
+        variant: "outlined",
+        color: "error",
+        class: [
+          "text-error-500 border-error-500",
+          "hover:bg-error-500 hover:text-white",
+          "active:bg-error-600 active:text-white"
+        ]
+      },
+      // ---------- OUTLINED ---------- //
+      {
+        variant: "contained",
+        color: "neutral",
+        class: [
+          "border-gray-350 bg-gray-350 text-gray-100",
+          "hover:border-gray-300 hover:bg-gray-300",
+          "active:border-gray-400 active:bg-gray-400"
+        ]
+      },
+      {
+        variant: "contained",
+        color: "primary",
+        class: [
+          "border-primary-500 bg-primary-500 text-white",
+          "hover:border-primary-400 hover:bg-primary-400",
+          "active:border-primary-600 active:bg-primary-600"
+        ]
+      },
+      {
+        variant: "contained",
+        color: "success",
+        class: [
+          "border-success-500 bg-success-500 text-white",
+          "hover:border-success-400 hover:bg-success-400",
+          "active:border-success-600 active:bg-success-600"
+        ]
+      },
+      {
+        variant: "contained",
+        color: "warning",
+        class: [
+          "border-warning-500 bg-warning-500 text-white",
+          "hover:border-warning-400 hover:bg-warning-400",
+          "active:border-warning-600 active:bg-warning-600"
+        ]
+      },
+      {
+        variant: "contained",
+        color: "error",
+        class: [
+          "border-error-500 bg-error-500 text-white",
+          "hover:border-error-400 hover:bg-error-400",
+          "active:border-error-600 active:bg-error-600"
+        ]
+      }
+    ],
+    defaultVariants: {
+      fullWidth: false,
+      color: "primary",
+      size: "md",
+      variant: "text"
+    }
+  }
+);
+var iconContainerCva = cva("", {
+  variants: {
+    site: {
+      left: "",
+      right: ""
+    },
+    size: {
+      sm: "",
+      md: "",
+      lg: ""
+    }
+  },
+  compoundVariants: [
+    // ---------- LEFT ---------- //
+    {
+      site: "left",
+      size: "sm",
+      class: "-ml-0.5 mr-1.5"
+    },
+    {
+      site: "left",
+      size: "md",
+      class: "-ml-1 mr-2"
+    },
+    {
+      site: "left",
+      size: "lg",
+      class: "-ml-1.5 mr-2.5"
+    },
+    // ---------- RIGHT ---------- //
+    {
+      site: "right",
+      size: "sm",
+      class: "-mr-0.5 ml-1.5"
+    },
+    {
+      site: "right",
+      size: "md",
+      class: "-mr-1 ml-2"
+    },
+    {
+      site: "right",
+      size: "lg",
+      class: "-mr-1.5 ml-2.5"
+    }
+  ],
+  defaultVariants: {
+    site: "left",
+    size: "md"
+  }
+});
+var iconCva = cva("", {
+  variants: {
+    loading: {
+      true: "animate-spin motion-reduce:hidden"
+    },
+    size: {
+      sm: "h-4.5 w-4.5",
+      md: "size-5",
+      lg: "h-5.5 w-5.5"
+    }
+  },
+  defaultVariants: {
+    loading: false,
+    size: "md"
+  }
+});
+function Button({
+  asChild = false,
+  variant = "text",
+  color = "primary",
+  disabled = false,
+  fullWidth = false,
+  ref,
+  ...props
+}) {
+  const {
+    children,
+    type = "button",
+    loading = false,
+    size = "md",
+    loadingPosition = "start",
+    endIcon,
+    startIcon,
+    ...rest
+  } = props;
+  const Comp = asChild ? Slot : "button";
+  const buttonStyles = buttonCva({ fullWidth, size, variant, color });
+  const isDisabled = disabled || loading;
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ...asChild ? props : rest,
+      "aria-disabled": isDisabled || void 0,
+      className: buttonStyles,
+      "data-state": loading ? "loading" : void 0,
+      disabled: isDisabled,
+      ref,
+      role: Comp !== "button" ? "button" : void 0,
+      tabIndex: isDisabled ? -1 : 0,
+      type: Comp === "button" ? type : void 0,
+      children: asChild ? /* @__PURE__ */ jsx(ButtonContent, { children }) : /* @__PURE__ */ jsx(ButtonContent, { ...props })
+    }
+  );
+}
+function ButtonContent({
+  children,
+  loading = false,
+  size = "md",
+  loadingPosition = "start",
+  startIcon,
+  endIcon,
+  ...props
+}) {
+  const isStartLoading = loading && loadingPosition === "start";
+  const StartIcon = isStartLoading ? /* @__PURE__ */ jsx(LoadingIcon, { "aria-label": "Loading" }) : startIcon || null;
+  const startIconStyles = iconCva({ size, loading: isStartLoading });
+  const startIconContainerStyles = iconContainerCva({ size, site: "left" });
+  const isEndLoading = loading && loadingPosition === "end";
+  const EndIcon = isEndLoading ? /* @__PURE__ */ jsx(LoadingIcon, { "aria-label": "Loading" }) : endIcon || null;
+  const endIconStyles = iconCva({ size, loading: isEndLoading });
+  const endIconContainerStyles = iconContainerCva({ size, site: "right" });
+  const LeadingIcon = StartIcon ? /* @__PURE__ */ jsx("span", { title: "asdfads", className: startIconContainerStyles, role: isStartLoading ? "progressbar" : void 0, children: React.cloneElement(StartIcon, { className: startIconStyles }) }) : null;
+  const TrailingIcon = EndIcon ? /* @__PURE__ */ jsx("span", { title: "asdfas", className: endIconContainerStyles, role: isEndLoading ? "progressbar" : void 0, children: React.cloneElement(EndIcon, { className: endIconStyles }) }) : null;
+  return React.isValidElement(children) ? React.cloneElement(
+    children,
+    props,
+    /* @__PURE__ */ jsxs(React.Fragment, { children: [
+      LeadingIcon,
+      React.isValidElement(children) ? children.props?.children : null,
+      TrailingIcon
+    ] })
+  ) : /* @__PURE__ */ jsxs(React.Fragment, { children: [
+    LeadingIcon,
+    children,
+    TrailingIcon
+  ] });
+}
+var inputCva = cva(
+  [
+    "bg-app-foreground font-poppins h-10 w-full appearance-none border py-2 outline-0 transition-colors duration-300 ease-in-out",
+    "placeholder:select-none placeholder:text-gray-200",
+    "invalid:border-error-500 focus:border-primary-400 active:border-primary-400",
+    "disabled:border-gray-400 disabled:text-gray-200 disabled:placeholder:text-gray-300"
+  ],
+  {
+    variants: {
+      invalid: {
+        true: ["text-error-500 border-error-500 hover:border-error-400 focus:text-gray-100"],
+        false: ["border-gray-350 hover:border-primary-500 text-gray-100"]
+      },
+      withStartIcon: {
+        true: "pl-11",
+        false: "pl-3"
+      },
+      withEndIcon: {
+        true: "pr-11",
+        false: "pr-3"
+      }
+    },
+    defaultVariants: {
+      invalid: false,
+      withStartIcon: false,
+      withEndIcon: false
+    }
+  }
+);
+var inputIconContainerCva = cva(
+  ["pointer-events-none absolute inset-y-2 inline-flex w-10 place-content-center items-center text-center"],
+  {
+    variants: {
+      disabled: {
+        true: "text-gray-200"
+      },
+      site: {
+        right: "right-0 border-l border-l-gray-400 pr-1",
+        left: "left-0 border-r border-r-gray-400 pl-1"
+      }
+    },
+    defaultVariants: {
+      disabled: false
+    }
+  }
+);
+function Input({ invalid = false, startIcon, endIcon, disabled = false, className, ...props }) {
+  const inputStyles = inputCva({ withEndIcon: !!endIcon, withStartIcon: !!startIcon, invalid });
+  const inputIconStartContainer = inputIconContainerCva({ site: "left", disabled });
+  const inputIconEndContainer = inputIconContainerCva({ site: "right", disabled });
+  return /* @__PURE__ */ jsxs("div", { className: "text-body-2 relative text-gray-100", children: [
+    startIcon ? /* @__PURE__ */ jsx("span", { className: inputIconStartContainer, children: startIcon }) : null,
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        "aria-invalid": invalid || void 0,
+        disabled,
+        className: cn(inputStyles, className),
+        ...props
+      }
+    ),
+    endIcon ? /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: inputIconEndContainer, children: endIcon }) : null
+  ] });
+}
+function Tooltip({
+  defaultOpen,
+  content,
+  open,
+  onOpenChange,
+  children,
+  side,
+  align,
+  collisionPadding = 8,
+  sideOffset = 8,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(Tooltip$1.Root, { delayDuration: 0, open, defaultOpen, onOpenChange, children: [
+    /* @__PURE__ */ jsx(Tooltip$1.Trigger, { asChild: true, children }),
+    content ? /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsxs(
+      Tooltip$1.Content,
+      {
+        className: "text-body-1 data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade rounded bg-white p-2 text-gray-100 will-change-[transform,opacity] select-none",
+        sideOffset,
+        side,
+        align,
+        collisionPadding,
+        ...props,
+        children: [
+          content,
+          /* @__PURE__ */ jsx(Tooltip$1.Arrow, { width: 8, height: 4, className: "fill-white" })
+        ]
+      }
+    ) }) : null
+  ] });
+}
+function TooltipProvider({ children }) {
+  return /* @__PURE__ */ jsx(Tooltip$1.Provider, { skipDelayDuration: 500, children });
+}
+var textareaCva = cva(
+  [
+    "bg-app-primary font-poppins text-body-2 h-28 min-h-10 w-full appearance-none border px-3 py-2 outline-0 transition-colors duration-300 ease-in-out placeholder:select-none placeholder:text-gray-200",
+    "focus:border-primary-400",
+    "active:border-primary-400",
+    "disabled:border-gray-400 disabled:text-gray-200 disabled:placeholder:text-gray-300"
+  ],
+  {
+    variants: {
+      invalid: {
+        true: ["text-error-500 border-error-500", "hover:border-error-400", "focus:text-gray-100"],
+        false: ["border-gray-350 text-gray-100", "hover:border-primary-500"]
+      }
+    },
+    defaultVariants: {
+      invalid: false
+    }
+  }
+);
+function Textarea({ invalid = false, ...props }) {
+  const textareaStyles = textareaCva({ invalid });
+  return /* @__PURE__ */ jsx("textarea", { "aria-invalid": invalid || void 0, className: textareaStyles, ...props });
+}
+var selectCva = cva(
+  [
+    "bg-app-foreground text-body-2 inline-flex h-10 w-full appearance-none items-center justify-between gap-2 border px-3 py-2 text-gray-100 outline-0 transition-colors duration-300 ease-in-out",
+    "placeholder:select-none placeholder:text-gray-200",
+    "invalid:border-error-500 focus:border-primary-400 active:border-primary-400",
+    "disabled:border-gray-400 disabled:text-gray-200 disabled:placeholder:text-gray-300"
+  ],
+  {
+    variants: {
+      invalid: {
+        true: ["text-error-500 border-error-500 hover:border-error-400 focus:text-gray-100"],
+        false: ["border-gray-350 hover:border-primary-500 text-gray-100"]
+      }
+    },
+    defaultVariants: {
+      invalid: false
+    }
+  }
+);
+function Select({ children, placeholder, invalid = false, ref, ...props }) {
+  const selectStyles = selectCva({ invalid });
+  return /* @__PURE__ */ jsxs(Select$1.Root, { ...props, children: [
+    /* @__PURE__ */ jsxs(Select$1.Trigger, { className: selectStyles, ref, children: [
+      /* @__PURE__ */ jsx(Select$1.Value, { placeholder }),
+      /* @__PURE__ */ jsx(Select$1.Icon, { className: "-mr-1.5", children: /* @__PURE__ */ jsx(CaretSortIcon, { className: "size-5 text-gray-200" }) })
+    ] }),
+    /* @__PURE__ */ jsx(Select$1.Portal, { children: /* @__PURE__ */ jsx(
+      Select$1.Content,
+      {
+        sideOffset: 4,
+        className: "bg-app-foreground z-50 w-full overflow-hidden border border-gray-400 py-1",
+        children: /* @__PURE__ */ jsx(Select$1.Viewport, { children })
+      }
+    ) })
+  ] });
+}
+function SelectItem({ children, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    Select$1.Item,
+    {
+      className: "text-body-2 data-[state=checked]:bg-primary-300 flex w-full flex-row items-center justify-between px-3 py-2 text-gray-100 select-none data-[disabled]:pointer-events-none data-[highlighted]:bg-gray-400 data-[highlighted]:outline-none",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(Select$1.ItemText, { className: "flex-1", children }),
+        /* @__PURE__ */ jsx(Select$1.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
+      ]
+    }
+  );
+}
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: twMerge("bg-app-foreground h-full rounded border border-gray-400", className), ...props });
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: twMerge("flex flex-col p-6", className), ...props });
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx("h3", { className: twMerge("text-heading-5", className), ...props });
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx("p", { className: twMerge("text-body-2 text-gray-200", className), ...props });
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: twMerge("p-6 pt-0", className), ...props });
+}
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: twMerge("flex items-center p-6 pt-0", className), ...props });
+}
+var Sheet = Dialog$1.Root;
+var SheetTrigger = Dialog$1.Trigger;
+var SheetClose = Dialog$1.Close;
+var sheetContentStyles = cva(
+  "bg-foreground data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col border-gray-400 p-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  {
+    variants: {
+      side: {
+        top: "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 border-b",
+        bottom: "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 border-t",
+        left: "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+        right: "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+function SheetContent({ side = "right", className, children, ...props }) {
+  return /* @__PURE__ */ jsxs(Dialog$1.Portal, { children: [
+    /* @__PURE__ */ jsx(
+      Dialog$1.Overlay,
+      {
+        className: "bg-background/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 backdrop-blur-sm",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsxs(Dialog$1.Content, { className: twMerge(sheetContentStyles({ side }), className), ...props, children: [
+      children,
+      /* @__PURE__ */ jsxs(Dialog$1.Close, { className: "focus:ring-ring ring-primary-500 ring-offset-foreground data-[state=open]:bg-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none", children: [
+        /* @__PURE__ */ jsx(Cross1Icon, { className: "size-4" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+      ] })
+    ] })
+  ] });
+}
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: twMerge("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+}
+function SheetFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: twMerge("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+}
+function SheetTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(Dialog$1.Title, { className: twMerge("typography-heading-6", className), ...props });
+}
+function SheetDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(Dialog$1.Description, { className: twMerge("typography-body-2 text-gray-200", className), ...props });
+}
+function Separator({ className, orientation = "horizontal", decorative = true, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Separator$1.Root,
+    {
+      decorative,
+      orientation,
+      className: twMerge(
+        "shrink-0 bg-gray-400",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function Header({ children, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "header",
+    {
+      className: "bg-foreground/95 supports-[backdrop-filter]:bg-foreground/60 sticky top-0 z-50 w-full border-b border-gray-400 backdrop-blur",
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: "container flex h-16 items-center", children })
+    }
+  );
+}
+var Dialog = Dialog$1.Root;
+var DialogClose = Dialog$1.Close;
+var dialogContentStyles = cva(
+  [
+    "bg-foreground fixed left-1/2 top-1/2 z-50 flex w-full -translate-x-1/2 -translate-y-1/2 flex-col rounded border border-gray-400 p-4 shadow-lg",
+    "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%] duration-200"
+  ],
+  {
+    variants: {
+      width: {
+        xs: "max-w-xs",
+        sm: "max-w-sm",
+        md: "max-w-md",
+        lg: "max-w-lg",
+        xl: "max-w-xl",
+        "2xl": "max-w-2xl",
+        "3xl": "max-w-3xl",
+        "4xl": "max-w-4xl",
+        "5xl": "max-w-5xl",
+        "6xl": "max-w-6xl",
+        full: "max-w-full"
+      }
+    },
+    defaultVariants: {
+      width: "md"
+    }
+  }
+);
+function DialogOverlay(props) {
+  return /* @__PURE__ */ jsx(
+    Dialog$1.Overlay,
+    {
+      className: "bg-background/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 backdrop-blur-xs",
+      ...props
+    }
+  );
+}
+function DialogContent({ className, children, width = "md", ...props }) {
+  return /* @__PURE__ */ jsxs(Dialog$1.Portal, { children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(Dialog$1.Content, { className: twMerge(dialogContentStyles({ width }), className), ...props, children: [
+      children,
+      /* @__PURE__ */ jsxs(Dialog$1.Close, { className: "focus:ring-ring ring-primary-500 ring-offset-foreground data-[state=open]:bg-foreground absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none", children: [
+        /* @__PURE__ */ jsx(Cross1Icon, { className: "size-4" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+      ] })
+    ] })
+  ] });
+}
+var DialogTrigger = Dialog$1.Trigger;
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: twMerge("mb-4 flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
+}
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: twMerge("mt-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props });
+}
+function DialogTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(Dialog$1.Title, { className: twMerge("text-heading-6", className), ...props });
+}
+function DialogDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(Dialog$1.Description, { className: twMerge("text-body-2 text-gray-200", className), ...props });
+}
+var Form = FormProvider;
+var FormItemContext = React.createContext({});
+var FormItem = React.forwardRef(function({ className, ...props }, ref) {
+  const id = React.useId();
+  return /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx("div", { ref, className: twMerge("space-y-2", className), ...props }) });
+});
+FormItem.displayName = "FormItem";
+var FormFieldContext = React.createContext({});
+var FormField = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
+};
+function Label({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Label$1.Root,
+    {
+      className: twMerge("text-subtitle-1 peer-disabled:cursor-not-allowed peer-disabled:opacity-70", className),
+      ...props
+    }
+  );
+}
+var useFormField = () => {
+  const fieldContext = React.useContext(FormFieldContext);
+  const itemContext = React.useContext(FormItemContext);
+  const { getFieldState, formState } = useFormContext();
+  const fieldState = getFieldState(fieldContext.name, formState);
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>");
+  }
+  const { id } = itemContext;
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState
+  };
+};
+var FormLabel = React.forwardRef(
+  ({ className, caption, ...props }, ref) => {
+    const { error, formItemId } = useFormField();
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-end justify-between", children: [
+      /* @__PURE__ */ jsx(
+        Label,
+        {
+          ref,
+          className: twMerge(error ? "text-error-500" : null, className),
+          htmlFor: formItemId,
+          ...props
+        }
+      ),
+      caption ? /* @__PURE__ */ jsx("div", { className: "typography-caption text-gray-200", children: caption }) : null
+    ] });
+  }
+);
+FormLabel.displayName = "FormLabel";
+var FormControl = React.forwardRef(function(props, ref) {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  const newProps = { ...props, invalid: !!error };
+  return /* @__PURE__ */ jsx(
+    Slot,
+    {
+      ref,
+      id: formItemId,
+      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error,
+      ...newProps
+    }
+  );
+});
+FormControl.displayName = "FormControl";
+var FormMessage = React.forwardRef(function({ children, ...props }, ref) {
+  const { error, formMessageId } = useFormField();
+  const body = error ? String(error?.message) : children;
+  if (!body) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(HelperText, { ref, type: "error", id: formMessageId, ...props, children: body });
+});
+FormMessage.displayName = "FormMessage";
+var FormDescription = React.forwardRef(function(props, ref) {
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ jsx(HelperText, { ref, id: formDescriptionId, ...props });
+});
+FormDescription.displayName = "FormDescription";
+var helperTextCva = cva("", {
+  variants: {
+    type: {
+      description: "text-body-2 text-gray-200",
+      error: "text-caption text-error-500"
+    }
+  },
+  defaultVariants: {
+    type: "description"
+  }
+});
+function HelperText({ className, children, type = "description", role, ref, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      ref,
+      className: twMerge(helperTextCva({ type }), className),
+      role: type === "error" ? "alert" : role,
+      ...props,
+      children
+    }
+  );
+}
+var AlertDialog = AlertDialog$1.Root;
+var AlertDialogTrigger = AlertDialog$1.Trigger;
+function AlertDialogOverlay({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    AlertDialog$1.Overlay,
+    {
+      className: cn(
+        "bg-background/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 backdrop-blur-xs",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogContent({ className, ...props }) {
+  return /* @__PURE__ */ jsxs(AlertDialog$1.Portal, { children: [
+    /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx(
+      AlertDialog$1.Content,
+      {
+        className: cn(
+          "bg-foreground 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%] fixed top-1/2 left-1/2 z-50 flex w-full max-w-lg -translate-x-1/2 -translate-y-1/2 flex-col rounded border border-gray-400 p-4 shadow-lg duration-200",
+          className
+        ),
+        ...props
+      }
+    )
+  ] });
+}
+function AlertDialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: twMerge("mb-4 flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+}
+function AlertDialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: twMerge("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props });
+}
+function AlertDialogTitle({ className, ref, ...props }) {
+  return /* @__PURE__ */ jsx(AlertDialog$1.Title, { ref, className: cn("text-heading-6", className), ...props });
+}
+function AlertDialogDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(AlertDialog$1.Description, { className: cn("text-body-2 text-gray-200", className), ...props });
+}
+var AlertDialogAction = AlertDialog$1.Action;
+var AlertDialogCancel = AlertDialog$1.Cancel;
 
-var d__namespace = /*#__PURE__*/_interopNamespace(d);
-var j__namespace = /*#__PURE__*/_interopNamespace(j);
-var Xr__namespace = /*#__PURE__*/_interopNamespace(Xr);
-var c__namespace = /*#__PURE__*/_interopNamespace(c);
-var n__namespace = /*#__PURE__*/_interopNamespace(n);
-var T__namespace = /*#__PURE__*/_interopNamespace(T);
-var Be__namespace = /*#__PURE__*/_interopNamespace(Be);
-var st__namespace = /*#__PURE__*/_interopNamespace(st);
-var M__namespace = /*#__PURE__*/_interopNamespace(M);
-
-var Q=Object.defineProperty;var Lt=Object.getOwnPropertyDescriptor;var It=Object.getOwnPropertyNames;var Ht=Object.prototype.hasOwnProperty;var Et=(e,t)=>{for(var o in t)Q(e,o,{get:t[o],enumerable:!0});},K=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of It(t))!Ht.call(e,a)&&a!==o&&Q(e,a,{get:()=>t[a],enumerable:!(r=Lt(t,a))||r.enumerable});return e},h=(e,t,o)=>(K(e,t,"default"),o&&K(o,t,"default"));var Y=classVarianceAuthority.cva("relative flex shrink-0 overflow-hidden rounded",{variants:{size:{sm:"h-6 w-6 text-lg",md:"h-10 w-10 text-xl",lg:"h-14 w-14 text-2xl"}},defaultVariants:{size:"md"}});var Pr=d__namespace.forwardRef(function({className:e,size:t,...o},r){let a=Y({size:t});return jsxRuntime.jsx(j__namespace.Root,{ref:r,className:tailwindMerge.twMerge(a,e),...o})});var Sr=d__namespace.forwardRef(function({className:e,...t},o){return jsxRuntime.jsx(j__namespace.Image,{ref:o,className:tailwindMerge.twMerge("aspect-square h-full w-full",e),...t})});var Lr=d__namespace.forwardRef(function({className:e,...t},o){return jsxRuntime.jsx(j__namespace.Fallback,{ref:o,className:tailwindMerge.twMerge("flex h-full w-full items-center justify-center bg-gray-350",e),...t})});var ae=classVarianceAuthority.cva(["inline-flex items-center justify-center align-middle no-underline transition-colors ease-in-out duration-300","font-sans appearance-none select-none rounded-sm border font-medium tracking-[.02857em]","aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-disabled:cursor-not-allowed"],{variants:{fullWidth:{true:"w-full"},color:{neutral:"",primary:"",success:"",warning:"",error:""},size:{sm:"px-2.5 py-1 text-[.8125rem] leading-4",md:"px-4 py-1.5 text-sm leading-5",lg:"px-5 py-2 text-[.9375rem] leading-6"},variant:{text:"border-transparent bg-transparent",outlined:"bg-transparent",contained:""}},compoundVariants:[{variant:"text",color:"neutral",class:["text-gray-100","hover:border-gray-350 hover:bg-gray-350 hover:text-gray-100","active:border-gray-400 active:bg-gray-400"]},{variant:"text",color:"primary",class:["text-primary-500","hover:border-primary-500 hover:bg-primary-500 hover:text-white","active:border-primary-600 active:bg-primary-600 active:text-white"]},{variant:"text",color:"success",class:["text-success-500","hover:border-success-500 hover:bg-success-500 hover:text-white","active:border-success-600 active:bg-success-600 active:text-white"]},{variant:"text",color:"warning",class:["text-warning-500","hover:border-warning-500 hover:bg-warning-500 hover:text-white","active:border-warning-600 active:bg-warning-600 active:text-white"]},{variant:"text",color:"error",class:["text-error-500","hover:border-error-500 hover:bg-error-500 hover:text-white","active:border-error-600 active:bg-error-600 active:text-white"]},{variant:"outlined",color:"neutral",class:["text-gray-100 border-gray-350","hover:bg-gray-350","active:bg-gray-400"]},{variant:"outlined",color:"primary",class:["text-primary-500 border-primary-500","hover:bg-primary-500 hover:text-white","active:text-white active:bg-primary-600"]},{variant:"outlined",color:"success",class:["text-success-500 border-success-500","hover:bg-success-500 hover:text-white","active:text-white active:bg-success-600"]},{variant:"outlined",color:"warning",class:["text-warning-500 border-warning-500","hover:bg-warning-500 hover:text-white","active:text-white active:bg-warning-600"]},{variant:"outlined",color:"error",class:["text-error-500 border-error-500","hover:bg-error-500 hover:text-white","active:text-white active:bg-error-600"]},{variant:"contained",color:"neutral",class:["text-gray-100 border-gray-350 bg-gray-350","hover:border-gray-300 hover:bg-gray-300","active:border-gray-400 active:bg-gray-400"]},{variant:"contained",color:"primary",class:["border-primary-500 bg-primary-500 text-white","hover:border-primary-400 hover:bg-primary-400","active:border-primary-600 active:bg-primary-600"]},{variant:"contained",color:"success",class:["border-success-500 bg-success-500 text-white","hover:border-success-400 hover:bg-success-400","active:border-success-600 active:bg-success-600"]},{variant:"contained",color:"warning",class:["border-warning-500 bg-warning-500 text-white","hover:border-warning-400 hover:bg-warning-400","active:border-warning-600 active:bg-warning-600"]},{variant:"contained",color:"error",class:["border-error-500 bg-error-500 text-white","hover:border-error-400 hover:bg-error-400","active:border-error-600 active:bg-error-600"]}],defaultVariants:{fullWidth:!1,color:"primary",size:"md",variant:"text"}}),z=classVarianceAuthority.cva("",{variants:{site:{left:"",right:""},size:{sm:"",md:"",lg:""}},compoundVariants:[{site:"left",size:"sm",class:"-ml-0.5 mr-1.5"},{site:"left",size:"md",class:"-ml-1 mr-2"},{site:"left",size:"lg",class:"-ml-1.5 mr-2.5"},{site:"right",size:"sm",class:"-mr-0.5 ml-1.5"},{site:"right",size:"md",class:"-mr-1 ml-2"},{site:"right",size:"lg",class:"-mr-1.5 ml-2.5"}],defaultVariants:{site:"left",size:"md"}}),k=classVarianceAuthority.cva("",{variants:{loading:{true:"motion-reduce:hidden animate-spin"},size:{sm:"h-4.5 w-4.5",md:"h-5 w-5",lg:"h-5.5 w-5.5"}},defaultVariants:{loading:!1,size:"md"}});var l={};Et(l,{Auth0LogoIcon:()=>qt,GoogleLogoIcon:()=>Gt,LoadingIcon:()=>P,XLogoIcon:()=>_t});h(l,Xr__namespace);function Gt(e){return jsxRuntime.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",...e,children:[jsxRuntime.jsx("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),jsxRuntime.jsx("path",{d:"M12 2a9.96 9.96 0 0 1 6.29 2.226a1 1 0 0 1 .04 1.52l-1.51 1.362a1 1 0 0 1 -1.265 .06a6 6 0 1 0 2.103 6.836l.001 -.004h-3.66a1 1 0 0 1 -.992 -.883l-.007 -.117v-2a1 1 0 0 1 1 -1h6.945a1 1 0 0 1 .994 .89c.04 .367 .061 .737 .061 1.11c0 5.523 -4.477 10 -10 10s-10 -4.477 -10 -10s4.477 -10 10 -10z",strokeWidth:"0",fill:"currentColor"})]})}function P(e){return jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",fill:"currentColor",version:"1.1",viewBox:"0 0 26.349 26.35",xmlSpace:"preserve",...e,children:jsxRuntime.jsx("g",{children:jsxRuntime.jsxs("g",{children:[jsxRuntime.jsx("circle",{cx:"13.792",cy:"3.082",r:"3.082"}),jsxRuntime.jsx("circle",{cx:"13.792",cy:"24.501",r:"1.849"}),jsxRuntime.jsx("circle",{cx:"6.219",cy:"6.218",r:"2.774"}),jsxRuntime.jsx("circle",{cx:"21.365",cy:"21.363",r:"1.541"}),jsxRuntime.jsx("circle",{cx:"3.082",cy:"13.792",r:"2.465"}),jsxRuntime.jsx("circle",{cx:"24.501",cy:"13.791",r:"1.232"}),jsxRuntime.jsx("path",{d:"M4.694,19.84c-0.843,0.843-0.843,2.207,0,3.05c0.842,0.843,2.208,0.843,3.05,0c0.843-0.843,0.843-2.207,0-3.05    C6.902,18.996,5.537,18.988,4.694,19.84z"}),jsxRuntime.jsx("circle",{cx:"21.364",cy:"6.218",r:"0.924"})]})})})}function qt(e){return jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsxRuntime.jsx("title",{}),jsxRuntime.jsx("path",{d:"M21.98 7.448L19.62 0H4.347L2.02 7.448c-1.352 4.312.03 9.206 3.815 12.015L12.007 24l6.157-4.552c3.755-2.81 5.182-7.688 3.815-12.015l-6.16 4.58 2.343 7.45-6.157-4.597-6.158 4.58 2.358-7.433-6.188-4.55 7.63-.045L12.008 0l2.356 7.404 7.615.044z",fill:"currentColor"})]})}function _t(e){return jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",id:"Layer_1",width:"24px",height:"24px",viewBox:"0 0 24 24",...e,children:jsxRuntime.jsx("path",{d:"M14.095479,10.316482L22.286354,1h-1.940718l-7.115352,8.087682L7.551414,1H1l8.589488,12.231093L1,23h1.940717  l7.509372-8.542861L16.448587,23H23L14.095479,10.316482z M11.436522,13.338465l-0.871624-1.218704l-6.924311-9.68815h2.981339  l5.58978,7.82155l0.867949,1.218704l7.26506,10.166271h-2.981339L11.436522,13.338465z",fill:"currentColor"})})}var Zr=d__namespace.forwardRef(function({asChild:e=!1,variant:t="text",color:o="primary",disabled:r=!1,fullWidth:a=!1,...i},s){let{children:m,type:f="button",loading:g=!1,size:I="md",loadingPosition:b="start",endIcon:H,startIcon:J,...E}=i,y=e?reactSlot.Slot:"button",w=ae({fullWidth:a,size:I,variant:t,color:o}),N=r||g;return jsxRuntime.jsx(y,{...e?i:E,"aria-disabled":N||void 0,className:w,"data-state":g?"loading":void 0,disabled:N,ref:s,role:y!=="button"?"button":void 0,tabIndex:N?-1:0,type:y==="button"?f:void 0,children:e?jsxRuntime.jsx(se,{children:m}):jsxRuntime.jsx(se,{...i})})});function se({children:e,loading:t=!1,size:o="md",loadingPosition:r="start",startIcon:a,endIcon:i,...s}){let m=t&&r==="start",f=m?jsxRuntime.jsx(P,{"aria-label":"Loading"}):a||null,g=k({size:o,loading:m}),I=z({size:o,site:"left"}),b=t&&r==="end",H=b?jsxRuntime.jsx(P,{"aria-label":"Loading"}):i||null,J=k({size:o,loading:b}),E=z({size:o,site:"right"}),y=f?jsxRuntime.jsx("span",{className:I,role:m?"progressbar":void 0,children:d__namespace.cloneElement(f,{className:g})}):null,w=H?jsxRuntime.jsx("span",{className:E,role:b?"progressbar":void 0,children:d__namespace.cloneElement(H,{className:J})}):null;return d__namespace.isValidElement(e)?d__namespace.cloneElement(e,{...s,children:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[y,d__namespace.isValidElement(e)?e.props.children:null,w]})}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[y,e,w]})}var de=classVarianceAuthority.cva(["h-10 w-full appearance-none border bg-app-primary py-2 font-poppins outline-0 transition-colors duration-300 ease-in-out","placeholder:select-none placeholder:text-gray-200","invalid:border-error-500 focus:border-primary-400 active:border-primary-400","disabled:border-gray-400 disabled:text-gray-200 disabled:placeholder:text-gray-300"],{variants:{invalid:{true:["text-error-500 border-error-500 hover:border-error-400 focus:text-gray-100"],false:["text-gray-100 border-gray-350 hover:border-primary-500"]},withStartIcon:{true:"pl-11",false:"pl-3"},withEndIcon:{true:"pr-11",false:"pr-3"}},defaultVariants:{invalid:!1,withStartIcon:!1,withEndIcon:!1}}),O=classVarianceAuthority.cva(["pointer-events-none absolute bottom-2 top-2 inline-flex w-10 content-center items-center justify-center text-center"],{variants:{disabled:{true:"text-gray-200"},site:{right:"right-0 border-l border-l-gray-400 pr-1",left:"left-0 border-r border-r-gray-400 pl-1"}},defaultVariants:{disabled:!1}});var ia=d__namespace.forwardRef(function({invalid:e=!1,startIcon:t,endIcon:o,disabled:r=!1,className:a,...i},s){let m=de({withEndIcon:!!o,withStartIcon:!!t,invalid:e}),f=O({site:"left",disabled:r}),g=O({site:"right",disabled:r});return jsxRuntime.jsxs("div",{className:"relative text-gray-100 typography-body-2",children:[t?jsxRuntime.jsx("span",{className:f,children:t}):null,jsxRuntime.jsx("input",{...i,"aria-invalid":e||void 0,disabled:r,className:tailwindMerge.twMerge(m,a),ref:s}),o?jsxRuntime.jsx("span",{"aria-hidden":!0,className:g,children:o}):null]})});function sa({defaultOpen:e,content:t,open:o,onOpenChange:r,children:a,side:i,align:s,collisionPadding:m=8,sideOffset:f=8,...g}){return jsxRuntime.jsxs(c__namespace.Root,{delayDuration:0,open:o,defaultOpen:e,onOpenChange:r,children:[jsxRuntime.jsx(c__namespace.Trigger,{asChild:!0,children:a}),t?jsxRuntime.jsx(c__namespace.Portal,{children:jsxRuntime.jsxs(c__namespace.Content,{className:"text-typography-primary select-none rounded bg-white p-2 will-change-[transform,opacity] typography-body-1 data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade",sideOffset:f,side:i,align:s,collisionPadding:m,...g,style:{maxWidth:"var(--radix-tooltip-content-available-width)"},children:[t,jsxRuntime.jsx(c__namespace.Arrow,{width:8,height:4,className:"fill-white"})]})}):null]})}function ma({children:e}){return jsxRuntime.jsx(c__namespace.Provider,{skipDelayDuration:500,children:e})}var ue=classVarianceAuthority.cva(["h-28 min-h-10 w-full appearance-none border bg-app-primary px-3 py-2 font-poppins outline-0 transition-colors duration-300 ease-in-out scroll typography-body-2 placeholder:select-none placeholder:text-gray-200","focus:border-primary-400","active:border-primary-400","disabled:border-gray-400 disabled:text-gray-200 disabled:placeholder:text-gray-300"],{variants:{invalid:{true:["text-error-500 border-error-500","hover:border-error-400","focus:text-gray-100"],false:["text-gray-100 border-gray-350","hover:border-primary-500"]}},defaultVariants:{invalid:!1}});var ya=d__namespace.forwardRef(function({invalid:e=!1,...t},o){let r=ue({invalid:e});return jsxRuntime.jsx("textarea",{"aria-invalid":e||void 0,className:r,ref:o,...t})});var he=classVarianceAuthority.cva(["h-10 px-3 w-full appearance-none border bg-app-primary py-2 font-poppins outline-0 inline-flex items-center justify-between text-gray-100 typography-body-2 gap-2 transition-colors duration-300 ease-in-out","placeholder:select-none placeholder:text-gray-200","invalid:border-error-500 focus:border-primary-400 active:border-primary-400","disabled:border-gray-400 disabled:text-gray-200 disabled:placeholder:text-gray-300"],{variants:{invalid:{true:["text-error-500 border-error-500 hover:border-error-400 focus:text-gray-100"],false:["text-gray-100 border-gray-350 hover:border-primary-500"]}},defaultVariants:{invalid:!1}});var Ta=d__namespace.forwardRef(function({children:e,placeholder:t,invalid:o=!1,...r},a){let i=he({invalid:o});return jsxRuntime.jsxs(n__namespace.Root,{...r,children:[jsxRuntime.jsxs(n__namespace.Trigger,{className:i,ref:a,children:[jsxRuntime.jsx(n__namespace.Value,{placeholder:t}),jsxRuntime.jsx(n__namespace.Icon,{className:"-mr-1.5",children:jsxRuntime.jsx(l.CaretSortIcon,{className:"h-5 w-5 text-gray-200"})})]}),jsxRuntime.jsx(n__namespace.Portal,{children:jsxRuntime.jsx(n__namespace.Content,{sideOffset:4,className:"w-full overflow-hidden border border-gray-400 bg-foreground py-1 z-50",children:jsxRuntime.jsx(n__namespace.Viewport,{children:e})})})]})});var Aa=d__namespace.forwardRef(({children:e,...t},o)=>jsxRuntime.jsxs(n__namespace.Item,{className:"flex w-full select-none flex-row items-center justify-between px-3 py-2 font-poppins text-gray-100 data-[disabled]:pointer-events-none data-[highlighted]:bg-gray-400 data-[state=checked]:bg-primary-300 data-[highlighted]:outline-none",ref:o,...t,children:[jsxRuntime.jsx(n__namespace.ItemText,{className:"flex-1",children:e}),jsxRuntime.jsx(n__namespace.ItemIndicator,{children:jsxRuntime.jsx(l.CheckIcon,{className:"h-4 w-4"})})]}));var Ia=d__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx("div",{ref:o,className:tailwindMerge.twMerge("h-full rounded border border-gray-400 bg-foreground",e),...t}));var Va=d__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx("div",{ref:o,className:tailwindMerge.twMerge("flex flex-col p-6",e),...t}));var Ba=d__namespace.default.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx("h3",{ref:o,className:tailwindMerge.twMerge("typography-heading-5",e),...t}));var qa=d__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx("p",{ref:o,className:tailwindMerge.twMerge("text-gray-200 typography-body-2",e),...t}));var Ka=d__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx("div",{ref:o,className:tailwindMerge.twMerge("p-6 pt-0",e),...t}));var ja=d__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx("div",{ref:o,className:tailwindMerge.twMerge("flex items-center p-6 pt-0",e),...t}));var oi=T__namespace.Root;var ai=T__namespace.Trigger;var li=T__namespace.Close;var Le=d__namespace.default.forwardRef(function(e,t){return jsxRuntime.jsx(T__namespace.Overlay,{...e,className:"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",ref:t})});var He=T__namespace.Portal;var Ee=classVarianceAuthority.cva("fixed z-50 flex flex-col border-gray-400 bg-foreground p-4 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",{variants:{side:{top:"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",bottom:"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",left:"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",right:"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"}},defaultVariants:{side:"right"}});var xi=d__namespace.forwardRef(function({side:e="right",className:t,children:o,...r},a){return jsxRuntime.jsxs(He,{children:[jsxRuntime.jsx(Le,{}),jsxRuntime.jsxs(T__namespace.Content,{ref:a,className:tailwindMerge.twMerge(Ee({side:e}),t),...r,children:[o,jsxRuntime.jsxs(T__namespace.Close,{className:"focus:ring-ring absolute right-4 top-4 rounded-sm opacity-70 ring-primary-500 ring-offset-foreground transition-opacity data-[state=open]:bg-foreground hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none",children:[jsxRuntime.jsx(l.Cross1Icon,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{className:"sr-only",children:"Close"})]})]})]})});function Pi({className:e,...t}){return jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("flex flex-col space-y-2 text-center sm:text-left",e),...t})}function Si({className:e,...t}){return jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t})}var Li=d__namespace.forwardRef(function({className:e,...t},o){return jsxRuntime.jsx(T__namespace.Title,{ref:o,className:tailwindMerge.twMerge("typography-heading-6",e),...t})});var Ni=d__namespace.forwardRef(function({className:e,...t},o){return jsxRuntime.jsx(T__namespace.Description,{ref:o,className:tailwindMerge.twMerge("text-gray-200 typography-body-2",e),...t})});var Oi=d__namespace.forwardRef(function({className:e,orientation:t="horizontal",decorative:o=!0,...r},a){return jsxRuntime.jsx(Be__namespace.Root,{ref:a,decorative:o,orientation:t,className:tailwindMerge.twMerge("shrink-0 bg-gray-400",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...r})});function Gi({children:e}){return jsxRuntime.jsx("header",{className:"sticky top-0 z-50 w-full border-b border-gray-400 bg-foreground/95 backdrop-blur supports-[backdrop-filter]:bg-foreground/60",children:jsxRuntime.jsx("div",{className:"container flex h-16 items-center",children:e})})}var qi=T__namespace.Root;var _i=T__namespace.Close;var qe=classVarianceAuthority.cva(["fixed left-1/2 top-1/2 border-gray-400 z-50 flex flex-col w-full -translate-x-1/2 -translate-y-1/2 border bg-foreground p-4 shadow-lg w-full rounded","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%]"],{variants:{width:{xs:"max-w-xs",sm:"max-w-sm",md:"max-w-md",lg:"max-w-lg",xl:"max-w-xl","2xl":"max-w-2xl","3xl":"max-w-3xl","4xl":"max-w-4xl","5xl":"max-w-5xl","6xl":"max-w-6xl",full:"max-w-full"}},defaultVariants:{width:"md"}});var Je=d__namespace.forwardRef(function(e,t){return jsxRuntime.jsx(T__namespace.Overlay,{...e,className:"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",ref:t})});var Qe=T__namespace.Portal;var il=d__namespace.forwardRef(function({className:e,children:t,width:o="md",...r},a){return jsxRuntime.jsxs(Qe,{children:[jsxRuntime.jsx(Je,{}),jsxRuntime.jsxs(T__namespace.Content,{ref:a,className:tailwindMerge.twMerge(qe({width:o}),e),...r,children:[t,jsxRuntime.jsxs(T__namespace.Close,{className:"focus:ring-ring absolute right-4 top-4 rounded-sm opacity-70 ring-primary-500 ring-offset-foreground transition-opacity data-[state=open]:bg-foreground hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none",children:[jsxRuntime.jsx(l.Cross1Icon,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{className:"sr-only",children:"Close"})]})]})]})});var sl=T__namespace.Trigger;function ml({className:e,...t}){return jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("mb-4 flex flex-col space-y-1.5 text-center sm:text-left",e),...t})}function Rl({className:e,...t}){return jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("mt-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",e),...t})}var xl=d__namespace.forwardRef(function({className:e,...t},o){return jsxRuntime.jsx(T__namespace.Title,{ref:o,className:tailwindMerge.twMerge("typography-heading-6",e),...t})});var Pl=d__namespace.forwardRef(function({className:e,...t},o){return jsxRuntime.jsx(T__namespace.Description,{ref:o,className:tailwindMerge.twMerge("text-gray-200 typography-body-2",e),...t})});var Al=reactHookForm.FormProvider;var C=d__namespace.createContext({});var Hl=d__namespace.forwardRef(function({className:e,...t},o){let r=d__namespace.useId();return jsxRuntime.jsx(C.Provider,{value:{id:r},children:jsxRuntime.jsx("div",{ref:o,className:tailwindMerge.twMerge("space-y-2",e),...t})})});var A=d__namespace.createContext({});var Gl=({...e})=>jsxRuntime.jsx(A.Provider,{value:{name:e.name},children:jsxRuntime.jsx(reactHookForm.Controller,{...e})});var pt=d__namespace.forwardRef(function({className:e,...t},o){return jsxRuntime.jsx(st__namespace.Root,{ref:o,className:tailwindMerge.twMerge("typography-subtitle-1 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",e),...t})});var R=()=>{let e=d__namespace.useContext(A),t=d__namespace.useContext(C),{getFieldState:o,formState:r}=reactHookForm.useFormContext(),a=o(e.name,r);if(!e)throw new Error("useFormField should be used within <FormField>");let{id:i}=t;return {id:i,name:e.name,formItemId:`${i}-form-item`,formDescriptionId:`${i}-form-item-description`,formMessageId:`${i}-form-item-message`,...a}};var on=d__namespace.forwardRef(({className:e,caption:t,...o},r)=>{let{error:a,formItemId:i}=R();return jsxRuntime.jsxs("div",{className:"flex flex-row items-end justify-between",children:[jsxRuntime.jsx(pt,{ref:r,className:tailwindMerge.twMerge(a?"text-error-500":null,e),htmlFor:i,...o}),t?jsxRuntime.jsx("div",{className:"text-gray-200 typography-caption",children:t}):null]})});var sn=d__namespace.forwardRef(function(e,t){let{error:o,formItemId:r,formDescriptionId:a,formMessageId:i}=R(),s={...e,invalid:!!o};return jsxRuntime.jsx(reactSlot.Slot,{ref:t,id:r,"aria-describedby":o?`${a} ${i}`:`${a}`,"aria-invalid":!!o,...s})});var ft=classVarianceAuthority.cva("",{variants:{type:{description:"typography-body-2 text-gray-200",error:"typography-caption text-error-500"}},defaultVariants:{type:"description"}});var F=d__namespace.forwardRef(function({className:e,children:t,type:o="description",role:r,...a},i){return jsxRuntime.jsx("p",{ref:i,className:tailwindMerge.twMerge(ft({type:o}),e),role:o==="error"?"alert":r,...a,children:t})});var xn=d__namespace.forwardRef(function({children:e,...t},o){let{error:r,formMessageId:a}=R(),i=r?String(r?.message):e;return i?jsxRuntime.jsx(F,{ref:o,type:"error",id:a,...t,children:i}):null});var Tn=d__namespace.forwardRef(function(e,t){let{formDescriptionId:o}=R();return jsxRuntime.jsx(F,{ref:t,id:o,...e})});var Sn=M__namespace.Root;var Fn=M__namespace.Trigger;var bt=d__namespace.forwardRef(function({className:e,...t},o){return jsxRuntime.jsx(M__namespace.Overlay,{className:tailwindMerge.twMerge("fixed inset-0 z-60 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...t,ref:o})});var Vn=d__namespace.forwardRef(function({className:e,...t},o){return jsxRuntime.jsxs(M__namespace.Portal,{children:[jsxRuntime.jsx(bt,{}),jsxRuntime.jsx(M__namespace.Content,{ref:o,className:tailwindMerge.twMerge("fixed left-1/2 top-1/2 border-gray-400 z-50 flex flex-col w-full -translate-x-1/2 -translate-y-1/2 border bg-foreground p-4 shadow-lg rounded 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%] max-w-lg",e),...t})]})});function Wn({className:e,...t}){return jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("flex flex-col space-y-2 text-center sm:text-left mb-4",e),...t})}function Xn({className:e,...t}){return jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("flex flex-col-reverse sm:flex-row sm:justify-end gap-2",e),...t})}var Jn=d__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx(M__namespace.Title,{ref:o,className:tailwindMerge.twMerge("typography-heading-6",e),...t}));var Zn=d__namespace.forwardRef(function({className:e,...t},o){return jsxRuntime.jsx(M__namespace.Description,{ref:o,className:tailwindMerge.twMerge("text-gray-200 typography-body-2",e),...t})});var ts=M__namespace.Action;var rs=M__namespace.Cancel;var L=d__namespace.default.createContext({});function Rr(e){if(typeof window<"u"&&window.localStorage){let t=window.localStorage.getItem("theme");if(t==="dark"||!t&&window.matchMedia("(prefers-color-scheme: dark)").matches)return "dark"}return e??"light"}function ps({children:e,defaultTheme:t,theme:o}){let[r,a]=d__namespace.default.useState(o||Rr(t));function i(s){typeof window<"u"&&window.localStorage&&(s==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark"),localStorage.setItem("theme",s));}return d__namespace.default.useEffect(()=>{i(r);},[r]),jsxRuntime.jsx(L.Provider,{value:{theme:r,setTheme:a},children:e})}var gs=()=>d__namespace.default.useContext(L);
-
-exports.AlertDialog = Sn;
-exports.AlertDialogAction = ts;
-exports.AlertDialogCancel = rs;
-exports.AlertDialogContent = Vn;
-exports.AlertDialogDescription = Zn;
-exports.AlertDialogFooter = Xn;
-exports.AlertDialogHeader = Wn;
-exports.AlertDialogTitle = Jn;
-exports.AlertDialogTrigger = Fn;
-exports.Avatar = Pr;
-exports.AvatarFallback = Lr;
-exports.AvatarImage = Sr;
-exports.Button = Zr;
-exports.Card = Ia;
-exports.CardContent = Ka;
-exports.CardDescription = qa;
-exports.CardFooter = ja;
-exports.CardHeader = Va;
-exports.CardTitle = Ba;
-exports.Dialog = qi;
-exports.DialogClose = _i;
-exports.DialogContent = il;
-exports.DialogDescription = Pl;
-exports.DialogFooter = Rl;
-exports.DialogHeader = ml;
-exports.DialogTitle = xl;
-exports.DialogTrigger = sl;
-exports.Form = Al;
-exports.FormControl = sn;
-exports.FormDescription = Tn;
-exports.FormField = Gl;
-exports.FormItem = Hl;
-exports.FormLabel = on;
-exports.FormMessage = xn;
-exports.Header = Gi;
-exports.HelperText = F;
-exports.Input = ia;
-exports.Label = pt;
-exports.Select = Ta;
-exports.SelectItem = Aa;
-exports.Separator = Oi;
-exports.Sheet = oi;
-exports.SheetClose = li;
-exports.SheetContent = xi;
-exports.SheetDescription = Ni;
-exports.SheetFooter = Si;
-exports.SheetHeader = Pi;
-exports.SheetTitle = Li;
-exports.SheetTrigger = ai;
-exports.Textarea = ya;
-exports.ThemeContext = L;
-exports.ThemeProvider = ps;
-exports.Tooltip = sa;
-exports.TooltipProvider = ma;
-exports.useTheme = gs;
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Avatar, AvatarFallback, AvatarImage, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Header, HelperText, Input, Label, Select, SelectItem, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Textarea, Tooltip, TooltipProvider };