@bearmenu/ui 0.5.1 → 0.6.0

package/dist/components/field.js

@@ -0,0 +1,130 @@
+import { Label } from '../chunk-4JOV7FXW.js';
+import { cn } from '../chunk-FEK5XGZW.js';
+import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { jsx } from 'react/jsx-runtime';
+
+var FieldContext = React.createContext({ id: "", descriptionId: "", errorId: "", hasError: false });
+var Field = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { id: providedId, invalid, orientation = "vertical", className, children } = _b, props = __objRest(_b, ["id", "invalid", "orientation", "className", "children"]);
+    const generatedId = React.useId();
+    const id = providedId != null ? providedId : generatedId;
+    const descriptionId = `${id}-description`;
+    const errorId = `${id}-error`;
+    return /* @__PURE__ */ jsx(FieldContext.Provider, { value: { id, descriptionId, errorId, hasError: !!invalid }, children: /* @__PURE__ */ jsx(
+      "div",
+      __spreadProps(__spreadValues({
+        ref,
+        "data-slot": "field",
+        "data-invalid": invalid || void 0,
+        className: cn(
+          "flex gap-2",
+          orientation === "vertical" ? "flex-col" : "flex-row items-center",
+          className
+        )
+      }, props), {
+        children
+      })
+    ) });
+  }
+);
+Field.displayName = "Field";
+var FieldLabel = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  const { id, hasError } = React.useContext(FieldContext);
+  return /* @__PURE__ */ jsx(
+    Label,
+    __spreadValues({
+      ref,
+      "data-slot": "field-label",
+      htmlFor: id,
+      className: cn(hasError && "text-destructive", className)
+    }, props)
+  );
+});
+FieldLabel.displayName = "FieldLabel";
+var FieldControl = React.forwardRef(
+  (_a, ref) => {
+    var props = __objRest(_a, []);
+    const { id, descriptionId, errorId, hasError } = React.useContext(FieldContext);
+    return /* @__PURE__ */ jsx(
+      Slot,
+      __spreadValues({
+        ref,
+        "data-slot": "field-control",
+        id,
+        "aria-describedby": hasError ? `${descriptionId} ${errorId}` : descriptionId,
+        "aria-invalid": hasError || void 0
+      }, props)
+    );
+  }
+);
+FieldControl.displayName = "FieldControl";
+var FieldDescription = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    const { descriptionId } = React.useContext(FieldContext);
+    return /* @__PURE__ */ jsx(
+      "p",
+      __spreadValues({
+        ref,
+        id: descriptionId,
+        "data-slot": "field-description",
+        className: cn("text-sm text-muted-foreground", className)
+      }, props)
+    );
+  }
+);
+FieldDescription.displayName = "FieldDescription";
+var FieldError = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+    const { errorId, hasError } = React.useContext(FieldContext);
+    if (!hasError || !children) return null;
+    return /* @__PURE__ */ jsx(
+      "p",
+      __spreadProps(__spreadValues({
+        ref,
+        id: errorId,
+        role: "alert",
+        "data-slot": "field-error",
+        className: cn("text-sm text-destructive", className)
+      }, props), {
+        children
+      })
+    );
+  }
+);
+FieldError.displayName = "FieldError";
+var FieldSet = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx(
+      "fieldset",
+      __spreadValues({
+        ref,
+        "data-slot": "field-set",
+        className: cn("flex flex-col gap-3 rounded-xl border border-border p-4", className)
+      }, props)
+    );
+  }
+);
+FieldSet.displayName = "FieldSet";
+var FieldLegend = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx(
+      "legend",
+      __spreadValues({
+        ref,
+        "data-slot": "field-legend",
+        className: cn("px-1 text-sm font-medium text-foreground", className)
+      }, props)
+    );
+  }
+);
+FieldLegend.displayName = "FieldLegend";
+
+export { Field, FieldControl, FieldDescription, FieldError, FieldLabel, FieldLegend, FieldSet };

package/dist/components/form.d.ts

