@wardic/dom 0.0.0-stage → 1.0.0-rc.2

package/dist/internal/starting-style.js

@@ -0,0 +1,300 @@
+import * as Arr from "effect/Array";
+import * as Bool from "effect/Boolean";
+import { dual } from "effect/Function";
+import * as Match from "effect/Match";
+import * as Option from "effect/Option";
+import * as Predicate from "effect/Predicate";
+import * as Rec from "effect/Record";
+import * as UndefinedOr from "effect/UndefinedOr";
+import { project } from "./renderer.js";
+import { dashCase, splitPatchForTag } from "./svg.js";
+/**
+ * A values map with only the keys an animation can take: numbers and strings (custom
+ * properties included). `undefined` and anything else drop out, so the engine never sees
+ * them.
+ */
+export const toValues = (v) => UndefinedOr.match(v, {
+    onUndefined: () => ({}),
+    onDefined: (values) => Rec.filter(values, isAnimatable),
+});
+/** Whether a value is one an animation can take: a number or a string. */
+const isAnimatable = Predicate.or(Predicate.isNumber, Predicate.isString);
+/** Whether a stop is one an animation can take, or `null`. */
+const isStop = Predicate.or(isAnimatable, Predicate.isNull);
+/**
+ * A Keyframes value's stop (#429): its first, as Motion's `initial` reads it (`use-visual-state.ts`),
+ * or its last that isn't `null`, where it rests (Motion's final keyframe, `fill-wildcards.ts`'s).
+ * `null` or `undefined` when it has none.
+ */
+const stopOf = (stops, at) => Bool.match(at === "first", { onTrue: () => stops[0], onFalse: () => Option.getOrUndefined(Arr.findLast(stops, Predicate.isNotNull)) });
+/** Whether a value is Keyframes an animation can take (#429): an array of stops, one of them not `null`. */
+const isStops = (value) => {
+    if (Bool.not(Arr.isArray(value)))
+        return false;
+    const stops = value;
+    return Bool.and(Arr.every(stops, isStop), Arr.some(stops, Predicate.isNotNull));
+};
+/**
+ * The Keyframes {@link keepAnimatable} set aside while it filtered a values map (#452): written by it,
+ * read and cleared right after, never across a call. A target with none leaves it `undefined`.
+ */
+// Module state (#460, Q7): scratch within one synchronous call, never held across one.
+let setAside;
+/**
+ * A values map's filter (#452): a value an animation can take stays, and Keyframes go aside, into
+ * {@link setAside}, so one pass over the keys finds both. Built once, at module load.
+ */
+const keepAnimatable = (value, key) => {
+    if (Bool.not(Arr.isArray(value)))
+        return isAnimatable(value);
+    if (isStops(value)) {
+        if (Predicate.isUndefined(setAside))
+            setAside = {};
+        setAside[key] = value;
+    }
+    return false;
+};
+/** A values map's numbers and strings, its Keyframes set aside (#452, {@link keepAnimatable}): {@link toValues}' one pass. */
+const filtered = (v) => {
+    // Per element at mount (#540): statements and a loop.
+    setAside = undefined;
+    const out = {};
+    if (Predicate.isUndefined(v))
+        return out;
+    const values = v;
+    for (const key of Object.keys(values)) {
+        const value = values[key];
+        // `keepAnimatable` keeps numbers and strings alone, as `isAnimatable` does.
+        if (keepAnimatable(value, key))
+            out[key] = value;
+    }
+    return out;
+};
+/** The Keyframes the last {@link filtered} set aside, taken: `undefined` with none. */
+const takeSetAside = () => {
+    const taken = setAside;
+    setAside = undefined;
+    return taken;
+};
+/** `values` with each of `keyframes` at one of its stops (#429), one with no such stop left out. */
+const withStops = (values, keyframes, at) => ({
+    ...values,
+    ...toValues(Rec.map(keyframes, (stops) => stopOf(stops, at))),
+});
+/**
+ * A values map's values, each keyframes value read at one of its stops, and its keyframes, in one pass
+ * over its keys: a target's resolution reads both, and a target with no keyframes makes nothing
+ * `toValues` doesn't.
+ */
+// **Keyframes** (#429); one pass (#452).
+export const splitValues = (v, at) => {
+    const values = filtered(v);
+    const keyframes = takeSetAside();
+    if (Predicate.isUndefined(keyframes))
+        return { values, keyframes: Option.none() };
+    return { values: withStops(values, keyframes, at), keyframes: Option.some(keyframes) };
+};
+/**
+ * A values map with only the keys an animation can take, each keyframes value read at one of its stops:
+ * `initial`'s first, a target's last. A keyframes value with no such stop drops out, as does an array
+ * `keyframesOf` doesn't take, and anything that isn't a number or a string. One pass over its keys, as
+ * `toValues`'.
+ *
+ * @example
+ * Style.valuesAt({ opacity: [0, 0.5, 1], x: 10 }, "first") // { x: 10, opacity: 0 }
+ */
+// **Keyframes** (#429); one pass (#452).
+export const valuesAt = (v, at) => {
+    const values = filtered(v);
+    const keyframes = takeSetAside();
+    if (Predicate.isUndefined(keyframes))
+        return values;
+    return withStops(values, keyframes, at);
+};
+/**
+ * A values map's keyframes values: each array of stops an animation can take, one with a stop that isn't
+ * `null`. None when it has none, so a target without any makes nothing.
+ *
+ * @example
+ * Style.keyframesOf({ opacity: [0, 0.5, 1], x: 10 }) // { opacity: [0, 0.5, 1] }
+ */
+// **Keyframes** (#429).
+export const keyframesOf = (v) => splitValues(v, "last").keyframes;
+/** Whether an entry is a list of names (#297): an array, which a values map never is. */
+const isList = (entry) => Arr.isArray(entry);
+/**
+ * A values map, or the `variants` entry a name names (an unknown name is empty), or nothing.
+ * Built once, at module load: every element reads its own at setup (#69).
+ */
+const entryOf = Match.type().pipe(Match.when({ entry: Match.undefined }, () => ({})), Match.when({ entry: Match.string }, ({ entry, variants, at }) => valuesAt(UndefinedOr.map(variants, (byName) => byName[entry]), at)), 
+// A list's names merged in order, a later one's winning a key both set (#297, Motion's).
+Match.when({ entry: isList }, ({ entry, variants, at }) => Arr.reduce(entry, {}, (merged, name) => ({ ...merged, ...valuesAt(UndefinedOr.map(variants, (byName) => byName[name]), at) }))), Match.orElse(({ entry, at }) => valuesAt(entry, at)));
+/**
+ * The values an element starts from: its `initial` values, or the `variants` entries its `initial` names,
+ * an unknown name empty, or nothing. With `initial: false`, its `animate`, resolved the same way, so it
+ * starts at its target and nothing animates at mount, as Motion's. A keyframes value starts at its first
+ * stop, or, with `initial: false`, at `animate`'s last, where the animation it skips would end. Read once,
+ * at setup: the starting style is where it starts, never a live target.
+ *
+ * @example
+ * Style.resolveInitial({ initial: false, animate: { opacity: 1 } }) // { opacity: 1 }
+ */
+// #134, Motion's `initial={false}`; **Keyframes** (#429, Motion's `use-visual-state.ts`).
+export const resolveInitial = (config) => {
+    // Per element at mount (#540): statements.
+    if (config.initial === false)
+        return entryOf({ entry: config.animate, variants: config.variants, at: "last" });
+    return entryOf({ entry: config.initial, variants: config.variants, at: "first" });
+};
+/**
+ * A CSS declaration list (`"color: red; background: url(a;b)"`) as `{ property: value }`.
+ * A `;` inside parentheses or quotes doesn't end a declaration. Internal (not in the
+ * package index): `own-values.ts`'s style lookup shares it.
+ */
+export const parseCssText = (text) => {
+    const out = {};
+    // A counted scan over UTF-16 units, as `slice` counts: a `;` outside parentheses and quotes ends a
+    // declaration, and a backslash in a quote escapes the next unit (#618, F6: a reduce built a scan
+    // state and a matcher each character, 15-25 times as slow).
+    let depth = 0;
+    let quote = 0;
+    let escaped = false;
+    let start = 0;
+    for (let i = 0; i < text.length; i++) {
+        const c = text.charCodeAt(i);
+        if (escaped) {
+            escaped = false;
+            continue;
+        }
+        if (quote !== 0) {
+            if (c === BACKSLASH)
+                escaped = true;
+            if (c === quote)
+                quote = 0;
+            continue;
+        }
+        if (c === DOUBLE_QUOTE || c === SINGLE_QUOTE)
+            quote = c;
+        if (c === OPEN)
+            depth++;
+        if (c === CLOSE)
+            depth = Math.max(0, depth - 1);
+        if (c === SEMICOLON && depth === 0) {
+            takeDeclaration(text, start, i, out);
+            start = i + 1;
+        }
+    }
+    takeDeclaration(text, start, text.length, out);
+    return out;
+};
+const BACKSLASH = 92;
+const DOUBLE_QUOTE = 34;
+const SINGLE_QUOTE = 39;
+const OPEN = 40;
+const CLOSE = 41;
+const SEMICOLON = 59;
+/** The declaration in `text` from `start` to `end` into `out`: its property and value, trimmed, when it has both. */
+const takeDeclaration = (text, start, end, out) => {
+    const declaration = text.slice(start, end);
+    const colon = declaration.indexOf(":");
+    if (colon <= 0)
+        return;
+    const key = declaration.slice(0, colon).trim();
+    const value = declaration.slice(colon + 1).trim();
+    if (key !== "" && value !== "")
+        out[key] = value;
+};
+/** A style given as CSS text, parsed; a record as it is. */
+const recordOf = (input) => {
+    // Per element at mount (#540): statements.
+    if (Predicate.isString(input))
+        return parseCssText(input);
+    return input;
+};
+/** A style given as CSS text, parsed; a record as it is; none, an empty record. */
+const recordOfInput = (input) => {
+    // Per element at mount (#540): statements.
+    if (Predicate.isUndefined(input))
+        return {};
+    return recordOf(input);
+};
+const setsKey = (key) => (style) => Predicate.isNotUndefined(style[key]);
+/**
+ * Whether a style sets `user-select` and not `-webkit-user-select`, and the reverse. Chromium has
+ * one property under both names, so a value set under one is the value for both.
+ */
+const setsOnlyUserSelect = Predicate.and(setsKey("user-select"), Predicate.not(setsKey("-webkit-user-select")));
+const setsOnlyWebkitUserSelect = Predicate.and(setsKey("-webkit-user-select"), Predicate.not(setsKey("user-select")));
+/** `self` laid over `that`: both present. */
+const layered = (self, that) => {
+    const merged = { ...that, ...self };
+    // `self`'s value for either name is the value for both, or `that`'s left on the other wins.
+    if (setsOnlyUserSelect(self))
+        merged["-webkit-user-select"] = self["user-select"];
+    if (setsOnlyWebkitUserSelect(self))
+        merged["user-select"] = self["-webkit-user-select"];
+    return merged;
+};
+/**
+ * `self` laid over `that`: `self`'s keys win, and `that`'s others stay. A chain reads from the top layer
+ * down: an element's style is its drag defaults, under its base, under the app's, under what Wardic
+ * animates. A side given as CSS text is parsed, so a framework never writes `cssText` over the keys
+ * Wardic holds, and a side that's `undefined` leaves the other as it is, the same object. Whatever `self`
+ * sets for `user-select` or `-webkit-user-select` it sets for both: one property in Chromium.
+ *
+ * @example
+ * // Before the first commit: the starting style over the app's, over a base and a drag element's defaults.
+ * pipe(starting, Style.over(user), Style.over(base), Style.over(Style.dragDefaults("x")))
+ */
+// `dual`, `self` first (ADR-0041, decision 5). The layering: ADR-0019 *Amendment (Reorder)*.
+export const over = dual(2, (self, that) => {
+    // Per element at mount (#540): statements.
+    if (Predicate.isUndefined(that))
+        return recordOfInput(self);
+    if (Predicate.isUndefined(self))
+        return recordOf(that);
+    return layered(recordOf(self), recordOf(that));
+});
+/** Whether `key`, a CSS property, is one of the gate's held patch keys: by its name, or its name dash-cased. */
+const isHeld = (held, key) => {
+    // Per element at mount (#540): a loop.
+    for (const patchKey of held) {
+        if (patchKey === key || dashCase(patchKey) === key)
+            return true;
+    }
+    return false;
+};
+/**
+ * `self` without the keys the flush gate holds on the element (`held`, by patch key, matched by CSS
+ * property): the style once its first frame is committed. Wardic writes those while it drives them, and
+ * the app's `style` is their fallback, so a key the gate lets go of comes back.
+ *
+ * @example
+ * pipe(user, Style.over(base), Style.without(held))
+ */
+// ADR-0034.
+export const without = dual(2, (self, held) => {
+    // Per element at mount (#540): a loop.
+    const record = recordOfInput(self);
+    const out = {};
+    for (const key of Object.keys(record)) {
+        if (!isHeld(held, key))
+            out[key] = record[key];
+    }
+    return out;
+});
+/**
+ * Whether the keys the flush gate holds, changing from `prev` to `next`, change `self`'s `without`:
+ * whether a key taken or let go of is one `self` sets, by its name or its name dash-cased. Most changes
+ * touch none, and a binding then leaves its `style` alone.
+ */
+// ADR-0034.
+export const heldTouches = dual(3, (self, prev, next) => Arr.some([...Arr.difference(prev, next), ...Arr.difference(next, prev)], (key) => Arr.some([key, dashCase(key)], (name) => Object.hasOwn(self, name))));
+/**
+ * The starting style of a `tag` element starting from `values`: projected as the renderer projects a
+ * Frame, then split by tag, an SVG element's keys inside an `<svg>` as attributes, and the rest as style.
+ * `undefined` is an HTML element, as for a spread that doesn't know its tag.
+ */
+// The Starting style; routed by tag (ADR-0014). The spread: a `createWard` spread.
+export const startingStyle = (tag, values) => splitPatchForTag(tag, project(values));
+//# sourceMappingURL=starting-style.js.map

