@hanzogui/web 8.3.0 → 8.3.2

package/dist/native/helpers/parseNativeStyle.js

@@ -0,0 +1,171 @@
+/**
+ * parses CSS string values into RN object format on native,
+ * preserving DynamicColorIOS objects from the token map.
+ *
+ * supports: backgroundImage (linear-gradient), boxShadow, textShadow
+ * filter has no RN object equivalent, returns undefined (falls back to string)
+ *
+ * only called inside process.env.GUI_TARGET === 'native' checks,
+ * so this code is dead-code-eliminated on web builds.
+ */
+export function parseNativeStyle(key, cssString, tokenMap) {
+    switch (key) {
+        case 'backgroundImage':
+            return parseBackgroundImage(cssString, tokenMap);
+        case 'boxShadow':
+            return parseBoxShadow(cssString, tokenMap);
+        case 'textShadow':
+            return parseTextShadow(cssString, tokenMap);
+        default:
+            return undefined;
+    }
+}
+function resolveColor(raw, tokenMap) {
+    if (tokenMap && tokenMap.has(raw)) {
+        return tokenMap.get(raw);
+    }
+    return raw;
+}
+// parse "linear-gradient(direction, color1 pos1, color2 pos2, ...)"
+function parseBackgroundImage(css, tokenMap) {
+    const match = css.match(/^linear-gradient\((.+)\)$/s);
+    if (!match)
+        return undefined;
+    const inner = match[1];
+    // split on commas that are not inside parentheses
+    const parts = splitOutsideParens(inner);
+    if (parts.length < 2)
+        return undefined;
+    let direction;
+    let startIdx = 0;
+    const firstPart = parts[0].trim();
+    // check if first part is a direction (starts with "to " or ends with "deg/rad/turn/grad")
+    if (firstPart.startsWith('to ') || /^\d+(\.\d+)?(deg|rad|turn|grad)$/.test(firstPart)) {
+        direction = firstPart;
+        startIdx = 1;
+    }
+    const colorStops = [];
+    for (let i = startIdx; i < parts.length; i++) {
+        const stopParts = parts[i].trim().match(/\S+\([^)]*\)|\S+/g);
+        if (!stopParts)
+            continue;
+        const colorRaw = stopParts[0];
+        const color = resolveColor(colorRaw, tokenMap);
+        const positions = stopParts.slice(1);
+        const stop = { color };
+        if (positions.length > 0) {
+            stop.positions = positions;
+        }
+        colorStops.push(stop);
+    }
+    const gradient = {
+        type: 'linear-gradient',
+        colorStops,
+    };
+    if (direction) {
+        gradient.direction = direction;
+    }
+    return [gradient];
+}
+// parse "offsetX offsetY [blur [spread]] [color]" (comma-separated for multiple)
+function parseBoxShadow(css, tokenMap) {
+    // split on commas for multiple shadows
+    const shadowStrings = splitOutsideParens(css);
+    const shadows = [];
+    for (const raw of shadowStrings) {
+        const s = raw.trim();
+        if (!s)
+            continue;
+        const tokens = s.split(/\s+/);
+        if (tokens.length < 2)
+            return undefined;
+        let startIdx = 0;
+        let inset = false;
+        if (tokens[0] === 'inset') {
+            inset = true;
+            startIdx = 1;
+        }
+        // find where the color starts - numbers/dimensions come first
+        const numericParts = [];
+        let colorParts = [];
+        for (let i = startIdx; i < tokens.length; i++) {
+            const n = parseDimension(tokens[i]);
+            if (n !== undefined) {
+                numericParts.push(n);
+            }
+            else {
+                // rest is color (could be "rgba(..." which was split, so rejoin)
+                colorParts = tokens.slice(i);
+                break;
+            }
+        }
+        if (numericParts.length < 2)
+            return undefined;
+        const shadow = {
+            offsetX: numericParts[0],
+            offsetY: numericParts[1],
+        };
+        if (inset) {
+            shadow.inset = true;
+        }
+        if (numericParts.length >= 3) {
+            shadow.blurRadius = numericParts[2];
+        }
+        if (numericParts.length >= 4) {
+            shadow.spreadDistance = numericParts[3];
+        }
+        if (colorParts.length > 0) {
+            const colorStr = colorParts.join(' ');
+            shadow.color = resolveColor(colorStr, tokenMap);
+        }
+        shadows.push(shadow);
+    }
+    return shadows.length > 0 ? shadows : undefined;
+}
+// parse "offsetX offsetY blur color"
+function parseTextShadow(css, tokenMap) {
+    const tokens = css.trim().split(/\s+/);
+    if (tokens.length < 3)
+        return undefined;
+    const offsetX = parseDimension(tokens[0]);
+    const offsetY = parseDimension(tokens[1]);
+    const blur = parseDimension(tokens[2]);
+    if (offsetX === undefined || offsetY === undefined || blur === undefined) {
+        return undefined;
+    }
+    const result = [
+        ['textShadowOffset', { width: offsetX, height: offsetY }],
+        ['textShadowRadius', blur],
+    ];
+    if (tokens.length >= 4) {
+        const colorStr = tokens.slice(3).join(' ');
+        result.push(['textShadowColor', resolveColor(colorStr, tokenMap)]);
+    }
+    return result;
+}
+function parseDimension(s) {
+    // strip px/dp suffix
+    const cleaned = s.replace(/px$|dp$/, '');
+    const n = Number(cleaned);
+    return Number.isFinite(n) ? n : undefined;
+}
+// split a string on commas that are not inside parentheses
+function splitOutsideParens(s) {
+    const parts = [];
+    let depth = 0;
+    let start = 0;
+    for (let i = 0; i < s.length; i++) {
+        const ch = s.charCodeAt(i);
+        if (ch === 40 /* ( */)
+            depth++;
+        else if (ch === 41 /* ) */)
+            depth--;
+        else if (ch === 44 /* , */ && depth === 0) {
+            parts.push(s.slice(start, i));
+            start = i + 1;
+        }
+    }
+    parts.push(s.slice(start));
+    return parts;
+}
+//# sourceMappingURL=parseNativeStyle.js.map