@@ -6,6 +6,7 @@ import * as LabelPrimitive from '@radix-ui/react-label';
 import { Slot } from '@radix-ui/react-slot';
 
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare function FormRoot({ noValidate, className, ...props }: React.FormHTMLAttributes<HTMLFormElement>): react_jsx_runtime.JSX.Element;
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
 declare const useFormField: () => {
     invalid: boolean;
@@ -25,4 +26,4 @@ declare function FormControl({ ...props }: React.ComponentProps<typeof Slot>): r
 declare function FormDescription({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
 declare function FormMessage({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element | null;
 
-export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormRoot, useFormField };

package/dist/components/form.js

@@ -7,6 +7,16 @@ import { FormProvider, Controller, useFormContext, useFormState } from 'react-ho
 import { jsx } from 'react/jsx-runtime';
 
 var Form = FormProvider;
+function FormRoot(_a) {
+  var _b = _a, {
+    noValidate = true,
+    className
+  } = _b, props = __objRest(_b, [
+    "noValidate",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx("form", __spreadValues({ "data-slot": "form-root", noValidate, className }, props));
+}
 var FormFieldContext = React.createContext({});
 var FormField = (_a) => {
   var props = __objRest(_a, []);
@@ -94,4 +104,4 @@ function FormMessage(_a) {
   );
 }
 
-export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, FormRoot, useFormField };

package/dist/components/haptic-button.js

@@ -1,7 +1,7 @@
-import { Button } from '../chunk-2BMJRXQX.js';
+import { Button } from '../chunk-ZFNOCP6W.js';
 import { useHaptic } from '../chunk-R47NEOSI.js';
 import '../chunk-FEK5XGZW.js';
-import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
+import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';
 import { jsx } from 'react/jsx-runtime';
 
 function HapticButton(_a) {
@@ -11,7 +11,7 @@ function HapticButton(_a) {
     trigger(hapticStyle);
     onClick == null ? void 0 : onClick(e);
   };
-  return /* @__PURE__ */ jsx(Button, __spreadValues({ onClick: handleClick }, props));
+  return /* @__PURE__ */ jsx(Button, __spreadProps(__spreadValues({}, props), { onClick: handleClick, haptic: false }));
 }
 
 export { HapticButton };

package/dist/components/input-group.d.ts

@@ -0,0 +1,18 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const inputGroupVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const InputGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
+declare const InputGroupInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
+declare const InputGroupAddon: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    align?: "start" | "end";
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const InputGroupButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, inputGroupVariants };

package/dist/components/input-group.js

@@ -0,0 +1,92 @@
+import { cn } from '../chunk-FEK5XGZW.js';
+import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var inputGroupVariants = cva(
+  "flex items-center w-full rounded-xl border border-border bg-background text-base md:text-sm text-foreground transition-colors focus-within:outline-none focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 has-[input:disabled]:cursor-not-allowed has-[input:disabled]:opacity-50 aria-invalid:border-destructive aria-invalid:focus-within:ring-destructive/40",
+  {
+    variants: {
+      size: {
+        sm: "h-9",
+        default: "h-11",
+        lg: "h-12"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var InputGroupContext = React.createContext({});
+var InputGroup = React.forwardRef((_a, ref) => {
+  var _b = _a, { className, size, children } = _b, props = __objRest(_b, ["className", "size", "children"]);
+  return /* @__PURE__ */ jsx(InputGroupContext.Provider, { value: { size }, children: /* @__PURE__ */ jsx(
+    "div",
+    __spreadProps(__spreadValues({
+      ref,
+      "data-slot": "input-group",
+      className: cn(inputGroupVariants({ size }), className)
+    }, props), {
+      children
+    })
+  ) });
+});
+InputGroup.displayName = "InputGroup";
+var InputGroupInput = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx(
+      "input",
+      __spreadValues({
+        ref,
+        "data-slot": "input-group-input",
+        className: cn(
+          "h-full min-w-0 flex-1 bg-transparent px-3 outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed",
+          className
+        )
+      }, props)
+    );
+  }
+);
+InputGroupInput.displayName = "InputGroupInput";
+var InputGroupAddon = React.forwardRef((_a, ref) => {
+  var _b = _a, { className, align = "start", asChild } = _b, props = __objRest(_b, ["className", "align", "asChild"]);
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    __spreadValues({
+      ref,
+      "data-slot": "input-group-addon",
+      "data-align": align,
+      className: cn(
+        "inline-flex h-full items-center gap-1 text-sm text-muted-foreground",
+        align === "start" ? "pl-3 pr-1" : "pl-1 pr-3",
+        className
+      )
+    }, props)
+  );
+});
+InputGroupAddon.displayName = "InputGroupAddon";
+var InputGroupButton = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, type = "button" } = _b, props = __objRest(_b, ["className", "type"]);
+    return /* @__PURE__ */ jsx(
+      "button",
+      __spreadValues({
+        ref,
+        type,
+        "data-slot": "input-group-button",
+        className: cn(
+          "inline-flex h-7 min-w-7 cursor-pointer items-center justify-center gap-1 rounded-md px-2 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&:has(svg:only-child)]:w-7 [&:has(svg:only-child)]:px-0 [&_svg]:size-4",
+          className
+        )
+      }, props)
+    );
+  }
+);
+InputGroupButton.displayName = "InputGroupButton";
+
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, inputGroupVariants };

package/dist/components/input.d.ts

@@ -1,6 +1,12 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
 
-type InputProps = React.InputHTMLAttributes<HTMLInputElement>;
+declare const inputVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size">, VariantProps<typeof inputVariants> {
+}
 declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 
