@spear-ai/spectral 1.4.5 → 1.4.7

package/dist/.js

@@ -8,10 +8,10 @@ import { ButtonIcon as s } from "./ButtonIcon.js";
 import { Card as g, CardContent as T, CardHeader as S, CardHeaderEndSlot as G, CardTitle as v } from "./Card.js";
 import { Checkbox as B } from "./Checkbox.js";
 import { Dialog as h } from "./Dialog.js";
-import { Drawer as k } from "./Drawer.js";
-import { HoverCard as b, HoverCardContent as y, HoverCardTrigger as E } from "./HoverCard.js";
-import { Input as R } from "./Input.js";
-import { InputGroup as O, InputGroupAddon as M, InputGroupButton as U, InputGroupInput as Z, InputGroupText as q, InputGroupTextarea as z } from "./InputGroup.js";
+import { Drawer as P } from "./Drawer.js";
+import { HoverCard as w, HoverCardContent as b, HoverCardTrigger as y } from "./HoverCard.js";
+import { Input as H } from "./Input.js";
+import { InputGroup as O, InputGroupAddon as U, InputGroupButton as M, InputGroupInput as Z, InputGroupText as q, InputGroupTextarea as z } from "./InputGroup.js";
 import { InputOTP as V } from "./InputOTP.js";
 import { Label as X } from "./Label.js";
 import { Popover as j, PopoverContent as J, PopoverTrigger as K } from "./Popover.js";
@@ -27,75 +27,79 @@ import { Textarea as so } from "./Textarea.js";
 import { Toggle as go } from "./Toggle.js";
 import { ToggleGroup as So, ToggleGroupItem as Go } from "./ToggleGroup.js";
 import { Tooltip as Ao, TooltipContent as Bo, TooltipTrigger as Lo } from "./Tooltip.js";