package/dist/native/helpers/parseNativeStyle.js.map

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

package/dist/native/helpers/parseOutlineShorthand.js

@@ -0,0 +1,55 @@
+// outline style keywords
+const outlineStyles = new Set([
+    'solid',
+    'dashed',
+    'dotted',
+    'double',
+    'groove',
+    'ridge',
+    'inset',
+    'outset',
+    'none',
+    'hidden',
+]);
+// parses CSS outline shorthand: "<width> <style> <color>"
+// components can appear in any order, all are optional
+// on native, expands directly to individual outline properties
+export function parseOutlineShorthand(value) {
+    if (value === 'none' || value === '0') {
+        return [
+            ['outlineWidth', 0],
+            ['outlineStyle', 'none'],
+        ];
+    }
+    const parts = value.trim().split(/\s+/);
+    let outlineWidth;
+    let outlineStyle;
+    let outlineColor;
+    for (const part of parts) {
+        // check if it's an outline style keyword
+        if (outlineStyles.has(part)) {
+            outlineStyle = part;
+        }
+        // check if it's a length (number or ends with px/em/rem/etc)
+        else if (/^[\d.]+(?:px|em|rem|%|pt|vw|vh)?$/.test(part)) {
+            const num = parseFloat(part);
+            outlineWidth = part.endsWith('px') || !part.match(/[a-z%]/i) ? num : part;
+        }
+        // otherwise assume it's a color
+        else {
+            outlineColor = part;
+        }
+    }
+    const result = [];
+    if (outlineWidth !== undefined) {
+        result.push(['outlineWidth', outlineWidth]);
+    }
+    if (outlineStyle !== undefined) {
+        result.push(['outlineStyle', outlineStyle]);
+    }
+    if (outlineColor !== undefined) {
+        result.push(['outlineColor', outlineColor]);
+    }
+    return result.length > 0 ? result : undefined;
+}
+//# sourceMappingURL=parseOutlineShorthand.js.map

