@hexclave/ui 1.0.0

package/dist/esm/components/ui/dropdown-menu.js

@@ -0,0 +1,138 @@
+"use client";
+
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { throwErr } from "@hexclave/shared/dist/utils/errors";
+import { forwardRefIfNeeded } from "@hexclave/shared/dist/utils/react";
+import { CheckIcon, ChevronRightIcon, DotFilledIcon } from "@radix-ui/react-icons";
+import { cn } from "../../lib/utils.js";
+import { runAsynchronouslyWithAlert } from "@hexclave/shared/dist/utils/promises";
+import { useAsyncCallback } from "@hexclave/shared/dist/hooks/use-async-callback";
+import { Spinner } from "./spinner.js";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+
+//#region src/components/ui/dropdown-menu.tsx
+const DropdownMenuContext = React.createContext(void 0);
+const DropdownMenu = forwardRefIfNeeded(({ ...props }, ref) => {
+	const [open, setOpen] = React.useState(!!props.open);
+	return /* @__PURE__ */ jsx(DropdownMenuContext.Provider, {
+		value: {
+			open,
+			setOpen: (o) => {
+				props.onOpenChange?.(o);
+				setOpen(o);
+			}
+		},
+		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, {
+			...props,
+			open: props.open ?? open,
+			onOpenChange: (o) => {
+				props.onOpenChange?.(o);
+				setOpen(o);
+			}
+		})
+	});
+});
+DropdownMenu.displayName = DropdownMenuPrimitive.Root.displayName;
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+const DropdownMenuGroup = DropdownMenuPrimitive.Group;
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+const DropdownMenuSub = DropdownMenuPrimitive.Sub;
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+const DropdownMenuSubTrigger = forwardRefIfNeeded(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {
+	ref,
+	className: cn("stack-scope flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent", inset && "pl-8", className),
+	...props,
+	children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto h-4 w-4" })]
+}));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+const DropdownMenuSubContent = forwardRefIfNeeded(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, {
+	ref,
+	className: cn("stack-scope z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
+	...props
+}));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+const DropdownMenuContent = forwardRefIfNeeded(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
+	ref,
+	sideOffset,
+	className: cn("stack-scope z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md", "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
+	...props
+}) }));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+const DropdownMenuItem = forwardRefIfNeeded(({ className, inset, ...props }, ref) => {
+	const { setOpen } = React.useContext(DropdownMenuContext) ?? throwErr("No DropdownMenuContext found");
+	const [handleClick, isLoading] = useAsyncCallback(async (e) => {
+		await props.onClick?.(e);
+		setOpen(false);
+	}, [props.onClick]);
+	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.Item, {
+		ref,
+		className: cn("stack-scope relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className),
+		...props,
+		disabled: isLoading || props.disabled,
+		onClick: props.onClick ? (e) => {
+			e.preventDefault();
+			e.stopPropagation();
+			runAsynchronouslyWithAlert(handleClick(e));
+		} : void 0,
+		children: [/* @__PURE__ */ jsx("div", {
+			style: {
+				visibility: isLoading ? "visible" : "hidden",
+				position: "absolute",
+				inset: 0,
+				display: "flex",
+				justifyContent: "center",
+				alignItems: "center"
+			},
+			children: /* @__PURE__ */ jsx(Spinner, {})
+		}), /* @__PURE__ */ jsx("div", {
+			style: { visibility: isLoading ? "hidden" : "visible" },
+			children: props.children
+		})]
+	});
+});
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+const DropdownMenuCheckboxItem = forwardRefIfNeeded(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
+	ref,
+	className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
+	checked,
+	...props,
+	children: [/* @__PURE__ */ jsx("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "h-4 w-4" }) })
+	}), children]
+}));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+const DropdownMenuRadioItem = forwardRefIfNeeded(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, {
+	ref,
+	className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
+	...props,
+	children: [/* @__PURE__ */ jsx("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(DotFilledIcon, { className: "h-4 w-4 fill-current" }) })
+	}), children]
+}));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+const DropdownMenuLabel = forwardRefIfNeeded(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
+	ref,
+	className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
+	...props
+}));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+const DropdownMenuSeparator = forwardRefIfNeeded(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
+	ref,
+	className: cn("-mx-1 my-1 h-px bg-muted", className),
+	...props
+}));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+const DropdownMenuShortcut = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("stack-scope ml-auto text-xs tracking-widest opacity-60", className),
+		...props
+	});
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+
+//#endregion
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
+//# sourceMappingURL=dropdown-menu.js.map

