@spear-ai/spectral 1.4.6 → 1.4.8

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.js

@@ -5,6 +5,8 @@ import { AlertPortal as y, AlertBase as h, AlertTitle as A, AlertDescription as
 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,7 +63,7 @@ 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: s, onClose: a, icon: l, title: c, className: d, variant: r = "default" }) => {
+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, {}),
@@ -105,5 +107,5 @@ const Vt = ({ id: n, description: s, onClose: a, icon: l, title: c, className: d
   ] }) });
 };
 export {
-  Vt as Alert
+  qt as Alert
 };

package/dist/Button.d.ts

@@ -1,22 +1,22 @@
 import { VariantProps } from 'class-variance-authority';
 import { ButtonHTMLAttributes, MouseEvent, ReactNode } from 'react';
 declare const buttonVariants: (props?: ({
-    variant?: "secondary" | "outline" | "primary" | "ghost" | "card" | null | undefined;
-    size?: "default" | "fullWidth" | null | undefined;
+    variant?: "secondary" | "outline" | "primary" | "ghost" | null | undefined;
+    size?: "small" | "default" | "fullWidth" | null | undefined;
     state?: "default" | "error" | "loading" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, VariantProps<typeof buttonVariants> {
     disabled?: boolean;
-    readonly endIcon?: ReactNode;
-    readonly errorMessage?: string | ReactNode;
+    endIcon?: ReactNode;
+    errorMessage?: string | ReactNode;
     onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    readonly dataTestId?: string;
-    readonly label: string;
-    readonly size?: 'default' | 'fullWidth';
-    readonly startIcon?: ReactNode;
-    readonly state?: 'default' | 'error' | 'loading';
-    readonly type?: 'button' | 'submit' | 'reset';
-    readonly variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'card';
+    dataTestId?: string;
+    label: string;
+    size?: 'small' | 'default' | 'fullWidth';
+    startIcon?: ReactNode;
+    state?: 'default' | 'error' | 'loading';
+    type?: 'button' | 'submit' | 'reset';
+    variant?: 'primary' | 'secondary' | 'outline' | 'ghost';
 }
 export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/Button.js

@@ -1,12 +1,12 @@
 "use client";
 import "./styles/main.css";
 import { jsxs as s, jsx as o } from "react/jsx-runtime";
-import { ErrorMessage as y } from "./utils/formFieldUtils.js";
+import { ErrorMessage as v } 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-D4r5Phnh.js";
-const w = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], _ = N("loader-circle", w), j = h(
+import { c as f } from "./index-D29mdTf5.js";
+import { forwardRef as h } from "react";
+import { c as w } from "./createLucideIcon-D4r5Phnh.js";
+const N = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], _ = w("loader-circle", N), j = f(
   `
     !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
     focus-visible:outline-1 focus-visible:outline-offset-2 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0
@@ -20,12 +20,12 @@ const w = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], _ = N
           focus-visible:outline-button-secondary-border disabled:bg-button-secondary-bg--disabled disabled:text-button-secondary-text--disabled disabled:border-button-secondary-border--disabled`,
         outline: `bg-button-outline-bg border-button-outline-border text-button-outline-text hover:bg-button-outline-bg--hover hover:text-button-outline-text--hover focus-visible:outline-button-outline-border
           disabled:text-button-outline-text--disabled disabled:border-button-outline-border--disabled`,
-        ghost: "bg-button-ghost-bg border-none text-button-ghost-text hover:bg-button-ghost-bg--hover hover:text-button-ghost-text--hover focus-visible:outline-none disabled:text-button-ghost-text--disabled",
-        card: "bg-button-card-bg border-button-card-border text-button-card-text !py-1 hover:text-button-card-text--hover !font-medium text-sm hover:border-button-card-border--hover"
+        ghost: "bg-button-ghost-bg border-none text-button-ghost-text hover:bg-button-ghost-bg--hover hover:text-button-ghost-text--hover focus-visible:outline-none disabled:text-button-ghost-text--disabled"
       },
       size: {
-        default: "py-2 px-6 w-fit",
-        fullWidth: "py-2 px-6 w-full"
+        small: "py-1 px-4 w-fit !text-sm",
+        default: "py-2 px-6 w-fit !text-base",
+        fullWidth: "py-2 px-6 w-full !text-base"
       },
       state: {
         default: "",
@@ -39,31 +39,29 @@ const w = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], _ = N
       size: "default"
     }
   }
