@visualli/core 0.2.2 → 0.2.4

package/dist/{index-DNFnKC6r.d.cts → index-BBRLCL27.d.cts}

@@ -1,4 +1,4 @@
-import { T as TopicName$1, M as METRICS, a as ThemeName } from './designSystem-Ck7h42Q0.cjs';
+import { T as TopicName$1, M as METRICS, a as ThemeName } from './designSystem-BcBLKHJO.cjs';
 
 /** The eight topics, in the order missing colors cycle through. */
 declare const TOPIC_ORDER: readonly ["teal", "harbor", "iris", "berry", "coral", "amber", "sun", "stone"];
@@ -7,6 +7,11 @@ type TopicName = (typeof TOPIC_ORDER)[number];
 declare function topicFromName(color: string | null | undefined): TopicName | null;
 /** The topic for an idea: its named topic; with no color, the next topic in sibling order; null for any other color. */
 declare function topicFor(color: string | null | undefined, siblingIndex: number): TopicName | null;
+/** Chromatic immersion: inside a layer, the canvas takes the fill of the idea you stepped into (at the `immersion-alpha`
+ *  token), so you always know whose inside you are in. Part of the spec, so it is on unless a host turns it off. */
+declare const IMMERSION: {
+    readonly defaultOn: true;
+};
 /** A custom (non-topic) color: drawn as given, with a darker ring. */
 declare const CUSTOM: {
     readonly ringShade: 0.78;
@@ -96,4 +101,4 @@ declare function ideaStyle(theme: ThemeName, c: {
     ring: string;
 };
 
-export { CUSTOM as C, type IdeaColor as I, type Metrics as M, type ResolvedComfort as R, TOPIC_ORDER as T, type Comfort as a, type ThemeEnv as b, type ThemeFamily as c, type ThemeInput as d, type TopicStyle as e, customColor as f, getTokens as g, ideaStyle as h, ideaColor as i, isContrastTheme as j, isDarkTheme as k, isFocusTheme as l, isThemeName as m, labelScale as n, metricsFor as o, resolveTheme as p, topicFor as q, resolveComfort as r, topicFromName as s, token as t, topicStyle as u };
+export { CUSTOM as C, IMMERSION as I, type Metrics as M, type ResolvedComfort as R, TOPIC_ORDER as T, type Comfort as a, type IdeaColor as b, type ThemeEnv as c, type ThemeFamily as d, type ThemeInput as e, type TopicStyle as f, customColor as g, getTokens as h, ideaColor as i, ideaStyle as j, isContrastTheme as k, isDarkTheme as l, isFocusTheme as m, isThemeName as n, labelScale as o, metricsFor as p, resolveTheme as q, resolveComfort as r, topicFor as s, token as t, topicFromName as u, topicStyle as v };

package/dist/{index-B8lZ0mWU.d.ts → index-DFly7Oh9.d.ts}

@@ -1,4 +1,4 @@
-import { T as TopicName$1, M as METRICS, a as ThemeName } from './designSystem-Ck7h42Q0.js';
+import { T as TopicName$1, M as METRICS, a as ThemeName } from './designSystem-BcBLKHJO.js';
 
 /** The eight topics, in the order missing colors cycle through. */
 declare const TOPIC_ORDER: readonly ["teal", "harbor", "iris", "berry", "coral", "amber", "sun", "stone"];
@@ -7,6 +7,11 @@ type TopicName = (typeof TOPIC_ORDER)[number];
 declare function topicFromName(color: string | null | undefined): TopicName | null;
 /** The topic for an idea: its named topic; with no color, the next topic in sibling order; null for any other color. */
 declare function topicFor(color: string | null | undefined, siblingIndex: number): TopicName | null;
+/** Chromatic immersion: inside a layer, the canvas takes the fill of the idea you stepped into (at the `immersion-alpha`
+ *  token), so you always know whose inside you are in. Part of the spec, so it is on unless a host turns it off. */
+declare const IMMERSION: {
+    readonly defaultOn: true;
+};
 /** A custom (non-topic) color: drawn as given, with a darker ring. */
 declare const CUSTOM: {
     readonly ringShade: 0.78;
@@ -96,4 +101,4 @@ declare function ideaStyle(theme: ThemeName, c: {
     ring: string;
 };
 
-export { CUSTOM as C, type IdeaColor as I, type Metrics as M, type ResolvedComfort as R, TOPIC_ORDER as T, type Comfort as a, type ThemeEnv as b, type ThemeFamily as c, type ThemeInput as d, type TopicStyle as e, customColor as f, getTokens as g, ideaStyle as h, ideaColor as i, isContrastTheme as j, isDarkTheme as k, isFocusTheme as l, isThemeName as m, labelScale as n, metricsFor as o, resolveTheme as p, topicFor as q, resolveComfort as r, topicFromName as s, token as t, topicStyle as u };
+export { CUSTOM as C, IMMERSION as I, type Metrics as M, type ResolvedComfort as R, TOPIC_ORDER as T, type Comfort as a, type IdeaColor as b, type ThemeEnv as c, type ThemeFamily as d, type ThemeInput as e, type TopicStyle as f, customColor as g, getTokens as h, ideaColor as i, ideaStyle as j, isContrastTheme as k, isDarkTheme as l, isFocusTheme as m, isThemeName as n, labelScale as o, metricsFor as p, resolveTheme as q, resolveComfort as r, topicFor as s, token as t, topicFromName as u, topicStyle as v };

package/dist/index.cjs

@@ -60,6 +60,7 @@ __export(index_exports, {
   HULL: () => HULL,
   HULL_CLEAR: () => HULL_CLEAR,
   IDEA: () => IDEA,
+  IMMERSION: () => IMMERSION,
   LABEL_GROWTH: () => LABEL_GROWTH,
   LAYOUT_SPACING: () => LAYOUT_SPACING,
   MAX_FRAME_TIME: () => MAX_FRAME_TIME,
@@ -528,7 +529,7 @@ function countLayersBeneath(doc, nodeId, visited = /* @__PURE__ */ new Set()) {
 }
 
 // src/generated/designSystem.ts
-var DESIGN_SYSTEM_VERSION = "0.2.2";
+var DESIGN_SYSTEM_VERSION = "0.3.0";
 var THEME_NAMES = [
   "light",
   "dark",
@@ -1280,6 +1281,10 @@ function topicFor(color, siblingIndex) {
   if (!color || !color.trim()) return TOPIC_ORDER[(siblingIndex % TOPIC_ORDER.length + TOPIC_ORDER.length) % TOPIC_ORDER.length];
   return topicFromName(color);
 }
+var IMMERSION = {
+  /** Renderers draw it by default. */
+  defaultOn: true
+};
 var CUSTOM = {
   /** The ring is the fill with each RGB channel multiplied by this. */
   ringShade: 0.78
@@ -1806,6 +1811,14 @@ var GESTURE = {
    *  page (touch-action: pan-x pan-y); two fingers that land together pinch the map. */
   appTouchAction: "none",
   embeddedTouchAction: "pan-x pan-y",
+  /** Press and move on the empty canvas to pan the contents (mouse and pen; touch pans with two fingers, so one finger
+   *  still scrolls an embedded page). A press that moves less than `panSlop` px is a click. */
+  dragPan: true,
+  panPointers: ["mouse", "pen"],
+  panSlop: 6,
+  /** Moving an idea starts once the press has moved this far (px), by pointerModeFor: a mouse ('hover') sooner, a finger
+   *  or pen ('touch') later, so taps still work. */
+  ideaDragSlop: { hover: 4, touch: 10 },
   /** Zoom never navigates: stepping inside and backing out stay explicit (tap an idea / Step inside, the depth trail,
    *  Escape or Backspace). */
   zoomNavigates: false
@@ -2835,6 +2848,7 @@ function shadowsShown(visibleIdeas) {
   HULL,
   HULL_CLEAR,
   IDEA,
+  IMMERSION,
   LABEL_GROWTH,
   LAYOUT_SPACING,
   MAX_FRAME_TIME,