package/dist/esm/components/ui/dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.js","names":[],"sources":["../../../../src/components/ui/dropdown-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { CheckIcon, ChevronRightIcon, DotFilledIcon } from \"@radix-ui/react-icons\";\nimport { forwardRefIfNeeded } from \"@stackframe/stack-shared/dist/utils/react\";\nimport React from \"react\";\n\nimport { useAsyncCallback } from \"@stackframe/stack-shared/dist/hooks/use-async-callback\";\nimport { throwErr } from \"@stackframe/stack-shared/dist/utils/errors\";\nimport { runAsynchronouslyWithAlert } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport { cn } from \"../../lib/utils\";\nimport { Spinner } from \"./spinner\";\n\nconst DropdownMenuContext = React.createContext<{\n  open: boolean,\n  setOpen: (open: boolean) => void,\n} | undefined>(undefined);\n\nconst DropdownMenu = forwardRefIfNeeded<\n  React.ElementRef<typeof DropdownMenuPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root>\n>(({ ...props }, ref) => {\n  const [open, setOpen] = React.useState(!!props.open);\n\n  return (\n    <DropdownMenuContext.Provider value={{\n      open,\n      setOpen: (o) => {\n        props.onOpenChange?.(o);\n        setOpen(o);\n      }\n    }}>\n      <DropdownMenuPrimitive.Root\n        {...props}\n        open={props.open ?? open}\n        onOpenChange={o => {\n          props.onOpenChange?.(o);\n          setOpen(o);\n        }}\n      />\n    </DropdownMenuContext.Provider>\n  );\n});\nDropdownMenu.displayName = DropdownMenuPrimitive.Root.displayName;\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group;\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal;\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub;\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\n\nconst DropdownMenuSubTrigger = forwardRefIfNeeded<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n    inset?: boolean,\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      \"stack-scope flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRightIcon className=\"ml-auto h-4 w-4\" />\n  </DropdownMenuPrimitive.SubTrigger>\n));\nDropdownMenuSubTrigger.displayName =\n  DropdownMenuPrimitive.SubTrigger.displayName;\n\nconst DropdownMenuSubContent = forwardRefIfNeeded<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubContent\n    ref={ref}\n    className={cn(\n      \"stack-scope z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground 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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n      className\n    )}\n    {...props}\n  />\n));\nDropdownMenuSubContent.displayName =\n  DropdownMenuPrimitive.SubContent.displayName;\n\nconst DropdownMenuContent = forwardRefIfNeeded<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        \"stack-scope z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md\",\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n        className\n      )}\n      {...props}\n    />\n  </DropdownMenuPrimitive.Portal>\n));\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;\n\nconst DropdownMenuItem = forwardRefIfNeeded<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  Omit<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item>, \"onClick\"> & {\n    inset?: boolean,\n    onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void | Promise<void>,\n  }\n>(({ className, inset, ...props }, ref) => {\n  const { setOpen } = React.useContext(DropdownMenuContext) ?? throwErr(\"No DropdownMenuContext found\");\n  const [handleClick, isLoading] = useAsyncCallback(async (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => {\n    await props.onClick?.(e);\n    setOpen(false);\n  }, [props.onClick]);\n\n  return <DropdownMenuPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"stack-scope relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n    disabled={isLoading || props.disabled}\n    onClick={props.onClick ? (e) => {\n      e.preventDefault();\n      e.stopPropagation();\n      runAsynchronouslyWithAlert(handleClick(e));\n    } : undefined}\n  >\n    <div style={{ visibility: isLoading ? \"visible\" : \"hidden\", position: \"absolute\", inset: 0, display: \"flex\", justifyContent: \"center\", alignItems: \"center\" }}>\n      <Spinner />\n    </div>\n    <div style={{ visibility: isLoading ? \"hidden\" : \"visible\" }}>\n      {props.children}\n    </div>\n  </DropdownMenuPrimitive.Item>;\n});\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;\n\nconst DropdownMenuCheckboxItem = forwardRefIfNeeded<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <CheckIcon className=\"h-4 w-4\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n));\nDropdownMenuCheckboxItem.displayName =\n  DropdownMenuPrimitive.CheckboxItem.displayName;\n\nconst DropdownMenuRadioItem = forwardRefIfNeeded<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <DotFilledIcon className=\"h-4 w-4 fill-current\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n));\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;\n\nconst DropdownMenuLabel = forwardRefIfNeeded<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n    inset?: boolean,\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Label\n    ref={ref}\n    className={cn(\n      \"px-2 py-1.5 text-sm font-semibold\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  />\n));\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;\n\nconst DropdownMenuSeparator = forwardRefIfNeeded<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n    {...props}\n  />\n));\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;\n\nconst DropdownMenuShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn(\"stack-scope ml-auto text-xs tracking-widest opacity-60\", className)}\n      {...props}\n    />\n  );\n};\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\";\n\nexport {\n  DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator,\n  DropdownMenuShortcut, DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger, DropdownMenuTrigger\n};\n"],"mappings":"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"}

package/dist/esm/components/ui/form.d.ts

@@ -0,0 +1,42 @@
+import React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _radix_ui_react_slot0 from "@radix-ui/react-slot";
+import * as react_hook_form0 from "react-hook-form";
+import { ControllerProps, FieldPath, FieldValues } from "react-hook-form";
+import * as LabelPrimitive from "@radix-ui/react-label";
+
+//#region src/components/ui/form.d.ts
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: react_hook_form0.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({
+  ...props
+}: ControllerProps<TFieldValues, TName>) => react_jsx_runtime0.JSX.Element;
+declare const useFormField: () => {
+  invalid: boolean;
+  isDirty: boolean;
+  isTouched: boolean;
+  isValidating: boolean;
+  error?: react_hook_form0.FieldError;
+  id: string;
+  name: string;
+  formItemId: string;
+  formDescriptionId: string;
+  formMessageId: string;
+};
+declare const FormItem: React.FC<React.HTMLAttributes<HTMLDivElement> & {
+  ref?: React.Ref<HTMLDivElement> | undefined;
+}>;
+declare const FormLabel: React.FC<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & {
+  ref?: React.Ref<HTMLLabelElement> | undefined;
+}>;
+declare const FormControl: React.FC<Omit<_radix_ui_react_slot0.SlotProps & React.RefAttributes<HTMLElement>, "ref"> & {
+  ref?: React.Ref<HTMLElement> | undefined;
+}>;
+declare const FormDescription: React.FC<React.HTMLAttributes<HTMLParagraphElement> & {
+  ref?: React.Ref<HTMLParagraphElement> | undefined;
+}>;
+declare const FormMessage: React.FC<React.HTMLAttributes<HTMLParagraphElement> & {
+  ref?: React.Ref<HTMLParagraphElement> | undefined;
+}>;
+//#endregion
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };
+//# sourceMappingURL=form.d.ts.map

