dripsy - npm Package Compare versions

Comparing version

0.7.9-fresnel-2

0.7.10-fresnel-2

lib/commonjs/css/create-themed-component.js

		@@ -1,2 +0,2 @@
		"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.createThemedComponent=createThemedComponent;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _core=require("@theme-ui/core");var _=require(".");var _ssrComponent=require("./ssr-component");var _reactNative=require("react-native");var _jsxFileName="/Users/fernandorojo/Developer/summer-q/dripsy/src/css/create-themed-component.tsx";function createThemedComponent(Component){var _Component$displayNam;var options=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var WrappedComponent=_react.default.forwardRef(function Wrapped(prop,ref){var sx=prop.sx,SuperComponent=prop.as,variant=prop.variant,style=prop.style,props=(0,_objectWithoutProperties2.default)(prop,["sx","as","variant","style"]);var _useThemeUI=(0,_core.useThemeUI)(),theme=_useThemeUI.theme;var breakpoint=(0,_.useBreakpointIndex)();var ssr=_reactNative.Platform.OS==='web';var _useMemo=(0,_react.useMemo)(function(){return(0,_.mapPropsToStyledComponent)({theme:theme,breakpoint:_reactNative.Platform.OS==='web'&&ssr?undefined:breakpoint,variant:variant,sx:sx,style:style},options)();},[breakpoint,ssr,style,sx,theme,variant]),responsiveSSRStyles=_useMemo.responsiveSSRStyles,styles=(0,_objectWithoutProperties2.default)(_useMemo,["responsiveSSRStyles"]);var TheComponent=SuperComponent\|\|Component;if(_reactNative.Platform.OS==='web'&&ssr&&!!(responsiveSSRStyles===null\|\|responsiveSSRStyles===void 0?void 0:responsiveSSRStyles.length)){return _react.default.createElement(_ssrComponent.SSRComponent,(0,_extends2.default)({},props,{Component:TheComponent,responsiveStyles:responsiveSSRStyles,style:styles,ref:ref,__self:this,__source:{fileName:_jsxFileName,lineNumber:47,columnNumber:9}}));}return _react.default.createElement(TheComponent,(0,_extends2.default)({},props,{ref:ref,style:styles,__self:this,__source:{fileName:_jsxFileName,lineNumber:59,columnNumber:7}}));});WrappedComponent.displayName="Themed.".concat((_Component$displayNam=Component.displayName)!==null&&_Component$displayNam!==void 0?_Component$displayNam:'NoNameComponent');return _react.default.memo(WrappedComponent);}
		"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.createThemedComponent=createThemedComponent;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _core=require("@theme-ui/core");var _=require(".");var _ssrComponent=require("./ssr-component");var _reactNative=require("react-native");var _jsxFileName="/Users/fernandorojo/Developer/summer-q/dripsy/src/css/create-themed-component.tsx";function createThemedComponent(Component){var _Component$displayNam;var options=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var WrappedComponent=_react.default.forwardRef(function Wrapped(prop,ref){var sx=prop.sx,SuperComponent=prop.as,variant=prop.variant,style=prop.style,props=(0,_objectWithoutProperties2.default)(prop,["sx","as","variant","style"]);var _useThemeUI=(0,_core.useThemeUI)(),theme=_useThemeUI.theme;var breakpoint=(0,_.useBreakpointIndex)({__shouldDisableListenerOnWeb:true});var ssr=_reactNative.Platform.OS==='web';var _useMemo=(0,_react.useMemo)(function(){return(0,_.mapPropsToStyledComponent)({theme:theme,breakpoint:_reactNative.Platform.OS==='web'&&ssr?undefined:breakpoint,variant:variant,sx:sx,style:style},options)();},[breakpoint,ssr,style,sx,theme,variant]),responsiveSSRStyles=_useMemo.responsiveSSRStyles,styles=(0,_objectWithoutProperties2.default)(_useMemo,["responsiveSSRStyles"]);var TheComponent=SuperComponent\|\|Component;if(_reactNative.Platform.OS==='web'&&ssr&&!!(responsiveSSRStyles===null\|\|responsiveSSRStyles===void 0?void 0:responsiveSSRStyles.length)){return _react.default.createElement(_ssrComponent.SSRComponent,(0,_extends2.default)({},props,{Component:TheComponent,responsiveStyles:responsiveSSRStyles,style:styles,ref:ref,__self:this,__source:{fileName:_jsxFileName,lineNumber:49,columnNumber:9}}));}return _react.default.createElement(TheComponent,(0,_extends2.default)({},props,{ref:ref,style:styles,__self:this,__source:{fileName:_jsxFileName,lineNumber:61,columnNumber:7}}));});WrappedComponent.displayName="Themed.".concat((_Component$displayNam=Component.displayName)!==null&&_Component$displayNam!==void 0?_Component$displayNam:'NoNameComponent');return _react.default.memo(WrappedComponent);}
		//# sourceMappingURL=create-themed-component.js.map

