@storybook/react-native-theming 9.1.0 → 9.1.1-alpha.1

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as RN from 'react-native';
-import { ImageSourcePropType, ImageProps, TextStyle } from 'react-native';
+import { TextStyle, ImageSourcePropType, ImageProps } from 'react-native';
 import * as React$1 from 'react';
 import { ReactElement } from 'react';
 
@@ -495,4 +495,4 @@ type StorybookTheme = StorybookThemeWeb;
 declare const theme: StorybookThemeWeb;
 declare const darkTheme: StorybookThemeWeb;
 
-export { StorybookTheme, StyledComponent, ThemeProvider, darkTheme, styled, theme, useTheme, withTheme };
+export { type StorybookTheme, type StyledComponent, ThemeProvider, darkTheme, styled, theme, useTheme, withTheme };

package/dist/index.js

@@ -31,7 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 
 // ../../node_modules/postcss-value-parser/lib/parse.js
 var require_parse = __commonJS({
-  "../../node_modules/postcss-value-parser/lib/parse.js"(exports, module2) {
+  "../../node_modules/postcss-value-parser/lib/parse.js"(exports2, module2) {
     var openParentheses = "(".charCodeAt(0);
     var closeParentheses = ")".charCodeAt(0);
     var singleQuote = "'".charCodeAt(0);
@@ -281,7 +281,7 @@ var require_parse = __commonJS({
 
 // ../../node_modules/postcss-value-parser/lib/walk.js
 var require_walk = __commonJS({
-  "../../node_modules/postcss-value-parser/lib/walk.js"(exports, module2) {
+  "../../node_modules/postcss-value-parser/lib/walk.js"(exports2, module2) {
     module2.exports = function walk(nodes, cb, bubble) {
       var i, max, node2, result;
       for (i = 0, max = nodes.length; i < max; i += 1) {
@@ -302,7 +302,7 @@ var require_walk = __commonJS({
 
 // ../../node_modules/postcss-value-parser/lib/stringify.js
 var require_stringify = __commonJS({
-  "../../node_modules/postcss-value-parser/lib/stringify.js"(exports, module2) {
+  "../../node_modules/postcss-value-parser/lib/stringify.js"(exports2, module2) {
     function stringifyNode(node2, custom) {
       var type = node2.type;
       var value = node2.value;
@@ -345,7 +345,7 @@ var require_stringify = __commonJS({
 
 // ../../node_modules/postcss-value-parser/lib/unit.js
 var require_unit = __commonJS({
-  "../../node_modules/postcss-value-parser/lib/unit.js"(exports, module2) {
+  "../../node_modules/postcss-value-parser/lib/unit.js"(exports2, module2) {
     var minus = "-".charCodeAt(0);
     var plus = "+".charCodeAt(0);
     var dot = ".".charCodeAt(0);
@@ -432,7 +432,7 @@ var require_unit = __commonJS({
 
 // ../../node_modules/postcss-value-parser/lib/index.js
 var require_lib = __commonJS({
-  "../../node_modules/postcss-value-parser/lib/index.js"(exports, module2) {
+  "../../node_modules/postcss-value-parser/lib/index.js"(exports2, module2) {
     var parse2 = require_parse();
     var walk = require_walk();
     var stringify2 = require_stringify();
@@ -459,7 +459,7 @@ var require_lib = __commonJS({
 
 // ../../node_modules/camelize/index.js
 var require_camelize = __commonJS({
-  "../../node_modules/camelize/index.js"(exports, module2) {
+  "../../node_modules/camelize/index.js"(exports2, module2) {
     "use strict";
     module2.exports = function(obj) {
       if (typeof obj === "string") {
@@ -531,7 +531,7 @@ var require_camelize = __commonJS({
 
 // ../../node_modules/css-color-keywords/colors.json
 var require_colors = __commonJS({
-  "../../node_modules/css-color-keywords/colors.json"(exports, module2) {
+  "../../node_modules/css-color-keywords/colors.json"(exports2, module2) {
     module2.exports = {
       black: "#000000",
       silver: "#c0c0c0",
@@ -685,7 +685,7 @@ var require_colors = __commonJS({
 
 // ../../node_modules/css-color-keywords/index.js
 var require_css_color_keywords = __commonJS({
-  "../../node_modules/css-color-keywords/index.js"(exports, module2) {
+  "../../node_modules/css-color-keywords/index.js"(exports2, module2) {
     "use strict";
     module2.exports = require_colors();
   }
@@ -693,9 +693,9 @@ var require_css_color_keywords = __commonJS({
 
 // ../../node_modules/css-to-react-native/index.js
 var require_css_to_react_native = __commonJS({
-  "../../node_modules/css-to-react-native/index.js"(exports) {
+  "../../node_modules/css-to-react-native/index.js"(exports2) {
     "use strict";
-    Object.defineProperty(exports, "__esModule", {
+    Object.defineProperty(exports2, "__esModule", {
       value: true
     });
     function _interopDefault(ex) {
@@ -706,8 +706,7 @@ var require_css_to_react_native = __commonJS({
     var camelizeStyleName = _interopDefault(require_camelize());
     var cssColorKeywords = _interopDefault(require_css_color_keywords());
     var matchString = function matchString2(node2) {
-      if (node2.type !== "string")
-        return null;
+      if (node2.type !== "string") return null;
       return node2.value.replace(/\\([0-9a-f]{1,6})(?:\s|$)/gi, function(match2, charCode) {
         return String.fromCharCode(parseInt(charCode, 16));
       }).replace(/\\/g, "");
@@ -745,11 +744,9 @@ var require_css_to_react_native = __commonJS({
         transform3 = String;
       }
       return function(node2) {
-        if (node2.type !== "word")
-          return null;
+        if (node2.type !== "word") return null;
         var match2 = node2.value.match(regExp);
-        if (match2 === null)
-          return null;
+        if (match2 === null) return null;
         var value = transform3(match2[1]);
         return value;
       };
@@ -805,8 +802,7 @@ var require_css_to_react_native = __commonJS({
       }
       var partsParsed = 0;
       while (partsParsed < 3 && tokenStream.hasTokens()) {
-        if (partsParsed !== 0)
-          tokenStream.expect(SPACE);
+        if (partsParsed !== 0) tokenStream.expect(SPACE);
         if (borderWidth2 === void 0 && tokenStream.matches(LENGTH, UNSUPPORTED_LENGTH_UNIT)) {
           borderWidth2 = tokenStream.lastValue;
         } else if (borderColor2 === void 0 && tokenStream.matches(COLOR)) {
@@ -819,12 +815,9 @@ var require_css_to_react_native = __commonJS({
         partsParsed += 1;
       }
       tokenStream.expectEmpty();
-      if (borderWidth2 === void 0)
-        borderWidth2 = defaultBorderWidth;
-      if (borderColor2 === void 0)
-        borderColor2 = defaultBorderColor;
-      if (borderStyle === void 0)
-        borderStyle = defaultBorderStyle;
+      if (borderWidth2 === void 0) borderWidth2 = defaultBorderWidth;
+      if (borderColor2 === void 0) borderColor2 = defaultBorderColor;
+      if (borderStyle === void 0) borderStyle = defaultBorderStyle;
       return {
         borderWidth: borderWidth2,
         borderColor: borderColor2,
@@ -876,8 +869,7 @@ var require_css_to_react_native = __commonJS({
       }
       var didParseFirst = false;
       while (tokenStream.hasTokens()) {
-        if (didParseFirst)
-          tokenStream.expect(SPACE);
+        if (didParseFirst) tokenStream.expect(SPACE);
         if (offsetX === void 0 && tokenStream.matches(LENGTH, UNSUPPORTED_LENGTH_UNIT)) {
           offsetX = tokenStream.lastValue;
           tokenStream.expect(SPACE);
@@ -895,8 +887,7 @@ var require_css_to_react_native = __commonJS({
         }
         didParseFirst = true;
       }
-      if (offsetX === void 0)
-        tokenStream["throw"]();
+      if (offsetX === void 0) tokenStream["throw"]();
       return {
         offset: {
           width: offsetX,
@@ -941,8 +932,7 @@ var require_css_to_react_native = __commonJS({
       tokenStream.rewind();
       var partsParsed = 0;
       while (partsParsed < 2 && tokenStream.hasTokens()) {
-        if (partsParsed !== 0)
-          tokenStream.expect(SPACE);
+        if (partsParsed !== 0) tokenStream.expect(SPACE);
         if (flexGrow === void 0 && tokenStream.matches(NUMBER)) {
           flexGrow = tokenStream.lastValue;
           tokenStream.saveRewindPoint();
@@ -961,12 +951,9 @@ var require_css_to_react_native = __commonJS({
         partsParsed += 1;
       }
       tokenStream.expectEmpty();
-      if (flexGrow === void 0)
-        flexGrow = defaultFlexGrow;
-      if (flexShrink === void 0)
-        flexShrink = defaultFlexShrink;
-      if (flexBasis === void 0)
-        flexBasis = defaultFlexBasis;
+      if (flexGrow === void 0) flexGrow = defaultFlexGrow;
+      if (flexShrink === void 0) flexShrink = defaultFlexShrink;
+      if (flexBasis === void 0) flexBasis = defaultFlexBasis;
       return {
         flexGrow,
         flexShrink,
@@ -982,8 +969,7 @@ var require_css_to_react_native = __commonJS({
       var flexDirection;
       var partsParsed = 0;
       while (partsParsed < 2 && tokenStream.hasTokens()) {
-        if (partsParsed !== 0)
-          tokenStream.expect(SPACE);
+        if (partsParsed !== 0) tokenStream.expect(SPACE);
         if (flexWrap === void 0 && tokenStream.matches(FLEX_WRAP)) {
           flexWrap = tokenStream.lastValue;
         } else if (flexDirection === void 0 && tokenStream.matches(FLEX_DIRECTION)) {
@@ -994,10 +980,8 @@ var require_css_to_react_native = __commonJS({
         partsParsed += 1;
       }
       tokenStream.expectEmpty();
-      if (flexWrap === void 0)
-        flexWrap = defaultFlexWrap;
-      if (flexDirection === void 0)
-        flexDirection = defaultFlexDirection;
+      if (flexWrap === void 0) flexWrap = defaultFlexWrap;
+      if (flexDirection === void 0) flexDirection = defaultFlexDirection;
       return {
         flexWrap,
         flexDirection
@@ -1034,8 +1018,7 @@ var require_css_to_react_native = __commonJS({
       var lineHeight;
       var numStyleWeightVariantMatched = 0;
       while (numStyleWeightVariantMatched < 3 && tokenStream.hasTokens()) {
-        if (tokenStream.matches(NORMAL))
-          ;
+        if (tokenStream.matches(NORMAL)) ;
         else if (fontStyle === void 0 && tokenStream.matches(STYLE)) {
           fontStyle = tokenStream.lastValue;
         } else if (fontWeight2 === void 0 && tokenStream.matches(WEIGHT)) {
@@ -1054,12 +1037,9 @@ var require_css_to_react_native = __commonJS({
       }
       tokenStream.expect(SPACE);
       var _fontFamily = fontFamily(tokenStream), fontFamily$1 = _fontFamily.fontFamily;
-      if (fontStyle === void 0)
-        fontStyle = defaultFontStyle;
-      if (fontWeight2 === void 0)
-        fontWeight2 = defaultFontWeight;
-      if (fontVariant2 === void 0)
-        fontVariant2 = defaultFontVariant;
+      if (fontStyle === void 0) fontStyle = defaultFontStyle;
+      if (fontWeight2 === void 0) fontWeight2 = defaultFontWeight;
+      if (fontVariant2 === void 0) fontVariant2 = defaultFontVariant;
       var out = {
         fontStyle,
         fontWeight: fontWeight2,
@@ -1067,8 +1047,7 @@ var require_css_to_react_native = __commonJS({
         fontSize,
         fontFamily: fontFamily$1
       };
-      if (lineHeight !== void 0)
-        out.lineHeight = lineHeight;
+      if (lineHeight !== void 0) out.lineHeight = lineHeight;
       return out;
     };
     var fontVariant = function fontVariant2(tokenStream) {
@@ -1108,8 +1087,7 @@ var require_css_to_react_native = __commonJS({
       var color2;
       var didParseFirst = false;
       while (tokenStream.hasTokens()) {
-        if (didParseFirst)
-          tokenStream.expect(SPACE);
+        if (didParseFirst) tokenStream.expect(SPACE);
         if (line2 === void 0 && tokenStream.matches(LINE)) {
           var lines = [tokenStream.lastValue.toLowerCase()];
           tokenStream.saveRewindPoint();
@@ -1139,8 +1117,7 @@ var require_css_to_react_native = __commonJS({
       var lines = [];
       var didParseFirst = false;
       while (tokenStream.hasTokens()) {
-        if (didParseFirst)
-          tokenStream.expect(SPACE);
+        if (didParseFirst) tokenStream.expect(SPACE);
         lines.push(tokenStream.expect(LINE).toLowerCase());
         didParseFirst = true;
       }
@@ -1209,8 +1186,7 @@ var require_css_to_react_native = __commonJS({
       var transforms2 = [];
       var didParseFirst = false;
       while (tokenStream.hasTokens()) {
-        if (didParseFirst)
-          tokenStream.expect(SPACE);
+        if (didParseFirst) tokenStream.expect(SPACE);
         var functionStream = tokenStream.expectFunction();
         var functionName = functionStream.functionName;
         var transformedValues = partTransforms[functionName](functionStream);
@@ -1310,8 +1286,7 @@ var require_css_to_react_native = __commonJS({
         return this.index <= this.nodes.length - 1;
       };
       _proto[SYMBOL_MATCH] = function() {
-        if (!this.hasTokens())
-          return null;
+        if (!this.hasTokens()) return null;
         var node2 = this.nodes[this.index];
         for (var i = 0; i < arguments.length; i += 1) {
           var tokenDescriptor = i < 0 || arguments.length <= i ? void 0 : arguments[i];
@@ -1333,8 +1308,7 @@ var require_css_to_react_native = __commonJS({
       };
       _proto.matchesFunction = function matchesFunction() {
         var node2 = this.nodes[this.index];
-        if (node2.type !== "function")
-          return null;
+        if (node2.type !== "function") return null;
         var value = new TokenStream2(node2.nodes, node2);
         this.index += 1;
         this.lastValue = null;
@@ -1345,8 +1319,7 @@ var require_css_to_react_native = __commonJS({
         return value !== null ? value : this["throw"]();
       };
       _proto.expectEmpty = function expectEmpty() {
-        if (this.hasTokens())
-          this["throw"]();
+        if (this.hasTokens()) this["throw"]();
       };
       _proto["throw"] = function _throw() {
         throw new Error("Unexpected token type: " + this.nodes[this.index].type);
@@ -1355,8 +1328,7 @@ var require_css_to_react_native = __commonJS({
         this.rewindIndex = this.index;
       };
       _proto.rewind = function rewind() {
-        if (this.rewindIndex === -1)
-          throw new Error("Internal error");
+        if (this.rewindIndex === -1) throw new Error("Internal error");
         this.index = this.rewindIndex;
         this.lastValue = null;
       };
@@ -1379,17 +1351,13 @@ var require_css_to_react_native = __commonJS({
         }
       }
       var numberMatch = value.match(numberOrLengthRe);
-      if (numberMatch !== null)
-        return Number(numberMatch[1]);
+      if (numberMatch !== null) return Number(numberMatch[1]);
       var boolMatch = value.match(boolRe);
-      if (boolMatch !== null)
-        return boolMatch[0].toLowerCase() === "true";
+      if (boolMatch !== null) return boolMatch[0].toLowerCase() === "true";
       var nullMatch = value.match(nullRe);
-      if (nullMatch !== null)
-        return null;
+      if (nullMatch !== null) return null;
       var undefinedMatch = value.match(undefinedRe);
-      if (undefinedMatch !== null)
-        return void 0;
+      if (undefinedMatch !== null) return void 0;
       return value;
     };
     var baseTransformShorthandValue = function baseTransformShorthandValue2(propName, value) {
@@ -1429,16 +1397,16 @@ var require_css_to_react_native = __commonJS({
         return Object.assign(accum, getStylesForProperty(propertyName, value, allowShorthand));
       }, {});
     };
-    exports["default"] = index2;
-    exports.getPropertyName = getPropertyName;
-    exports.getStylesForProperty = getStylesForProperty;
-    exports.transformRawValue = transformRawValue;
+    exports2["default"] = index2;
+    exports2.getPropertyName = getPropertyName;
+    exports2.getStylesForProperty = getStylesForProperty;
+    exports2.transformRawValue = transformRawValue;
   }
 });
 
 // ../../node_modules/react-is/cjs/react-is.production.min.js
 var require_react_is_production_min = __commonJS({
-  "../../node_modules/react-is/cjs/react-is.production.min.js"(exports) {
+  "../../node_modules/react-is/cjs/react-is.production.min.js"(exports2) {
     "use strict";
     var b = "function" === typeof Symbol && Symbol.for;
     var c = b ? Symbol.for("react.element") : 60103;
@@ -1492,66 +1460,66 @@ var require_react_is_production_min = __commonJS({
     function A(a) {
       return z(a) === m;
     }
-    exports.AsyncMode = l;
-    exports.ConcurrentMode = m;
-    exports.ContextConsumer = k;
-    exports.ContextProvider = h;
-    exports.Element = c;
-    exports.ForwardRef = n;
-    exports.Fragment = e;
-    exports.Lazy = t;
-    exports.Memo = r;
-    exports.Portal = d;
-    exports.Profiler = g;
-    exports.StrictMode = f;
-    exports.Suspense = p;
-    exports.isAsyncMode = function(a) {
+    exports2.AsyncMode = l;
+    exports2.ConcurrentMode = m;
+    exports2.ContextConsumer = k;
+    exports2.ContextProvider = h;
+    exports2.Element = c;
+    exports2.ForwardRef = n;
+    exports2.Fragment = e;
+    exports2.Lazy = t;
+    exports2.Memo = r;
+    exports2.Portal = d;
+    exports2.Profiler = g;
+    exports2.StrictMode = f;
+    exports2.Suspense = p;
+    exports2.isAsyncMode = function(a) {
       return A(a) || z(a) === l;
     };
-    exports.isConcurrentMode = A;
-    exports.isContextConsumer = function(a) {
+    exports2.isConcurrentMode = A;
+    exports2.isContextConsumer = function(a) {
       return z(a) === k;
     };
-    exports.isContextProvider = function(a) {
+    exports2.isContextProvider = function(a) {
       return z(a) === h;
     };
-    exports.isElement = function(a) {
+    exports2.isElement = function(a) {
       return "object" === typeof a && null !== a && a.$$typeof === c;
     };
-    exports.isForwardRef = function(a) {
+    exports2.isForwardRef = function(a) {
       return z(a) === n;
     };
-    exports.isFragment = function(a) {
+    exports2.isFragment = function(a) {
       return z(a) === e;
     };
-    exports.isLazy = function(a) {
+    exports2.isLazy = function(a) {
       return z(a) === t;
     };
-    exports.isMemo = function(a) {
+    exports2.isMemo = function(a) {
       return z(a) === r;
     };
-    exports.isPortal = function(a) {
+    exports2.isPortal = function(a) {
       return z(a) === d;
     };
-    exports.isProfiler = function(a) {
+    exports2.isProfiler = function(a) {
       return z(a) === g;
     };
-    exports.isStrictMode = function(a) {
+    exports2.isStrictMode = function(a) {
       return z(a) === f;
     };
-    exports.isSuspense = function(a) {
+    exports2.isSuspense = function(a) {
       return z(a) === p;
     };
-    exports.isValidElementType = function(a) {
+    exports2.isValidElementType = function(a) {
       return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
     };
-    exports.typeOf = z;
+    exports2.typeOf = z;
   }
 });
 
 // ../../node_modules/react-is/cjs/react-is.development.js
 var require_react_is_development = __commonJS({
-  "../../node_modules/react-is/cjs/react-is.development.js"(exports) {
+  "../../node_modules/react-is/cjs/react-is.development.js"(exports2) {
     "use strict";
     if (process.env.NODE_ENV !== "production") {
       (function() {
@@ -1671,34 +1639,34 @@ var require_react_is_development = __commonJS({
         function isSuspense(object) {
           return typeOf(object) === REACT_SUSPENSE_TYPE;
         }
-        exports.AsyncMode = AsyncMode;
-        exports.ConcurrentMode = ConcurrentMode;
-        exports.ContextConsumer = ContextConsumer;
-        exports.ContextProvider = ContextProvider;
-        exports.Element = Element;
-        exports.ForwardRef = ForwardRef;
-        exports.Fragment = Fragment3;
-        exports.Lazy = Lazy;
-        exports.Memo = Memo;
-        exports.Portal = Portal;
-        exports.Profiler = Profiler;
-        exports.StrictMode = StrictMode;
-        exports.Suspense = Suspense;
-        exports.isAsyncMode = isAsyncMode;
-        exports.isConcurrentMode = isConcurrentMode;
-        exports.isContextConsumer = isContextConsumer;
-        exports.isContextProvider = isContextProvider;
-        exports.isElement = isElement;
-        exports.isForwardRef = isForwardRef;
-        exports.isFragment = isFragment;
-        exports.isLazy = isLazy;
-        exports.isMemo = isMemo;
-        exports.isPortal = isPortal;
-        exports.isProfiler = isProfiler;
-        exports.isStrictMode = isStrictMode;
-        exports.isSuspense = isSuspense;
-        exports.isValidElementType = isValidElementType;
-        exports.typeOf = typeOf;
+        exports2.AsyncMode = AsyncMode;
+        exports2.ConcurrentMode = ConcurrentMode;
+        exports2.ContextConsumer = ContextConsumer;
+        exports2.ContextProvider = ContextProvider;
+        exports2.Element = Element;
+        exports2.ForwardRef = ForwardRef;
+        exports2.Fragment = Fragment3;
+        exports2.Lazy = Lazy;
+        exports2.Memo = Memo;
+        exports2.Portal = Portal;
+        exports2.Profiler = Profiler;
+        exports2.StrictMode = StrictMode;
+        exports2.Suspense = Suspense;
+        exports2.isAsyncMode = isAsyncMode;
+        exports2.isConcurrentMode = isConcurrentMode;
+        exports2.isContextConsumer = isContextConsumer;
+        exports2.isContextProvider = isContextProvider;
+        exports2.isElement = isElement;
+        exports2.isForwardRef = isForwardRef;
+        exports2.isFragment = isFragment;
+        exports2.isLazy = isLazy;
+        exports2.isMemo = isMemo;
+        exports2.isPortal = isPortal;
+        exports2.isProfiler = isProfiler;
+        exports2.isStrictMode = isStrictMode;
+        exports2.isSuspense = isSuspense;
+        exports2.isValidElementType = isValidElementType;
+        exports2.typeOf = typeOf;
       })();
     }
   }
@@ -1706,7 +1674,7 @@ var require_react_is_development = __commonJS({
 
 // ../../node_modules/react-is/index.js
 var require_react_is = __commonJS({
-  "../../node_modules/react-is/index.js"(exports, module2) {
+  "../../node_modules/react-is/index.js"(exports2, module2) {
     "use strict";
     if (process.env.NODE_ENV === "production") {
       module2.exports = require_react_is_production_min();
@@ -1718,7 +1686,7 @@ var require_react_is = __commonJS({
 
 // ../../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js
 var require_hoist_non_react_statics_cjs = __commonJS({
-  "../../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js"(exports, module2) {
+  "../../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js"(exports2, module2) {
     "use strict";
     var reactIs = require_react_is();
     var REACT_STATICS = {
@@ -1806,13 +1774,12 @@ var require_hoist_non_react_statics_cjs = __commonJS({
 
 // ../../node_modules/@babel/runtime/helpers/extends.js
 var require_extends = __commonJS({
-  "../../node_modules/@babel/runtime/helpers/extends.js"(exports, module2) {
+  "../../node_modules/@babel/runtime/helpers/extends.js"(exports2, module2) {
     function _extends2() {
       return module2.exports = _extends2 = Object.assign ? Object.assign.bind() : function(n) {
         for (var e = 1; e < arguments.length; e++) {
           var t = arguments[e];
-          for (var r in t)
-            ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+          for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
         }
         return n;
       }, module2.exports.__esModule = true, module2.exports["default"] = module2.exports, _extends2.apply(null, arguments);
@@ -1822,8 +1789,8 @@ var require_extends = __commonJS({
 });
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   ThemeProvider: () => ThemeProvider,
   darkTheme: () => darkTheme,
   styled: () => index,
@@ -1831,7 +1798,7 @@ __export(src_exports, {
   useTheme: () => useTheme,
   withTheme: () => withTheme
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // ../../node_modules/@emotion/native/dist/emotion-native.esm.js
 var reactNative = __toESM(require("react-native"));
@@ -2016,12 +1983,14 @@ function slice(begin, end) {
 }
 function token(type) {
   switch (type) {
+    // \0 \t \n \r \s whitespace token
     case 0:
     case 9:
     case 10:
     case 13:
     case 32:
       return 5;
+    // ! + , / > @ ~ isolate token
     case 33:
     case 43:
     case 44:
@@ -2029,17 +1998,21 @@ function token(type) {
     case 62:
     case 64:
     case 126:
+    // ; { } breakpoint token
     case 59:
     case 123:
     case 125:
       return 4;
+    // : accompanied token
     case 58:
       return 3;
+    // " ' ( [ opening delimit token
     case 34:
     case 39:
     case 40:
     case 91:
       return 2;
+    // ) ] closing delimit token
     case 41:
     case 93:
       return 1;
@@ -2072,17 +2045,21 @@ function escaping(index2, count) {
 function delimiter(type) {
   while (next())
     switch (character) {
+      // ] ) " '
       case type:
         return position;
+      // " '
       case 34:
       case 39:
         if (type !== 34 && type !== 39)
           delimiter(character);
         break;
+      // (
       case 40:
         if (type === 41)
           delimiter(type);
         break;
+      // \
       case 92:
         next();
         break;
@@ -2125,26 +2102,31 @@ function parse(value, root, parent, rule, rules, rulesets, pseudo, points, decla
   var characters2 = type;
   while (scanning)
     switch (previous = character2, character2 = next()) {
+      // (
       case 40:
         if (previous != 108 && charat(characters2, length2 - 1) == 58) {
           if (indexof(characters2 += replace(delimit(character2), "&", "&\f"), "&\f") != -1)
             ampersand = -1;
           break;
         }
+      // " ' [
       case 34:
       case 39:
       case 91:
         characters2 += delimit(character2);
         break;
+      // \t \n \r \s
       case 9:
       case 10:
       case 13:
       case 32:
         characters2 += whitespace(previous);
         break;
+      // \
       case 92:
         characters2 += escaping(caret() - 1, 7);
         continue;
+      // /
       case 47:
         switch (peek()) {
           case 42:
@@ -2155,23 +2137,28 @@ function parse(value, root, parent, rule, rules, rulesets, pseudo, points, decla
             characters2 += "/";
         }
         break;
+      // {
       case 123 * variable:
         points[index2++] = strlen(characters2) * ampersand;
+      // } ; \0
       case 125 * variable:
       case 59:
       case 0:
         switch (character2) {
+          // \0 }
           case 0:
           case 125:
             scanning = 0;
+          // ;
           case 59 + offset:
-            if (ampersand == -1)
-              characters2 = replace(characters2, /\f/g, "");
+            if (ampersand == -1) characters2 = replace(characters2, /\f/g, "");
             if (property > 0 && strlen(characters2) - length2)
               append(property > 32 ? declaration(characters2 + ";", rule, parent, length2 - 1) : declaration(replace(characters2, " ", "") + ";", rule, parent, length2 - 2), declarations);
             break;
+          // @ ;
           case 59:
             characters2 += ";";
+          // { rule/at-rule
           default:
             append(reference = ruleset(characters2, root, parent, index2, offset, rules, points, type, props = [], children = [], length2), rulesets);
             if (character2 === 123)
@@ -2179,6 +2166,7 @@ function parse(value, root, parent, rule, rules, rulesets, pseudo, points, decla
                 parse(characters2, root, reference, reference, props, rulesets, length2, points, children);
               else
                 switch (atrule === 99 && charat(characters2, 3) === 110 ? 100 : atrule) {
+                  // d l m s
                   case 100:
                   case 108:
                   case 109:
@@ -2191,6 +2179,7 @@ function parse(value, root, parent, rule, rules, rulesets, pseudo, points, decla
         }
         index2 = offset = property = 0, variable = ampersand = 1, type = characters2 = "", length2 = pseudo;
         break;
+      // :
       case 58:
         length2 = 1 + strlen(characters2), property = previous;
       default:
@@ -2201,17 +2190,21 @@ function parse(value, root, parent, rule, rules, rulesets, pseudo, points, decla
             continue;
         }
         switch (characters2 += from(character2), character2 * variable) {
+          // &
           case 38:
             ampersand = offset > 0 ? 1 : (characters2 += "\f", -1);
             break;
+          // ,
           case 44:
             points[index2++] = (strlen(characters2) - 1) * ampersand, ampersand = 1;
             break;
+          // @
           case 64:
             if (peek() === 45)
               characters2 += delimit(next());
             atrule = peek(), offset = length2 = strlen(type = characters2 += identifier(caret())), character2++;
             break;
+          // -
           case 45:
             if (previous === 45 && strlen(characters2) == 2)
               variable = 0;
@@ -2247,8 +2240,7 @@ function serialize(children, callback) {
 function stringify(element, index2, children, callback) {
   switch (element.type) {
     case LAYER:
-      if (element.children.length)
-        break;
+      if (element.children.length) break;
     case IMPORT:
     case DECLARATION:
       return element.return = element.return || element.value;
@@ -2298,8 +2290,7 @@ var weakMemoize = function weakMemoize2(func) {
 function memoize(fn) {
   var cache = /* @__PURE__ */ Object.create(null);
   return function(arg) {
-    if (cache[arg] === void 0)
-      cache[arg] = fn(arg);
+    if (cache[arg] === void 0) cache[arg] = fn(arg);
     return cache[arg];
   };
 }
@@ -2342,6 +2333,7 @@ var toRules = function toRules2(parsed, points) {
           points[index2] = parsed[index2].length;
           break;
         }
+      // fallthrough
       default:
         parsed[index2] += from(character2);
     }
@@ -2362,8 +2354,7 @@ var compat = function compat2(element) {
   var isImplicitRule = element.column === parent.column && element.line === parent.line;
   while (parent.type !== "rule") {
     parent = parent.parent;
-    if (!parent)
-      return;
+    if (!parent) return;
   }
   if (element.props.length === 1 && value.charCodeAt(0) !== 58 && !fixedElements.get(parent)) {
     return;
@@ -2396,8 +2387,10 @@ var removeLabel = function removeLabel2(element) {
 };
 function prefix(value, length2) {
   switch (hash(value, length2)) {
+    // color-adjust
     case 5103:
       return WEBKIT + "print-" + value + value;
+    // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
     case 5737:
     case 4201:
     case 3177:
@@ -2405,18 +2398,21 @@ function prefix(value, length2) {
     case 1641:
     case 4457:
     case 2921:
+    // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
     case 5572:
     case 6356:
     case 5844:
     case 3191:
     case 6645:
     case 3005:
+    // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,
     case 6391:
     case 5879:
     case 5623:
     case 6135:
     case 4599:
     case 4855:
+    // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
     case 4215:
     case 6389:
     case 5109:
@@ -2424,43 +2420,58 @@ function prefix(value, length2) {
     case 5621:
     case 3829:
       return WEBKIT + value + value;
+    // appearance, user-select, transform, hyphens, text-size-adjust
     case 5349:
     case 4246:
     case 4810:
     case 6968:
     case 2756:
       return WEBKIT + value + MOZ + value + MS + value + value;
+    // flex, flex-direction
     case 6828:
     case 4268:
       return WEBKIT + value + MS + value + value;
+    // order
     case 6165:
       return WEBKIT + value + MS + "flex-" + value + value;
+    // align-items
     case 5187:
       return WEBKIT + value + replace(value, /(\w+).+(:[^]+)/, WEBKIT + "box-$1$2" + MS + "flex-$1$2") + value;
+    // align-self
     case 5443:
       return WEBKIT + value + MS + "flex-item-" + replace(value, /flex-|-self/, "") + value;
+    // align-content
     case 4675:
       return WEBKIT + value + MS + "flex-line-pack" + replace(value, /align-content|flex-|-self/, "") + value;
+    // flex-shrink
     case 5548:
       return WEBKIT + value + MS + replace(value, "shrink", "negative") + value;
+    // flex-basis
     case 5292:
       return WEBKIT + value + MS + replace(value, "basis", "preferred-size") + value;
+    // flex-grow
     case 6060:
       return WEBKIT + "box-" + replace(value, "-grow", "") + WEBKIT + value + MS + replace(value, "grow", "positive") + value;
+    // transition
     case 4554:
       return WEBKIT + replace(value, /([^-])(transform)/g, "$1" + WEBKIT + "$2") + value;
+    // cursor
     case 6187:
       return replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + "$1"), /(image-set)/, WEBKIT + "$1"), value, "") + value;
+    // background, background-image
     case 5495:
     case 3959:
       return replace(value, /(image-set\([^]*)/, WEBKIT + "$1$`$1");
+    // justify-content
     case 4968:
       return replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + "box-pack:$3" + MS + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + WEBKIT + value + value;
+    // (margin|padding)-inline-(start|end)
     case 4095:
     case 3583:
     case 4068:
     case 2532:
       return replace(value, /(.+)-inline(.+)/, WEBKIT + "$1$2") + value;
+    // (min|max)?(width|height|inline-size|block-size)
     case 8116:
     case 7059:
     case 5753:
@@ -2473,34 +2484,42 @@ function prefix(value, length2) {
     case 5789:
     case 5021:
     case 4765:
-      if (strlen(value) - 1 - length2 > 6)
-        switch (charat(value, length2 + 1)) {
-          case 109:
-            if (charat(value, length2 + 4) !== 45)
-              break;
-          case 102:
-            return replace(value, /(.+:)(.+)-([^]+)/, "$1" + WEBKIT + "$2-$3$1" + MOZ + (charat(value, length2 + 3) == 108 ? "$3" : "$2-$3")) + value;
-          case 115:
-            return ~indexof(value, "stretch") ? prefix(replace(value, "stretch", "fill-available"), length2) + value : value;
-        }
+      if (strlen(value) - 1 - length2 > 6) switch (charat(value, length2 + 1)) {
+        // (m)ax-content, (m)in-content
+        case 109:
+          if (charat(value, length2 + 4) !== 45) break;
+        // (f)ill-available, (f)it-content
+        case 102:
+          return replace(value, /(.+:)(.+)-([^]+)/, "$1" + WEBKIT + "$2-$3$1" + MOZ + (charat(value, length2 + 3) == 108 ? "$3" : "$2-$3")) + value;
+        // (s)tretch
+        case 115:
+          return ~indexof(value, "stretch") ? prefix(replace(value, "stretch", "fill-available"), length2) + value : value;
+      }
       break;
+    // position: sticky
     case 4949:
-      if (charat(value, length2 + 1) !== 115)
-        break;
+      if (charat(value, length2 + 1) !== 115) break;
+    // display: (flex|inline-flex)
     case 6444:
       switch (charat(value, strlen(value) - 3 - (~indexof(value, "!important") && 10))) {
+        // stic(k)y
         case 107:
           return replace(value, ":", ":" + WEBKIT) + value;
+        // (inline-)?fl(e)x
         case 101:
           return replace(value, /(.+:)([^;!]+)(;|!.+)?/, "$1" + WEBKIT + (charat(value, 14) === 45 ? "inline-" : "") + "box$3$1" + WEBKIT + "$2$3$1" + MS + "$2box$3") + value;
       }
       break;
+    // writing-mode
     case 5936:
       switch (charat(value, length2 + 11)) {
+        // vertical-l(r)
         case 114:
           return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb") + value;
+        // vertical-r(l)
         case 108:
           return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb-rl") + value;
+        // horizontal(-)tb
         case 45:
           return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "lr") + value;
       }
@@ -2510,36 +2529,36 @@ function prefix(value, length2) {
 }
 var prefixer = function prefixer2(element, index2, children, callback) {
   if (element.length > -1) {
-    if (!element["return"])
-      switch (element.type) {
-        case DECLARATION:
-          element["return"] = prefix(element.value, element.length);
-          break;
-        case KEYFRAMES:
-          return serialize([copy(element, {
-            value: replace(element.value, "@", "@" + WEBKIT)
-          })], callback);
-        case RULESET:
-          if (element.length)
-            return combine(element.props, function(value) {
-              switch (match(value, /(::plac\w+|:read-\w+)/)) {
-                case ":read-only":
-                case ":read-write":
-                  return serialize([copy(element, {
-                    props: [replace(value, /:(read-\w+)/, ":" + MOZ + "$1")]
-                  })], callback);
-                case "::placeholder":
-                  return serialize([copy(element, {
-                    props: [replace(value, /:(plac\w+)/, ":" + WEBKIT + "input-$1")]
-                  }), copy(element, {
-                    props: [replace(value, /:(plac\w+)/, ":" + MOZ + "$1")]
-                  }), copy(element, {
-                    props: [replace(value, /:(plac\w+)/, MS + "input-$1")]
-                  })], callback);
-              }
-              return "";
-            });
-      }
+    if (!element["return"]) switch (element.type) {
+      case DECLARATION:
+        element["return"] = prefix(element.value, element.length);
+        break;
+      case KEYFRAMES:
+        return serialize([copy(element, {
+          value: replace(element.value, "@", "@" + WEBKIT)
+        })], callback);
+      case RULESET:
+        if (element.length) return combine(element.props, function(value) {
+          switch (match(value, /(::plac\w+|:read-\w+)/)) {
+            // :read-(only|write)
+            case ":read-only":
+            case ":read-write":
+              return serialize([copy(element, {
+                props: [replace(value, /:(read-\w+)/, ":" + MOZ + "$1")]
+              })], callback);
+            // :placeholder
+            case "::placeholder":
+              return serialize([copy(element, {
+                props: [replace(value, /:(plac\w+)/, ":" + WEBKIT + "input-$1")]
+              }), copy(element, {
+                props: [replace(value, /:(plac\w+)/, ":" + MOZ + "$1")]
+              }), copy(element, {
+                props: [replace(value, /:(plac\w+)/, MS + "input-$1")]
+              })], callback);
+          }
+          return "";
+        });
+    }
   }
 };
 var getServerStylisCache = isBrowser ? void 0 : weakMemoize(function() {
@@ -2656,8 +2675,7 @@ function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function(n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
-      for (var r in t)
-        ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
   }, _extends.apply(null, arguments);
@@ -2776,8 +2794,7 @@ function handleInterpolation(interpolation, i, arr) {
     interpolation = interpolation.replace(/\/\*[\s\S]*?\*\/|\/\/.*$/gm, "");
   }
   if (type === "function") {
-    if (this === void 0)
-      ;
+    if (this === void 0) ;
     else {
       handleInterpolation.call(this, interpolation(this), i, arr);
     }
@@ -2852,8 +2869,7 @@ function convertPropertyValue(style) {
   }
 }
 function convertStyles(str) {
-  if (str.trim() === "")
-    return;
+  if (str.trim() === "") return;
   var stylePairs = [];
   var parsedString = str.split(";");
   parsedString.forEach(convertPropertyValue, stylePairs);
@@ -2904,8 +2920,7 @@ function createStyled(StyleSheet4, options) {
         var finalShouldForwardProp = shouldUseAs && shouldForwardProp === void 0 ? getShouldForwardProp(finalTag) : defaultShouldForwardProp;
         var newProps = {};
         for (var _key2 in props) {
-          if (shouldUseAs && _key2 === "as")
-            continue;
+          if (shouldUseAs && _key2 === "as") continue;
           if (finalShouldForwardProp(_key2)) {
             newProps[_key2] = props[_key2];
           }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native-theming",
-  "version": "9.1.0",
+  "version": "9.1.1-alpha.1",
   "description": "A wrapper library around emotion 11 to provide theming support for react-native storybook",
   "keywords": [
     "react",
@@ -30,7 +30,7 @@
   "devDependencies": {
     "@emotion/native": "^11.11.0",
     "@emotion/react": "^11.11.1",
-    "tsup": "^7.2.0"
+    "tsup": "^8.5.0"
   },
   "peerDependencies": {
     "react": "*",
@@ -43,5 +43,5 @@
     "dist/**/*",
     "README.md"
   ],
-  "gitHead": "38124888d92766d2a5b8c2bfa0fd283bb384a4cd"
+  "gitHead": "cc38bfb53177171ffb92d228c0bcde0e4d01d767"
 }