package/dist/esm/components/ui/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","names":[],"sources":["../../../../src/components/ui/form.tsx"],"mappings":";;;;;;;;cAmBM,IAAA,wBAAI,WAAA,6CAAA,WAAA,0BAAA,KAAA,EAAA,gBAAA,CAAA,iBAAA,CAAA,YAAA,EAAA,QAAA,EAAA,kBAAA,MAAA,KAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAWJ,SAAA,wBACiB,WAAA,GAAc,WAAA,gBACrB,SAAA,CAAU,YAAA,IAAgB,SAAA,CAAU,YAAA;EAAA,GAClD;AAAA,GAEG,eAAA,CAAgB,YAAA,EAAc,KAAA,MAAM,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAQnC,YAAA;;;;;UAsBL,gBAAA,CAAA,UAAA;;;;;;;cAUK,QAAA,EAAQ,KAAA,CAAA,EAAA,CAAA,KAAA,CAAA,cAAA,CAAA,cAAA;;;cAcR,SAAA,EAAS,KAAA,CAAA,EAAA,CAAA,IAAA,CAAA,cAAA,CAAA,UAAA,GAAA,KAAA,CAAA,aAAA,CAAA,gBAAA;;;cAgBT,WAAA,EAAW,KAAA,CAAA,EAAA,CAAA,IAAA,CAmBf,qBAAA,CAnBe,SAAA,GAAA,KAAA,CAAA,aAAA,CAAA,WAAA;;;cAsBX,eAAA,EAAe,KAAA,CAAA,EAAA,CAAA,KAAA,CAAA,cAAA,CAAA,oBAAA;;;cAiBf,WAAA,EAAW,KAAA,CAAA,EAAA,CAAA,KAAA,CAAA,cAAA,CAAA,oBAAA"}

package/dist/esm/components/ui/form.js

@@ -0,0 +1,97 @@
+'use client';
+
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+import { HexclaveAssertionError } from "@hexclave/shared/dist/utils/errors";
+import { forwardRefIfNeeded } from "@hexclave/shared/dist/utils/react";
+import { cn } from "../../lib/utils.js";
+import { Slot } from "@radix-ui/react-slot";
+import { Controller, FormProvider, useFormContext } from "react-hook-form";
+import { SpanLabel } from "./label.js";
+
+//#region src/components/ui/form.tsx
+const Form = FormProvider;
+const FormFieldContext = React.createContext(null);
+const FormField = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(FormFieldContext.Provider, {
+		value: { name: props.name },
+		children: /* @__PURE__ */ jsx(Controller, { ...props })
+	});
+};
+const useFormField = () => {
+	const fieldContext = React.useContext(FormFieldContext);
+	const itemContext = React.useContext(FormItemContext);
+	const { getFieldState, formState } = useFormContext();
+	if (!fieldContext) throw new HexclaveAssertionError("useFormField should be used within <FormField>");
+	const fieldState = getFieldState(fieldContext.name, formState);
+	const { id } = itemContext;
+	const formItemId = React.useId();
+	return {
+		id,
+		name: fieldContext.name,
+		formItemId: `${formItemId}-form-item`,
+		formDescriptionId: `${id}-form-item-description`,
+		formMessageId: `${id}-form-item-message`,
+		...fieldState
+	};
+};
+const FormItemContext = React.createContext({});
+const FormItem = forwardRefIfNeeded(({ className, ...props }, ref) => {
+	const id = React.useId();
+	return /* @__PURE__ */ jsx(FormItemContext.Provider, {
+		value: { id },
+		children: /* @__PURE__ */ jsx("div", {
+			ref,
+			className: cn("space-y-2", className),
+			...props
+		})
+	});
+});
+FormItem.displayName = "FormItem";
+const FormLabel = forwardRefIfNeeded(({ className, ...props }, ref) => {
+	const { error } = useFormField();
+	return /* @__PURE__ */ jsx(SpanLabel, {
+		ref,
+		className: cn(error && "text-destructive", className),
+		...props
+	});
+});
+FormLabel.displayName = "FormLabel";
+const FormControl = forwardRefIfNeeded(({ ...props }, ref) => {
+	const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+	return /* @__PURE__ */ jsx(Slot, {
+		ref,
+		id: formItemId,
+		"aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+		"aria-invalid": !!error,
+		...props
+	});
+});
+FormControl.displayName = "FormControl";
+const FormDescription = forwardRefIfNeeded(({ className, ...props }, ref) => {
+	const { formDescriptionId } = useFormField();
+	return /* @__PURE__ */ jsx("p", {
+		ref,
+		id: formDescriptionId,
+		className: cn("text-[0.8rem] text-muted-foreground", className),
+		...props
+	});
+});
+FormDescription.displayName = "FormDescription";
+const FormMessage = forwardRefIfNeeded(({ className, children, ...props }, ref) => {
+	const { error, formMessageId } = useFormField();
+	const body = error ? String(error.message) : children;
+	if (!body) return null;
+	return /* @__PURE__ */ jsx("p", {
+		ref,
+		id: formMessageId,
+		className: cn("text-[0.8rem] font-medium text-destructive", className),
+		...props,
+		children: body
+	});
+});
+FormMessage.displayName = "FormMessage";
+
+//#endregion
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };
+//# sourceMappingURL=form.js.map