lib/commonjs/css/index.js

		@@ -1,2 +0,2 @@
		"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.useResponsiveValue=useResponsiveValue;exports.mapPropsToStyledComponent=mapPropsToStyledComponent;Object.defineProperty(exports,"ThemeProvider",{enumerable:true,get:function get(){return _core.ThemeProvider;}});exports.Styles=exports.useBreakpointIndex=exports.css=exports.scales=exports.multiples=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _extends3=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _css=require("@theme-ui/css");var _core=require("@theme-ui/core");var _react=require("react");var _reactNative=require("react-native");var _hooks=require("@react-native-community/hooks");var _breakpoints=require("./breakpoints");var defaultTheme={space:[0,4,8,16,32,64,128,256,512],fontSizes:[12,14,16,20,24,32,48,64,72]};var responsive=function responsive(styles){var _ref=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{},breakpoint=_ref.breakpoint;return function(theme){var next={};var _loop=function _loop(key){var value=typeof styles[key]==='function'?styles[key](theme):styles[key];if(value==null)return"continue";if(!Array.isArray(value)){next[key]=value;return"continue";}if(_reactNative.Platform.OS==='web'){next.responsiveSSRStyles=next.responsiveSSRStyles\|\|[];var mediaQueries=[0].concat((0,_toConsumableArray2.default)(_breakpoints.defaultBreakpoints));for(var i=0;i<mediaQueries.length;i++){next.responsiveSSRStyles[i]=next.responsiveSSRStyles[i]\|\|{};var styleAtThisMediaQuery=value[i];if(styleAtThisMediaQuery==null){var _ret2=function(){if(i===0){return"continue";}var nearestBreakpoint=function nearestBreakpoint(breakpointIndex){if(breakpointIndex<=0\|\|typeof breakpointIndex!=='number')return 0;if(!value[breakpointIndex]){return nearestBreakpoint(breakpointIndex-1);}return breakpointIndex;};var previousBreakpoint=nearestBreakpoint(i);var styleAtPreviousMediaQuery=value[previousBreakpoint];if(styleAtPreviousMediaQuery){styleAtThisMediaQuery=styleAtPreviousMediaQuery;}}();if(_ret2==="continue")continue;}next.responsiveSSRStyles[i][key]=styleAtThisMediaQuery;}}else{var nearestBreakpoint=function nearestBreakpoint(breakpointIndex){if(breakpointIndex<=0\|\|typeof breakpointIndex!=='number')return 0;if(!value[breakpointIndex]){return nearestBreakpoint(breakpointIndex-1);}return breakpointIndex;};var breakpointIndex=nearestBreakpoint(breakpoint);next[key]=value[breakpointIndex];}};for(var key in styles){var _ret=_loop(key);if(_ret==="continue")continue;}return next;};};var aliases={bg:'backgroundColor',m:'margin',mt:'marginTop',mr:'marginRight',mb:'marginBottom',ml:'marginLeft',mx:'marginX',my:'marginY',p:'padding',pt:'paddingTop',pr:'paddingRight',pb:'paddingBottom',pl:'paddingLeft',px:'paddingX',py:'paddingY'};var multiples={marginX:['marginLeft','marginRight'],marginY:['marginTop','marginBottom'],paddingX:['paddingLeft','paddingRight'],paddingY:['paddingTop','paddingBottom'],size:['width','height']};exports.multiples=multiples;var scales={color:'colors',backgroundColor:'colors',borderColor:'colors',caretColor:'colors',opacity:'opacities',margin:'space',marginTop:'space',marginRight:'space',marginBottom:'space',marginLeft:'space',marginX:'space',marginY:'space',marginBlock:'space',marginBlockEnd:'space',marginBlockStart:'space',marginInline:'space',marginInlineEnd:'space',marginInlineStart:'space',padding:'space',paddingTop:'space',paddingRight:'space',paddingBottom:'space',paddingLeft:'space',paddingX:'space',paddingY:'space',paddingBlock:'space',paddingBlockEnd:'space',paddingBlockStart:'space',paddingInline:'space',paddingInlineEnd:'space',paddingInlineStart:'space',inset:'space',insetBlock:'space',insetBlockEnd:'space',insetBlockStart:'space',insetInline:'space',insetInlineEnd:'space',insetInlineStart:'space',top:'space',right:'space',bottom:'space',left:'space',gridGap:'space',gridColumnGap:'space',gridRowGap:'space',gap:'space',columnGap:'space',rowGap:'space',fontFamily:'fonts',fontSize:'fontSizes',fontWeight:'fontWeights',lineHeight:'lineHeights',letterSpacing:'letterSpacings',border:'borders',borderTop:'borders',borderRight:'borders',borderBottom:'borders',borderLeft:'borders',borderWidth:'borderWidths',borderStyle:'borderStyles',borderRadius:'radii',borderTopRightRadius:'radii',borderTopLeftRadius:'radii',borderBottomRightRadius:'radii',borderBottomLeftRadius:'radii',borderTopWidth:'borderWidths',borderTopColor:'colors',borderTopStyle:'borderStyles',borderBottomWidth:'borderWidths',borderBottomColor:'colors',borderBottomStyle:'borderStyles',borderLeftWidth:'borderWidths',borderLeftColor:'colors',borderLeftStyle:'borderStyles',borderRightWidth:'borderWidths',borderRightColor:'colors',borderRightStyle:'borderStyles',borderBlock:'borders',borderBlockEnd:'borders',borderBlockEndStyle:'borderStyles',borderBlockEndWidth:'borderWidths',borderBlockStart:'borders',borderBlockStartStyle:'borderStyles',borderBlockStartWidth:'borderWidths',borderBlockStyle:'borderStyles',borderBlockWidth:'borderWidths',borderEndEndRadius:'radii',borderEndStartRadius:'radii',borderInline:'borders',borderInlineEnd:'borders',borderInlineEndStyle:'borderStyles',borderInlineEndWidth:'borderWidths',borderInlineStart:'borders',borderInlineStartStyle:'borderStyles',borderInlineStartWidth:'borderWidths',borderInlineStyle:'borderStyles',borderInlineWidth:'borderWidths',borderStartEndRadius:'radii',borderStartStartRadius:'radii',outlineColor:'colors',boxShadow:'shadows',textShadow:'shadows',zIndex:'zIndices',width:'sizes',minWidth:'sizes',maxWidth:'sizes',height:'sizes',minHeight:'sizes',maxHeight:'sizes',flexBasis:'sizes',size:'sizes',blockSize:'sizes',inlineSize:'sizes',maxBlockSize:'sizes',maxInlineSize:'sizes',minBlockSize:'sizes',minInlineSize:'sizes',fill:'colors',stroke:'colors'};exports.scales=scales;var transforms=['margin','marginTop','marginRight','marginBottom','marginLeft','marginX','marginY','marginBlock','marginBlockEnd','marginBlockStart','marginInline','marginInlineEnd','marginInlineStart','top','bottom','left','right'].reduce(function(acc,curr){return(0,_extends3.default)({},acc,(0,_defineProperty2.default)({},curr,positiveOrNegative));},{});var positiveOrNegative=function positiveOrNegative(scale,value){if(typeof value!=='number'\|\|value>=0){if(typeof value==='string'&&value.startsWith('-')){var valueWithoutMinus=value.substring(1);var _n=(0,_css.get)(scale,valueWithoutMinus,valueWithoutMinus);return"-".concat(_n);}return(0,_css.get)(scale,value,value);}var absolute=Math.abs(value);var n=(0,_css.get)(scale,absolute,absolute);if(typeof n==='string')return'-'+n;return Number(n)*-1;};var css=function css(){var args=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var breakpoint=arguments.length>1?arguments[1]:undefined;return function(){var props=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var theme=(0,_extends3.default)({},defaultTheme,'theme'in props?props.theme:props);var result={};var obj=typeof args==='function'?args(theme):args;var styles=responsive(obj,{breakpoint:breakpoint})(theme);for(var key in styles){var x=styles[key];var val=typeof x==='function'?x(theme):x;if(key==='variant'){var variant=css((0,_css.get)(theme,val))(theme);result=(0,_extends3.default)({},result,variant);continue;}if(key==='responsiveSSRStyles'&&styles.responsiveSSRStyles){result.responsiveSSRStyles=styles.responsiveSSRStyles.map(function(breakpointStyle){return css(breakpointStyle)(theme);});continue;}if(val&&typeof val==='object'){result[key]=css(val)(theme);continue;}var prop=key in aliases?aliases[key]:key;var scaleName=prop in scales?scales[prop]:undefined;var scale=(0,_css.get)(theme,scaleName,(0,_css.get)(theme,prop,{}));var transform=(0,_css.get)(transforms,prop,_css.get);var value=transform(scale,val,val);if(multiples[prop]){var dirs=multiples[prop];for(var i=0;i<dirs.length;i++){result[dirs[i]]=value;}}else{result[prop]=value;}}return result;};};exports.css=css;var useBreakpointIndex=function useBreakpointIndex(){var _useDimensions$window=(0,_hooks.useDimensions)().window.width,width=_useDimensions$window===void 0?0:_useDimensions$window;var getIndex=(0,_react.useCallback)(function(){var breakpointPixels=(0,_toConsumableArray2.default)(_breakpoints.defaultBreakpoints).reverse().find(function(breakpoint){return width>=breakpoint;});var breakpoint=_breakpoints.defaultBreakpoints.findIndex(function(breakpoint){return breakpointPixels===breakpoint;});breakpoint=breakpoint===-1?0:breakpoint+1;return breakpoint;},[width]);return getIndex();};exports.useBreakpointIndex=useBreakpointIndex;function useResponsiveValue(values){var _useThemeUI=(0,_core.useThemeUI)(),theme=_useThemeUI.theme;var array=typeof values==='function'?values(theme):values;var index=useBreakpointIndex();return array[index>=array.length?array.length-1:index];}function mapPropsToStyledComponent(props,_ref2){var themeKey=_ref2.themeKey,defaultStyle=_ref2.defaultStyle,_ref2$defaultVariant=_ref2.defaultVariant,defaultVariant=_ref2$defaultVariant===void 0?'primary':_ref2$defaultVariant;var breakpoint=props.breakpoint,sx=props.sx,theme=props.theme,_props$variant=props.variant,variant=_props$variant===void 0?defaultVariant:_props$variant,style=props.style;var baseStyle=css(defaultStyle,breakpoint)({theme:theme});var variantStyle=css((0,_css.get)(theme,themeKey+'.'+variant,(0,_css.get)(theme,variant)),breakpoint)({theme:theme});var nativeStyles=css(Array.isArray(style)?_reactNative.StyleSheet.flatten(style):style,breakpoint)({theme:theme});var superStyle=css(sx,breakpoint)({theme:theme});var styles=function styles(){return(0,_extends3.default)({},baseStyle,variantStyle,nativeStyles,superStyle);};return styles;}var Styles=function(){function Styles(){(0,_classCallCheck2.default)(this,Styles);}(0,_createClass2.default)(Styles,null,[{key:"create",value:function create(styles){return styles;}}]);return Styles;}();exports.Styles=Styles;
		"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.useResponsiveValue=useResponsiveValue;exports.mapPropsToStyledComponent=mapPropsToStyledComponent;Object.defineProperty(exports,"ThemeProvider",{enumerable:true,get:function get(){return _core.ThemeProvider;}});exports.Styles=exports.useBreakpointIndex=exports.css=exports.scales=exports.multiples=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _extends3=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _css=require("@theme-ui/css");var _core=require("@theme-ui/core");var _react=require("react");var _reactNative=require("react-native");var _breakpoints=require("./breakpoints");var defaultTheme={space:[0,4,8,16,32,64,128,256,512],fontSizes:[12,14,16,20,24,32,48,64,72]};var responsive=function responsive(styles){var _ref=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{},breakpoint=_ref.breakpoint;return function(theme){var next={};var _loop=function _loop(key){var value=typeof styles[key]==='function'?styles[key](theme):styles[key];if(value==null)return"continue";if(!Array.isArray(value)){next[key]=value;return"continue";}if(_reactNative.Platform.OS==='web'){next.responsiveSSRStyles=next.responsiveSSRStyles\|\|[];var mediaQueries=[0].concat((0,_toConsumableArray2.default)(_breakpoints.defaultBreakpoints));for(var i=0;i<mediaQueries.length;i++){next.responsiveSSRStyles[i]=next.responsiveSSRStyles[i]\|\|{};var styleAtThisMediaQuery=value[i];if(styleAtThisMediaQuery==null){var _ret2=function(){if(i===0){return"continue";}var nearestBreakpoint=function nearestBreakpoint(breakpointIndex){if(breakpointIndex<=0\|\|typeof breakpointIndex!=='number')return 0;if(!value[breakpointIndex]){return nearestBreakpoint(breakpointIndex-1);}return breakpointIndex;};var previousBreakpoint=nearestBreakpoint(i);var styleAtPreviousMediaQuery=value[previousBreakpoint];if(styleAtPreviousMediaQuery){styleAtThisMediaQuery=styleAtPreviousMediaQuery;}}();if(_ret2==="continue")continue;}next.responsiveSSRStyles[i][key]=styleAtThisMediaQuery;}}else{var nearestBreakpoint=function nearestBreakpoint(breakpointIndex){if(breakpointIndex<=0\|\|typeof breakpointIndex!=='number')return 0;if(!value[breakpointIndex]){return nearestBreakpoint(breakpointIndex-1);}return breakpointIndex;};var breakpointIndex=nearestBreakpoint(breakpoint);next[key]=value[breakpointIndex];}};for(var key in styles){var _ret=_loop(key);if(_ret==="continue")continue;}return next;};};var aliases={bg:'backgroundColor',m:'margin',mt:'marginTop',mr:'marginRight',mb:'marginBottom',ml:'marginLeft',mx:'marginX',my:'marginY',p:'padding',pt:'paddingTop',pr:'paddingRight',pb:'paddingBottom',pl:'paddingLeft',px:'paddingX',py:'paddingY'};var multiples={marginX:['marginLeft','marginRight'],marginY:['marginTop','marginBottom'],paddingX:['paddingLeft','paddingRight'],paddingY:['paddingTop','paddingBottom'],size:['width','height']};exports.multiples=multiples;var scales={color:'colors',backgroundColor:'colors',borderColor:'colors',caretColor:'colors',opacity:'opacities',margin:'space',marginTop:'space',marginRight:'space',marginBottom:'space',marginLeft:'space',marginX:'space',marginY:'space',marginBlock:'space',marginBlockEnd:'space',marginBlockStart:'space',marginInline:'space',marginInlineEnd:'space',marginInlineStart:'space',padding:'space',paddingTop:'space',paddingRight:'space',paddingBottom:'space',paddingLeft:'space',paddingX:'space',paddingY:'space',paddingBlock:'space',paddingBlockEnd:'space',paddingBlockStart:'space',paddingInline:'space',paddingInlineEnd:'space',paddingInlineStart:'space',inset:'space',insetBlock:'space',insetBlockEnd:'space',insetBlockStart:'space',insetInline:'space',insetInlineEnd:'space',insetInlineStart:'space',top:'space',right:'space',bottom:'space',left:'space',gridGap:'space',gridColumnGap:'space',gridRowGap:'space',gap:'space',columnGap:'space',rowGap:'space',fontFamily:'fonts',fontSize:'fontSizes',fontWeight:'fontWeights',lineHeight:'lineHeights',letterSpacing:'letterSpacings',border:'borders',borderTop:'borders',borderRight:'borders',borderBottom:'borders',borderLeft:'borders',borderWidth:'borderWidths',borderStyle:'borderStyles',borderRadius:'radii',borderTopRightRadius:'radii',borderTopLeftRadius:'radii',borderBottomRightRadius:'radii',borderBottomLeftRadius:'radii',borderTopWidth:'borderWidths',borderTopColor:'colors',borderTopStyle:'borderStyles',borderBottomWidth:'borderWidths',borderBottomColor:'colors',borderBottomStyle:'borderStyles',borderLeftWidth:'borderWidths',borderLeftColor:'colors',borderLeftStyle:'borderStyles',borderRightWidth:'borderWidths',borderRightColor:'colors',borderRightStyle:'borderStyles',borderBlock:'borders',borderBlockEnd:'borders',borderBlockEndStyle:'borderStyles',borderBlockEndWidth:'borderWidths',borderBlockStart:'borders',borderBlockStartStyle:'borderStyles',borderBlockStartWidth:'borderWidths',borderBlockStyle:'borderStyles',borderBlockWidth:'borderWidths',borderEndEndRadius:'radii',borderEndStartRadius:'radii',borderInline:'borders',borderInlineEnd:'borders',borderInlineEndStyle:'borderStyles',borderInlineEndWidth:'borderWidths',borderInlineStart:'borders',borderInlineStartStyle:'borderStyles',borderInlineStartWidth:'borderWidths',borderInlineStyle:'borderStyles',borderInlineWidth:'borderWidths',borderStartEndRadius:'radii',borderStartStartRadius:'radii',outlineColor:'colors',boxShadow:'shadows',textShadow:'shadows',zIndex:'zIndices',width:'sizes',minWidth:'sizes',maxWidth:'sizes',height:'sizes',minHeight:'sizes',maxHeight:'sizes',flexBasis:'sizes',size:'sizes',blockSize:'sizes',inlineSize:'sizes',maxBlockSize:'sizes',maxInlineSize:'sizes',minBlockSize:'sizes',minInlineSize:'sizes',fill:'colors',stroke:'colors'};exports.scales=scales;var transforms=['margin','marginTop','marginRight','marginBottom','marginLeft','marginX','marginY','marginBlock','marginBlockEnd','marginBlockStart','marginInline','marginInlineEnd','marginInlineStart','top','bottom','left','right'].reduce(function(acc,curr){return(0,_extends3.default)({},acc,(0,_defineProperty2.default)({},curr,positiveOrNegative));},{});var positiveOrNegative=function positiveOrNegative(scale,value){if(typeof value!=='number'\|\|value>=0){if(typeof value==='string'&&value.startsWith('-')){var valueWithoutMinus=value.substring(1);var _n=(0,_css.get)(scale,valueWithoutMinus,valueWithoutMinus);return"-".concat(_n);}return(0,_css.get)(scale,value,value);}var absolute=Math.abs(value);var n=(0,_css.get)(scale,absolute,absolute);if(typeof n==='string')return'-'+n;return Number(n)*-1;};var css=function css(){var args=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var breakpoint=arguments.length>1?arguments[1]:undefined;return function(){var props=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var theme=(0,_extends3.default)({},defaultTheme,'theme'in props?props.theme:props);var result={};var obj=typeof args==='function'?args(theme):args;var styles=responsive(obj,{breakpoint:breakpoint})(theme);for(var key in styles){var x=styles[key];var val=typeof x==='function'?x(theme):x;if(key==='variant'){var variant=css((0,_css.get)(theme,val))(theme);result=(0,_extends3.default)({},result,variant);continue;}if(key==='responsiveSSRStyles'&&styles.responsiveSSRStyles){result.responsiveSSRStyles=styles.responsiveSSRStyles.map(function(breakpointStyle){return css(breakpointStyle)(theme);});continue;}if(val&&typeof val==='object'){result[key]=css(val)(theme);continue;}var prop=key in aliases?aliases[key]:key;var scaleName=prop in scales?scales[prop]:undefined;var scale=(0,_css.get)(theme,scaleName,(0,_css.get)(theme,prop,{}));var transform=(0,_css.get)(transforms,prop,_css.get);var value=transform(scale,val,val);if(multiples[prop]){var dirs=multiples[prop];for(var i=0;i<dirs.length;i++){result[dirs[i]]=value;}}else{result[prop]=value;}}return result;};};exports.css=css;var useBreakpointIndex=function useBreakpointIndex(){var _ref2=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{},_ref2$defaultIndex=_ref2.defaultIndex,defaultIndex=_ref2$defaultIndex===void 0?0:_ref2$defaultIndex,_ref2$__shouldDisable=_ref2.__shouldDisableListenerOnWeb,__shouldDisableListenerOnWeb=_ref2$__shouldDisable===void 0?false:_ref2$__shouldDisable;var _useState=(0,_react.useState)(defaultIndex),_useState2=(0,_slicedToArray2.default)(_useState,2),index=_useState2[0],setIndex=_useState2[1];var indexRef=(0,_react.useRef)(index);(0,_react.useEffect)(function(){indexRef.current=index;},[index]);(0,_react.useEffect)(function(){var shouldDisableListener=_reactNative.Platform.OS==='web'&&__shouldDisableListenerOnWeb;var onChange=function onChange(_ref3){var width=_ref3.window.width;var breakpointPixels=(0,_toConsumableArray2.default)(_breakpoints.defaultBreakpoints).reverse().find(function(breakpoint){return width>=breakpoint;});var breakpointIndex=_breakpoints.defaultBreakpoints.findIndex(function(breakpoint){return breakpointPixels===breakpoint;});breakpointIndex=breakpointIndex===-1?0:breakpointIndex+1;if(breakpointIndex!==indexRef.current){setIndex(breakpointIndex);}};if(!shouldDisableListener){_reactNative.Dimensions.addEventListener('change',onChange);}return function(){if(!shouldDisableListener){_reactNative.Dimensions.removeEventListener('change',onChange);}};},[__shouldDisableListenerOnWeb]);return index;};exports.useBreakpointIndex=useBreakpointIndex;function useResponsiveValue(values){var _useThemeUI=(0,_core.useThemeUI)(),theme=_useThemeUI.theme;var array=typeof values==='function'?values(theme):values;var index=useBreakpointIndex();return array[index>=array.length?array.length-1:index];}function mapPropsToStyledComponent(props,_ref4){var themeKey=_ref4.themeKey,defaultStyle=_ref4.defaultStyle,_ref4$defaultVariant=_ref4.defaultVariant,defaultVariant=_ref4$defaultVariant===void 0?'primary':_ref4$defaultVariant;var breakpoint=props.breakpoint,sx=props.sx,theme=props.theme,_props$variant=props.variant,variant=_props$variant===void 0?defaultVariant:_props$variant,style=props.style;var baseStyle=css(defaultStyle,breakpoint)({theme:theme});var variantStyle=css((0,_css.get)(theme,themeKey+'.'+variant,(0,_css.get)(theme,variant)),breakpoint)({theme:theme});var nativeStyles=css(Array.isArray(style)?_reactNative.StyleSheet.flatten(style):style,breakpoint)({theme:theme});var superStyle=css(sx,breakpoint)({theme:theme});var styles=function styles(){return(0,_extends3.default)({},baseStyle,variantStyle,nativeStyles,superStyle);};return styles;}var Styles=function(){function Styles(){(0,_classCallCheck2.default)(this,Styles);}(0,_createClass2.default)(Styles,null,[{key:"create",value:function create(styles){return styles;}}]);return Styles;}();exports.Styles=Styles;
		//# sourceMappingURL=index.js.map