-export { Input, type InputProps };
+export { Input, type InputProps, inputVariants };

package/dist/components/input.js

@@ -1,3 +1,3 @@
-export { Input } from '../chunk-CW24PLDW.js';
+export { Input, inputVariants } from '../chunk-RIDXFY6M.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/item.d.ts

@@ -0,0 +1,23 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const itemVariants: (props?: ({
+    variant?: "default" | "muted" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+    interactive?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const Item: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    variant?: "default" | "muted" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+    interactive?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ItemMedia: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const ItemContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const ItemTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const ItemDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const ItemActions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+export { Item, ItemActions, ItemContent, ItemDescription, ItemMedia, ItemTitle, itemVariants };

package/dist/components/item.js

@@ -0,0 +1,120 @@
+import { cn } from '../chunk-FEK5XGZW.js';
+import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var itemVariants = cva(
+  "flex w-full items-center gap-3 rounded-xl text-sm text-foreground transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        muted: "bg-muted",
+        outline: "border border-border bg-transparent"
+      },
+      size: {
+        sm: "px-3 py-2",
+        default: "px-4 py-3",
+        lg: "px-5 py-4"
+      },
+      interactive: {
+        true: "cursor-pointer hover:bg-accent hover:text-accent-foreground active:scale-[0.99]",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      interactive: false
+    }
+  }
+);
+var Item = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, variant, size, interactive, asChild } = _b, props = __objRest(_b, ["className", "variant", "size", "interactive", "asChild"]);
+    const Comp = asChild ? Slot : "div";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      __spreadValues({
+        ref,
+        "data-slot": "item",
+        className: cn(itemVariants({ variant, size, interactive }), className)
+      }, props)
+    );
+  }
+);
+Item.displayName = "Item";
+var ItemMedia = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      __spreadValues({
+        ref,
+        "data-slot": "item-media",
+        className: cn("inline-flex shrink-0 items-center justify-center text-muted-foreground", className)
+      }, props)
+    );
+  }
+);
+ItemMedia.displayName = "ItemMedia";
+var ItemContent = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      __spreadValues({
+        ref,
+        "data-slot": "item-content",
+        className: cn("flex min-w-0 flex-1 flex-col gap-0.5", className)
+      }, props)
+    );
+  }
+);
+ItemContent.displayName = "ItemContent";
+var ItemTitle = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      __spreadValues({
+        ref,
+        "data-slot": "item-title",
+        className: cn("truncate text-sm font-medium text-foreground", className)
+      }, props)
+    );
+  }
+);
+ItemTitle.displayName = "ItemTitle";
+var ItemDescription = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      __spreadValues({
+        ref,
+        "data-slot": "item-description",
+        className: cn("truncate text-xs text-muted-foreground", className)
+      }, props)
+    );
+  }
+);
+ItemDescription.displayName = "ItemDescription";
+var ItemActions = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      __spreadValues({
+        ref,
+        "data-slot": "item-actions",
+        className: cn("ml-auto inline-flex shrink-0 items-center gap-1", className)
+      }, props)
+    );
+  }
+);
+ItemActions.displayName = "ItemActions";
+
+export { Item, ItemActions, ItemContent, ItemDescription, ItemMedia, ItemTitle, itemVariants };