package/dist/esm/components/ui/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","names":[],"sources":["../../../../src/components/ui/form.tsx"],"sourcesContent":["'use client';\n\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport React from \"react\";\nimport { forwardRefIfNeeded } from \"@stackframe/stack-shared/dist/utils/react\";\nimport {\n  Controller,\n  ControllerProps,\n  FieldPath,\n  FieldValues,\n  FormProvider,\n  useFormContext,\n} from \"react-hook-form\";\n\nimport { HexclaveAssertionError } from \"@stackframe/stack-shared/dist/utils/errors\";\nimport { cn } from \"../../lib/utils\";\nimport { SpanLabel } from \"./label\";\n\nconst Form = FormProvider;\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> = {\n  name: TName,\n}\n\nconst FormFieldContext = React.createContext<FormFieldContextValue | null>(null);\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n    ...props\n  }: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  );\n};\n\nconst useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext);\n  const itemContext = React.useContext(FormItemContext);\n  const { getFieldState, formState } = useFormContext();\n\n  if (!fieldContext) {\n    throw new HexclaveAssertionError(\"useFormField should be used within <FormField>\");\n  }\n\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  const { id } = itemContext;\n  const formItemId = React.useId();\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${formItemId}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  };\n};\n\ntype FormItemContextValue = {\n  id: string,\n}\n\nconst FormItemContext = React.createContext<FormItemContextValue>(\n  {} as FormItemContextValue\n);\n\nconst FormItem = forwardRefIfNeeded<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => {\n  const id = React.useId();\n\n  return (\n    <FormItemContext.Provider value={{ id }}>\n      <div ref={ref} className={cn(\"space-y-2\", className)} {...props} />\n    </FormItemContext.Provider>\n  );\n});\nFormItem.displayName = \"FormItem\";\n\nconst FormLabel = forwardRefIfNeeded<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  const { error } = useFormField();\n\n  return (\n    <SpanLabel\n      ref={ref}\n      className={cn(error && \"text-destructive\", className)}\n      {...props}\n    />\n  );\n});\nFormLabel.displayName = \"FormLabel\";\n\nconst FormControl = forwardRefIfNeeded<\n  React.ElementRef<typeof Slot>,\n  React.ComponentPropsWithoutRef<typeof Slot>\n>(({ ...props }, ref) => {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();\n\n  return (\n    <Slot\n      ref={ref}\n      id={formItemId}\n      aria-describedby={\n        !error\n          ? `${formDescriptionId}`\n          : `${formDescriptionId} ${formMessageId}`\n      }\n      aria-invalid={!!error}\n      {...props}\n    />\n  );\n});\nFormControl.displayName = \"FormControl\";\n\nconst FormDescription = forwardRefIfNeeded<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => {\n  const { formDescriptionId } = useFormField();\n\n  return (\n    <p\n      ref={ref}\n      id={formDescriptionId}\n      className={cn(\"text-[0.8rem] text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n});\nFormDescription.displayName = \"FormDescription\";\n\nconst FormMessage = forwardRefIfNeeded<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, children, ...props }, ref) => {\n  const { error, formMessageId } = useFormField();\n  const body = error ? String(error.message) : children;\n\n  if (!body) {\n    return null;\n  }\n\n  return (\n    <p\n      ref={ref}\n      id={formMessageId}\n      className={cn(\"text-[0.8rem] font-medium text-destructive\", className)}\n      {...props}\n    >\n      {body}\n    </p>\n  );\n});\nFormMessage.displayName = \"FormMessage\";\n\nexport {\n  Form, FormControl,\n  FormDescription, FormField, FormItem,\n  FormLabel, FormMessage, useFormField\n};\n"],"mappings":";;;;;;;;;;;;AAmBA,MAAM,OAAO;AASb,MAAM,mBAAmB,MAAM,cAA4C,KAAK;AAEhF,MAAM,aAGJ,EACE,GAAG,YACuC;AAC5C,QACE,oBAAC,iBAAiB;EAAS,OAAO,EAAE,MAAM,MAAM,MAAM;YACpD,oBAAC,cAAW,GAAI,QAAS;GACC;;AAIhC,MAAM,qBAAqB;CACzB,MAAM,eAAe,MAAM,WAAW,iBAAiB;CACvD,MAAM,cAAc,MAAM,WAAW,gBAAgB;CACrD,MAAM,EAAE,eAAe,cAAc,gBAAgB;AAErD,KAAI,CAAC,aACH,OAAM,IAAI,uBAAuB,iDAAiD;CAGpF,MAAM,aAAa,cAAc,aAAa,MAAM,UAAU;CAE9D,MAAM,EAAE,OAAO;CACf,MAAM,aAAa,MAAM,OAAO;AAEhC,QAAO;EACL;EACA,MAAM,aAAa;EACnB,YAAY,GAAG,WAAW;EAC1B,mBAAmB,GAAG,GAAG;EACzB,eAAe,GAAG,GAAG;EACrB,GAAG;EACJ;;AAOH,MAAM,kBAAkB,MAAM,cAC5B,EAAE,CACH;AAED,MAAM,WAAW,oBAGd,EAAE,WAAW,GAAG,SAAS,QAAQ;CAClC,MAAM,KAAK,MAAM,OAAO;AAExB,QACE,oBAAC,gBAAgB;EAAS,OAAO,EAAE,IAAI;YACrC,oBAAC;GAAS;GAAK,WAAW,GAAG,aAAa,UAAU;GAAE,GAAI;IAAS;GAC1C;EAE7B;AACF,SAAS,cAAc;AAEvB,MAAM,YAAY,oBAGf,EAAE,WAAW,GAAG,SAAS,QAAQ;CAClC,MAAM,EAAE,UAAU,cAAc;AAEhC,QACE,oBAAC;EACM;EACL,WAAW,GAAG,SAAS,oBAAoB,UAAU;EACrD,GAAI;GACJ;EAEJ;AACF,UAAU,cAAc;AAExB,MAAM,cAAc,oBAGjB,EAAE,GAAG,SAAS,QAAQ;CACvB,MAAM,EAAE,OAAO,YAAY,mBAAmB,kBAAkB,cAAc;AAE9E,QACE,oBAAC;EACM;EACL,IAAI;EACJ,oBACE,CAAC,QACG,GAAG,sBACH,GAAG,kBAAkB,GAAG;EAE9B,gBAAc,CAAC,CAAC;EAChB,GAAI;GACJ;EAEJ;AACF,YAAY,cAAc;AAE1B,MAAM,kBAAkB,oBAGrB,EAAE,WAAW,GAAG,SAAS,QAAQ;CAClC,MAAM,EAAE,sBAAsB,cAAc;AAE5C,QACE,oBAAC;EACM;EACL,IAAI;EACJ,WAAW,GAAG,uCAAuC,UAAU;EAC/D,GAAI;GACJ;EAEJ;AACF,gBAAgB,cAAc;AAE9B,MAAM,cAAc,oBAGjB,EAAE,WAAW,UAAU,GAAG,SAAS,QAAQ;CAC5C,MAAM,EAAE,OAAO,kBAAkB,cAAc;CAC/C,MAAM,OAAO,QAAQ,OAAO,MAAM,QAAQ,GAAG;AAE7C,KAAI,CAAC,KACH,QAAO;AAGT,QACE,oBAAC;EACM;EACL,IAAI;EACJ,WAAW,GAAG,8CAA8C,UAAU;EACtE,GAAI;YAEH;GACC;EAEN;AACF,YAAY,cAAc"}

