@frontera-sdk/chat-ui 1.50.40

package/dist/chunk-GTQH7MPF.js

@@ -0,0 +1,129 @@
+'use client';
+import { cn } from './chunk-DGDHKMDB.js';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+
+var buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] cursor-pointer",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90 active:bg-primary/80",
+        "default-neutral": "bg-foreground text-background hover:bg-foreground/90 active:bg-foreground/80",
+        destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 active:bg-destructive/30 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/10",
+        success: "bg-success text-white shadow-sm hover:bg-success/90 active:bg-success/80 focus-visible:ring-success/35 border border-success/30",
+        outline: "border bg-background hover:bg-accent hover:text-accent-foreground active:bg-accent/80 dark:bg-input/30 dark:border-input dark:hover:bg-input/50 dark:active:bg-input/60",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 active:bg-secondary/70",
+        ghost: "hover:bg-accent hover:text-accent-foreground active:bg-accent/80 dark:hover:bg-accent/50 dark:active:bg-accent/60",
+        link: "text-primary underline-offset-4 hover:underline",
+        custom: ""
+      },
+      size: {
+        default: "h-8 px-2 py-2 has-[>svg]:px-2",
+        sm: "h-7 rounded-md gap-1.5 px-2 has-[>svg]:px-2",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-8",
+        "icon-sm": "size-7",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "button";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+function ScrollArea({
+  className,
+  children,
+  scrollbars = "vertical",
+  viewportProps,
+  viewportRef,
+  ...props
+}) {
+  const { className: viewportClassName, ...viewportRest } = viewportProps ?? {};
+  return /* @__PURE__ */ jsxs(
+    ScrollAreaPrimitive.Root,
+    {
+      "data-slot": "scroll-area",
+      className: cn("relative overflow-hidden", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          ScrollAreaPrimitive.Viewport,
+          {
+            ref: viewportRef,
+            "data-slot": "scroll-area-viewport",
+            className: cn(
+              "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&>div]:!block",
+              viewportClassName
+            ),
+            ...viewportRest,
+            children
+          }
+        ),
+        (scrollbars === "vertical" || scrollbars === "both") && /* @__PURE__ */ jsx(ScrollBar, { orientation: "vertical" }),
+        (scrollbars === "horizontal" || scrollbars === "both") && /* @__PURE__ */ jsx(ScrollBar, { orientation: "horizontal" }),
+        /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+      ]
+    }
+  );
+}
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    ScrollAreaPrimitive.ScrollAreaScrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      orientation,
+      className: cn(
+        "flex touch-none p-px transition-colors select-none",
+        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
+        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        ScrollAreaPrimitive.ScrollAreaThumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "bg-border relative flex-1 rounded-full"
+        }
+      )
+    }
+  );
+}
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: cn("bg-foreground/10 animate-pulse rounded-md", className),
+      ...props
+    }
+  );
+}
+
+export { Button, ScrollArea, Skeleton, buttonVariants };