package/dist/native/helpers/parseOutlineShorthand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseOutlineShorthand.native.js","sourceRoot":"","sources":["../../../src/helpers/parseOutlineShorthand.native.ts"],"names":[],"mappings":"AAEA,yBAAyB;AACzB,MAAM,aAAa,GAAG,IAAI,GAAG,CAAC;IAC5B,OAAO;IACP,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,OAAO;IACP,OAAO;IACP,QAAQ;IACR,MAAM;IACN,QAAQ;CACT,CAAC,CAAA;AAEF,0DAA0D;AAC1D,uDAAuD;AACvD,+DAA+D;AAC/D,MAAM,UAAU,qBAAqB,CAAC,KAAa;IACjD,IAAI,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,GAAG,EAAE,CAAC;QACtC,OAAO;YACL,CAAC,cAAc,EAAE,CAAC,CAAC;YACnB,CAAC,cAAc,EAAE,MAAM,CAAC;SACzB,CAAA;IACH,CAAC;IAED,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IACvC,IAAI,YAAyC,CAAA;IAC7C,IAAI,YAAgC,CAAA;IACpC,IAAI,YAAgC,CAAA;IAEpC,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,yCAAyC;QACzC,IAAI,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;YAC5B,YAAY,GAAG,IAAI,CAAA;QACrB,CAAC;QACD,6DAA6D;aACxD,IAAI,mCAAmC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;YACxD,MAAM,GAAG,GAAG,UAAU,CAAC,IAAI,CAAC,CAAA;YAC5B,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA;QAC3E,CAAC;QACD,gCAAgC;aAC3B,CAAC;YACJ,YAAY,GAAG,IAAI,CAAA;QACrB,CAAC;IACH,CAAC;IAED,MAAM,MAAM,GAAoB,EAAE,CAAA;IAElC,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;QAC/B,MAAM,CAAC,IAAI,CAAC,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC,CAAA;IAC7C,CAAC;IACD,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;QAC/B,MAAM,CAAC,IAAI,CAAC,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC,CAAA;IAC7C,CAAC;IACD,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;QAC/B,MAAM,CAAC,IAAI,CAAC,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC,CAAA;IAC7C,CAAC;IAED,OAAO,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAA;AAC/C,CAAC"}

package/dist/native/helpers/platformResolveValue.js

@@ -0,0 +1,59 @@
+import { getTokenForKey } from './getTokenForKey.js';
+import { parseNativeStyle } from './parseNativeStyle.js';
+// includes the optional `/NN` opacity-modifier suffix ($color9/50) so
+// getTokenForKey receives it and can apply the alpha — without it the token
+// resolves but the bare `/50` is left behind in the parsed gradient string
+const tokenPattern = /(\$[\w.-]+(?:\/[\d.]+)?)/g;
+// keys that need native object parsing (DynamicColorIOS support)
+const nativeParseKeys = {
+    backgroundImage: true,
+    boxShadow: true,
+    textShadow: true,
+};
+function replaceTokens(value, styleProps, styleState) {
+    return value.replace(tokenPattern, (t) => {
+        let r = getTokenForKey('size', t, styleProps, styleState);
+        if (r == null) {
+            r = getTokenForKey('color', t, styleProps, styleState);
+        }
+        return r != null ? String(r) : t;
+    });
+}
+/**
+ * native: resolves embedded $tokens, with DynamicColorIOS placeholder
+ * support for boxShadow/textShadow/backgroundImage.
+ */
+export function platformResolveValue(key, value, styleProps, styleState) {
+    if (!nativeParseKeys[key]) {
+        return replaceTokens(value, styleProps, styleState);
+    }
+    // for backgroundImage (gradients), force 'web' resolution to avoid DynamicColorIOS
+    // gradients don't support dynamic color updates - RN resolves colors once at render time
+    // so we need plain values and must let the component re-render on scheme changes
+    const effectiveStyleProps = key === 'backgroundImage'
+        ? { ...styleProps, resolveValues: 'web' }
+        : styleProps;
+    // preserve DynamicColorIOS objects through parsing (for boxShadow/textShadow)
+    const tokenMap = new Map();
+    let placeholderIdx = 0;
+    const withPlaceholders = value.replace(tokenPattern, (t) => {
+        let r = getTokenForKey('size', t, effectiveStyleProps, styleState);
+        if (r == null) {
+            r = getTokenForKey('color', t, effectiveStyleProps, styleState);
+        }
+        if (r == null)
+            return t;
+        if (typeof r !== 'string' && typeof r !== 'number') {
+            const placeholder = `__tk${placeholderIdx++}__`;
+            tokenMap.set(placeholder, r);
+            return placeholder;
+        }
+        return String(r);
+    });
+    const parsed = parseNativeStyle(key, withPlaceholders, tokenMap);
+    if (parsed)
+        return parsed;
+    // fallback to plain string resolution
+    return replaceTokens(value, styleProps, styleState);
+}
+//# sourceMappingURL=platformResolveValue.js.map

