@hanzogui/web 8.3.0 → 8.3.2

package/dist/cjs/helpers/expandStyle.js

@@ -0,0 +1,278 @@
+"use strict";
+/**
+ * Some parts adapted from react-native-web
+ * Copyright (c) Nicolas Gallagher licensed under the MIT license.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.expandStyle = expandStyle;
+const constants_1 = require("@hanzogui/constants");
+const config_ts_1 = require("../config.js");
+const parseBorderShorthand_ts_1 = require("./parseBorderShorthand.js");
+const parseOutlineShorthand_ts_1 = require("./parseOutlineShorthand.js");
+const neg1Flex = [
+    ['flexGrow', 0],
+    ['flexShrink', 1],
+    ['flexBasis', 'auto'],
+];
+function expandFlex(value, compat) {
+    if (typeof value === 'string') {
+        return [['flex', value]];
+    }
+    if (typeof value !== 'number') {
+        return;
+    }
+    if (value === -1) {
+        return neg1Flex;
+    }
+    switch (compat) {
+        case 'legacy':
+            return [
+                ['flexGrow', value],
+                ['flexShrink', 1],
+                ['flexBasis', 'auto'],
+            ];
+        case 'react-native':
+            if (value > 0) {
+                return [
+                    ['flexGrow', value],
+                    ['flexShrink', 0],
+                    ['flexBasis', 0],
+                ];
+            }
+            if (value === 0) {
+                return [
+                    ['flexGrow', 0],
+                    ['flexShrink', 0],
+                    ['flexBasis', 'auto'],
+                ];
+            }
+            return [
+                ['flexGrow', 0],
+                ['flexShrink', -value],
+                ['flexBasis', 'auto'],
+            ];
+        case 'web':
+            if (value < 0) {
+                return [['flex', value]];
+            }
+            return [
+                ['flexGrow', value],
+                ['flexShrink', 1],
+                ['flexBasis', 0],
+            ];
+    }
+}
+function expandStyle(key, value, styleCompat = (0, config_ts_1.getStyleCompat)()) {
+    if ("web" === 'web') {
+        if (key === 'flex') {
+            return expandFlex(value, styleCompat);
+        }
+        switch (key) {
+            case 'writingDirection': {
+                return [['direction', value]];
+            }
+            // some safari-based browsers seem not to support without -webkit prefix
+            case 'backdropFilter': {
+                return [
+                    ['backdropFilter', value],
+                    ['WebkitBackdropFilter', value],
+                ];
+            }
+        }
+    }
+    if ("web" === 'native') {
+        if (constants_1.isAndroid && key === 'elevationAndroid') {
+            return [['elevation', value]];
+        }
+        // native-only value transforms
+        switch (key) {
+            case 'objectFit': {
+                const resizeMode = resizeModeMap[value] || 'cover';
+                return [['resizeMode', resizeMode]];
+            }
+            case 'verticalAlign': {
+                return [['textAlignVertical', verticalAlignMap[value] || 'auto']];
+            }
+            case 'position': {
+                // position: fixed|sticky -> absolute on native
+                if (value === 'fixed' || value === 'sticky') {
+                    return [['position', 'absolute']];
+                }
+                return;
+            }
+            case 'display': {
+                // `grid` CROSSES now. It used to be rewritten to flex here, because
+                // Yoga's Display enum carried Flex, None and Contents and nothing else
+                // — so a grid arriving on native could only be laid out by the flex
+                // properties the element already had. That bought a one-dimensional
+                // stack and lost everything else about the layout.
+                //
+                // hanzoai/yoga has `Display::Grid` and a grid algorithm under
+                // yoga/algorithm/grid, so the value now reaches an engine that reads
+                // it, and the track and placement properties travel with it — gridProps
+                // moved to the cross-platform table in @hanzogui/helpers for the same
+                // reason.
+                //
+                // `inline-grid` still folds to `grid`: native has no inline formatting
+                // context for a box to participate in, so the inline half has nothing
+                // to mean there, while the grid half now does.
+                if (value === 'inline-grid') {
+                    return [['display', 'grid']];
+                }
+                // list-item crosses the same way and for the same reason: native has no
+                // marker box, and a bare <li> there already laid out as a flex column.
+                // Left untouched it warns in dev and lays out as flex regardless, so the
+                // degradation is identical and only the warning would be new.
+                if (value === 'list-item') {
+                    return [['display', 'flex']];
+                }
+                return;
+            }
+            case 'backgroundImage': {
+                // RN 0.76+ uses experimental_backgroundImage
+                // value may be a parsed array (from parseNativeStyle) or a plain string
+                return [['experimental_backgroundImage', value]];
+            }
+            case 'border': {
+                // parse border shorthand string to individual properties
+                // on native, only supports a single border (all sides)
+                if (typeof value === 'string') {
+                    const parsed = (0, parseBorderShorthand_ts_1.parseBorderShorthand)(value);
+                    if (parsed) {
+                        return parsed;
+                    }
+                }
+                return;
+            }
+            case 'outline': {
+                if (typeof value === 'string') {
+                    const parsed = (0, parseOutlineShorthand_ts_1.parseOutlineShorthand)(value);
+                    if (parsed) {
+                        return parsed;
+                    }
+                }
+                return;
+            }
+        }
+        // native-only logical expansions (RTL-aware inline props output RN-style
+        // names like marginStart/borderEndColor that aren't valid CSS on web)
+        if (key in nativeInlineExpansions) {
+            return nativeInlineExpansions[key].map((k) => [k, value]);
+        }
+    }
+    // universal logical expansions — applied on both targets so atomic CSS
+    // generates one class per longhand. Otherwise `inset: 0` becomes a single
+    // `_inset-0px` class controlling four sub-properties, which silently breaks
+    // dedup/override against `top`/`left`/etc.
+    if (key in universalExpansions) {
+        return universalExpansions[key].map((k) => [k, value]);
+    }
+    if (key in EXPANSIONS) {
+        return EXPANSIONS[key].map((k) => [k, value]);
+    }
+}
+// native value transforms
+const resizeModeMap = {
+    fill: 'stretch',
+    none: 'center',
+    'scale-down': 'contain',
+    contain: 'contain',
+    cover: 'cover',
+};
+const verticalAlignMap = {
+    top: 'top',
+    middle: 'center',
+    bottom: 'bottom',
+    auto: 'auto',
+};
+// shared expansions
+const all = ['Top', 'Right', 'Bottom', 'Left'];
+const horiz = ['Right', 'Left'];
+const vert = ['Top', 'Bottom'];
+const xy = ['X', 'Y'];
+const EXPANSIONS = {
+    borderColor: ['TopColor', 'RightColor', 'BottomColor', 'LeftColor'],
+    borderRadius: [
+        'TopLeftRadius',
+        'TopRightRadius',
+        'BottomRightRadius',
+        'BottomLeftRadius',
+    ],
+    borderWidth: ['TopWidth', 'RightWidth', 'BottomWidth', 'LeftWidth'],
+    margin: all,
+    marginHorizontal: horiz,
+    marginVertical: vert,
+    padding: all,
+    paddingHorizontal: horiz,
+    paddingVertical: vert,
+    ...(constants_1.isWeb && {
+        // react-native only supports borderStyle
+        borderStyle: ['TopStyle', 'RightStyle', 'BottomStyle', 'LeftStyle'],
+        // react-native doesn't support X / Y
+        overflow: xy,
+        overscrollBehavior: xy,
+    }),
+};
+for (const parent in EXPANSIONS) {
+    const prefix = parent.slice(0, /[A-Z]/.exec(parent)?.index ?? parent.length);
+    EXPANSIONS[parent] = EXPANSIONS[parent].map((k) => `${prefix}${k}`);
+}
+// Logical expansions whose targets are physical longhands valid on both
+// targets. Applied unconditionally so atomic CSS stays one-class-per-longhand:
+// without this, `inset: 0` emits `_inset-0px` (one class, four sub-properties)
+// and silently breaks dedup/override against `top`/`left`/etc.
+const universalExpansions = {
+    // inset
+    inset: ['top', 'right', 'bottom', 'left'],
+    insetBlock: ['top', 'bottom'],
+    insetBlockStart: ['top'],
+    insetBlockEnd: ['bottom'],
+    // block-axis margin/padding
+    marginBlock: ['marginTop', 'marginBottom'],
+    marginBlockStart: ['marginTop'],
+    marginBlockEnd: ['marginBottom'],
+    paddingBlock: ['paddingTop', 'paddingBottom'],
+    paddingBlockStart: ['paddingTop'],
+    paddingBlockEnd: ['paddingBottom'],
+    // block-axis border
+    borderBlockColor: ['borderTopColor', 'borderBottomColor'],
+    borderBlockWidth: ['borderTopWidth', 'borderBottomWidth'],
+    borderBlockStyle: ['borderTopStyle', 'borderBottomStyle'],
+    borderBlockStartColor: ['borderTopColor'],
+    borderBlockEndColor: ['borderBottomColor'],
+    borderBlockStartWidth: ['borderTopWidth'],
+    borderBlockEndWidth: ['borderBottomWidth'],
+    borderBlockStartStyle: ['borderTopStyle'],
+    borderBlockEndStyle: ['borderBottomStyle'],
+    // logical sizing → physical width/height
+    minBlockSize: ['minHeight'],
+    maxBlockSize: ['maxHeight'],
+    minInlineSize: ['minWidth'],
+    maxInlineSize: ['maxWidth'],
+    blockSize: ['height'],
+    inlineSize: ['width'],
+};
+// Inline-axis logical expansions are native-only: their targets are RN-style
+// RTL-aware names (marginStart/borderEndColor/etc.) which web's CSS hyphenator
+// would emit as invalid CSS. On web these props pass through as native CSS
+// logical properties, which the browser handles RTL-aware.
+const nativeInlineExpansions = {
+    borderInlineColor: ['borderEndColor', 'borderStartColor'],
+    borderInlineWidth: ['borderEndWidth', 'borderStartWidth'],
+    borderInlineStyle: ['borderEndStyle', 'borderStartStyle'],
+    borderInlineStartColor: ['borderStartColor'],
+    borderInlineEndColor: ['borderEndColor'],
+    borderInlineStartWidth: ['borderStartWidth'],
+    borderInlineEndWidth: ['borderEndWidth'],
+    borderInlineStartStyle: ['borderStartStyle'],
+    borderInlineEndStyle: ['borderEndStyle'],
+    marginInline: ['marginEnd', 'marginStart'],
+    marginInlineStart: ['marginStart'],
+    marginInlineEnd: ['marginEnd'],
+    paddingInline: ['paddingEnd', 'paddingStart'],
+    paddingInlineStart: ['paddingStart'],
+    paddingInlineEnd: ['paddingEnd'],
+    insetInlineStart: ['left'],
+    insetInlineEnd: ['right'],
+};
+//# sourceMappingURL=expandStyle.js.map

package/dist/cjs/helpers/expandStyle.js.map

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

package/dist/cjs/helpers/expandStyles.js

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fixStyles = fixStyles;
+const constants_1 = require("@hanzogui/constants");
+const normalizeShadow_ts_1 = require("./normalizeShadow.js");
+function fixStyles(style) {
+    var _a;
+    if ("web" === 'web') {
+        resolveAxis(style);
+    }
+    if ("web" === 'native') {
+        if ('elevationAndroid' in style) {
+            // @ts-ignore
+            style['elevation'] = style.elevationAndroid;
+            // @ts-ignore
+            delete style.elevationAndroid;
+        }
+    }
+    // TODO deprecate for web-style shadows
+    if (style.shadowRadius != null ||
+        style.shadowColor ||
+        style.shadowOpacity != null ||
+        style.shadowOffset) {
+        Object.assign(style, (0, normalizeShadow_ts_1.normalizeShadow)(style));
+    }
+    // could be optimized better
+    // ensure border style set by default to solid
+    for (const key in borderDefaults) {
+        if (key in style) {
+            style[_a = borderDefaults[key]] || (style[_a] = 'solid');
+        }
+    }
+}
+/**
+ * A stack asked for grid is still a stack.
+ *
+ * flex-direction is inert under `display: grid`, so a component that names its
+ * axis the flex way lays out along grid's default axis instead — which runs the
+ * other way, because the two vocabularies invert: flex `row` runs across, grid
+ * `row` fills rows and so runs down. An XStack asked for grid came out vertical.
+ *
+ * That is not an XStack problem. `flexDirection: 'row'` is a base style on
+ * seven more components in pkgs/ui — Card, ListItem, RadioGroup, Button,
+ * Fieldset, MenuPredefined, Tabs — and on every `styled(View, ...)` an author
+ * writes, which is the pattern the docs teach. So the axis is restated here,
+ * once, rather than in any component's variant table.
+ *
+ * Here is also the only place the REST of the style is visible, and that is
+ * what makes the restatement safe to skip. Naming tracks or areas is the author
+ * describing the grid themselves; forcing column flow on top would push items
+ * into implicit tracks — `repeat(3, 1fr)` became six columns, three of them 7px
+ * slivers — and transpose named areas into the right geometry with the wrong
+ * items in it. Being visible to the whole style is also what makes it
+ * order-independent: as a variant, `gridAutoFlow` before `display` and after it
+ * gave different layouts.
+ *
+ * flexWrap bails out for the same reason and a blunter one: grid has no
+ * equivalent, and column flow plus wrap does not wrap — it lays an eighth
+ * 120px child 360px outside a 600px box. Leaving grid's own row flow gives a
+ * single column, which is a degradation you can see rather than one off-screen.
+ */
+function resolveAxis(style) {
+    if (style.display !== 'grid' && style.display !== 'inline-grid')
+        return;
+    if (style.flexDirection !== 'row' && style.flexDirection !== 'row-reverse')
+        return;
+    if (style.flexWrap === 'wrap' || style.flexWrap === 'wrap-reverse')
+        return;
+    if (style.gridAutoFlow != null ||
+        style.grid != null ||
+        style.gridTemplate != null ||
+        style.gridTemplateAreas != null ||
+        style.gridTemplateColumns != null ||
+        style.gridTemplateRows != null) {
+        return;
+    }
+    style.gridAutoFlow = 'column';
+}
+// native doesn't support specific border edge style
+const nativeStyle = constants_1.isWeb ? null : 'borderStyle';
+const borderDefaults = {
+    borderWidth: 'borderStyle',
+    borderBottomWidth: nativeStyle || 'borderBottomStyle',
+    borderTopWidth: nativeStyle || 'borderTopStyle',
+    borderLeftWidth: nativeStyle || 'borderLeftStyle',
+    borderRightWidth: nativeStyle || 'borderRightStyle',
+    // TODO: need to add borderBlock and borderInline here, but they are alot and might impact performance
+};
+//# sourceMappingURL=expandStyles.js.map

