@szum-tech/design-system 2.0.3 → 2.1.0

package/dist/chunk-J56UDYA3.js

@@ -0,0 +1,70 @@
+import { Dialog as Dialog$1 } from 'radix-ui';
+import { twMerge } from 'tailwind-merge';
+import { Cross1Icon } from '@radix-ui/react-icons';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+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 });
+}
+
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger };

package/dist/chunk-KPB3CBHE.cjs

@@ -0,0 +1,40 @@
+'use strict';
+
+var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
+var radixUi = require('radix-ui');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+var avatarCva = classVarianceAuthority.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__ */ jsxRuntime.jsx(radixUi.Avatar.Root, { ref, className: chunkH2BWO3SI_cjs.cn(avatarStyles, className), ...props });
+}
+function AvatarImage({ className, ref, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.Avatar.Image, { ref, className: chunkH2BWO3SI_cjs.cn("aspect-square h-full w-full", className), ...props });
+}
+function AvatarFallback({ className, ref, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Avatar.Fallback,
+    {
+      ref,
+      className: chunkH2BWO3SI_cjs.cn("bg-gray-350 flex h-full w-full items-center justify-center", className),
+      ...props
+    }
+  );
+}
+
+exports.Avatar = Avatar;
+exports.AvatarFallback = AvatarFallback;
+exports.AvatarImage = AvatarImage;

package/dist/chunk-LI7IHIOM.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("bg-app-foreground h-full rounded border border-gray-400", className), ...props });
+}
+function CardHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("flex flex-col p-6", className), ...props });
+}
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("h3", { className: tailwindMerge.twMerge("text-heading-5", className), ...props });
+}
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("p", { className: tailwindMerge.twMerge("text-body-2 text-gray-200", className), ...props });
+}
+function CardContent({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("p-6 pt-0", className), ...props });
+}
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("flex items-center p-6 pt-0", className), ...props });
+}
+
+exports.Card = Card;
+exports.CardContent = CardContent;
+exports.CardDescription = CardDescription;
+exports.CardFooter = CardFooter;
+exports.CardHeader = CardHeader;
+exports.CardTitle = CardTitle;

package/dist/chunk-LND2W67K.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var radixUi = require('radix-ui');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Label({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Label.Root,
+    {
+      className: tailwindMerge.twMerge("text-subtitle-1 peer-disabled:cursor-not-allowed peer-disabled:opacity-70", className),
+      ...props
+    }
+  );
+}
+
+exports.Label = Label;

package/dist/chunk-N7DXGCBJ.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+var textareaCva = classVarianceAuthority.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__ */ jsxRuntime.jsx("textarea", { "aria-invalid": invalid || void 0, className: textareaStyles, ...props });
+}
+
+exports.Textarea = Textarea;

package/dist/chunk-PB3EGVTV.cjs