package/dist/native/helpers/platformResolveValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"platformResolveValue.native.js","sourceRoot":"","sources":["../../../src/helpers/platformResolveValue.native.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAExD,sEAAsE;AACtE,4EAA4E;AAC5E,2EAA2E;AAC3E,MAAM,YAAY,GAAG,2BAA2B,CAAA;AAEhD,iEAAiE;AACjE,MAAM,eAAe,GAA4B;IAC/C,eAAe,EAAE,IAAI;IACrB,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,IAAI;CACjB,CAAA;AAED,SAAS,aAAa,CACpB,KAAa,EACb,UAA2B,EAC3B,UAAkC;IAElC,OAAO,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;QACvC,IAAI,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,CAAC,EAAE,UAAU,EAAE,UAAU,CAAC,CAAA;QACzD,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;YACd,CAAC,GAAG,cAAc,CAAC,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,UAAU,CAAC,CAAA;QACxD,CAAC;QACD,OAAO,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAClC,CAAC,CAAC,CAAA;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAClC,GAAW,EACX,KAAa,EACb,UAA2B,EAC3B,UAAkC;IAElC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,CAAC;QAC1B,OAAO,aAAa,CAAC,KAAK,EAAE,UAAU,EAAE,UAAU,CAAC,CAAA;IACrD,CAAC;IAED,mFAAmF;IACnF,yFAAyF;IACzF,iFAAiF;IACjF,MAAM,mBAAmB,GACvB,GAAG,KAAK,iBAAiB;QACvB,CAAC,CAAC,EAAE,GAAG,UAAU,EAAE,aAAa,EAAE,KAAc,EAAE;QAClD,CAAC,CAAC,UAAU,CAAA;IAEhB,8EAA8E;IAC9E,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAe,CAAA;IACvC,IAAI,cAAc,GAAG,CAAC,CAAA;IACtB,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;QACzD,IAAI,CAAC,GAAG,cAAc,CAAC,MAAM,EAAE,CAAC,EAAE,mBAAmB,EAAE,UAAU,CAAC,CAAA;QAClE,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;YACd,CAAC,GAAG,cAAc,CAAC,OAAO,EAAE,CAAC,EAAE,mBAAmB,EAAE,UAAU,CAAC,CAAA;QACjE,CAAC;QACD,IAAI,CAAC,IAAI,IAAI;YAAE,OAAO,CAAC,CAAA;QACvB,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE,CAAC;YACnD,MAAM,WAAW,GAAG,OAAO,cAAc,EAAE,IAAI,CAAA;YAC/C,QAAQ,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,CAAC,CAAA;YAC5B,OAAO,WAAW,CAAA;QACpB,CAAC;QACD,OAAO,MAAM,CAAC,CAAC,CAAC,CAAA;IAClB,CAAC,CAAC,CAAA;IAEF,MAAM,MAAM,GAAG,gBAAgB,CAAC,GAAG,EAAE,gBAAgB,EAAE,QAAQ,CAAC,CAAA;IAChE,IAAI,MAAM;QAAE,OAAO,MAAM,CAAA;IAEzB,sCAAsC;IACtC,OAAO,aAAa,CAAC,KAAK,EAAE,UAAU,EAAE,UAAU,CAAC,CAAA;AACrD,CAAC"}

package/dist/native/helpers/pointerEvents.js

