@hanzogui/web 8.3.0 → 8.3.2

package/dist/esm/helpers/getDynamicVal.js

@@ -0,0 +1,52 @@
+export function getOppositeScheme(scheme) {
+    return scheme === 'dark' ? 'light' : 'dark';
+}
+/**
+ * Style properties that are color values and support DynamicColorIOS on iOS.
+ * Non-color properties (like opacity, dimensions, etc.) must NOT be wrapped
+ * with {dynamic: {...}} as React Native will throw:
+ * "TypeError: expected dynamic type 'int/double/bool/string', but had type 'object'"
+ *
+ * See: https://reactnative.dev/docs/dynamiccolorios
+ * See: https://github.com/hanzoai/gui/issues/3096
+ * See: https://github.com/hanzoai/gui/issues/2980
+ */
+const colorStyleKeys = {
+    backgroundColor: true,
+    borderColor: true,
+    borderTopColor: true,
+    borderRightColor: true,
+    borderBottomColor: true,
+    borderLeftColor: true,
+    borderBlockColor: true,
+    borderBlockEndColor: true,
+    borderBlockStartColor: true,
+    color: true,
+    shadowColor: true,
+    textDecorationColor: true,
+    textShadowColor: true,
+    tintColor: true,
+    outlineColor: true,
+};
+/**
+ * Check if a style key is a color property that supports DynamicColorIOS.
+ */
+export function isColorStyleKey(key) {
+    return colorStyleKeys[key] === true;
+}
+export function getDynamicVal({ scheme, val, oppositeVal, }) {
+    const oppositeScheme = getOppositeScheme(scheme);
+    return {
+        dynamic: {
+            [scheme]: val,
+            [oppositeScheme]: oppositeVal,
+        },
+    };
+}
+export function extractValueFromDynamic(val, scheme) {
+    if (val?.['dynamic']) {
+        return val['dynamic'][scheme];
+    }
+    return val;
+}
+//# sourceMappingURL=getDynamicVal.js.map

package/dist/esm/helpers/getDynamicVal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDynamicVal.js","sourceRoot":"","sources":["../../../src/helpers/getDynamicVal.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,iBAAiB,CAAC,MAAc;IAC9C,OAAO,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAA;AAC7C,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,cAAc,GAA4B;IAC9C,eAAe,EAAE,IAAI;IACrB,WAAW,EAAE,IAAI;IACjB,cAAc,EAAE,IAAI;IACpB,gBAAgB,EAAE,IAAI;IACtB,iBAAiB,EAAE,IAAI;IACvB,eAAe,EAAE,IAAI;IACrB,gBAAgB,EAAE,IAAI;IACtB,mBAAmB,EAAE,IAAI;IACzB,qBAAqB,EAAE,IAAI;IAC3B,KAAK,EAAE,IAAI;IACX,WAAW,EAAE,IAAI;IACjB,mBAAmB,EAAE,IAAI;IACzB,eAAe,EAAE,IAAI;IACrB,SAAS,EAAE,IAAI;IACf,YAAY,EAAE,IAAI;CACnB,CAAA;AAED;;GAEG;AACH,MAAM,UAAU,eAAe,CAAC,GAAW;IACzC,OAAO,cAAc,CAAC,GAAG,CAAC,KAAK,IAAI,CAAA;AACrC,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAC5B,MAAM,EACN,GAAG,EACH,WAAW,GAKZ;IACC,MAAM,cAAc,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAChD,OAAO;QACL,OAAO,EAAE;YACP,CAAC,MAAM,CAAC,EAAE,GAAG;YACb,CAAC,cAAc,CAAC,EAAE,WAAW;SAC9B;KACF,CAAA;AACH,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAC,GAAQ,EAAE,MAAc;IAC9D,IAAI,GAAG,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC;QACrB,OAAO,GAAG,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAA;IAC/B,CAAC;IACD,OAAO,GAAG,CAAA;AACZ,CAAC"}

package/dist/esm/helpers/getExpandedShorthands.js

@@ -0,0 +1,20 @@
+import { getConfig } from '../config.js';
+/**
+ * @deprecated use useProps instead
+ */
+export function getExpandedShorthands(props) {
+    const shorthands = getConfig().shorthands;
+    if (!shorthands)
+        return props;
+    const res = {};
+    for (const key in props) {
+        // @ts-ignore
+        res[shorthands[key] || key] = props[key];
+    }
+    return res;
+}
+export function getExpandedShorthand(propKey, props) {
+    const shorthands = getConfig().inverseShorthands;
+    return props[propKey] ?? props[shorthands[propKey]];
+}
+//# sourceMappingURL=getExpandedShorthands.js.map

package/dist/esm/helpers/getExpandedShorthands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getExpandedShorthands.js","sourceRoot":"","sources":["../../../src/helpers/getExpandedShorthands.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC;;GAEG;AACH,MAAM,UAAU,qBAAqB,CACnC,KAAQ;IAER,MAAM,UAAU,GAAG,SAAS,EAAE,CAAC,UAAU,CAAA;IACzC,IAAI,CAAC,UAAU;QAAE,OAAO,KAAK,CAAA;IAC7B,MAAM,GAAG,GAAG,EAAO,CAAA;IACnB,KAAK,MAAM,GAAG,IAAI,KAAK,EAAE,CAAC;QACxB,aAAa;QACb,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAA;IAC1C,CAAC;IACD,OAAO,GAAG,CAAA;AACZ,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAC,OAAe,EAAE,KAAa;IACjE,MAAM,UAAU,GAAG,SAAS,EAAE,CAAC,iBAAiB,CAAA;IAChD,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAA;AACrD,CAAC"}

