@dtour/viewer 0.1.0

package/dist/spec.d.ts

@@ -0,0 +1,42 @@
+import { z } from 'zod';
+/**
+ * JSON-serializable spec for the Dtour component.
+ * All fields optional — omitted fields use defaults.
+ * The Zod schema is the single source of truth; the TS type is inferred.
+ */
+export declare const dtourSpecSchema: z.ZodObject<{
+    tourBy: z.ZodOptional<z.ZodEnum<{
+        dimensions: "dimensions";
+        pca: "pca";
+    }>>;
+    tourPosition: z.ZodOptional<z.ZodNumber>;
+    tourPlaying: z.ZodOptional<z.ZodBoolean>;
+    tourSpeed: z.ZodOptional<z.ZodNumber>;
+    tourDirection: z.ZodOptional<z.ZodEnum<{
+        forward: "forward";
+        backward: "backward";
+    }>>;
+    previewCount: z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<4>, z.ZodLiteral<8>, z.ZodLiteral<12>, z.ZodLiteral<16>]>>;
+    previewScale: z.ZodOptional<z.ZodUnion<readonly [z.ZodLiteral<1>, z.ZodLiteral<0.75>, z.ZodLiteral<0.5>]>>;
+    previewPadding: z.ZodOptional<z.ZodNumber>;
+    pointSize: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodLiteral<"auto">]>>;
+    pointOpacity: z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodLiteral<"auto">]>>;
+    pointColor: z.ZodOptional<z.ZodUnion<readonly [z.ZodTuple<[z.ZodNumber, z.ZodNumber, z.ZodNumber], null>, z.ZodString]>>;
+    cameraPanX: z.ZodOptional<z.ZodNumber>;
+    cameraPanY: z.ZodOptional<z.ZodNumber>;
+    cameraZoom: z.ZodOptional<z.ZodNumber>;
+    viewMode: z.ZodOptional<z.ZodEnum<{
+        guided: "guided";
+        manual: "manual";
+        grand: "grand";
+    }>>;
+    showLegend: z.ZodOptional<z.ZodBoolean>;
+    themeMode: z.ZodOptional<z.ZodEnum<{
+        light: "light";
+        dark: "dark";
+        system: "system";
+    }>>;
+}, z.core.$strip>;
+export type DtourSpec = z.infer<typeof dtourSpecSchema>;
+export declare const DTOUR_DEFAULTS: Required<DtourSpec>;
+//# sourceMappingURL=spec.d.ts.map

package/dist/spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spec.d.ts","sourceRoot":"","sources":["../src/spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB;;;;GAIG;AACH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAkB1B,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,eAAe,CAAC,CAAC;AAExD,eAAO,MAAM,cAAc,EAAE,QAAQ,CAAC,SAAS,CAkB9C,CAAC"}

package/dist/state/atoms.d.ts