@@ -0,0 +1,116 @@
+'use strict';
+
+var chunkYXTTED5V_cjs = require('./chunk-YXTTED5V.cjs');
+var chunkLND2W67K_cjs = require('./chunk-LND2W67K.cjs');
+var reactHookForm = require('react-hook-form');
+var React2 = require('react');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+var reactSlot = require('@radix-ui/react-slot');
+
+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 React2__namespace = /*#__PURE__*/_interopNamespace(React2);
+
+var Form = reactHookForm.FormProvider;
+var FormItemContext = React2__namespace.createContext({});
+var FormItem = React2__namespace.forwardRef(function({ className, ...props }, ref) {
+  const id = React2__namespace.useId();
+  return /* @__PURE__ */ jsxRuntime.jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: tailwindMerge.twMerge("space-y-2", className), ...props }) });
+});
+FormItem.displayName = "FormItem";
+var FormFieldContext = React2__namespace.createContext({});
+var FormField = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.Controller, { ...props }) });
+};
+var useFormField = () => {
+  const fieldContext = React2__namespace.useContext(FormFieldContext);
+  const itemContext = React2__namespace.useContext(FormItemContext);
+  const { getFieldState, formState } = reactHookForm.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 = React2__namespace.forwardRef(
+  ({ className, caption, ...props }, ref) => {
+    const { error, formItemId } = useFormField();
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row items-end justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkLND2W67K_cjs.Label,
+        {
+          ref,
+          className: tailwindMerge.twMerge(error ? "text-error-500" : null, className),
+          htmlFor: formItemId,
+          ...props
+        }
+      ),
+      caption ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "typography-caption text-gray-200", children: caption }) : null
+    ] });
+  }
+);
+FormLabel.displayName = "FormLabel";
+var FormControl = React2__namespace.forwardRef(function(props, ref) {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  const newProps = { ...props, invalid: !!error };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactSlot.Slot,
+    {
+      ref,
+      id: formItemId,
+      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error,
+      ...newProps
+    }
+  );
+});
+FormControl.displayName = "FormControl";
+var FormMessage = React2__namespace.forwardRef(function({ children, ...props }, ref) {
+  const { error, formMessageId } = useFormField();
+  const body = error ? String(error?.message) : children;
+  if (!body) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkYXTTED5V_cjs.HelperText, { ref, type: "error", id: formMessageId, ...props, children: body });
+});
+FormMessage.displayName = "FormMessage";
+var FormDescription = React2__namespace.forwardRef(function(props, ref) {
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkYXTTED5V_cjs.HelperText, { ref, id: formDescriptionId, ...props });
+});
+FormDescription.displayName = "FormDescription";
+
+exports.Form = Form;
+exports.FormControl = FormControl;
+exports.FormDescription = FormDescription;
+exports.FormField = FormField;
+exports.FormItem = FormItem;
+exports.FormLabel = FormLabel;
+exports.FormMessage = FormMessage;

package/dist/chunk-QRSQCHBO.cjs

@@ -0,0 +1,59 @@
+'use strict';
+
+var radixUi = require('radix-ui');
+var reactIcons = require('@radix-ui/react-icons');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+var selectCva = classVarianceAuthority.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__ */ jsxRuntime.jsxs(radixUi.Select.Root, { ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(radixUi.Select.Trigger, { className: selectStyles, ref, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.Value, { placeholder }),
+      /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.Icon, { className: "-mr-1.5", children: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.CaretSortIcon, { className: "size-5 text-gray-200" }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      radixUi.Select.Content,
+      {
+        sideOffset: 4,
+        className: "bg-app-foreground z-50 w-full overflow-hidden border border-gray-400 py-1",
+        children: /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.Viewport, { children })
+      }
+    ) })
+  ] });
+}
+function SelectItem({ children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    radixUi.Select.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__ */ jsxRuntime.jsx(radixUi.Select.ItemText, { className: "flex-1", children }),
+        /* @__PURE__ */ jsxRuntime.jsx(radixUi.Select.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.CheckIcon, { className: "size-4" }) })
+      ]
+    }
+  );
+}
+
+exports.Select = Select;
+exports.SelectItem = SelectItem;

