@spear-ai/spectral 1.3.12 → 1.3.13

package/dist/Icons/ZoomXIcon.js

@@ -1,4 +1,17 @@
-import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+
+// Only inject CSS for library consumers, not in Storybook
+(function() {
+  if (typeof document !== 'undefined' && 
+      !document.querySelector('link[data-spectral-css]') &&
+      !window.location.pathname.includes('iframe.html') &&
+      !document.querySelector('[data-is-storybook]')) {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.setAttribute('data-spectral-css', '');
+    link.href = new URL('./assets/main.css', import.meta.url).href;
+    document.head.appendChild(link);
+  }
+})();
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import a from "./IconBase.js";
 import { forwardRef as c } from "react";

package/dist/Icons/ZoomYIcon.js

@@ -1,4 +1,17 @@
-import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+
+// Only inject CSS for library consumers, not in Storybook
+(function() {
+  if (typeof document !== 'undefined' && 
+      !document.querySelector('link[data-spectral-css]') &&
+      !window.location.pathname.includes('iframe.html') &&
+      !document.querySelector('[data-is-storybook]')) {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.setAttribute('data-spectral-css', '');
+    link.href = new URL('./assets/main.css', import.meta.url).href;
+    document.head.appendChild(link);
+  }
+})();
 import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import c from "./IconBase.js";
 import { forwardRef as k } from "react";

package/dist/Icons/iconTypes.js

@@ -1,2 +1,15 @@
-import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+
+// Only inject CSS for library consumers, not in Storybook
+(function() {
+  if (typeof document !== 'undefined' && 
+      !document.querySelector('link[data-spectral-css]') &&
+      !window.location.pathname.includes('iframe.html') &&
+      !document.querySelector('[data-is-storybook]')) {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.setAttribute('data-spectral-css', '');
+    link.href = new URL('./assets/main.css', import.meta.url).href;
+    document.head.appendChild(link);
+  }
+})();
 import "react";

package/dist/Icons.js

@@ -1,4 +1,17 @@
-import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+
+// Only inject CSS for library consumers, not in Storybook
+(function() {
+  if (typeof document !== 'undefined' && 
+      !document.querySelector('link[data-spectral-css]') &&
+      !window.location.pathname.includes('iframe.html') &&
+      !document.querySelector('[data-is-storybook]')) {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.setAttribute('data-spectral-css', '');
+    link.href = new URL('./assets/main.css', import.meta.url).href;
+    document.head.appendChild(link);
+  }
+})();
 import { AnnotationsIcon as e } from "./Icons/AnnotationsIcon.js";
 import { CalendarIcon as n } from "./Icons/CalendarIcon.js";
 import { ClockIcon as m } from "./Icons/ClockIcon.js";

package/dist/Label.js

@@ -1,4 +1,17 @@
-import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+
+// Only inject CSS for library consumers, not in Storybook
+(function() {
+  if (typeof document !== 'undefined' && 
+      !document.querySelector('link[data-spectral-css]') &&
+      !window.location.pathname.includes('iframe.html') &&
+      !document.querySelector('[data-is-storybook]')) {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.setAttribute('data-spectral-css', '');
+    link.href = new URL('./assets/main.css', import.meta.url).href;
+    document.head.appendChild(link);
+  }
+})();
 import { jsx as l } from "react/jsx-runtime";
 import { c as s } from "./twUtils-CRiPKpXj.js";
 import { c as t } from "./index-CRBC94ik.js";

package/dist/Popover.js

@@ -1,4 +1,17 @@
-import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+
+// Only inject CSS for library consumers, not in Storybook
+(function() {
+  if (typeof document !== 'undefined' && 
+      !document.querySelector('link[data-spectral-css]') &&
+      !window.location.pathname.includes('iframe.html') &&
+      !document.querySelector('[data-is-storybook]')) {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.setAttribute('data-spectral-css', '');
+    link.href = new URL('./assets/main.css', import.meta.url).href;
+    document.head.appendChild(link);
+  }
+})();
 import { jsx as s } from "react/jsx-runtime";
 import * as i from "react";
 import { u as L, c as z, a as G, P as x, b as H, d as O, e as _, f as P, g as K, D as j } from "./index-B7LSgz_k.js";

package/dist/RadioGroup/RadioGroupBase.js