package/dist/esm/components/ui/hover-card.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+
+//#region src/components/ui/hover-card.d.ts
+declare const HoverCard: React.FC<HoverCardPrimitive.HoverCardProps>;
+declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
+declare const HoverCardContent: React.FC<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+  ref?: React.Ref<HTMLDivElement> | undefined;
+}>;
+//#endregion
+export { HoverCard, HoverCardContent, HoverCardTrigger };
+//# sourceMappingURL=hover-card.d.ts.map

package/dist/esm/components/ui/hover-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card.d.ts","names":[],"sources":["../../../../src/components/ui/hover-card.tsx"],"mappings":";;;;cAQM,SAAA,EAAS,KAAA,CAAA,EAAA,CAAA,kBAAA,CAAA,cAAA;AAAA,cAET,gBAAA,EAAgB,KAAA,CAAA,yBAAA,CAAA,kBAAA,CAAA,qBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,cAEhB,gBAAA,EAAgB,KAAA,CAAA,EAAA,CAAA,IAAA,CAAA,kBAAA,CAAA,qBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,cAAA"}

package/dist/esm/components/ui/hover-card.js

@@ -0,0 +1,23 @@
+"use client";
+
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+import { forwardRefIfNeeded } from "@hexclave/shared/dist/utils/react";
+import { cn } from "../../lib/utils.js";
+import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
+
+//#region src/components/ui/hover-card.tsx
+const HoverCard = HoverCardPrimitive.Root;
+const HoverCardTrigger = HoverCardPrimitive.Trigger;
+const HoverCardContent = forwardRefIfNeeded(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(HoverCardPrimitive.Content, {
+	ref,
+	align,
+	sideOffset,
+	className: cn("stack-scope z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className),
+	...props
+}));
+HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
+
+//#endregion
+export { HoverCard, HoverCardContent, HoverCardTrigger };
+//# sourceMappingURL=hover-card.js.map

package/dist/esm/components/ui/hover-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-card.js","names":[],"sources":["../../../../src/components/ui/hover-card.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport { forwardRefIfNeeded } from \"@stackframe/stack-shared/dist/utils/react\";\nimport * as HoverCardPrimitive from \"@radix-ui/react-hover-card\";\n\nimport { cn } from \"../../lib/utils\";\n\nconst HoverCard = HoverCardPrimitive.Root;\n\nconst HoverCardTrigger = HoverCardPrimitive.Trigger;\n\nconst HoverCardContent = forwardRefIfNeeded<\n  React.ElementRef<typeof HoverCardPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n  <HoverCardPrimitive.Content\n    ref={ref}\n    align={align}\n    sideOffset={sideOffset}\n    className={cn(\n      \"stack-scope z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n      className\n    )}\n    {...props}\n  />\n));\nHoverCardContent.displayName = HoverCardPrimitive.Content.displayName;\n\nexport { HoverCard, HoverCardTrigger, HoverCardContent };\n"],"mappings":";;;;;;;;;AAQA,MAAM,YAAY,mBAAmB;AAErC,MAAM,mBAAmB,mBAAmB;AAE5C,MAAM,mBAAmB,oBAGtB,EAAE,WAAW,QAAQ,UAAU,aAAa,GAAG,GAAG,SAAS,QAC5D,oBAAC,mBAAmB;CACb;CACE;CACK;CACZ,WAAW,GACT,0bACA,UACD;CACD,GAAI;EACJ,CACF;AACF,iBAAiB,cAAc,mBAAmB,QAAQ"}

package/dist/esm/components/ui/inline-code.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+
+//#region src/components/ui/inline-code.d.ts
+declare const InlineCode: React.FC<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+  ref?: React.Ref<HTMLElement> | undefined;
+}>;
+//#endregion
+export { InlineCode };
+//# sourceMappingURL=inline-code.d.ts.map

package/dist/esm/components/ui/inline-code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-code.d.ts","names":[],"sources":["../../../../src/components/ui/inline-code.tsx"],"mappings":";;;cAUM,UAAA,EAAU,KAAA,CAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA,iBAAA,CAAA,KAAA,CAAA,cAAA,CAAA,WAAA,GAAA,WAAA"}

package/dist/esm/components/ui/inline-code.js

@@ -0,0 +1,45 @@
+"use client";
+
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+import { forwardRefIfNeeded, getNodeText } from "@hexclave/shared/dist/utils/react";
+import { cn } from "../../lib/utils.js";
+import { runAsynchronously } from "@hexclave/shared/dist/utils/promises";
+import { hasClickableParent } from "@hexclave/shared/dist/utils/dom";
+import { useToast } from "./use-toast.js";
+
+//#region src/components/ui/inline-code.tsx
+const InlineCode = forwardRefIfNeeded((props, ref) => {
+	const { toast } = useToast();
+	return /* @__PURE__ */ jsx("code", {
+		ref,
+		...props,
+		className: cn("stack-scope bg-zinc-200 text-zinc-700 dark:bg-zinc-800 dark:text-zinc-300 rounded-sm px-1 cursor-pointer", props.className),
+		onClick: (e) => {
+			props.onClick?.(e);
+			if (!hasClickableParent(e.currentTarget)) {
+				e.stopPropagation();
+				e.preventDefault();
+				runAsynchronously(async () => {
+					try {
+						await navigator.clipboard.writeText(getNodeText(props.children));
+						toast({
+							description: "Copied to clipboard!",
+							variant: "success"
+						});
+					} catch (e) {
+						toast({
+							description: "Failed to copy to clipboard",
+							variant: "destructive"
+						});
+					}
+				});
+			}
+		}
+	});
+});
+InlineCode.displayName = "Code";
+
+//#endregion
+export { InlineCode };
+//# sourceMappingURL=inline-code.js.map