package/dist/internal/starting-style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"starting-style.js","sourceRoot":"","sources":["../../src/internal/starting-style.ts"],"names":[],"mappings":"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"}

package/dist/internal/svg.d.ts

@@ -0,0 +1,60 @@
+/**
+ * SVG realization for the DOM renderer (ADR-0014). The core value pipeline +
+ * the pure `project` stay AGNOSTIC and flat: SVG numeric attrs (`cx`/`r`/…)
+ * already spring as numbers and `fill`/`stroke` already interpolate as colors.
+ * This module is the DOM-API ROUTING layer — the one place that decides whether
+ * a resolved value is written as a CSS `style` or an `setAttribute`, plus the
+ * SVG-specific shaping (`transform-box`, `pathLength`→dash). It is the seam a
+ * non-DOM SVG renderer (e.g. react-native-svg) would replace wholesale; nothing
+ * here is shared with `@wardic/core`.
+ *
+ * Model (Motion's `buildSVGAttrs`): for an svg-INNER element every key is an
+ * ATTRIBUTE except `transform`/`transformOrigin`/`transformBox` + the CSS
+ * motion-path props, which stay STYLE, and a custom property (`--…`), which is style
+ * under its own name on every element (#151). For an HTML element or the `<svg>` ROOT
+ * everything is style (the root has a CSS box; only `viewBox` would be an attr —
+ * deferred). So the HTML path is unchanged: its attribute map is always empty.
+ */
+import type * as Renderer from "@wardic/core/Renderer";
+import * as Option from "effect/Option";
+/**
+ * camelCase → dash-case for a CSS/attribute name (`transformBox` → `transform-box`); a
+ * custom property keeps its name (`--brandColor`).
+ */
+export declare const dashCase: (key: string) => string;
+/** Whether a key collapses into the stroke dash: `pathLength`, `pathSpacing` or `pathOffset`. */
+export declare const isPathKey: (key: string) => boolean;
+/**
+ * The attribute an svg-inner element's `key` is written as (the routing below), or
+ * `None` for a key that stays style ({@link SVG_STYLE_KEYS}, a custom property) or collapses into the
+ * stroke dash (`pathLength` / `pathSpacing` / `pathOffset`). Internal: the Own-value read
+ * reads the attribute a key is written as (ADR-0022).
+ */
+export declare const svgAttrNameOf: (key: string) => Option.Option<string>;
+/** Whether `el` is an `<svg>` root, which is styled as HTML is: it has a CSS box. */
+export declare const isSvgRoot: (el: unknown) => boolean;
+/** Whether `el` is an SVG element inside an `<svg>`: any SVG element but the root. */
+export declare const isSvgInner: (el: unknown) => boolean;
+/** A style patch, split: the keys written as CSS, and the ones written as attributes. */
+export interface SplitPatch {
+    /** The keys written as CSS: the whole patch for HTML and an `<svg>` root, the very object given. */
+    readonly style: Readonly<Record<string, unknown>>;
+    /** The keys written with `setAttribute`: none for HTML and an `<svg>` root. */
+    readonly attrs: Readonly<Record<string, string>>;
+}
+/**
+ * A style patch split for `el`: an HTML element's, or an `<svg>` root's, is all style. An SVG element
+ * inside one takes every key as an attribute but the keys CSS styles and a custom property; `attrX`,
+ * `attrY` and `attrScale` as its `x`, `y` and `scale` attributes; a `transform` with `transform-box:
+ * fill-box` and `transform-origin: 50% 50%`, unless the values set them, so it turns about its own centre
+ * as an HTML element does; and `pathLength`, `pathSpacing` and `pathOffset` as a normalised
+ * `stroke-dasharray` and `stroke-dashoffset`, with `pathLength="1"`.
+ */
+export declare const splitPatch: (el: unknown, patch: Renderer.Patch) => SplitPatch;
+/** Whether `tag` names an SVG element inside an `<svg>`, by its name alone. */
+export declare const isSvgInnerTag: (tag: string) => boolean;
+/** `splitPatch` by tag name, for where there's no element yet: a server render, a starting style. `undefined` is an HTML element. */
+export declare const splitPatchForTag: (tag: string | undefined, patch: Renderer.Patch) => SplitPatch;
+/** Writes each attribute onto `el` with `setAttribute`; nothing for an empty map. */
+export declare const setSvgAttrs: (el: Element, attrs: Readonly<Record<string, string>>) => void;
+//# sourceMappingURL=svg.d.ts.map