@@ -1,4 +1,17 @@
-import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+
+// Only inject CSS for library consumers, not in Storybook
+(function() {
+  if (typeof document !== 'undefined' && 
+      !document.querySelector('link[data-spectral-css]') &&
+      !window.location.pathname.includes('iframe.html') &&
+      !document.querySelector('[data-is-storybook]')) {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.setAttribute('data-spectral-css', '');
+    link.href = new URL('./assets/main.css', import.meta.url).href;
+    document.head.appendChild(link);
+  }
+})();
 import { jsx as j, jsxs as M } from "react/jsx-runtime";
 import { Slot as S } from "../primitives/slot.js";
 import { createContext as T, forwardRef as L, useId as U, useState as P, useRef as E, useEffect as I, useCallback as C, useContext as $, useImperativeHandle as B } from "react";

package/dist/Skeleton.js

@@ -1,4 +1,17 @@
-import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+
+// Only inject CSS for library consumers, not in Storybook
+(function() {
+  if (typeof document !== 'undefined' && 
+      !document.querySelector('link[data-spectral-css]') &&
+      !window.location.pathname.includes('iframe.html') &&
+      !document.querySelector('[data-is-storybook]')) {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.setAttribute('data-spectral-css', '');
+    link.href = new URL('./assets/main.css', import.meta.url).href;
+    document.head.appendChild(link);
+  }
+})();
 import { jsx as o } from "react/jsx-runtime";
 import { c as n } from "./twUtils-CRiPKpXj.js";
 import "react";

package/dist/Slider/SliderBase.js

@@ -1,4 +1,17 @@
-import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+
+// Only inject CSS for library consumers, not in Storybook
+(function() {
+  if (typeof document !== 'undefined' && 
+      !document.querySelector('link[data-spectral-css]') &&
+      !window.location.pathname.includes('iframe.html') &&
+      !document.querySelector('[data-is-storybook]')) {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.setAttribute('data-spectral-css', '');
+    link.href = new URL('./assets/main.css', import.meta.url).href;
+    document.head.appendChild(link);
+  }
+})();
 import { jsx as k, jsxs as Q } from "react/jsx-runtime";
 import { Slot as P } from "../primitives/slot.js";
 import { createContext as W, forwardRef as z, useEffect as Z, useRef as B, useState as F, useCallback as A, useContext as U, createRef as _ } from "react";

package/dist/Slider.js

@@ -1,4 +1,17 @@
-import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+
+// Only inject CSS for library consumers, not in Storybook
+(function() {
+  if (typeof document !== 'undefined' && 
+      !document.querySelector('link[data-spectral-css]') &&
+      !window.location.pathname.includes('iframe.html') &&
+      !document.querySelector('[data-is-storybook]')) {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.setAttribute('data-spectral-css', '');
+    link.href = new URL('./assets/main.css', import.meta.url).href;
+    document.head.appendChild(link);
+  }
+})();
 import { jsxs as v, jsx as t } from "react/jsx-runtime";
 import { Slider as w, SliderTrack as p, SliderRange as x, SliderThumb as S } from "./Slider/SliderBase.js";
 import { c as a } from "./twUtils-CRiPKpXj.js";

package/dist/Switch/SwitchBase.js

@@ -1,4 +1,17 @@
-import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+
+// Only inject CSS for library consumers, not in Storybook
+(function() {
+  if (typeof document !== 'undefined' && 
+      !document.querySelector('link[data-spectral-css]') &&
+      !window.location.pathname.includes('iframe.html') &&
+      !document.querySelector('[data-is-storybook]')) {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.setAttribute('data-spectral-css', '');
+    link.href = new URL('./assets/main.css', import.meta.url).href;
+    document.head.appendChild(link);
+  }
+})();
 import { jsx as f, jsxs as K } from "react/jsx-runtime";
 import { Slot as g } from "../primitives/slot.js";
 import { useControllableState as M, cn as x } from "../utils/shared.js";

package/dist/Switch.js

@@ -1,4 +1,17 @@
-import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+
+// Only inject CSS for library consumers, not in Storybook
+(function() {
+  if (typeof document !== 'undefined' && 
+      !document.querySelector('link[data-spectral-css]') &&
+      !window.location.pathname.includes('iframe.html') &&
+      !document.querySelector('[data-is-storybook]')) {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.setAttribute('data-spectral-css', '');
+    link.href = new URL('./assets/main.css', import.meta.url).href;
+    document.head.appendChild(link);
+  }
+})();
 import { jsxs as w, jsx as t } from "react/jsx-runtime";
 import { Switch as p, SwitchThumb as k } from "./Switch/SwitchBase.js";
 import { Label as r } from "./Label.js";

