@brainfish-ai/components 0.35.19 → 0.36.0

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

@@ -1,3 +1,25 @@
-import e,{forwardRef as t,Suspense as n,memo as o,lazy as r}from"react";const a=/* @__PURE__ */new Map;const c=t(({iconName:t,...o},c)=>{const s=function(e){return a.has(e)||a.set(e,r(()=>import("@phosphor-icons/react").then(t=>({default:t[e]})))),a.get(e)}(t);/* @__PURE__ */
-return e.createElement(n,{fallback:/* @__PURE__ */e.createElement(e.Fragment,null)},/* @__PURE__ */e.createElement(s,{...o,ref:c}))});c.displayName="PhosphorIcon";const s=o(c);export{c as Icon,s as MemoizedIcon};
-//# sourceMappingURL=icon.js.map
+import React__default, { forwardRef, Suspense, memo, lazy } from 'react';
+
+const lazyIconCache = /* @__PURE__ */ new Map();
+function getLazyIcon(iconName) {
+  if (!lazyIconCache.has(iconName)) {
+    lazyIconCache.set(
+      iconName,
+      lazy(
+        () => import('@phosphor-icons/react').then((module) => {
+          const icons = module;
+          return { default: icons[iconName] };
+        })
+      )
+    );
+  }
+  return lazyIconCache.get(iconName);
+}
+const PhosphorIcon = forwardRef(({ iconName, ...props }, ref) => {
+  const IconComponent = getLazyIcon(iconName);
+  return /* @__PURE__ */ React__default.createElement(Suspense, { fallback: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null) }, /* @__PURE__ */ React__default.createElement(IconComponent, { ...props, ref }));
+});
+PhosphorIcon.displayName = "PhosphorIcon";
+const MemoizedIcon = memo(PhosphorIcon);
+
+export { PhosphorIcon as Icon, MemoizedIcon };

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