@@ -0,0 +1,150 @@
+import type { Metadata } from '@dtour/scatter';
+/** Controls how tour keyframes are derived: raw dimension pairs or PCA eigenvectors. */
+export declare const tourByAtom: import("jotai").PrimitiveAtom<"dimensions" | "pca"> & {
+    init: "dimensions" | "pca";
+};
+export declare const tourPositionAtom: import("jotai").PrimitiveAtom<number> & {
+    init: number;
+};
+export declare const tourPlayingAtom: import("jotai").PrimitiveAtom<boolean> & {
+    init: boolean;
+};
+export declare const tourSpeedAtom: import("jotai").PrimitiveAtom<number> & {
+    init: number;
+};
+export declare const tourDirectionAtom: import("jotai").PrimitiveAtom<1 | -1> & {
+    init: 1 | -1;
+};
+export declare const previewCountAtom: import("jotai").PrimitiveAtom<4 | 8 | 12 | 16> & {
+    init: 4 | 8 | 12 | 16;
+};
+export declare const previewScaleAtom: import("jotai").PrimitiveAtom<1 | 0.75 | 0.5> & {
+    init: 1 | 0.75 | 0.5;
+};
+export declare const previewPaddingAtom: import("jotai").PrimitiveAtom<number> & {
+    init: number;
+};
+export declare const selectedKeyframeAtom: import("jotai").PrimitiveAtom<number | null> & {
+    init: number | null;
+};
+export declare const pointSizeAtom: import("jotai").PrimitiveAtom<number | "auto"> & {
+    init: number | "auto";
+};
+export declare const pointOpacityAtom: import("jotai").PrimitiveAtom<number | "auto"> & {
+    init: number | "auto";
+};
+export declare const pointColorAtom: import("jotai").PrimitiveAtom<string | [number, number, number]> & {
+    init: string | [number, number, number];
+};
+export declare const paletteAtom: import("jotai").PrimitiveAtom<"viridis" | "magma"> & {
+    init: "viridis" | "magma";
+};
+/** Per-label color overrides. Values are hex strings or theme-aware {light, dark} objects. */
+export declare const colorMapAtom: import("jotai").PrimitiveAtom<Record<string, string | {
+    light: string;
+    dark: string;
+}> | null> & {
+    init: Record<string, string | {
+        light: string;
+        dark: string;
+    }> | null;
+};
+export declare const backgroundColorAtom: import("jotai").PrimitiveAtom<[number, number, number]> & {
+    init: [number, number, number];
+};
+export declare const cameraPanXAtom: import("jotai").PrimitiveAtom<number> & {
+    init: number;
+};
+export declare const cameraPanYAtom: import("jotai").PrimitiveAtom<number> & {
+    init: number;
+};
+export declare const cameraZoomAtom: import("jotai").PrimitiveAtom<number> & {
+    init: number;
+};
+export declare const viewModeAtom: import("jotai").PrimitiveAtom<"guided" | "manual" | "grand"> & {
+    init: "guided" | "manual" | "grand";
+};
+/**
+ * When true, `useScatter` skips `setTourPosition` messages.
+ * Set on returning to guided mode from manual/grand so the current
+ * projection is preserved until the user clicks the circular slider
+ * or presses play.
+ */
+export declare const guidedSuspendedAtom: import("jotai").PrimitiveAtom<boolean> & {
+    init: boolean;
+};
+/** Target mode after grand ease-out completes. null = not exiting. */
+export declare const grandExitTargetAtom: import("jotai").PrimitiveAtom<"guided" | "manual" | null> & {
+    init: "guided" | "manual" | null;
+};
+/**
+ * Tracks the currently-displayed projection basis (p×2 column-major).
+ * Updated by tour interpolation, manual axis dragging, and zen animation.
+ * Read imperatively (via store.get) on mode switch so the new mode
+ * can initialize from the current view without jumping.
+ */
+export declare const currentBasisAtom: import("jotai").PrimitiveAtom<Float32Array<ArrayBufferLike> | null> & {
+    init: Float32Array<ArrayBufferLike> | null;
+};
+/**
+ * Incremented each time a position animation starts or is cancelled.
+ * Running animations bail out when their captured generation doesn't
+ * match the current value, ensuring only one animation drives the
+ * position at a time — even across different components.
+ */
+export declare const animationGenAtom: import("jotai").PrimitiveAtom<number> & {
+    init: number;
+};
+export declare const canvasSizeAtom: import("jotai").PrimitiveAtom<{
+    width: number;
+    height: number;
+}> & {
+    init: {
+        width: number;
+        height: number;
+    };
+};
+export declare const metadataAtom: import("jotai").PrimitiveAtom<Metadata | null> & {
+    init: Metadata | null;
+};
+/**
+ * Set of active dimension indices. `null` means all columns are active
+ * (initial state before metadata loads or when all are enabled).
+ */
+export declare const activeColumnsAtom: import("jotai").PrimitiveAtom<Set<number> | null> & {
+    init: Set<number> | null;
+};
+/**
+ * Resolved active dimension indices — never null after metadata loads.
+ * Returns sorted array for deterministic iteration in basis generation,
+ * grand tour, and manual mode.
+ */
+export declare const activeIndicesAtom: import("jotai").Atom<number[]>;
+/** User preference for showing the legend panel. */
+export declare const showLegendAtom: import("jotai").PrimitiveAtom<boolean> & {
+    init: boolean;
+};
+/**
+ * Derived: legend is visible only when showLegend is true, metadata is loaded,
+ * AND points are colored by a known data column (numeric or categorical).
+ */
+export declare const legendVisibleAtom: import("jotai").Atom<boolean>;
+/** Which legend entries are selected, or null when no legend selection is active. */
+export declare const legendSelectionAtom: import("jotai").PrimitiveAtom<Set<number> | null> & {
+    init: Set<number> | null;
+};
+/** Bumped when ColorLegend explicitly deselects — triggers scatter.clearSelection(). */
+export declare const legendClearGenAtom: import("jotai").PrimitiveAtom<number> & {
+    init: number;
+};
+/** User preference: explicit light/dark or follow system. */
+export declare const themeModeAtom: import("jotai").PrimitiveAtom<"light" | "dark" | "system"> & {
+    init: "light" | "dark" | "system";
+};
+/** Tracks the OS-level color scheme. Updated by useSystemTheme hook. */
+export declare const systemThemeAtom: import("jotai").PrimitiveAtom<"light" | "dark"> & {
+    init: "light" | "dark";
+};
+/** Resolved theme after applying system preference. */
+export declare const resolvedThemeAtom: import("jotai").Atom<"light" | "dark">;
+//# sourceMappingURL=atoms.d.ts.map

