@spear-ai/spectral 1.3.33 → 1.3.35

package/dist/components/Dialog/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,eAAe,EACf,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,KAAK,eAAe,EACrB,MAAM,cAAc,CAAA;AAErB,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,iBAAS,MAAM,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAE5C;AAED,iBAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,iBAAiB,CAAC,2CAE5E;AAED,iBAAS,YAAY,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,gBAAgB,CAAC,2CAE1E;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,2CAExE;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,iBAAiB,CAAC,2CAWvF;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,iBAAiB,CAAC,GAAG;IAC5C,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,2CAgBA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,gBAAgB,CAAC,2CAQrF;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,gBAAgB,CAAC,2CAQrF;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,eAAe,CAAC,2CAQnF;AAED,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,OAAO,qBAAqB,CAAC,2CAQ/F;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAA"}

package/dist/components/Dialog/DialogBase.d.ts

@@ -0,0 +1,71 @@
+import { VariantProps } from 'class-variance-authority';
+import { ReactElement, ReactNode } from '../../../node_modules/react';
+export type DialogBaseProps = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    children: ReactNode;
+};
+export type DialogContextValue = {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    contentId: string;
+    titleId: string;
+    descriptionId: string;
+};
+export type TriggerableElement = ReactElement<{
+    onClick?: () => void;
+}>;
+export declare function useDialogContext(): DialogContextValue;
+export declare function DialogBase({ open: controlledOpen, defaultOpen, onOpenChange, children }: DialogBaseProps): import("react/jsx-runtime").JSX.Element;
+type DialogTriggerProps = {
+    children: ReactNode;
+    asChild?: boolean;
+};
+export declare function DialogTriggerBase({ children, asChild }: DialogTriggerProps): import("react/jsx-runtime").JSX.Element;
+type DialogCloseProps = {
+    children: ReactNode;
+    asChild?: boolean;
+};
+export declare function DialogCloseBase({ children, asChild }: DialogCloseProps): import("react/jsx-runtime").JSX.Element;
+type DialogPortalProps = {
+    children: ReactNode;
+    container?: Element | DocumentFragment;
+};
+export declare function DialogPortalBase({ children, container }: DialogPortalProps): import('../../../node_modules/react').ReactPortal | null;
+type DialogOverlayProps = {
+    className?: string;
+};
+export declare function DialogOverlayBase({ className }: DialogOverlayProps): import("react/jsx-runtime").JSX.Element | null;
+declare const contentVariants: (props?: ({
+    size?: "sm" | "lg" | "md" | "xl" | "2xl" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type DialogSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+export type DialogContentProps = {
+    children: ReactNode;
+    className?: string;
+    size?: DialogSize;
+    onPointerDownOutside?: (event: PointerEvent) => void;
+    onEscapeKeyDown?: (event: KeyboardEvent) => void;
+} & VariantProps<typeof contentVariants>;
+export declare function DialogContentBase({ children, className, size, onPointerDownOutside, onEscapeKeyDown, }: DialogContentProps): import("react/jsx-runtime").JSX.Element | null;
+type DialogTitleProps = {
+    children: ReactNode;
+    className?: string;
+};
+export declare function DialogTitleBase({ children, className }: DialogTitleProps): import("react/jsx-runtime").JSX.Element;
+type DialogDescriptionProps = {
+    children: ReactNode;
+    className?: string;
+};
+export declare function DialogDescriptionBase({ children, className }: DialogDescriptionProps): import("react/jsx-runtime").JSX.Element;
+export declare function DialogHeaderBase({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DialogFooterBase({ children, className }: {
+    children: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DialogBase.d.ts.map

package/dist/components/Dialog/DialogBase.d.ts.map

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

package/dist/components/Icons/WarningIcon.d.ts

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

package/dist/components/Icons/WarningIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WarningIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/WarningIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AA0B5C,eAAO,MAAM,WAAW,qGAA0B,CAAA"}

package/dist/components/Icons/index.d.ts

@@ -26,6 +26,7 @@ export { SettingsIcon } from './SettingsIcon';
 export { TrashIcon } from './TrashIcon';
 export { UndoIcon } from './UndoIcon';
 export { UserIcon } from './UserIcon';
+export { WarningIcon } from './WarningIcon';
 export { ZoomAllIcon } from './ZoomAllIcon';
 export { ZoomXIcon } from './ZoomXIcon';
 export { ZoomYIcon } from './ZoomYIcon';

package/dist/components/Icons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA"}

package/dist/components/SpectralProvider/SpectralProvider.d.ts

@@ -0,0 +1,30 @@
+import { FC, ReactNode } from '../../../node_modules/react';
+export interface SpectralProviderProps {
+    children: ReactNode;
+    className?: string;
+    /**
+     * Adds a wrapper div with spectral-root class for CSS isolation.
+     * Set to false if you want to manage CSS specificity yourself.
+     * @default true
+     */
+    isolated?: boolean;
+}
+/**
+ * Optional provider component for Spectral components.
+ * Provides CSS isolation when needed to prevent style conflicts.
+ *
+ * @example
+ * ```tsx
+ * // With isolation (recommended for apps with conflicting styles)
+ * <SpectralProvider>
+ *   <Button>Click me</Button>
+ * </SpectralProvider>
+ *
+ * // Without wrapper (when you have full control over styles)
+ * <SpectralProvider isolated={false}>
+ *   <Button>Click me</Button>
+ * </SpectralProvider>
+ * ```
+ */
+export declare const SpectralProvider: FC<SpectralProviderProps>;
+//# sourceMappingURL=SpectralProvider.d.ts.map

package/dist/components/SpectralProvider/SpectralProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpectralProvider.d.ts","sourceRoot":"","sources":["../../../src/components/SpectralProvider/SpectralProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAE/C,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAMtD,CAAA"}

package/dist/components/SpectralProvider/index.d.ts

@@ -0,0 +1,2 @@
+export { SpectralProvider, type SpectralProviderProps } from './SpectralProvider';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/SpectralProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SpectralProvider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAA"}

package/dist/features/ClearDialog/ClearDialog.d.ts

@@ -0,0 +1,2 @@
+export declare const ClearDialog: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ClearDialog.d.ts.map

package/dist/features/ClearDialog/ClearDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearDialog.d.ts","sourceRoot":"","sources":["../../../src/features/ClearDialog/ClearDialog.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,+CAoCvB,CAAA"}

package/dist/features/ClearDialog.js

@@ -0,0 +1,31 @@
+import "./styles/main.css";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { Button as a } from "../Button.js";
+import { Dialog as r, DialogTrigger as n, DialogContent as t, DialogFooter as i, DialogClose as s } from "../Dialog.js";
+import { WarningIcon as o } from "../Icons/WarningIcon.js";
+const b = () => /* @__PURE__ */ l(r, { children: [
+  /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(a, { label: "Clear", variant: "outline" }) }),
+  /* @__PURE__ */ l(t, { children: [
+    /* @__PURE__ */ l("div", { className: "flex flex-col gap-4", children: [
+      /* @__PURE__ */ e("h3", { children: "Clear Options" }),
+      /* @__PURE__ */ l("div", { className: "bg-level-two flex flex-col rounded-lg p-4", children: [
+        /* @__PURE__ */ e("p", { className: "mb-1 !text-lg font-semibold", children: "Clear Current View" }),
+        /* @__PURE__ */ e("p", { className: "text-text-secondary mb-5 !text-sm", children: "Delete all drawings and labels currently visible in your screen." }),
+        /* @__PURE__ */ e(a, { label: "Clear View", variant: "primary", className: "!bg-danger-100 hover:!bg-danger-300 self-end" })
+      ] }),
+      /* @__PURE__ */ l("div", { className: "bg-level-two flex flex-col rounded-lg p-4", children: [
+        /* @__PURE__ */ e("p", { className: "mb-1 !text-lg font-semibold", children: "Clear Entire BTR" }),
+        /* @__PURE__ */ e("p", { className: "text-text-secondary mb-5 !text-sm", children: "Delete all drawings, labels, and scissorgrams on the BTR chart." }),
+        /* @__PURE__ */ e(a, { label: "Clear All", variant: "primary", className: "!bg-danger-100 hover:!bg-danger-300 self-end" })
+      ] })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "my-2 flex items-center gap-2", children: [
+      /* @__PURE__ */ e(o, { size: 24, className: "text-danger-300" }),
+      /* @__PURE__ */ e("p", { className: "!text-danger-300 !text-sm font-semibold", children: "These actions cannot be undone." })
+    ] }),
+    /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(a, { label: "Cancel", variant: "outline" }) }) })
+  ] })
+] });
+export {
+  b as ClearDialog
+};

package/dist/features/HorizonColorGrid.js

@@ -1,3 +1,4 @@
+import "./styles/main.css";
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 const n = ({ token: r }) => {
   const l = r.oklch.match(/oklch\(([\d.]+)%/), a = (l ? parseFloat(l[1]) : 100) < 65 ? "text-white" : "text-black";

package/dist/features/LabelingToolbar.js

@@ -1,3 +1,4 @@
+import "./styles/main.css";
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
 import "react";
 const o = ({ 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/features/LabelingTools/LabelingTools.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LabelingTools.d.ts","sourceRoot":"","sources":["../../../src/features/LabelingTools/LabelingTools.tsx"],"names":[],"mappings":"AAiBA,eAAO,MAAM,aAAa,+CA+HzB,CAAA"}
+{"version":3,"file":"LabelingTools.d.ts","sourceRoot":"","sources":["../../../src/features/LabelingTools/LabelingTools.tsx"],"names":[],"mappings":"AAiBA,eAAO,MAAM,aAAa,+CAwJzB,CAAA"}

package/dist/features/LabelingTools.js

@@ -1,110 +1,147 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { Badge as t } from "../Badge.js";
+import "./styles/main.css";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { Badge as a } from "../Badge.js";
 import "../Icons/AnnotationsIcon.js";
 import "../Icons/CalendarIcon.js";
 import "../Icons/ClockIcon.js";
 import "../Icons/DashboardIcon.js";
-import { DeleteIcon as c } from "../Icons/DeleteIcon.js";
+import { DeleteIcon as n } from "../Icons/DeleteIcon.js";
 import "../Icons/DurationIcon.js";
-import { EraserIcon as m } from "../Icons/EraserIcon.js";
+import { EraserIcon as c } from "../Icons/EraserIcon.js";
 import "../Icons/GoToFirstIcon.js";
 import "../Icons/GoToLastIcon.js";
 import "../Icons/HarmonicCursorsIcon.js";
 import "../Icons/InfoIcon.js";
-import { LabelIcon as a } from "../Icons/LabelIcon.js";
-import { LassoIcon as h } from "../Icons/LassoIcon.js";
+import { LabelIcon as m } from "../Icons/LabelIcon.js";
+import { LassoIcon as g } from "../Icons/LassoIcon.js";
 import { LineToolIcon as p } from "../Icons/LineToolIcon.js";
 import "../Icons/LiveViewIcon.js";
 import "../Icons/LocationIcon.js";
 import "../Icons/LogoutIcon.js";
-import { MetadataIcon as f } from "../Icons/MetadataIcon.js";
-import { OntologyIcon as g } from "../Icons/OntologyIcon.js";
+import { MetadataIcon as b } from "../Icons/MetadataIcon.js";
+import { OntologyIcon as h } from "../Icons/OntologyIcon.js";
 import "../Icons/PanelIcon.js";
 import "../Icons/PlayIcon.js";
-import { PlusIcon as u } from "../Icons/PlusIcon.js";
+import { PlusIcon as f } from "../Icons/PlusIcon.js";
 import "../Icons/ResetIcon.js";
 import { ScissorsIcon as v } from "../Icons/ScissorsIcon.js";
 import "../Icons/SettingsIcon.js";
 import "../Icons/TrashIcon.js";
-import { UndoIcon as b } from "../Icons/UndoIcon.js";
+import { UndoIcon as u } from "../Icons/UndoIcon.js";
 import "../Icons/UserIcon.js";
+import "../Icons/WarningIcon.js";
 import "../Icons/ZoomAllIcon.js";
 import "../Icons/ZoomXIcon.js";
 import "../Icons/ZoomYIcon.js";
 import { Toggle as d } from "../Toggle.js";
-import { ToggleGroup as n, ToggleGroupItem as s } from "../ToggleGroup.js";
-import { Tooltip as o, TooltipTrigger as r, TooltipContent as l } from "../Tooltip.js";
-const ie = () => /* @__PURE__ */ i("div", { className: "align-center flex gap-4", children: [
-  /* @__PURE__ */ e("div", { className: "flex", children: /* @__PURE__ */ i(n, { type: "single", variant: "outline", children: [
-    /* @__PURE__ */ i(o, { children: [
-      /* @__PURE__ */ e(r, { children: /* @__PURE__ */ i(s, { value: "crosshairs", children: [
-        /* @__PURE__ */ e(u, { size: 22 }),
-        /* @__PURE__ */ e(t, { className: "ml-1", children: "C" })
+import { ToggleGroup as s, ToggleGroupItem as l } from "../ToggleGroup.js";
+import { Tooltip as i, TooltipTrigger as o, TooltipContent as t } from "../Tooltip.js";
+const ie = () => /* @__PURE__ */ r("div", { className: "align-center flex gap-4", children: [
+  /* @__PURE__ */ e("div", { className: "flex", children: /* @__PURE__ */ r(s, { type: "single", variant: "outline", children: [
+    /* @__PURE__ */ r(i, { children: [
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ r(l, { value: "crosshairs", children: [
+        /* @__PURE__ */ e(f, { size: 22 }),
+        /* @__PURE__ */ e(a, { className: "ml-1", children: "C" })
       ] }) }),
-      /* @__PURE__ */ e(l, { sideOffset: 8, side: "bottom", children: "Crosshairs tool (C)" })
+      /* @__PURE__ */ e(t, { sideOffset: 8, side: "bottom", children: "Crosshairs tool (C)" })
     ] }),
-    /* @__PURE__ */ i(o, { children: [
-      /* @__PURE__ */ e(r, { children: /* @__PURE__ */ i(s, { value: "lasso", children: [
-        /* @__PURE__ */ e(h, { size: 22 }),
-        /* @__PURE__ */ e(t, { className: "ml-1", children: "L" })
+    /* @__PURE__ */ r(i, { children: [
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ r(l, { value: "lasso", children: [
+        /* @__PURE__ */ e(g, { size: 22 }),
+        /* @__PURE__ */ e(a, { className: "ml-1", children: "L" })
       ] }) }),
-      /* @__PURE__ */ e(l, { sideOffset: 8, side: "bottom", children: "Lasso tool (L)" })
+      /* @__PURE__ */ e(t, { sideOffset: 8, side: "bottom", children: "Lasso tool (L)" })
     ] }),
-    /* @__PURE__ */ i(o, { children: [
-      /* @__PURE__ */ e(r, { children: /* @__PURE__ */ i(s, { value: "points", children: [
+    /* @__PURE__ */ r(i, { children: [
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ r(l, { value: "points", children: [
         /* @__PURE__ */ e(p, { size: 22 }),
-        /* @__PURE__ */ e(t, { className: "ml-1", children: "P" })
+        /* @__PURE__ */ e(a, { className: "ml-1", children: "P" })
       ] }) }),
-      /* @__PURE__ */ e(l, { sideOffset: 8, side: "bottom", children: "Points tool (P)" })
+      /* @__PURE__ */ e(t, { sideOffset: 8, side: "bottom", children: "Points tool (P)" })
     ] })
   ] }) }),
-  /* @__PURE__ */ e("div", { className: "flex", children: /* @__PURE__ */ i(n, { type: "single", variant: "outline", children: [
-    /* @__PURE__ */ i(o, { children: [
-      /* @__PURE__ */ e(r, { children: /* @__PURE__ */ i(s, { value: "crosshairs", children: [
-        /* @__PURE__ */ e(v, { size: 22 }),
-        /* @__PURE__ */ e(t, { className: "ml-1", children: "⌘X" })
-      ] }) }),
-      /* @__PURE__ */ e(l, { sideOffset: 8, side: "bottom", children: "Scissor tool (⌘X)" })
+  /* @__PURE__ */ e("div", { className: "flex", children: /* @__PURE__ */ r(s, { type: "single", variant: "outline", children: [
+    /* @__PURE__ */ r(i, { children: [
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ r(
+        l,
+        {
+          value: "crosshairs",
+          className: "data-[state=on]:bg-toggle-bg data-[state=on]:border-toggle-border",
+          children: [
+            /* @__PURE__ */ e(v, { size: 22 }),
+            /* @__PURE__ */ e(a, { className: "group-data-[state=on]:bg-badge-primary-bg active:bg-badge-primary-bg--active ml-1", children: "⌘X" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ e(t, { sideOffset: 8, side: "bottom", children: "Scissor tool (⌘X)" })
     ] }),
-    /* @__PURE__ */ i(o, { children: [
-      /* @__PURE__ */ e(r, { children: /* @__PURE__ */ i(s, { value: "lasso", children: [
-        /* @__PURE__ */ e(a, { size: 22 }),
-        /* @__PURE__ */ e(t, { className: "ml-1", children: "⌘T" })
-      ] }) }),
-      /* @__PURE__ */ e(l, { sideOffset: 8, side: "bottom", children: "Label tool (⌘T)" })
+    /* @__PURE__ */ r(i, { children: [
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ r(
+        l,
+        {
+          value: "lasso",
+          className: "data-[state=on]:bg-toggle-bg data-[state=on]:border-toggle-border",
+          children: [
+            /* @__PURE__ */ e(m, { size: 22 }),
+            /* @__PURE__ */ e(a, { className: "group-data-[state=on]:bg-badge-primary-bg active:bg-badge-primary-bg--active ml-1", children: "⌘T" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ e(t, { sideOffset: 8, side: "bottom", children: "Label tool (⌘T)" })
     ] })
   ] }) }),
-  /* @__PURE__ */ e("div", { className: "flex", children: /* @__PURE__ */ i(n, { type: "single", variant: "outline", children: [
-    /* @__PURE__ */ i(o, { children: [
-      /* @__PURE__ */ e(r, { children: /* @__PURE__ */ i(s, { value: "undo", children: [
-        /* @__PURE__ */ e(b, { size: 22 }),
-        /* @__PURE__ */ e(t, { className: "ml-1", children: "⌘X" })
-      ] }) }),
-      /* @__PURE__ */ e(l, { sideOffset: 8, side: "bottom", children: "Undo last (⌘X)" })
+  /* @__PURE__ */ e("div", { className: "flex", children: /* @__PURE__ */ r(s, { type: "single", variant: "outline", children: [
+    /* @__PURE__ */ r(i, { children: [
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ r(
+        l,
+        {
+          value: "undo",
+          className: "data-[state=on]:bg-toggle-bg data-[state=on]:border-toggle-border",
+          children: [
+            /* @__PURE__ */ e(u, { size: 22 }),
+            /* @__PURE__ */ e(a, { className: "group-data-[state=on]:bg-badge-primary-bg active:bg-badge-primary-bg--active ml-1", children: "⌘X" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ e(t, { sideOffset: 8, side: "bottom", children: "Undo last (⌘X)" })
     ] }),
-    /* @__PURE__ */ i(o, { children: [
-      /* @__PURE__ */ e(r, { children: /* @__PURE__ */ i(s, { value: "delete", children: [
-        /* @__PURE__ */ e(c, { size: 22 }),
-        /* @__PURE__ */ e(t, { className: "ml-1", children: "⌫" })
-      ] }) }),
-      /* @__PURE__ */ e(l, { sideOffset: 8, side: "bottom", children: "Delete selected (⌫)" })
+    /* @__PURE__ */ r(i, { children: [
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ r(
+        l,
+        {
+          value: "delete",
+          className: "data-[state=on]:bg-toggle-bg data-[state=on]:border-toggle-border",
+          children: [
+            /* @__PURE__ */ e(n, { size: 22 }),
+            /* @__PURE__ */ e(a, { className: "group-data-[state=on]:bg-badge-primary-bg active:bg-badge-primary-bg--active ml-1", children: "⌫" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ e(t, { sideOffset: 8, side: "bottom", children: "Delete selected (⌫)" })
     ] }),
-    /* @__PURE__ */ i(o, { children: [
-      /* @__PURE__ */ e(r, { children: /* @__PURE__ */ i(s, { value: "clear", children: [
-        /* @__PURE__ */ e(m, { size: 22 }),
-        /* @__PURE__ */ e(t, { className: "ml-1", children: "⌘⇧A" })
-      ] }) }),
-      /* @__PURE__ */ e(l, { sideOffset: 8, side: "bottom", children: "Clear (⌘⇧A)" })
+    /* @__PURE__ */ r(i, { children: [
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ r(
+        l,
+        {
+          value: "clear",
+          className: "data-[state=on]:bg-toggle-bg data-[state=on]:border-toggle-border",
+          children: [
+            /* @__PURE__ */ e(c, { size: 22 }),
+            /* @__PURE__ */ e(a, { className: "group-data-[state=on]:bg-badge-primary-bg active:bg-badge-primary-bg--active ml-1", children: "⌘⇧A" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ e(t, { sideOffset: 8, side: "bottom", children: "Clear (⌘⇧A)" })
     ] })
   ] }) }),
-  /* @__PURE__ */ i("div", { className: "flex gap-4", children: [
-    /* @__PURE__ */ i(o, { children: [
-      /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(f, { size: 22 }) }) }),
-      /* @__PURE__ */ e(l, { sideOffset: 8, side: "bottom", children: "Metadata" })
+  /* @__PURE__ */ r("div", { className: "flex gap-4", children: [
+    /* @__PURE__ */ r(i, { children: [
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(d, { pressed: !1, children: /* @__PURE__ */ e(b, { size: 22 }) }) }),
+      /* @__PURE__ */ e(t, { sideOffset: 8, side: "bottom", children: "Metadata" })
     ] }),
-    /* @__PURE__ */ i(o, { children: [
-      /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(g, { size: 22 }) }) }),
-      /* @__PURE__ */ e(l, { sideOffset: 8, side: "bottom", children: "Ontology" })
+    /* @__PURE__ */ r(i, { children: [
+      /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(d, { pressed: !1, children: /* @__PURE__ */ e(h, { size: 22 }) }) }),
+      /* @__PURE__ */ e(t, { sideOffset: 8, side: "bottom", children: "Ontology" })
     ] })
   ] })
 ] });

package/dist/features/SensorMetadata.js

@@ -1,3 +1,4 @@
+import "./styles/main.css";
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { Drawer as r } from "../Drawer.js";
 import "../Icons/AnnotationsIcon.js";
@@ -28,10 +29,11 @@ import "../Icons/SettingsIcon.js";
 import "../Icons/TrashIcon.js";
 import "../Icons/UndoIcon.js";
 import "../Icons/UserIcon.js";
+import "../Icons/WarningIcon.js";
 import "../Icons/ZoomAllIcon.js";
 import "../Icons/ZoomXIcon.js";
 import "../Icons/ZoomYIcon.js";
-const F = () => /* @__PURE__ */ e(r, { description: "Recording Details", title: "Sensor Metadata", trigger: /* @__PURE__ */ e(m, {}), children: /* @__PURE__ */ t("div", { className: "flex flex-col gap-4", children: [
+const G = () => /* @__PURE__ */ e(r, { description: "Recording Details", title: "Sensor Metadata", trigger: /* @__PURE__ */ e(m, {}), children: /* @__PURE__ */ t("div", { className: "flex flex-col gap-4", children: [
   /* @__PURE__ */ t("div", { className: "bg-card-bg-secondary rounded-md px-4 py-5", children: [
     /* @__PURE__ */ t("div", { className: "flex items-center gap-2 !text-sm font-semibold uppercase", children: [
       /* @__PURE__ */ e(s, { size: 16 }),
@@ -86,5 +88,5 @@ const F = () => /* @__PURE__ */ e(r, { description: "Recording Details", title:
   ] })
 ] }) });
 export {
-  F as SensorMetadata
+  G as SensorMetadata
 };

package/dist/features/SettingsPopover.js

@@ -1,4 +1,5 @@
 "use client";
+import "./styles/main.css";
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import "../Icons/AnnotationsIcon.js";
 import "../Icons/CalendarIcon.js";
@@ -7,7 +8,7 @@ import "../Icons/DashboardIcon.js";
 import "../Icons/DeleteIcon.js";
 import "../Icons/DurationIcon.js";
 import "../Icons/EraserIcon.js";
-import { GoToFirstIcon as w } from "../Icons/GoToFirstIcon.js";
+import { GoToFirstIcon as y } from "../Icons/GoToFirstIcon.js";
 import { GoToLastIcon as N } from "../Icons/GoToLastIcon.js";
 import { HarmonicCursorsIcon as T } from "../Icons/HarmonicCursorsIcon.js";
 import "../Icons/InfoIcon.js";
@@ -28,6 +29,7 @@ import { SettingsIcon as O } from "../Icons/SettingsIcon.js";
 import "../Icons/TrashIcon.js";
 import "../Icons/UndoIcon.js";
 import "../Icons/UserIcon.js";
+import "../Icons/WarningIcon.js";
 import { ZoomAllIcon as I } from "../Icons/ZoomAllIcon.js";
 import { ZoomXIcon as C } from "../Icons/ZoomXIcon.js";
 import { ZoomYIcon as k } from "../Icons/ZoomYIcon.js";
@@ -35,11 +37,11 @@ import { Popover as G, PopoverTrigger as V, PopoverContent as R } from "../Popov
 import { RadioGroup as S, RadioGroupItem as l } from "../RadioGroup.js";
 import { Switch as A } from "../Switch.js";
 import { Toggle as s } from "../Toggle.js";
-import { ToggleGroup as h, ToggleGroupItem as o } from "../ToggleGroup.js";
+import { ToggleGroup as h, ToggleGroupItem as t } from "../ToggleGroup.js";
 import { Tooltip as a, TooltipTrigger as m, TooltipContent as n } from "../Tooltip.js";
 import { useState as c } from "react";
 const ye = () => {
-  const [g, b] = c("green-black"), [f, d] = c(""), [v, p] = c(!1), [u, y] = c(!1);
+  const [g, b] = c("green-black"), [f, d] = c(""), [v, p] = c(!1), [u, w] = c(!1);
   return /* @__PURE__ */ r(G, { open: v, onOpenChange: p, children: [
     /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(s, { pressed: !1, children: /* @__PURE__ */ e(O, {}) }) }),
     /* @__PURE__ */ r(R, { side: "bottom", align: "end", children: [
@@ -51,20 +53,20 @@ const ye = () => {
             type: "single",
             layout: "expanded",
             value: f,
-            onValueChange: (t) => {
-              const i = typeof t == "string" ? t : "";
+            onValueChange: (o) => {
+              const i = typeof o == "string" ? o : "";
               d(i), i && p(!1);
             },
             children: [
-              /* @__PURE__ */ r(o, { value: "zoom-all", children: [
+              /* @__PURE__ */ r(t, { value: "zoom-all", children: [
                 /* @__PURE__ */ e(I, { size: 16 }),
                 "All"
               ] }),
-              /* @__PURE__ */ r(o, { value: "zoom-bearing", children: [
+              /* @__PURE__ */ r(t, { value: "zoom-bearing", children: [
                 /* @__PURE__ */ e(C, { size: 16 }),
                 "Bearing"
               ] }),
-              /* @__PURE__ */ r(o, { value: "zoom-time", children: [
+              /* @__PURE__ */ r(t, { value: "zoom-time", children: [
                 /* @__PURE__ */ e(k, { size: 16 }),
                 "Time"
               ] })
@@ -95,8 +97,8 @@ const ye = () => {
             A,
             {
               checked: u,
-              onChange: (t) => {
-                y(t);
+              onChange: (o) => {
+                w(o);
               },
               labelText: "View Annotations",
               hideLabel: !0,
@@ -117,8 +119,8 @@ const ye = () => {
             orientation: "horizontal",
             className: "flex items-center gap-3",
             value: g,
-            onValueChange: (t) => {
-              b(typeof t == "string" ? t : "green-black");
+            onValueChange: (o) => {
+              b(typeof o == "string" ? o : "green-black");
             },
             variant: "unstyled",
             children: [
@@ -144,7 +146,7 @@ const ye = () => {
       ] }),
       /* @__PURE__ */ r("div", { className: "border-border-secondary mb-2 w-full border-t pt-4", children: [
         /* @__PURE__ */ e("p", { className: "text-md text-md mb-3 font-semibold", children: "View Options" }),
-        /* @__PURE__ */ r(s, { pressed: !1, className: "active:bg-selected-primary mb-4 w-full", children: [
+        /* @__PURE__ */ r(s, { pressed: !1, className: "mb-4 w-full", children: [
           /* @__PURE__ */ e(x, { size: 18 }),
           "Realtime Stream"
         ] }),
@@ -153,26 +155,26 @@ const ye = () => {
           {
             type: "single",
             layout: "expanded",
-            onValueChange: (t) => {
-              d(typeof t == "string" ? t : "");
+            onValueChange: (o) => {
+              d(typeof o == "string" ? o : "");
             },
             children: [
               /* @__PURE__ */ r(
-                o,
+                t,
                 {
                   value: "zoom-time",
-                  className: "active:bg-selected-primary data-[state=on]:bg-toggle-bg data-[state=on]:border-toggle-border",
+                  className: "data-[state=on]:bg-toggle-bg data-[state=on]:border-toggle-border",
                   children: [
-                    /* @__PURE__ */ e(w, { size: 16 }),
+                    /* @__PURE__ */ e(y, { size: 16 }),
                     "Oldest Data"
                   ]
                 }
               ),
               /* @__PURE__ */ r(
-                o,
+                t,
                 {
                   value: "zoom-bearing",
-                  className: "active:bg-selected-primary data-[state=on]:bg-toggle-bg data-[state=on]:border-toggle-border",
+                  className: "data-[state=on]:bg-toggle-bg data-[state=on]:border-toggle-border",
                   children: [
                     /* @__PURE__ */ e(N, { size: 16 }),
                     "Newest Data"

package/dist/index-B7LSgz_k.js

@@ -1,3 +1,4 @@
+import "./styles/main.css";
 import * as o from "react";
 import { jsx as y, Fragment as H } from "react/jsx-runtime";
 import * as V from "react-dom";

package/dist/index-gg2zpNk0.js

@@ -1,3 +1,4 @@
+import "./styles/main.css";
 import * as u from "react";
 import { useState as he } from "react";
 import { k as z, d as me, e as pe } from "./index-B7LSgz_k.js";

package/dist/index-sDEISz8i.js

@@ -1,3 +1,4 @@
+import "./styles/main.css";
 import * as R from "react";
 import { useLayoutEffect as Ae } from "react";
 import * as Re from "react-dom";

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export { SpectralProvider, type SpectralProviderProps } from './components/SpectralProvider';
 export { Badge } from './components/Badge/Badge';
 export { Button, type ButtonProps } from './components/Button/Button';
 export { Drawer, type DrawerProps } from './components/Drawer/Drawer';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AACtF,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAA;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACnD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,KAAK,gBAAgB,EAAE,MAAM,sCAAsC,CAAA;AAC1G,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAGtF,cAAc,oBAAoB,CAAA;AAClC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAG/E,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAG3C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AAC5F,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AACtF,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAA;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACnD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,KAAK,gBAAgB,EAAE,MAAM,sCAAsC,CAAA;AAC1G,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAGtF,cAAc,oBAAoB,CAAA;AAClC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAG/E,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAG3C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAA"}