@@ -1,5 +1,47 @@
-import e from"react";import{c as t}from"../../chunks/utils.DtKoarLP.js";const r=e.forwardRef(({className:r,type:a,startIcon:n,endIcon:o,onStartIconClick:s,onEndIconClick:i,...l},c)=>{const d=n,m=o;/* @__PURE__ */
-return e.createElement("div",{className:"w-full relative"},d&&/* @__PURE__ */e.createElement("div",{className:"absolute left-2 top-1/2 transform -translate-y-1/2"},s?/* @__PURE__ */e.createElement("button",{type:"button",onClick:s,className:"flex items-center justify-center cursor-pointer hover:opacity-70 transition-opacity","aria-label":"Clear start icon"},
-/* @__PURE__ */e.createElement(d,{size:18,className:"text-muted-foreground"})):/* @__PURE__ */e.createElement(d,{size:18,className:"text-muted-foreground"})),/* @__PURE__ */e.createElement("input",{type:a,className:t("flex h-12 w-full rounded-md border border-border bg-transparent py-3 text-base transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground 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","search"===a&&!!o&&"appearance-none [&::-webkit-search-cancel-button]:hidden [&::-webkit-search-decoration]:hidden [&::-webkit-search-results-button]:hidden [&::-webkit-search-results-decoration]:hidden",n&&"pl-8 pr-4",o&&"pl-4 pr-8",n&&o&&"px-8",!n&&!o&&"px-4",r),ref:c,...l}),m&&/* @__PURE__ */e.createElement("div",{className:"absolute right-3 top-1/2 transform -translate-y-1/2"},i?/* @__PURE__ */e.createElement("button",{type:"button",onClick:i,className:"flex items-center justify-center cursor-pointer hover:opacity-70 transition-opacity","aria-label":"Clear input"},
-/* @__PURE__ */e.createElement(m,{className:"text-muted-foreground",size:18})):/* @__PURE__ */e.createElement(m,{className:"text-muted-foreground",size:18})))});r.displayName="Input";export{r as Input};
-//# sourceMappingURL=input.js.map
+import React__default from 'react';
+import { cn } from '../../lib/utils.js';
+
+const Input = React__default.forwardRef(
+  ({ className, type, startIcon, endIcon, onStartIconClick, onEndIconClick, ...props }, ref) => {
+    const StartIcon = startIcon;
+    const EndIcon = endIcon;
+    return /* @__PURE__ */ React__default.createElement("div", { className: "w-full relative" }, StartIcon && /* @__PURE__ */ React__default.createElement("div", { className: "absolute left-2 top-1/2 transform -translate-y-1/2" }, onStartIconClick ? /* @__PURE__ */ React__default.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: onStartIconClick,
+        className: "flex items-center justify-center cursor-pointer hover:opacity-70 transition-opacity",
+        "aria-label": "Clear start icon"
+      },
+      /* @__PURE__ */ React__default.createElement(StartIcon, { size: 18, className: "text-muted-foreground" })
+    ) : /* @__PURE__ */ React__default.createElement(StartIcon, { size: 18, className: "text-muted-foreground" })), /* @__PURE__ */ React__default.createElement(
+      "input",
+      {
+        type,
+        className: cn(
+          "flex h-12 w-full rounded-md border border-border bg-transparent py-3 text-base transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground 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",
+          type === "search" && !!endIcon && "appearance-none [&::-webkit-search-cancel-button]:hidden [&::-webkit-search-decoration]:hidden [&::-webkit-search-results-button]:hidden [&::-webkit-search-results-decoration]:hidden",
+          startIcon && "pl-8 pr-4",
+          endIcon && "pl-4 pr-8",
+          startIcon && endIcon && "px-8",
+          !startIcon && !endIcon && "px-4",
+          className
+        ),
+        ref,
+        ...props
+      }
+    ), EndIcon && /* @__PURE__ */ React__default.createElement("div", { className: "absolute right-3 top-1/2 transform -translate-y-1/2" }, onEndIconClick ? /* @__PURE__ */ React__default.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: onEndIconClick,
+        className: "flex items-center justify-center cursor-pointer hover:opacity-70 transition-opacity",
+        "aria-label": "Clear input"
+      },
+      /* @__PURE__ */ React__default.createElement(EndIcon, { className: "text-muted-foreground", size: 18 })
+    ) : /* @__PURE__ */ React__default.createElement(EndIcon, { className: "text-muted-foreground", size: 18 })));
+  }
+);
+Input.displayName = "Input";
+
+export { Input };

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

