@stackframe/stack-ui 2.8.61 → 2.8.62

package/dist/components/ui/form.js

@@ -1,66 +1,155 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Slot } from "@radix-ui/react-slot";
-import React from "react";
-import { forwardRefIfNeeded } from "@stackframe/stack-shared/dist/utils/react";
-import { Controller, FormProvider, useFormContext, } from "react-hook-form";
-import { StackAssertionError } from "@stackframe/stack-shared/dist/utils/errors";
-import { cn } from "../../lib/utils";
-import { SpanLabel } from "./label";
-const Form = FormProvider;
-const FormFieldContext = React.createContext(null);
-const FormField = ({ ...props }) => {
-    return (_jsx(FormFieldContext.Provider, { value: { name: props.name }, children: _jsx(Controller, { ...props }) }));
+"use client";
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-const useFormField = () => {
-    const fieldContext = React.useContext(FormFieldContext);
-    const itemContext = React.useContext(FormItemContext);
-    const { getFieldState, formState } = useFormContext();
-    if (!fieldContext) {
-        throw new StackAssertionError("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,
-    };
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ui/form.tsx
+var form_exports = {};
+__export(form_exports, {
+  Form: () => Form,
+  FormControl: () => FormControl,
+  FormDescription: () => FormDescription,
+  FormField: () => FormField,
+  FormItem: () => FormItem,
+  FormLabel: () => FormLabel,
+  FormMessage: () => FormMessage,
+  useFormField: () => useFormField
+});
+module.exports = __toCommonJS(form_exports);
+var import_react_slot = require("@radix-ui/react-slot");
+var import_react = __toESM(require("react"));
+var import_react2 = require("@stackframe/stack-shared/dist/utils/react");
+var import_react_hook_form = require("react-hook-form");
+var import_errors = require("@stackframe/stack-shared/dist/utils/errors");
+var import_utils = require("../../lib/utils.js");
+var import_label = require("./label.js");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Form = import_react_hook_form.FormProvider;
+var FormFieldContext = import_react.default.createContext(null);
+var FormField = ({
+  ...props
+}) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.Controller, { ...props }) });
+};
+var useFormField = () => {
+  const fieldContext = import_react.default.useContext(FormFieldContext);
+  const itemContext = import_react.default.useContext(FormItemContext);
+  const { getFieldState, formState } = (0, import_react_hook_form.useFormContext)();
+  if (!fieldContext) {
+    throw new import_errors.StackAssertionError("useFormField should be used within <FormField>");
+  }
+  const fieldState = getFieldState(fieldContext.name, formState);
+  const { id } = itemContext;
+  const formItemId = import_react.default.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 (_jsx(FormItemContext.Provider, { value: { id }, children: _jsx("div", { ref: ref, className: cn("space-y-2", className), ...props }) }));
+var FormItemContext = import_react.default.createContext(
+  {}
+);
+var FormItem = (0, import_react2.forwardRefIfNeeded)(({ className, ...props }, ref) => {
+  const id = import_react.default.useId();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className: (0, import_utils.cn)("space-y-2", className), ...props }) });
 });
 FormItem.displayName = "FormItem";