package/dist/chunk-RF5YR553.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
+var radixUi = require('radix-ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Separator({ className, orientation = "horizontal", decorative = false, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.Separator.Root,
+    {
+      decorative,
+      orientation,
+      "aria-orientation": orientation,
+      className: chunkH2BWO3SI_cjs.cn(
+        "shrink-0 bg-gray-400",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+exports.Separator = Separator;

package/dist/chunk-TD2KDWNP.js

@@ -0,0 +1,57 @@
+import { Dialog } from 'radix-ui';
+import { twMerge } from 'tailwind-merge';
+import { Cross1Icon } from '@radix-ui/react-icons';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Sheet = Dialog.Root;
+var SheetTrigger = Dialog.Trigger;
+var SheetClose = Dialog.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.Portal, { children: [
+    /* @__PURE__ */ jsx(
+      Dialog.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.Content, { className: twMerge(sheetContentStyles({ side }), className), ...props, children: [
+      children,
+      /* @__PURE__ */ jsxs(Dialog.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.Title, { className: twMerge("typography-heading-6", className), ...props });
+}
+function SheetDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(Dialog.Description, { className: twMerge("typography-body-2 text-gray-200", className), ...props });
+}
+
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };

package/dist/chunk-TSN5DAKH.cjs

@@ -0,0 +1,99 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactIcons = require('@radix-ui/react-icons');
+
+function GoogleLogoIcon(props) {
+  return /* @__PURE__ */ 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",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+        /* @__PURE__ */ 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 LoadingIcon(props) {
+  return /* @__PURE__ */ 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",
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx("g", { children: /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "13.792", cy: "3.082", r: "3.082" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "13.792", cy: "24.501", r: "1.849" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "6.219", cy: "6.218", r: "2.774" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "21.365", cy: "21.363", r: "1.541" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "3.082", cy: "13.792", r: "2.465" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "24.501", cy: "13.791", r: "1.232" }),
+        /* @__PURE__ */ 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" }),
+        /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "21.364", cy: "6.218", r: "0.924" })
+      ] }) })
+    }
+  );
+}
+function Auth0LogoIcon(props) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("title", {}),
+    /* @__PURE__ */ 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 XLogoIcon(props) {
+  return /* @__PURE__ */ 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",
+      ...props,
+      children: /* @__PURE__ */ 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"
+        }
+      )
+    }
+  );
+}
+
+exports.Auth0LogoIcon = Auth0LogoIcon;
+exports.GoogleLogoIcon = GoogleLogoIcon;
+exports.LoadingIcon = LoadingIcon;
+exports.XLogoIcon = XLogoIcon;
+Object.keys(reactIcons).forEach(function (k) {
+  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return reactIcons[k]; }
+  });
+});

package/dist/chunk-US32J7DK.js

@@ -0,0 +1,15 @@
+import { Label as Label$1 } from 'radix-ui';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+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
+    }
+  );
+}
+
+export { Label };

package/dist/chunk-UZBZFCWX.js

@@ -0,0 +1,28 @@
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+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 });
+}
+
+export { Textarea };

package/dist/chunk-V4POHGAW.cjs

@@ -0,0 +1,60 @@
+'use strict';
+
+var chunkH2BWO3SI_cjs = require('./chunk-H2BWO3SI.cjs');
+var radixUi = require('radix-ui');
+var jsxRuntime = require('react/jsx-runtime');
+var tailwindMerge = require('tailwind-merge');
+
+var AlertDialog = radixUi.AlertDialog.Root;
+var AlertDialogTrigger = radixUi.AlertDialog.Trigger;
+function AlertDialogOverlay({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    radixUi.AlertDialog.Overlay,
+    {
+      className: chunkH2BWO3SI_cjs.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__ */ jsxRuntime.jsxs(radixUi.AlertDialog.Portal, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      radixUi.AlertDialog.Content,
+      {
+        className: chunkH2BWO3SI_cjs.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__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("mb-4 flex flex-col space-y-2 text-center sm:text-left", className), ...props });
+}
+function AlertDialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props });
+}
+function AlertDialogTitle({ className, ref, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.AlertDialog.Title, { ref, className: chunkH2BWO3SI_cjs.cn("text-heading-6", className), ...props });
+}
+function AlertDialogDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(radixUi.AlertDialog.Description, { className: chunkH2BWO3SI_cjs.cn("text-body-2 text-gray-200", className), ...props });
+}
+var AlertDialogAction = radixUi.AlertDialog.Action;
+var AlertDialogCancel = radixUi.AlertDialog.Cancel;
+
+exports.AlertDialog = AlertDialog;
+exports.AlertDialogAction = AlertDialogAction;
+exports.AlertDialogCancel = AlertDialogCancel;
+exports.AlertDialogContent = AlertDialogContent;
+exports.AlertDialogDescription = AlertDialogDescription;
+exports.AlertDialogFooter = AlertDialogFooter;
+exports.AlertDialogHeader = AlertDialogHeader;
+exports.AlertDialogTitle = AlertDialogTitle;
+exports.AlertDialogTrigger = AlertDialogTrigger;