package/dist/state/atoms.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"atoms.d.ts","sourceRoot":"","sources":["../../src/state/atoms.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAO/C,wFAAwF;AACxF,eAAO,MAAM,UAAU;;CAA2C,CAAC;AAEnE,eAAO,MAAM,gBAAgB;;CAAU,CAAC;AACxC,eAAO,MAAM,eAAe;;CAAc,CAAC;AAC3C,eAAO,MAAM,aAAa;;CAAU,CAAC;AACrC,eAAO,MAAM,iBAAiB;;CAAkB,CAAC;AAMjD,eAAO,MAAM,gBAAgB;;CAA2B,CAAC;AACzD,eAAO,MAAM,gBAAgB;;CAA0B,CAAC;AACxD,eAAO,MAAM,kBAAkB;;CAAW,CAAC;AAC3C,eAAO,MAAM,oBAAoB;;CAA4B,CAAC;AAM9D,eAAO,MAAM,aAAa;;CAAgC,CAAC;AAC3D,eAAO,MAAM,gBAAgB;;CAAgC,CAAC;AAC9D,eAAO,MAAM,cAAc;;CAA4D,CAAC;AACxF,eAAO,MAAM,WAAW;;CAAuC,CAAC;AAEhE,8FAA8F;AAC9F,eAAO,MAAM,YAAY;WAAyC,MAAM;UAAQ,MAAM;;;eAApB,MAAM;cAAQ,MAAM;;CAErF,CAAC;AAMF,eAAO,MAAM,mBAAmB;;CAA4C,CAAC;AAM7E,eAAO,MAAM,cAAc;;CAAU,CAAC;AACtC,eAAO,MAAM,cAAc;;CAAU,CAAC;AACtC,eAAO,MAAM,cAAc;;CAAgB,CAAC;AAM5C,eAAO,MAAM,YAAY;;CAAgD,CAAC;AAE1E;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB;;CAAc,CAAC;AAE/C,sEAAsE;AACtE,eAAO,MAAM,mBAAmB;;CAAyC,CAAC;AAE1E;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB;;CAAkC,CAAC;AAMhE;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB;;CAAU,CAAC;AAMxC,eAAO,MAAM,cAAc;;;;;;;;CAAgC,CAAC;AAM5D,eAAO,MAAM,YAAY;;CAA8B,CAAC;AAMxD;;;GAGG;AACH,eAAO,MAAM,iBAAiB;;CAAiC,CAAC;AAEhE;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,gCAM5B,CAAC;AAMH,oDAAoD;AACpD,eAAO,MAAM,cAAc;;CAAa,CAAC;AAEzC;;;GAGG;AACH,eAAO,MAAM,iBAAiB,+BAO5B,CAAC;AAMH,qFAAqF;AACrF,eAAO,MAAM,mBAAmB;;CAAiC,CAAC;AAElE,wFAAwF;AACxF,eAAO,MAAM,kBAAkB;;CAAU,CAAC;AAM1C,6DAA6D;AAC7D,eAAO,MAAM,aAAa;;CAA4C,CAAC;AAEvE,wEAAwE;AACxE,eAAO,MAAM,eAAe;;CAAiC,CAAC;AAE9D,uDAAuD;AACvD,eAAO,MAAM,iBAAiB,wCAG5B,CAAC"}

package/dist/state/spec-sync.d.ts

@@ -0,0 +1,5 @@
+import { useStore } from 'jotai';
+import type { DtourSpec } from '../spec.ts';
+export declare function initStoreFromSpec(store: ReturnType<typeof useStore>, spec: DtourSpec | undefined): void;
+export declare function useSpecSync(spec: DtourSpec | undefined, onSpecChange: ((spec: Required<DtourSpec>) => void) | undefined): void;
+//# sourceMappingURL=spec-sync.d.ts.map

package/dist/state/spec-sync.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spec-sync.d.ts","sourceRoot":"","sources":["../../src/state/spec-sync.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAmG5C,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,UAAU,CAAC,OAAO,QAAQ,CAAC,EAClC,IAAI,EAAE,SAAS,GAAG,SAAS,GAC1B,IAAI,CAUN;AAQD,wBAAgB,WAAW,CACzB,IAAI,EAAE,SAAS,GAAG,SAAS,EAC3B,YAAY,EAAE,CAAC,CAAC,IAAI,EAAE,QAAQ,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,GAC9D,IAAI,CA+DN"}

