@spear-ai/spectral 1.4.31 → 1.4.33

package/README.md

@@ -7,19 +7,51 @@ A modern, accessible React component library built with TailwindCSS v4.
 ```bash
 npm install @spear-ai/spectral
 # or
-yarn add @spear-ai/spectral
-# or
 pnpm add @spear-ai/spectral
+# or
+yarn add @spear-ai/spectral
+```
+
+## Requirements
+
+- React 18 or 19
+- TailwindCSS v4
+
+## Usage
+
+### CSS Setup
+
+Spectral requires **your own TailwindCSS setup**. The library does NOT bundle Tailwind utilities to avoid conflicts with your application's styles.
+
+Import Spectral's design tokens and component styles in your CSS:
+
+```css
+/* In your global CSS file (e.g., globals.css) */
+
+/* Your Tailwind imports */
+@import "tailwindcss";
+
+/* Spectral's design tokens and component styles */
+@import "@spear-ai/spectral/styles.css";
 ```
 
-### Import the stylesheet (required)
+**Important:** Spectral's CSS should be imported AFTER your Tailwind imports so that the design tokens are available.
 
-Add this once to your application entry point or main css file:
+### Using Components
 
 ```tsx
-import '@spear-ai/spectral/styles/main.css'
+import { Button } from "@spear-ai/spectral/Button";
+import { Input } from "@spear-ai/spectral/Input";
 ```
 
+### Icons
+
+```tsx
+import { CheckIcon, CloseIcon } from "@spear-ai/spectral/Icons";
+
+// Or import individual icons
+import { CheckIcon } from "@spear-ai/spectral/Icons/CheckIcon";
+```
 
 ## Development Stack
 - **React 19** + **TypeScript 5.9**

package/dist/.js

@@ -3,220 +3,214 @@ import { Alert as p } from "./Alert.js";
 import { Avatar as m } from "./Avatar.js";
 import { Badge as f } from "./Badge.js";
 import { Button as I } from "./Button.js";
