@frontera-sdk/chat-ui 1.50.40

package/dist/chunk-2KEBRV3W.js

@@ -0,0 +1,191 @@
+'use client';
+import { usePortalContainer } from './chunk-IQRPGFLI.js';
+import { cn } from './chunk-DGDHKMDB.js';
+import { CrossMediumIcon } from './chunk-AFVU5VT6.js';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+
+function Popover({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+}
+function PopoverTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+}
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  onWheel,
+  onTouchMove,
+  ...props
+}) {
+  const container = usePortalContainer();
+  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { ...container ? { container } : {}, children: /* @__PURE__ */ jsx(
+    PopoverPrimitive.Content,
+    {
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: cn(
+        // Fade only, 100ms, ease-out. The old 150ms stacked a fade with a
+        // zoom-95 and a 2px slide, on `ease` — which starts slow, so the frames
+        // that confirm the click were the slowest, and the movement made a menu
+        // read as ARRIVING rather than already being there.
+        "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 duration-100 ease-out bg-surface-raised backdrop-blur-xl text-popover-foreground z-100 w-72 origin-(--radix-popover-content-transform-origin) rounded-lg border p-4 outline-hidden",
+        className
+      ),
+      onWheel: (e) => {
+        e.stopPropagation();
+        onWheel?.(e);
+      },
+      onTouchMove: (e) => {
+        e.stopPropagation();
+        onTouchMove?.(e);
+      },
+      ...props
+    }
+  ) });
+}
+function Sheet({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "sheet", ...props });
+}
+function SheetTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetPortal({
+  ...props
+}) {
+  const container = usePortalContainer();
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Portal,
+    {
+      "data-slot": "sheet-portal",
+      ...container ? { container } : {},
+      ...props
+    }
+  );
+}
+function SheetOverlay({
+  className,
+  onClick,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Overlay,
+    {
+      "data-slot": "sheet-overlay",
+      className: cn(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-100 bg-scrim",
+        className
+      ),
+      onClick: (e) => {
+        e.stopPropagation();
+        onClick?.(e);
+      },
+      ...props
+    }
+  );
+}
+function SheetContent({
+  className,
+  overlayClassName,
+  children,
+  side = "right",
+  showCloseButton = true,
+  showGrabber = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsx(SheetOverlay, { className: overlayClassName }),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        "data-slot": "sheet-content",
+        className: cn(
+          "bg-surface-overlay fixed z-100 flex flex-col shadow-lg duration-200",
+          "data-[state=open]:animate-in data-[state=closed]:animate-out",
+          // Edge sheets run full-height; their content owns safe-area padding
+          // (the chat drawer pads via the sidebar; the sources drawer pads its
+          // own header) so insets aren't applied twice here.
+          side === "right" && "inset-y-0 right-0 w-full sm:max-w-[400px] border-l data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right",
+          side === "left" && "inset-y-0 left-0 w-full sm:max-w-[16rem] border-r data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left",
+          // Bottom sheet: dynamic-viewport height, rounded top, and `pb-safe`
+          // so the last row clears the home indicator on tall phones.
+          side === "bottom" && "inset-x-0 bottom-0 max-h-[85dvh] rounded-t-2xl border-t pb-safe data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom",
+          className
+        ),
+        ...props,
+        children: [
+          side === "bottom" && showGrabber && /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-slot": "sheet-grabber",
+              "aria-hidden": true,
+              className: "mx-auto mt-2 mb-1 h-1 w-9 shrink-0 rounded-full bg-border-secondary"
+            }
+          ),
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs(
+            DialogPrimitive.Close,
+            {
+              "data-slot": "sheet-close",
+              className: "ring-offset-background focus:ring-ring absolute top-[max(1rem,env(safe-area-inset-top))] right-[max(1rem,env(safe-area-inset-right))] flex size-8 items-center justify-center rounded-full opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden cursor-pointer [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg]:size-4",
+              onClick: (e) => e.stopPropagation(),
+              children: [
+                /* @__PURE__ */ jsx(CrossMediumIcon, {}),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function SheetHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      className: cn("flex flex-col gap-1.5 p-4 border-b", className),
+      ...props
+    }
+  );
+}
+function SheetTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    {
+      "data-slot": "sheet-title",
+      className: cn("text-sm font-semibold", className),
+      ...props
+    }
+  );
+}
+function SheetDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      "data-slot": "sheet-description",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
+
+export { Popover, PopoverContent, PopoverTrigger, Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger };