@spear-ai/spectral 1.13.0 → 1.14.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spear-ai/spectral",
-  "version": "1.13.0",
+  "version": "1.14.1",
   "type": "module",
   "private": false,
   "repository": {
@@ -22,14 +22,21 @@
       "import": "./dist/index.js"
     },
     "./Icons": {
-      "types": "./dist/Icons/index.d.ts",
+      "types": "./dist/Icons.d.ts",
       "import": "./dist/Icons.js"
     },
     "./Icons/*": {
       "types": "./dist/Icons/*.d.ts",
       "import": "./dist/Icons/*.js"
     },
-    "./spectral.css": "./dist/styles/spectral.css",
+    "./spectral.css": {
+      "style": "./dist/styles/spectral.css",
+      "default": "./dist/styles/spectral.css"
+    },
+    "./horizon-tokens.css": {
+      "style": "./dist/styles/horizon-tokens.css",
+      "default": "./dist/styles/horizon-tokens.css"
+    },
     "./*": {
       "types": "./dist/*.d.ts",
       "import": "./dist/*.js"
@@ -50,6 +57,7 @@
     }
   },
   "dependencies": {
+    "@base-ui/react": "^1.4.1",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
@@ -79,7 +87,7 @@
     "zod": "^4.3.6"
   },
   "devDependencies": {
-    "@base-ui/react": "^1.4.1",
+    "@arethetypeswrong/cli": "^0.18.2",
     "@changesets/cli": "^2.31.0",
     "@chromatic-com/storybook": "^4.1.3",
     "@github-ui/storybook-addon-performance-panel": "^1.1.4",
@@ -90,6 +98,8 @@
     "@storybook/addon-vitest": "^10.3.5",
     "@storybook/builder-vite": "^10.3.5",
     "@storybook/react-vite": "^10.3.5",
+    "@tailwindcss/node": "^4.2.4",
+    "@tailwindcss/oxide": "^4.2.4",
     "@tailwindcss/vite": "^4.2.4",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
@@ -97,26 +107,28 @@
     "@types/node": "^24.12.2",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
+    "@typescript/native-preview": "7.0.0-dev.20260430.1",
     "@vitejs/plugin-react": "^6.0.1",
     "@vitest/browser": "^4.1.5",
     "@vitest/browser-playwright": "^4.1.5",
     "@vitest/coverage-v8": "^4.1.5",
     "@vitest/ui": "^4.1.5",
     "eslint-plugin-jsx-a11y": "^6.10.2",
-    "glob": "^13.0.6",
     "http-server": "^14.1.1",
     "oxfmt": "^0.43.0",
     "oxlint": "^1.61.0",
     "oxlint-tsgolint": "^0.11.5",
     "playwright": "^1.58.2",
+    "publint": "^0.3.18",
     "storybook": "^10.3.5",
     "stylelint": "^16.26.1",
     "stylelint-config-standard": "^39.0.1",
     "tailwindcss": "^4.2.4",
+    "tinyglobby": "^0.2.16",
+    "tsdown": "^0.21.10",
     "typescript": "^5.9.3",
     "vite": "^8.0.10",
     "vite-bundle-visualizer": "^1.2.1",
-    "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.1.5",
     "vitest-browser-react": "^2.2.0"
   },