package/dist/viewer.css

@@ -0,0 +1,3 @@
+/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}:root,:host{--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--font-weight-semibold:600;--tracking-wide:.025em;--radius-sm:.25rem;--radius-md:.375rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-dtour-bg:#000;--color-dtour-surface:#222;--color-dtour-border:#333;--color-dtour-text:#bbb;--color-dtour-text-muted:#888;--color-dtour-accent:#4080e8;--color-dtour-accent-hover:#5090f0;--color-dtour-highlight:#fff}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.right-4{right:calc(var(--spacing) * 4)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-4{left:calc(var(--spacing) * 4)}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.my-1{margin-block:calc(var(--spacing) * 1)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-\[3px\]{height:3px}.h-\[9px\]{height:9px}.h-\[120px\]{height:120px}.h-full{height:100%}.h-px{height:1px}.max-h-\[60vh\]{max-height:60vh}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-8{width:calc(var(--spacing) * 8)}.w-64{width:calc(var(--spacing) * 64)}.w-\[3px\]{width:3px}.w-\[9px\]{width:9px}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[8rem\]{min-width:8rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[calc\(-50\%-2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.flex-col{flex-direction:column}.content-between{align-content:space-between}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing) * 0)}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-8{gap:calc(var(--spacing) * 8)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[2px\]{border-radius:2px}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dtour-accent{border-color:var(--color-dtour-accent)}.border-dtour-border{border-color:var(--color-dtour-border)}.border-dtour-surface{border-color:var(--color-dtour-surface)}.bg-dtour-accent{background-color:var(--color-dtour-accent)}.bg-dtour-bg{background-color:var(--color-dtour-bg)}.bg-dtour-border{background-color:var(--color-dtour-border)}.bg-dtour-highlight{background-color:var(--color-dtour-highlight)}.bg-dtour-surface{background-color:var(--color-dtour-surface)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/30{background-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.bg-white\/30{background-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.fill-dtour-highlight{fill:var(--color-dtour-highlight)}.p-1{padding:calc(var(--spacing) * 1)}.p-3{padding:calc(var(--spacing) * 3)}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pl-8{padding-left:calc(var(--spacing) * 8)}.text-center{text-align:center}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.text-dtour-bg{color:var(--color-dtour-bg)}.text-dtour-highlight{color:var(--color-dtour-highlight)}.text-dtour-text{color:var(--color-dtour-text)}.text-dtour-text-muted{color:var(--color-dtour-text-muted)}.text-white{color:var(--color-white)}.opacity-0{opacity:0}.opacity-35{opacity:.35}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_1px_4px_rgba\(0\,0\,0\,0\.6\)\]{--tw-shadow:0 1px 4px var(--tw-shadow-color,#0009);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,border-width\,box-shadow\]{transition-property:border-color,border-width,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,background-color\,border-color\,transform\]{transition-property:color,background-color,border-color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,transform\]{transition-property:color,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[fill-opacity\]{transition-property:fill-opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[transform\,opacity\]{transition-property:transform,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.animate-ease-out{animation-timing-function:ease-out}.running{animation-play-state:running}@media (hover:hover){.hover\:bg-dtour-accent-hover:hover{background-color:var(--color-dtour-accent-hover)}.hover\:bg-dtour-highlight\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-dtour-highlight\/10:hover{background-color:color-mix(in oklab, var(--color-dtour-highlight) 10%, transparent)}}.hover\:bg-dtour-surface:hover{background-color:var(--color-dtour-surface)}.hover\:bg-dtour-text-muted:hover{background-color:var(--color-dtour-text-muted)}.hover\:text-dtour-highlight:hover{color:var(--color-dtour-highlight)}.hover\:opacity-100:hover{opacity:1}}.focus\:bg-dtour-border:focus{background-color:var(--color-dtour-border)}.focus\:text-dtour-highlight:focus{color:var(--color-dtour-highlight)}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-dtour-accent:focus-visible{--tw-ring-color:var(--color-dtour-accent)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:scale-\[0\.85\]:active{scale:.85}.active\:scale-\[0\.97\]:active{scale:.97}.active\:bg-dtour-highlight:active{background-color:var(--color-dtour-highlight)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:where(.dtour-light){--color-dtour-bg:#fff;--color-dtour-surface:#f0f0f0;--color-dtour-border:#d0d0d0;--color-dtour-text:#333;--color-dtour-text-muted:#777;--color-dtour-accent:#2060c0;--color-dtour-accent-hover:#1850a8;--color-dtour-highlight:#000}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1;animation-delay:0s}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}
+/*$vite$:1*/