lib/module/css/create-themed-component.js

		@@ -1,2 +0,2 @@
		var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.createThemedComponent=createThemedComponent;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _core=require("@theme-ui/core");var _=require(".");var _ssrComponent=require("./ssr-component");var _reactNative=require("react-native");var _jsxFileName="/Users/fernandorojo/Developer/summer-q/dripsy/src/css/create-themed-component.tsx";function createThemedComponent(Component){var _Component$displayNam;var options=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var WrappedComponent=_react.default.forwardRef(function Wrapped(prop,ref){var sx=prop.sx,SuperComponent=prop.as,variant=prop.variant,style=prop.style,props=(0,_objectWithoutProperties2.default)(prop,["sx","as","variant","style"]);var _useThemeUI=(0,_core.useThemeUI)(),theme=_useThemeUI.theme;var breakpoint=(0,_.useBreakpointIndex)();var ssr=_reactNative.Platform.OS==='web';var _useMemo=(0,_react.useMemo)(function(){return(0,_.mapPropsToStyledComponent)({theme:theme,breakpoint:_reactNative.Platform.OS==='web'&&ssr?undefined:breakpoint,variant:variant,sx:sx,style:style},options)();},[breakpoint,ssr,style,sx,theme,variant]),responsiveSSRStyles=_useMemo.responsiveSSRStyles,styles=(0,_objectWithoutProperties2.default)(_useMemo,["responsiveSSRStyles"]);var TheComponent=SuperComponent\|\|Component;if(_reactNative.Platform.OS==='web'&&ssr&&!!(responsiveSSRStyles===null\|\|responsiveSSRStyles===void 0?void 0:responsiveSSRStyles.length)){return _react.default.createElement(_ssrComponent.SSRComponent,(0,_extends2.default)({},props,{Component:TheComponent,responsiveStyles:responsiveSSRStyles,style:styles,ref:ref,__self:this,__source:{fileName:_jsxFileName,lineNumber:47,columnNumber:9}}));}return _react.default.createElement(TheComponent,(0,_extends2.default)({},props,{ref:ref,style:styles,__self:this,__source:{fileName:_jsxFileName,lineNumber:59,columnNumber:7}}));});WrappedComponent.displayName="Themed.".concat((_Component$displayNam=Component.displayName)!==null&&_Component$displayNam!==void 0?_Component$displayNam:'NoNameComponent');return _react.default.memo(WrappedComponent);}
		var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard");Object.defineProperty(exports,"__esModule",{value:true});exports.createThemedComponent=createThemedComponent;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireWildcard(require("react"));var _core=require("@theme-ui/core");var _=require(".");var _ssrComponent=require("./ssr-component");var _reactNative=require("react-native");var _jsxFileName="/Users/fernandorojo/Developer/summer-q/dripsy/src/css/create-themed-component.tsx";function createThemedComponent(Component){var _Component$displayNam;var options=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var WrappedComponent=_react.default.forwardRef(function Wrapped(prop,ref){var sx=prop.sx,SuperComponent=prop.as,variant=prop.variant,style=prop.style,props=(0,_objectWithoutProperties2.default)(prop,["sx","as","variant","style"]);var _useThemeUI=(0,_core.useThemeUI)(),theme=_useThemeUI.theme;var breakpoint=(0,_.useBreakpointIndex)({__shouldDisableListenerOnWeb:true});var ssr=_reactNative.Platform.OS==='web';var _useMemo=(0,_react.useMemo)(function(){return(0,_.mapPropsToStyledComponent)({theme:theme,breakpoint:_reactNative.Platform.OS==='web'&&ssr?undefined:breakpoint,variant:variant,sx:sx,style:style},options)();},[breakpoint,ssr,style,sx,theme,variant]),responsiveSSRStyles=_useMemo.responsiveSSRStyles,styles=(0,_objectWithoutProperties2.default)(_useMemo,["responsiveSSRStyles"]);var TheComponent=SuperComponent\|\|Component;if(_reactNative.Platform.OS==='web'&&ssr&&!!(responsiveSSRStyles===null\|\|responsiveSSRStyles===void 0?void 0:responsiveSSRStyles.length)){return _react.default.createElement(_ssrComponent.SSRComponent,(0,_extends2.default)({},props,{Component:TheComponent,responsiveStyles:responsiveSSRStyles,style:styles,ref:ref,__self:this,__source:{fileName:_jsxFileName,lineNumber:49,columnNumber:9}}));}return _react.default.createElement(TheComponent,(0,_extends2.default)({},props,{ref:ref,style:styles,__self:this,__source:{fileName:_jsxFileName,lineNumber:61,columnNumber:7}}));});WrappedComponent.displayName="Themed.".concat((_Component$displayNam=Component.displayName)!==null&&_Component$displayNam!==void 0?_Component$displayNam:'NoNameComponent');return _react.default.memo(WrappedComponent);}
		//# sourceMappingURL=create-themed-component.js.map