package/dist/cjs/helpers/expandStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"expandStyles.js","sourceRoot":"","sources":["../../../src/helpers/expandStyles.ts"],"names":[],"mappings":";;;AAAA,mDAA2C;AAC3C,6DAAsD;AAEtD,mBAA0B,KAA0B;;IAClD,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,KAAK,KAAK,EAAE,CAAC;QACrC,WAAW,CAAC,KAAK,CAAC,CAAA;IACpB,CAAC;IAED,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,KAAK,QAAQ,EAAE,CAAC;QACxC,IAAI,kBAAkB,IAAI,KAAK,EAAE,CAAC;YAChC,aAAa;YACb,KAAK,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAA;YAC3C,aAAa;YACb,OAAO,KAAK,CAAC,gBAAgB,CAAA;QAC/B,CAAC;IACH,CAAC;IAED,uCAAuC;IACvC,IACE,KAAK,CAAC,YAAY,IAAI,IAAI;QAC1B,KAAK,CAAC,WAAW;QACjB,KAAK,CAAC,aAAa,IAAI,IAAI;QAC3B,KAAK,CAAC,YAAY,EAClB,CAAC;QACD,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,IAAA,oCAAe,EAAC,KAAK,CAAC,CAAC,CAAA;IAC9C,CAAC;IAED,4BAA4B;IAC5B,8CAA8C;IAC9C,KAAK,MAAM,GAAG,IAAI,cAAc,EAAE,CAAC;QACjC,IAAI,GAAG,IAAI,KAAK,EAAE,CAAC;YACjB,KAAK,MAAC,cAAc,CAAC,GAAG,CAAC,MAAzB,KAAK,OAA0B,OAAO,EAAA;QACxC,CAAC;IACH,CAAC;AACH,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,SAAS,WAAW,CAAC,KAA0B;IAC7C,IAAI,KAAK,CAAC,OAAO,KAAK,MAAM,IAAI,KAAK,CAAC,OAAO,KAAK,aAAa;QAAE,OAAM;IACvE,IAAI,KAAK,CAAC,aAAa,KAAK,KAAK,IAAI,KAAK,CAAC,aAAa,KAAK,aAAa;QAAE,OAAM;IAClF,IAAI,KAAK,CAAC,QAAQ,KAAK,MAAM,IAAI,KAAK,CAAC,QAAQ,KAAK,cAAc;QAAE,OAAM;IAC1E,IACE,KAAK,CAAC,YAAY,IAAI,IAAI;QAC1B,KAAK,CAAC,IAAI,IAAI,IAAI;QAClB,KAAK,CAAC,YAAY,IAAI,IAAI;QAC1B,KAAK,CAAC,iBAAiB,IAAI,IAAI;QAC/B,KAAK,CAAC,mBAAmB,IAAI,IAAI;QACjC,KAAK,CAAC,gBAAgB,IAAI,IAAI,EAC9B,CAAC;QACD,OAAM;IACR,CAAC;IACD,KAAK,CAAC,YAAY,GAAG,QAAQ,CAAA;AAC/B,CAAC;AAED,oDAAoD;AACpD,MAAM,WAAW,GAAG,iBAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAA;AAChD,MAAM,cAAc,GAAG;IACrB,WAAW,EAAE,aAAa;IAC1B,iBAAiB,EAAE,WAAW,IAAI,mBAAmB;IACrD,cAAc,EAAE,WAAW,IAAI,gBAAgB;IAC/C,eAAe,EAAE,WAAW,IAAI,iBAAiB;IACjD,gBAAgB,EAAE,WAAW,IAAI,kBAAkB;IACnD,sGAAsG;CACvG,CAAA"}

