@hanzo/ui 5.0.1 → 5.0.3

package/dist/chunk-GG6VGOEN.mjs

@@ -0,0 +1,590 @@
+import { FormLabel, FormItem, FormControl, FormDescription, FormMessage } from './chunk-6H62JRNM.mjs';
+import { Input } from './chunk-5MCN3VYM.mjs';
+import { buttonVariants, Button } from './chunk-QFA6U75G.mjs';
+import { cn } from './chunk-TH2UKMCO.mjs';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useTheme } from 'next-themes';
+import { Toaster as Toaster$1 } from 'sonner';
+import * as React from 'react';
+import { createContext, useId, useMemo, useContext } from 'react';
+import { SearchIcon, XIcon, Check, LoaderCircle } from 'lucide-react';
+
+var AlertDialog = AlertDialogPrimitive.Root;
+var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
+var AlertDialogPortal = AlertDialogPrimitive.Portal;
+function AlertDialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Overlay,
+    {
+      "data-slot": "overlay",
+      className: cn(
+        "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogContent({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx(
+      AlertDialogPrimitive.Content,
+      {
+        ref,
+        "data-slot": "content",
+        className: cn(
+          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background 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%] sm:rounded-lg outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+          className
+        ),
+        ...props
+      }
+    )
+  ] });
+}
+AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
+function AlertDialogHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "header",
+      className: cn(
+        "flex flex-col space-y-2 text-center sm:text-left",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "footer",
+      className: cn(
+        "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AlertDialogTitle({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Title,
+    {
+      ref,
+      "data-slot": "title",
+      className: cn("text-lg font-semibold", className),
+      ...props
+    }
+  );
+}
+AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
+function AlertDialogDescription({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Description,
+    {
+      ref,
+      "data-slot": "description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
+function AlertDialogAction({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Action,
+    {
+      ref,
+      "data-slot": "action",
+      className: cn(buttonVariants(), className),
+      ...props
+    }
+  );
+}
+AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
+function AlertDialogCancel({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AlertDialogPrimitive.Cancel,
+    {
+      ref,
+      "data-slot": "cancel",
+      className: cn(
+        buttonVariants({ variant: "outline" }),
+        "mt-2 sm:mt-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
+var Toaster = ({ ...props }) => {
+  const { theme = "system" } = useTheme();
+  return /* @__PURE__ */ jsx(
+    Toaster$1,
+    {
+      theme,
+      className: "toaster group",
+      toastOptions: {
+        classNames: {
+          toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+          description: "group-[.toast]:text-muted-foreground",
+          actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+          cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
+        }
+      },
+      ...props
+    }
+  );
+};
+function DotPattern({
+  width = 16,
+  height = 16,
+  x = 0,
+  y = 0,
+  cx = 1,
+  cy = 1,
+  cr = 1,
+  className,
+  ...props
+}) {
+  const id = useId();
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      className: cn(
+        "pointer-events-none absolute inset-0 h-full w-full fill-neutral-400/80",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx(
+          "pattern",
+          {
+            height,
+            id,
+            patternContentUnits: "userSpaceOnUse",
+            patternUnits: "userSpaceOnUse",
+            width,
+            x,
+            y,
+            children: /* @__PURE__ */ jsx("circle", { cx, cy, id: "pattern-circle", r: cr })
+          }
+        ) }),
+        /* @__PURE__ */ jsx("rect", { fill: `url(#${id})`, height: "100%", strokeWidth: 0, width: "100%" })
+      ]
+    }
+  );
+}
+var DotsLoader = ({ className }) => {
+  return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsxs("div", { className: "flex h-4 space-x-1.5", children: [
+    /* @__PURE__ */ jsx("div", { className: "h-2 w-2 animate-[loaderDots_0.6s_0s_infinite_alternate] rounded-full bg-slate-100" }),
+    /* @__PURE__ */ jsx("div", { className: "h-2 w-2 animate-[loaderDots_0.6s_0.3s_infinite_alternate] rounded-full bg-slate-100" }),
+    /* @__PURE__ */ jsx("div", { className: "h-2 w-2 animate-[loaderDots_0.6s_0.6s_infinite_alternate] rounded-full bg-slate-100" })
+  ] }) });
+};
+var ErrorMessage = ({ message, ...props }) => {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "rounded-sm bg-red-500/10 px-4 py-2 text-sm text-red-700",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("strong", { className: "font-bold", children: "Error: " }),
+        /* @__PURE__ */ jsxs("span", { className: "block sm:inline", children: [
+          " ",
+          message,
+          " "
+        ] })
+      ]
+    }
+  );
+};
+var PrettyJsonPrint = ({
+  json,
+  className
+}) => {
+  const formattedJson = useMemo(() => {
+    let formattedValue = `Unparseable JSON: String(${json})`;
+    if (typeof json === "object") {
+      formattedValue = JSON.stringify(json, null, 2);
+    } else if (typeof json === "string") {
+      try {
+        const parsedJson = JSON.parse(json);
+        formattedValue = JSON.stringify(parsedJson, null, 2);
+      } catch (error) {
+        console.error("error parsing json", error);
+      }
+    }
+    return formattedValue;
+  }, [json]);
+  return /* @__PURE__ */ jsx("pre", { className: cn("overflow-x-scroll", className), children: formattedJson });
+};
+var MIN_TEXTAREA_HEIGHT = 32;
+var PromptTextarea = ({ className, ...props }) => {
+  const textareaRef = React.useRef(null);
+  React.useLayoutEffect(() => {
+    if (!textareaRef.current) return;
+    textareaRef.current.style.height = "60px";
+    textareaRef.current.style.height = `${Math.max(
+      textareaRef.current.scrollHeight + 2,
+      MIN_TEXTAREA_HEIGHT
+    )}px`;
+    if (props.autoFocus !== void 0 && props.autoFocus) {
+      textareaRef.current.focus();
+    }
+  }, [props.value]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        className: cn(
+          "flex w-full rounded-md border border-gray-200 bg-gray-400 px-4 py-2 pt-4 text-sm break-words placeholder-gray-100 placeholder:text-base focus-visible:ring-1 focus-visible:ring-gray-100 focus-visible:outline-hidden focus-visible:ring-inset disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        style: {
+          minHeight: MIN_TEXTAREA_HEIGHT,
+          resize: "none",
+          maxHeight: "300px"
+        },
+        ...props.field,
+        onKeyDown: props.onKeyDown,
+        ref: textareaRef,
+        ...!props.isLoading && {
+          placeholder: props.label
+        }
+      }
+    ),
+    props.isLoading ? /* @__PURE__ */ jsx(DotsLoader, { className: "absolute top-6 left-4" }) : null,
+    /* @__PURE__ */ jsx(FormLabel, { className: "sr-only", children: props.label })
+  ] });
+};
+PromptTextarea.displayName = "PromptTextarea";
+var SearchInput = ({
+  className,
+  value,
+  onChange,
+  classNames,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "shadow-border-input focus-within:shadow-border-input-focus relative flex h-10 flex-1 items-center overflow-hidden rounded-full shadow-[0_0_0_1px_currentColor] transition-shadow",
+        classNames?.container
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            className: cn(
+              "placeholder:!text-text-placeholder !h-full border-none bg-transparent py-2 pl-10",
+              classNames?.input
+            ),
+            onChange: (e) => {
+              onChange?.(e);
+            },
+            placeholder: "Search...",
+            spellCheck: false,
+            value,
+            ...props
+          }
+        ),
+        /* @__PURE__ */ jsx(SearchIcon, { className: "text-text-tertiary absolute top-1/2 left-4 -z-[1px] h-4 w-4 -translate-y-1/2" }),
+        value && /* @__PURE__ */ jsxs(
+          Button,
+          {
+            className: cn("absolute right-1 h-8 w-8 p-2", classNames?.button),
+            onClick: () => {
+              onChange?.({
+                target: { value: "" }
+              });
+            },
+            size: "auto",
+            type: "button",
+            variant: "tertiary",
+            children: [
+              /* @__PURE__ */ jsx(XIcon, {}),
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Clear" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+SearchInput.displayName = "SearchInput";
+var StepperContext = createContext(
+  void 0
+);
+var StepItemContext = createContext(
+  void 0
+);
+var useStepper = () => {
+  const context = useContext(StepperContext);
+  if (!context) {
+    throw new Error("useStepper must be used within a Stepper");
+  }
+  return context;
+};
+var useStepItem = () => {
+  const context = useContext(StepItemContext);
+  if (!context) {
+    throw new Error("useStepItem must be used within a StepperItem");
+  }
+  return context;
+};
+var Stepper = ({
+  defaultValue = 0,
+  value,
+  onValueChange,
+  orientation = "horizontal",
+  className,
+  ...props
+}) => {
+  const [activeStep, setInternalStep] = React.useState(defaultValue);
+  const setActiveStep = React.useCallback(
+    (step) => {
+      if (value === void 0) {
+        setInternalStep(step);
+      }
+      onValueChange?.(step);
+    },
+    [value, onValueChange]
+  );
+  const currentStep = value ?? activeStep;
+  return /* @__PURE__ */ jsx(
+    StepperContext.Provider,
+    {
+      value: {
+        activeStep: currentStep,
+        setActiveStep,
+        orientation
+      },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "group/stepper inline-flex data-[orientation=horizontal]:w-full data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col",
+            className
+          ),
+          "data-orientation": orientation,
+          ...props
+        }
+      )
+    }
+  );
+};
+Stepper.displayName = "Stepper";
+var StepperItem = ({
+  step,
+  completed = false,
+  disabled = false,
+  loading = false,
+  className,
+  children,
+  ...props
+}) => {
+  const { activeStep } = useStepper();
+  const state = completed || step < activeStep ? "completed" : activeStep === step ? "active" : "inactive";
+  const isLoading = loading && step === activeStep;
+  return /* @__PURE__ */ jsx(
+    StepItemContext.Provider,
+    {
+      value: { step, state, isDisabled: disabled, isLoading },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "group/step flex items-center group-data-[orientation=horizontal]/stepper:flex-row group-data-[orientation=vertical]/stepper:flex-col",
+            className
+          ),
+          "data-state": state,
+          ...isLoading ? { "data-loading": true } : {},
+          ...props,
+          children
+        }
+      )
+    }
+  );
+};
+StepperItem.displayName = "StepperItem";
+var StepperTrigger = ({
+  asChild = false,
+  className,
+  children,
+  ...props
+}) => {
+  const { setActiveStep } = useStepper();
+  const { step, isDisabled } = useStepItem();
+  if (asChild) {
+    return /* @__PURE__ */ jsx("div", { className, children });
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      className: cn(
+        "inline-flex items-center gap-3 disabled:pointer-events-none",
+        className
+      ),
+      disabled: isDisabled,
+      onClick: () => setActiveStep(step),
+      ...props,
+      children
+    }
+  );
+};
+StepperTrigger.displayName = "StepperTrigger";
+var StepperIndicator = ({
+  asChild = false,
+  className,
+  children,
+  ...props
+}) => {
+  const { state, step, isLoading } = useStepItem();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "bg-bg-tertiary text-text-secondary data-[state=completed]:bg-brand data-[state=active]:text-text-default data-[state=completed]:text-primary-foreground data-[state=active]:bg-bg-secondary relative flex size-6 shrink-0 items-center justify-center rounded-full text-xs font-medium",
+        className
+      ),
+      "data-state": state,
+      ...props,
+      children: asChild ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: "transition-all group-data-[loading=true]/step:scale-0 group-data-[loading=true]/step:opacity-0 group-data-[loading=true]/step:transition-none group-data-[state=completed]/step:scale-0 group-data-[state=completed]/step:opacity-0", children: step }),
+        /* @__PURE__ */ jsx(
+          Check,
+          {
+            "aria-hidden": "true",
+            className: "absolute scale-0 opacity-0 transition-all group-data-[state=completed]/step:scale-100 group-data-[state=completed]/step:opacity-100",
+            strokeWidth: 2
+          }
+        ),
+        isLoading && /* @__PURE__ */ jsx("span", { className: "absolute transition-all", children: /* @__PURE__ */ jsx(
+          LoaderCircle,
+          {
+            "aria-hidden": "true",
+            className: "animate-spin",
+            size: 14,
+            strokeWidth: 2
+          }
+        ) })
+      ] })
+    }
+  );
+};
+StepperIndicator.displayName = "StepperIndicator";
+var StepperTitle = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx("h3", { className: cn("text-sm font-medium", className), ...props });
+StepperTitle.displayName = "StepperTitle";
+var StepperDescription = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx("p", { className: cn("text-text-secondary text-sm", className), ...props });
+StepperDescription.displayName = "StepperDescription";
+var StepperSeparator = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "bg-muted group-data-[state=completed]/step:bg-primary m-0.5 group-data-[orientation=horizontal]/stepper:h-0.5 group-data-[orientation=horizontal]/stepper:w-full group-data-[orientation=horizontal]/stepper:flex-1 group-data-[orientation=vertical]/stepper:h-12 group-data-[orientation=vertical]/stepper:w-0.5",
+        className
+      ),
+      ...props
+    }
+  );
+};
+StepperSeparator.displayName = "StepperSeparator";
+var TextLink = ({
+  label,
+  url,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    className: cn("cursor-pointer text-white underline", className),
+    onClick: () => {
+      window.open(url);
+    },
+    ...props,
+    children: /* @__PURE__ */ jsx("a", { href: url, rel: "noreferrer", target: "_blank", children: label })
+  }
+);
+var TextField = ({
+  classes,
+  field,
+  label,
+  type = "text",
+  helperMessage,
+  startAdornment,
+  endAdornment,
+  autoFocus,
+  min,
+  max
+}) => {
+  return /* @__PURE__ */ jsxs(FormItem, { className: cn(classes?.formItem), children: [
+    /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(
+      Input,
+      {
+        autoFocus,
+        className: cn(classes?.input),
+        endAdornment,
+        max,
+        min,
+        spellCheck: false,
+        startAdornment,
+        type,
+        ...field
+      }
+    ) }),
+    /* @__PURE__ */ jsx(FormLabel, { className: cn(classes?.label), children: label }),
+    /* @__PURE__ */ jsx(FormDescription, { children: helperMessage }),
+    /* @__PURE__ */ jsx(FormMessage, { className: cn(classes?.helperMessage) })
+  ] });
+};
+
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, DotPattern, DotsLoader, ErrorMessage, PrettyJsonPrint, PromptTextarea, SearchInput, Stepper, StepperDescription, StepperIndicator, StepperItem, StepperSeparator, StepperTitle, StepperTrigger, TextField, TextLink, Toaster };
+//# sourceMappingURL=chunk-GG6VGOEN.mjs.map
+//# sourceMappingURL=chunk-GG6VGOEN.mjs.map