-const FormLabel = forwardRefIfNeeded(({ className, ...props }, ref) => {
-    const { error } = useFormField();
-    return (_jsx(SpanLabel, { ref: ref, className: cn(error && "text-destructive", className), ...props }));
+var FormLabel = (0, import_react2.forwardRefIfNeeded)(({ className, ...props }, ref) => {
+  const { error } = useFormField();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_label.SpanLabel,
+    {
+      ref,
+      className: (0, import_utils.cn)(error && "text-destructive", className),
+      ...props
+    }
+  );
 });
 FormLabel.displayName = "FormLabel";
-const FormControl = forwardRefIfNeeded(({ ...props }, ref) => {
-    const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-    return (_jsx(Slot, { ref: ref, id: formItemId, "aria-describedby": !error
-            ? `${formDescriptionId}`
-            : `${formDescriptionId} ${formMessageId}`, "aria-invalid": !!error, ...props }));
+var FormControl = (0, import_react2.forwardRefIfNeeded)(({ ...props }, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_slot.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 (_jsx("p", { ref: ref, id: formDescriptionId, className: cn("text-[0.8rem] text-muted-foreground", className), ...props }));
+var FormDescription = (0, import_react2.forwardRefIfNeeded)(({ className, ...props }, ref) => {
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "p",
+    {
+      ref,
+      id: formDescriptionId,
+      className: (0, import_utils.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;
+var FormMessage = (0, import_react2.forwardRefIfNeeded)(({ className, children, ...props }, ref) => {
+  const { error, formMessageId } = useFormField();
+  const body = error ? String(error.message) : children;
+  if (!body) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "p",
+    {
+      ref,
+      id: formMessageId,
+      className: (0, import_utils.cn)("text-[0.8rem] font-medium text-destructive", className),
+      ...props,
+      children: body
     }
-    return (_jsx("p", { ref: ref, id: formMessageId, className: cn("text-[0.8rem] font-medium text-destructive", className), ...props, children: body }));
+  );
 });
 FormMessage.displayName = "FormMessage";
-export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+  useFormField
+});
+//# sourceMappingURL=form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"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 { StackAssertionError } 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 StackAssertionError(\"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":"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","names":["import_react","React"]}

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

@@ -1,10 +1,66 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRefIfNeeded } from "@stackframe/stack-shared/dist/utils/react";
-import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
-import { cn } from "../../lib/utils";
-const HoverCard = HoverCardPrimitive.Root;
-const HoverCardTrigger = HoverCardPrimitive.Trigger;
-const HoverCardContent = forwardRefIfNeeded(({ className, align = "center", sideOffset = 4, ...props }, ref) => (_jsx(HoverCardPrimitive.Content, { ref: ref, align: align, sideOffset: 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 })));
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ui/hover-card.tsx
+var hover_card_exports = {};
+__export(hover_card_exports, {
+  HoverCard: () => HoverCard,
+  HoverCardContent: () => HoverCardContent,
+  HoverCardTrigger: () => HoverCardTrigger
+});
+module.exports = __toCommonJS(hover_card_exports);
+var import_react = require("@stackframe/stack-shared/dist/utils/react");
+var HoverCardPrimitive = __toESM(require("@radix-ui/react-hover-card"));
+var import_utils = require("../../lib/utils.js");
+var import_jsx_runtime = require("react/jsx-runtime");
+var HoverCard = HoverCardPrimitive.Root;
+var HoverCardTrigger = HoverCardPrimitive.Trigger;
+var HoverCardContent = (0, import_react.forwardRefIfNeeded)(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  HoverCardPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: (0, import_utils.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;
-export { HoverCard, HoverCardTrigger, HoverCardContent };
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  HoverCard,
+  HoverCardContent,
+  HoverCardTrigger
+});
+//# sourceMappingURL=hover-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAAmC;AACnC,yBAAoC;AAEpC,mBAAmB;AAUjB;AARF,IAAM,YAA+B;AAErC,IAAM,mBAAsC;AAE5C,IAAM,uBAAmB,iCAGvB,CAAC,EAAE,WAAW,QAAQ,UAAU,aAAa,GAAG,GAAG,MAAM,GAAG,QAC5D;AAAA,EAAoB;AAAA,EAAnB;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,iBAAiB,cAAiC,2BAAQ;","names":[]}

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

@@ -1,29 +1,66 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "../../lib/utils";
-import { forwardRefIfNeeded } from "@stackframe/stack-shared/dist/utils/react";
-import { hasClickableParent } from "@stackframe/stack-shared/dist/utils/dom";
-import { getNodeText } from "@stackframe/stack-shared/dist/utils/react";
-import { runAsynchronously } from "@stackframe/stack-shared/dist/utils/promises";
-import { useToast } from "./use-toast";
-const InlineCode = forwardRefIfNeeded((props, ref) => {
-    const { toast } = useToast();
-    return _jsx("code", { ref: 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' });
-                    }
-                });
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ui/inline-code.tsx
+var inline_code_exports = {};
+__export(inline_code_exports, {
+  InlineCode: () => InlineCode
+});
+module.exports = __toCommonJS(inline_code_exports);
+var import_utils = require("../../lib/utils.js");
+var import_react = require("@stackframe/stack-shared/dist/utils/react");
+var import_dom = require("@stackframe/stack-shared/dist/utils/dom");
+var import_react2 = require("@stackframe/stack-shared/dist/utils/react");
+var import_promises = require("@stackframe/stack-shared/dist/utils/promises");
+var import_use_toast = require("./use-toast.js");
+var import_jsx_runtime = require("react/jsx-runtime");
+var InlineCode = (0, import_react.forwardRefIfNeeded)((props, ref) => {
+  const { toast } = (0, import_use_toast.useToast)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "code",
+    {
+      ref,
+      ...props,
+      className: (0, import_utils.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 (!(0, import_dom.hasClickableParent)(e.currentTarget)) {
+          e.stopPropagation();
+          e.preventDefault();
+          (0, import_promises.runAsynchronously)(async () => {
+            try {
+              await navigator.clipboard.writeText((0, import_react2.getNodeText)(props.children));
+              toast({ description: "Copied to clipboard!", variant: "success" });
+            } catch (e2) {
+              toast({ description: "Failed to copy to clipboard", variant: "destructive" });
             }
-        } });
+          });
+        }
+      }
+    }
+  );
 });
 InlineCode.displayName = "Code";
-export { InlineCode };
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  InlineCode
+});
+//# sourceMappingURL=inline-code.js.map

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