-import { Tray as Po } from "./Tray.js";
-import { AnalyzeIcon as Do } from "./Icons/AnalyzeIcon.js";
-import { AnnotationsIcon as yo } from "./Icons/AnnotationsIcon.js";
-import { ApprovedIcon as Ho } from "./Icons/ApprovedIcon.js";
-import { CalendarIcon as wo } from "./Icons/CalendarIcon.js";
-import { CheckCircleIcon as Mo } from "./Icons/CheckCircleIcon.js";
-import { CheckSquareIcon as Zo } from "./Icons/CheckSquareIcon.js";
-import { CheckmarkIcon as zo } from "./Icons/CheckmarkIcon.js";
-import { ChevronDownIcon as Vo } from "./Icons/ChevronDownIcon.js";
-import { ChevronUpIcon as Xo } from "./Icons/ChevronUpIcon.js";
-import { ClockIcon as jo } from "./Icons/ClockIcon.js";
-import { CloseCircleIcon as Ko } from "./Icons/CloseCircleIcon.js";
-import { CloseIcon as Qo } from "./Icons/CloseIcon.js";
-import { DashboardIcon as $o } from "./Icons/DashboardIcon.js";
-import { DatabaseIcon as rr } from "./Icons/DatabaseIcon.js";
-import { DeleteIcon as tr } from "./Icons/DeleteIcon.js";
-import { DurationIcon as nr } from "./Icons/DurationIcon.js";
-import { EmailIcon as xr } from "./Icons/EmailIcon.js";
-import { EraserIcon as cr } from "./Icons/EraserIcon.js";
-import { ErrorIcon as ar } from "./Icons/ErrorIcon.js";
-import { EyeClosedIcon as ur } from "./Icons/EyeClosedIcon.js";
-import { EyeClosedIcon2 as dr } from "./Icons/EyeClosedIcon2.js";
-import { EyeOpenIcon as Cr } from "./Icons/EyeOpenIcon.js";
-import { GoToFirstIcon as Tr } from "./Icons/GoToFirstIcon.js";
-import { GoToLastIcon as Gr } from "./Icons/GoToLastIcon.js";
-import { HarmonicCursorsIcon as Ar } from "./Icons/HarmonicCursorsIcon.js";
-import { InfoIcon as Lr } from "./Icons/InfoIcon.js";
-import { LabelIcon as Pr } from "./Icons/LabelIcon.js";
-import { LassoIcon as Dr } from "./Icons/LassoIcon.js";
-import { LineToolIcon as yr } from "./Icons/LineToolIcon.js";
-import { LineToolIcon2 as Hr } from "./Icons/LineToolIcon2.js";
-import { LiveViewIcon as wr } from "./Icons/LiveViewIcon.js";
-import { LoaderIcon as Mr } from "./Icons/LoaderIcon.js";
-import { LocationIcon as Zr } from "./Icons/LocationIcon.js";
-import { LogoutIcon as zr } from "./Icons/LogoutIcon.js";
-import { MessagesIcon as Vr } from "./Icons/MessagesIcon.js";
-import { MetadataIcon as Xr } from "./Icons/MetadataIcon.js";
-import { MinusIcon as jr } from "./Icons/MinusIcon.js";
-import { OntologyIcon as Kr } from "./Icons/OntologyIcon.js";
-import { PanelIconClose as Qr } from "./Icons/PanelIconClose.js";
-import { PanelIconOpen as $r } from "./Icons/PanelIconOpen.js";
-import { PlayIcon as re } from "./Icons/PlayIcon.js";
-import { PlusIcon as te } from "./Icons/PlusIcon.js";
-import { ResetIcon as ne } from "./Icons/ResetIcon.js";
-import { ReviewedIcon as xe } from "./Icons/ReviewedIcon.js";
-import { ScissorsIcon as ce } from "./Icons/ScissorsIcon.js";
-import { SettingsIcon as ae } from "./Icons/SettingsIcon.js";
-import { SortAscendingIcon as ue } from "./Icons/SortAscendingIcon.js";
-import { SortDescendingIcon as de } from "./Icons/SortDescendingIcon.js";
-import { StackIcon as Ce } from "./Icons/StackIcon.js";
-import { StarIcon as Te } from "./Icons/StarIcon.js";
-import { TrashIcon as Ge } from "./Icons/TrashIcon.js";
-import { UndoIcon as Ae } from "./Icons/UndoIcon.js";
-import { UserIcon as Le } from "./Icons/UserIcon.js";
-import { WarningIcon as Pe } from "./Icons/WarningIcon.js";
-import { ZoomAllIcon as De } from "./Icons/ZoomAllIcon.js";
-import { ZoomXIcon as ye } from "./Icons/ZoomXIcon.js";
-import { ZoomYIcon as He } from "./Icons/ZoomYIcon.js";
-import { default as we, SvgIdContext as Oe } from "./Icons/IconBase.js";
-import { useAccordionAutoScroll as Ue } from "./hooks/useAccordionAutoScroll.js";
-import { useControllableState as qe } from "./hooks/useControllableState.js";
-import { cn as Fe } from "./utils/twUtils.js";
-import { SpectralProvider as We } from "./SpectralProvider.js";
+import { Tray as Do } from "./Tray.js";
+import { AnalyzeIcon as ko } from "./Icons/AnalyzeIcon.js";
+import { AnnotationsIcon as bo } from "./Icons/AnnotationsIcon.js";
+import { ApprovedIcon as Eo } from "./Icons/ApprovedIcon.js";
+import { ArrowDownIcon as Ro } from "./Icons/ArrowDownIcon.js";
+import { ArrowUpIcon as Uo } from "./Icons/ArrowUpIcon.js";
+import { CalendarIcon as Zo } from "./Icons/CalendarIcon.js";
+import { CheckCircleIcon as zo } from "./Icons/CheckCircleIcon.js";
+import { CheckSquareIcon as Vo } from "./Icons/CheckSquareIcon.js";
+import { CheckmarkIcon as Xo } from "./Icons/CheckmarkIcon.js";
+import { ChevronDownIcon as jo } from "./Icons/ChevronDownIcon.js";
+import { ChevronUpIcon as Ko } from "./Icons/ChevronUpIcon.js";
+import { ClockIcon as Qo } from "./Icons/ClockIcon.js";
+import { CloseCircleIcon as $o } from "./Icons/CloseCircleIcon.js";
+import { CloseIcon as rr } from "./Icons/CloseIcon.js";
+import { DashboardIcon as tr } from "./Icons/DashboardIcon.js";
+import { DatabaseIcon as nr } from "./Icons/DatabaseIcon.js";
+import { DeleteIcon as xr } from "./Icons/DeleteIcon.js";
+import { DurationIcon as cr } from "./Icons/DurationIcon.js";
+import { EmailIcon as ar } from "./Icons/EmailIcon.js";
+import { EraserIcon as ur } from "./Icons/EraserIcon.js";
+import { ErrorIcon as dr } from "./Icons/ErrorIcon.js";
+import { EyeClosedIcon as Cr } from "./Icons/EyeClosedIcon.js";
+import { EyeClosedIcon2 as Tr } from "./Icons/EyeClosedIcon2.js";
+import { EyeOpenIcon as Gr } from "./Icons/EyeOpenIcon.js";
+import { GoToFirstIcon as Ar } from "./Icons/GoToFirstIcon.js";
+import { GoToLastIcon as Lr } from "./Icons/GoToLastIcon.js";
+import { HarmonicCursorsIcon as Dr } from "./Icons/HarmonicCursorsIcon.js";
+import { InfoIcon as kr } from "./Icons/InfoIcon.js";
+import { LabelIcon as br } from "./Icons/LabelIcon.js";
+import { LassoIcon as Er } from "./Icons/LassoIcon.js";
+import { LineToolIcon as Rr } from "./Icons/LineToolIcon.js";
+import { LineToolIcon2 as Ur } from "./Icons/LineToolIcon2.js";
+import { LiveViewIcon as Zr } from "./Icons/LiveViewIcon.js";
+import { LoaderIcon as zr } from "./Icons/LoaderIcon.js";
+import { LocationIcon as Vr } from "./Icons/LocationIcon.js";
+import { LogoutIcon as Xr } from "./Icons/LogoutIcon.js";
+import { MessagesIcon as jr } from "./Icons/MessagesIcon.js";
+import { MetadataIcon as Kr } from "./Icons/MetadataIcon.js";
+import { MinusIcon as Qr } from "./Icons/MinusIcon.js";
+import { OntologyIcon as $r } from "./Icons/OntologyIcon.js";
+import { PanelIconClose as re } from "./Icons/PanelIconClose.js";
+import { PanelIconOpen as te } from "./Icons/PanelIconOpen.js";
+import { PlayIcon as ne } from "./Icons/PlayIcon.js";
+import { PlusIcon as xe } from "./Icons/PlusIcon.js";
+import { ResetIcon as ce } from "./Icons/ResetIcon.js";
+import { ReviewedIcon as ae } from "./Icons/ReviewedIcon.js";
+import { ScissorsIcon as ue } from "./Icons/ScissorsIcon.js";
+import { SettingsIcon as de } from "./Icons/SettingsIcon.js";
+import { SortAscendingIcon as Ce } from "./Icons/SortAscendingIcon.js";
+import { SortDescendingIcon as Te } from "./Icons/SortDescendingIcon.js";
+import { StackIcon as Ge } from "./Icons/StackIcon.js";
+import { StarIcon as Ae } from "./Icons/StarIcon.js";
+import { TrashIcon as Le } from "./Icons/TrashIcon.js";
+import { UndoIcon as De } from "./Icons/UndoIcon.js";
+import { UserIcon as ke } from "./Icons/UserIcon.js";
+import { WarningIcon as be } from "./Icons/WarningIcon.js";
+import { ZoomAllIcon as Ee } from "./Icons/ZoomAllIcon.js";
+import { ZoomXIcon as Re } from "./Icons/ZoomXIcon.js";
+import { ZoomYIcon as Ue } from "./Icons/ZoomYIcon.js";
+import { default as Ze, SvgIdContext as qe } from "./Icons/IconBase.js";
+import { useAccordionAutoScroll as Fe } from "./hooks/useAccordionAutoScroll.js";
+import { useControllableState as We } from "./hooks/useControllableState.js";
+import { cn as Ye } from "./utils/twUtils.js";
+import { SpectralProvider as Je } from "./SpectralProvider.js";
 export {
   e as Accordion,
   p as Alert,
-  Do as AnalyzeIcon,
-  yo as AnnotationsIcon,
-  Ho as ApprovedIcon,
+  ko as AnalyzeIcon,
+  bo as AnnotationsIcon,
+  Eo as ApprovedIcon,
+  Ro as ArrowDownIcon,
+  Uo as ArrowUpIcon,
   m as Avatar,
   f as Badge,
   I as Button,
@@ -103,66 +107,66 @@ export {
   u as ButtonGroupItem,
   i as ButtonGroupSeparator,
   s as ButtonIcon,
-  wo as CalendarIcon,
+  Zo as CalendarIcon,
   g as Card,
   T as CardContent,
   S as CardHeader,
   G as CardHeaderEndSlot,
   v as CardTitle,
-  Mo as CheckCircleIcon,
-  Zo as CheckSquareIcon,
+  zo as CheckCircleIcon,
+  Vo as CheckSquareIcon,
   B as Checkbox,
-  zo as CheckmarkIcon,
-  Vo as ChevronDownIcon,
-  Xo as ChevronUpIcon,
-  jo as ClockIcon,
-  Ko as CloseCircleIcon,
-  Qo as CloseIcon,
-  $o as DashboardIcon,
-  rr as DatabaseIcon,
-  tr as DeleteIcon,
+  Xo as CheckmarkIcon,
+  jo as ChevronDownIcon,
+  Ko as ChevronUpIcon,
+  Qo as ClockIcon,
+  $o as CloseCircleIcon,
+  rr as CloseIcon,
+  tr as DashboardIcon,
+  nr as DatabaseIcon,
+  xr as DeleteIcon,
   h as Dialog,
-  k as Drawer,
-  nr as DurationIcon,
-  xr as EmailIcon,
-  cr as EraserIcon,
-  ar as ErrorIcon,
-  ur as EyeClosedIcon,
-  dr as EyeClosedIcon2,
-  Cr as EyeOpenIcon,
-  Tr as GoToFirstIcon,
-  Gr as GoToLastIcon,
-  Ar as HarmonicCursorsIcon,
-  b as HoverCard,
-  y as HoverCardContent,
-  E as HoverCardTrigger,
-  we as IconBase,
-  Lr as InfoIcon,
-  R as Input,
+  P as Drawer,
+  cr as DurationIcon,
+  ar as EmailIcon,
+  ur as EraserIcon,
+  dr as ErrorIcon,
+  Cr as EyeClosedIcon,
+  Tr as EyeClosedIcon2,
+  Gr as EyeOpenIcon,
+  Ar as GoToFirstIcon,
+  Lr as GoToLastIcon,
+  Dr as HarmonicCursorsIcon,
+  w as HoverCard,
+  b as HoverCardContent,
+  y as HoverCardTrigger,
+  Ze as IconBase,
+  kr as InfoIcon,
+  H as Input,
   O as InputGroup,
-  M as InputGroupAddon,
-  U as InputGroupButton,
+  U as InputGroupAddon,
+  M as InputGroupButton,
   Z as InputGroupInput,
   q as InputGroupText,
   z as InputGroupTextarea,
   V as InputOTP,
   X as Label,
-  Pr as LabelIcon,
-  Dr as LassoIcon,
-  yr as LineToolIcon,
-  Hr as LineToolIcon2,
-  wr as LiveViewIcon,
-  Mr as LoaderIcon,
-  Zr as LocationIcon,
-  zr as LogoutIcon,
-  Vr as MessagesIcon,
-  Xr as MetadataIcon,
-  jr as MinusIcon,
-  Kr as OntologyIcon,
-  Qr as PanelIconClose,
-  $r as PanelIconOpen,
-  re as PlayIcon,
-  te as PlusIcon,
+  br as LabelIcon,
+  Er as LassoIcon,
+  Rr as LineToolIcon,
+  Ur as LineToolIcon2,
+  Zr as LiveViewIcon,
+  zr as LoaderIcon,
+  Vr as LocationIcon,
+  Xr as LogoutIcon,
+  jr as MessagesIcon,
+  Kr as MetadataIcon,
+  Qr as MinusIcon,
+  $r as OntologyIcon,
+  re as PanelIconClose,
+  te as PanelIconOpen,
+  ne as PlayIcon,
+  xe as PlusIcon,
   j as Popover,
   J as PopoverContent,
   K as PopoverTrigger,
@@ -170,20 +174,20 @@ export {
   _ as RadioButtonGroupItem,
   oo as RadioGroup,
   ro as RadioGroupItem,
-  ne as ResetIcon,
-  xe as ReviewedIcon,
-  ce as ScissorsIcon,
+  ce as ResetIcon,
+  ae as ReviewedIcon,
+  ue as ScissorsIcon,
   to as Select,
   no as Separator,
-  ae as SettingsIcon,
+  de as SettingsIcon,
   xo as Skeleton,
   co as Slider,
-  ue as SortAscendingIcon,
-  de as SortDescendingIcon,
-  We as SpectralProvider,
-  Ce as StackIcon,
-  Te as StarIcon,
-  Oe as SvgIdContext,
+  Ce as SortAscendingIcon,
+  Te as SortDescendingIcon,
+  Je as SpectralProvider,
+  Ge as StackIcon,
+  Ae as StarIcon,
+  qe as SvgIdContext,
   ao as Switch,
   uo as Tabs,
   so as Textarea,
@@ -193,15 +197,15 @@ export {
   Ao as Tooltip,
   Bo as TooltipContent,
   Lo as TooltipTrigger,
-  Ge as TrashIcon,
-  Po as Tray,
-  Ae as UndoIcon,
-  Le as UserIcon,
-  Pe as WarningIcon,
-  De as ZoomAllIcon,
-  ye as ZoomXIcon,
-  He as ZoomYIcon,
-  Fe as cn,
-  Ue as useAccordionAutoScroll,
-  qe as useControllableState
+  Le as TrashIcon,
+  Do as Tray,
+  De as UndoIcon,
+  ke as UserIcon,
+  be as WarningIcon,
+  Ee as ZoomAllIcon,
+  Re as ZoomXIcon,
+  Ue as ZoomYIcon,
+  Ye as cn,
+  Fe as useAccordionAutoScroll,
+  We as useControllableState
 };

package/dist/Accordion.js

@@ -4,6 +4,8 @@ import { jsx as i, jsxs as F } from "react/jsx-runtime";
 import "./Icons/AnalyzeIcon.js";
 import "./Icons/AnnotationsIcon.js";
 import "./Icons/ApprovedIcon.js";
+import "./Icons/ArrowDownIcon.js";
+import "./Icons/ArrowUpIcon.js";
 import "./Icons/CalendarIcon.js";
 import "./Icons/CheckCircleIcon.js";
 import "./Icons/CheckSquareIcon.js";

package/dist/Alert/AlertBase.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from 'class-variance-authority';
 import { HTMLAttributes, ReactNode } from 'react';
-declare const titleIconColors: {
+declare const variantColors: {
     success: string;
     warning: string;
     danger: string;
@@ -11,9 +11,11 @@ export declare const AlertBase: import('react').ForwardRefExoticComponent<HTMLAt
     variant?: "default" | "success" | "warning" | "danger" | "info" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string> & import('react').RefAttributes<HTMLDivElement>>;
 export declare const AlertTitle: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & {
-    variant: keyof typeof titleIconColors;
+    variant: keyof typeof variantColors;
+} & import('react').RefAttributes<HTMLParagraphElement>>;
+export declare const AlertDescription: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & {
+    variant: keyof typeof variantColors;
 } & import('react').RefAttributes<HTMLParagraphElement>>;
-export declare const AlertDescription: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
 type AlertPortalProps = {
     children: ReactNode;
     container?: Element | DocumentFragment;

package/dist/Alert/AlertBase.js

@@ -1,46 +1,46 @@
 "use client";
 import "../styles/main.css";
-import { jsx as l } from "react/jsx-runtime";
-import { cn as s } from "../utils/twUtils.js";
-import { c as n } from "../index-D29mdTf5.js";
-import { forwardRef as i, useState as o, useEffect as d } from "react";
-import { createPortal as c } from "react-dom";
-const g = n(
-  `fixed top-2 left-1/2 -translate-x-1/2 z-50 w-full max-w-md rounded-md border px-4 py-3 text-sm flex has-[>svg]:grid-cols-[6_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-2 gap-y-0.5
+import { jsx as s } from "react/jsx-runtime";
+import { cn as l } from "../utils/twUtils.js";
+import { c as o } from "../index-D29mdTf5.js";
+import { forwardRef as i, useState as d, useEffect as c } from "react";
+import { createPortal as f } from "react-dom";
+const g = o(
+  `fixed top-2 left-1/2 -translate-x-1/2 z-50 w-full max-w-md rounded-md border px-4 py-3 text-sm flex has-[>svg]:grid-cols-[6_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-2 [&>svg]items-start gap-y-0.5
   items-start [&>svg]:size-6 [&>svg]:translate-y-0.5 transform transition-all duration-300 ease-in-out translate-y-0 opacity-100 scale-100 animate-in slide-in-from-top-full fade-in duration-300`,
   {
     variants: {
       variant: {
-        default: "bg-alert-bg text-alert-text border-alert-border",
-        success: "bg-alert-success-bg border-alert-success-border [&>svg]:!text-alert-success-text [&>svg]items-start",
-        warning: "bg-alert-warning-bg border-alert-warning-border [&>svg]:!text-alert-warning-text [&_[data-slot='alert-title']]:!text-alert-warning-text",
-        danger: "bg-alert-danger-bg border-alert-danger-border [&>svg]:!text-alert-danger-text [&_[data-slot='alert-title']]:!text-alert-danger-text",
-        info: "bg-alert-info-bg border-alert-info-border [&>svg]:!text-alert-info-text [&_[data-slot='alert-title']]:!text-alert-info-text"
+        default: "bg-alert-bg border-alert-border",
+        success: "bg-alert-success-bg border-alert-success-border",
+        warning: "bg-alert-warning-bg border-alert-warning-border",
+        danger: "bg-alert-danger-bg border-alert-danger-border",
+        info: "bg-alert-info-bg border-alert-info-border"
       }
     },
     defaultVariants: {
       variant: "default"
     }
   }
-), x = {
-  success: "text-alert-success-text",
-  warning: "text-alert-warning-text",
-  danger: "text-alert-danger-text",
-  info: "text-alert-info-text",
-  default: "text-alert-text"
-}, f = i(({ className: t, variant: e, ...a }, r) => /* @__PURE__ */ l("div", { className: s(g({ variant: e }), t), "data-slot": "alert", "data-testid": "spectral-alert", ref: r, role: "alert", ...a }));
-f.displayName = "AlertBase";
-const m = i(({ className: t, variant: e, ...a }, r) => /* @__PURE__ */ l("div", { className: s(x[e], "col-start-2 line-clamp-1 min-h-4 font-semibold text-base tracking-tight h-6 flex items-center", t), "data-slot": "alert-title", "data-testid": "spectral-alert-title", ref: r, ...a }));
-m.displayName = "AlertTitle";
-const u = i(({ className: t, ...e }, a) => /* @__PURE__ */ l("div", { className: s("text-primary-inverse col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", t), "data-slot": "alert-description", "data-testid": "spectral-alert-description", ref: a, ...e }));
-u.displayName = "AlertDescription";
-function A({ children: t, container: e }) {
-  const [a, r] = o(!1);
-  return d(() => (r(!0), () => r(!1)), []), a ? c(t, e ?? document.body) : null;
+), n = {
+  success: "text-alert-success-text [&_p]:!text-alert-success-text",
+  warning: "text-alert-warning-text [&_p]:!text-alert-warning-text",
+  danger: "text-alert-danger-text [&_p]:!text-alert-danger-text",
+  info: "text-alert-info-text [&_p]:!text-alert-info-text",
+  default: "text-alert-text [&_p]:!text-alert-text"
+}, m = i(({ className: e, variant: r, ...a }, t) => /* @__PURE__ */ s("div", { className: l(g({ variant: r }), e), "data-slot": "alert", "data-testid": "spectral-alert", ref: t, role: "alert", ...a }));
+m.displayName = "AlertBase";
+const x = i(({ className: e, variant: r, ...a }, t) => /* @__PURE__ */ s("div", { className: l(n[r], "col-start-2 line-clamp-1 min-h-4 font-semibold text-base tracking-tight h-6 flex items-center", e), "data-slot": "alert-title", "data-testid": "spectral-alert-title", ref: t, ...a }));
+x.displayName = "AlertTitle";
+const p = i(({ className: e, variant: r, ...a }, t) => /* @__PURE__ */ s("div", { className: l(n[r], "col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", e), "data-slot": "alert-description", "data-testid": "spectral-alert-description", ref: t, ...a }));
+p.displayName = "AlertDescription";
+function _({ children: e, container: r }) {
+  const [a, t] = d(!1);
+  return c(() => (t(!0), () => t(!1)), []), a ? f(e, r ?? document.body) : null;
 }
 export {
-  f as AlertBase,
-  u as AlertDescription,
-  A as AlertPortal,
-  m as AlertTitle
+  m as AlertBase,
+  p as AlertDescription,
+  _ as AlertPortal,
+  x as AlertTitle
 };

package/dist/Alert.js

@@ -1,10 +1,12 @@
 "use client";
 import "./styles/main.css";
 import { jsx as t, jsxs as m } from "react/jsx-runtime";
-import { AlertPortal as y, AlertBase as h, AlertTitle as v, AlertDescription as A } from "./Alert/AlertBase.js";
+import { AlertPortal as y, AlertBase as h, AlertTitle as A, AlertDescription as v } from "./Alert/AlertBase.js";
 import "./Icons/AnalyzeIcon.js";
 import "./Icons/AnnotationsIcon.js";
 import "./Icons/ApprovedIcon.js";
+import "./Icons/ArrowDownIcon.js";
+import "./Icons/ArrowUpIcon.js";
 import "./Icons/CalendarIcon.js";
 import "./Icons/CheckCircleIcon.js";
 import { CheckSquareIcon as w } from "./Icons/CheckSquareIcon.js";
@@ -61,34 +63,34 @@ import "./Icons/ZoomXIcon.js";
 import "./Icons/ZoomYIcon.js";
 import { cn as g } from "./utils/twUtils.js";
 import { useRef as R, useEffect as T } from "react";
-const Vt = ({ id: n, description: a, onClose: s, icon: l, title: c, className: d, variant: o = "default" }) => {
-  const r = R(null), u = l || {
+const qt = ({ id: n, description: s, onClose: a, icon: l, title: c, className: d, variant: r = "default" }) => {
+  const o = R(null), u = l || {
     info: /* @__PURE__ */ t(E, {}),
     success: /* @__PURE__ */ t(w, {}),
     warning: /* @__PURE__ */ t(N, {}),
     danger: /* @__PURE__ */ t(b, {}),
     default: null
-  }[o];
+  }[r];
   T(() => {
     const e = (p) => {
-      p.key === "Escape" && r.current && (p.preventDefault(), i());
+      p.key === "Escape" && o.current && (p.preventDefault(), i());
     };
     return document.addEventListener("keydown", e), () => {
       document.removeEventListener("keydown", e);
     };
   }, []);
   const i = () => {
-    r.current && (r.current.style.opacity = "0", setTimeout(() => {
-      r.current && (r.current.style.display = "none"), s?.();
+    o.current && (o.current.style.opacity = "0", setTimeout(() => {
+      o.current && (o.current.style.display = "none"), a?.();
     }, 300));
   }, f = () => {
     i();
-  }, I = (/* @__PURE__ */ new Set(["danger", "warning"])).has(o) ? "assertive" : "polite";
-  return /* @__PURE__ */ t(y, { children: /* @__PURE__ */ m(h, { "aria-live": I, className: g("alert-wrapper transition-opacity duration-300", d), "data-slot": "alert", "data-variant": o, id: n, ref: r, variant: o, children: [
+  }, I = (/* @__PURE__ */ new Set(["danger", "warning"])).has(r) ? "assertive" : "polite";
+  return /* @__PURE__ */ t(y, { children: /* @__PURE__ */ m(h, { "aria-live": I, className: g("alert-wrapper transition-opacity duration-300", d), "data-slot": "alert", "data-variant": r, id: n, ref: o, variant: r, children: [
     u,
     /* @__PURE__ */ m("div", { className: "content-wrapper", children: [
-      /* @__PURE__ */ t(v, { "data-slot": "alert-title", variant: o, children: c }),
-      /* @__PURE__ */ t(A, { "data-slot": "alert-description", children: a })
+      /* @__PURE__ */ t(A, { "data-slot": "alert-title", variant: r, children: c }),
+      /* @__PURE__ */ t(v, { "data-slot": "alert-description", variant: r, children: s })
     ] }),
     /* @__PURE__ */ t(
       C,
@@ -105,5 +107,5 @@ const Vt = ({ id: n, description: a, onClose: s, icon: l, title: c, className: d
   ] }) });
 };
 export {
-  Vt as Alert
+  qt as Alert
 };

package/dist/Avatar.js

@@ -2,26 +2,26 @@
 import "./styles/main.css";
 import { jsx as r } from "react/jsx-runtime";
 import { cn as s } from "./utils/twUtils.js";
-import { useState as x, useEffect as v, isValidElement as w, cloneElement as p } from "react";
+import { useState as g, useEffect as v, isValidElement as w, cloneElement as p } from "react";
 const y = {
   sm: "h-8 w-8",
   md: "h-10 w-10",
   lg: "h-12 w-12"
 }, f = {
-  sm: "text-sm",
-  md: "text-lg",
-  lg: "text-2xl"
+  sm: "text-xs",
+  md: "text-base",
+  lg: "text-xl"
 }, b = {
   sm: 24,
   md: 32,
   lg: 40
 }, j = (l) => {
-  const i = l.trim();
-  if (!i) return "?";
-  const t = i.split(/\s+/).filter(Boolean);
+  const o = l.trim();
+  if (!o) return "?";
+  const t = o.split(/\s+/).filter(Boolean);
   return t.length === 0 ? "?" : t.length === 1 ? t[0].charAt(0).toUpperCase() : (t[0].charAt(0) + t[t.length - 1].charAt(0)).toUpperCase();
-}, k = ({ alt: l, className: i, icon: t, imageSource: a, fallback: o, size: n = "md", userFullName: c }) => {
-  const [m, d] = x("loading");
+}, k = ({ alt: l, className: o, icon: t, imageSource: a, fallback: i, size: n = "md", userFullName: c }) => {
+  const [m, d] = g("loading");
   v(() => {
     if (!a) return;
     d("loading");
@@ -32,7 +32,7 @@ const y = {
   }, [a]);
   const h = () => {
     if (c)
-      return /* @__PURE__ */ r("span", { "aria-label": `${c} avatar`, className: s("flex items-center justify-center w-full h-full font-bold text-text-primary tracking-tighter", f[n]), "data-testid": "spectral-avatar-initials", children: j(c) });
+      return /* @__PURE__ */ r("span", { "aria-label": `${c} avatar`, className: s("flex items-center justify-center w-full h-full font-bold text-text-primary tracking-tighter font-stretch-condensed", f[n]), "data-testid": "spectral-avatar-initials", children: j(c) });
     if (t) {
       const e = b[n];
       return /* @__PURE__ */ r("span", { className: "flex items-center justify-center w-full h-full", children: w(t) ? (() => {
@@ -41,18 +41,18 @@ const y = {
           "aria-hidden": "true"
         };
         if (t.type.displayName?.includes("Icon") ?? !1) {
-          const g = {
+          const x = {
             ...u,
             size: e
           };
-          return p(t, g);
+          return p(t, x);
         }
         return p(t, u);
       })() : t });
     }
-    return a && m === "loaded" ? /* @__PURE__ */ r("img", { alt: l || "Avatar", "aria-label": l || "Avatar", className: "absolute inset-0 w-full h-full object-cover rounded-full", "data-testid": "spectral-avatar-image", role: "img", src: a }) : a && m === "error" && o ? /* @__PURE__ */ r("span", { className: "flex items-center justify-center w-full h-full", "data-testid": "spectral-avatar-img-error-fallback", children: o }) : o ? /* @__PURE__ */ r("span", { className: s("flex items-center justify-center w-full h-full text-text-primary", f[n]), "data-testid": "spectral-avatar-fallback", children: o }) : /* @__PURE__ */ r("span", { className: s("flex items-center justify-center w-full h-full font-bold border-2 border-danger-400 text-danger-400 rounded-full font-bold", f[n]), "data-testid": "spectral-avatar-last-resort", children: "?" });
+    return a && m === "loaded" ? /* @__PURE__ */ r("img", { alt: l || "Avatar", "aria-label": l || "Avatar", className: "absolute inset-0 w-full h-full object-cover rounded-full", "data-testid": "spectral-avatar-image", role: "img", src: a }) : a && m === "error" && i ? /* @__PURE__ */ r("span", { className: "flex items-center justify-center w-full h-full", "data-testid": "spectral-avatar-img-error-fallback", children: i }) : i ? /* @__PURE__ */ r("span", { className: s("flex items-center justify-center w-full h-full text-text-primary", f[n]), "data-testid": "spectral-avatar-fallback", children: i }) : /* @__PURE__ */ r("span", { className: s("flex items-center justify-center w-full h-full font-bold border-2 border-danger-400 text-danger-400 rounded-full font-bold", f[n]), "data-testid": "spectral-avatar-last-resort", children: "?" });
   };
-  return /* @__PURE__ */ r("div", { className: s("relative inline-flex items-center justify-center overflow-hidden rounded-full shrink-0 bg-level-two", y[n], i), "data-slot": "avatar", "data-testid": "spectral-avatar", children: h() });
+  return /* @__PURE__ */ r("div", { className: s("relative inline-flex items-center justify-center overflow-hidden rounded-full shrink-0 bg-level-two", y[n], o), "data-slot": "avatar", "data-testid": "spectral-avatar", children: h() });
 };
 export {
   k as Avatar

package/dist/Button.js

@@ -5,13 +5,7 @@ import { ErrorMessage as y } from "./utils/formFieldUtils.js";
 import { cn as u } from "./utils/twUtils.js";
 import { c as h } from "./index-D29mdTf5.js";
 import { forwardRef as f } from "react";
-import { c as N } from "./createLucideIcon-B_8CJpcQ.js";
-/**
- * @license lucide-react v0.546.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
+import { c as N } from "./createLucideIcon-D4r5Phnh.js";
 const w = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], _ = N("loader-circle", w), j = h(
   `
     !font-sans flex relative items-center justify-center gap-2 whitespace-nowrap transition-colors cursor-pointer rounded-lg border font-semibold focus:outline-none focus:outline-none

package/dist/ButtonGroup/ButtonGroupButton.js

@@ -6,7 +6,7 @@ import { c } from "../index-D29mdTf5.js";
 import "react";
 const l = c(
   `inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[var(--radius,0.375rem)] text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none
-  [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-accent focus-visible:outline-offset-2 focus-visible:outline-2 focus-visitble:outline-accent
+  [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-accent focus-visible:outline-offset-2 focus-visible:outline-2 focus-visible:outline-accent
   aria-invalid:ring-destructive/20 aria-invalid:border-destructive bg-level-one text-text-primary hover:bg-level-two cursor-pointer active:text-accent`,
   {
     variants: {

package/dist/ButtonIcon.js

@@ -4,6 +4,8 @@ import { jsx as a } from "react/jsx-runtime";
 import "./Icons/AnalyzeIcon.js";
 import "./Icons/AnnotationsIcon.js";
 import "./Icons/ApprovedIcon.js";
+import "./Icons/ArrowDownIcon.js";
+import "./Icons/ArrowUpIcon.js";
 import "./Icons/CalendarIcon.js";
 import "./Icons/CheckCircleIcon.js";
 import "./Icons/CheckSquareIcon.js";