@@ -130,26 +142,24 @@
     }
   },
   "scripts": {
-    "dev": "vite --force",
-    "build": "vite build --emptyOutDir",
-    "build:lib": "pnpm run icons:update && vite build && pnpm run check:entry-client-directives && pnpm run check:dist-esm-runtime && pnpm run build:css && pnpm run fix:types && pnpm run clean:build-artifacts",
-    "build:css": "node scripts/build-css.js",
-    "check:entry-client-directives": "node scripts/check-entry-client-directives.js",
-    "check:dist-esm-runtime": "node scripts/check-dist-esm-runtime.js",
+    "dev": "pnpm run storybook:dev",
+    "build": "tsdown --config-loader unrun",
+    "build:watch": "tsdown --watch --config-loader unrun",
+    "validate": "publint && attw --pack . --profile esm-only --exclude-entrypoints ./spectral.css ./horizon-tokens.css",
     "pack:dryrun": "pnpm pack --dry-run",
-    "check": "tsc --noEmit && pnpm run format && pnpm run lint",
-    "fix": "pnpm run format:fix && pnpm run lint:fix",
-    "fix:types": "node scripts/fix-type-paths.js",
-    "analyze:visual": "vite-bundle-visualizer -c vite.config.ts -o ./analyzer/visual.html",
-    "analyze:network": "vite-bundle-visualizer -c vite.config.ts -t network -o ./analyzer/network.html",
-    "analyze:sunburst": "vite-bundle-visualizer -c vite.config.ts -t sunburst -o ./analyzer/sunburst.html",
-    "analyze:list": "vite-bundle-visualizer -c vite.config.ts -t list -o ./analyzer/list.yml",
-    "preview": "vite preview",
+    "check": "tsgo --noEmit && pnpm run format && pnpm run lint && pnpm run lint:css",
+    "fix": "pnpm run format:fix && pnpm run lint:fix && pnpm run lint:css:fix",
+    "analyze:visual": "vite-bundle-visualizer -c vite.storybook.config.ts -o ./analyzer/visual.html",
+    "analyze:network": "vite-bundle-visualizer -c vite.storybook.config.ts -t network -o ./analyzer/network.html",
+    "analyze:sunburst": "vite-bundle-visualizer -c vite.storybook.config.ts -t sunburst -o ./analyzer/sunburst.html",
+    "analyze:list": "vite-bundle-visualizer -c vite.storybook.config.ts -t list -o ./analyzer/list.yml",
     "storybook:dev": "storybook dev -p 6006",
     "storybook:build": "storybook build",
     "storybook:start": "http-server -p 6006 storybook-static",
     "lint": "oxlint --react-plugin --jsx-a11y-plugin --import-plugin src/",
     "lint:fix": "oxlint --react-plugin --jsx-a11y-plugin --import-plugin --fix src/",
+    "lint:css": "stylelint 'src/**/*.css'",
+    "lint:css:fix": "stylelint --fix 'src/**/*.css'",
     "format": "oxfmt --check",
     "format:fix": "oxfmt",
     "changeset": "changeset",
@@ -157,9 +167,7 @@
     "changeset:publish": "changeset publish",
     "changelog:generate": "node scripts/generate-storybook-changelog.js",
     "release:version": "pnpm run changeset:version && pnpm run changelog:generate",
-    "clean": "rm -rf $(find dist -maxdepth 1 ! -name \"node_modules\") && rm pnpm-lock.yaml",
-    "clean:build-artifacts": "find .storybook -name '*.js' -not -name '*.config.js' -delete && find .storybook -name '*.d.ts' -delete && find . -name '*.d.ts' -path './vite.config.d.ts' -delete && rm -rf storybook-static",
-    "icons:update": "node scripts/update-icons-index.js",
+    "clean": "rm -rf dist .tscache",
     "test": "vitest run",
     "test:form-fields": "vitest run src/components/Select/Select.test.tsx src/components/Combobox/Combobox.test.tsx src/components/MultiSelect/MultiSelect.test.tsx src/components/Textarea/Textarea.test.tsx src/components/DateTimePicker/DateTimePicker.test.tsx src/components/InputOTP/InputOTP.test.tsx src/components/Checkbox/Checkbox.test.tsx src/components/Switch/Switch.test.tsx src/components/RadioGroup/RadioGroup.test.tsx src/components/ControlGroup/ControlGroupSelect.test.tsx",
     "test:watch": "vitest",

package/dist/.js

@@ -1,128 +0,0 @@
-'use client'
-import { IconBase as e, SvgIdContext as t } from "./Icons/IconBase.js";
-import { AdjustmentsIcon as n } from "./Icons/AdjustmentsIcon.js";
-import { AnalyzeIcon as r } from "./Icons/AnalyzeIcon.js";
-import { AnnotationsIcon as i } from "./Icons/AnnotationsIcon.js";
-import { ApprovedIcon as a } from "./Icons/ApprovedIcon.js";
-import { ArrowDownIcon as o } from "./Icons/ArrowDownIcon.js";
-import { ArrowUpIcon as s } from "./Icons/ArrowUpIcon.js";
-import { BoxToolIcon as c } from "./Icons/BoxToolIcon.js";
-import { CalendarIcon as l } from "./Icons/CalendarIcon.js";
-import { CheckCircleIcon as u } from "./Icons/CheckCircleIcon.js";
-import { CheckSquareIcon as d } from "./Icons/CheckSquareIcon.js";
-import { CheckmarkIcon as f } from "./Icons/CheckmarkIcon.js";
-import { ChevronDownIcon as p } from "./Icons/ChevronDownIcon.js";
-import { ChevronUpIcon as m } from "./Icons/ChevronUpIcon.js";
-import { ClockIcon as h } from "./Icons/ClockIcon.js";
-import { CloseCircleIcon as g } from "./Icons/CloseCircleIcon.js";
-import { CloseIcon as _ } from "./Icons/CloseIcon.js";
-import { Crosshairs2Icon as v } from "./Icons/Crosshairs2Icon.js";
-import { CrosshairsIcon as y } from "./Icons/CrosshairsIcon.js";
-import { DashboardIcon as b } from "./Icons/DashboardIcon.js";
-import { DatabaseIcon as x } from "./Icons/DatabaseIcon.js";
-import { DeleteIcon as S } from "./Icons/DeleteIcon.js";
-import { DurationIcon as C } from "./Icons/DurationIcon.js";
-import { EditIcon as w } from "./Icons/EditIcon.js";
-import { EmailIcon as T } from "./Icons/EmailIcon.js";
-import { EraserIcon as E } from "./Icons/EraserIcon.js";
-import { ErrorIcon as D } from "./Icons/ErrorIcon.js";
-import { EyeClosedIcon as O } from "./Icons/EyeClosedIcon.js";
-import { EyeClosedIcon2 as k } from "./Icons/EyeClosedIcon2.js";
-import { EyeOpenIcon as A } from "./Icons/EyeOpenIcon.js";
-import { FileDownloadIcon as j } from "./Icons/FileDownloadIcon.js";
-import { GoToFirstIcon as M } from "./Icons/GoToFirstIcon.js";
-import { GoToLastIcon as N } from "./Icons/GoToLastIcon.js";
-import { HarmonicCursorsIcon as P } from "./Icons/HarmonicCursorsIcon.js";
-import { InfoIcon as F } from "./Icons/InfoIcon.js";
-import { KeyboardIcon as I } from "./Icons/KeyboardIcon.js";
-import { LabelIcon as L } from "./Icons/LabelIcon.js";
-import { LassoIcon as R } from "./Icons/LassoIcon.js";
-import { LineToolIcon as z } from "./Icons/LineToolIcon.js";
-import { LiveViewIcon as B } from "./Icons/LiveViewIcon.js";
-import { LoaderIcon as V } from "./Icons/LoaderIcon.js";
-import { LocationIcon as H } from "./Icons/LocationIcon.js";
-import { LogoutIcon as U } from "./Icons/LogoutIcon.js";
-import { MaximizeIcon as W } from "./Icons/MaximizeIcon.js";
-import { MeasureIcon as G } from "./Icons/MeasureIcon.js";
-import { MenuDotsIcon as K } from "./Icons/MenuDotsIcon.js";
-import { MenuIcon as q } from "./Icons/MenuIcon.js";
-import { MessagesIcon as J } from "./Icons/MessagesIcon.js";
-import { MetadataIcon as Y } from "./Icons/MetadataIcon.js";
-import { MinimizeIcon as X } from "./Icons/MinimizeIcon.js";
-import { MinusIcon as Z } from "./Icons/MinusIcon.js";
-import { OntologyIcon as Q } from "./Icons/OntologyIcon.js";
-import { PanelIconClose as $ } from "./Icons/PanelIconClose.js";
-import { PanelIconOpen as ee } from "./Icons/PanelIconOpen.js";
-import { PauseIcon as te } from "./Icons/PauseIcon.js";
-import { PlayIcon as ne } from "./Icons/PlayIcon.js";
-import { PlusIcon as re } from "./Icons/PlusIcon.js";
-import { PolygonIcon as ie } from "./Icons/PolygonIcon.js";
-import { PrinterIcon as ae } from "./Icons/PrinterIcon.js";
-import { ProgressCheckIcon as oe } from "./Icons/ProgressCheckIcon.js";
-import { ResetIcon as se } from "./Icons/ResetIcon.js";
-import { ReviewedIcon as ce } from "./Icons/ReviewedIcon.js";
-import { ScissorsIcon as le } from "./Icons/ScissorsIcon.js";
-import { SearchIcon as ue } from "./Icons/SearchIcon.js";
-import { SettingsIcon as de } from "./Icons/SettingsIcon.js";
-import { SortAscendingIcon as fe } from "./Icons/SortAscendingIcon.js";
-import { SortAtoZIcon as pe } from "./Icons/SortAtoZIcon.js";
-import { SortDescendingIcon as me } from "./Icons/SortDescendingIcon.js";
-import { SortZtoAIcon as he } from "./Icons/SortZtoAIcon.js";
-import { SparklesIcon as ge } from "./Icons/SparklesIcon.js";
-import { StackIcon as _e } from "./Icons/StackIcon.js";
-import { StarIcon as ve } from "./Icons/StarIcon.js";
-import { TrashIcon as ye } from "./Icons/TrashIcon.js";
-import { UndoIcon as be } from "./Icons/UndoIcon.js";
-import { UploadIcon as xe } from "./Icons/UploadIcon.js";
-import { User2Icon as Se } from "./Icons/User2Icon.js";
-import { UserIcon as Ce } from "./Icons/UserIcon.js";
-import { WarningIcon as we } from "./Icons/WarningIcon.js";
-import { ZoomAllIcon as Te } from "./Icons/ZoomAllIcon.js";
-import { ZoomXIcon as Ee } from "./Icons/ZoomXIcon.js";
-import { ZoomYIcon as De } from "./Icons/ZoomYIcon.js";
-import { useAccordionAutoScroll as Oe } from "./hooks/useAccordionAutoScroll.js";
-import { t as ke } from "./Accordion-dVZHqyv8.js";
-import { t as Ae } from "./twUtils-BpqlKSeB.js";
-import { Alert as je } from "./Alert.js";
-import { Avatar as Me } from "./Avatar.js";
-import { Badge as Ne } from "./Badge.js";
-import { Button as Pe } from "./Button.js";
-import { Separator as Fe } from "./Separator.js";
-import { ButtonGroup as Ie, ButtonGroupItem as Le, ButtonGroupSeparator as Re } from "./ButtonGroup.js";
-import { ButtonIcon as ze } from "./ButtonIcon.js";
-import { useUncontrolledState as Be } from "./hooks/useUncontrolledState.js";
-import { Checkbox as Ve } from "./Checkbox.js";
-import { t as He } from "./Combobox-DCCcIDgq.js";
-import { Label as Ue } from "./Label.js";
-import { InputGroup as We, InputGroupAddon as Ge, InputGroupButton as Ke, InputGroupInput as qe, InputGroupText as Je, InputGroupTextarea as Ye } from "./primitives/input-group.js";
-import { ControlGroupSelect as Xe } from "./ControlGroup/ControlGroupSelect.js";
-import { DataCard as Ze } from "./DataCard.js";
-import { Popover as Qe, PopoverContent as $e, PopoverTrigger as et } from "./Popover.js";
-import { DateTimePicker as tt } from "./DateTimePicker.js";
-import { Dialog as nt } from "./Dialog.js";
-import { SpectralProvider as rt } from "./SpectralProvider.js";
-import { Drawer as it } from "./Drawer.js";
-import { n as at, r as ot, t as st } from "./HoverCard-BhxgELKP.js";
-import { Input as ct } from "./Input.js";
-import { InputNumeric as lt } from "./InputNumeric.js";
-import { t as ut } from "./InputOTP-DyhesOLs.js";
-import { Kbd as dt, KbdGroup as ft } from "./Kbd.js";
-import { MultiSelect as pt } from "./MultiSelect.js";
-import { RadioButtonGroup as mt, RadioButtonGroupItem as ht } from "./RadioButtonGroup.js";
-import { RadioButton as gt } from "./RadioButton.js";
-import { n as _t, t as vt } from "./RadioGroup-BsBK247l.js";
-import { Select as yt } from "./Select.js";
-import { Skeleton as bt } from "./Skeleton.js";
-import { t as xt } from "./Slider-CPYW_VYu.js";
-import { t as St } from "./Switch-Vep4hsq4.js";
-import { Tabs as Ct } from "./Tabs.js";
-import { Textarea as wt } from "./Textarea.js";
-import { n as Tt, t as Et } from "./Toast-BuaZxqlt.js";
-import { Toggle as Dt } from "./Toggle.js";
-import { ToggleGroupItem as Ot } from "./ToggleGroup/ToggleGroupItem.js";
-import { ToggleGroupSplitMenuItem as kt } from "./ToggleGroup/ToggleGroupSplitMenuItem.js";
-import { ToggleGroup as At } from "./ToggleGroup.js";
-import { i as jt, n as Mt, t as Nt } from "./Tooltip-CTjKOfvC.js";
-import { Tray as Pt } from "./Tray.js";
-import { useControllableState as Ft } from "./hooks/useControllableState.js";
-export { ke as Accordion, n as AdjustmentsIcon, je as Alert, r as AnalyzeIcon, i as AnnotationsIcon, a as ApprovedIcon, o as ArrowDownIcon, s as ArrowUpIcon, Me as Avatar, Ne as Badge, c as BoxToolIcon, Pe as Button, Ie as ButtonGroup, Le as ButtonGroupItem, Re as ButtonGroupSeparator, ze as ButtonIcon, l as CalendarIcon, u as CheckCircleIcon, d as CheckSquareIcon, Ve as Checkbox, f as CheckmarkIcon, p as ChevronDownIcon, m as ChevronUpIcon, h as ClockIcon, g as CloseCircleIcon, _ as CloseIcon, He as Combobox, Xe as ControlGroupSelect, v as Crosshairs2Icon, y as CrosshairsIcon, b as DashboardIcon, Ze as DataCard, x as DatabaseIcon, tt as DateTimePicker, S as DeleteIcon, nt as Dialog, it as Drawer, C as DurationIcon, w as EditIcon, T as EmailIcon, E as EraserIcon, D as ErrorIcon, O as EyeClosedIcon, k as EyeClosedIcon2, A as EyeOpenIcon, j as FileDownloadIcon, M as GoToFirstIcon, N as GoToLastIcon, P as HarmonicCursorsIcon, st as HoverCard, at as HoverCardContent, ot as HoverCardTrigger, e as IconBase, F as InfoIcon, ct as Input, We as InputGroup, Ge as InputGroupAddon, Ke as InputGroupButton, qe as InputGroupInput, Je as InputGroupText, Ye as InputGroupTextarea, lt as InputNumeric, ut as InputOTP, dt as Kbd, ft as KbdGroup, I as KeyboardIcon, Ue as Label, L as LabelIcon, R as LassoIcon, z as LineToolIcon, B as LiveViewIcon, V as LoaderIcon, H as LocationIcon, U as LogoutIcon, W as MaximizeIcon, G as MeasureIcon, K as MenuDotsIcon, q as MenuIcon, J as MessagesIcon, Y as MetadataIcon, X as MinimizeIcon, Z as MinusIcon, pt as MultiSelect, Q as OntologyIcon, $ as PanelIconClose, ee as PanelIconOpen, te as PauseIcon, ne as PlayIcon, re as PlusIcon, ie as PolygonIcon, Qe as Popover, $e as PopoverContent, et as PopoverTrigger, ae as PrinterIcon, oe as ProgressCheckIcon, gt as RadioButton, mt as RadioButtonGroup, ht as RadioButtonGroupItem, vt as RadioGroup, _t as RadioGroupItem, se as ResetIcon, ce as ReviewedIcon, le as ScissorsIcon, ue as SearchIcon, yt as Select, Fe as Separator, de as SettingsIcon, bt as Skeleton, xt as Slider, fe as SortAscendingIcon, pe as SortAtoZIcon, me as SortDescendingIcon, he as SortZtoAIcon, ge as SparklesIcon, rt as SpectralProvider, _e as StackIcon, ve as StarIcon, t as SvgIdContext, St as Switch, Ct as Tabs, wt as Textarea, Et as Toast, Dt as Toggle, At as ToggleGroup, Ot as ToggleGroupItem, kt as ToggleGroupSplitMenuItem, Nt as Tooltip, Mt as TooltipContent, jt as TooltipTrigger, ye as TrashIcon, Pt as Tray, be as UndoIcon, xe as UploadIcon, Se as User2Icon, Ce as UserIcon, we as WarningIcon, Te as ZoomAllIcon, Ee as ZoomXIcon, De as ZoomYIcon, Ae as cn, Tt as toast, Oe as useAccordionAutoScroll, Ft as useControllableState, Be as useUncontrolledState };

package/dist/Accordion-dVZHqyv8.js

@@ -1,363 +0,0 @@
-import './styles/main.css'
-import { ChevronDownIcon as e } from "./Icons/ChevronDownIcon.js";
-import { useAccordionAutoScroll as t } from "./hooks/useAccordionAutoScroll.js";
-import { a as n, d as r, i, l as a, r as o, t as s } from "./dist-DEkDg4Sk.js";
-import { n as c, t as l } from "./dist-CcsVPym2.js";
-import { t as u } from "./dist-D9FsQh8P.js";
-import { t as d } from "./dist-Br_xj9vz.js";
-import { t as f } from "./twUtils-BpqlKSeB.js";
-import * as p from "react";
-import m, { Children as h, cloneElement as g, createContext as _, isValidElement as v, useCallback as y, useContext as b, useRef as x } from "react";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
-//#region node_modules/.pnpm/@radix-ui+react-collapsible@1.1.12_@types+react-dom@19.2.3_@types+react@19.2.14__@types_f33eb5e944edcffc4be9ac071951afef/node_modules/@radix-ui/react-collapsible/dist/index.mjs
-var w = "Collapsible", [ee, T] = r(w), [te, E] = ee(w), D = p.forwardRef((e, t) => {
-	let { __scopeCollapsible: n, open: r, defaultOpen: i, disabled: a, onOpenChange: c, ...l } = e, [u, f] = o({
-		prop: r,
-		defaultProp: i ?? !1,
-		onChange: c,
-		caller: w
-	});
-	return /* @__PURE__ */ S(te, {
-		scope: n,
-		disabled: a,
-		contentId: d(),
-		open: u,
-		onOpenToggle: p.useCallback(() => f((e) => !e), [f]),
-		children: /* @__PURE__ */ S(s.div, {
-			"data-state": M(u),
-			"data-disabled": a ? "" : void 0,
-			...l,
-			ref: t
-		})
-	});
-});
-D.displayName = w;
-var O = "CollapsibleTrigger", k = p.forwardRef((e, t) => {
-	let { __scopeCollapsible: r, ...i } = e, a = E(O, r);
-	return /* @__PURE__ */ S(s.button, {
-		type: "button",
-		"aria-controls": a.contentId,
-		"aria-expanded": a.open || !1,
-		"data-state": M(a.open),
-		"data-disabled": a.disabled ? "" : void 0,
-		disabled: a.disabled,
-		...i,
-		ref: t,
-		onClick: n(e.onClick, a.onOpenToggle)
-	});
-});
-k.displayName = O;
-var A = "CollapsibleContent", j = p.forwardRef((e, t) => {
-	let { forceMount: n, ...r } = e, i = E(A, e.__scopeCollapsible);
-	return /* @__PURE__ */ S(u, {
-		present: n || i.open,
-		children: ({ present: e }) => /* @__PURE__ */ S(ne, {
-			...r,
-			ref: t,
-			present: e
-		})
-	});
-});
-j.displayName = A;
-var ne = p.forwardRef((e, t) => {
-	let { __scopeCollapsible: n, present: r, children: o, ...c } = e, l = E(A, n), [u, d] = p.useState(r), f = p.useRef(null), m = a(t, f), h = p.useRef(0), g = h.current, _ = p.useRef(0), v = _.current, y = l.open || u, b = p.useRef(y), x = p.useRef(void 0);
-	return p.useEffect(() => {
-		let e = requestAnimationFrame(() => b.current = !1);
-		return () => cancelAnimationFrame(e);
-	}, []), i(() => {
-		let e = f.current;
-		if (e) {
-			x.current = x.current || {
-				transitionDuration: e.style.transitionDuration,
-				animationName: e.style.animationName
-			}, e.style.transitionDuration = "0s", e.style.animationName = "none";
-			let t = e.getBoundingClientRect();
-			h.current = t.height, _.current = t.width, b.current || (e.style.transitionDuration = x.current.transitionDuration, e.style.animationName = x.current.animationName), d(r);
-		}
-	}, [l.open, r]), /* @__PURE__ */ S(s.div, {
-		"data-state": M(l.open),
-		"data-disabled": l.disabled ? "" : void 0,
-		id: l.contentId,
-		hidden: !y,
-		...c,
-		ref: m,
-		style: {
-			"--radix-collapsible-content-height": g ? `${g}px` : void 0,
-			"--radix-collapsible-content-width": v ? `${v}px` : void 0,
-			...e.style
-		},
-		children: y && o
-	});
-});
-function M(e) {
-	return e ? "open" : "closed";
-}
-var re = D, ie = k, ae = j, N = "Accordion", oe = [
-	"Home",
-	"End",
-	"ArrowDown",
-	"ArrowUp",
-	"ArrowLeft",
-	"ArrowRight"
-], [P, se, ce] = c(N), [F, le] = r(N, [ce, T]), I = T(), L = m.forwardRef((e, t) => {
-	let { type: n, ...r } = e, i = r, a = r;
-	return /* @__PURE__ */ S(P.Provider, {
-		scope: e.__scopeAccordion,
-		children: n === "multiple" ? /* @__PURE__ */ S(pe, {
-			...a,
-			ref: t
-		}) : /* @__PURE__ */ S(fe, {
-			...i,
-			ref: t
-		})
-	});
-});
-L.displayName = N;
-var [R, ue] = F(N), [z, de] = F(N, { collapsible: !1 }), fe = m.forwardRef((e, t) => {
-	let { value: n, defaultValue: r, onValueChange: i = () => {}, collapsible: a = !1, ...s } = e, [c, l] = o({
-		prop: n,
-		defaultProp: r ?? "",
-		onChange: i,
-		caller: N
-	});
-	return /* @__PURE__ */ S(R, {
-		scope: e.__scopeAccordion,
-		value: m.useMemo(() => c ? [c] : [], [c]),
-		onItemOpen: l,
-		onItemClose: m.useCallback(() => a && l(""), [a, l]),
-		children: /* @__PURE__ */ S(z, {
-			scope: e.__scopeAccordion,
-			collapsible: a,
-			children: /* @__PURE__ */ S(V, {
-				...s,
-				ref: t
-			})
-		})
-	});
-}), pe = m.forwardRef((e, t) => {
-	let { value: n, defaultValue: r, onValueChange: i = () => {}, ...a } = e, [s, c] = o({
-		prop: n,
-		defaultProp: r ?? [],
-		onChange: i,
-		caller: N
-	}), l = m.useCallback((e) => c((t = []) => [...t, e]), [c]), u = m.useCallback((e) => c((t = []) => t.filter((t) => t !== e)), [c]);
-	return /* @__PURE__ */ S(R, {
-		scope: e.__scopeAccordion,
-		value: s,
-		onItemOpen: l,
-		onItemClose: u,
-		children: /* @__PURE__ */ S(z, {
-			scope: e.__scopeAccordion,
-			collapsible: !0,
-			children: /* @__PURE__ */ S(V, {
-				...a,
-				ref: t
-			})
-		})
-	});
-}), [me, B] = F(N), V = m.forwardRef((e, t) => {
-	let { __scopeAccordion: r, disabled: i, dir: o, orientation: c = "vertical", ...u } = e, d = a(m.useRef(null), t), f = se(r), p = l(o) === "ltr", h = n(e.onKeyDown, (e) => {
-		if (!oe.includes(e.key)) return;
-		let t = e.target, n = f().filter((e) => !e.ref.current?.disabled), r = n.findIndex((e) => e.ref.current === t), i = n.length;
-		if (r === -1) return;
-		e.preventDefault();
-		let a = r, o = i - 1, s = () => {
-			a = r + 1, a > o && (a = 0);
-		}, l = () => {
-			a = r - 1, a < 0 && (a = o);
-		};
-		switch (e.key) {
-			case "Home":
-				a = 0;
-				break;
-			case "End":
-				a = o;
-				break;
-			case "ArrowRight":
-				c === "horizontal" && (p ? s() : l());
-				break;
-			case "ArrowDown":
-				c === "vertical" && s();
-				break;
-			case "ArrowLeft":
-				c === "horizontal" && (p ? l() : s());
-				break;
-			case "ArrowUp":
-				c === "vertical" && l();
-				break;
-		}
-		n[a % i].ref.current?.focus();
-	});
-	return /* @__PURE__ */ S(me, {
-		scope: r,
-		disabled: i,
-		direction: o,
-		orientation: c,
-		children: /* @__PURE__ */ S(P.Slot, {
-			scope: r,
-			children: /* @__PURE__ */ S(s.div, {
-				...u,
-				"data-orientation": c,
-				ref: d,
-				onKeyDown: i ? void 0 : h
-			})
-		})
-	});
-}), H = "AccordionItem", [he, U] = F(H), W = m.forwardRef((e, t) => {
-	let { __scopeAccordion: n, value: r, ...i } = e, a = B(H, n), o = ue(H, n), s = I(n), c = d(), l = r && o.value.includes(r) || !1, u = a.disabled || e.disabled;
-	return /* @__PURE__ */ S(he, {
-		scope: n,
-		open: l,
-		disabled: u,
-		triggerId: c,
-		children: /* @__PURE__ */ S(re, {
-			"data-orientation": a.orientation,
-			"data-state": _e(l),
-			...s,
-			...i,
-			ref: t,
-			disabled: u,
-			open: l,
-			onOpenChange: (e) => {
-				e ? o.onItemOpen(r) : o.onItemClose(r);
-			}
-		})
-	});
-});
-W.displayName = H;
-var G = "AccordionHeader", K = m.forwardRef((e, t) => {
-	let { __scopeAccordion: n, ...r } = e, i = B(N, n), a = U(G, n);
-	return /* @__PURE__ */ S(s.h3, {
-		"data-orientation": i.orientation,
-		"data-state": _e(a.open),
-		"data-disabled": a.disabled ? "" : void 0,
-		...r,
-		ref: t
-	});
-});
-K.displayName = G;
-var q = "AccordionTrigger", J = m.forwardRef((e, t) => {
-	let { __scopeAccordion: n, ...r } = e, i = B(N, n), a = U(q, n), o = de(q, n), s = I(n);
-	return /* @__PURE__ */ S(P.ItemSlot, {
-		scope: n,
-		children: /* @__PURE__ */ S(ie, {
-			"aria-disabled": a.open && !o.collapsible || void 0,
-			"data-orientation": i.orientation,
-			id: a.triggerId,
-			...s,
-			...r,
-			ref: t
-		})
-	});
-});
-J.displayName = q;
-var Y = "AccordionContent", ge = m.forwardRef((e, t) => {
-	let { __scopeAccordion: n, ...r } = e, i = B(N, n), a = U(Y, n), o = I(n);
-	return /* @__PURE__ */ S(ae, {
-		role: "region",
-		"aria-labelledby": a.triggerId,
-		"data-orientation": i.orientation,
-		...o,
-		...r,
-		ref: t,
-		style: {
-			"--radix-accordion-content-height": "var(--radix-collapsible-content-height)",
-			"--radix-accordion-content-width": "var(--radix-collapsible-content-width)",
-			...e.style
-		}
-	});
-});
-ge.displayName = Y;
-function _e(e) {
-	return e ? "open" : "closed";
-}
-var ve = L, ye = W, be = K, xe = J, Se = ge, Ce = {
-	default: "shadow-none",
-	contained: "rounded-md border border-level-four",
-	separated: "rounded-none space-y-2"
-}, we = {
-	default: "w-full py-4",
-	contained: "not-last:border-b border-level-four p-4",
-	separated: "border border-level-four rounded-md p-4"
-}, Te = _({ variant: "default" }), X = ({ className: e, ref: t, variant: n = "default", ...r }) => {
-	let { autoScroll: i = "never", scrollPadding: a = -20, children: o, ...s } = r, c = {
-		autoScroll: i,
-		scrollPadding: a
-	}, l = {
-		...s,
-		ref: t
-	};
-	return /* @__PURE__ */ S(Te.Provider, {
-		value: { variant: n },
-		children: /* @__PURE__ */ S(ve, {
-			...l,
-			className: f("accordion-wrapper flex flex-col", Ce[n], e),
-			"data-auto-scroll": i,
-			"data-scroll-options": JSON.stringify(c),
-			"data-scroll-padding": a,
-			"data-slot": "accordion",
-			"data-testid": "spectral-accordion",
-			...r.type === "single" ? { collapsible: !0 } : {},
-			children: h.map(o, (e) => v(e) ? g(e, { variant: n }) : e)
-		})
-	});
-};
-X.displayName = "Accordion";
-var Z = ({ className: e, ref: t, ...n }) => {
-	let { variant: r = "default" } = b(Te);
-	return /* @__PURE__ */ S(ye, {
-		className: f("w-full", we[r], e),
-		"data-slot": "accordion-item",
-		"data-testid": "spectral-accordion-item",
-		ref: t,
-		...n
-	});
-};
-Z.displayName = "AccordionItem";
-var Q = ({ ref: n, className: r, title: i, subtitle: a, ...o }) => {
-	let s = x(null), c = t(s), l = y((e) => {
-		typeof n == "function" ? n(e) : n && (n.current = e), s.current = e;
-	}, [n]);
-	return /* @__PURE__ */ S(be, {
-		className: "m-0 flex",
-		children: /* @__PURE__ */ C(xe, {
-			className: f("text-sm font-normal flex flex-1 items-center justify-between text-text-primary transition-all hover:no-underline", "disabled:cursor-not-allowed [&[data-state=open]>svg]:rotate-180", r),
-			"data-slot": "accordion-trigger",
-			"data-testid": "spectral-accordion-trigger",
-			onClick: c,
-			ref: l,
-			...o,
-			children: [/* @__PURE__ */ C("div", {
-				className: "space-y-0.5 flex w-full flex-col text-start",
-				children: [/* @__PURE__ */ S("div", {
-					className: "text-base font-medium text-text-primary",
-					children: i
-				}), a && /* @__PURE__ */ S("div", {
-					className: "text-sm font-normal text-text-secondary",
-					children: a
-				})]
-			}), /* @__PURE__ */ S(e, { className: "shrink-0 transition-transform duration-200" })]
-		})
-	});
-};
-Q.displayName = "AccordionTrigger";
-var $ = ({ ref: e, className: t, children: n, ...r }) => /* @__PURE__ */ S(Se, {
-	className: f("pt-4 text-sm overflow-hidden motion-safe:data-[state=closed]:animate-accordion-up motion-safe:data-[state=open]:animate-accordion-down", t),
-	"data-slot": "accordion-content",
-	"data-testid": "spectral-accordion-content",
-	ref: e,
-	...r,
-	children: /* @__PURE__ */ S("div", {
-		className: "px-1 pb-4 pt-0",
-		"data-slot": "accordion-content-inner",
-		children: n
-	})
-});
-$.displayName = "AccordionContent";
-var Ee = Object.assign(X, {
-	Content: $,
-	Item: Z,
-	Trigger: Q
-});
-//#endregion
-export { Q as i, $ as n, Z as r, Ee as t };