package/dist/Toggle/ToggleBase.js

@@ -1,4 +1,17 @@
-import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+
+// Only inject CSS for library consumers, not in Storybook
+(function() {
+  if (typeof document !== 'undefined' && 
+      !document.querySelector('link[data-spectral-css]') &&
+      !window.location.pathname.includes('iframe.html') &&
+      !document.querySelector('[data-is-storybook]')) {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.setAttribute('data-spectral-css', '');
+    link.href = new URL('./assets/main.css', import.meta.url).href;
+    document.head.appendChild(link);
+  }
+})();
 import { jsx as h } from "react/jsx-runtime";
 import { useControllableState as k } from "../utils/shared.js";
 import { forwardRef as C, useCallback as f } from "react";

package/dist/Toggle.js

@@ -1,4 +1,17 @@
-import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+
+// Only inject CSS for library consumers, not in Storybook
+(function() {
+  if (typeof document !== 'undefined' && 
+      !document.querySelector('link[data-spectral-css]') &&
+      !window.location.pathname.includes('iframe.html') &&
+      !document.querySelector('[data-is-storybook]')) {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.setAttribute('data-spectral-css', '');
+    link.href = new URL('./assets/main.css', import.meta.url).href;
+    document.head.appendChild(link);
+  }
+})();
 import { jsx as n } from "react/jsx-runtime";
 import { ToggleBase as g } from "./Toggle/ToggleBase.js";
 import { c as s } from "./twUtils-CRiPKpXj.js";

package/dist/ToggleGroup/ToggleGroupBase.js

@@ -1,4 +1,17 @@
-import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+
+// Only inject CSS for library consumers, not in Storybook
+(function() {
+  if (typeof document !== 'undefined' && 
+      !document.querySelector('link[data-spectral-css]') &&
+      !window.location.pathname.includes('iframe.html') &&
+      !document.querySelector('[data-is-storybook]')) {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.setAttribute('data-spectral-css', '');
+    link.href = new URL('./assets/main.css', import.meta.url).href;
+    document.head.appendChild(link);
+  }
+})();
 import { jsx as B, jsxs as E } from "react/jsx-runtime";
 import { useControllableState as R, clamp as M } from "../utils/shared.js";
 import { createContext as j, forwardRef as H, useContext as K, useRef as S, useImperativeHandle as L, useEffect as N, useCallback as i, useMemo as U } from "react";

package/dist/ToggleGroup.js

@@ -1,4 +1,17 @@
-import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+
+// Only inject CSS for library consumers, not in Storybook
+(function() {
+  if (typeof document !== 'undefined' && 
+      !document.querySelector('link[data-spectral-css]') &&
+      !window.location.pathname.includes('iframe.html') &&
+      !document.querySelector('[data-is-storybook]')) {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.setAttribute('data-spectral-css', '');
+    link.href = new URL('./assets/main.css', import.meta.url).href;
+    document.head.appendChild(link);
+  }
+})();
 import { jsx as d } from "react/jsx-runtime";
 import { ToggleGroupItemBase as p, ToggleGroupBase as m } from "./ToggleGroup/ToggleGroupBase.js";
 import { toggleVariants as f } from "./Toggle.js";

package/dist/Toolbar.js