@@ -1,12 +1,140 @@
-import*as e from"react";import{S as t}from"../../chunks/index.Ca2JkOFO.js";import{cva as a}from"class-variance-authority";import{c as s}from"../../chunks/utils.DtKoarLP.js";import{Separator as r}from"./separator.js";function n({className:t,...a}){/* @__PURE__ */
-return e.createElement("div",{role:"list","data-slot":"item-group",className:s("group/item-group flex flex-col",t),...a})}function i({className:t,...a}){/* @__PURE__ */
-return e.createElement(r,{"data-slot":"item-separator",orientation:"horizontal",className:s("my-0",t),...a})}const l=a("group/item [a]:hover:bg-accent/50 focus-visible:border-ring focus-visible:ring-ring/50 [a]:transition-colors flex flex-wrap items-center rounded-md border border-transparent text-sm outline-none transition-colors duration-100 focus-visible:ring-[3px]",{variants:{variant:{default:"bg-transparent",outline:"border-border",muted:"bg-muted/50"},size:{default:"gap-4 p-4 ",sm:"gap-2.5 px-4 py-3"}},defaultVariants:{variant:"default",size:"default"}});function o({className:a,variant:r="default",size:n="default",asChild:i=!1,...o}){const m=i?t:"div";/* @__PURE__ */
-return e.createElement(m,{"data-slot":"item","data-variant":r,"data-size":n,className:s(l({variant:r,size:n,className:a})),...o})}const m=a("flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none",{variants:{variant:{default:"bg-transparent",icon:"bg-muted size-8 rounded-sm border [&_svg:not([class*='size-'])]:size-4",image:"size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover"}},defaultVariants:{variant:"default"}});function c({className:t,variant:a="default",...r}){/* @__PURE__ */
-return e.createElement("div",{"data-slot":"item-media","data-variant":a,className:s(m({variant:a,className:t})),...r})}function d({className:t,...a}){/* @__PURE__ */
-return e.createElement("div",{"data-slot":"item-content",className:s("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none",t),...a})}function u({className:t,...a}){/* @__PURE__ */
-return e.createElement("div",{"data-slot":"item-title",className:s("flex w-fit items-center gap-2 text-sm font-medium leading-snug",t),...a})}function f({className:t,...a}){/* @__PURE__ */
-return e.createElement("span",{"data-slot":"item-description",className:s("text-muted-foreground line-clamp-2 text-balance text-sm font-normal leading-normal","[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4 ",t),...a})}function p({className:t,...a}){/* @__PURE__ */
-return e.createElement("div",{"data-slot":"item-actions",className:s("flex items-center gap-2",t),...a})}function g({className:t,...a}){/* @__PURE__ */
-return e.createElement("div",{"data-slot":"item-header",className:s("flex basis-full items-center justify-between gap-2",t),...a})}function v({className:t,...a}){/* @__PURE__ */
-return e.createElement("div",{"data-slot":"item-footer",className:s("flex basis-full items-center justify-between gap-2",t),...a})}export{o as Item,p as ItemActions,d as ItemContent,f as ItemDescription,v as ItemFooter,n as ItemGroup,g as ItemHeader,c as ItemMedia,i as ItemSeparator,u as ItemTitle};
-//# sourceMappingURL=item.js.map
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../lib/utils.js';
+import { Separator } from './separator.js';
+
+function ItemGroup({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement("div", { role: "list", "data-slot": "item-group", className: cn("group/item-group flex flex-col", className), ...props });
+}
+function ItemSeparator({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(Separator, { "data-slot": "item-separator", orientation: "horizontal", className: cn("my-0", className), ...props });
+}
+const itemVariants = cva(
+  "group/item [a]:hover:bg-accent/50 focus-visible:border-ring focus-visible:ring-ring/50 [a]:transition-colors flex flex-wrap items-center rounded-md border border-transparent text-sm outline-none transition-colors duration-100 focus-visible:ring-[3px]",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border-border",
+        muted: "bg-muted/50"
+      },
+      size: {
+        default: "gap-4 p-4 ",
+        sm: "gap-2.5 px-4 py-3"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Item({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ React.createElement(
+    Comp,
+    {
+      "data-slot": "item",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(itemVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+const itemMediaVariants = cva(
+  "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "bg-muted size-8 rounded-sm border [&_svg:not([class*='size-'])]:size-4",
+        image: "size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function ItemMedia({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-slot": "item-media",
+      "data-variant": variant,
+      className: cn(itemMediaVariants({ variant, className })),
+      ...props
+    }
+  );
+}
+function ItemContent({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-slot": "item-content",
+      className: cn("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", className),
+      ...props
+    }
+  );
+}
+function ItemTitle({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-slot": "item-title",
+      className: cn("flex w-fit items-center gap-2 text-sm font-medium leading-snug", className),
+      ...props
+    }
+  );
+}
+function ItemDescription({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "span",
+    {
+      "data-slot": "item-description",
+      className: cn(
+        "text-muted-foreground line-clamp-2 text-balance text-sm font-normal leading-normal",
+        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4 ",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ItemActions({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement("div", { "data-slot": "item-actions", className: cn("flex items-center gap-2", className), ...props });
+}
+function ItemHeader({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-slot": "item-header",
+      className: cn("flex basis-full items-center justify-between gap-2", className),
+      ...props
+    }
+  );
+}
+function ItemFooter({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-slot": "item-footer",
+      className: cn("flex basis-full items-center justify-between gap-2", className),
+      ...props
+    }
+  );
+}
+
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };

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

@@ -1,2 +1,19 @@
-import*as a from"react";import*as e from"@radix-ui/react-label";import{cva as r}from"class-variance-authority";import{c as o}from"../../chunks/utils.DtKoarLP.js";const s=r("font-bold leading-6 peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),t=a.forwardRef(({className:r,...t},i)=>/* @__PURE__ */a.createElement(e.Root,{ref:i,className:o(s(),r),...t}));t.displayName=e.Root.displayName;export{t as Label};
-//# sourceMappingURL=label.js.map
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { cva } from 'class-variance-authority';
+import { cn } from '../../lib/utils.js';
+
+const labelVariants = cva(
+  "font-bold leading-6 peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+const Label = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  LabelPrimitive.Root,
+  {
+    ref,
+    className: cn(labelVariants(), className),
+    ...props
+  }
+));
+Label.displayName = LabelPrimitive.Root.displayName;
+
+export { Label };

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

@@ -1,2 +1,31 @@
-import*as e from"react";import*as t from"@radix-ui/react-popover";import{c as o}from"../../chunks/utils.DtKoarLP.js";const a=t.Root,r=t.Trigger,d=t.Anchor,s=e.forwardRef(({className:a,align:r="center",sideOffset:d=4,appendToBody:s=!0,...n},i)=>{const p=/* @__PURE__ */e.createElement(t.Content,{ref:i,align:r,sideOffset:d,className:o("z-50 w-72 rounded-md border border-foreground bg-popover p-4 text-popover-foreground shadow-[4px_4px_0_0_#171717] dark:shadow-[4px_4px_0_0_#fff] outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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",a),...n});return s?/* @__PURE__ */e.createElement(t.Portal,null,p):p});s.displayName=t.Content.displayName;export{a as Popover,d as PopoverAnchor,s as PopoverContent,r as PopoverTrigger};
-//# sourceMappingURL=popover.js.map
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { cn } from '../../lib/utils.js';
+
+const Popover = PopoverPrimitive.Root;
+const PopoverTrigger = PopoverPrimitive.Trigger;
+const PopoverAnchor = PopoverPrimitive.Anchor;
+const PopoverContent = React.forwardRef(
+  ({ className, align = "center", sideOffset = 4, appendToBody = true, ...props }, ref) => {
+    const content = /* @__PURE__ */ React.createElement(
+      PopoverPrimitive.Content,
+      {
+        ref,
+        align,
+        sideOffset,
+        className: cn(
+          "z-50 w-72 rounded-md border border-foreground bg-popover p-4 text-popover-foreground shadow-[4px_4px_0_0_#171717] dark:shadow-[4px_4px_0_0_#fff] outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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",
+          className
+        ),
+        ...props
+      }
+    );
+    if (!appendToBody) {
+      return content;
+    }
+    return /* @__PURE__ */ React.createElement(PopoverPrimitive.Portal, null, content);
+  }
+);
+PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };

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

@@ -1,3 +1,22 @@
-import*as a from"react";import*as r from"@radix-ui/react-progress";import{c as e}from"../../chunks/utils.DtKoarLP.js";const l=a.forwardRef(({className:l,value:s,indicatorClassName:t,...o},i)=>/* @__PURE__ */a.createElement(r.Root,{ref:i,className:e("relative h-2 w-full overflow-hidden rounded-full bg-primary/20",l),...o},
-/* @__PURE__ */a.createElement(r.Indicator,{className:e("h-full w-full flex-1 bg-primary transition-all",t),style:{transform:`translateX(-${100-(s||0)}%)`}})));l.displayName=r.Root.displayName;export{l as Progress};
-//# sourceMappingURL=progress.js.map
+import * as React from 'react';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import { cn } from '../../lib/utils.js';
+
+const Progress = React.forwardRef(({ className, value, indicatorClassName, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  ProgressPrimitive.Root,
+  {
+    ref,
+    className: cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", className),
+    ...props
+  },
+  /* @__PURE__ */ React.createElement(
+    ProgressPrimitive.Indicator,
+    {
+      className: cn("h-full w-full flex-1 bg-primary transition-all", indicatorClassName),
+      style: { transform: `translateX(-${100 - (value || 0)}%)` }
+    }
+  )
+));
+Progress.displayName = ProgressPrimitive.Root.displayName;
+
+export { Progress };

package/dist/esm/components/ui/radio-group.js

@@ -1,3 +1,33 @@
-import*as e from"react";import*as r from"@radix-ui/react-radio-group";import{Circle as a}from"lucide-react";import{c as s}from"../../chunks/utils.DtKoarLP.js";const t=e.forwardRef(({className:a,...t},o)=>/* @__PURE__ */e.createElement(r.Root,{className:s("grid gap-2",a),...t,ref:o}));t.displayName=r.Root.displayName;const o=e.forwardRef(({className:t,...o},i)=>/* @__PURE__ */e.createElement(r.Item,{ref:i,className:s("aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",t),...o},
-/* @__PURE__ */e.createElement(r.Indicator,{className:"flex items-center justify-center"},/* @__PURE__ */e.createElement(a,{className:"h-3.5 w-3.5 fill-primary"}))));o.displayName=r.Item.displayName;export{t as RadioGroup,o as RadioGroupItem};
-//# sourceMappingURL=radio-group.js.map
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { Circle } from 'lucide-react';
+import { cn } from '../../lib/utils.js';
+
+const RadioGroup = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ React.createElement(
+    RadioGroupPrimitive.Root,
+    {
+      className: cn("grid gap-2", className),
+      ...props,
+      ref
+    }
+  );
+});
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+const RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ React.createElement(
+    RadioGroupPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        "aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center" }, /* @__PURE__ */ React.createElement(Circle, { className: "h-3.5 w-3.5 fill-primary" }))
+  );
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+
+export { RadioGroup, RadioGroupItem };

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