package/dist/internal/svg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg.d.ts","sourceRoot":"","sources":["../../src/internal/svg.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,KAAK,KAAK,QAAQ,MAAM,uBAAuB,CAAA;AAEtD,OAAO,KAAK,MAAM,MAAM,eAAe,CAAA;AAwEvC;;;GAGG;AACH,eAAO,MAAM,QAAQ,QAAS,MAAM,KAAG,MAStC,CAAA;AAQD,iGAAiG;AACjG,eAAO,MAAM,SAAS,QAAS,MAAM,KAAG,OAAgF,CAAA;AAExH;;;;;GAKG;AACH,eAAO,MAAM,aAAa,QAAS,MAAM,KAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAO5D,CAAA;AAEJ,qFAAqF;AACrF,eAAO,MAAM,SAAS,OAAQ,OAAO,KAAG,OAIvC,CAAA;AAED,sFAAsF;AACtF,eAAO,MAAM,UAAU,OAAQ,OAAO,KAAG,OAGxC,CAAA;AAED,yFAAyF;AACzF,MAAM,WAAW,UAAU;IACzB,oGAAoG;IACpG,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAA;IACjD,+EAA+E;IAC/E,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;CACjD;AAKD;;;;;;;GAOG;AAEH,eAAO,MAAM,UAAU,OAAQ,OAAO,SAAS,QAAQ,CAAC,KAAK,KAAG,UAG/D,CAAA;AAoCD,+EAA+E;AAC/E,eAAO,MAAM,aAAa,QAAS,MAAM,KAAG,OAA+E,CAAA;AAE3H,qIAAqI;AAErI,eAAO,MAAM,gBAAgB,QAAS,MAAM,GAAG,SAAS,SAAS,QAAQ,CAAC,KAAK,KAAG,UAI9E,CAAA;AAqFJ,qFAAqF;AACrF,eAAO,MAAM,WAAW,OAAQ,OAAO,SAAS,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,KAAG,IAElF,CAAA"}