@@ -0,0 +1 @@
+{"version":3,"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":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAmB;AAEnB,mBAAmC;AACnC,iBAAmC;AACnC,IAAAA,gBAA4B;AAC5B,sBAAkC;AAClC,uBAAyB;AAQhB;AANT,IAAM,iBAAa,iCAGjB,CAAC,OAAO,QAAQ;AAChB,QAAM,EAAE,MAAM,QAAK,2BAAS;AAE5B,SAAO;AAAA,IAAC;AAAA;AAAA,MACN;AAAA,MACC,GAAG;AAAA,MACJ,eAAW,iBAAG,4GAA4G,MAAM,SAAS;AAAA,MACzI,SAAS,CAAC,MAAqC;AAC7C,cAAM,UAAU,CAAC;AACjB,YAAI,KAAC,+BAAmB,EAAE,aAAa,GAAG;AACxC,YAAE,gBAAgB;AAClB,YAAE,eAAe;AACjB,iDAAkB,YAAY;AAC5B,gBAAI;AACF,oBAAM,UAAU,UAAU,cAAU,2BAAY,MAAM,QAAQ,CAAC;AAC/D,oBAAM,EAAE,aAAa,wBAAwB,SAAS,UAAU,CAAC;AAAA,YACnE,SAASC,IAAG;AACV,oBAAM,EAAE,aAAa,+BAA+B,SAAS,cAAc,CAAC;AAAA,YAC9E;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF;AAAA;AAAA,EACF;AACF,CAAC;AACD,WAAW,cAAc;","names":["import_react","e"]}

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

@@ -1,20 +1,93 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { forwardRefIfNeeded } from "@stackframe/stack-shared/dist/utils/react";
-import { DashIcon } from "@radix-ui/react-icons";
-import { OTPInput, OTPInputContext } from "input-otp";
-import { cn } from "../../lib/utils";
-const InputOTP = forwardRefIfNeeded(({ className, containerClassName, ...props }, ref) => (_jsx(OTPInput, { ref: ref, containerClassName: cn("stack-scope flex items-center gap-2 has-[:disabled]:opacity-50", containerClassName), className: cn("disabled:cursor-not-allowed", className), ...props })));
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ui/input-otp.tsx
+var input_otp_exports = {};
+__export(input_otp_exports, {
+  InputOTP: () => InputOTP,
+  InputOTPGroup: () => InputOTPGroup,
+  InputOTPSeparator: () => InputOTPSeparator,
+  InputOTPSlot: () => InputOTPSlot
+});
+module.exports = __toCommonJS(input_otp_exports);
+var import_react = __toESM(require("react"));
+var import_react2 = require("@stackframe/stack-shared/dist/utils/react");
+var import_react_icons = require("@radix-ui/react-icons");
+var import_input_otp = require("input-otp");
+var import_utils = require("../../lib/utils.js");
+var import_jsx_runtime = require("react/jsx-runtime");
+var InputOTP = (0, import_react2.forwardRefIfNeeded)(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_input_otp.OTPInput,
+  {
+    ref,
+    containerClassName: (0, import_utils.cn)(
+      "stack-scope flex items-center gap-2 has-[:disabled]:opacity-50",
+      containerClassName
+    ),
+    className: (0, import_utils.cn)("disabled:cursor-not-allowed", className),
+    ...props
+  }
+));
 InputOTP.displayName = "InputOTP";