package/dist/esm/components/ui/inline-code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-code.js","names":[],"sources":["../../../../src/components/ui/inline-code.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../../lib/utils\";\nimport React from \"react\";\nimport { forwardRefIfNeeded } from \"@stackframe/stack-shared/dist/utils/react\";\nimport { hasClickableParent } from \"@stackframe/stack-shared/dist/utils/dom\";\nimport { getNodeText } from \"@stackframe/stack-shared/dist/utils/react\";\nimport { runAsynchronously } from \"@stackframe/stack-shared/dist/utils/promises\";\nimport { useToast } from \"./use-toast\";\n\nconst InlineCode = forwardRefIfNeeded<\n  React.ElementRef<\"code\">,\n  React.ComponentPropsWithoutRef<\"code\">\n>((props, ref) => {\n  const { toast }  = useToast();\n\n  return <code\n    ref={ref}\n    {...props}\n    className={cn(\"stack-scope bg-zinc-200 text-zinc-700 dark:bg-zinc-800 dark:text-zinc-300 rounded-sm px-1 cursor-pointer\", props.className)}\n    onClick={(e: React.MouseEvent<HTMLElement>) => {\n      props.onClick?.(e);\n      if (!hasClickableParent(e.currentTarget)) {\n        e.stopPropagation();\n        e.preventDefault();\n        runAsynchronously(async () => {\n          try {\n            await navigator.clipboard.writeText(getNodeText(props.children));\n            toast({ description: 'Copied to clipboard!', variant: 'success' });\n          } catch (e) {\n            toast({ description: 'Failed to copy to clipboard', variant: 'destructive' });\n          }\n        });\n      }\n    }}\n  />;\n});\nInlineCode.displayName = \"Code\";\n\nexport { InlineCode };\n"],"mappings":";;;;;;;;;;;AAUA,MAAM,aAAa,oBAGhB,OAAO,QAAQ;CAChB,MAAM,EAAE,UAAW,UAAU;AAE7B,QAAO,oBAAC;EACD;EACL,GAAI;EACJ,WAAW,GAAG,4GAA4G,MAAM,UAAU;EAC1I,UAAU,MAAqC;AAC7C,SAAM,UAAU,EAAE;AAClB,OAAI,CAAC,mBAAmB,EAAE,cAAc,EAAE;AACxC,MAAE,iBAAiB;AACnB,MAAE,gBAAgB;AAClB,sBAAkB,YAAY;AAC5B,SAAI;AACF,YAAM,UAAU,UAAU,UAAU,YAAY,MAAM,SAAS,CAAC;AAChE,YAAM;OAAE,aAAa;OAAwB,SAAS;OAAW,CAAC;cAC3D,GAAG;AACV,YAAM;OAAE,aAAa;OAA+B,SAAS;OAAe,CAAC;;MAE/E;;;GAGN;EACF;AACF,WAAW,cAAc"}

package/dist/esm/components/ui/input-otp.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+import { OTPInput } from "input-otp";
+
+//#region src/components/ui/input-otp.d.ts
+declare const InputOTP: React.FC<React.ComponentPropsWithoutRef<typeof OTPInput>>;
+declare const InputOTPGroup: React.FC<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+  ref?: React.Ref<HTMLDivElement> | undefined;
+}>;
+declare const InputOTPSlot: React.FC<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+  index: number;
+  size?: "default" | "lg";
+} & {
+  ref?: React.Ref<HTMLDivElement> | undefined;
+}>;
+declare const InputOTPSeparator: React.FC<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+  ref?: React.Ref<HTMLDivElement> | undefined;
+}>;
+//#endregion
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
+//# sourceMappingURL=input-otp.d.ts.map

package/dist/esm/components/ui/input-otp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.d.ts","names":[],"sources":["../../../../src/components/ui/input-otp.tsx"],"mappings":";;;;cASM,QAAA,EAAU,KAAA,CAAM,EAAA,CAAG,KAAA,CAAM,wBAAA,QAAgC,QAAA;AAAA,cAgBzD,aAAA,EAAa,KAAA,CAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA,iBAAA,CAAA,KAAA,CAAA,cAAA,CAAA,cAAA,GAAA,cAAA;;;cAQb,YAAA,EAAY,KAAA,CAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA,iBAAA,CAAA,KAAA,CAAA,cAAA,CAAA,cAAA,GAAA,cAAA;;;;;;cA6BZ,iBAAA,EAAiB,KAAA,CAAA,EAAA,CAAA,IAAA,CAAA,KAAA,CAAA,iBAAA,CAAA,KAAA,CAAA,cAAA,CAAA,cAAA,GAAA,cAAA"}

package/dist/esm/components/ui/input-otp.js

@@ -0,0 +1,47 @@
+"use client";
+
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRefIfNeeded } from "@hexclave/shared/dist/utils/react";
+import { DashIcon } from "@radix-ui/react-icons";
+import { cn } from "../../lib/utils.js";
+import { OTPInput, OTPInputContext } from "input-otp";
+
+//#region src/components/ui/input-otp.tsx
+const InputOTP = forwardRefIfNeeded(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx(OTPInput, {
+	ref,
+	containerClassName: cn("stack-scope flex items-center gap-2 has-[:disabled]:opacity-50", containerClassName),
+	className: cn("disabled:cursor-not-allowed", className),
+	...props
+}));
+InputOTP.displayName = "InputOTP";
+const InputOTPGroup = forwardRefIfNeeded(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	className: cn("flex items-center gap-1", className),
+	...props
+}));
+InputOTPGroup.displayName = "InputOTPGroup";
+const InputOTPSlot = forwardRefIfNeeded(({ index, className, size = "default", ...props }, ref) => {
+	const { char, hasFakeCaret, isActive } = React.useContext(OTPInputContext).slots[index];
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: cn("relative flex h-9 w-9 items-center justify-center border border-input text-sm rounded-md", size === "lg" ? "h-10 w-10 text-lg font-medium" : "", isActive && "z-10 ring-1 ring-ring", className),
+		...props,
+		children: [char, hasFakeCaret && /* @__PURE__ */ jsx("div", {
+			className: "pointer-events-none absolute inset-0 flex items-center justify-center",
+			children: /* @__PURE__ */ jsx("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" })
+		})]
+	});
+});
+InputOTPSlot.displayName = "InputOTPSlot";
+const InputOTPSeparator = forwardRefIfNeeded(({ ...props }, ref) => /* @__PURE__ */ jsx("div", {
+	ref,
+	role: "separator",
+	...props,
+	children: /* @__PURE__ */ jsx(DashIcon, {})
+}));
+InputOTPSeparator.displayName = "InputOTPSeparator";
+
+//#endregion
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
+//# sourceMappingURL=input-otp.js.map