@@ -1,5 +1,38 @@
-import a from"react";import*as e from"react-resizable-panels";import{c as t}from"../../chunks/utils.DtKoarLP.js";function r({className:r,...i}){/* @__PURE__ */
-return a.createElement(e.Group,{"data-slot":"resizable-panel-group",className:t("flex h-full w-full aria-[orientation=vertical]:flex-col",r),...i})}function i({...t}){/* @__PURE__ */
-return a.createElement(e.Panel,{"data-slot":"resizable-panel",...t})}function o({withHandle:r,className:i,...o}){/* @__PURE__ */
-return a.createElement(e.Separator,{"data-slot":"resizable-handle",className:t("relative group flex w-px items-center justify-center bg-border ring-offset-background after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-hidden","aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90",i),...o},r&&/* @__PURE__ */a.createElement("div",{className:"z-10 flex h-20 w-1 shrink-0 rounded-lg bg-border opacity-0 group-hover:opacity-100 transition-opacity"}))}export{o as ResizableHandle,i as ResizablePanel,r as ResizablePanelGroup};
-//# sourceMappingURL=resizable.js.map
+import React__default from 'react';
+import * as ResizablePrimitive from 'react-resizable-panels';
+import { cn } from '../../lib/utils.js';
+
+function ResizablePanelGroup({ className, ...props }) {
+  return /* @__PURE__ */ React__default.createElement(
+    ResizablePrimitive.Group,
+    {
+      "data-slot": "resizable-panel-group",
+      className: cn("flex h-full w-full aria-[orientation=vertical]:flex-col", className),
+      ...props
+    }
+  );
+}
+function ResizablePanel({ ...props }) {
+  return /* @__PURE__ */ React__default.createElement(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", ...props });
+}
+function ResizableHandle({
+  withHandle,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React__default.createElement(
+    ResizablePrimitive.Separator,
+    {
+      "data-slot": "resizable-handle",
+      className: cn(
+        "relative group flex w-px items-center justify-center bg-border ring-offset-background after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-hidden",
+        "aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:left-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90",
+        className
+      ),
+      ...props
+    },
+    withHandle && /* @__PURE__ */ React__default.createElement("div", { className: "z-10 flex h-20 w-1 shrink-0 rounded-lg bg-border opacity-0 group-hover:opacity-100 transition-opacity" })
+  );
+}
+
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };

package/dist/esm/components/ui/ripple-status.js

@@ -0,0 +1,22 @@
+import React__default from 'react';
+import { AnimatePresence, motion } from 'framer-motion';
+import { Ripple } from './ripple.js';
+import { SweepText } from './sweep-text.js';
+import { cn } from '../../lib/utils.js';
+
+function RippleStatus({ text, className, variant = "dark-subtle" }) {
+  return /* @__PURE__ */ React__default.createElement("div", { className: cn("inline-flex items-start gap-1.5 py-1", className) }, /* @__PURE__ */ React__default.createElement("span", { className: "flex h-6 shrink-0 items-center" }, /* @__PURE__ */ React__default.createElement(Ripple, { className: "size-4" })), /* @__PURE__ */ React__default.createElement("span", { className: "relative grid min-w-0 overflow-hidden" }, /* @__PURE__ */ React__default.createElement(AnimatePresence, { initial: false }, /* @__PURE__ */ React__default.createElement(
+    motion.span,
+    {
+      key: text,
+      initial: { opacity: 0, y: 6 },
+      animate: { opacity: 1, y: 0 },
+      exit: { opacity: 0, y: -6 },
+      transition: { duration: 0.2, ease: "easeInOut" },
+      className: "col-start-1 row-start-1"
+    },
+    /* @__PURE__ */ React__default.createElement(SweepText, { variant }, text)
+  ))));
+}
+
+export { RippleStatus };

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

@@ -0,0 +1,23 @@
+import React__default, { useId } from 'react';
+import styles from './ripple.module.css.js';
+import { AILogoPaths } from '../logo/ai-logo.js';
+import { cn } from '../../lib/utils.js';
+
+function Ripple({ className, colored = false, ...props }) {
+  const gradientId = `ai-logo-gradient-${useId()}`;
+  return /* @__PURE__ */ React__default.createElement(
+    "svg",
+    {
+      className: cn(styles.loader, !colored && styles.monochrome, className),
+      width: 48,
+      height: 48,
+      viewBox: "0 0 72 72",
+      role: "img",
+      "aria-label": "Loading",
+      ...props
+    },
+    /* @__PURE__ */ React__default.createElement(AILogoPaths, { variant: colored ? "yellowfin" : "monochrome", gradientId })
+  );
+}
+
+export { Ripple };

package/dist/esm/components/ui/ripple.module.css

@@ -0,0 +1,47 @@
+._loader_bghon_1 path {
+  transform-box: view-box;
+  transform-origin: 36px 36px;
+  transform: scale(1);
+  animation: _ripple_bghon_1 1.6s ease-in-out infinite;
+}
+
+._loader_bghon_1._monochrome_bghon_8 path {
+  fill: var(--bfc-foreground);
+}
+
+._loader_bghon_1 path:nth-of-type(1) {
+  animation-delay: 0s;
+}
+
+._loader_bghon_1 path:nth-of-type(2) {
+  animation-delay: 0.22s;
+}
+
+._loader_bghon_1 path:nth-of-type(3) {
+  animation-delay: 0.45s;
+}
+
+._loader_bghon_1 path:nth-of-type(4) {
+  animation-delay: 0.67s;
+}
+
+@keyframes _ripple_bghon_1 {
+  0%,
+  100% {
+    opacity: 0.16;
+    transform: scale(1);
+  }
+
+  16% {
+    opacity: 1;
+    transform: scale(0.74);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  ._loader_bghon_1 path {
+    animation: none;
+    opacity: 1;
+    transform: scale(1);
+  }
+}

package/dist/esm/components/ui/ripple.module.css.js

@@ -0,0 +1,8 @@
+import './ripple.module.css';const loader = "_loader_bghon_1";
+const monochrome = "_monochrome_bghon_8";
+const styles = {
+	loader: loader,
+	monochrome: monochrome
+};
+
+export { styles as default, loader, monochrome };

package/dist/esm/components/ui/scroll-area.js

@@ -1,3 +1,32 @@
-import*as e from"react";import*as r from"@radix-ui/react-scroll-area";import{c as l}from"../../chunks/utils.DtKoarLP.js";const a=e.forwardRef(({className:a,children:t,onScroll:n,...c},s)=>/* @__PURE__ */e.createElement(r.Root,{className:l("relative overflow-hidden",a),...c},/* @__PURE__ */e.createElement(r.Viewport,{ref:s,className:"h-full w-full rounded-[inherit] [&_>div]:w-full [&_>div]:table-fixed",onScroll:n},t),/* @__PURE__ */e.createElement(o,null),/* @__PURE__ */e.createElement(r.Corner,null)));a.displayName=r.Root.displayName;const o=e.forwardRef(({className:a,orientation:o="vertical",...t},n)=>/* @__PURE__ */e.createElement(r.ScrollAreaScrollbar,{ref:n,orientation:o,className:l("flex touch-none select-none transition-colors","vertical"===o&&"h-full w-2.5 border-l border-l-transparent p-[1px]","horizontal"===o&&"h-2.5 flex-col border-t border-t-transparent p-[1px]",a),...t},
-/* @__PURE__ */e.createElement(r.ScrollAreaThumb,{className:"relative flex-1 rounded-full bg-dark-400"})));o.displayName=r.ScrollAreaScrollbar.displayName;export{a as ScrollArea,o as ScrollBar};
-//# sourceMappingURL=scroll-area.js.map
+import * as React from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import { cn } from '../../lib/utils.js';
+
+const ScrollArea = React.forwardRef(({ className, children, onScroll, ...props }, ref) => /* @__PURE__ */ React.createElement(ScrollAreaPrimitive.Root, { className: cn("relative overflow-hidden", className), ...props }, /* @__PURE__ */ React.createElement(
+  ScrollAreaPrimitive.Viewport,
+  {
+    ref,
+    className: "h-full w-full rounded-[inherit] [&_>div]:w-full [&_>div]:table-fixed",
+    onScroll
+  },
+  children
+), /* @__PURE__ */ React.createElement(ScrollBar, null), /* @__PURE__ */ React.createElement(ScrollAreaPrimitive.Corner, null)));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+const ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React.createElement(
+  ScrollAreaPrimitive.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
+    className: cn(
+      "flex touch-none select-none transition-colors",
+      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      className
+    ),
+    ...props
+  },
+  /* @__PURE__ */ React.createElement(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-dark-400" })
+));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+
+export { ScrollArea, ScrollBar };

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

@@ -1,6 +1,66 @@
-import*as e from"react";import*as t from"@radix-ui/react-select";import{CaretDown as a,Check as r}from"@phosphor-icons/react";import{c as o}from"../../chunks/utils.DtKoarLP.js";const s=t.Root,l=t.Group,d=t.Value,n=e.forwardRef(({className:r,children:s,...l},d)=>/* @__PURE__ */e.createElement(t.Trigger,{ref:d,className:o("flex h-9 w-full items-center justify-between rounded border border-input bg-transparent px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50",r),...l},s,
-/* @__PURE__ */e.createElement(t.Icon,{asChild:!0},/* @__PURE__ */e.createElement(a,{className:"h-4 w-4 opacity-50"}))));n.displayName=t.Trigger.displayName;const i=e.forwardRef(({className:a,children:r,position:s="popper",appendToBody:l,...d},n)=>/* @__PURE__ */e.createElement(t.Portal,{container:l?document.body:void 0},/* @__PURE__ */e.createElement(t.Content,{ref:n,className:o("relative z-above-modal min-w-[8rem] overflow-hidden rounded border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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","popper"===s&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",a),position:s,...d},
-/* @__PURE__ */e.createElement(t.Viewport,{className:o("p-1","popper"===s&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]")},r))));i.displayName=t.Content.displayName;const m=e.forwardRef(({className:a,...r},s)=>/* @__PURE__ */e.createElement(t.Label,{ref:s,className:o("px-2 py-1.5 text-sm font-semibold",a),...r}));m.displayName=t.Label.displayName;const c=e.forwardRef(({className:a,children:s,...l},d)=>/* @__PURE__ */e.createElement(t.Item,{ref:d,className:o("relative flex w-full cursor-default select-none items-center rounded py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",a),...l},
-/* @__PURE__ */e.createElement("span",{className:"absolute right-2 flex h-3.5 w-3.5 items-center justify-center"},/* @__PURE__ */e.createElement(t.ItemIndicator,null,/* @__PURE__ */e.createElement(r,{className:"h-4 w-4"}))),
-/* @__PURE__ */e.createElement(t.ItemText,null,s)));c.displayName=t.Item.displayName;const p=e.forwardRef(({className:a,...r},s)=>/* @__PURE__ */e.createElement(t.Separator,{ref:s,className:o("-mx-1 my-1 h-px bg-muted",a),...r}));p.displayName=t.Separator.displayName;export{s as Select,i as SelectContent,l as SelectGroup,c as SelectItem,m as SelectLabel,p as SelectSeparator,n as SelectTrigger,d as SelectValue};
-//# sourceMappingURL=select.js.map
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { CaretDown, Check } from '@phosphor-icons/react';
+import { cn } from '../../lib/utils.js';
+
+const Select = SelectPrimitive.Root;
+const SelectGroup = SelectPrimitive.Group;
+const SelectValue = SelectPrimitive.Value;
+const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex h-9 w-full items-center justify-between rounded border border-input bg-transparent px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+      className
+    ),
+    ...props
+  },
+  children,
+  /* @__PURE__ */ React.createElement(SelectPrimitive.Icon, { asChild: true }, /* @__PURE__ */ React.createElement(CaretDown, { className: "h-4 w-4 opacity-50" }))
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+const SelectContent = React.forwardRef(({ className, children, position = "popper", appendToBody, ...props }, ref) => /* @__PURE__ */ React.createElement(SelectPrimitive.Portal, { container: appendToBody ? document.body : void 0 }, /* @__PURE__ */ React.createElement(
+  SelectPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "relative z-above-modal min-w-[8rem] overflow-hidden rounded border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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",
+      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      className
+    ),
+    position,
+    ...props
+  },
+  /* @__PURE__ */ React.createElement(
+    SelectPrimitive.Viewport,
+    {
+      className: cn(
+        "p-1",
+        position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+      )
+    },
+    children
+  )
+)));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+const SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(SelectPrimitive.Label, { ref, className: cn("px-2 py-1.5 text-sm font-semibold", className), ...props }));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full cursor-default select-none items-center rounded py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center" }, /* @__PURE__ */ React.createElement(SelectPrimitive.ItemIndicator, null, /* @__PURE__ */ React.createElement(Check, { className: "h-4 w-4" }))),
+  /* @__PURE__ */ React.createElement(SelectPrimitive.ItemText, null, children)
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(SelectPrimitive.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-muted", className), ...props }));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue };