@hanzogui/web 2.0.0

package/dist/cjs/helpers/createStyledContext.cjs

@@ -0,0 +1,82 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var createStyledContext_exports = {};
+__export(createStyledContext_exports, {
+  createStyledContext: () => createStyledContext
+});
+module.exports = __toCommonJS(createStyledContext_exports);
+var import_react = __toESM(require("react"), 1),
+  import_mergeProps = require("./mergeProps.cjs"),
+  import_objectIdentityKey = require("./objectIdentityKey.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const createStyledContext = (defaultValues, namespace = "") => {
+  "use no memo";
+
+  const createReactContext = import_react.default[Math.random(), "createContext"],
+    useReactMemo = import_react.default[Math.random(), "useMemo"],
+    useReactContext = import_react.default[Math.random(), "useContext"],
+    OGContext = createReactContext(defaultValues),
+    OGProvider = OGContext.Provider,
+    Context = OGContext,
+    scopedContexts = /* @__PURE__ */new Map(),
+    LastScopeInNamespace = createReactContext(namespace);
+  function getOrCreateScopedContext(scope) {
+    let ScopedContext = scopedContexts.get(scope);
+    return ScopedContext || (ScopedContext = createReactContext(defaultValues), scopedContexts.set(scope, ScopedContext)), ScopedContext;
+  }
+  const getNamespacedScope = scope => namespace ? `${namespace}--${scope}` : scope,
+    Provider = ({
+      children,
+      scope: scopeIn,
+      // performance: avoid creating objects
+      __disableMergeDefaultValues,
+      ...values
+    }) => {
+      const scope = getNamespacedScope(scopeIn),
+        next = useReactMemo(() => __disableMergeDefaultValues ? values : (0, import_mergeProps.mergeProps)(defaultValues, values), [(0, import_objectIdentityKey.objectIdentityKey)(values)]);
+      let ScopedProvider = OGProvider;
+      return scope && (ScopedProvider = getOrCreateScopedContext(scope).Provider), /* @__PURE__ */(0, import_jsx_runtime.jsx)(LastScopeInNamespace.Provider, {
+        value: scope,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ScopedProvider, {
+          value: next,
+          children
+        })
+      });
+    },
+    useStyledContext = (scopeIn = "") => {
+      const lastScopeInNamespace = useReactContext(LastScopeInNamespace),
+        scope = namespace ? scopeIn ? getNamespacedScope(scopeIn) : lastScopeInNamespace : scopeIn,
+        context = scope ? getOrCreateScopedContext(scope) : OGContext;
+      return useReactContext(context);
+    };
+  return Context.Provider = Provider, Context.props = defaultValues, Context.context = OGContext, Context.useStyledContext = useStyledContext, Context;
+};

package/dist/cjs/helpers/createStyledContext.native.js

@@ -0,0 +1,93 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var createStyledContext_exports = {};
+__export(createStyledContext_exports, {
+  createStyledContext: () => createStyledContext
+});
+module.exports = __toCommonJS(createStyledContext_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_react = __toESM(require("react"), 1),
+  import_mergeProps = require("./mergeProps.native.js"),
+  import_objectIdentityKey = require("./objectIdentityKey.native.js"),
+  createStyledContext = function (defaultValues) {
+    "use no memo";
+
+    var namespace = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "",
+      createReactContext = import_react.default[Math.random(), "createContext"],
+      useReactMemo = import_react.default[Math.random(), "useMemo"],
+      useReactContext = import_react.default[Math.random(), "useContext"],
+      OGContext = createReactContext(defaultValues),
+      OGProvider = OGContext.Provider,
+      Context = OGContext,
+      scopedContexts = /* @__PURE__ */new Map(),
+      LastScopeInNamespace = createReactContext(namespace);
+    function getOrCreateScopedContext(scope) {
+      var ScopedContext = scopedContexts.get(scope);
+      return ScopedContext || (ScopedContext = createReactContext(defaultValues), scopedContexts.set(scope, ScopedContext)), ScopedContext;
+    }
+    var getNamespacedScope = function (scope) {
+        return namespace ? `${namespace}--${scope}` : scope;
+      },
+      Provider = function (param) {
+        var {
+            children,
+            scope: scopeIn,
+            // performance: avoid creating objects
+            __disableMergeDefaultValues,
+            ...values
+          } = param,
+          scope = getNamespacedScope(scopeIn),
+          next = useReactMemo(function () {
+            return __disableMergeDefaultValues ? values : (0, import_mergeProps.mergeProps)(defaultValues, values);
+          }, [(0, import_objectIdentityKey.objectIdentityKey)(values)]),
+          ScopedProvider = OGProvider;
+        return scope && (ScopedProvider = getOrCreateScopedContext(scope).Provider), /* @__PURE__ */(0, import_jsx_runtime.jsx)(LastScopeInNamespace.Provider, {
+          value: scope,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(ScopedProvider, {
+            value: next,
+            children
+          })
+        });
+      },
+      useStyledContext = function () {
+        var scopeIn = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "",
+          lastScopeInNamespace = useReactContext(LastScopeInNamespace),
+          scope = namespace ? scopeIn ? getNamespacedScope(scopeIn) : lastScopeInNamespace : scopeIn,
+          context = scope ? getOrCreateScopedContext(scope) : OGContext,
+          value = useReactContext(context);
+        return value;
+      };
+    return Context.Provider = Provider, Context.props = defaultValues, Context.context = OGContext, Context.useStyledContext = useStyledContext, Context;
+  };
+//# sourceMappingURL=createStyledContext.native.js.map

package/dist/cjs/helpers/createStyledContext.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","createStyledContext_exports","__export","createStyledContext","module","exports","import_jsx_runtime","require","import_react","__toESM","import_mergeProps","import_objectIdentityKey","defaultValues","namespace","arguments","length","createReactContext","default","Math","random","useReactMemo","useReactContext","OGContext","OGProvider","Provider","Context","scopedContexts","Map","LastScopeInNamespace","getOrCreateScopedContext","scope","ScopedContext","get","set","getNamespacedScope","param","children","scopeIn","__disableMergeDefaultValues","values","next","mergeProps","objectIdentityKey","ScopedProvider","jsx"],"sources":["../../../src/helpers/createStyledContext.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,2BAElB;AAMO,IAAAK,kBAAM,GAAAC,OACX,oBACA;EAAAC,YACgC,GAAAC,OAAA,CAAAF,OAAA;EAAAG,iBAAA,GAAAH,OAAA;EAAAI,wBAAA,GAAAJ,OAAA;EAAAJ,mBAAA,YAAAA,CAAAS,aAAA;IAGhC;;IAMA,IAAAC,SAAM,GAAAC,SAAA,CAAAC,MAAqB,QAAAD,SACzB,QAAK,KAAO,CAAI,GAAAA,SAAA,GAClB,GACM;MAAAE,kBAAe,GAAAR,YACnB,CAAAS,OAAK,CAAAC,IAAO,CAAIC,MAAA,IAClB,eACM;MAAAC,YAAkB,GAAAZ,YACtB,CAAKS,OAAO,CAAAC,IAAI,CAAAC,MAAA,IAClB,SAEM;MAAAE,eAAY,GAAAb,YAA6C,CAAAS,OACzD,CAAAC,IAAA,CAAAC,MAAa,gBAAU;MAAAG,SACvB,GAAUN,kBACV,CAAAJ,aAAiB;MAAAW,UAAA,GAAID,SACrB,CAAAE,QAAA;MAAAC,OAAA,GAAuBH,SAAA;MAAAI,cAA2B,GAAS,mBAAAC,GAAA;MAAAC,oBAAA,GAAAZ,kBAAA,CAAAH,SAAA;IAEjE,SAASgB,yBAAyBC,KAAA,EAAe;MAC/C,IAAIC,aAAA,GAAgBL,cAAA,CAAeM,GAAA,CAAIF,KAAK;MAC5C,OAAKC,aAAA,KACHA,aAAA,GAAgBf,kBAAA,CAA6CJ,aAAa,GAC1Ec,cAAA,CAAeO,GAAA,CAAIH,KAAA,EAAOC,aAAa,IAElCA,aAAA;IACT;IAEA,IAAAG,kBAAM,YAAAA,CAAsBJ,KAC1B;QAGA,OAAAjB,SAAA,MAAAA,SAAA,KAAAiB,KAAA,KAAAA,KAAA;MAAA;MACAN,QAAO,YAAAA,CAAAW,KAAA;QAAA;YAEPC,QAAA;YACAN,KAAG,EAAAO,OAAA;YACL;YACEC,2BAAc;YAUd,GAAIC;UACJ,IAAAJ,KAAI;UAAAL,KAAA,GACFI,kBAAiB,CAAAG,OAAA;UAAAG,IAAA,GAAApB,YAAgC,aAGjD;YAOE,OAAAkB,2BAA8B,GAAOC,MAAA,OAAA7B,iBAAA,CAAA+B,UAAA,EAAA7B,aAAA,EAAA2B,MAAA;UACzC,IAQA,IAAA5B,wBADsC,CAAA+B,iBAAA,EAAAH,MAAA,EAExC;UAAAI,cAAA,GAAApB,UAAA;QAGA,OAAAO,KAAA,KAAQa,cAAW,GACnBd,wBAAgB,CAAAC,KAAA,CAChB,CAAAN,QAAQ,kBAAU,CAClB,GAAAlB,kBAAQ,CAAAsC,GAAA,EAAmBhB,oBAEpB,CAAAJ,QAAA;UACTxB,KAAA,EAAA8B,KAAA","ignoreList":[]}

package/dist/cjs/helpers/defaultAnimationDriver.cjs

@@ -0,0 +1,42 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var defaultAnimationDriver_exports = {};
+__export(defaultAnimationDriver_exports, {
+  defaultAnimationDriver: () => defaultAnimationDriver
+});
+module.exports = __toCommonJS(defaultAnimationDriver_exports);
+const noAnimationDriver = method => {
+    console.warn(`No animation driver configured. To use ${method}, you must pass \`animations\` to createGui. See: https://gui.hanzo.ai/docs/core/animations`);
+  },
+  createEmptyAnimationDriver = () => ({
+    isReactNative: !1,
+    inputStyle: "css",
+    outputStyle: "css",
+    isStub: !0,
+    animations: {},
+    useAnimations: () => noAnimationDriver("animations"),
+    usePresence: () => noAnimationDriver("usePresence"),
+    ResetPresence: () => noAnimationDriver("ResetPresence"),
+    useAnimatedNumber: () => noAnimationDriver("useAnimatedNumber"),
+    useAnimatedNumberStyle: () => noAnimationDriver("useAnimatedNumberStyle"),
+    useAnimatedNumberReaction: () => noAnimationDriver("useAnimatedNumberReaction")
+  }),
+  defaultAnimationDriver = createEmptyAnimationDriver();

package/dist/cjs/helpers/defaultAnimationDriver.native.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var defaultAnimationDriver_exports = {};
+__export(defaultAnimationDriver_exports, {
+  defaultAnimationDriver: () => defaultAnimationDriver
+});
+module.exports = __toCommonJS(defaultAnimationDriver_exports);
+var noAnimationDriver = function (method) {
+    console.warn(`No animation driver configured. To use ${method}, you must pass \`animations\` to createGui. See: https://gui.hanzo.ai/docs/core/animations`);
+  },
+  createEmptyAnimationDriver = function () {
+    return {
+      isReactNative: !1,
+      inputStyle: "css",
+      outputStyle: "css",
+      isStub: !0,
+      animations: {},
+      useAnimations: function () {
+        return noAnimationDriver("animations");
+      },
+      usePresence: function () {
+        return noAnimationDriver("usePresence");
+      },
+      ResetPresence: function () {
+        return noAnimationDriver("ResetPresence");
+      },
+      useAnimatedNumber: function () {
+        return noAnimationDriver("useAnimatedNumber");
+      },
+      useAnimatedNumberStyle: function () {
+        return noAnimationDriver("useAnimatedNumberStyle");
+      },
+      useAnimatedNumberReaction: function () {
+        return noAnimationDriver("useAnimatedNumberReaction");
+      }
+    };
+  },
+  defaultAnimationDriver = createEmptyAnimationDriver();
+//# sourceMappingURL=defaultAnimationDriver.native.js.map

package/dist/cjs/helpers/defaultAnimationDriver.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","defaultAnimationDriver_exports","__export","defaultAnimationDriver","module","exports","noAnimationDriver","method","console","warn","createEmptyAnimationDriver","isReactNative","inputStyle","outputStyle","isStub","animations","useAnimations","usePresence","ResetPresence"],"sources":["../../../src/helpers/defaultAnimationDriver.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,8BAAA;AAAAC,QAAA,CAAAD,8BAAA;EAAAE,sBAAA,EAAAA,CAAA,KAAAA;AAAA;AAEAC,MAAM,CAAAC,OAAA,GAAAT,YAAqB,CAAAK,8BAAwB;AACjD,IAAAK,iBAAQ,YAAAA,CAAAC,MAAA;IAAAC,OACN,CAAAC,IAAA,2CAAgDF,MAAA;EAAA;EAClDG,0BAAA,YAAAA,CAAA;IACF,OAEM;MACJC,aAAe;MACfC,UAAY;MACZC,WAAa;MACbC,MAAQ;MACRC,UAAY,EAAC;MACbC,aAAe,WAAAA,CAAA,EAAM;QACrB,OAAAV,iBAAmB,aAAkB;MACrC;MACAW,WAAA,WAAAA,CAAA,EAAyB;QACzB,OAAAX,iBAAwB,cAAM;MAC9B;MAGWY,aAAA,WAAAA,CAAA,EAAyB","ignoreList":[]}

package/dist/cjs/helpers/defaultOffset.cjs

@@ -0,0 +1,29 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var defaultOffset_exports = {};
+__export(defaultOffset_exports, {
+  defaultOffset: () => defaultOffset
+});
+module.exports = __toCommonJS(defaultOffset_exports);
+const defaultOffset = {
+  height: 0,
+  width: 0
+};

package/dist/cjs/helpers/defaultOffset.native.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var defaultOffset_exports = {};
+__export(defaultOffset_exports, {
+  defaultOffset: () => defaultOffset
+});
+module.exports = __toCommonJS(defaultOffset_exports);
+var defaultOffset = {
+  height: 0,
+  width: 0
+};
+//# sourceMappingURL=defaultOffset.native.js.map

package/dist/cjs/helpers/defaultOffset.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","defaultOffset_exports","__export","defaultOffset","module","exports"],"sources":["../../../src/helpers/defaultOffset.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAOC,MAAM,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,qBAAoB","ignoreList":[]}

package/dist/cjs/helpers/expandStyle.cjs

@@ -0,0 +1,67 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all2) => {
+    for (var name in all2) __defProp(target, name, {
+      get: all2[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var expandStyle_exports = {};
+__export(expandStyle_exports, {
+  expandStyle: () => expandStyle
+});
+module.exports = __toCommonJS(expandStyle_exports);
+var import_constants = require("@hanzogui/constants"),
+  import_config = require("../config.cjs"),
+  import_parseBorderShorthand = require("./parseBorderShorthand.cjs"),
+  import_parseOutlineShorthand = require("./parseOutlineShorthand.cjs");
+const neg1Flex = [["flexGrow", 0], ["flexShrink", 1], ["flexBasis", "auto"]];
+function expandStyle(key, value) {
+  if (key === "flex") return value === -1 ? neg1Flex : [["flexGrow", value], ["flexShrink", 1], ["flexBasis", (0, import_config.getSetting)("styleCompat") === "legacy" ? "auto" : 0]];
+  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 (key in EXPANSIONS) return EXPANSIONS[key].map(k => [k, value]);
+}
+const all = ["Top", "Right", "Bottom", "Left"],
+  horiz = ["Right", "Left"],
+  vert = ["Top", "Bottom"],
+  xy = ["X", "Y"],
+  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,
+    ...(import_constants.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}`);
+}

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

@@ -0,0 +1,162 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all2) => {
+    for (var name in all2) __defProp(target, name, {
+      get: all2[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var expandStyle_exports = {};
+__export(expandStyle_exports, {
+  expandStyle: () => expandStyle
+});
+module.exports = __toCommonJS(expandStyle_exports);
+var import_constants = require("@hanzogui/constants"),
+  import_config = require("../config.native.js"),
+  import_parseBorderShorthand = require("./parseBorderShorthand.native.js"),
+  import_parseOutlineShorthand = require("./parseOutlineShorthand.native.js"),
+  _loop = function (parent) {
+    var _exec,
+      _exec_index,
+      prefix = parent.slice(0, (_exec_index = (_exec = /[A-Z]/.exec(parent)) === null || _exec === void 0 ? void 0 : _exec.index) !== null && _exec_index !== void 0 ? _exec_index : parent.length);
+    EXPANSIONS[parent] = EXPANSIONS[parent].map(function (k) {
+      return `${prefix}${k}`;
+    });
+  };
+function expandStyle(key, value) {
+  if (import_constants.isAndroid && key === "elevationAndroid") return [["elevation", value]];
+  switch (key) {
+    case "objectFit":
+      {
+        var resizeMode = resizeModeMap[value] || "cover";
+        return [["resizeMode", resizeMode]];
+      }
+    case "verticalAlign":
+      return [["textAlignVertical", verticalAlignMap[value] || "auto"]];
+    case "position":
+      return value === "fixed" || value === "sticky" ? [["position", "absolute"]] : void 0;
+    case "backgroundImage":
+      return [["experimental_backgroundImage", value]];
+    case "border":
+      {
+        if (typeof value == "string") {
+          var parsed = (0, import_parseBorderShorthand.parseBorderShorthand)(value);
+          if (parsed) return parsed;
+        }
+        return;
+      }
+    case "outline":
+      {
+        if (typeof value == "string") {
+          var parsed1 = (0, import_parseOutlineShorthand.parseOutlineShorthand)(value);
+          if (parsed1) return parsed1;
+        }
+        return;
+      }
+  }
+  if (key in nativeExpansions) return nativeExpansions[key].map(function (k) {
+    return [k, value];
+  });
+  if (key in EXPANSIONS) return EXPANSIONS[key].map(function (k) {
+    return [k, value];
+  });
+}
+var resizeModeMap = {
+    fill: "stretch",
+    none: "center",
+    "scale-down": "contain",
+    contain: "contain",
+    cover: "cover"
+  },
+  verticalAlignMap = {
+    top: "top",
+    middle: "center",
+    bottom: "bottom",
+    auto: "auto"
+  },
+  all = ["Top", "Right", "Bottom", "Left"],
+  horiz = ["Right", "Left"],
+  vert = ["Top", "Bottom"],
+  xy = ["X", "Y"],
+  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,
+    ...(import_constants.isWeb && {
+      // react-native only supports borderStyle
+      borderStyle: ["TopStyle", "RightStyle", "BottomStyle", "LeftStyle"],
+      // react-native doesn't support X / Y
+      overflow: xy,
+      overscrollBehavior: xy
+    })
+  };
+for (var parent in EXPANSIONS) _loop(parent);
+var nativeExpansions = {
+  // logical border properties
+  borderBlockColor: ["borderTopColor", "borderBottomColor"],
+  borderInlineColor: ["borderEndColor", "borderStartColor"],
+  borderBlockWidth: ["borderTopWidth", "borderBottomWidth"],
+  borderInlineWidth: ["borderEndWidth", "borderStartWidth"],
+  borderBlockStyle: ["borderTopStyle", "borderBottomStyle"],
+  borderInlineStyle: ["borderEndStyle", "borderStartStyle"],
+  borderBlockStartColor: ["borderTopColor"],
+  borderBlockEndColor: ["borderBottomColor"],
+  borderInlineStartColor: ["borderStartColor"],
+  borderInlineEndColor: ["borderEndColor"],
+  borderBlockStartWidth: ["borderTopWidth"],
+  borderBlockEndWidth: ["borderBottomWidth"],
+  borderInlineStartWidth: ["borderStartWidth"],
+  borderInlineEndWidth: ["borderEndWidth"],
+  borderBlockStartStyle: ["borderTopStyle"],
+  borderBlockEndStyle: ["borderBottomStyle"],
+  borderInlineStartStyle: ["borderStartStyle"],
+  borderInlineEndStyle: ["borderEndStyle"],
+  // logical margin/padding
+  marginBlock: ["marginTop", "marginBottom"],
+  marginInline: ["marginEnd", "marginStart"],
+  paddingBlock: ["paddingTop", "paddingBottom"],
+  paddingInline: ["paddingEnd", "paddingStart"],
+  marginBlockStart: ["marginTop"],
+  marginBlockEnd: ["marginBottom"],
+  marginInlineStart: ["marginStart"],
+  marginInlineEnd: ["marginEnd"],
+  paddingBlockStart: ["paddingTop"],
+  paddingBlockEnd: ["paddingBottom"],
+  paddingInlineStart: ["paddingStart"],
+  paddingInlineEnd: ["paddingEnd"],
+  // logical sizing
+  minBlockSize: ["minHeight"],
+  maxBlockSize: ["maxHeight"],
+  minInlineSize: ["minWidth"],
+  maxInlineSize: ["maxWidth"],
+  blockSize: ["height"],
+  inlineSize: ["width"],
+  // inset
+  inset: ["top", "right", "bottom", "left"],
+  insetBlock: ["top", "bottom"],
+  insetBlockStart: ["top"],
+  insetBlockEnd: ["bottom"],
+  insetInlineStart: ["left"],
+  insetInlineEnd: ["right"]
+};
+//# sourceMappingURL=expandStyle.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","expandStyle_exports","__export","expandStyle","module","exports","import_constants","require","import_config","import_parseBorderShorthand","import_parseOutlineShorthand","_loop","parent","_exec","_exec_index","prefix","slice","exec","index","length","EXPANSIONS","map","k","key","isAndroid","resizeMode","resizeModeMap","verticalAlignMap","parsed","parseBorderShorthand"],"sources":["../../../src/helpers/expandStyle.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,WAAA,EAAAA,CAAA,KAAAA;AAAA;AAKAC,MAAA,CAAAC,OAAA,GAAAT,YAAiC,CAAAK,mBAAA;AAOjC,IAAAK,gBAAiB,GAAAC,OAAA;EAAAC,aAAA,GAAAD,OAAA;EAAAE,2BAAA,GAAAF,OAAA;EAAAG,4BAAA,GAAAH,OAAA;EAAAI,KAAA,YAAAA,CAAAC,MAAA;IACf,IAACC,KAAA;MAAAC,WAAa;MAAAC,MAAA,GAAAH,MAAA,CAAAI,KAAA,KAAAF,WAAA,IAAAD,KAAA,WAAAI,IAAA,CAAAL,MAAA,eAAAC,KAAA,uBAAAA,KAAA,CAAAK,KAAA,cAAAJ,WAAA,cAAAA,WAAA,GAAAF,MAAA,CAAAO,MAAA;IACdC,UAAC,CAAAR,MAAe,IAAAQ,UAAA,CAAAR,MAAA,EAAAS,GAAA,WAAAC,CAAA;MACf,UAAAP,MAAa,GAAMO,CAAA;IACtB;EAEO;AAEH,SAAInB,WAAQA,CAAAoB,GAAA,EAAAvB,KAAA;EACV,IAAAM,gBAAc,CAAAkB,SACL,IAAAD,GAEF,gCACJ,CACD,CACC,aACHvB,KAAA,CAGF,CACE;EACE,QAAAuB,GAAO;IAAqB;MAAA;QAG9B,IAAKE,UAAA,GAAAC,aAAA,CAAA1B,KAAA;QACH,OAAO,CACL,CACC,cACHyB,UAAA,CAEJ,CAyDE;MACF;IAEJ;MAmBM,OAAO,CAMX,CACA,mBAAc,EACZE,gBAAA,CAAA3B,KAAA,YACA,CACA;IACA;MACF,OAAAA,KAAA,gBAAAA,KAAA,iBACA,CACQ,YACR,UAAkB,CAClB,CACA,QAAS;IACT,sBAAmB;MACnB,QACI,CAAS,gCAEXA,KAAA,CAAkE,CAElE;IACA;MAAA;QACF,WAAAA,KAAA;UACF,IAAA4B,MAAA,OAAAnB,2BAAA,CAAAoB,oBAAA,EAAA7B,KAAA;UAEA,IAAW4B,MAAA,EACH,OAASA,MAAA;QACf;QACF","ignoreList":[]}

package/dist/cjs/helpers/expandStyles.cjs

@@ -0,0 +1,40 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var expandStyles_exports = {};
+__export(expandStyles_exports, {
+  fixStyles: () => fixStyles
+});
+module.exports = __toCommonJS(expandStyles_exports);
+var import_constants = require("@hanzogui/constants"),
+  import_normalizeShadow = require("./normalizeShadow.cjs");
+function fixStyles(style) {
+  (style.shadowRadius != null || style.shadowColor || style.shadowOpacity != null || style.shadowOffset) && Object.assign(style, (0, import_normalizeShadow.normalizeShadow)(style));
+  for (const key in borderDefaults) key in style && (style[borderDefaults[key]] ||= "solid");
+}
+const nativeStyle = import_constants.isWeb ? null : "borderStyle",
+  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
+  };