lib/module/css/index.js

		@@ -1,2 +0,2 @@
		var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.useResponsiveValue=useResponsiveValue;exports.mapPropsToStyledComponent=mapPropsToStyledComponent;Object.defineProperty(exports,"ThemeProvider",{enumerable:true,get:function get(){return _core.ThemeProvider;}});exports.Styles=exports.useBreakpointIndex=exports.css=exports.scales=exports.multiples=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _extends3=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _css=require("@theme-ui/css");var _core=require("@theme-ui/core");var _react=require("react");var _reactNative=require("react-native");var _hooks=require("@react-native-community/hooks");var _breakpoints=require("./breakpoints");var defaultTheme={space:[0,4,8,16,32,64,128,256,512],fontSizes:[12,14,16,20,24,32,48,64,72]};var responsive=function responsive(styles){var _ref=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{},breakpoint=_ref.breakpoint;return function(theme){var next={};var _loop=function _loop(key){var value=typeof styles[key]==='function'?styles[key](theme):styles[key];if(value==null)return"continue";if(!Array.isArray(value)){next[key]=value;return"continue";}if(_reactNative.Platform.OS==='web'){next.responsiveSSRStyles=next.responsiveSSRStyles\|\|[];var mediaQueries=[0].concat((0,_toConsumableArray2.default)(_breakpoints.defaultBreakpoints));for(var i=0;i<mediaQueries.length;i++){next.responsiveSSRStyles[i]=next.responsiveSSRStyles[i]\|\|{};var styleAtThisMediaQuery=value[i];if(styleAtThisMediaQuery==null){var _ret2=function(){if(i===0){return"continue";}var nearestBreakpoint=function nearestBreakpoint(breakpointIndex){if(breakpointIndex<=0\|\|typeof breakpointIndex!=='number')return 0;if(!value[breakpointIndex]){return nearestBreakpoint(breakpointIndex-1);}return breakpointIndex;};var previousBreakpoint=nearestBreakpoint(i);var styleAtPreviousMediaQuery=value[previousBreakpoint];if(styleAtPreviousMediaQuery){styleAtThisMediaQuery=styleAtPreviousMediaQuery;}}();if(_ret2==="continue")continue;}next.responsiveSSRStyles[i][key]=styleAtThisMediaQuery;}}else{var nearestBreakpoint=function nearestBreakpoint(breakpointIndex){if(breakpointIndex<=0\|\|typeof breakpointIndex!=='number')return 0;if(!value[breakpointIndex]){return nearestBreakpoint(breakpointIndex-1);}return breakpointIndex;};var breakpointIndex=nearestBreakpoint(breakpoint);next[key]=value[breakpointIndex];}};for(var key in styles){var _ret=_loop(key);if(_ret==="continue")continue;}return next;};};var aliases={bg:'backgroundColor',m:'margin',mt:'marginTop',mr:'marginRight',mb:'marginBottom',ml:'marginLeft',mx:'marginX',my:'marginY',p:'padding',pt:'paddingTop',pr:'paddingRight',pb:'paddingBottom',pl:'paddingLeft',px:'paddingX',py:'paddingY'};var multiples={marginX:['marginLeft','marginRight'],marginY:['marginTop','marginBottom'],paddingX:['paddingLeft','paddingRight'],paddingY:['paddingTop','paddingBottom'],size:['width','height']};exports.multiples=multiples;var scales={color:'colors',backgroundColor:'colors',borderColor:'colors',caretColor:'colors',opacity:'opacities',margin:'space',marginTop:'space',marginRight:'space',marginBottom:'space',marginLeft:'space',marginX:'space',marginY:'space',marginBlock:'space',marginBlockEnd:'space',marginBlockStart:'space',marginInline:'space',marginInlineEnd:'space',marginInlineStart:'space',padding:'space',paddingTop:'space',paddingRight:'space',paddingBottom:'space',paddingLeft:'space',paddingX:'space',paddingY:'space',paddingBlock:'space',paddingBlockEnd:'space',paddingBlockStart:'space',paddingInline:'space',paddingInlineEnd:'space',paddingInlineStart:'space',inset:'space',insetBlock:'space',insetBlockEnd:'space',insetBlockStart:'space',insetInline:'space',insetInlineEnd:'space',insetInlineStart:'space',top:'space',right:'space',bottom:'space',left:'space',gridGap:'space',gridColumnGap:'space',gridRowGap:'space',gap:'space',columnGap:'space',rowGap:'space',fontFamily:'fonts',fontSize:'fontSizes',fontWeight:'fontWeights',lineHeight:'lineHeights',letterSpacing:'letterSpacings',border:'borders',borderTop:'borders',borderRight:'borders',borderBottom:'borders',borderLeft:'borders',borderWidth:'borderWidths',borderStyle:'borderStyles',borderRadius:'radii',borderTopRightRadius:'radii',borderTopLeftRadius:'radii',borderBottomRightRadius:'radii',borderBottomLeftRadius:'radii',borderTopWidth:'borderWidths',borderTopColor:'colors',borderTopStyle:'borderStyles',borderBottomWidth:'borderWidths',borderBottomColor:'colors',borderBottomStyle:'borderStyles',borderLeftWidth:'borderWidths',borderLeftColor:'colors',borderLeftStyle:'borderStyles',borderRightWidth:'borderWidths',borderRightColor:'colors',borderRightStyle:'borderStyles',borderBlock:'borders',borderBlockEnd:'borders',borderBlockEndStyle:'borderStyles',borderBlockEndWidth:'borderWidths',borderBlockStart:'borders',borderBlockStartStyle:'borderStyles',borderBlockStartWidth:'borderWidths',borderBlockStyle:'borderStyles',borderBlockWidth:'borderWidths',borderEndEndRadius:'radii',borderEndStartRadius:'radii',borderInline:'borders',borderInlineEnd:'borders',borderInlineEndStyle:'borderStyles',borderInlineEndWidth:'borderWidths',borderInlineStart:'borders',borderInlineStartStyle:'borderStyles',borderInlineStartWidth:'borderWidths',borderInlineStyle:'borderStyles',borderInlineWidth:'borderWidths',borderStartEndRadius:'radii',borderStartStartRadius:'radii',outlineColor:'colors',boxShadow:'shadows',textShadow:'shadows',zIndex:'zIndices',width:'sizes',minWidth:'sizes',maxWidth:'sizes',height:'sizes',minHeight:'sizes',maxHeight:'sizes',flexBasis:'sizes',size:'sizes',blockSize:'sizes',inlineSize:'sizes',maxBlockSize:'sizes',maxInlineSize:'sizes',minBlockSize:'sizes',minInlineSize:'sizes',fill:'colors',stroke:'colors'};exports.scales=scales;var transforms=['margin','marginTop','marginRight','marginBottom','marginLeft','marginX','marginY','marginBlock','marginBlockEnd','marginBlockStart','marginInline','marginInlineEnd','marginInlineStart','top','bottom','left','right'].reduce(function(acc,curr){return(0,_extends3.default)({},acc,(0,_defineProperty2.default)({},curr,positiveOrNegative));},{});var positiveOrNegative=function positiveOrNegative(scale,value){if(typeof value!=='number'\|\|value>=0){if(typeof value==='string'&&value.startsWith('-')){var valueWithoutMinus=value.substring(1);var _n=(0,_css.get)(scale,valueWithoutMinus,valueWithoutMinus);return"-".concat(_n);}return(0,_css.get)(scale,value,value);}var absolute=Math.abs(value);var n=(0,_css.get)(scale,absolute,absolute);if(typeof n==='string')return'-'+n;return Number(n)*-1;};var css=function css(){var args=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var breakpoint=arguments.length>1?arguments[1]:undefined;return function(){var props=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var theme=(0,_extends3.default)({},defaultTheme,'theme'in props?props.theme:props);var result={};var obj=typeof args==='function'?args(theme):args;var styles=responsive(obj,{breakpoint:breakpoint})(theme);for(var key in styles){var x=styles[key];var val=typeof x==='function'?x(theme):x;if(key==='variant'){var variant=css((0,_css.get)(theme,val))(theme);result=(0,_extends3.default)({},result,variant);continue;}if(key==='responsiveSSRStyles'&&styles.responsiveSSRStyles){result.responsiveSSRStyles=styles.responsiveSSRStyles.map(function(breakpointStyle){return css(breakpointStyle)(theme);});continue;}if(val&&typeof val==='object'){result[key]=css(val)(theme);continue;}var prop=key in aliases?aliases[key]:key;var scaleName=prop in scales?scales[prop]:undefined;var scale=(0,_css.get)(theme,scaleName,(0,_css.get)(theme,prop,{}));var transform=(0,_css.get)(transforms,prop,_css.get);var value=transform(scale,val,val);if(multiples[prop]){var dirs=multiples[prop];for(var i=0;i<dirs.length;i++){result[dirs[i]]=value;}}else{result[prop]=value;}}return result;};};exports.css=css;var useBreakpointIndex=function useBreakpointIndex(){var _useDimensions$window=(0,_hooks.useDimensions)().window.width,width=_useDimensions$window===void 0?0:_useDimensions$window;var getIndex=(0,_react.useCallback)(function(){var breakpointPixels=(0,_toConsumableArray2.default)(_breakpoints.defaultBreakpoints).reverse().find(function(breakpoint){return width>=breakpoint;});var breakpoint=_breakpoints.defaultBreakpoints.findIndex(function(breakpoint){return breakpointPixels===breakpoint;});breakpoint=breakpoint===-1?0:breakpoint+1;return breakpoint;},[width]);return getIndex();};exports.useBreakpointIndex=useBreakpointIndex;function useResponsiveValue(values){var _useThemeUI=(0,_core.useThemeUI)(),theme=_useThemeUI.theme;var array=typeof values==='function'?values(theme):values;var index=useBreakpointIndex();return array[index>=array.length?array.length-1:index];}function mapPropsToStyledComponent(props,_ref2){var themeKey=_ref2.themeKey,defaultStyle=_ref2.defaultStyle,_ref2$defaultVariant=_ref2.defaultVariant,defaultVariant=_ref2$defaultVariant===void 0?'primary':_ref2$defaultVariant;var breakpoint=props.breakpoint,sx=props.sx,theme=props.theme,_props$variant=props.variant,variant=_props$variant===void 0?defaultVariant:_props$variant,style=props.style;var baseStyle=css(defaultStyle,breakpoint)({theme:theme});var variantStyle=css((0,_css.get)(theme,themeKey+'.'+variant,(0,_css.get)(theme,variant)),breakpoint)({theme:theme});var nativeStyles=css(Array.isArray(style)?_reactNative.StyleSheet.flatten(style):style,breakpoint)({theme:theme});var superStyle=css(sx,breakpoint)({theme:theme});var styles=function styles(){return(0,_extends3.default)({},baseStyle,variantStyle,nativeStyles,superStyle);};return styles;}var Styles=function(){function Styles(){(0,_classCallCheck2.default)(this,Styles);}(0,_createClass2.default)(Styles,null,[{key:"create",value:function create(styles){return styles;}}]);return Styles;}();exports.Styles=Styles;
		var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.useResponsiveValue=useResponsiveValue;exports.mapPropsToStyledComponent=mapPropsToStyledComponent;Object.defineProperty(exports,"ThemeProvider",{enumerable:true,get:function get(){return _core.ThemeProvider;}});exports.Styles=exports.useBreakpointIndex=exports.css=exports.scales=exports.multiples=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));var _createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass"));var _slicedToArray2=_interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _extends3=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _css=require("@theme-ui/css");var _core=require("@theme-ui/core");var _react=require("react");var _reactNative=require("react-native");var _breakpoints=require("./breakpoints");var defaultTheme={space:[0,4,8,16,32,64,128,256,512],fontSizes:[12,14,16,20,24,32,48,64,72]};var responsive=function responsive(styles){var _ref=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{},breakpoint=_ref.breakpoint;return function(theme){var next={};var _loop=function _loop(key){var value=typeof styles[key]==='function'?styles[key](theme):styles[key];if(value==null)return"continue";if(!Array.isArray(value)){next[key]=value;return"continue";}if(_reactNative.Platform.OS==='web'){next.responsiveSSRStyles=next.responsiveSSRStyles\|\|[];var mediaQueries=[0].concat((0,_toConsumableArray2.default)(_breakpoints.defaultBreakpoints));for(var i=0;i<mediaQueries.length;i++){next.responsiveSSRStyles[i]=next.responsiveSSRStyles[i]\|\|{};var styleAtThisMediaQuery=value[i];if(styleAtThisMediaQuery==null){var _ret2=function(){if(i===0){return"continue";}var nearestBreakpoint=function nearestBreakpoint(breakpointIndex){if(breakpointIndex<=0\|\|typeof breakpointIndex!=='number')return 0;if(!value[breakpointIndex]){return nearestBreakpoint(breakpointIndex-1);}return breakpointIndex;};var previousBreakpoint=nearestBreakpoint(i);var styleAtPreviousMediaQuery=value[previousBreakpoint];if(styleAtPreviousMediaQuery){styleAtThisMediaQuery=styleAtPreviousMediaQuery;}}();if(_ret2==="continue")continue;}next.responsiveSSRStyles[i][key]=styleAtThisMediaQuery;}}else{var nearestBreakpoint=function nearestBreakpoint(breakpointIndex){if(breakpointIndex<=0\|\|typeof breakpointIndex!=='number')return 0;if(!value[breakpointIndex]){return nearestBreakpoint(breakpointIndex-1);}return breakpointIndex;};var breakpointIndex=nearestBreakpoint(breakpoint);next[key]=value[breakpointIndex];}};for(var key in styles){var _ret=_loop(key);if(_ret==="continue")continue;}return next;};};var aliases={bg:'backgroundColor',m:'margin',mt:'marginTop',mr:'marginRight',mb:'marginBottom',ml:'marginLeft',mx:'marginX',my:'marginY',p:'padding',pt:'paddingTop',pr:'paddingRight',pb:'paddingBottom',pl:'paddingLeft',px:'paddingX',py:'paddingY'};var multiples={marginX:['marginLeft','marginRight'],marginY:['marginTop','marginBottom'],paddingX:['paddingLeft','paddingRight'],paddingY:['paddingTop','paddingBottom'],size:['width','height']};exports.multiples=multiples;var scales={color:'colors',backgroundColor:'colors',borderColor:'colors',caretColor:'colors',opacity:'opacities',margin:'space',marginTop:'space',marginRight:'space',marginBottom:'space',marginLeft:'space',marginX:'space',marginY:'space',marginBlock:'space',marginBlockEnd:'space',marginBlockStart:'space',marginInline:'space',marginInlineEnd:'space',marginInlineStart:'space',padding:'space',paddingTop:'space',paddingRight:'space',paddingBottom:'space',paddingLeft:'space',paddingX:'space',paddingY:'space',paddingBlock:'space',paddingBlockEnd:'space',paddingBlockStart:'space',paddingInline:'space',paddingInlineEnd:'space',paddingInlineStart:'space',inset:'space',insetBlock:'space',insetBlockEnd:'space',insetBlockStart:'space',insetInline:'space',insetInlineEnd:'space',insetInlineStart:'space',top:'space',right:'space',bottom:'space',left:'space',gridGap:'space',gridColumnGap:'space',gridRowGap:'space',gap:'space',columnGap:'space',rowGap:'space',fontFamily:'fonts',fontSize:'fontSizes',fontWeight:'fontWeights',lineHeight:'lineHeights',letterSpacing:'letterSpacings',border:'borders',borderTop:'borders',borderRight:'borders',borderBottom:'borders',borderLeft:'borders',borderWidth:'borderWidths',borderStyle:'borderStyles',borderRadius:'radii',borderTopRightRadius:'radii',borderTopLeftRadius:'radii',borderBottomRightRadius:'radii',borderBottomLeftRadius:'radii',borderTopWidth:'borderWidths',borderTopColor:'colors',borderTopStyle:'borderStyles',borderBottomWidth:'borderWidths',borderBottomColor:'colors',borderBottomStyle:'borderStyles',borderLeftWidth:'borderWidths',borderLeftColor:'colors',borderLeftStyle:'borderStyles',borderRightWidth:'borderWidths',borderRightColor:'colors',borderRightStyle:'borderStyles',borderBlock:'borders',borderBlockEnd:'borders',borderBlockEndStyle:'borderStyles',borderBlockEndWidth:'borderWidths',borderBlockStart:'borders',borderBlockStartStyle:'borderStyles',borderBlockStartWidth:'borderWidths',borderBlockStyle:'borderStyles',borderBlockWidth:'borderWidths',borderEndEndRadius:'radii',borderEndStartRadius:'radii',borderInline:'borders',borderInlineEnd:'borders',borderInlineEndStyle:'borderStyles',borderInlineEndWidth:'borderWidths',borderInlineStart:'borders',borderInlineStartStyle:'borderStyles',borderInlineStartWidth:'borderWidths',borderInlineStyle:'borderStyles',borderInlineWidth:'borderWidths',borderStartEndRadius:'radii',borderStartStartRadius:'radii',outlineColor:'colors',boxShadow:'shadows',textShadow:'shadows',zIndex:'zIndices',width:'sizes',minWidth:'sizes',maxWidth:'sizes',height:'sizes',minHeight:'sizes',maxHeight:'sizes',flexBasis:'sizes',size:'sizes',blockSize:'sizes',inlineSize:'sizes',maxBlockSize:'sizes',maxInlineSize:'sizes',minBlockSize:'sizes',minInlineSize:'sizes',fill:'colors',stroke:'colors'};exports.scales=scales;var transforms=['margin','marginTop','marginRight','marginBottom','marginLeft','marginX','marginY','marginBlock','marginBlockEnd','marginBlockStart','marginInline','marginInlineEnd','marginInlineStart','top','bottom','left','right'].reduce(function(acc,curr){return(0,_extends3.default)({},acc,(0,_defineProperty2.default)({},curr,positiveOrNegative));},{});var positiveOrNegative=function positiveOrNegative(scale,value){if(typeof value!=='number'\|\|value>=0){if(typeof value==='string'&&value.startsWith('-')){var valueWithoutMinus=value.substring(1);var _n=(0,_css.get)(scale,valueWithoutMinus,valueWithoutMinus);return"-".concat(_n);}return(0,_css.get)(scale,value,value);}var absolute=Math.abs(value);var n=(0,_css.get)(scale,absolute,absolute);if(typeof n==='string')return'-'+n;return Number(n)*-1;};var css=function css(){var args=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var breakpoint=arguments.length>1?arguments[1]:undefined;return function(){var props=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};var theme=(0,_extends3.default)({},defaultTheme,'theme'in props?props.theme:props);var result={};var obj=typeof args==='function'?args(theme):args;var styles=responsive(obj,{breakpoint:breakpoint})(theme);for(var key in styles){var x=styles[key];var val=typeof x==='function'?x(theme):x;if(key==='variant'){var variant=css((0,_css.get)(theme,val))(theme);result=(0,_extends3.default)({},result,variant);continue;}if(key==='responsiveSSRStyles'&&styles.responsiveSSRStyles){result.responsiveSSRStyles=styles.responsiveSSRStyles.map(function(breakpointStyle){return css(breakpointStyle)(theme);});continue;}if(val&&typeof val==='object'){result[key]=css(val)(theme);continue;}var prop=key in aliases?aliases[key]:key;var scaleName=prop in scales?scales[prop]:undefined;var scale=(0,_css.get)(theme,scaleName,(0,_css.get)(theme,prop,{}));var transform=(0,_css.get)(transforms,prop,_css.get);var value=transform(scale,val,val);if(multiples[prop]){var dirs=multiples[prop];for(var i=0;i<dirs.length;i++){result[dirs[i]]=value;}}else{result[prop]=value;}}return result;};};exports.css=css;var useBreakpointIndex=function useBreakpointIndex(){var _ref2=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{},_ref2$defaultIndex=_ref2.defaultIndex,defaultIndex=_ref2$defaultIndex===void 0?0:_ref2$defaultIndex,_ref2$__shouldDisable=_ref2.__shouldDisableListenerOnWeb,__shouldDisableListenerOnWeb=_ref2$__shouldDisable===void 0?false:_ref2$__shouldDisable;var _useState=(0,_react.useState)(defaultIndex),_useState2=(0,_slicedToArray2.default)(_useState,2),index=_useState2[0],setIndex=_useState2[1];var indexRef=(0,_react.useRef)(index);(0,_react.useEffect)(function(){indexRef.current=index;},[index]);(0,_react.useEffect)(function(){var shouldDisableListener=_reactNative.Platform.OS==='web'&&__shouldDisableListenerOnWeb;var onChange=function onChange(_ref3){var width=_ref3.window.width;var breakpointPixels=(0,_toConsumableArray2.default)(_breakpoints.defaultBreakpoints).reverse().find(function(breakpoint){return width>=breakpoint;});var breakpointIndex=_breakpoints.defaultBreakpoints.findIndex(function(breakpoint){return breakpointPixels===breakpoint;});breakpointIndex=breakpointIndex===-1?0:breakpointIndex+1;if(breakpointIndex!==indexRef.current){setIndex(breakpointIndex);}};if(!shouldDisableListener){_reactNative.Dimensions.addEventListener('change',onChange);}return function(){if(!shouldDisableListener){_reactNative.Dimensions.removeEventListener('change',onChange);}};},[__shouldDisableListenerOnWeb]);return index;};exports.useBreakpointIndex=useBreakpointIndex;function useResponsiveValue(values){var _useThemeUI=(0,_core.useThemeUI)(),theme=_useThemeUI.theme;var array=typeof values==='function'?values(theme):values;var index=useBreakpointIndex();return array[index>=array.length?array.length-1:index];}function mapPropsToStyledComponent(props,_ref4){var themeKey=_ref4.themeKey,defaultStyle=_ref4.defaultStyle,_ref4$defaultVariant=_ref4.defaultVariant,defaultVariant=_ref4$defaultVariant===void 0?'primary':_ref4$defaultVariant;var breakpoint=props.breakpoint,sx=props.sx,theme=props.theme,_props$variant=props.variant,variant=_props$variant===void 0?defaultVariant:_props$variant,style=props.style;var baseStyle=css(defaultStyle,breakpoint)({theme:theme});var variantStyle=css((0,_css.get)(theme,themeKey+'.'+variant,(0,_css.get)(theme,variant)),breakpoint)({theme:theme});var nativeStyles=css(Array.isArray(style)?_reactNative.StyleSheet.flatten(style):style,breakpoint)({theme:theme});var superStyle=css(sx,breakpoint)({theme:theme});var styles=function styles(){return(0,_extends3.default)({},baseStyle,variantStyle,nativeStyles,superStyle);};return styles;}var Styles=function(){function Styles(){(0,_classCallCheck2.default)(this,Styles);}(0,_createClass2.default)(Styles,null,[{key:"create",value:function create(styles){return styles;}}]);return Styles;}();exports.Styles=Styles;
		//# sourceMappingURL=index.js.map