@@ -1,4 +1,17 @@
-import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+
+// Only inject CSS for library consumers, not in Storybook
+(function() {
+  if (typeof document !== 'undefined' && 
+      !document.querySelector('link[data-spectral-css]') &&
+      !window.location.pathname.includes('iframe.html') &&
+      !document.querySelector('[data-is-storybook]')) {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.setAttribute('data-spectral-css', '');
+    link.href = new URL('./assets/main.css', import.meta.url).href;
+    document.head.appendChild(link);
+  }
+})();
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import "react";
 const c = ({ title: r, description: t, children: l }) => /* @__PURE__ */ s("div", { className: "bg-background text-text-primary border-border-primary flex h-[72px] w-full justify-between border-b", children: [

package/dist/Tooltip/TooltipBase.js

@@ -1,4 +1,17 @@
-import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+
+// Only inject CSS for library consumers, not in Storybook
+(function() {
+  if (typeof document !== 'undefined' && 
+      !document.querySelector('link[data-spectral-css]') &&
+      !window.location.pathname.includes('iframe.html') &&
+      !document.querySelector('[data-is-storybook]')) {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.setAttribute('data-spectral-css', '');
+    link.href = new URL('./assets/main.css', import.meta.url).href;
+    document.head.appendChild(link);
+  }
+})();
 import { jsx as D } from "react/jsx-runtime";
 import { createForwardedRef as N } from "../utils/refs.js";
 import { c as z } from "../twUtils-CRiPKpXj.js";

package/dist/Tooltip.js

@@ -1,4 +1,17 @@
-import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+
+// Only inject CSS for library consumers, not in Storybook
+(function() {
+  if (typeof document !== 'undefined' && 
+      !document.querySelector('link[data-spectral-css]') &&
+      !window.location.pathname.includes('iframe.html') &&
+      !document.querySelector('[data-is-storybook]')) {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.setAttribute('data-spectral-css', '');
+    link.href = new URL('./assets/main.css', import.meta.url).href;
+    document.head.appendChild(link);
+  }
+})();
 import { jsx as u, jsxs as S } from "react/jsx-runtime";
 import * as a from "react";
 import { e as H, c as J, a as Q, u as Z, P as j, b as ee, d as G, f as C, D as te, h as oe } from "./index-B7LSgz_k.js";

package/dist/features/LabelingTools.js

@@ -1,4 +1,17 @@
-import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+
+// Only inject CSS for library consumers, not in Storybook
+(function() {
+  if (typeof document !== 'undefined' && 
+      !document.querySelector('link[data-spectral-css]') &&
+      !window.location.pathname.includes('iframe.html') &&
+      !document.querySelector('[data-is-storybook]')) {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.setAttribute('data-spectral-css', '');
+    link.href = new URL('./assets/main.css', import.meta.url).href;
+    document.head.appendChild(link);
+  }
+})();
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { Badge as s } from "../Badge.js";
 import "../Icons/AnnotationsIcon.js";

package/dist/hooks/useAccordionAutoScroll.js

@@ -1,4 +1,17 @@
-import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+
+// Only inject CSS for library consumers, not in Storybook
+(function() {
+  if (typeof document !== 'undefined' && 
+      !document.querySelector('link[data-spectral-css]') &&
+      !window.location.pathname.includes('iframe.html') &&
+      !document.querySelector('[data-is-storybook]')) {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.setAttribute('data-spectral-css', '');
+    link.href = new URL('./assets/main.css', import.meta.url).href;
+    document.head.appendChild(link);
+  }
+})();
 import { useRef as h, useCallback as g, useEffect as E } from "react";
 const A = (u) => {
   const o = h(null), l = h(null), a = g((t) => {

package/dist/hooks/useOutsideClick.js

@@ -1,4 +1,17 @@
-import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+
+// Only inject CSS for library consumers, not in Storybook
+(function() {
+  if (typeof document !== 'undefined' && 
+      !document.querySelector('link[data-spectral-css]') &&
+      !window.location.pathname.includes('iframe.html') &&
+      !document.querySelector('[data-is-storybook]')) {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.setAttribute('data-spectral-css', '');
+    link.href = new URL('./assets/main.css', import.meta.url).href;
+    document.head.appendChild(link);
+  }
+})();
 import { useRef as u, useEffect as o } from "react";
 function i(t) {
   const e = u(null);

package/dist/hooks/useTheme.js

@@ -1,4 +1,17 @@
-import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+
+// Only inject CSS for library consumers, not in Storybook
+(function() {
+  if (typeof document !== 'undefined' && 
+      !document.querySelector('link[data-spectral-css]') &&
+      !window.location.pathname.includes('iframe.html') &&
+      !document.querySelector('[data-is-storybook]')) {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.setAttribute('data-spectral-css', '');
+    link.href = new URL('./assets/main.css', import.meta.url).href;
+    document.head.appendChild(link);
+  }
+})();
 import { useState as n, useEffect as s } from "react";
 const d = (r = "dark") => {
   const [t, m] = n(() => {

package/dist/main.js

@@ -1,4 +1,17 @@
-import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+
+// Only inject CSS for library consumers, not in Storybook
+(function() {
+  if (typeof document !== 'undefined' && 
+      !document.querySelector('link[data-spectral-css]') &&
+      !window.location.pathname.includes('iframe.html') &&
+      !document.querySelector('[data-is-storybook]')) {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.setAttribute('data-spectral-css', '');
+    link.href = new URL('./assets/main.css', import.meta.url).href;
+    document.head.appendChild(link);
+  }
+})();
 import { jsx as gS } from "react/jsx-runtime";
 import qb from "./App.js";
 /* empty css              */

package/dist/primitives/label.js

@@ -1,4 +1,17 @@
-import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+
+// Only inject CSS for library consumers, not in Storybook
+(function() {
+  if (typeof document !== 'undefined' && 
+      !document.querySelector('link[data-spectral-css]') &&
+      !window.location.pathname.includes('iframe.html') &&
+      !document.querySelector('[data-is-storybook]')) {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.setAttribute('data-spectral-css', '');
+    link.href = new URL('./assets/main.css', import.meta.url).href;
+    document.head.appendChild(link);
+  }
+})();
 import { jsx as n } from "react/jsx-runtime";
 import { Slot as s } from "./slot.js";
 import { forwardRef as f, useId as i } from "react";

package/dist/primitives/slot.js

@@ -1,4 +1,17 @@
-import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+
+// Only inject CSS for library consumers, not in Storybook
+(function() {
+  if (typeof document !== 'undefined' && 
+      !document.querySelector('link[data-spectral-css]') &&
+      !window.location.pathname.includes('iframe.html') &&
+      !document.querySelector('[data-is-storybook]')) {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.setAttribute('data-spectral-css', '');
+    link.href = new URL('./assets/main.css', import.meta.url).href;
+    document.head.appendChild(link);
+  }
+})();
 import { jsx as m, Fragment as y } from "react/jsx-runtime";
 import { forwardRef as h, isValidElement as p, cloneElement as E } from "react";
 function v(c, t, { checkForDefaultPrevented: e = !0 } = {}) {

package/dist/utils/refs.js

@@ -1,4 +1,17 @@
-import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+
+// Only inject CSS for library consumers, not in Storybook
+(function() {
+  if (typeof document !== 'undefined' && 
+      !document.querySelector('link[data-spectral-css]') &&
+      !window.location.pathname.includes('iframe.html') &&
+      !document.querySelector('[data-is-storybook]')) {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.setAttribute('data-spectral-css', '');
+    link.href = new URL('./assets/main.css', import.meta.url).href;
+    document.head.appendChild(link);
+  }
+})();
 import "react";
 function n(c, t) {
   return (i) => {

package/dist/utils/shared.js

@@ -1,4 +1,17 @@
-import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+
+// Only inject CSS for library consumers, not in Storybook
+(function() {
+  if (typeof document !== 'undefined' && 
+      !document.querySelector('link[data-spectral-css]') &&
+      !window.location.pathname.includes('iframe.html') &&
+      !document.querySelector('[data-is-storybook]')) {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.setAttribute('data-spectral-css', '');
+    link.href = new URL('./assets/main.css', import.meta.url).href;
+    document.head.appendChild(link);
+  }
+})();
 import { useState as f, useCallback as E } from "react";
 function m(...t) {
   return t.filter(Boolean).join(" ");

package/dist/utils/twUtils.js

@@ -1,4 +1,17 @@
-import(/* @vite-ignore */ new URL('./assets/main.css', import.meta.url).href)
+
+// Only inject CSS for library consumers, not in Storybook
+(function() {
+  if (typeof document !== 'undefined' && 
+      !document.querySelector('link[data-spectral-css]') &&
+      !window.location.pathname.includes('iframe.html') &&
+      !document.querySelector('[data-is-storybook]')) {
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.setAttribute('data-spectral-css', '');
+    link.href = new URL('./assets/main.css', import.meta.url).href;
+    document.head.appendChild(link);
+  }
+})();
 import { c as r } from "../twUtils-CRiPKpXj.js";
 export {
   r as cn

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spear-ai/spectral",
-  "version": "1.3.12",
+  "version": "1.3.13",
   "type": "module",
   "private": false,
   "repository": {