package/dist/esm/components/ui/input-otp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.js","names":[],"sources":["../../../../src/components/ui/input-otp.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\nimport { forwardRefIfNeeded } from \"@stackframe/stack-shared/dist/utils/react\";\nimport { DashIcon } from \"@radix-ui/react-icons\";\nimport { OTPInput, OTPInputContext } from \"input-otp\";\n\nimport { cn } from \"../../lib/utils\";\n\nconst InputOTP: React.FC<React.ComponentPropsWithoutRef<typeof OTPInput>> = forwardRefIfNeeded<\n  React.ElementRef<typeof OTPInput>,\n  React.ComponentPropsWithoutRef<typeof OTPInput>\n>(({ className, containerClassName, ...props }, ref) => (\n  <OTPInput\n    ref={ref}\n    containerClassName={cn(\n      \"stack-scope flex items-center gap-2 has-[:disabled]:opacity-50\",\n      containerClassName\n    )}\n    className={cn(\"disabled:cursor-not-allowed\", className)}\n    {...props}\n  />\n));\nInputOTP.displayName = \"InputOTP\";\n\nconst InputOTPGroup = forwardRefIfNeeded<\n  React.ElementRef<\"div\">,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"flex items-center gap-1\", className)} {...props} />\n));\nInputOTPGroup.displayName = \"InputOTPGroup\";\n\nconst InputOTPSlot = forwardRefIfNeeded<\n  React.ElementRef<\"div\">,\n  React.ComponentPropsWithoutRef<\"div\"> & { index: number, size?: 'default' | 'lg' }\n>(({ index, className, size = 'default', ...props }, ref) => {\n  const inputOTPContext = React.useContext(OTPInputContext);\n  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        \"relative flex h-9 w-9 items-center justify-center border border-input text-sm rounded-md\",\n        size === 'lg' ? 'h-10 w-10 text-lg font-medium' : '',\n        isActive && \"z-10 ring-1 ring-ring\",\n        className\n      )}\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className=\"h-4 w-px animate-caret-blink bg-foreground duration-1000\" />\n        </div>\n      )}\n    </div>\n  );\n});\nInputOTPSlot.displayName = \"InputOTPSlot\";\n\nconst InputOTPSeparator = forwardRefIfNeeded<\n  React.ElementRef<\"div\">,\n  React.ComponentPropsWithoutRef<\"div\">\n>(({ ...props }, ref) => (\n  <div ref={ref} role=\"separator\" {...props}>\n    <DashIcon />\n  </div>\n));\nInputOTPSeparator.displayName = \"InputOTPSeparator\";\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };\n"],"mappings":";;;;;;;;;;AASA,MAAM,WAAsE,oBAGzE,EAAE,WAAW,oBAAoB,GAAG,SAAS,QAC9C,oBAAC;CACM;CACL,oBAAoB,GAClB,kEACA,mBACD;CACD,WAAW,GAAG,+BAA+B,UAAU;CACvD,GAAI;EACJ,CACF;AACF,SAAS,cAAc;AAEvB,MAAM,gBAAgB,oBAGnB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAAC;CAAS;CAAK,WAAW,GAAG,2BAA2B,UAAU;CAAE,GAAI;EAAS,CACjF;AACF,cAAc,cAAc;AAE5B,MAAM,eAAe,oBAGlB,EAAE,OAAO,WAAW,OAAO,WAAW,GAAG,SAAS,QAAQ;CAE3D,MAAM,EAAE,MAAM,cAAc,aADJ,MAAM,WAAW,gBAAgB,CACA,MAAM;AAE/D,QACE,qBAAC;EACM;EACL,WAAW,GACT,4FACA,SAAS,OAAO,kCAAkC,IAClD,YAAY,yBACZ,UACD;EACD,GAAI;aAEH,MACA,gBACC,oBAAC;GAAI,WAAU;aACb,oBAAC,SAAI,WAAU,6DAA6D;IACxE;GAEJ;EAER;AACF,aAAa,cAAc;AAE3B,MAAM,oBAAoB,oBAGvB,EAAE,GAAG,SAAS,QACf,oBAAC;CAAS;CAAK,MAAK;CAAY,GAAI;WAClC,oBAAC,aAAW;EACR,CACN;AACF,kBAAkB,cAAc"}

package/dist/esm/components/ui/input.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+
+//#region src/components/ui/input.d.ts
+type InputProps = {
+  prefixItem?: React.ReactNode;
+} & React.InputHTMLAttributes<HTMLInputElement>;
+declare const Input: React.FC<{
+  prefixItem?: React.ReactNode;
+} & React.InputHTMLAttributes<HTMLInputElement> & {
+  ref?: React.Ref<HTMLInputElement> | undefined;
+}>;
+type DelayedInputProps = {
+  delay?: number;
+} & InputProps;
+declare const DelayedInput: React.FC<{
+  delay?: number;
+} & {
+  prefixItem?: React.ReactNode;
+} & React.InputHTMLAttributes<HTMLInputElement> & {
+  ref?: React.Ref<HTMLInputElement> | undefined;
+}>;
+//#endregion
+export { DelayedInput, DelayedInputProps, Input, InputProps };
+//# sourceMappingURL=input.d.ts.map

package/dist/esm/components/ui/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","names":[],"sources":["../../../../src/components/ui/input.tsx"],"mappings":";;;KAKY,UAAA;EACV,UAAA,GAAa,KAAA,CAAM,SAAA;AAAA,IACjB,KAAA,CAAM,mBAAA,CAAoB,gBAAA;AAAA,cAEjB,KAAA,EAAK,KAAA,CAAA,EAAA;eAHH,KAAA,CAAM,SAAA;AAAA;;;KAsCT,iBAAA;EACV,KAAA;AAAA,IACE,UAAA;AAAA,cAES,YAAA,EAAY,KAAA,CAAA,EAAA;;;eA1CV,KAAA,CAAM,SAAA;AAAA"}