-import { ButtonGroup as l, ButtonGroupItem as u, ButtonGroupSeparator as d } from "./ButtonGroup.js";
-import { ButtonIcon as s } from "./ButtonIcon.js";
-import { Card as g, CardContent as T, CardHeader as S, CardHeaderEndSlot as G, CardTitle as A } from "./Card.js";
-import { Checkbox as B } from "./Checkbox.js";
-import { DataCard as L } from "./DataCard.js";
-import { Dialog as h } from "./Dialog.js";
-import { Drawer as k } from "./Drawer.js";
-import { HoverCard as E, HoverCardContent as y, HoverCardTrigger as H } from "./HoverCard.js";
-import { Input as Z } from "./Input.js";
-import { InputGroup as U, InputGroupAddon as M, InputGroupButton as K, InputGroupInput as q, InputGroupText as z, InputGroupTextarea as F } from "./InputGroup.js";
-import { InputOTP as W } from "./InputOTP.js";
-import { Kbd as Y, KbdGroup as j } from "./Kbd.js";
-import { Label as N } from "./Label.js";
-import { Popover as _, PopoverContent as $, PopoverTrigger as oo } from "./Popover.js";
-import { RadioButtonGroup as eo, RadioButtonGroupItem as to } from "./RadioButtonGroup.js";
-import { RadioGroup as no, RadioGroupItem as mo } from "./RadioGroup.js";
-import { Select as fo } from "./Select.js";
-import { Separator as Io } from "./Separator.js";
-import { Skeleton as lo } from "./Skeleton.js";
-import { Slider as io } from "./Slider.js";
-import { Switch as Co } from "./Switch.js";
-import { Tabs as To } from "./Tabs.js";
-import { Textarea as Go } from "./Textarea.js";
-import { Toggle as vo } from "./Toggle.js";
-import { ToggleGroup as Do, ToggleGroupItem as Lo } from "./ToggleGroup.js";
-import { Tooltip as ho, TooltipContent as Po, TooltipTrigger as ko } from "./Tooltip.js";
-import { Tray as Eo } from "./Tray.js";
-import { AnalyzeIcon as Ho } from "./Icons/AnalyzeIcon.js";
-import { AnnotationsIcon as Zo } from "./Icons/AnnotationsIcon.js";
-import { ApprovedIcon as Uo } from "./Icons/ApprovedIcon.js";
-import { ArrowDownIcon as Ko } from "./Icons/ArrowDownIcon.js";
-import { ArrowUpIcon as zo } from "./Icons/ArrowUpIcon.js";
-import { CalendarIcon as Vo } from "./Icons/CalendarIcon.js";
-import { CheckCircleIcon as Xo } from "./Icons/CheckCircleIcon.js";
-import { CheckSquareIcon as jo } from "./Icons/CheckSquareIcon.js";
-import { CheckmarkIcon as No } from "./Icons/CheckmarkIcon.js";
-import { ChevronDownIcon as _o } from "./Icons/ChevronDownIcon.js";
-import { ChevronUpIcon as or } from "./Icons/ChevronUpIcon.js";
-import { ClockIcon as er } from "./Icons/ClockIcon.js";
-import { CloseCircleIcon as pr } from "./Icons/CloseCircleIcon.js";
-import { CloseIcon as mr } from "./Icons/CloseIcon.js";
-import { DashboardIcon as fr } from "./Icons/DashboardIcon.js";
-import { DatabaseIcon as Ir } from "./Icons/DatabaseIcon.js";
-import { DeleteIcon as lr } from "./Icons/DeleteIcon.js";
-import { DurationIcon as dr } from "./Icons/DurationIcon.js";
-import { EditIcon as sr } from "./Icons/EditIcon.js";
-import { EmailIcon as gr } from "./Icons/EmailIcon.js";
-import { EraserIcon as Sr } from "./Icons/EraserIcon.js";
-import { ErrorIcon as Ar } from "./Icons/ErrorIcon.js";
-import { EyeClosedIcon as Br } from "./Icons/EyeClosedIcon.js";
-import { EyeClosedIcon2 as Lr } from "./Icons/EyeClosedIcon2.js";
-import { EyeOpenIcon as hr } from "./Icons/EyeOpenIcon.js";
-import { GoToFirstIcon as kr } from "./Icons/GoToFirstIcon.js";
-import { GoToLastIcon as Er } from "./Icons/GoToLastIcon.js";
-import { HarmonicCursorsIcon as Hr } from "./Icons/HarmonicCursorsIcon.js";
-import { InfoIcon as Zr } from "./Icons/InfoIcon.js";
-import { LabelIcon as Ur } from "./Icons/LabelIcon.js";
-import { LassoIcon as Kr } from "./Icons/LassoIcon.js";
-import { LineToolIcon as zr } from "./Icons/LineToolIcon.js";
-import { LineToolIcon2 as Vr } from "./Icons/LineToolIcon2.js";
-import { LiveViewIcon as Xr } from "./Icons/LiveViewIcon.js";
-import { LoaderIcon as jr } from "./Icons/LoaderIcon.js";
-import { LocationIcon as Nr } from "./Icons/LocationIcon.js";
-import { LogoutIcon as _r } from "./Icons/LogoutIcon.js";
-import { MessagesIcon as oe } from "./Icons/MessagesIcon.js";
-import { MetadataIcon as ee } from "./Icons/MetadataIcon.js";
-import { MinusIcon as pe } from "./Icons/MinusIcon.js";
-import { OntologyIcon as me } from "./Icons/OntologyIcon.js";
-import { PanelIconClose as fe } from "./Icons/PanelIconClose.js";
-import { PanelIconOpen as Ie } from "./Icons/PanelIconOpen.js";
-import { PlayIcon as le } from "./Icons/PlayIcon.js";
-import { PlusIcon as de } from "./Icons/PlusIcon.js";
-import { ResetIcon as se } from "./Icons/ResetIcon.js";
-import { ReviewedIcon as ge } from "./Icons/ReviewedIcon.js";
-import { ScissorsIcon as Se } from "./Icons/ScissorsIcon.js";
-import { SettingsIcon as Ae } from "./Icons/SettingsIcon.js";
-import { SortAscendingIcon as Be } from "./Icons/SortAscendingIcon.js";
-import { SortAtoZIcon as Le } from "./Icons/SortAtoZIcon.js";
-import { SortDescendingIcon as he } from "./Icons/SortDescendingIcon.js";
-import { SortZtoAIcon as ke } from "./Icons/SortZtoAIcon.js";
-import { StackIcon as Ee } from "./Icons/StackIcon.js";
-import { StarIcon as He } from "./Icons/StarIcon.js";
-import { TrashIcon as Ze } from "./Icons/TrashIcon.js";
-import { UndoIcon as Ue } from "./Icons/UndoIcon.js";
-import { UserIcon as Ke } from "./Icons/UserIcon.js";
-import { WarningIcon as ze } from "./Icons/WarningIcon.js";
-import { ZoomAllIcon as Ve } from "./Icons/ZoomAllIcon.js";
-import { ZoomXIcon as Xe } from "./Icons/ZoomXIcon.js";
-import { ZoomYIcon as je } from "./Icons/ZoomYIcon.js";
-import { default as Ne, SvgIdContext as Qe } from "./Icons/IconBase.js";
-import { useAccordionAutoScroll as $e } from "./hooks/useAccordionAutoScroll.js";
-import { useControllableState as rt } from "./hooks/useControllableState.js";
-import { cn as tt } from "./utils/twUtils.js";
-import { SpectralProvider as nt } from "./SpectralProvider.js";
+import { ButtonGroup as u, ButtonGroupItem as l, ButtonGroupSeparator as i } from "./ButtonGroup.js";
+import { ButtonIcon as d } from "./ButtonIcon.js";
+import { Checkbox as g } from "./Checkbox.js";
+import { DataCard as S } from "./DataCard.js";
+import { Dialog as A } from "./Dialog.js";
+import { Drawer as B } from "./Drawer.js";
+import { HoverCard as L, HoverCardContent as b, HoverCardTrigger as h } from "./HoverCard.js";
+import { Input as k } from "./Input.js";
+import { InputGroup as y, InputGroupAddon as E, InputGroupButton as R, InputGroupInput as Z, InputGroupText as H, InputGroupTextarea as O } from "./InputGroup.js";
+import { InputOTP as M } from "./InputOTP.js";
+import { Kbd as q, KbdGroup as z } from "./Kbd.js";
+import { Label as V } from "./Label.js";
+import { Popover as X, PopoverContent as Y, PopoverTrigger as j } from "./Popover.js";
+import { RadioButtonGroup as N, RadioButtonGroupItem as Q } from "./RadioButtonGroup.js";
+import { RadioGroup as $, RadioGroupItem as oo } from "./RadioGroup.js";
+import { Select as eo } from "./Select.js";
+import { Separator as po } from "./Separator.js";
+import { Skeleton as mo } from "./Skeleton.js";
+import { Slider as fo } from "./Slider.js";
+import { Switch as Io } from "./Switch.js";
+import { Tabs as uo } from "./Tabs.js";
+import { Textarea as io } from "./Textarea.js";
+import { Toggle as Co } from "./Toggle.js";
+import { ToggleGroup as To, ToggleGroupItem as So } from "./ToggleGroup.js";
+import { Tooltip as Ao, TooltipContent as vo, TooltipTrigger as Bo } from "./Tooltip.js";
+import { Tray as Lo } from "./Tray.js";
+import { AnalyzeIcon as ho } from "./Icons/AnalyzeIcon.js";
+import { AnnotationsIcon as ko } from "./Icons/AnnotationsIcon.js";
+import { ApprovedIcon as yo } from "./Icons/ApprovedIcon.js";
+import { ArrowDownIcon as Ro } from "./Icons/ArrowDownIcon.js";
+import { ArrowUpIcon as Ho } from "./Icons/ArrowUpIcon.js";
+import { CalendarIcon as Uo } from "./Icons/CalendarIcon.js";
+import { CheckCircleIcon as Ko } from "./Icons/CheckCircleIcon.js";
+import { CheckSquareIcon as zo } from "./Icons/CheckSquareIcon.js";
+import { CheckmarkIcon as Vo } from "./Icons/CheckmarkIcon.js";
+import { ChevronDownIcon as Xo } from "./Icons/ChevronDownIcon.js";
+import { ChevronUpIcon as jo } from "./Icons/ChevronUpIcon.js";
+import { ClockIcon as No } from "./Icons/ClockIcon.js";
+import { CloseCircleIcon as _o } from "./Icons/CloseCircleIcon.js";
+import { CloseIcon as or } from "./Icons/CloseIcon.js";
+import { DashboardIcon as er } from "./Icons/DashboardIcon.js";
+import { DatabaseIcon as pr } from "./Icons/DatabaseIcon.js";
+import { DeleteIcon as mr } from "./Icons/DeleteIcon.js";
+import { DurationIcon as fr } from "./Icons/DurationIcon.js";
+import { EditIcon as Ir } from "./Icons/EditIcon.js";
+import { EmailIcon as ur } from "./Icons/EmailIcon.js";
+import { EraserIcon as ir } from "./Icons/EraserIcon.js";
+import { ErrorIcon as dr } from "./Icons/ErrorIcon.js";
+import { EyeClosedIcon as gr } from "./Icons/EyeClosedIcon.js";
+import { EyeClosedIcon2 as Sr } from "./Icons/EyeClosedIcon2.js";
+import { EyeOpenIcon as Ar } from "./Icons/EyeOpenIcon.js";
+import { GoToFirstIcon as Br } from "./Icons/GoToFirstIcon.js";
+import { GoToLastIcon as Lr } from "./Icons/GoToLastIcon.js";
+import { HarmonicCursorsIcon as hr } from "./Icons/HarmonicCursorsIcon.js";
+import { InfoIcon as kr } from "./Icons/InfoIcon.js";
+import { LabelIcon as yr } from "./Icons/LabelIcon.js";
+import { LassoIcon as Rr } from "./Icons/LassoIcon.js";
+import { LineToolIcon as Hr } from "./Icons/LineToolIcon.js";
+import { LineToolIcon2 as Ur } from "./Icons/LineToolIcon2.js";
+import { LiveViewIcon as Kr } 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 Nr } from "./Icons/MetadataIcon.js";
+import { MinusIcon as _r } from "./Icons/MinusIcon.js";
+import { OntologyIcon as oe } from "./Icons/OntologyIcon.js";
+import { PanelIconClose as ee } from "./Icons/PanelIconClose.js";
+import { PanelIconOpen as pe } from "./Icons/PanelIconOpen.js";
+import { PlayIcon as me } from "./Icons/PlayIcon.js";
+import { PlusIcon as fe } from "./Icons/PlusIcon.js";
+import { ResetIcon as Ie } from "./Icons/ResetIcon.js";
+import { ReviewedIcon as ue } from "./Icons/ReviewedIcon.js";
+import { ScissorsIcon as ie } from "./Icons/ScissorsIcon.js";
+import { SettingsIcon as de } from "./Icons/SettingsIcon.js";
+import { SortAscendingIcon as ge } from "./Icons/SortAscendingIcon.js";
+import { SortAtoZIcon as Se } from "./Icons/SortAtoZIcon.js";
+import { SortDescendingIcon as Ae } from "./Icons/SortDescendingIcon.js";
+import { SortZtoAIcon as Be } from "./Icons/SortZtoAIcon.js";
+import { StackIcon as Le } from "./Icons/StackIcon.js";
+import { StarIcon as he } from "./Icons/StarIcon.js";
+import { TrashIcon as ke } from "./Icons/TrashIcon.js";
+import { UndoIcon as ye } from "./Icons/UndoIcon.js";
+import { UserIcon as Re } from "./Icons/UserIcon.js";
+import { WarningIcon as He } from "./Icons/WarningIcon.js";
+import { ZoomAllIcon as Ue } from "./Icons/ZoomAllIcon.js";
+import { ZoomXIcon as Ke } from "./Icons/ZoomXIcon.js";
+import { ZoomYIcon as ze } from "./Icons/ZoomYIcon.js";
+import { default as Ve, SvgIdContext as We } from "./Icons/IconBase.js";
+import { useAccordionAutoScroll as Ye } from "./hooks/useAccordionAutoScroll.js";
+import { useControllableState as Je } from "./hooks/useControllableState.js";
+import { cn as Qe } from "./utils/twUtils.js";
+import { SpectralProvider as $e } from "./SpectralProvider.js";
 export {
   e as Accordion,
   p as Alert,
-  Ho as AnalyzeIcon,
-  Zo as AnnotationsIcon,
-  Uo as ApprovedIcon,
-  Ko as ArrowDownIcon,
-  zo as ArrowUpIcon,
+  ho as AnalyzeIcon,
+  ko as AnnotationsIcon,
+  yo as ApprovedIcon,
+  Ro as ArrowDownIcon,
+  Ho as ArrowUpIcon,
   m as Avatar,
   f as Badge,
   I as Button,
-  l as ButtonGroup,
-  u as ButtonGroupItem,
-  d as ButtonGroupSeparator,
-  s as ButtonIcon,
-  Vo as CalendarIcon,
-  g as Card,
-  T as CardContent,
-  S as CardHeader,
-  G as CardHeaderEndSlot,
-  A as CardTitle,
-  Xo as CheckCircleIcon,
-  jo as CheckSquareIcon,
-  B as Checkbox,
-  No as CheckmarkIcon,
-  _o as ChevronDownIcon,
-  or as ChevronUpIcon,
-  er as ClockIcon,
-  pr as CloseCircleIcon,
-  mr as CloseIcon,
-  fr as DashboardIcon,
-  L as DataCard,
-  Ir as DatabaseIcon,
-  lr as DeleteIcon,
-  h as Dialog,
-  k as Drawer,
-  dr as DurationIcon,
-  sr as EditIcon,
-  gr as EmailIcon,
-  Sr as EraserIcon,
-  Ar as ErrorIcon,
-  Br as EyeClosedIcon,
-  Lr as EyeClosedIcon2,
-  hr as EyeOpenIcon,
-  kr as GoToFirstIcon,
-  Er as GoToLastIcon,
-  Hr as HarmonicCursorsIcon,
-  E as HoverCard,
-  y as HoverCardContent,
-  H as HoverCardTrigger,
-  Ne as IconBase,
-  Zr as InfoIcon,
-  Z as Input,
-  U as InputGroup,
-  M as InputGroupAddon,
-  K as InputGroupButton,
-  q as InputGroupInput,
-  z as InputGroupText,
-  F as InputGroupTextarea,
-  W as InputOTP,
-  Y as Kbd,
-  j as KbdGroup,
-  N as Label,
-  Ur as LabelIcon,
-  Kr as LassoIcon,
-  zr as LineToolIcon,
-  Vr as LineToolIcon2,
-  Xr as LiveViewIcon,
-  jr as LoaderIcon,
-  Nr as LocationIcon,
-  _r as LogoutIcon,
-  oe as MessagesIcon,
-  ee as MetadataIcon,
-  pe as MinusIcon,
-  me as OntologyIcon,
-  fe as PanelIconClose,
-  Ie as PanelIconOpen,
-  le as PlayIcon,
-  de as PlusIcon,
-  _ as Popover,
-  $ as PopoverContent,
-  oo as PopoverTrigger,
-  eo as RadioButtonGroup,
-  to as RadioButtonGroupItem,
-  no as RadioGroup,
-  mo as RadioGroupItem,
-  se as ResetIcon,
-  ge as ReviewedIcon,
-  Se as ScissorsIcon,
-  fo as Select,
-  Io as Separator,
-  Ae as SettingsIcon,
-  lo as Skeleton,
-  io as Slider,
-  Be as SortAscendingIcon,
-  Le as SortAtoZIcon,
-  he as SortDescendingIcon,
-  ke as SortZtoAIcon,
-  nt as SpectralProvider,
-  Ee as StackIcon,
-  He as StarIcon,
-  Qe as SvgIdContext,
-  Co as Switch,
-  To as Tabs,
-  Go as Textarea,
-  vo as Toggle,
-  Do as ToggleGroup,
-  Lo as ToggleGroupItem,
-  ho as Tooltip,
-  Po as TooltipContent,
-  ko as TooltipTrigger,
-  Ze as TrashIcon,
-  Eo as Tray,
-  Ue as UndoIcon,
-  Ke as UserIcon,
-  ze as WarningIcon,
-  Ve as ZoomAllIcon,
-  Xe as ZoomXIcon,
-  je as ZoomYIcon,
-  tt as cn,
-  $e as useAccordionAutoScroll,
-  rt as useControllableState
+  u as ButtonGroup,
+  l as ButtonGroupItem,
+  i as ButtonGroupSeparator,
+  d as ButtonIcon,
+  Uo as CalendarIcon,
+  Ko as CheckCircleIcon,
+  zo as CheckSquareIcon,
+  g as Checkbox,
+  Vo as CheckmarkIcon,
+  Xo as ChevronDownIcon,
+  jo as ChevronUpIcon,
+  No as ClockIcon,
+  _o as CloseCircleIcon,
+  or as CloseIcon,
+  er as DashboardIcon,
+  S as DataCard,
+  pr as DatabaseIcon,
+  mr as DeleteIcon,
+  A as Dialog,
+  B as Drawer,
+  fr as DurationIcon,
+  Ir as EditIcon,
+  ur as EmailIcon,
+  ir as EraserIcon,
+  dr as ErrorIcon,
+  gr as EyeClosedIcon,
+  Sr as EyeClosedIcon2,
+  Ar as EyeOpenIcon,
+  Br as GoToFirstIcon,
+  Lr as GoToLastIcon,
+  hr as HarmonicCursorsIcon,
+  L as HoverCard,
+  b as HoverCardContent,
+  h as HoverCardTrigger,
+  Ve as IconBase,
+  kr as InfoIcon,
+  k as Input,
+  y as InputGroup,
+  E as InputGroupAddon,
+  R as InputGroupButton,
+  Z as InputGroupInput,
+  H as InputGroupText,
+  O as InputGroupTextarea,
+  M as InputOTP,
+  q as Kbd,
+  z as KbdGroup,
+  V as Label,
+  yr as LabelIcon,
+  Rr as LassoIcon,
+  Hr as LineToolIcon,
+  Ur as LineToolIcon2,
+  Kr as LiveViewIcon,
+  zr as LoaderIcon,
+  Vr as LocationIcon,
+  Xr as LogoutIcon,
+  jr as MessagesIcon,
+  Nr as MetadataIcon,
+  _r as MinusIcon,
+  oe as OntologyIcon,
+  ee as PanelIconClose,
+  pe as PanelIconOpen,
+  me as PlayIcon,
+  fe as PlusIcon,
+  X as Popover,
+  Y as PopoverContent,
+  j as PopoverTrigger,
+  N as RadioButtonGroup,
+  Q as RadioButtonGroupItem,
+  $ as RadioGroup,
+  oo as RadioGroupItem,
+  Ie as ResetIcon,
+  ue as ReviewedIcon,
+  ie as ScissorsIcon,
+  eo as Select,
+  po as Separator,
+  de as SettingsIcon,
+  mo as Skeleton,
+  fo as Slider,
+  ge as SortAscendingIcon,
+  Se as SortAtoZIcon,
+  Ae as SortDescendingIcon,
+  Be as SortZtoAIcon,
+  $e as SpectralProvider,
+  Le as StackIcon,
+  he as StarIcon,
+  We as SvgIdContext,
+  Io as Switch,
+  uo as Tabs,
+  io as Textarea,
+  Co as Toggle,
+  To as ToggleGroup,
+  So as ToggleGroupItem,
+  Ao as Tooltip,
+  vo as TooltipContent,
+  Bo as TooltipTrigger,
+  ke as TrashIcon,
+  Lo as Tray,
+  ye as UndoIcon,
+  Re as UserIcon,
+  He as WarningIcon,
+  Ue as ZoomAllIcon,
+  Ke as ZoomXIcon,
+  ze as ZoomYIcon,
+  Qe as cn,
+  Ye as useAccordionAutoScroll,
+  Je as useControllableState
 };