package/dist/esm/helpers/getFontLanguage.js

@@ -0,0 +1,2 @@
+export const getFontLanguage = (fontFamily) => fontFamily.includes('_') ? fontFamily.split('_')[1] : null;
+//# sourceMappingURL=getFontLanguage.js.map

package/dist/esm/helpers/getFontLanguage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getFontLanguage.js","sourceRoot":"","sources":["../../../src/helpers/getFontLanguage.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,UAAkB,EAAE,EAAE,CACpD,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA"}

package/dist/esm/helpers/getGroupPropParts.js

@@ -0,0 +1,39 @@
+import { getMedia } from './mediaState.js';
+import { pseudoPriorities } from './pseudoDescriptors.js';
+// convert kebab-case to camelCase (e.g. "focus-visible" -> "focusVisible")
+function kebabToCamel(str) {
+    return str.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
+}
+// validate that a string is a known pseudo selector
+function isValidPseudo(str) {
+    if (!str)
+        return false;
+    // pseudoPriorities uses camelCase keys, but parsed candidates may be kebab-case
+    return kebabToCamel(str) in pseudoPriorities;
+}
+export function getGroupPropParts(groupProp) {
+    const m = getMedia();
+    const [_, name, a, b, c] = groupProp.split('-');
+    // check 2-part media key first (e.g. "max-md"), then 1-part
+    const m2 = a && b ? `${a}-${b}` : '';
+    const media = (m2 && m2 in m && m2) || (a && a in m && a) || undefined;
+    let pseudoCandidate = media
+        ? media === m2
+            ? c
+            : b
+                ? `${b}${c ? `-${c}` : ''}`
+                : undefined
+        : a
+            ? `${a}${b ? `-${b}` : ''}${c ? `-${c}` : ''}`
+            : undefined;
+    // only treat as pseudo if it's a known pseudo selector
+    // otherwise it might be an unrecognized media query
+    if (pseudoCandidate && !isValidPseudo(pseudoCandidate)) {
+        if (process.env.NODE_ENV === 'development') {
+            console.warn(`Unknown group prop part "${pseudoCandidate}" in "${groupProp}". If this is a media query, ensure it's defined in your hanzogui config.`);
+        }
+        pseudoCandidate = undefined;
+    }
+    return { name, pseudo: pseudoCandidate, media };
+}
+//# sourceMappingURL=getGroupPropParts.js.map

package/dist/esm/helpers/getGroupPropParts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getGroupPropParts.js","sourceRoot":"","sources":["../../../src/helpers/getGroupPropParts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAIzD,2EAA2E;AAC3E,SAAS,YAAY,CAAC,GAAW;IAC/B,OAAO,GAAG,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAA;AAC5D,CAAC;AAED,oDAAoD;AACpD,SAAS,aAAa,CAAC,GAAuB;IAC5C,IAAI,CAAC,GAAG;QAAE,OAAO,KAAK,CAAA;IACtB,gFAAgF;IAChF,OAAO,YAAY,CAAC,GAAG,CAAC,IAAI,gBAAgB,CAAA;AAC9C,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,SAAiB;IACjD,MAAM,CAAC,GAAG,QAAQ,EAAE,CAAA;IACpB,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAC/C,4DAA4D;IAC5D,MAAM,EAAE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IACpC,MAAM,KAAK,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,SAAS,CAAA;IACtE,IAAI,eAAe,GAAG,KAAK;QACzB,CAAC,CAAC,KAAK,KAAK,EAAE;YACZ,CAAC,CAAC,CAAC;YACH,CAAC,CAAC,CAAC;gBACD,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;gBAC3B,CAAC,CAAC,SAAS;QACf,CAAC,CAAC,CAAC;YACD,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;YAC9C,CAAC,CAAC,SAAS,CAAA;IAEf,uDAAuD;IACvD,oDAAoD;IACpD,IAAI,eAAe,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,EAAE,CAAC;QACvD,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE,CAAC;YAC3C,OAAO,CAAC,IAAI,CACV,4BAA4B,eAAe,SAAS,SAAS,2EAA2E,CACzI,CAAA;QACH,CAAC;QACD,eAAe,GAAG,SAAS,CAAA;IAC7B,CAAC;IAED,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,eAAe,EAAE,KAAK,EAAE,CAAA;AACjD,CAAC"}

package/dist/esm/helpers/getShorthandValue.js

@@ -0,0 +1,7 @@
+import { getConfig } from '../config.js';
+let inverseShorthands = null;
+export const getShorthandValue = (props, key) => {
+    inverseShorthands || (inverseShorthands = getConfig().inverseShorthands);
+    return props[key] ?? (inverseShorthands ? props[inverseShorthands[key]] : undefined);
+};
+//# sourceMappingURL=getShorthandValue.js.map

package/dist/esm/helpers/getShorthandValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getShorthandValue.js","sourceRoot":"","sources":["../../../src/helpers/getShorthandValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAGxC,IAAI,iBAAiB,GAA6B,IAAI,CAAA;AAEtD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAA0B,EAAE,GAAW,EAAE,EAAE;IAC3E,iBAAiB,KAAjB,iBAAiB,GAAK,SAAS,EAAE,CAAC,iBAAiB,EAAA;IACnD,OAAO,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;AACtF,CAAC,CAAA"}