package/dist/internal/svg.js

@@ -0,0 +1,257 @@
+import * as Bool from "effect/Boolean";
+import * as Option from "effect/Option";
+import * as Predicate from "effect/Predicate";
+/**
+ * Keys that remain CSS `style` on an svg-inner element; everything else routes
+ * to an attribute. `transform` is applied as a CSS transform (with `transform-box`
+ * below); the motion-path props are CSS-only on SVG too (Motion parity).
+ */
+const SVG_STYLE_KEYS = new Set([
+    "transform",
+    "transformOrigin",
+    "transform-origin",
+    "transformBox",
+    "transform-box",
+    "offsetDistance",
+    "offsetPath",
+    "offsetRotate",
+    "offsetAnchor",
+]);
+/**
+ * SVG attribute names always written camelCase (never dash-cased) — Motion's
+ * `camelCaseAttributes`. Everything else is dash-cased (`strokeWidth` →
+ * `stroke-width`).
+ */
+const CAMEL_CASE_ATTRS = new Set([
+    "baseFrequency",
+    "diffuseConstant",
+    "kernelMatrix",
+    "kernelUnitLength",
+    "keySplines",
+    "keyTimes",
+    "limitingConeAngle",
+    "markerHeight",
+    "markerWidth",
+    "numOctaves",
+    "targetX",
+    "targetY",
+    "surfaceScale",
+    "specularConstant",
+    "specularExponent",
+    "stdDeviation",
+    "tableValues",
+    "viewBox",
+    "gradientTransform",
+    "pathLength",
+    "startOffset",
+    "textLength",
+    "lengthAdjust",
+]);
+/**
+ * Escape hatches: `x`/`y` are transform shorthands in Wardic (translateX/Y), so
+ * the SVG geometry ATTRIBUTE form is the explicit `attr*` key (Motion's
+ * `attrX`/`attrY`/`attrScale`). Maps to the bare attribute name.
+ */
+const ATTR_ALIASES = { attrX: "x", attrY: "y", attrScale: "scale" };
+/**
+ * Each key's dash-cased name, computed once (ADR-0034): the commit dash-cases every key of
+ * every patch, each frame. Keys come from animation configs, so the set stays small.
+ */
+// Module state (#460, Q7): a cache keyed by what it caches: a bounded set of names.
+const DASHED = new Map();
+/**
+ * Whether `key` is a CSS custom property (`--brandColor`): it keeps its name, which is
+ * case-sensitive, and is always a style property, on SVG too (ADR-0014, *Amendment (#151)*;
+ * Motion's `isCSSVariableName`).
+ */
+const isCustomProperty = (key) => key.startsWith("--");
+/**
+ * camelCase → dash-case for a CSS/attribute name (`transformBox` → `transform-box`); a
+ * custom property keeps its name (`--brandColor`).
+ */
+export const dashCase = (key) => {
+    const cached = DASHED.get(key);
+    if (Predicate.isNotUndefined(cached))
+        return cached;
+    const dashed = Bool.match(isCustomProperty(key), {
+        onTrue: () => key,
+        onFalse: () => key.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`),
+    });
+    DASHED.set(key, dashed);
+    return dashed;
+};
+/** The attribute name for an engine key: dash-cased unless it's a known camelCase attr. */
+const attrName = (key) => {
+    if (CAMEL_CASE_ATTRS.has(key))
+        return key;
+    return dashCase(key);
+};
+/** Whether a key collapses into the stroke dash: `pathLength`, `pathSpacing` or `pathOffset`. */
+export const isPathKey = (key) => key === "pathLength" || key === "pathSpacing" || key === "pathOffset";
+/**
+ * The attribute an svg-inner element's `key` is written as (the routing below), or
+ * `None` for a key that stays style ({@link SVG_STYLE_KEYS}, a custom property) or collapses into the
+ * stroke dash (`pathLength` / `pathSpacing` / `pathOffset`). Internal: the Own-value read
+ * reads the attribute a key is written as (ADR-0022).
+ */
+export const svgAttrNameOf = (key) => Bool.match(isPathKey(key) || isCustomProperty(key), {
+    onTrue: () => Option.none(),
+    onFalse: () => Option.orElse(Option.fromUndefinedOr(ATTR_ALIASES[key]), () => Option.map(Option.liftPredicate(key, (k) => Bool.not(SVG_STYLE_KEYS.has(k))), attrName)),
+});
+/** Whether `el` is an `<svg>` root, which is styled as HTML is: it has a CSS box. */
+export const isSvgRoot = (el) => {
+    // No SVG classes on a server. Per frame (a flush's split): plain checks.
+    const SvgRoot = globalThis.SVGSVGElement;
+    return Predicate.isNotUndefined(SvgRoot) && el instanceof SvgRoot;
+};
+/** Whether `el` is an SVG element inside an `<svg>`: any SVG element but the root. */
+export const isSvgInner = (el) => {
+    const Svg = globalThis.SVGElement;
+    return Predicate.isNotUndefined(Svg) && el instanceof Svg && !isSvgRoot(el);
+};
+/** An HTML element's attributes from a patch: none, one shared frozen record (#618: one a split). */
+const NO_ATTRS = Object.freeze({});
+/**
+ * A style patch split for `el`: an HTML element's, or an `<svg>` root's, is all style. An SVG element
+ * inside one takes every key as an attribute but the keys CSS styles and a custom property; `attrX`,
+ * `attrY` and `attrScale` as its `x`, `y` and `scale` attributes; a `transform` with `transform-box:
+ * fill-box` and `transform-origin: 50% 50%`, unless the values set them, so it turns about its own centre
+ * as an HTML element does; and `pathLength`, `pathSpacing` and `pathOffset` as a normalised
+ * `stroke-dasharray` and `stroke-dashoffset`, with `pathLength="1"`.
+ */
+// The CSS keys: `SVG_STYLE_KEYS`.
+export const splitPatch = (el, patch) => {
+    if (isSvgInner(el))
+        return routeSvgInner(patch);
+    return { style: patch, attrs: NO_ATTRS };
+};
+/**
+ * SVG's element names that HTML doesn't share, lowercase (Motion's list,
+ * framer-motion/src/render/svg/lowercase-elements.ts @ 16c6122, without the `svg` root).
+ * A name with a capital letter (`clipPath`, `linearGradient`, `feGaussianBlur` …) is SVG
+ * too, as Motion's `isSVGComponent` decides; `a`, `script`, `style` and `title` count as
+ * HTML, since a server has no namespace to tell them apart.
+ */
+const SVG_INNER_TAGS = new Set([
+    "animate",
+    "circle",
+    "defs",
+    "desc",
+    "ellipse",
+    "g",
+    "image",
+    "line",
+    "filter",
+    "marker",
+    "mask",
+    "metadata",
+    "path",
+    "pattern",
+    "polygon",
+    "polyline",
+    "rect",
+    "stop",
+    "switch",
+    "symbol",
+    "text",
+    "tspan",
+    "use",
+    "view",
+]);
+/** Whether `tag` names an SVG element inside an `<svg>`, by its name alone. */
+export const isSvgInnerTag = (tag) => !tag.includes("-") && (SVG_INNER_TAGS.has(tag) || /[A-Z]/.test(tag));
+/** `splitPatch` by tag name, for where there's no element yet: a server render, a starting style. `undefined` is an HTML element. */
+// ADR-0021.
+export const splitPatchForTag = (tag, patch) => Bool.match(Predicate.isNotUndefined(tag) && isSvgInnerTag(tag), {
+    onTrue: () => routeSvgInner(patch),
+    onFalse: () => ({ style: patch, attrs: NO_ATTRS }),
+});
+/** The svg-inner routing {@link splitPatch} and {@link splitPatchForTag} share. */
+const routeSvgInner = (patch) => {
+    const style = {};
+    const attrs = {};
+    let hasTransform = false;
+    let pathLength;
+    let pathSpacing;
+    let pathOffset;
+    for (const key in patch) {
+        const value = patch[key];
+        if (Predicate.isUndefined(value))
+            continue;
+        if (key === "pathLength") {
+            pathLength = value;
+            continue;
+        }
+        if (key === "pathSpacing") {
+            pathSpacing = value;
+            continue;
+        }
+        if (key === "pathOffset") {
+            pathOffset = value;
+            continue;
+        }
+        const alias = ATTR_ALIASES[key];
+        if (Predicate.isNotUndefined(alias)) {
+            attrs[alias] = String(value);
+            continue;
+        }
+        if (SVG_STYLE_KEYS.has(key)) {
+            style[key] = value;
+            if (key === "transform")
+                hasTransform = true;
+            continue;
+        }
+        // A custom property is a style property (ADR-0014, *Amendment (#151)*).
+        if (isCustomProperty(key)) {
+            style[key] = value;
+            continue;
+        }
+        attrs[attrName(key)] = String(value);
+    }
+    // SVG's transform-origin defaults to the document origin (0 0), not the element
+    // centre — so a CSS transform on SVG reads differently from HTML. `fill-box` +
+    // a centred origin restore HTML-like semantics (Motion). User-set wins.
+    if (hasTransform) {
+        if (Predicate.isUndefined(style["transformBox"]) && Predicate.isUndefined(style["transform-box"])) {
+            style["transform-box"] = "fill-box";
+        }
+        if (Predicate.isUndefined(style["transformOrigin"]) && Predicate.isUndefined(style["transform-origin"])) {
+            style["transform-origin"] = "50% 50%";
+        }
+    }
+    // pathLength → normalised stroke dash (Motion's buildSVGPath). Unitless: Safari
+    // mis-scales px dash values when the page is zoomed.
+    if (Predicate.isNotUndefined(pathLength)) {
+        attrs["pathLength"] = "1";
+        attrs["stroke-dasharray"] = `${pathLength} ${spacingOf(pathSpacing)}`;
+        attrs["stroke-dashoffset"] = String(dashOffsetOf(offsetOf(pathOffset)));
+    }
+    return { style, attrs };
+};
+// The stroke dash's parts, per frame: early returns.
+/** `pathSpacing`, 1 when none is given. */
+const spacingOf = (spacing) => {
+    if (Predicate.isNullish(spacing))
+        return 1;
+    return spacing;
+};
+/** `pathOffset` as a number, 0 when none is given. */
+const offsetOf = (offset) => {
+    if (Predicate.isNumber(offset))
+        return offset;
+    if (Predicate.isNullish(offset))
+        return 0;
+    return Number(offset);
+};
+/** The dash offset an offset draws: its negation, 0 for one that isn't finite. */
+const dashOffsetOf = (offset) => {
+    if (Number.isFinite(offset))
+        return -offset;
+    return 0;
+};
+/** Writes each attribute onto `el` with `setAttribute`; nothing for an empty map. */
+export const setSvgAttrs = (el, attrs) => {
+    for (const name in attrs)
+        el.setAttribute(name, attrs[name]);
+};
+//# sourceMappingURL=svg.js.map

package/dist/internal/svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg.js","sourceRoot":"","sources":["../../src/internal/svg.ts"],"names":[],"mappings":"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"}