@brainfish-ai/components 0.35.20 → 0.36.0

package/dist/esm/components/ui/separator.js

@@ -1,2 +1,23 @@
-import*as o from"react";import*as r from"@radix-ui/react-separator";import{c as a}from"../../chunks/utils.DtKoarLP.js";const e=o.forwardRef(({className:e,orientation:t="horizontal",decorative:i=!0,...s},l)=>/* @__PURE__ */o.createElement(r.Root,{ref:l,decorative:i,orientation:t,className:a("shrink-0 bg-border","horizontal"===t?"h-[1px] w-full":"h-full w-[1px]",e),...s}));e.displayName=r.Root.displayName;export{e as Separator};
-//# sourceMappingURL=separator.js.map
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import { cn } from '../../lib/utils.js';
+
+const Separator = React.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ React.createElement(
+    SeparatorPrimitive.Root,
+    {
+      ref,
+      decorative,
+      orientation,
+      className: cn(
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Separator.displayName = SeparatorPrimitive.Root.displayName;
+
+export { Separator };

package/dist/esm/components/ui/sheet.js

@@ -1,4 +1,62 @@
-import*as e from"react";import*as t from"@radix-ui/react-dialog";import{cva as a}from"class-variance-authority";import{X as s}from"@phosphor-icons/react";import{c as o}from"../../chunks/utils.DtKoarLP.js";import{B as l}from"../../chunks/button.DXe2tRBO.js";const i=t.Root,r=t.Trigger,n=t.Close,d=t.Portal,m=e.forwardRef(({className:a,...s},l)=>/* @__PURE__ */e.createElement(t.Overlay,{className:o("fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",a),...s,ref:l}));m.displayName=t.Overlay.displayName;const c=a("fixed z-50 gap-4 bg-surface py-6 px-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",{variants:{side:{top:"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",bottom:"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",left:"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",right:"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"}},defaultVariants:{side:"right"}}),f=e.forwardRef(({side:a="right",className:i,children:r,...n},f)=>/* @__PURE__ */e.createElement(d,null,/* @__PURE__ */e.createElement(m,null),/* @__PURE__ */e.createElement(t.Content,{ref:f,className:o(c({side:a}),i),...n},/* @__PURE__ */e.createElement(t.Close,{asChild:!0,className:"absolute right-4 top-4"},/* @__PURE__ */e.createElement(l,{variant:"ghost",size:"icon",className:"[&_svg]:size-6 ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none"},
-/* @__PURE__ */e.createElement(s,{className:"size-6"}),
-/* @__PURE__ */e.createElement("span",{className:"sr-only"},"Close"))),r)));f.displayName=t.Content.displayName;const p=({className:t,...a})=>/* @__PURE__ */e.createElement("div",{className:o("flex flex-col text-center sm:text-left !mt-0",t),...a});p.displayName="SheetHeader";const u=({className:t,...a})=>/* @__PURE__ */e.createElement("div",{className:o("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",t),...a});u.displayName="SheetFooter";const N=e.forwardRef(({className:a,...s},l)=>/* @__PURE__ */e.createElement(t.Title,{ref:l,className:o("text-lg font-semibold text-foreground",a),...s}));N.displayName=t.Title.displayName;const g=e.forwardRef(({className:a,...s},l)=>/* @__PURE__ */e.createElement(t.Description,{ref:l,className:o("text-sm text-muted-foreground",a),...s}));g.displayName=t.Description.displayName;export{i as Sheet,n as SheetClose,f as SheetContent,g as SheetDescription,u as SheetFooter,p as SheetHeader,m as SheetOverlay,d as SheetPortal,N as SheetTitle,r as SheetTrigger};
-//# sourceMappingURL=sheet.js.map
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { cva } from 'class-variance-authority';
+import { X } from '@phosphor-icons/react';
+import { cn } from '../../lib/utils.js';
+import { Button } from './button.js';
+
+const Sheet = DialogPrimitive.Root;
+const SheetTrigger = DialogPrimitive.Trigger;
+const SheetClose = DialogPrimitive.Close;
+const SheetPortal = DialogPrimitive.Portal;
+const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  DialogPrimitive.Overlay,
+  {
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+SheetOverlay.displayName = DialogPrimitive.Overlay.displayName;
+const sheetVariants = cva(
+  "fixed z-50 gap-4 bg-surface py-6 px-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+const SheetContent = React.forwardRef(
+  ({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ React.createElement(SheetPortal, null, /* @__PURE__ */ React.createElement(SheetOverlay, null), /* @__PURE__ */ React.createElement(DialogPrimitive.Content, { ref, className: cn(sheetVariants({ side }), className), ...props }, /* @__PURE__ */ React.createElement(DialogPrimitive.Close, { asChild: true, className: "absolute right-4 top-4" }, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      variant: "ghost",
+      size: "icon",
+      className: "[&_svg]:size-6 ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none"
+    },
+    /* @__PURE__ */ React.createElement(X, { className: "size-6" }),
+    /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, "Close")
+  )), children))
+);
+SheetContent.displayName = DialogPrimitive.Content.displayName;
+const SheetHeader = ({ className, ...props }) => /* @__PURE__ */ React.createElement("div", { className: cn("flex flex-col text-center sm:text-left !mt-0", className), ...props });
+SheetHeader.displayName = "SheetHeader";
+const SheetFooter = ({ className, ...props }) => /* @__PURE__ */ React.createElement("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
+SheetFooter.displayName = "SheetFooter";
+const SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(DialogPrimitive.Title, { ref, className: cn("text-lg font-semibold text-foreground", className), ...props }));
+SheetTitle.displayName = DialogPrimitive.Title.displayName;
+const SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+SheetDescription.displayName = DialogPrimitive.Description.displayName;
+
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };

package/dist/esm/components/ui/spinner.js

@@ -1,3 +1,17 @@
-import a from"react";import{CircleNotch as r}from"@phosphor-icons/react";import{c as e}from"../../chunks/utils.DtKoarLP.js";function s({className:s,...t}){/* @__PURE__ */
-return a.createElement(r,{role:"status","aria-label":"Loading",className:e("size-4 animate-spin",s),...t})}export{s as Spinner};
-//# sourceMappingURL=spinner.js.map
+import React__default from 'react';
+import { CircleNotch } from '@phosphor-icons/react';
+import { cn } from '../../lib/utils.js';
+
+function Spinner({ className, ...props }) {
+  return /* @__PURE__ */ React__default.createElement(
+    CircleNotch,
+    {
+      role: "status",
+      "aria-label": "Loading",
+      className: cn("size-4 animate-spin", className),
+      ...props
+    }
+  );
+}
+
+export { Spinner };

package/dist/esm/components/ui/sweep-text.js

@@ -0,0 +1,24 @@
+import React__default from 'react';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../lib/utils.js';
+
+const sweepTextVariants = cva(
+  "text-sm font-medium animate-sweep bg-clip-text text-transparent [background-size:200%_auto]",
+  {
+    variants: {
+      variant: {
+        yellowfin: "bg-sweep-yellowfin",
+        dark: "bg-sweep-dark",
+        "dark-subtle": "bg-sweep-dark-subtle [animation-duration:2.4s]"
+      }
+    },
+    defaultVariants: {
+      variant: "yellowfin"
+    }
+  }
+);
+const SweepText = ({ className, children, variant }) => {
+  return /* @__PURE__ */ React__default.createElement("span", { className: cn(sweepTextVariants({ variant }), className) }, children);
+};
+
+export { SweepText };

package/dist/esm/components/ui/switch.js

@@ -1,3 +1,26 @@
-import*as e from"react";import*as a from"@radix-ui/react-switch";import{c as r}from"../../chunks/utils.DtKoarLP.js";const t=e.forwardRef(({className:t,...s},o)=>/* @__PURE__ */e.createElement(a.Root,{className:r("peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border px-1 border-border shadow-sm transition-colors focus-visible:!outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",t),...s,ref:o},
-/* @__PURE__ */e.createElement(a.Thumb,{className:r("pointer-events-none block h-4 w-4 rounded-full bg-dark shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-[1.1rem] data-[state=unchecked]:translate-x-0 data-[state=unchecked]:bg-dark-500")})));t.displayName=a.Root.displayName;export{t as Switch};
-//# sourceMappingURL=switch.js.map
+import * as React from 'react';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import { cn } from '../../lib/utils.js';
+
+const Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  SwitchPrimitives.Root,
+  {
+    className: cn(
+      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border px-1 border-border shadow-sm transition-colors focus-visible:!outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+      className
+    ),
+    ...props,
+    ref
+  },
+  /* @__PURE__ */ React.createElement(
+    SwitchPrimitives.Thumb,
+    {
+      className: cn(
+        "pointer-events-none block h-4 w-4 rounded-full bg-dark shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-[1.1rem] data-[state=unchecked]:translate-x-0 data-[state=unchecked]:bg-dark-500"
+      )
+    }
+  )
+));
+Switch.displayName = SwitchPrimitives.Root.displayName;
+
+export { Switch };