@@ -0,0 +1,124 @@
+/**
+ * Native pointer events - maps pointer events to touch/responder events
+ *
+ * Implements setPointerCapture/releasePointerCapture on the event target
+ * to match web API for drag scenarios.
+ */
+import { useRef } from 'react';
+import { composeEventHandlers } from '@hanzogui/helpers';
+export function usePointerEvents(props, viewProps) {
+    const { onPointerDown, onPointerUp, onPointerMove, onPointerCancel, onPointerEnter, onPointerLeave, } = props;
+    const hasPointerEvents = onPointerDown ||
+        onPointerUp ||
+        onPointerMove ||
+        onPointerCancel ||
+        onPointerEnter ||
+        onPointerLeave;
+    // single ref-bag (was three separate useRef slots) — one hook slot per
+    // component instead of three. isInside = pointer within bounds (enter/leave),
+    // layout = measured bounds, isCaptured = setPointerCapture state for moves.
+    const ref = useRef(null);
+    if (!ref.current) {
+        ref.current = { isInside: false, layout: { width: 0, height: 0 }, isCaptured: false };
+    }
+    if (!hasPointerEvents)
+        return;
+    const bag = ref.current;
+    // create normalized event with setPointerCapture support
+    const createNormalizedEvent = (e) => {
+        const touch = e.nativeEvent;
+        const normalized = {
+            ...e,
+            clientX: touch.pageX,
+            clientY: touch.pageY,
+            pageX: touch.pageX,
+            pageY: touch.pageY,
+            offsetX: touch.locationX,
+            offsetY: touch.locationY,
+            pointerType: 'touch',
+            pointerId: touch.identifier ?? 0,
+            nativeEvent: touch,
+            target: {
+                setPointerCapture: (_pointerId) => {
+                    bag.isCaptured = true;
+                },
+                releasePointerCapture: (_pointerId) => {
+                    bag.isCaptured = false;
+                },
+            },
+        };
+        return normalized;
+    };
+    // pointer down
+    if (onPointerDown) {
+        viewProps.onTouchStart = composeEventHandlers(viewProps.onTouchStart, (e) => {
+            onPointerDown(createNormalizedEvent(e));
+        });
+    }
+    // pointer up
+    if (onPointerUp) {
+        viewProps.onTouchEnd = composeEventHandlers(viewProps.onTouchEnd, (e) => {
+            bag.isCaptured = false; // auto-release on up
+            onPointerUp(createNormalizedEvent(e));
+        });
+    }
+    // pointer move - fires for all moves when captured, otherwise only in bounds
+    if (onPointerMove) {
+        viewProps.onTouchMove = composeEventHandlers(viewProps.onTouchMove, (e) => {
+            const { locationX, locationY } = e.nativeEvent;
+            const { width, height } = bag.layout;
+            const isInBounds = locationX >= 0 && locationX <= width && locationY >= 0 && locationY <= height;
+            // fire if captured OR in bounds (matches web behavior)
+            if (bag.isCaptured || isInBounds) {
+                onPointerMove(createNormalizedEvent(e));
+            }
+        });
+    }
+    // pointer cancel
+    if (onPointerCancel) {
+        viewProps.onTouchCancel = composeEventHandlers(viewProps.onTouchCancel, (e) => {
+            bag.isCaptured = false;
+            onPointerCancel(createNormalizedEvent(e));
+        });
+    }
+    // enter/leave and layout tracking
+    if (onPointerEnter || onPointerLeave || onPointerMove) {
+        // track layout for bounds checking
+        viewProps.onLayout = composeEventHandlers(viewProps.onLayout, (e) => {
+            bag.layout = {
+                width: e.nativeEvent.layout.width,
+                height: e.nativeEvent.layout.height,
+            };
+        });
+    }
+    // enter on touch start if in bounds
+    if (onPointerEnter) {
+        viewProps.onTouchStart = composeEventHandlers(viewProps.onTouchStart, (e) => {
+            const { locationX, locationY } = e.nativeEvent;
+            const { width, height } = bag.layout;
+            if (locationX >= 0 && locationX <= width && locationY >= 0 && locationY <= height) {
+                bag.isInside = true;
+                onPointerEnter(createNormalizedEvent(e));
+            }
+        });
+    }
+    // leave when touch moves outside or ends
+    if (onPointerLeave) {
+        viewProps.onTouchMove = composeEventHandlers(viewProps.onTouchMove, (e) => {
+            const { locationX, locationY } = e.nativeEvent;
+            const { width, height } = bag.layout;
+            const isInside = locationX >= 0 && locationX <= width && locationY >= 0 && locationY <= height;
+            if (bag.isInside && !isInside) {
+                bag.isInside = false;
+                onPointerLeave(createNormalizedEvent(e));
+            }
+        });
+        viewProps.onTouchEnd = composeEventHandlers(viewProps.onTouchEnd, (e) => {
+            if (bag.isInside) {
+                bag.isInside = false;
+                onPointerLeave(createNormalizedEvent(e));
+            }
+        });
+    }
+}
+//# sourceMappingURL=pointerEvents.js.map

package/dist/native/helpers/pointerEvents.js.map

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