-const InputOTPGroup = forwardRefIfNeeded(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex items-center gap-1", className), ...props })));
+var InputOTPGroup = (0, import_react2.forwardRefIfNeeded)(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className: (0, import_utils.cn)("flex items-center gap-1", className), ...props }));
 InputOTPGroup.displayName = "InputOTPGroup";
-const InputOTPSlot = forwardRefIfNeeded(({ index, className, size = 'default', ...props }, ref) => {
-    const inputOTPContext = React.useContext(OTPInputContext);
-    const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
-    return (_jsxs("div", { ref: 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 && (_jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: _jsx("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) }))] }));
+var InputOTPSlot = (0, import_react2.forwardRefIfNeeded)(({ index, className, size = "default", ...props }, ref) => {
+  const inputOTPContext = import_react.default.useContext(import_input_otp.OTPInputContext);
+  const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      ref,
+      className: (0, import_utils.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__ */ (0, import_jsx_runtime.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+      ]
+    }
+  );
 });
 InputOTPSlot.displayName = "InputOTPSlot";
-const InputOTPSeparator = forwardRefIfNeeded(({ ...props }, ref) => (_jsx("div", { ref: ref, role: "separator", ...props, children: _jsx(DashIcon, {}) })));
+var InputOTPSeparator = (0, import_react2.forwardRefIfNeeded)(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, role: "separator", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_icons.DashIcon, {}) }));
 InputOTPSeparator.displayName = "InputOTPSeparator";
-export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSeparator,
+  InputOTPSlot
+});
+//# sourceMappingURL=input-otp.js.map

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

@@ -0,0 +1 @@
+{"version":3,"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAkB;AAClB,IAAAA,gBAAmC;AACnC,yBAAyB;AACzB,uBAA0C;AAE1C,mBAAmB;AAMjB;AAJF,IAAM,eAAsE,kCAG1E,CAAC,EAAE,WAAW,oBAAoB,GAAG,MAAM,GAAG,QAC9C;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,wBAAoB;AAAA,MAClB;AAAA,MACA;AAAA,IACF;AAAA,IACA,eAAW,iBAAG,+BAA+B,SAAS;AAAA,IACrD,GAAG;AAAA;AACN,CACD;AACD,SAAS,cAAc;AAEvB,IAAM,oBAAgB,kCAGpB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,4CAAC,SAAI,KAAU,eAAW,iBAAG,2BAA2B,SAAS,GAAI,GAAG,OAAO,CAChF;AACD,cAAc,cAAc;AAE5B,IAAM,mBAAe,kCAGnB,CAAC,EAAE,OAAO,WAAW,OAAO,WAAW,GAAG,MAAM,GAAG,QAAQ;AAC3D,QAAM,kBAAkB,aAAAC,QAAM,WAAW,gCAAe;AACxD,QAAM,EAAE,MAAM,cAAc,SAAS,IAAI,gBAAgB,MAAM,KAAK;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAW;AAAA,QACT;AAAA,QACA,SAAS,OAAO,kCAAkC;AAAA,QAClD,YAAY;AAAA,QACZ;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACA,gBACC,4CAAC,SAAI,WAAU,yEACb,sDAAC,SAAI,WAAU,4DAA2D,GAC5E;AAAA;AAAA;AAAA,EAEJ;AAEJ,CAAC;AACD,aAAa,cAAc;AAE3B,IAAM,wBAAoB,kCAGxB,CAAC,EAAE,GAAG,MAAM,GAAG,QACf,4CAAC,SAAI,KAAU,MAAK,aAAa,GAAG,OAClC,sDAAC,+BAAS,GACZ,CACD;AACD,kBAAkB,cAAc;","names":["import_react","React"]}