lib/typescript/src/css/index.d.ts

		@@ -140,3 +140,19 @@ import { ThemeUIStyleObject, CSSObject, UseThemeFunction, Theme } from '@theme-ui/css';
		};
		export declare const useBreakpointIndex: () => number;
		declare type DefaultOptions = {
		/**
		* @default `0`.
		*
		* Pass an optional index as the first one. This is useful if you think you know what device users will be on.
		*/
		defaultIndex?: number;
		/**
		* You're safe to ignore this. It's for internal use.
		*
		* ## Why?
		*
		* Since we don't use the RN `Dimensions` API hook on web to determine styles, we need the option to disable this listener on web.
		*/
		__shouldDisableListenerOnWeb?: boolean;
		};
		export declare const useBreakpointIndex: ({ defaultIndex, __shouldDisableListenerOnWeb, }?: DefaultOptions) => number;
		declare type Values<T> = ((theme: Theme \| null) => T[]) \| T[];
		@@ -143,0 +159,0 @@ export declare function useResponsiveValue<T>(values: Values<T>): T;

package.json

		{
		"name": "dripsy",
		"version": "0.7.9-fresnel-2",
		"version": "0.7.10-fresnel-2",
		"description": "🍷 A super-simple responsive design system for React Native Web.",
		@@ -5,0 +5,0 @@ "main": "lib/commonjs/index.js",

lib/commonjs/css/create-themed-component.js.map