@timbal-ai/timbal-react 0.7.1 → 0.8.1

package/dist/{chunk-2XZ3S4OP.esm.js → chunk-QVAUCVQA.esm.js}

@@ -242,14 +242,83 @@ var TimbalV2Button = React.forwardRef(function TimbalV2Button2({
   );
 });
 
+// src/ui/button.tsx
+import { cva } from "class-variance-authority";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var LEGACY_SIZE_TO_V2 = {
+  default: "md",
+  xs: "xs",
+  sm: "sm",
+  lg: "lg",
+  icon: "sm",
+  "icon-xs": "xs",
+  "icon-sm": "sm",
+  "icon-lg": "lg"
+};
+var buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "",
+        destructive: "",
+        outline: "",
+        secondary: "",
+        ghost: "",
+        link: ""
+      },
+      size: {
+        default: "",
+        xs: "",
+        sm: "",
+        lg: "",
+        icon: "",
+        "icon-xs": "",
+        "icon-sm": "",
+        "icon-lg": ""
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}) {
+  const v2Variant = TIMBAL_V2_FROM_LEGACY_BUTTON[variant ?? "default"];
+  const v2Size = LEGACY_SIZE_TO_V2[size ?? "default"];
+  const isIconOnly = typeof size === "string" && size.startsWith("icon");
+  return /* @__PURE__ */ jsx2(
+    TimbalV2Button,
+    {
+      "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
+      variant: v2Variant,
+      size: v2Size,
+      shape: "pill",
+      isIconOnly,
+      asChild,
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
 // src/ui/tooltip.tsx
 import { Tooltip as TooltipPrimitive } from "radix-ui";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function TooltipProvider({
   delayDuration = 0,
   ...props
 }) {
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     TooltipPrimitive.Provider,
     {
       "data-slot": "tooltip-provider",
@@ -261,12 +330,12 @@ function TooltipProvider({
 function Tooltip({
   ...props
 }) {
-  return /* @__PURE__ */ jsx2(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
+  return /* @__PURE__ */ jsx3(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
 }
 function TooltipTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx2(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+  return /* @__PURE__ */ jsx3(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipContent({
   className,
@@ -274,7 +343,7 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx2(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsx3(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs2(
     TooltipPrimitive.Content,
     {
       "data-slot": "tooltip-content",
@@ -286,7 +355,7 @@ function TooltipContent({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx2(TooltipPrimitive.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+        /* @__PURE__ */ jsx3(TooltipPrimitive.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
       ]
     }
   ) });
@@ -295,32 +364,32 @@ function TooltipContent({
 // src/ui/dialog.tsx
 import { XIcon } from "lucide-react";
 import { Dialog as DialogPrimitive } from "radix-ui";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function Dialog({
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
+  return /* @__PURE__ */ jsx4(DialogPrimitive.Root, { "data-slot": "dialog", ...props });
 }
 function DialogTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
+  return /* @__PURE__ */ jsx4(DialogPrimitive.Trigger, { "data-slot": "dialog-trigger", ...props });
 }
 function DialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
+  return /* @__PURE__ */ jsx4(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
 }
 function DialogClose({
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+  return /* @__PURE__ */ jsx4(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
 }
 function DialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     DialogPrimitive.Overlay,
     {
       "data-slot": "dialog-overlay",
@@ -339,7 +408,7 @@ function DialogContent({
   ...props
 }) {
   return /* @__PURE__ */ jsxs3(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ jsx3(DialogOverlay, {}),
+    /* @__PURE__ */ jsx4(DialogOverlay, {}),
     /* @__PURE__ */ jsxs3(
       DialogPrimitive.Content,
       {
@@ -358,8 +427,8 @@ function DialogContent({
               "data-slot": "dialog-close",
               className: "ring-offset-background focus:ring-ring data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-[opacity,background-color] hover:bg-ghost-fill-hover hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
               children: [
-                /* @__PURE__ */ jsx3(XIcon, {}),
-                /* @__PURE__ */ jsx3("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx4(XIcon, {}),
+                /* @__PURE__ */ jsx4("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -372,7 +441,7 @@ function DialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     DialogPrimitive.Title,
     {
       "data-slot": "dialog-title",
@@ -381,16 +450,52 @@ function DialogTitle({
     }
   );
 }
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx4(
+    DialogPrimitive.Description,
+    {
+      "data-slot": "dialog-description",
+      className: cn("text-sm text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx4(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: cn("flex flex-col gap-1.5 text-center sm:text-left", className),
+      ...props
+    }
+  );
+}
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx4(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
 
 // src/ui/avatar.tsx
 import { Avatar as AvatarPrimitive } from "radix-ui";
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function Avatar({
   className,
   size = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     AvatarPrimitive.Root,
     {
       "data-slot": "avatar",
@@ -407,7 +512,7 @@ function AvatarImage({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     AvatarPrimitive.Image,
     {
       "data-slot": "avatar-image",
@@ -420,7 +525,7 @@ function AvatarFallback({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     AvatarPrimitive.Fallback,
     {
       "data-slot": "avatar-fallback",
@@ -433,75 +538,6 @@ function AvatarFallback({
   );
 }
 
-// src/ui/button.tsx
-import { cva } from "class-variance-authority";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var LEGACY_SIZE_TO_V2 = {
-  default: "md",
-  xs: "xs",
-  sm: "sm",
-  lg: "lg",
-  icon: "sm",
-  "icon-xs": "xs",
-  "icon-sm": "sm",
-  "icon-lg": "lg"
-};
-var buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default: "",
-        destructive: "",
-        outline: "",
-        secondary: "",
-        ghost: "",
-        link: ""
-      },
-      size: {
-        default: "",
-        xs: "",
-        sm: "",
-        lg: "",
-        icon: "",
-        "icon-xs": "",
-        "icon-sm": "",
-        "icon-lg": ""
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-function Button({
-  className,
-  variant = "default",
-  size = "default",
-  asChild = false,
-  ...props
-}) {
-  const v2Variant = TIMBAL_V2_FROM_LEGACY_BUTTON[variant ?? "default"];
-  const v2Size = LEGACY_SIZE_TO_V2[size ?? "default"];
-  const isIconOnly = typeof size === "string" && size.startsWith("icon");
-  return /* @__PURE__ */ jsx5(
-    TimbalV2Button,
-    {
-      "data-slot": "button",
-      "data-variant": variant,
-      "data-size": size,
-      variant: v2Variant,
-      size: v2Size,
-      shape: "pill",
-      isIconOnly,
-      asChild,
-      className: cn(buttonVariants({ variant, size, className })),
-      ...props
-    }
-  );
-}
-
 // src/ui/shimmer.tsx
 import { motion } from "motion/react";
 import {
@@ -557,6 +593,7 @@ export {
   TIMBAL_V2_SECONDARY_CHROME,
   TIMBAL_V2_LOGO_TILE,
   TimbalV2Button,
+  Button,
   TooltipProvider,
   Tooltip,
   TooltipTrigger,
@@ -568,9 +605,11 @@ export {
   DialogOverlay,
   DialogContent,
   DialogTitle,
+  DialogDescription,
+  DialogHeader,
+  DialogFooter,
   Avatar,
   AvatarImage,
   AvatarFallback,
-  Button,
   Shimmer
 };

package/dist/{chunk-EQC5JEDZ.esm.js → chunk-VWHHKAHN.esm.js}

@@ -17,10 +17,10 @@ import {
   studioSidebarEntryItemVariants,
   studioSidebarWidthTransition,
   useShellInsetReporter
-} from "./chunk-Z27GBSOT.esm.js";
+} from "./chunk-QIABF4KB.esm.js";
 import {
   WorkforceSelector
-} from "./chunk-3WCG6ZRL.esm.js";
+} from "./chunk-CFU3YDTV.esm.js";
 import {
   Composer,
   TimbalChat,
@@ -43,10 +43,10 @@ import {
   studioTopbarIconPillClass,
   studioTopbarPillHeightClass,
   useTimbalRuntime
-} from "./chunk-RY3LB3JN.esm.js";
+} from "./chunk-5ZKLPWVN.esm.js";
 import {
   PillSegmentedTabs
-} from "./chunk-TDIJHV4I.esm.js";
+} from "./chunk-OISVICYF.esm.js";
 import {
   Avatar,
   AvatarFallback,
@@ -56,7 +56,7 @@ import {
   TooltipContent,
   TooltipTrigger,
   cn
-} from "./chunk-2XZ3S4OP.esm.js";
+} from "./chunk-QVAUCVQA.esm.js";
 
 // src/hooks/use-workforces.ts
 import { useEffect, useMemo, useRef, useState } from "react";