vireuikit 0.1.0

package/dist/index.js

@@ -0,0 +1,188 @@
+export { LINEAR_TO_LMS, LMS_TO_LINEAR, LMS_TO_OKLAB, MEDIUM_COMPOSITE_SHADER, MEDIUM_CONDENSATE_CORRECT_SHADER, MEDIUM_CONDENSATE_FORWARD_SHADER, MEDIUM_CONDENSATE_REACT_SHADER, MEDIUM_DEFAULTS, MEDIUM_DEFAULT_CELL_PX, MEDIUM_DRIFT_TURBULENCE, MEDIUM_EMISSION_BEATS, MEDIUM_EMISSION_PROBABILITY, MEDIUM_EMIT_SHADER, MEDIUM_MIN_EMISSION_INTERVAL, MEDIUM_NATURAL_INTERVAL, MEDIUM_NATURAL_JITTER, MEDIUM_PLAYING_TURBULENCE_RANGE, MEDIUM_PROBE_FLOOR_PX, MEDIUM_RESAMPLE_SHADER, MEDIUM_SEED_SHADER, MEDIUM_SENSITIVE_BOTTOM, MEDIUM_SENSITIVE_TOP, MEDIUM_SPECIES_HUE_SPREAD, MEDIUM_SPECIES_LIGHTNESS, MEDIUM_TIME_PERIOD, MEDIUM_TRACK_ADVECT_SHADER, MEDIUM_TRACK_PRESETS, MEDIUM_TURBULENCE_TAU, MEDIUM_VAPOR_CORRECT_SHADER, MEDIUM_VAPOR_FORWARD_SHADER, MEDIUM_VAPOR_REACT_SHADER, OKLAB_TO_LMS, VG_CURL_NOISE, VG_OKLAB_TO_SRGB, VG_VALUE_NOISE, characterOf, createMediumDynamics, neutralSpecies, oklabToSrgb, speciesFamily, srgbToOklab } from './chunk-ZFX2MLKK.js';
+import { activeMaterial, halfMinDp } from 'vireglass';
+
+var ATOM_AT_REST = {
+  pressed: 0,
+  hovered: 0,
+  selected: 0,
+  disabled: false
+};
+function atomLift(kind) {
+  switch (kind) {
+    case "iconButton":
+    case "switch":
+    case "slider":
+      return 1;
+    default:
+      return 0;
+  }
+}
+var DISABLED_PRESENCE = 0.25;
+var HOVER_GAIN = 0.35;
+function atomMaterial(base, kind, state = ATOM_AT_REST) {
+  const clamp = (v) => v < 0 ? 0 : v > 1 ? 1 : v;
+  const on = Math.max(clamp(state.selected), clamp(state.pressed), clamp(state.hovered) * HOVER_GAIN);
+  const out = activeMaterial(base, state.disabled ? 0 : on);
+  if (!state.disabled) return out;
+  return { ...out, presence: out.presence * DISABLED_PRESENCE };
+}
+function atomAtRest(state) {
+  return state.pressed === 0 && state.hovered === 0 && state.selected === 0 && state.disabled === false;
+}
+function stepSpring(s, dt, response, damping, instant = false) {
+  if (instant) {
+    const moved = s.x !== s.target || s.v !== 0;
+    s.x = s.target;
+    s.v = 0;
+    return moved;
+  }
+  const stiffness = (2 * Math.PI / response) ** 2;
+  const friction = 4 * Math.PI * damping / response;
+  const h = 1 / 240;
+  for (let left = Math.min(dt, 0.05); left > 0; left -= h) {
+    const step = Math.min(left, h);
+    s.v += (stiffness * (s.target - s.x) - friction * s.v) * step;
+    s.x += s.v * step;
+  }
+  if (Math.abs(s.target - s.x) < 1e-3 && Math.abs(s.v) < 0.01) {
+    s.x = s.target;
+    s.v = 0;
+    return false;
+  }
+  return true;
+}
+var smoothstep = (e0, e1, x) => {
+  const t = Math.min(Math.max((x - e0) / (e1 - e0), 0), 1);
+  return t * t * (3 - 2 * t);
+};
+var mix = (a, b, t) => a + (b - a) * t;
+var DROP_DIAMETER = 1.1;
+var DROP_LIFT = 0.5;
+var NECK_GAIN = 0.3;
+var NECK_RAMP = 4;
+var CORNER_EASE_START = 0.55;
+var INK_OUT_END = 0.4;
+var INK_IN_START = 0.45;
+var INK_IN_END = 0.95;
+function growthInk(phase) {
+  const a = Math.min(Math.max(phase.shrink, 0), 1);
+  const b = Math.max(phase.grow, 0);
+  return {
+    outgoing: 1 - smoothstep(0, INK_OUT_END, a),
+    incoming: smoothstep(INK_IN_START, INK_IN_END, b)
+  };
+}
+function largerOf(a, b) {
+  return halfMinDp(a.geometry) >= halfMinDp(b.geometry) ? { main: a, other: b } : { main: b, other: a };
+}
+function growthFrame(source, target, anchor, phase) {
+  const dx = target.center.x - source.center.x;
+  const dy = target.center.y - source.center.y;
+  const len = Math.hypot(dx, dy) || 1;
+  const sourceSize = halfMinDp(source.geometry) * 2;
+  const lift = DROP_LIFT * sourceSize;
+  const drop = {
+    x: source.center.x + dx / len * lift,
+    y: source.center.y + dy / len * lift
+  };
+  const a = Math.min(Math.max(phase.shrink, 0), 1);
+  const b = Math.max(phase.grow, 0);
+  const keep = Math.max(1 - b, 0);
+  const d = DROP_DIAMETER * sourceSize;
+  const shrunkGeometry = {
+    width: mix(source.geometry.width, 0.6 * d, a) * keep,
+    height: mix(source.geometry.height, 0.6 * d, a) * keep,
+    cornerRadius: 0
+  };
+  shrunkGeometry.cornerRadius = Math.min(
+    mix(source.geometry.cornerRadius, halfMinDp(shrunkGeometry), a),
+    halfMinDp(shrunkGeometry)
+  );
+  const shrunk = {
+    geometry: shrunkGeometry,
+    center: { x: mix(source.center.x, drop.x, a), y: mix(source.center.y, drop.y, a) }
+  };
+  const seed = d * Math.sqrt(a);
+  const cornerX = Math.sign(anchor.x - source.center.x);
+  const cornerY = Math.sign(anchor.y - source.center.y);
+  const edgeX = mix(drop.x + cornerX * (seed / 2), anchor.x, Math.min(b, 1));
+  const edgeY = mix(drop.y + cornerY * (seed / 2), anchor.y, Math.min(b, 1));
+  const width = mix(seed, target.geometry.width, b);
+  const height = mix(seed, target.geometry.height, b);
+  const grownGeometry = { width, height, cornerRadius: 0 };
+  grownGeometry.cornerRadius = Math.min(
+    mix(halfMinDp(grownGeometry), target.geometry.cornerRadius, smoothstep(CORNER_EASE_START, 1, b)),
+    halfMinDp(grownGeometry)
+  );
+  const grown = {
+    geometry: grownGeometry,
+    center: { x: edgeX - cornerX * (width / 2), y: edgeY - cornerY * (height / 2) }
+  };
+  const { main, other } = largerOf(grown, shrunk);
+  const neck = NECK_GAIN * sourceSize * Math.min(a * NECK_RAMP, 1) * keep;
+  const united = neck > 0.01 && other.geometry.width > 0.5 && other.geometry.height > 0.5;
+  return {
+    body: main,
+    grown,
+    merge: united ? {
+      offsetX: other.center.x - main.center.x,
+      offsetY: other.center.y - main.center.y,
+      width: other.geometry.width,
+      height: other.geometry.height,
+      cornerRadius: other.geometry.cornerRadius,
+      smoothing: neck
+    } : void 0,
+    ink: growthInk(phase)
+  };
+}
+var createGrowthState = () => ({
+  shrink: { x: 0, v: 0, target: 0 },
+  grow: { x: 0, v: 0, target: 0 }
+});
+var growthPhase = (state) => ({
+  shrink: state.shrink.x,
+  grow: state.grow.x
+});
+var DEFAULT_GROWTH_TIMING = {
+  shrinkOpen: 0.38,
+  shrinkClose: 0.3,
+  growOpen: 0.46,
+  growClose: 0.4,
+  growDampingOpen: 0.72
+};
+var GROW_DAMPING_CLOSE = 1;
+var SHRINK_DAMPING = 1;
+var GROW_STARTS_AT = 0.8;
+var SHRINK_RETURNS_AT = 0.12;
+function stepGrowth(state, dt, open, reduceMotion = false, timing = DEFAULT_GROWTH_TIMING) {
+  const { shrink, grow } = state;
+  if (reduceMotion) {
+    shrink.target = open ? 1 : 0;
+    grow.target = open ? 1 : 0;
+  } else if (open) {
+    shrink.target = 1;
+    if (shrink.x > GROW_STARTS_AT) grow.target = 1;
+  } else {
+    grow.target = 0;
+    if (grow.x < SHRINK_RETURNS_AT) shrink.target = 0;
+  }
+  const movedShrink = stepSpring(
+    shrink,
+    dt,
+    open ? timing.shrinkOpen : timing.shrinkClose,
+    SHRINK_DAMPING,
+    reduceMotion
+  );
+  const movedGrow = stepSpring(
+    grow,
+    dt,
+    open ? timing.growOpen : timing.growClose,
+    open ? timing.growDampingOpen : GROW_DAMPING_CLOSE,
+    reduceMotion
+  );
+  return movedShrink || movedGrow;
+}
+
+export { ATOM_AT_REST, DEFAULT_GROWTH_TIMING, atomAtRest, atomLift, atomMaterial, createGrowthState, growthFrame, growthInk, growthPhase, smoothstep, stepGrowth, stepSpring };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/kit/atom.ts","../src/kit/morph.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["// Atom states — shared across every client: the set of states, what they mean, and what they do\n// to the material. Sizes, layout and per-input idioms are client-specific and live elsewhere.\nimport { activeMaterial, type VireGlassMaterial } from 'vireglass';\n\nexport type VireUIKitAtomKind =\n  | 'button'\n  | 'iconButton'\n  | 'switch'\n  | 'slider'\n  | 'segment'\n  | 'chip'\n  | 'field'\n  | 'menu';\n\n/** Hover and focus don't exist everywhere: touch has neither. The atom accepts them, but has to\n *  look complete at zero too — otherwise a touch client gets an unfinished look. */\nexport type VireUIKitAtomState = {\n  pressed: number;\n  hovered: number;\n  selected: number;\n  disabled: boolean;\n};\n\nexport const ATOM_AT_REST: VireUIKitAtomState = {\n  pressed: 0,\n  hovered: 0,\n  selected: 0,\n  disabled: false,\n};\n\n/**\n * Whether the piece lifts INTO the glass under press (1) or sinks into the backing (0).\n *\n * Lift isn't decoration: a small target has the finger covering it entirely, and an enlarged\n * transparent lens underneath is the only sign of a hit. A large target stays visible past the\n * finger, so it reads more naturally sinking toward the backing instead.\n */\nexport function atomLift(kind: VireUIKitAtomKind): number {\n  switch (kind) {\n    case 'iconButton':\n    case 'switch':\n    case 'slider':\n      return 1;\n    default:\n      return 0;\n  }\n}\n\n/** A disabled piece stays glass but stops asserting itself: the legibility requirement is lifted\n *  and tint turns off. Hiding it via transparency won't do — the material is already transparent. */\nconst DISABLED_PRESENCE = 0.25;\n/** Hover is halfway to a press: the cursor is already on the target, but nothing is chosen yet. */\nconst HOVER_GAIN = 0.35;\n\n/**\n * The atom's material for a given state. Press and selection go through `activeMaterial` — for\n * glass, state is a change in the MEDIUM itself (denser, thicker, clearer), not a highlight\n * drawn over it.\n */\nexport function atomMaterial(\n  base: VireGlassMaterial,\n  kind: VireUIKitAtomKind,\n  state: VireUIKitAtomState = ATOM_AT_REST,\n): VireGlassMaterial {\n  const clamp = (v: number) => (v < 0 ? 0 : v > 1 ? 1 : v);\n  const on = Math.max(clamp(state.selected), clamp(state.pressed), clamp(state.hovered) * HOVER_GAIN);\n  const out = activeMaterial(base, state.disabled ? 0 : on);\n  if (!state.disabled) return out;\n  return { ...out, presence: out.presence * DISABLED_PRESENCE };\n}\n\n/** Whether every field on the atom matches rest — lets a client skip redraws for states its own\n *  input can never produce (hover on touch, focus on Android). */\nexport function atomAtRest(state: VireUIKitAtomState): boolean {\n  return (\n    state.pressed === 0 && state.hovered === 0 && state.selected === 0 && state.disabled === false\n  );\n}\n","// Two-phase \"capsule → drop → target\" growth: atom behavior, not layout. The body contracts into\n// a drop, a neck grows from its side toward the target, the drop grows into the target with a\n// slight overshoot; closing retraces the same path in reverse, because the model holds no\n// direction, only the current phase. Source and target sizes are layout, supplied as parameters.\nimport { halfMinDp, type VireGlassGeometry, type VireGlassMorph } from 'vireglass';\n\n/** A spring with `response`-second settle time; `damping` < 1 overshoots. `instant` skips\n *  integration entirely, for reduced motion. */\nexport type Spring = { x: number; v: number; target: number };\n\nexport function stepSpring(\n  s: Spring,\n  dt: number,\n  response: number,\n  damping: number,\n  instant = false,\n): boolean {\n  if (instant) {\n    const moved = s.x !== s.target || s.v !== 0;\n    s.x = s.target;\n    s.v = 0;\n    return moved;\n  }\n  const stiffness = ((2 * Math.PI) / response) ** 2;\n  const friction = (4 * Math.PI * damping) / response;\n  const h = 1 / 240;\n  // Fixed step, but not a fixed frame budget: without this, a rare slow frame hands the spring a\n  // huge dt and it diverges.\n  for (let left = Math.min(dt, 0.05); left > 0; left -= h) {\n    const step = Math.min(left, h);\n    s.v += (stiffness * (s.target - s.x) - friction * s.v) * step;\n    s.x += s.v * step;\n  }\n  if (Math.abs(s.target - s.x) < 1e-3 && Math.abs(s.v) < 1e-2) {\n    s.x = s.target;\n    s.v = 0;\n    return false;\n  }\n  return true;\n}\n\nexport const smoothstep = (e0: number, e1: number, x: number): number => {\n  const t = Math.min(Math.max((x - e0) / (e1 - e0), 0), 1);\n  return t * t * (3 - 2 * t);\n};\n\nconst mix = (a: number, b: number, t: number) => a + (b - a) * t;\n\nexport type GrowthPoint = { x: number; y: number };\n\n/** A shape and its position — it has no role of its own; `growthFrame` assigns the role (body, or\n *  what the body is merging into). */\nexport type GrowthShape = { geometry: VireGlassGeometry; center: GrowthPoint };\n\n/** `shrink` — capsule → drop, no overshoot. `grow` — drop → target; may exceed 1 for the\n *  overshoot. Both are read as-is; `stepGrowth` owns the bounds and the handoff between them. */\nexport type GrowthPhase = { shrink: number; grow: number };\n\nexport type GrowthInk = {\n  /** 0…1: how much of the source's ink is still visible (1) vs. already defocused into the drop (0). */\n  outgoing: number;\n  /** 0…1: how much of the target's ink has come into focus (0 = not yet, 1 = fully). */\n  incoming: number;\n};\n\nexport type GrowthFrame = {\n  /** The shape worth drawing as glass right now: the larger of the two, which supplies the\n   *  thickness and the bevel. */\n  body: GrowthShape;\n  /** The target shape as-is, regardless of role — it drives the response to finger/light while\n   *  the glass hasn't become it yet (while `body` is still the drop). */\n  grown: GrowthShape;\n  /** The second merge shape, ready for `toLensProps`/`toSurfaceUniforms`; `undefined` while the\n   *  neck hasn't grown yet or has already retracted. */\n  merge: VireGlassMorph | undefined;\n  ink: GrowthInk;\n};\n\n/** The drop's size — a fraction of the source's diameter, with headroom for the neck. */\nconst DROP_DIAMETER = 1.1;\n/** How far the drop travels from the source toward the target, as a fraction of the source's diameter. */\nconst DROP_LIFT = 0.5;\nconst NECK_GAIN = 0.3;\nconst NECK_RAMP = 4;\nconst CORNER_EASE_START = 0.55;\nconst INK_OUT_END = 0.4;\nconst INK_IN_START = 0.45;\nconst INK_IN_END = 0.95;\n\nexport function growthInk(phase: GrowthPhase): GrowthInk {\n  const a = Math.min(Math.max(phase.shrink, 0), 1);\n  const b = Math.max(phase.grow, 0);\n  // Ink leaves and arrives by going out of focus, not by plain transparency — the blur amount is\n  // the drawer's job, this only reports the fraction of focus.\n  return {\n    outgoing: 1 - smoothstep(0, INK_OUT_END, a),\n    incoming: smoothstep(INK_IN_START, INK_IN_END, b),\n  };\n}\n\n/** The main shape is the larger one by half-size: it supplies the thickness and the bevel, so the\n *  roles swap exactly at equal half-sizes, which is invisible on screen. */\nfunction largerOf(a: GrowthShape, b: GrowthShape): { main: GrowthShape; other: GrowthShape } {\n  return halfMinDp(a.geometry) >= halfMinDp(b.geometry) ? { main: a, other: b } : { main: b, other: a };\n}\n\n/** `anchor` is the corner shared by source and target: the body pins to it, otherwise the target\n *  would grow out of the drop's center instead of the button's corner. */\nexport function growthFrame(\n  source: GrowthShape,\n  target: GrowthShape,\n  anchor: GrowthPoint,\n  phase: GrowthPhase,\n): GrowthFrame {\n  const dx = target.center.x - source.center.x;\n  const dy = target.center.y - source.center.y;\n  const len = Math.hypot(dx, dy) || 1;\n  const sourceSize = halfMinDp(source.geometry) * 2;\n  const lift = DROP_LIFT * sourceSize;\n  const drop: GrowthPoint = {\n    x: source.center.x + (dx / len) * lift,\n    y: source.center.y + (dy / len) * lift,\n  };\n\n  const a = Math.min(Math.max(phase.shrink, 0), 1);\n  const b = Math.max(phase.grow, 0);\n  const keep = Math.max(1 - b, 0);\n  const d = DROP_DIAMETER * sourceSize;\n\n  const shrunkGeometry: VireGlassGeometry = {\n    width: mix(source.geometry.width, 0.6 * d, a) * keep,\n    height: mix(source.geometry.height, 0.6 * d, a) * keep,\n    cornerRadius: 0,\n  };\n  // The source's radius EASES into the drop's rather than being replaced by it outright —\n  // otherwise a field with a partial corner radius at rest would render as a full pill.\n  shrunkGeometry.cornerRadius = Math.min(\n    mix(source.geometry.cornerRadius, halfMinDp(shrunkGeometry), a),\n    halfMinDp(shrunkGeometry),\n  );\n  const shrunk: GrowthShape = {\n    geometry: shrunkGeometry,\n    center: { x: mix(source.center.x, drop.x, a), y: mix(source.center.y, drop.y, a) },\n  };\n\n  const seed = d * Math.sqrt(a);\n  // The sign of the corner the body pins to. Zero means the anchor sits on the same axis as the\n  // source's center, so growth along that axis centers instead of hugging an edge.\n  const cornerX = Math.sign(anchor.x - source.center.x);\n  const cornerY = Math.sign(anchor.y - source.center.y);\n  const edgeX = mix(drop.x + cornerX * (seed / 2), anchor.x, Math.min(b, 1));\n  const edgeY = mix(drop.y + cornerY * (seed / 2), anchor.y, Math.min(b, 1));\n  const width = mix(seed, target.geometry.width, b);\n  const height = mix(seed, target.geometry.height, b);\n  const grownGeometry: VireGlassGeometry = { width, height, cornerRadius: 0 };\n  grownGeometry.cornerRadius = Math.min(\n    mix(halfMinDp(grownGeometry), target.geometry.cornerRadius, smoothstep(CORNER_EASE_START, 1, b)),\n    halfMinDp(grownGeometry),\n  );\n  const grown: GrowthShape = {\n    geometry: grownGeometry,\n    center: { x: edgeX - cornerX * (width / 2), y: edgeY - cornerY * (height / 2) },\n  };\n\n  const { main, other } = largerOf(grown, shrunk);\n  const neck = NECK_GAIN * sourceSize * Math.min(a * NECK_RAMP, 1) * keep;\n  const united = neck > 0.01 && other.geometry.width > 0.5 && other.geometry.height > 0.5;\n\n  return {\n    body: main,\n    grown,\n    merge: united\n      ? {\n          offsetX: other.center.x - main.center.x,\n          offsetY: other.center.y - main.center.y,\n          width: other.geometry.width,\n          height: other.geometry.height,\n          cornerRadius: other.geometry.cornerRadius,\n          smoothing: neck,\n        }\n      : undefined,\n    ink: growthInk(phase),\n  };\n}\n\nexport type GrowthState = { shrink: Spring; grow: Spring };\n\nexport const createGrowthState = (): GrowthState => ({\n  shrink: { x: 0, v: 0, target: 0 },\n  grow: { x: 0, v: 0, target: 0 },\n});\n\nexport const growthPhase = (state: GrowthState): GrowthPhase => ({\n  shrink: state.shrink.x,\n  grow: state.grow.x,\n});\n\n/** Durations are client-specific: this set is tuned for the capsule-to-menu transition, and an\n *  atom at a different scale (an icon opening into a sheet) isn't obligated to match it. The\n *  shape of the transition is shared regardless. */\nexport type GrowthTiming = {\n  shrinkOpen: number;\n  shrinkClose: number;\n  growOpen: number;\n  growClose: number;\n  /** < 1 gives the target a slight overshoot on open; closing never overshoots. */\n  growDampingOpen: number;\n};\n\nexport const DEFAULT_GROWTH_TIMING: GrowthTiming = {\n  shrinkOpen: 0.38,\n  shrinkClose: 0.3,\n  growOpen: 0.46,\n  growClose: 0.4,\n  growDampingOpen: 0.72,\n};\n\nconst GROW_DAMPING_CLOSE = 1;\nconst SHRINK_DAMPING = 1;\nconst GROW_STARTS_AT = 0.8;\nconst SHRINK_RETURNS_AT = 0.12;\n\n/** Growth starts once the drop has gathered, and the reverse on close. `reduceMotion` turns off\n *  the spring entirely: both phases jump straight to their target in one step, with no overshoot\n *  and no defocus phase. */\nexport function stepGrowth(\n  state: GrowthState,\n  dt: number,\n  open: boolean,\n  reduceMotion = false,\n  timing: GrowthTiming = DEFAULT_GROWTH_TIMING,\n): boolean {\n  const { shrink, grow } = state;\n  if (reduceMotion) {\n    shrink.target = open ? 1 : 0;\n    grow.target = open ? 1 : 0;\n  } else if (open) {\n    shrink.target = 1;\n    if (shrink.x > GROW_STARTS_AT) grow.target = 1;\n  } else {\n    grow.target = 0;\n    if (grow.x < SHRINK_RETURNS_AT) shrink.target = 0;\n  }\n  const movedShrink = stepSpring(\n    shrink,\n    dt,\n    open ? timing.shrinkOpen : timing.shrinkClose,\n    SHRINK_DAMPING,\n    reduceMotion,\n  );\n  const movedGrow = stepSpring(\n    grow,\n    dt,\n    open ? timing.growOpen : timing.growClose,\n    open ? timing.growDampingOpen : GROW_DAMPING_CLOSE,\n    reduceMotion,\n  );\n  return movedShrink || movedGrow;\n}\n"]}