package/dist/{Card.js → DataCard/Card.js}

@@ -1,7 +1,7 @@
-import "./styles/main.css";
+import "../styles/main.css";
 import { jsx as e } from "react/jsx-runtime";
-import { Slot as c } from "./primitives/slot.js";
-import { cn as d } from "./utils/twUtils.js";
+import { Slot as c } from "../primitives/slot.js";
+import { cn as d } from "../utils/twUtils.js";
 import "react";
 const o = "text-text-primary flex flex-col w-full card-effects p-3 gap-6 rounded-xl", f = ({ ...t }) => /* @__PURE__ */ e("div", { "data-slot": "card", "data-testid": "spectral-card", ...t }), C = ({ className: t, ...a }) => /* @__PURE__ */ e("div", { "data-slot": "card-header", "data-testid": "spectral-card-header", className: d("@container/card-header flex items-center justify-between pb-4", t), ...a }), u = ({ className: t, asChild: a = !1, ...r }) => /* @__PURE__ */ e(a ? c : "div", { "data-slot": "card-title", "data-testid": "spectral-card-title", className: d("text-xl font-semibold", t), ...r }), x = ({ className: t, asChild: a = !1, ...r }) => /* @__PURE__ */ e(a ? c : "div", { "data-slot": "card-action", "data-testid": "spectral-card-action", className: d("justify-self-end", t), ...r }), v = ({ className: t, ...a }) => /* @__PURE__ */ e("div", { "data-slot": "card-content", "data-testid": "spectral-card-content", className: t, ...a }), N = ({ className: t, asChild: a = !1, children: r, ...s }) => /* @__PURE__ */ e(a ? c : "div", { "data-slot": "card", "data-testid": "spectral-card", className: d(o, t), ...s, children: r });
 export {

package/dist/DataCard.d.ts

@@ -1,4 +1,4 @@
-import { CardProps } from '../Card/Card';
+import { CardProps } from './Card';
 import { ReactNode } from 'react';
 export type DataCardProps = CardProps & {
     accentColor: string;

package/dist/DataCard.js

@@ -1,6 +1,6 @@
 import "./styles/main.css";
 import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { Card as o, CardHeader as p, CardTitle as n, CardContent as m } from "./Card.js";
+import { Card as o, CardHeader as p, CardTitle as n, CardContent as m } from "./DataCard/Card.js";
 import { cn as x } from "./utils/twUtils.js";
 import "react";
 const C = ({ accentColor: d, cardHeaderEndSlot: e, className: r, dataDescription: s, dataValue: c, title: l, ...i }) => /* @__PURE__ */ t(o, { className: x("card-effects gap-4", r), ...i, "data-testid": "spectral-datacard", children: [

package/dist/Select.js

@@ -119,7 +119,7 @@ const Nt = ({
     ] });
   };
   return /* @__PURE__ */ r("div", { className: "w-full", children: [
-    l && /* @__PURE__ */ t(C, { "data-testid": "spectral-select-label", htmlFor: i, className: s("text-text-primary mb-1.5 block", n, d && "text-text-secondary"), children: l }),
+    l && /* @__PURE__ */ t(C, { "data-testid": "spectral-select-label", htmlFor: i, className: s("text-text-primary mb-2 block", n, d && "text-text-secondary"), children: l }),
     /* @__PURE__ */ r(X, { "data-testid": "spectral-select", defaultValue: k, disabled: d, name: u, onOpenChange: R, onValueChange: q, open: b, required: o.required, value: g, children: [
       /* @__PURE__ */ t(
         Y,

package/dist/index.d.ts

@@ -5,7 +5,6 @@ export { Badge, type BadgeProps } from './components/Badge/Badge';
 export { Button, type ButtonProps } from './components/Button/Button';
 export { ButtonGroup, ButtonGroupItem, ButtonGroupSeparator, type ButtonGroupProps } from './components/ButtonGroup/ButtonGroup';
 export { ButtonIcon, type ButtonIconProps } from './components/ButtonIcon/ButtonIcon';
-export { Card, CardContent, CardHeader, CardHeaderEndSlot, CardTitle, type CardProps } from './components/Card/Card';
 export { Checkbox, type CheckboxProps } from './components/Checkbox/Checkbox';
 export { DataCard, type DataCardProps } from './components/DataCard/DataCard';
 export { Dialog } from './components/Dialog/Dialog';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/styles/horizon/base-colors.css

@@ -0,0 +1,62 @@
+:root {
+  --horizon-color-black: oklch(0% 0 0);
+  --horizon-color-white: oklch(100% 0 0);
+  --horizon-color-transparent: oklch(0 0 0 / 0%);
+  --horizon-color-accent: oklch(92.53% 0.1976 123.38);
+
+  --horizon-color-neutral-50: oklch(97.64% 0.001 286.38);
+  --horizon-color-neutral-100: oklch(92.19% 0 0);
+  --horizon-color-neutral-200: oklch(86.99% 0 0);
+  --horizon-color-neutral-300: oklch(79.03% 0 0);
+  --horizon-color-neutral-400: oklch(71.55% 0 0);
+  --horizon-color-neutral-500: oklch(55.55% 0 0);
+  --horizon-color-neutral-600: oklch(43.86% 0 0);
+  --horizon-color-neutral-700: oklch(37.15% 0 0);
+  --horizon-color-neutral-800: oklch(32.11% 0 0);
+  --horizon-color-neutral-900: oklch(26.86% 0 0);
+  --horizon-color-neutral-950: oklch(21.78% 0 0);
+
+  --horizon-color-primary-50: oklch(86.49% 0.057 257.62);
+  --horizon-color-primary-100: oklch(80.86% 0.0808 257.62);
+  --horizon-color-primary-200: oklch(75.06% 0.105 257.62);
+  --horizon-color-primary-300: oklch(70.52% 0.1303 257.62);
+  --horizon-color-primary-400: oklch(63.46% 0.1376 257.62);
+  --horizon-color-primary-500: oklch(56.4% 0.1372 257.6);
+  --horizon-color-primary-600: oklch(48.67% 0.1372 257.6);
+  --horizon-color-primary-700: oklch(42.85% 0.1372 257.6);
+  --horizon-color-primary-800: oklch(37.8% 0.1372 257.6);
+  --horizon-color-primary-900: oklch(33.76% 0.1213 257.3);
+  --horizon-color-primary-950: oklch(27.61% 0.101 257.73);
+
+  --horizon-color-level-zero: oklch(23.78% 0 0);
+  --horizon-color-level-one: oklch(26.94% 0 0);
+  --horizon-color-level-two: oklch(29.93% 0 0);
+  --horizon-color-level-three: oklch(32.89% 0 0);
+  --horizon-color-level-four: oklch(35.71% 0 0);
+  --horizon-color-level-five: oklch(38.62% 0 0);
+
+  --horizon-color-success-50: oklch(99% 0.1049 144);
+  --horizon-color-success-100: oklch(94% 0.1649 144);
+  --horizon-color-success-200: oklch(92% 0.2424 144);
+  --horizon-color-success-300: oklch(82% 0.2424 144);
+  --horizon-color-success-400: oklch(76% 0.2424 144);
+  --horizon-color-success-500: oklch(66% 0.2424 144);
+
+  --horizon-color-warning-50: oklch(94% 0.0442 56.91);
+  --horizon-color-warning-100: oklch(91% 0.095 52.355);
+  --horizon-color-warning-200: oklch(84.9% 0.144 52.438);
+  --horizon-color-warning-300: oklch(75% 0.2036 56.91);
+  --horizon-color-warning-400: oklch(71.06% 0.19 46.76);
+  --horizon-color-warning-500: oklch(70.5% 0.213 47.604);
+
+  --horizon-color-danger-50: oklch(88.5% 0.0603 18.334);
+  --horizon-color-danger-100: oklch(80.53% 0.1109 19.78);
+  --horizon-color-danger-200: oklch(63.94% 0.2459 28.47);
+  --horizon-color-danger-300: oklch(58.3% 0.2383 28.47);
+  --horizon-color-danger-400: oklch(53.39% 0.2181 28.47);
+  --horizon-color-danger-500: oklch(48.54% 0.1986 28.47);
+}
+
+:root[data-theme='light'] {
+  --horizon-color-level-one: oklch(98.51% 0 0);
+}