package/dist/esm/components/ui/input.js

@@ -0,0 +1,53 @@
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRefIfNeeded } from "@hexclave/shared/dist/utils/react";
+import { cn } from "../../lib/utils.js";
+
+//#region src/components/ui/input.tsx
+const Input = forwardRefIfNeeded(({ className, type, prefixItem, ...props }, ref) => {
+	const baseClasses = "stack-scope flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50";
+	if (prefixItem) return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-row items-center backdrop-blur-md bg-white/20 dark:bg-black/20 flex-1",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "flex self-stretch justify-center items-center text-muted-foreground pl-3 select-none bg-muted/70 pr-3 border-r border-input rounded-l-md",
+			children: prefixItem
+		}), /* @__PURE__ */ jsx("input", {
+			type,
+			className: cn(baseClasses, "rounded-l-none", className),
+			ref,
+			...props
+		})]
+	});
+	else return /* @__PURE__ */ jsx("div", {
+		className: "flex flex-row items-center backdrop-blur-md bg-white/20 dark:bg-black/20 flex-1",
+		children: /* @__PURE__ */ jsx("input", {
+			type,
+			className: cn(baseClasses, className),
+			ref,
+			...props
+		})
+	});
+});
+Input.displayName = "Input";
+const DelayedInput = forwardRefIfNeeded(({ delay = 500, defaultValue, ...props }, ref) => {
+	const [value, setValue] = React.useState(defaultValue ?? "");
+	const timeout = React.useRef(null);
+	const onChange = (e) => {
+		setValue(e.target.value);
+		if (timeout.current) clearTimeout(timeout.current);
+		timeout.current = setTimeout(() => {
+			props.onChange?.(e);
+		}, delay);
+	};
+	return /* @__PURE__ */ jsx(Input, {
+		ref,
+		...props,
+		value,
+		onChange
+	});
+});
+DelayedInput.displayName = "DelayedInput";
+
+//#endregion
+export { DelayedInput, Input };
+//# sourceMappingURL=input.js.map

package/dist/esm/components/ui/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","names":[],"sources":["../../../../src/components/ui/input.tsx"],"sourcesContent":["import { forwardRefIfNeeded } from \"@stackframe/stack-shared/dist/utils/react\";\nimport React from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nexport type InputProps = {\n  prefixItem?: React.ReactNode,\n} & React.InputHTMLAttributes<HTMLInputElement>\n\nexport const Input = forwardRefIfNeeded<HTMLInputElement, InputProps>(\n  ({ className, type, prefixItem, ...props }, ref) => {\n    const baseClasses =  \"stack-scope flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\";\n\n    if (prefixItem) {\n      return (\n        <div className=\"flex flex-row items-center backdrop-blur-md bg-white/20 dark:bg-black/20 flex-1\">\n          <div className={'flex self-stretch justify-center items-center text-muted-foreground pl-3 select-none bg-muted/70 pr-3 border-r border-input rounded-l-md'}>\n            {prefixItem}\n          </div>\n          <input\n            type={type}\n            className={cn(baseClasses, 'rounded-l-none', className)}\n            ref={ref}\n            {...props}\n          />\n        </div>\n      );\n    } else {\n      return (\n        <div className=\"flex flex-row items-center backdrop-blur-md bg-white/20 dark:bg-black/20 flex-1\">\n          <input\n            type={type}\n            className={cn(baseClasses, className)}\n            ref={ref}\n            {...props}\n          />\n        </div>\n      );\n    }\n  }\n);\nInput.displayName = \"Input\";\n\n\nexport type DelayedInputProps = {\n  delay?: number,\n} & InputProps\n\nexport const DelayedInput = forwardRefIfNeeded<HTMLInputElement, DelayedInputProps>(\n  ({ delay = 500, defaultValue, ...props }, ref) => {\n    const [value, setValue] = React.useState(defaultValue ?? \"\");\n\n    const timeout = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    const onChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      setValue(e.target.value);\n      if (timeout.current) {\n        clearTimeout(timeout.current);\n      }\n      timeout.current = setTimeout(() => {\n        props.onChange?.(e);\n      }, delay);\n    };\n\n    return <Input ref={ref} {...props} value={value} onChange={onChange} />;\n  }\n);\nDelayedInput.displayName = \"DelayedInput\";\n"],"mappings":";;;;;;AASA,MAAa,QAAQ,oBAClB,EAAE,WAAW,MAAM,YAAY,GAAG,SAAS,QAAQ;CAClD,MAAM,cAAe;AAErB,KAAI,WACF,QACE,qBAAC;EAAI,WAAU;aACb,oBAAC;GAAI,WAAW;aACb;IACG,EACN,oBAAC;GACO;GACN,WAAW,GAAG,aAAa,kBAAkB,UAAU;GAClD;GACL,GAAI;IACJ;GACE;KAGR,QACE,oBAAC;EAAI,WAAU;YACb,oBAAC;GACO;GACN,WAAW,GAAG,aAAa,UAAU;GAChC;GACL,GAAI;IACJ;GACE;EAIb;AACD,MAAM,cAAc;AAOpB,MAAa,eAAe,oBACzB,EAAE,QAAQ,KAAK,cAAc,GAAG,SAAS,QAAQ;CAChD,MAAM,CAAC,OAAO,YAAY,MAAM,SAAS,gBAAgB,GAAG;CAE5D,MAAM,UAAU,MAAM,OAA6C,KAAK;CAExE,MAAM,YAAY,MAA2C;AAC3D,WAAS,EAAE,OAAO,MAAM;AACxB,MAAI,QAAQ,QACV,cAAa,QAAQ,QAAQ;AAE/B,UAAQ,UAAU,iBAAiB;AACjC,SAAM,WAAW,EAAE;KAClB,MAAM;;AAGX,QAAO,oBAAC;EAAW;EAAK,GAAI;EAAc;EAAiB;GAAY;EAE1E;AACD,aAAa,cAAc"}