package/dist/cjs/helpers/getCSSStylesAtomic.js

@@ -0,0 +1,231 @@
+"use strict";
+/**
+ * Some parts adapted from react-native-web
+ * Copyright (c) Nicolas Gallagher licensed under the MIT license.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStyleAtomic = void 0;
+exports.getCSSStylesAtomic = getCSSStylesAtomic;
+exports.styleToCSS = styleToCSS;
+const helpers_1 = require("@hanzogui/helpers");
+const config_ts_1 = require("../config.js");
+const useMedia_tsx_1 = require("../hooks/useMedia.js");
+const defaultOffset_ts_1 = require("./defaultOffset.js");
+const normalizeColor_ts_1 = require("./normalizeColor.js");
+const normalizeValueWithProperty_ts_1 = require("./normalizeValueWithProperty.js");
+const pseudoDescriptors_ts_1 = require("./pseudoDescriptors.js");
+const transformsToString_ts_1 = require("./transformsToString.js");
+// refactor this file away next...
+function getCSSStylesAtomic(style) {
+    styleToCSS(style);
+    const out = [];
+    for (const key in style) {
+        if (key === '$$css')
+            continue;
+        const val = style[key];
+        if (key in pseudoDescriptors_ts_1.pseudoDescriptors) {
+            if (val) {
+                out.push(...(0, exports.getStyleAtomic)(val, pseudoDescriptors_ts_1.pseudoDescriptors[key]));
+            }
+        }
+        else if ((0, useMedia_tsx_1.isMediaKey)(key)) {
+            for (const subKey in val) {
+                const so = getStyleObject(val, subKey);
+                if (so) {
+                    so[0] = key; // set the property to be eg $platform-web so we can use it above
+                    out.push(so);
+                }
+            }
+        }
+        else {
+            const so = getStyleObject(style, key);
+            if (so) {
+                out.push(so);
+            }
+        }
+    }
+    return out;
+}
+const getStyleAtomic = (style, pseudo) => {
+    styleToCSS(style);
+    const out = [];
+    for (const key in style) {
+        const so = getStyleObject(style, key, pseudo);
+        if (so) {
+            out.push(so);
+        }
+    }
+    return out;
+};
+exports.getStyleAtomic = getStyleAtomic;
+let conf = null;
+// this could be cached for performance?
+const getStyleObject = (style, key, pseudo) => {
+    let val = style[key];
+    if (val == null)
+        return;
+    // transform
+    if (key === 'transform' && Array.isArray(style.transform)) {
+        val = (0, transformsToString_ts_1.transformsToString)(val);
+    }
+    const value = (0, normalizeValueWithProperty_ts_1.normalizeValueWithProperty)(val, key);
+    const hash = (0, helpers_1.simpleHash)(typeof value === 'string' ? value : `${value}`);
+    const pseudoPrefix = pseudo ? `0${pseudo.name}-` : '';
+    conf || (conf = (0, config_ts_1.getConfigMaybe)());
+    const shortProp = conf?.inverseShorthands[key] || key;
+    let identifier = `_${shortProp}-${pseudoPrefix}${hash}`;
+    if (key === 'pointerEvents' && !pseudo) {
+        if (value === 'box-none')
+            identifier = '_pe-boxnone';
+        else if (value === 'box-only')
+            identifier = '_pe-boxonly';
+    }
+    const rules = createAtomicRules(identifier, key, value, pseudo);
+    return [
+        // array for performance
+        key,
+        value,
+        identifier,
+        pseudo?.name,
+        rules,
+    ];
+};
+function styleToCSS(style) {
+    // box-shadow
+    const { shadowOffset, shadowRadius, shadowColor, shadowOpacity } = style;
+    if (shadowRadius != null ||
+        shadowColor ||
+        shadowOffset != null ||
+        shadowOpacity != null) {
+        const offset = shadowOffset || defaultOffset_ts_1.defaultOffset;
+        const width = (0, normalizeValueWithProperty_ts_1.normalizeValueWithProperty)(offset.width);
+        const height = (0, normalizeValueWithProperty_ts_1.normalizeValueWithProperty)(offset.height);
+        const radius = (0, normalizeValueWithProperty_ts_1.normalizeValueWithProperty)(shadowRadius);
+        const color = (0, normalizeColor_ts_1.normalizeColor)(shadowColor, shadowOpacity);
+        if (color) {
+            const shadow = `${width} ${height} ${radius} ${color}`;
+            style.boxShadow = style.boxShadow ? `${style.boxShadow}, ${shadow}` : shadow;
+        }
+        delete style.shadowOffset;
+        delete style.shadowRadius;
+        delete style.shadowColor;
+        delete style.shadowOpacity;
+    }
+    // text-shadow
+    const { textShadowColor, textShadowOffset, textShadowRadius } = style;
+    if (textShadowColor || textShadowOffset || textShadowRadius) {
+        const { height, width } = textShadowOffset || defaultOffset_ts_1.defaultOffset;
+        const radius = textShadowRadius || 0;
+        const color = (0, normalizeValueWithProperty_ts_1.normalizeValueWithProperty)(textShadowColor, 'textShadowColor');
+        if (color && (height !== 0 || width !== 0 || radius !== 0)) {
+            const blurRadius = (0, normalizeValueWithProperty_ts_1.normalizeValueWithProperty)(radius);
+            const offsetX = (0, normalizeValueWithProperty_ts_1.normalizeValueWithProperty)(width);
+            const offsetY = (0, normalizeValueWithProperty_ts_1.normalizeValueWithProperty)(height);
+            style.textShadow = `${offsetX} ${offsetY} ${blurRadius} ${color}`;
+        }
+        delete style.textShadowColor;
+        delete style.textShadowOffset;
+        delete style.textShadowRadius;
+    }
+}
+function createDeclarationBlock(style, important = false) {
+    let next = '';
+    for (const [key, value] of style) {
+        next += `${hyphenateStyleName(key)}:${value}${important ? ' !important' : ''};`;
+    }
+    return `{${next}}`;
+}
+const hcache = {};
+const toHyphenLower = (match) => `-${match.toLowerCase()}`;
+const hyphenateStyleName = (key) => {
+    if (key in hcache)
+        return hcache[key];
+    const val = key.replace(/[A-Z]/g, toHyphenLower);
+    hcache[key] = val;
+    return val;
+};
+// adding one more :root so we always override react native web styles :/
+const selectorPriority = (() => {
+    const res = {};
+    for (const key in pseudoDescriptors_ts_1.pseudoDescriptors) {
+        const pseudo = pseudoDescriptors_ts_1.pseudoDescriptors[key];
+        res[pseudo.name] = `${[...Array(pseudo.priority)].map(() => ':root').join('')} `;
+    }
+    return res;
+})();
+function createAtomicRules(identifier, property, value, pseudo) {
+    const pseudoIdPostfix = pseudo
+        ? pseudo.name === 'disabled'
+            ? `[aria-disabled]`
+            : `:${pseudo.name}`
+        : '';
+    const pseudoSelector = pseudo?.selector;
+    // longhands get .cls.cls for higher specificity over shorthands
+    const cls = property in helpers_1.cssShorthandLonghands ? `.${identifier}.${identifier}` : `.${identifier}`;
+    let selector = pseudo
+        ? pseudoSelector
+            ? `${pseudoSelector} ${cls}`
+            : `${selectorPriority[pseudo.name]} ${cls}${pseudoIdPostfix}`
+        : `:root ${cls}`;
+    // enter style on css driver needs both:
+    //   .t_unmounted .selector
+    //   .selector.t_unmounted
+    if (pseudoSelector === pseudoDescriptors_ts_1.pseudoDescriptors.enterStyle.selector) {
+        selector = `${selector}, .${identifier}${pseudoSelector}`;
+    }
+    const important = !!pseudo;
+    let rules = [];
+    // Handle non-standard properties and object values that require multiple
+    // CSS rules to be created.
+    switch (property) {
+        // Equivalent to using '::placeholder'
+        case 'placeholderTextColor': {
+            const block = createDeclarationBlock([
+                ['color', value],
+                ['opacity', 1],
+            ], important);
+            rules.push(`${selector}::placeholder${block}`);
+            break;
+        }
+        // all webkit prefixed rules
+        case 'backgroundClip':
+        case 'userSelect': {
+            const propertyCapitalized = `${property[0].toUpperCase()}${property.slice(1)}`;
+            const webkitProperty = `Webkit${propertyCapitalized}`;
+            const block = createDeclarationBlock([
+                [property, value],
+                [webkitProperty, value],
+            ], important);
+            rules.push(`${selector}${block}`);
+            break;
+        }
+        // Polyfill for additional 'pointer-events' values
+        case 'pointerEvents': {
+            let finalValue = value;
+            if (value === 'auto' || value === 'box-only') {
+                finalValue = 'auto';
+            }
+            else if (value === 'none' || value === 'box-none') {
+                finalValue = 'none';
+            }
+            const block = createDeclarationBlock([['pointerEvents', finalValue]], true);
+            rules.push(`${selector}${block}`);
+            break;
+        }
+        default: {
+            const block = createDeclarationBlock([[property, value]], important);
+            rules.push(`${selector}${block}`);
+            break;
+        }
+    }
+    // hover styles need to be conditional
+    // perhaps this can be generalized but for now lets just shortcut
+    // and hardcode for hover styles, if we need to later we can
+    // WEIRD SYNTAX, SEE:
+    //   https://stackoverflow.com/questions/40532204/media-query-for-devices-supporting-hover
+    if (pseudo?.name === 'hover') {
+        rules = rules.map((r) => `@media (hover) {${r}}`);
+    }
+    return rules;
+}
+//# sourceMappingURL=getCSSStylesAtomic.js.map

package/dist/cjs/helpers/getCSSStylesAtomic.js.map

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

package/dist/cjs/helpers/getDefaultProps.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDefaultProps = void 0;
+const config_ts_1 = require("../config.js");
+// merge both default props, styled context props, and default text props
+const getDefaultProps = (staticConfig, propsComponentName) => {
+    let defaultProps = staticConfig?.defaultProps;
+    const conf = (0, config_ts_1.getConfig)();
+    const name = propsComponentName ||
+        staticConfig?.componentName ||
+        // important: this is how we end up getting the defaultProps we set in createGui
+        (staticConfig.isText ? 'Text' : 'View');
+    const userDefaultProps = conf?.defaultProps?.[name];
+    if (userDefaultProps) {
+        // component's staticConfig.defaultProps wins over global config defaults
+        defaultProps = defaultProps
+            ? { ...userDefaultProps, ...defaultProps }
+            : userDefaultProps;
+    }
+    return defaultProps;
+};
+exports.getDefaultProps = getDefaultProps;
+//# sourceMappingURL=getDefaultProps.js.map

package/dist/cjs/helpers/getDefaultProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDefaultProps.js","sourceRoot":"","sources":["../../../src/helpers/getDefaultProps.ts"],"names":[],"mappings":";;;AAAA,4CAAwC;AAGxC,yEAAyE;AAClE,MAAM,eAAe,GAAG,CAC7B,YAA0B,EAC1B,kBAA2B,EAC3B,EAAE;IACF,IAAI,YAAY,GAAG,YAAY,EAAE,YAAY,CAAA;IAE7C,MAAM,IAAI,GAAG,IAAA,qBAAS,GAAE,CAAA;IACxB,MAAM,IAAI,GACR,kBAAkB;QAClB,YAAY,EAAE,aAAa;QAC3B,gFAAgF;QAChF,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;IAEzC,MAAM,gBAAgB,GAAG,IAAI,EAAE,YAAY,EAAE,CAAC,IAAI,CAAC,CAAA;IAEnD,IAAI,gBAAgB,EAAE,CAAC;QACrB,yEAAyE;QACzE,YAAY,GAAG,YAAY;YACzB,CAAC,CAAC,EAAE,GAAG,gBAAgB,EAAE,GAAG,YAAY,EAAE;YAC1C,CAAC,CAAC,gBAAgB,CAAA;IACtB,CAAC;IAED,OAAO,YAAY,CAAA;AACrB,CAAC,CAAA;AAvBY,QAAA,eAAe,GAAf,eAAe,CAuB3B"}