package/dist/esm/components/ui/table.js

@@ -1,2 +1,82 @@
-import*as e from"react";import{c as a}from"../../chunks/utils.DtKoarLP.js";const t=e.forwardRef(({className:t,...r},l)=>/* @__PURE__ */e.createElement("div",{className:"relative w-full overflow-auto"},/* @__PURE__ */e.createElement("table",{ref:l,className:a("w-full caption-bottom text-sm",t),...r})));t.displayName="Table";const r=e.forwardRef(({className:t,...r},l)=>/* @__PURE__ */e.createElement("thead",{ref:l,className:a("[&_tr]:border-b",t),...r}));r.displayName="TableHeader";const l=e.forwardRef(({className:t,...r},l)=>/* @__PURE__ */e.createElement("tbody",{ref:l,className:a("[&_tr:last-child]:border-0",t),...r}));l.displayName="TableBody";const s=e.forwardRef(({className:t,...r},l)=>/* @__PURE__ */e.createElement("tfoot",{ref:l,className:a("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",t),...r}));s.displayName="TableFooter";const o=e.forwardRef(({className:t,...r},l)=>/* @__PURE__ */e.createElement("tr",{ref:l,className:a("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",t),...r}));o.displayName="TableRow";const m=e.forwardRef(({className:t,...r},l)=>/* @__PURE__ */e.createElement("th",{ref:l,className:a("h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",t),...r}));m.displayName="TableHead";const c=e.forwardRef(({className:t,...r},l)=>/* @__PURE__ */e.createElement("td",{ref:l,className:a("p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",t),...r}));c.displayName="TableCell";const d=e.forwardRef(({className:t,...r},l)=>/* @__PURE__ */e.createElement("caption",{ref:l,className:a("mt-4 text-sm text-muted-foreground",t),...r}));d.displayName="TableCaption";export{t as Table,l as TableBody,d as TableCaption,c as TableCell,s as TableFooter,m as TableHead,r as TableHeader,o as TableRow};
-//# sourceMappingURL=table.js.map
+import * as React from 'react';
+import { cn } from '../../lib/utils.js';
+
+const Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement("div", { className: "relative w-full overflow-auto" }, /* @__PURE__ */ React.createElement(
+  "table",
+  {
+    ref,
+    className: cn("w-full caption-bottom text-sm", className),
+    ...props
+  }
+)));
+Table.displayName = "Table";
+const TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+TableHeader.displayName = "TableHeader";
+const TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  "tbody",
+  {
+    ref,
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...props
+  }
+));
+TableBody.displayName = "TableBody";
+const TableFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  "tfoot",
+  {
+    ref,
+    className: cn(
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+      className
+    ),
+    ...props
+  }
+));
+TableFooter.displayName = "TableFooter";
+const TableRow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  "tr",
+  {
+    ref,
+    className: cn(
+      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+TableRow.displayName = "TableRow";
+const TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  "th",
+  {
+    ref,
+    className: cn(
+      "h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      className
+    ),
+    ...props
+  }
+));
+TableHead.displayName = "TableHead";
+const TableCell = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  "td",
+  {
+    ref,
+    className: cn(
+      "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      className
+    ),
+    ...props
+  }
+));
+TableCell.displayName = "TableCell";
+const TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  "caption",
+  {
+    ref,
+    className: cn("mt-4 text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+TableCaption.displayName = "TableCaption";
+
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/esm/components/ui/tabs.js

@@ -1,2 +1,65 @@
-import*as t from"react";import*as a from"@radix-ui/react-tabs";import{c as e}from"../../chunks/utils.DtKoarLP.js";const i=t.forwardRef(({className:i,orientation:o="horizontal",...r},s)=>/* @__PURE__ */t.createElement(a.Root,{ref:s,orientation:o,"data-orientation":o,className:e("group/tabs flex gap-2","data-[orientation=horizontal]:flex-col","data-[orientation=vertical]:flex-row",i),...r}));i.displayName=a.Root.displayName;const o=t.forwardRef(({className:i,...o},r)=>/* @__PURE__ */t.createElement(a.List,{ref:r,className:e("inline-flex w-fit items-center justify-center rounded-lg bg-dark-300 p-1 text-dark","group-data-[orientation=horizontal]/tabs:h-10 group-data-[orientation=horizontal]/tabs:pb-1.5","group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",i),...o}));o.displayName=a.List.displayName;const r=t.forwardRef(({className:i,...o},r)=>/* @__PURE__ */t.createElement(a.Trigger,{ref:r,className:e("relative inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:font-medium data-[state=active]:bg-surface data-[state=active]:text-foreground data-[state=active]:shadow-md gap-1","group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start","data-[state=active]:after:absolute data-[state=active]:after:rounded-sm data-[state=active]:after:bg-primary data-[state=active]:after:content-['']","group-data-[orientation=horizontal]/tabs:data-[state=active]:after:-bottom-0.5 group-data-[orientation=horizontal]/tabs:data-[state=active]:after:h-1 group-data-[orientation=horizontal]/tabs:data-[state=active]:after:w-3/4","group-data-[orientation=vertical]/tabs:data-[state=active]:after:-right-0.5 group-data-[orientation=vertical]/tabs:data-[state=active]:after:h-3/4 group-data-[orientation=vertical]/tabs:data-[state=active]:after:w-1",i),...o}));r.displayName=a.Trigger.displayName;const s=t.forwardRef(({className:i,...o},r)=>/* @__PURE__ */t.createElement(a.Content,{ref:r,className:e("flex-1 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2","group-data-[orientation=horizontal]/tabs:mt-2",i),...o}));s.displayName=a.Content.displayName;export{i as Tabs,s as TabsContent,o as TabsList,r as TabsTrigger};
-//# sourceMappingURL=tabs.js.map
+import * as React from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { cn } from '../../lib/utils.js';
+
+const Tabs = React.forwardRef(({ className, orientation = "horizontal", ...props }, ref) => /* @__PURE__ */ React.createElement(
+  TabsPrimitive.Root,
+  {
+    ref,
+    orientation,
+    "data-orientation": orientation,
+    className: cn(
+      "group/tabs flex gap-2",
+      "data-[orientation=horizontal]:flex-col",
+      "data-[orientation=vertical]:flex-row",
+      className
+    ),
+    ...props
+  }
+));
+Tabs.displayName = TabsPrimitive.Root.displayName;
+const TabsList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  TabsPrimitive.List,
+  {
+    ref,
+    className: cn(
+      "inline-flex w-fit items-center justify-center rounded-lg bg-dark-300 p-1 text-dark",
+      "group-data-[orientation=horizontal]/tabs:h-10 group-data-[orientation=horizontal]/tabs:pb-1.5",
+      "group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",
+      className
+    ),
+    ...props
+  }
+));
+TabsList.displayName = TabsPrimitive.List.displayName;
+const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  TabsPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "relative inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:font-medium data-[state=active]:bg-surface data-[state=active]:text-foreground data-[state=active]:shadow-md gap-1",
+      "group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start",
+      "data-[state=active]:after:absolute data-[state=active]:after:rounded-sm data-[state=active]:after:bg-primary data-[state=active]:after:content-['']",
+      "group-data-[orientation=horizontal]/tabs:data-[state=active]:after:-bottom-0.5 group-data-[orientation=horizontal]/tabs:data-[state=active]:after:h-1 group-data-[orientation=horizontal]/tabs:data-[state=active]:after:w-3/4",
+      "group-data-[orientation=vertical]/tabs:data-[state=active]:after:-right-0.5 group-data-[orientation=vertical]/tabs:data-[state=active]:after:h-3/4 group-data-[orientation=vertical]/tabs:data-[state=active]:after:w-1",
+      className
+    ),
+    ...props
+  }
+));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+const TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  TabsPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "flex-1 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      "group-data-[orientation=horizontal]/tabs:mt-2",
+      className
+    ),
+    ...props
+  }
+));
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+export { Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/esm/components/ui/textarea.js

@@ -1,2 +1,33 @@
-import*as e from"react";import r from"react-textarea-autosize";import{c as t}from"../../chunks/utils.DtKoarLP.js";const a=e.forwardRef(({className:a,autoResize:s=!0,...o},i)=>{const l=t("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",a);return s?/* @__PURE__ */e.createElement(r,{className:l,ref:i,...o}):/* @__PURE__ */e.createElement("textarea",{className:l,ref:i,...o})});a.displayName="Textarea";export{a as Textarea};
-//# sourceMappingURL=textarea.js.map
+import * as React from 'react';
+import TextareaAutosize from 'react-textarea-autosize';
+import { cn } from '../../lib/utils.js';
+
+const Textarea = React.forwardRef(
+  ({ className, autoResize = true, ...props }, ref) => {
+    const baseClassName = cn(
+      "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+      className
+    );
+    if (autoResize) {
+      return /* @__PURE__ */ React.createElement(
+        TextareaAutosize,
+        {
+          className: baseClassName,
+          ref,
+          ...props
+        }
+      );
+    }
+    return /* @__PURE__ */ React.createElement(
+      "textarea",
+      {
+        className: baseClassName,
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+
+export { Textarea };

package/dist/esm/components/ui/tooltip.js

@@ -1,4 +1,31 @@
-import*as t from"react";import*as e from"@radix-ui/react-tooltip";import{c as a}from"../../chunks/utils.DtKoarLP.js";const o=({delayDuration:a=200,...o})=>/* @__PURE__ */t.createElement(e.Provider,{delayDuration:a,...o}),r=e.Root,i=e.Trigger,s=t.forwardRef(({className:o,sideOffset:r=4,bgColor:i,children:s,style:d,...l},n)=>{const m=i?.startsWith("--")?`var(${i})`:i;/* @__PURE__ */
-return t.createElement(e.Portal,null,/* @__PURE__ */t.createElement(e.Content,{ref:n,sideOffset:r,style:m?{...d,"--tooltip-bg":m}:d,className:a("z-50 overflow-hidden rounded-md px-3 py-1.5 text-xs text-dark-100 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 origin-[--radix-tooltip-content-transform-origin]",m?"bg-[var(--tooltip-bg)]":"bg-dark",o),...l},s,
-/* @__PURE__ */t.createElement(e.Arrow,{className:m?"fill-[var(--tooltip-bg)]":"fill-dark"})))});s.displayName=e.Content.displayName;export{r as Tooltip,s as TooltipContent,o as TooltipProvider,i as TooltipTrigger};
-//# sourceMappingURL=tooltip.js.map
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { cn } from '../../lib/utils.js';
+
+const TooltipProvider = ({ delayDuration = 200, ...props }) => /* @__PURE__ */ React.createElement(TooltipPrimitive.Provider, { delayDuration, ...props });
+const Tooltip = TooltipPrimitive.Root;
+const TooltipTrigger = TooltipPrimitive.Trigger;
+const TooltipContent = React.forwardRef(
+  ({ className, sideOffset = 4, bgColor, children, style, ...props }, ref) => {
+    const resolvedBg = bgColor?.startsWith("--") ? `var(${bgColor})` : bgColor;
+    return /* @__PURE__ */ React.createElement(TooltipPrimitive.Portal, null, /* @__PURE__ */ React.createElement(
+      TooltipPrimitive.Content,
+      {
+        ref,
+        sideOffset,
+        style: resolvedBg ? { ...style, "--tooltip-bg": resolvedBg } : style,
+        className: cn(
+          "z-50 overflow-hidden rounded-md px-3 py-1.5 text-xs text-dark-100 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 origin-[--radix-tooltip-content-transform-origin]",
+          resolvedBg ? "bg-[var(--tooltip-bg)]" : "bg-dark",
+          className
+        ),
+        ...props
+      },
+      children,
+      /* @__PURE__ */ React.createElement(TooltipPrimitive.Arrow, { className: resolvedBg ? "fill-[var(--tooltip-bg)]" : "fill-dark" })
+    ));
+  }
+);
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/esm/components/usage-indicator-pill/usage-indicator-pill.js

@@ -0,0 +1,45 @@
+import { ChartBar, CreditCard } from '@phosphor-icons/react';
+import * as React from 'react';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '../ui/dropdown-menu.js';
+import { cn } from '../../lib/utils.js';
+
+function UsageIndicatorPill({
+  percentage,
+  label = "Queries",
+  status,
+  onViewPlan,
+  onViewBilling
+}) {
+  return /* @__PURE__ */ React.createElement(DropdownMenu, null, /* @__PURE__ */ React.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      type: "button",
+      className: cn(
+        "flex items-center gap-1.5 rounded border bg-surface py-1 pl-2 pr-2.5",
+        "text-xs font-normal text-dark-900 cursor-pointer",
+        "hover:bg-dark-200 active:bg-dark-400",
+        "focus-visible:outline-none",
+        "transition-colors",
+        {
+          "border-yellow-500/50": status === "warning",
+          "border-red-500/50": status === "reached"
+        }
+      ),
+      "aria-label": `${label} usage: ${percentage}%`
+    },
+    /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        className: cn("h-2 w-2 shrink-0 rounded-full", {
+          "bg-yellow-500": status === "warning",
+          "bg-red-500": status === "reached"
+        }),
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ React.createElement("span", { className: "whitespace-nowrap" }, percentage, "% of ", label, " used"),
+    /* @__PURE__ */ React.createElement("span", { className: "opacity-60 whitespace-nowrap" }, "View plan")
+  )), /* @__PURE__ */ React.createElement(DropdownMenuContent, { align: "end", className: "w-52" }, /* @__PURE__ */ React.createElement(DropdownMenuItem, { onClick: onViewPlan, className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement(ChartBar, { size: 16, "aria-hidden": "true" }), "View plan"), /* @__PURE__ */ React.createElement(DropdownMenuItem, { onClick: onViewBilling, className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement(CreditCard, { size: 16, "aria-hidden": "true" }), "View billing settings")));
+}
+
+export { UsageIndicatorPill };