-), z = f(({ className: l, dataTestId: c, disabled: n, endIcon: b, errorMessage: d, label: g, size: r, startIcon: a, state: t, type: p = "button", variant: e, ...x }, m) => {
-  const i = {
+), z = h(({ className: l, dataTestId: c, disabled: r, endIcon: n, errorMessage: b, label: g, size: i, startIcon: a, state: t, type: p = "button", variant: e, ...x }, m) => {
+  const d = {
     error: {
       primary: "bg-button-danger border-button-danger text-button-primary-text pointer-events-none",
       secondary: "bg-button-danger border-button-danger text-button-secondary-text pointer-events-none",
       outline: "bg-transparent border-button-danger text-button-danger pointer-events-none",
-      ghost: "bg-transparent text-button-danger pointer-events-none",
-      card: "bg-transparent border-button-danger text-button-danger pointer-events-none"
+      ghost: "bg-transparent text-button-danger pointer-events-none"
     },
     loading: {
       primary: "bg-button-primary-bg--disabled border-button-primary-border--disabled text-button-primary-text--disabled pointer-events-none",
       secondary: "bg-button-secondary-bg--disabled border-button-secondary-border--disabled text-button-secondary-text--disabled pointer-events-none",
       outline: "bg-button-outline-bg--disabled border-button-outline-border--disabled text-button-outline-text--disabled pointer-events-none",
-      ghost: "bg-transparent text-button-ghost-text--disabled pointer-events-none",
-      card: "bg-button-card-bg--disabled border-button-card-border--disabled text-button-card-text--disabled pointer-events-none"
+      ghost: "bg-transparent text-button-ghost-text--disabled pointer-events-none"
     }
-  }, v = u(j({ variant: e, state: t, size: r }), t === "error" && i.error[e || "primary"], t === "loading" && i.loading[e || "primary"], r, l);
-  return /* @__PURE__ */ s("div", { className: u("flex flex-col justify-items-center", r), children: [
-    /* @__PURE__ */ s("button", { "aria-disabled": n, className: v, "data-state": t, "data-testid": c || `spectral-button-${e}`, disabled: n, ref: m, type: p, ...x, children: [
+  }, y = u(j({ variant: e, state: t, size: i }), t === "error" && d.error[e], t === "loading" && d.loading[e], l);
+  return /* @__PURE__ */ s("div", { className: u("flex flex-col justify-items-center", i), children: [
+    /* @__PURE__ */ s("button", { "aria-disabled": r, className: y, "data-state": t, "data-testid": c || `spectral-button-${e}`, disabled: r, ref: m, type: p, ...x, children: [
       a && /* @__PURE__ */ o("span", { className: "flex pr-2", "aria-hidden": !0, "data-testid": "spectral-button-start-icon", children: a }),
       t === "loading" && /* @__PURE__ */ o(_, { className: "ml-2 animate-spin", size: 16 }),
-      b && t !== "loading" && /* @__PURE__ */ o("span", { className: "flex pl-2", "aria-hidden": !0, "data-testid": "spectral-button-end-icon", children: b }),
+      n && t !== "loading" && /* @__PURE__ */ o("span", { className: "flex pl-2", "aria-hidden": !0, "data-testid": "spectral-button-end-icon", children: n }),
       g
     ] }),
-    t === "error" && d && /* @__PURE__ */ o(y, { message: d, dataTestId: "spectral-button-error-message", id: "button-error" })
+    t === "error" && b && /* @__PURE__ */ o(v, { message: b, dataTestId: "spectral-button-error-message", id: "button-error" })
   ] });
 });
 z.displayName = "Button";

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";

package/dist/Checkbox.js

@@ -5,6 +5,8 @@ import { CheckboxBase as l, CheckboxIndicator as n } from "./Checkbox/CheckboxBa
 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/Icons/ArrowDownIcon.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './iconTypes';
+export declare const ArrowDownIcon: import('react').ForwardRefExoticComponent<IconProps & import('react').RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=ArrowDownIcon.d.ts.map

package/dist/Icons/ArrowDownIcon.js

@@ -0,0 +1,10 @@
+"use client";
+import "../styles/main.css";
+import { jsx as o } from "react/jsx-runtime";
+import d from "./IconBase.js";
+import { forwardRef as m } from "react";
+const p = ({ className: r, ariaHidden: n, title: t, description: e, size: c = 24, ...i }, s) => /* @__PURE__ */ o(d, { size: c, className: r, title: t, description: e, ariaHidden: n, ref: s, ...i, children: /* @__PURE__ */ o("path", { d: "M18 14L12 20L6 14M12 19V4", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), w = m(p);
+w.displayName = "ArrowDownIcon";
+export {
+  w as ArrowDownIcon
+};

package/dist/Icons/ArrowUpIcon.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from './iconTypes';
+export declare const ArrowUpIcon: import('react').ForwardRefExoticComponent<IconProps & import('react').RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=ArrowUpIcon.d.ts.map

package/dist/Icons/ArrowUpIcon.js

@@ -0,0 +1,10 @@
+"use client";
+import "../styles/main.css";
+import { jsx as r } from "react/jsx-runtime";
+import s from "./IconBase.js";
+import { forwardRef as d } from "react";
+const m = ({ className: o, ariaHidden: n, title: t, description: e, size: p = 24, ...c }, i) => /* @__PURE__ */ r(s, { size: p, className: o, title: t, description: e, ariaHidden: n, ref: i, ...c, children: /* @__PURE__ */ r("path", { d: "M6 10L12 4L18 10M12 5V20", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }), a = d(m);
+a.displayName = "ArrowUpIcon";
+export {
+  a as ArrowUpIcon
+};

package/dist/Icons/index.d.ts

@@ -1,6 +1,8 @@
 export { AnalyzeIcon } from './AnalyzeIcon';
 export { AnnotationsIcon } from './AnnotationsIcon';
 export { ApprovedIcon } from './ApprovedIcon';
+export { ArrowDownIcon } from './ArrowDownIcon';
+export { ArrowUpIcon } from './ArrowUpIcon';
 export { CalendarIcon } from './CalendarIcon';
 export { CheckCircleIcon } from './CheckCircleIcon';
 export { CheckSquareIcon } from './CheckSquareIcon';