package/dist/chunk-GG6VGOEN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/alert-dialog.tsx","../src/components/sonner.tsx","../src/components/dot-pattern.tsx","../src/components/dots-loader.tsx","../src/components/error-message.tsx","../src/components/pretty-json-print.tsx","../src/components/prompt-textarea.tsx","../src/components/search-input.tsx","../src/components/stepper.tsx","../src/components/text-link.tsx","../src/components/textfield.tsx"],"names":["jsx","Sonner","jsxs","React2","Fragment","CheckIcon"],"mappings":"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","file":"chunk-GG6VGOEN.mjs","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport * as AlertDialogPrimitive from \"@radix-ui/react-alert-dialog\"\n\nimport { cn } from \"../lib/utils\"\nimport { buttonVariants } from \"./button\"\n\nconst AlertDialog = AlertDialogPrimitive.Root\n\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger\n\nconst AlertDialogPortal = AlertDialogPrimitive.Portal\n\nfunction AlertDialogOverlay({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"overlay\"\n      className={cn(\n        \"fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogContent({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> & {\n  ref?: React.Ref<React.ElementRef<typeof AlertDialogPrimitive.Content>>\n}) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        ref={ref}\n        data-slot=\"content\"\n        className={cn(\n          \"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background 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%] sm:rounded-lg outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n          className\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  )\n}\nAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName\n\nfunction AlertDialogHeader({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      data-slot=\"header\"\n      className={cn(\n        \"flex flex-col space-y-2 text-center sm:text-left\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogFooter({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      data-slot=\"footer\"\n      className={cn(\n        \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogTitle({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title> & {\n  ref?: React.Ref<React.ElementRef<typeof AlertDialogPrimitive.Title>>\n}) {\n  return (\n    <AlertDialogPrimitive.Title\n      ref={ref}\n      data-slot=\"title\"\n      className={cn(\"text-lg font-semibold\", className)}\n      {...props}\n    />\n  )\n}\nAlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName\n\nfunction AlertDialogDescription({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description> & {\n  ref?: React.Ref<React.ElementRef<typeof AlertDialogPrimitive.Description>>\n}) {\n  return (\n    <AlertDialogPrimitive.Description\n      ref={ref}\n      data-slot=\"description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\nAlertDialogDescription.displayName =\n  AlertDialogPrimitive.Description.displayName\n\nfunction AlertDialogAction({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action> & {\n  ref?: React.Ref<React.ElementRef<typeof AlertDialogPrimitive.Action>>\n}) {\n  return (\n    <AlertDialogPrimitive.Action\n      ref={ref}\n      data-slot=\"action\"\n      className={cn(buttonVariants(), className)}\n      {...props}\n    />\n  )\n}\nAlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName\n\nfunction AlertDialogCancel({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel> & {\n  ref?: React.Ref<React.ElementRef<typeof AlertDialogPrimitive.Cancel>>\n}) {\n  return (\n    <AlertDialogPrimitive.Cancel\n      ref={ref}\n      data-slot=\"cancel\"\n      className={cn(\n        buttonVariants({ variant: \"outline\" }),\n        \"mt-2 sm:mt-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\nAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName\n\nexport {\n  AlertDialog,\n  AlertDialogPortal,\n  AlertDialogOverlay,\n  AlertDialogTrigger,\n  AlertDialogContent,\n  AlertDialogHeader,\n  AlertDialogFooter,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  AlertDialogAction,\n  AlertDialogCancel,\n}\n","\"use client\"\n\nimport { useTheme } from \"next-themes\"\nimport { Toaster as Sonner } from \"sonner\"\n\ntype ToasterProps = React.ComponentProps<typeof Sonner>\n\nconst Toaster = ({ ...props }: ToasterProps) => {\n  const { theme = \"system\" } = useTheme()\n\n  return (\n    <Sonner\n      theme={theme as ToasterProps[\"theme\"]}\n      className=\"toaster group\"\n      toastOptions={{\n        classNames: {\n          toast:\n            \"group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg\",\n          description: \"group-[.toast]:text-muted-foreground\",\n          actionButton:\n            \"group-[.toast]:bg-primary group-[.toast]:text-primary-foreground\",\n          cancelButton:\n            \"group-[.toast]:bg-muted group-[.toast]:text-muted-foreground\",\n        },\n      }}\n      {...props}\n    />\n  )\n}\n\nexport { Toaster }\n","import { useId } from 'react';\n\nimport { cn } from '../lib/utils';\n\ninterface DotPatternProps {\n  width?: any;\n  height?: any;\n  x?: any;\n  y?: any;\n  cx?: any;\n  cy?: any;\n  cr?: any;\n  className?: string;\n  [key: string]: any;\n}\n\nfunction DotPattern({\n  width = 16,\n  height = 16,\n  x = 0,\n  y = 0,\n  cx = 1,\n  cy = 1,\n  cr = 1,\n  className,\n  ...props\n}: DotPatternProps) {\n  const id = useId();\n\n  return (\n    <svg\n      aria-hidden=\"true\"\n      className={cn(\n        'pointer-events-none absolute inset-0 h-full w-full fill-neutral-400/80',\n        className,\n      )}\n      {...props}\n    >\n      <defs>\n        <pattern\n          height={height}\n          id={id}\n          patternContentUnits=\"userSpaceOnUse\"\n          patternUnits=\"userSpaceOnUse\"\n          width={width}\n          x={x}\n          y={y}\n        >\n          <circle cx={cx} cy={cy} id=\"pattern-circle\" r={cr} />\n        </pattern>\n      </defs>\n      <rect fill={`url(#${id})`} height=\"100%\" strokeWidth={0} width=\"100%\" />\n    </svg>\n  );\n}\n\nexport { DotPattern };\n","const DotsLoader = ({ className }: { className?: string }) => {\n  return (\n    <div className={className}>\n      <div className=\"flex h-4 space-x-1.5\">\n        <div className=\"h-2 w-2 animate-[loaderDots_0.6s_0s_infinite_alternate] rounded-full bg-slate-100\" />\n        <div className=\"h-2 w-2 animate-[loaderDots_0.6s_0.3s_infinite_alternate] rounded-full bg-slate-100\" />\n        <div className=\"h-2 w-2 animate-[loaderDots_0.6s_0.6s_infinite_alternate] rounded-full bg-slate-100\" />\n      </div>\n    </div>\n  );\n};\n\nexport { DotsLoader };\n","import React from 'react';\n\ninterface ErrorMessageProps extends React.HTMLAttributes<HTMLDivElement> {\n  message: string;\n}\n\nconst ErrorMessage = ({ message, ...props }: ErrorMessageProps) => {\n  return (\n    <div\n      className=\"rounded-sm bg-red-500/10 px-4 py-2 text-sm text-red-700\"\n      {...props}\n    >\n      <strong className=\"font-bold\">Error: </strong>\n      <span className=\"block sm:inline\"> {message} </span>\n    </div>\n  );\n};\n\nexport { ErrorMessage };\n","import { useMemo } from 'react';\nimport { cn } from '../lib/utils';\n\nexport const PrettyJsonPrint = ({\n  json,\n  className,\n}: {\n  json: string | object;\n  className?: string;\n}) => {\n  const formattedJson = useMemo(() => {\n    let formattedValue = `Unparseable JSON: String(${json})`;\n    if (typeof json === 'object') {\n      formattedValue = JSON.stringify(json, null, 2);\n    } else if (typeof json === 'string') {\n      try {\n        const parsedJson = JSON.parse(json);\n        formattedValue = JSON.stringify(parsedJson, null, 2);\n      } catch (error) {\n        console.error('error parsing json', error);\n      }\n    }\n    return formattedValue;\n  }, [json]);\n  return (\n    <pre className={cn('overflow-x-scroll', className)}>{formattedJson}</pre>\n  );\n};\n","import * as React from 'react';\n\nimport { cn } from '../lib/utils';\nimport { DotsLoader } from './dots-loader';\nimport { FormLabel } from './form';\n\nconst MIN_TEXTAREA_HEIGHT = 32;\nexport interface PromptTextareaProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {\n  isLoading?: boolean;\n  label?: string;\n  field: {\n    onChange: (...event: any[]) => void;\n    onBlur: () => void;\n    value: any;\n    disabled?: boolean;\n    name: string;\n    placeholder?: string;\n  };\n}\n\nconst PromptTextarea = ({ className, ...props }: PromptTextareaProps) => {\n  const textareaRef = React.useRef<HTMLTextAreaElement>(null);\n\n  React.useLayoutEffect(() => {\n    // Reset height - important to shrink on delete\n\n    if (!textareaRef.current) return;\n\n    textareaRef.current.style.height = '60px';\n    // Set height\n    textareaRef.current.style.height = `${Math.max(\n      textareaRef.current.scrollHeight + 2,\n      MIN_TEXTAREA_HEIGHT,\n    )}px`;\n\n    if (props.autoFocus !== undefined && props.autoFocus) {\n      textareaRef.current.focus();\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [props.value]);\n\n  return (\n    <>\n      <textarea\n        className={cn(\n          'flex w-full rounded-md border border-gray-200 bg-gray-400 px-4 py-2 pt-4 text-sm break-words placeholder-gray-100 placeholder:text-base focus-visible:ring-1 focus-visible:ring-gray-100 focus-visible:outline-hidden focus-visible:ring-inset disabled:cursor-not-allowed disabled:opacity-50',\n          className,\n        )}\n        style={{\n          minHeight: MIN_TEXTAREA_HEIGHT,\n          resize: 'none',\n          maxHeight: '300px',\n        }}\n        {...props.field}\n        onKeyDown={props.onKeyDown}\n        ref={textareaRef}\n        {...(!props.isLoading && {\n          placeholder: props.label,\n        })}\n      />\n\n      {props.isLoading ? (\n        <DotsLoader className=\"absolute top-6 left-4\" />\n      ) : null}\n      <FormLabel className=\"sr-only\">{props.label}</FormLabel>\n    </>\n  );\n};\nPromptTextarea.displayName = 'PromptTextarea';\n\nexport { PromptTextarea };\n","import { SearchIcon, XIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport { cn } from '../lib/utils';\nimport { Button, Input } from '.';\n\nexport type SearchInputProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  classNames?: {\n    container?: string;\n    input?: string;\n    button?: string;\n  };\n};\n\nconst SearchInput = ({\n  className,\n  value,\n  onChange,\n  classNames,\n  ...props\n}: SearchInputProps) => {\n  return (\n    <div\n      className={cn(\n        'shadow-border-input focus-within:shadow-border-input-focus relative flex h-10 flex-1 items-center overflow-hidden rounded-full shadow-[0_0_0_1px_currentColor] transition-shadow',\n        classNames?.container,\n      )}\n    >\n      <Input\n        className={cn(\n          'placeholder:!text-text-placeholder !h-full border-none bg-transparent py-2 pl-10',\n          classNames?.input,\n        )}\n        onChange={(e) => {\n          onChange?.(e);\n        }}\n        placeholder=\"Search...\"\n        spellCheck={false}\n        value={value}\n        {...props}\n      />\n      <SearchIcon className=\"text-text-tertiary absolute top-1/2 left-4 -z-[1px] h-4 w-4 -translate-y-1/2\" />\n      {value && (\n        <Button\n          className={cn('absolute right-1 h-8 w-8 p-2', classNames?.button)}\n          onClick={() => {\n            onChange?.({\n              target: { value: '' },\n            } as React.ChangeEvent<HTMLInputElement>);\n          }}\n          size=\"auto\"\n          type=\"button\"\n          variant=\"tertiary\"\n        >\n          <XIcon />\n          <span className=\"sr-only\">Clear</span>\n        </Button>\n      )}\n    </div>\n  );\n};\n\nSearchInput.displayName = 'SearchInput';\n\nexport { SearchInput };\n","import { Check as CheckIcon } from 'lucide-react';\nimport { LoaderCircle } from 'lucide-react';\nimport * as React from 'react';\nimport { createContext, useContext } from 'react';\n\nimport { cn } from '../lib/utils';\n\ntype StepperContextValue = {\n  activeStep: number;\n  setActiveStep: (step: number) => void;\n  orientation: 'horizontal' | 'vertical';\n};\n\ntype StepItemContextValue = {\n  step: number;\n  state: StepState;\n  isDisabled: boolean;\n  isLoading: boolean;\n};\n\ntype StepState = 'active' | 'completed' | 'inactive' | 'loading';\n\nconst StepperContext = createContext<StepperContextValue | undefined>(\n  undefined,\n);\nconst StepItemContext = createContext<StepItemContextValue | undefined>(\n  undefined,\n);\n\nconst useStepper = () => {\n  const context = useContext(StepperContext);\n  if (!context) {\n    throw new Error('useStepper must be used within a Stepper');\n  }\n  return context;\n};\n\nconst useStepItem = () => {\n  const context = useContext(StepItemContext);\n  if (!context) {\n    throw new Error('useStepItem must be used within a StepperItem');\n  }\n  return context;\n};\n\ninterface StepperProps extends React.HTMLAttributes<HTMLDivElement> {\n  defaultValue?: number;\n  value?: number;\n  onValueChange?: (value: number) => void;\n  orientation?: 'horizontal' | 'vertical';\n}\n\nconst Stepper = ({\n  defaultValue = 0,\n  value,\n  onValueChange,\n  orientation = 'horizontal',\n  className,\n  ...props\n}: StepperProps) => {\n  const [activeStep, setInternalStep] = React.useState(defaultValue);\n\n  const setActiveStep = React.useCallback(\n    (step: number) => {\n      if (value === undefined) {\n        setInternalStep(step);\n      }\n      onValueChange?.(step);\n    },\n    [value, onValueChange],\n  );\n\n  const currentStep = value ?? activeStep;\n\n  return (\n    <StepperContext.Provider\n      value={{\n        activeStep: currentStep,\n        setActiveStep,\n        orientation,\n      }}\n    >\n      <div\n        className={cn(\n          'group/stepper inline-flex data-[orientation=horizontal]:w-full data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col',\n          className,\n        )}\n        data-orientation={orientation}\n        {...props}\n      />\n    </StepperContext.Provider>\n  );\n};\nStepper.displayName = 'Stepper';\n\n// StepperItem\ninterface StepperItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  step: number;\n  completed?: boolean;\n  disabled?: boolean;\n  loading?: boolean;\n}\n\nconst StepperItem = ({\n  step,\n  completed = false,\n  disabled = false,\n  loading = false,\n  className,\n  children,\n  ...props\n}: StepperItemProps) => {\n  const { activeStep } = useStepper();\n\n  const state: StepState =\n    completed || step < activeStep\n      ? 'completed'\n      : activeStep === step\n        ? 'active'\n        : 'inactive';\n\n  const isLoading = loading && step === activeStep;\n\n  return (\n    <StepItemContext.Provider\n      value={{ step, state, isDisabled: disabled, isLoading }}\n    >\n      <div\n        className={cn(\n          'group/step flex items-center group-data-[orientation=horizontal]/stepper:flex-row group-data-[orientation=vertical]/stepper:flex-col',\n          className,\n        )}\n        data-state={state}\n        {...(isLoading ? { 'data-loading': true } : {})}\n        {...props}\n      >\n        {children}\n      </div>\n    </StepItemContext.Provider>\n  );\n};\n\nStepperItem.displayName = 'StepperItem';\n\n// StepperTrigger\ninterface StepperTriggerProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean;\n}\n\nconst StepperTrigger = ({\n  asChild = false,\n  className,\n  children,\n  ...props\n}: StepperTriggerProps) => {\n  const { setActiveStep } = useStepper();\n  const { step, isDisabled } = useStepItem();\n\n  if (asChild) {\n    return <div className={className}>{children}</div>;\n  }\n\n  return (\n    <button\n      className={cn(\n        'inline-flex items-center gap-3 disabled:pointer-events-none',\n        className,\n      )}\n      disabled={isDisabled}\n      onClick={() => setActiveStep(step)}\n      {...props}\n    >\n      {children}\n    </button>\n  );\n};\nStepperTrigger.displayName = 'StepperTrigger';\n\ninterface StepperIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  asChild?: boolean;\n}\n\nconst StepperIndicator = ({\n  asChild = false,\n  className,\n  children,\n  ...props\n}: StepperIndicatorProps) => {\n  const { state, step, isLoading } = useStepItem();\n\n  return (\n    <div\n      className={cn(\n        'bg-bg-tertiary text-text-secondary data-[state=completed]:bg-brand data-[state=active]:text-text-default data-[state=completed]:text-primary-foreground data-[state=active]:bg-bg-secondary relative flex size-6 shrink-0 items-center justify-center rounded-full text-xs font-medium',\n        className,\n      )}\n      data-state={state}\n      {...props}\n    >\n      {asChild ? (\n        children\n      ) : (\n        <>\n          <span className=\"transition-all group-data-[loading=true]/step:scale-0 group-data-[loading=true]/step:opacity-0 group-data-[loading=true]/step:transition-none group-data-[state=completed]/step:scale-0 group-data-[state=completed]/step:opacity-0\">\n            {step}\n          </span>\n          <CheckIcon\n            aria-hidden=\"true\"\n            className=\"absolute scale-0 opacity-0 transition-all group-data-[state=completed]/step:scale-100 group-data-[state=completed]/step:opacity-100\"\n            // size={16}\n            strokeWidth={2}\n          />\n          {isLoading && (\n            <span className=\"absolute transition-all\">\n              <LoaderCircle\n                aria-hidden=\"true\"\n                className=\"animate-spin\"\n                size={14}\n                strokeWidth={2}\n              />\n            </span>\n          )}\n        </>\n      )}\n    </div>\n  );\n};\nStepperIndicator.displayName = 'StepperIndicator';\n\n// StepperTitle\nconst StepperTitle = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLHeadingElement>) => (\n  <h3 className={cn('text-sm font-medium', className)} {...props} />\n);\nStepperTitle.displayName = 'StepperTitle';\n\nconst StepperDescription = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLParagraphElement>) => (\n  <p className={cn('text-text-secondary text-sm', className)} {...props} />\n);\nStepperDescription.displayName = 'StepperDescription';\n\nconst StepperSeparator = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <div\n      className={cn(\n        'bg-muted group-data-[state=completed]/step:bg-primary m-0.5 group-data-[orientation=horizontal]/stepper:h-0.5 group-data-[orientation=horizontal]/stepper:w-full group-data-[orientation=horizontal]/stepper:flex-1 group-data-[orientation=vertical]/stepper:h-12 group-data-[orientation=vertical]/stepper:w-0.5',\n        className,\n      )}\n      {...props}\n    />\n  );\n};\nStepperSeparator.displayName = 'StepperSeparator';\n\nexport {\n  Stepper,\n  StepperDescription,\n  StepperIndicator,\n  StepperItem,\n  StepperSeparator,\n  StepperTitle,\n  StepperTrigger,\n};\n","import React from 'react';\n\nimport { cn } from '../lib/utils';\n\nexport const TextLink = ({\n  label,\n  url,\n  className,\n  ...props\n}: {\n  label: string;\n  url: string;\n} & React.ButtonHTMLAttributes<HTMLSpanElement>) => (\n  <span\n    className={cn('cursor-pointer text-white underline', className)}\n    onClick={() => {\n      window.open(url);\n    }}\n    {...props}\n  >\n    <a href={url} rel=\"noreferrer\" target=\"_blank\">\n      {label}\n    </a>\n  </span>\n);\n","import React from 'react';\n\nimport { type RefCallBack } from 'react-hook-form';\nimport { cn } from '../lib/utils';\nimport {\n  FormControl,\n  FormDescription,\n  FormItem,\n  FormLabel,\n  FormMessage,\n} from './form';\nimport { Input } from './input';\n\nconst TextField = ({\n  classes,\n  field,\n  label,\n  type = 'text',\n  helperMessage,\n  startAdornment,\n  endAdornment,\n  autoFocus,\n  min,\n  max,\n}: {\n  classes?: {\n    formItem?: string;\n    label?: string;\n    input?: string;\n    helperMessage?: string;\n  };\n  field: {\n    onChange?: (...event: any[]) => void;\n    onFocus?: (...event: any[]) => void;\n    onKeyDown?: (...event: any[]) => void;\n    onBlur?: () => void;\n    value: any;\n    disabled?: boolean;\n    name?: string;\n    ref?: React.RefObject<HTMLInputElement | null> | RefCallBack;\n    placeholder?: string;\n    readOnly?: boolean;\n  };\n  autoFocus?: boolean;\n  label: React.ReactNode;\n  helperMessage?: React.ReactNode;\n  type?: 'text' | 'password' | 'number';\n  startAdornment?: React.ReactNode;\n  endAdornment?: React.ReactNode;\n  min?: number;\n  max?: number;\n}) => {\n  return (\n    <FormItem className={cn(classes?.formItem)}>\n      <FormControl>\n        <Input\n          autoFocus={autoFocus}\n          className={cn(classes?.input)}\n          endAdornment={endAdornment}\n          max={max}\n          min={min}\n          spellCheck={false}\n          startAdornment={startAdornment}\n          type={type}\n          {...field}\n        />\n      </FormControl>\n      <FormLabel className={cn(classes?.label)}>{label}</FormLabel>\n      <FormDescription>{helperMessage}</FormDescription>\n      <FormMessage className={cn(classes?.helperMessage)} />\n    </FormItem>\n  );\n};\n\nexport { TextField };\n"]}