package/dist/components/kbd.d.ts

@@ -0,0 +1,13 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const kbdVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const Kbd: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & VariantProps<(props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLElement>>;
+declare const KbdGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
+
+export { Kbd, KbdGroup, kbdVariants };

package/dist/components/kbd.js

@@ -0,0 +1,49 @@
+import { cn } from '../chunk-FEK5XGZW.js';
+import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var kbdVariants = cva(
+  "inline-flex select-none items-center justify-center gap-1 rounded-md border border-border bg-muted font-mono font-medium text-muted-foreground shadow-[0_1px_0_0_var(--border)]",
+  {
+    variants: {
+      size: {
+        sm: "h-5 min-w-5 px-1 text-[10px]",
+        default: "h-6 min-w-6 px-1.5 text-xs",
+        lg: "h-7 min-w-7 px-2 text-sm"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var Kbd = React.forwardRef((_a, ref) => {
+  var _b = _a, { className, size } = _b, props = __objRest(_b, ["className", "size"]);
+  return /* @__PURE__ */ jsx(
+    "kbd",
+    __spreadValues({
+      ref,
+      "data-slot": "kbd",
+      className: cn(kbdVariants({ size }), className)
+    }, props)
+  );
+});
+Kbd.displayName = "Kbd";
+var KbdGroup = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx(
+      "span",
+      __spreadValues({
+        ref,
+        "data-slot": "kbd-group",
+        className: cn("inline-flex items-center gap-1", className)
+      }, props)
+    );
+  }
+);
+KbdGroup.displayName = "KbdGroup";
+
+export { Kbd, KbdGroup, kbdVariants };

package/dist/components/lazy-markdown.d.ts

@@ -1,11 +1,13 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import { Components } from 'react-markdown';
 
 type LazyMarkdownProps = {
     content: string;
     className?: string;
     components?: Components;
+    fallback?: React.ReactNode;
 };
-declare function LazyMarkdown(props: LazyMarkdownProps): react_jsx_runtime.JSX.Element;
+declare function LazyMarkdown({ fallback, ...props }: LazyMarkdownProps): react_jsx_runtime.JSX.Element;
 
 export { LazyMarkdown };

package/dist/components/lazy-markdown.js

@@ -1,13 +1,13 @@
-import { __spreadValues } from '../chunk-3GWWZKX7.js';
-import dynamic from 'next/dynamic';
+import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
+import * as React from 'react';
 import { jsx } from 'react/jsx-runtime';
 
-var MarkdownRendererDynamic = dynamic(
-  () => import('./markdown-renderer.js').then((m) => m.MarkdownRenderer),
-  { ssr: false }
+var MarkdownRendererLazy = React.lazy(
+  () => import('./markdown-renderer.js').then((m) => ({ default: m.MarkdownRenderer }))
 );
-function LazyMarkdown(props) {
-  return /* @__PURE__ */ jsx(MarkdownRendererDynamic, __spreadValues({}, props));
+function LazyMarkdown(_a) {
+  var _b = _a, { fallback = null } = _b, props = __objRest(_b, ["fallback"]);
+  return /* @__PURE__ */ jsx(React.Suspense, { fallback, children: /* @__PURE__ */ jsx(MarkdownRendererLazy, __spreadValues({}, props)) });
 }
 
 export { LazyMarkdown };

package/dist/components/link-button.js

@@ -1,4 +1,4 @@
-import { Button } from '../chunk-2BMJRXQX.js';
+import { Button } from '../chunk-ZFNOCP6W.js';
 import '../chunk-R47NEOSI.js';
 import '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';