react-flexybox
Version:
React Flexbox Components
2 lines (1 loc) • 25.7 kB
JavaScript
import n from"react";import e,{css as t}from"styled-components";function r(){return(r=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n}).apply(this,arguments)}function o(n,e){if(null==n)return{};var t,r,o=function(n,e){if(null==n)return{};var t,r,o={},i=Object.keys(n);for(r=0;r<i.length;r++)t=i[r],e.indexOf(t)>=0||(o[t]=n[t]);return o}(n,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);for(r=0;r<i.length;r++)t=i[r],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(n,t)&&(o[t]=n[t])}return o}function i(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function a(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}function u(n,e){return n(e={exports:{}},e.exports),e.exports}var c=u(function(n,e){Object.defineProperty(e,"__esModule",{value:!0});var t="function"==typeof Symbol&&Symbol.for,r=t?Symbol.for("react.element"):60103,o=t?Symbol.for("react.portal"):60106,i=t?Symbol.for("react.fragment"):60107,a=t?Symbol.for("react.strict_mode"):60108,u=t?Symbol.for("react.profiler"):60114,c=t?Symbol.for("react.provider"):60109,f=t?Symbol.for("react.context"):60110,s=t?Symbol.for("react.async_mode"):60111,l=t?Symbol.for("react.concurrent_mode"):60111,d=t?Symbol.for("react.forward_ref"):60112,p=t?Symbol.for("react.suspense"):60113,m=t?Symbol.for("react.memo"):60115,y=t?Symbol.for("react.lazy"):60116;function g(n){if("object"==typeof n&&null!==n){var e=n.$$typeof;switch(e){case r:switch(n=n.type){case s:case l:case i:case u:case a:case p:return n;default:switch(n=n&&n.$$typeof){case f:case d:case c:return n;default:return e}}case y:case m:case o:return e}}}function v(n){return g(n)===l}e.typeOf=g,e.AsyncMode=s,e.ConcurrentMode=l,e.ContextConsumer=f,e.ContextProvider=c,e.Element=r,e.ForwardRef=d,e.Fragment=i,e.Lazy=y,e.Memo=m,e.Portal=o,e.Profiler=u,e.StrictMode=a,e.Suspense=p,e.isValidElementType=function(n){return"string"==typeof n||"function"==typeof n||n===i||n===l||n===u||n===a||n===p||"object"==typeof n&&null!==n&&(n.$$typeof===y||n.$$typeof===m||n.$$typeof===c||n.$$typeof===f||n.$$typeof===d)},e.isAsyncMode=function(n){return v(n)||g(n)===s},e.isConcurrentMode=v,e.isContextConsumer=function(n){return g(n)===f},e.isContextProvider=function(n){return g(n)===c},e.isElement=function(n){return"object"==typeof n&&null!==n&&n.$$typeof===r},e.isForwardRef=function(n){return g(n)===d},e.isFragment=function(n){return g(n)===i},e.isLazy=function(n){return g(n)===y},e.isMemo=function(n){return g(n)===m},e.isPortal=function(n){return g(n)===o},e.isProfiler=function(n){return g(n)===u},e.isStrictMode=function(n){return g(n)===a},e.isSuspense=function(n){return g(n)===p}});a(c);c.typeOf,c.AsyncMode,c.ConcurrentMode,c.ContextConsumer,c.ContextProvider,c.Element,c.ForwardRef,c.Fragment,c.Lazy,c.Memo,c.Portal,c.Profiler,c.StrictMode,c.Suspense,c.isValidElementType,c.isAsyncMode,c.isConcurrentMode,c.isContextConsumer,c.isContextProvider,c.isElement,c.isForwardRef,c.isFragment,c.isLazy,c.isMemo,c.isPortal,c.isProfiler,c.isStrictMode,c.isSuspense;var f=u(function(n,e){"production"!==process.env.NODE_ENV&&function(){Object.defineProperty(e,"__esModule",{value:!0});var n="function"==typeof Symbol&&Symbol.for,t=n?Symbol.for("react.element"):60103,r=n?Symbol.for("react.portal"):60106,o=n?Symbol.for("react.fragment"):60107,i=n?Symbol.for("react.strict_mode"):60108,a=n?Symbol.for("react.profiler"):60114,u=n?Symbol.for("react.provider"):60109,c=n?Symbol.for("react.context"):60110,f=n?Symbol.for("react.async_mode"):60111,s=n?Symbol.for("react.concurrent_mode"):60111,l=n?Symbol.for("react.forward_ref"):60112,d=n?Symbol.for("react.suspense"):60113,p=n?Symbol.for("react.memo"):60115,m=n?Symbol.for("react.lazy"):60116;var y=function(n,e){if(void 0===e)throw new Error("`lowPriorityWarning(condition, format, ...args)` requires a warning message argument");if(!n){for(var t=arguments.length,r=Array(t>2?t-2:0),o=2;o<t;o++)r[o-2]=arguments[o];(function(n){for(var e=arguments.length,t=Array(e>1?e-1:0),r=1;r<e;r++)t[r-1]=arguments[r];var o=0,i="Warning: "+n.replace(/%s/g,function(){return t[o++]});"undefined"!=typeof console&&console.warn(i);try{throw new Error(i)}catch(n){}}).apply(void 0,[e].concat(r))}};function g(n){if("object"==typeof n&&null!==n){var e=n.$$typeof;switch(e){case t:var y=n.type;switch(y){case f:case s:case o:case a:case i:case d:return y;default:var g=y&&y.$$typeof;switch(g){case c:case l:case u:return g;default:return e}}case m:case p:case r:return e}}}var v=f,h=s,b=c,w=u,x=t,O=l,S=o,C=m,E=p,j=r,T=a,P=i,N=d,I=!1;function M(n){return g(n)===s}e.typeOf=g,e.AsyncMode=v,e.ConcurrentMode=h,e.ContextConsumer=b,e.ContextProvider=w,e.Element=x,e.ForwardRef=O,e.Fragment=S,e.Lazy=C,e.Memo=E,e.Portal=j,e.Profiler=T,e.StrictMode=P,e.Suspense=N,e.isValidElementType=function(n){return"string"==typeof n||"function"==typeof n||n===o||n===s||n===a||n===i||n===d||"object"==typeof n&&null!==n&&(n.$$typeof===m||n.$$typeof===p||n.$$typeof===u||n.$$typeof===c||n.$$typeof===l)},e.isAsyncMode=function(n){return I||(I=!0,y(!1,"The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),M(n)||g(n)===f},e.isConcurrentMode=M,e.isContextConsumer=function(n){return g(n)===c},e.isContextProvider=function(n){return g(n)===u},e.isElement=function(n){return"object"==typeof n&&null!==n&&n.$$typeof===t},e.isForwardRef=function(n){return g(n)===l},e.isFragment=function(n){return g(n)===o},e.isLazy=function(n){return g(n)===m},e.isMemo=function(n){return g(n)===p},e.isPortal=function(n){return g(n)===r},e.isProfiler=function(n){return g(n)===a},e.isStrictMode=function(n){return g(n)===i},e.isSuspense=function(n){return g(n)===d}}()});a(f);f.typeOf,f.AsyncMode,f.ConcurrentMode,f.ContextConsumer,f.ContextProvider,f.Element,f.ForwardRef,f.Fragment,f.Lazy,f.Memo,f.Portal,f.Profiler,f.StrictMode,f.Suspense,f.isValidElementType,f.isAsyncMode,f.isConcurrentMode,f.isContextConsumer,f.isContextProvider,f.isElement,f.isForwardRef,f.isFragment,f.isLazy,f.isMemo,f.isPortal,f.isProfiler,f.isStrictMode,f.isSuspense;var s=u(function(n){"production"===process.env.NODE_ENV?n.exports=c:n.exports=f}),l=Object.getOwnPropertySymbols,d=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var m=function(){try{if(!Object.assign)return!1;var n=new String("abc");if(n[5]="de","5"===Object.getOwnPropertyNames(n)[0])return!1;for(var e={},t=0;t<10;t++)e["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(e).map(function(n){return e[n]}).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(n){r[n]=n}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(n){return!1}}()?Object.assign:function(n,e){for(var t,r,o=function(n){if(null==n)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(n)}(n),i=1;i<arguments.length;i++){for(var a in t=Object(arguments[i]))d.call(t,a)&&(o[a]=t[a]);if(l){r=l(t);for(var u=0;u<r.length;u++)p.call(t,r[u])&&(o[r[u]]=t[r[u]])}}return o},y="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",g=function(){};if("production"!==process.env.NODE_ENV){var v=y,h={},b=Function.call.bind(Object.prototype.hasOwnProperty);g=function(n){var e="Warning: "+n;"undefined"!=typeof console&&console.error(e);try{throw new Error(e)}catch(n){}}}function w(n,e,t,r,o){if("production"!==process.env.NODE_ENV)for(var i in n)if(b(n,i)){var a;try{if("function"!=typeof n[i]){var u=Error((r||"React class")+": "+t+" type `"+i+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof n[i]+"`.");throw u.name="Invariant Violation",u}a=n[i](e,i,r,t,null,v)}catch(n){a=n}if(!a||a instanceof Error||g((r||"React class")+": type specification of "+t+" `"+i+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof a+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),a instanceof Error&&!(a.message in h)){h[a.message]=!0;var c=o?o():"";g("Failed "+t+" type: "+a.message+(null!=c?c:""))}}}w.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(h={})};var x=w,O=Function.call.bind(Object.prototype.hasOwnProperty),S=function(){};function C(){return null}"production"!==process.env.NODE_ENV&&(S=function(n){var e="Warning: "+n;"undefined"!=typeof console&&console.error(e);try{throw new Error(e)}catch(n){}});var E=function(n,e){var t="function"==typeof Symbol&&Symbol.iterator,r="@@iterator";var o="<<anonymous>>",i={array:f("array"),bool:f("boolean"),func:f("function"),number:f("number"),object:f("object"),string:f("string"),symbol:f("symbol"),any:c(C),arrayOf:function(n){return c(function(e,t,r,o,i){if("function"!=typeof n)return new u("Property `"+i+"` of component `"+r+"` has invalid PropType notation inside arrayOf.");var a=e[t];if(!Array.isArray(a)){var c=d(a);return new u("Invalid "+o+" `"+i+"` of type `"+c+"` supplied to `"+r+"`, expected an array.")}for(var f=0;f<a.length;f++){var s=n(a,f,r,o,i+"["+f+"]",y);if(s instanceof Error)return s}return null})},element:function(){return c(function(e,t,r,o,i){var a=e[t];if(!n(a)){var c=d(a);return new u("Invalid "+o+" `"+i+"` of type `"+c+"` supplied to `"+r+"`, expected a single ReactElement.")}return null})}(),elementType:function(){return c(function(n,e,t,r,o){var i=n[e];if(!s.isValidElementType(i)){var a=d(i);return new u("Invalid "+r+" `"+o+"` of type `"+a+"` supplied to `"+t+"`, expected a single ReactElement type.")}return null})}(),instanceOf:function(n){return c(function(e,t,r,i,a){if(!(e[t]instanceof n)){var c=n.name||o,f=function(n){if(!n.constructor||!n.constructor.name)return o;return n.constructor.name}(e[t]);return new u("Invalid "+i+" `"+a+"` of type `"+f+"` supplied to `"+r+"`, expected instance of `"+c+"`.")}return null})},node:function(){return c(function(n,e,t,r,o){if(!l(n[e]))return new u("Invalid "+r+" `"+o+"` supplied to `"+t+"`, expected a ReactNode.");return null})}(),objectOf:function(n){return c(function(e,t,r,o,i){if("function"!=typeof n)return new u("Property `"+i+"` of component `"+r+"` has invalid PropType notation inside objectOf.");var a=e[t],c=d(a);if("object"!==c)return new u("Invalid "+o+" `"+i+"` of type `"+c+"` supplied to `"+r+"`, expected an object.");for(var f in a)if(O(a,f)){var s=n(a,f,r,o,i+"."+f,y);if(s instanceof Error)return s}return null})},oneOf:function(n){if(!Array.isArray(n))return"production"!==process.env.NODE_ENV&&(arguments.length>1?S("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):S("Invalid argument supplied to oneOf, expected an array.")),C;return c(function(e,t,r,o,i){for(var c=e[t],f=0;f<n.length;f++)if(a(c,n[f]))return null;var s=JSON.stringify(n,function(n,e){var t=p(e);return"symbol"===t?String(e):e});return new u("Invalid "+o+" `"+i+"` of value `"+String(c)+"` supplied to `"+r+"`, expected one of "+s+".")})},oneOfType:function(n){if(!Array.isArray(n))return"production"!==process.env.NODE_ENV&&S("Invalid argument supplied to oneOfType, expected an instance of array."),C;for(var e=0;e<n.length;e++){var t=n[e];if("function"!=typeof t)return S("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+g(t)+" at index "+e+"."),C}return c(function(e,t,r,o,i){for(var a=0;a<n.length;a++){var c=n[a];if(null==c(e,t,r,o,i,y))return null}return new u("Invalid "+o+" `"+i+"` supplied to `"+r+"`.")})},shape:function(n){return c(function(e,t,r,o,i){var a=e[t],c=d(a);if("object"!==c)return new u("Invalid "+o+" `"+i+"` of type `"+c+"` supplied to `"+r+"`, expected `object`.");for(var f in n){var s=n[f];if(s){var l=s(a,f,r,o,i+"."+f,y);if(l)return l}}return null})},exact:function(n){return c(function(e,t,r,o,i){var a=e[t],c=d(a);if("object"!==c)return new u("Invalid "+o+" `"+i+"` of type `"+c+"` supplied to `"+r+"`, expected `object`.");var f=m({},e[t],n);for(var s in f){var l=n[s];if(!l)return new u("Invalid "+o+" `"+i+"` key `"+s+"` supplied to `"+r+"`.\nBad object: "+JSON.stringify(e[t],null," ")+"\nValid keys: "+JSON.stringify(Object.keys(n),null," "));var p=l(a,s,r,o,i+"."+s,y);if(p)return p}return null})}};function a(n,e){return n===e?0!==n||1/n==1/e:n!=n&&e!=e}function u(n){this.message=n,this.stack=""}function c(n){if("production"!==process.env.NODE_ENV)var t={},r=0;function i(i,a,c,f,s,l,d){if(f=f||o,l=l||c,d!==y){if(e){var p=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw p.name="Invariant Violation",p}if("production"!==process.env.NODE_ENV&&"undefined"!=typeof console){var m=f+":"+c;!t[m]&&r<3&&(S("You are manually calling a React.PropTypes validation function for the `"+l+"` prop on `"+f+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),t[m]=!0,r++)}}return null==a[c]?i?null===a[c]?new u("The "+s+" `"+l+"` is marked as required in `"+f+"`, but its value is `null`."):new u("The "+s+" `"+l+"` is marked as required in `"+f+"`, but its value is `undefined`."):null:n(a,c,f,s,l)}var a=i.bind(null,!1);return a.isRequired=i.bind(null,!0),a}function f(n){return c(function(e,t,r,o,i,a){var c=e[t];return d(c)!==n?new u("Invalid "+o+" `"+i+"` of type `"+p(c)+"` supplied to `"+r+"`, expected `"+n+"`."):null})}function l(e){switch(typeof e){case"number":case"string":case"undefined":return!0;case"boolean":return!e;case"object":if(Array.isArray(e))return e.every(l);if(null===e||n(e))return!0;var o=function(n){var e=n&&(t&&n[t]||n[r]);if("function"==typeof e)return e}(e);if(!o)return!1;var i,a=o.call(e);if(o!==e.entries){for(;!(i=a.next()).done;)if(!l(i.value))return!1}else for(;!(i=a.next()).done;){var u=i.value;if(u&&!l(u[1]))return!1}return!0;default:return!1}}function d(n){var e=typeof n;return Array.isArray(n)?"array":n instanceof RegExp?"object":function(n,e){return"symbol"===n||!!e&&("Symbol"===e["@@toStringTag"]||"function"==typeof Symbol&&e instanceof Symbol)}(e,n)?"symbol":e}function p(n){if(null==n)return""+n;var e=d(n);if("object"===e){if(n instanceof Date)return"date";if(n instanceof RegExp)return"regexp"}return e}function g(n){var e=p(n);switch(e){case"array":case"object":return"an "+e;case"boolean":case"date":case"regexp":return"a "+e;default:return e}}return u.prototype=Error.prototype,i.checkPropTypes=x,i.resetWarningCache=x.resetWarningCache,i.PropTypes=i,i};function j(){}function T(){}T.resetWarningCache=j;var P=u(function(n){if("production"!==process.env.NODE_ENV){var e=s;n.exports=E(e.isElement,!0)}else n.exports=function(){function n(n,e,t,r,o,i){if(i!==y){var a=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw a.name="Invariant Violation",a}}function e(){return n}n.isRequired=n;var t={array:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:e,element:n,elementType:n,instanceOf:e,node:n,objectOf:e,oneOf:e,oneOfType:e,shape:e,exact:e,checkPropTypes:T,resetWarningCache:j};return t.PropTypes=t,t}()});function N(){var n=i(["\n @media (min-width: 75em) {\n ","\n }\n "]);return N=function(){return n},n}function I(){var n=i(["\n @media (min-width: 62em) {\n ","\n }\n "]);return I=function(){return n},n}function M(){var n=i(["\n @media (min-width: 48em) {\n ","\n }\n "]);return M=function(){return n},n}function R(){var n=i(["\n @media (min-width: 34em) {\n ","\n }\n "]);return R=function(){return n},n}function _(){var n=i(["\n ","\n "]);return _=function(){return n},n}function D(){var n=i(["\n @media only screen and (min-width: 1280px) {\n ","\n }\n "]);return D=function(){return n},n}function $(){var n=i(["\n @media (min-width: 960px) and (max-width: 1280px) {\n ","\n }\n "]);return $=function(){return n},n}function W(){var n=i(["\n @media (min-width: 600px) and (max-width: 959px) {\n ","\n }\n "]);return W=function(){return n},n}function A(){var n=i(["\n @media (min-width: 0) and (max-width: 599px) {\n ","\n }\n "]);return A=function(){return n},n}function k(){var n=i(["\n ","\n "]);return k=function(){return n},n}var F=function(){return t(k(),t.apply(void 0,arguments))},V=function(){return t(A(),t.apply(void 0,arguments))},L=function(){return t(W(),t.apply(void 0,arguments))},z=function(){return t($(),t.apply(void 0,arguments))},B=function(){return t(D(),t.apply(void 0,arguments))},q=function(){return t(_(),t.apply(void 0,arguments))},U=function(){return t(R(),t.apply(void 0,arguments))},Y=function(){return t(M(),t.apply(void 0,arguments))},J=function(){return t(I(),t.apply(void 0,arguments))},H=function(){return t(N(),t.apply(void 0,arguments))},G=function(n,e,t){return"calc(".concat(n/e*100,"% - ").concat(2*t,"px)")};function K(){var n=i(["\n max-width: 72.25rem;\n "]);return K=function(){return n},n}function Q(){var n=i(["\n max-width: 60rem;\n "]);return Q=function(){return n},n}function X(){var n=i(["\n max-width: 45rem;\n "]);return X=function(){return n},n}function Z(){var n=i(["\n max-width: 34rem;\n "]);return Z=function(){return n},n}function nn(){var n=i(["\n width: 100%;\n "]);return nn=function(){return n},n}function en(){var n=i(["\n margin-right: auto;\n margin-left: auto;\n ",";\n ",";\n ",";\n ",";\n ",";\n ",";\n"]);return en=function(){return n},n}var tn=e(function(e){e.wrap;var t=e.component,r=(e.fluid,o(e,["wrap","component","fluid"])),i=t;return n.createElement(i,r)})(en(),function(n){return n.fluid&&"width: 100%;"},function(n){return!n.fluid&&q(nn())},function(n){return!n.fluid&&U(Z())},function(n){return!n.fluid&&Y(X())},function(n){return!n.fluid&&J(Q())},function(n){return!n.fluid&&H(K())}),rn=function(e){var t=e.fluid,i=e.className,a=e.style,u=e.component,c=e.children,f=o(e,["fluid","className","style","component","children"]);return n.createElement(tn,r({fluid:t,className:i,style:a,component:u},f),c)};function on(){var n=i(["\n box-sizing: border-box;\n display: flex;\n flex: 0 1 auto;\n width: 100%;\n flex-direction: ",";\n flex-wrap: ",";\n justify-content: ",";\n align-items: ",";\n align-content: ",";\n ",";\n ",";\n ",";\n ",";\n ",";\n ",";\n ",";\n ",";\n"]);return on=function(){return n},n}rn.propTypes={children:P.oneOfType([P.arrayOf(P.node),P.node]),component:P.oneOfType([P.func,P.string]),fluid:P.bool,className:P.string,style:P.object},rn.defaultProps={children:[],fluid:!1,className:"",style:{},component:"div"},rn.displayName="Container";var an=e(function(e){e.wrap,e.direction,e.justifyContent,e.alignContent,e.alignItems,e.minColWidths,e.debug,e.height,e.padding,e.paddingTop,e.paddingLeft,e.paddingBottom,e.paddingRight,e.center,e.fill;var t=e.component,r=(e.gutter,e.columnDivisions,o(e,["wrap","direction","justifyContent","alignContent","alignItems","minColWidths","debug","height","padding","paddingTop","paddingLeft","paddingBottom","paddingRight","center","fill","component","gutter","columnDivisions"])),i=t;return n.createElement(i,r)})(on(),function(n){return n.direction},function(n){return n.wrap},function(n){return n.center?"center":n.justifyContent},function(n){return n.center?"center":n.alignItems},function(n){return n.alignContent},function(n){return n.debug&&"border: 1px solid red"},function(n){return n.paddingTop&&"padding-top: ".concat(n.paddingTop)},function(n){return n.paddingLeft&&"padding-left: ".concat(n.paddingLeft)},function(n){return n.paddingBottom&&"padding-bottom: ".concat(n.paddingBottom)},function(n){return n.paddingRight&&"padding-right: ".concat(n.paddingRight)},function(n){return n.padding&&"padding: ".concat(n.padding)},function(n){return n.height&&"height: ".concat(n.height)},function(n){return n.fill&&"height: 100%"}),un=function(e){var t=e.gutter,i=e.columnDivisions,a=e.debug,u=e.minColWidths,c=e.wrap,f=e.direction,s=e.justifyContent,l=e.alignContent,d=e.alignItems,p=e.className,m=e.style,y=e.height,g=e.padding,v=e.paddingTop,h=e.paddingLeft,b=e.paddingBottom,w=e.paddingRight,x=e.center,O=e.fill,S=e.component,C=e.children,E=o(e,["gutter","columnDivisions","debug","minColWidths","wrap","direction","justifyContent","alignContent","alignItems","className","style","height","padding","paddingTop","paddingLeft","paddingBottom","paddingRight","center","fill","component","children"]);return n.createElement(an,r({wrap:c,direction:f,justifyContent:s,alignContent:l,alignItems:d,minColWidths:u,className:p,style:m,debug:a,height:y,padding:g,paddingTop:v,paddingLeft:h,paddingBottom:b,paddingRight:w,center:x,fill:O,component:S},E),n.Children.map(C,function(e){return e&&"Col"===e.type.displayName?n.cloneElement(e,{gutter:t,columnDivisions:i,debug:a,minWidth:u}):e}))};function cn(){var n=i(["\n --width: ",";\n flex: 0 1 var(--width);\n min-width: var(--width);\n "]);return cn=function(){return n},n}function fn(){var n=i(["\n --width: ",";\n flex: 0 1 var(--width);\n min-width: var(--width);\n "]);return fn=function(){return n},n}function sn(){var n=i(["\n --width: ",";\n flex: 0 1 var(--width);\n min-width: var(--width);\n "]);return sn=function(){return n},n}function ln(){var n=i(["\n --width: ",";\n flex: 0 1 var(--width);\n min-width: var(--width);\n "]);return ln=function(){return n},n}function dn(){var n=i(["\n --width: ",";\n flex: 0 1 var(--width);\n min-width: var(--width);\n "]);return dn=function(){return n},n}function pn(){var n=i(["\n box-sizing: border-box;\n margin: ","px;\n max-height: 100%;\n order: ",";\n align-self: ",";\n ",";\n ",";\n\n /* if flex is just true then set flex to auto */\n ",";\n ",";\n ",";\n ",";\n ",";\n\n /* Allows min-width to be overridden */\n ",";\n"]);return pn=function(){return n},n}un.propTypes={children:P.oneOfType([P.arrayOf(P.node),P.node]),gutter:P.number,columnDivisions:P.number,minColWidths:P.oneOfType([P.number,P.bool]),className:P.string,style:P.object,wrap:P.oneOf(["nowrap","wrap","wrap-reverse"]),component:P.oneOfType([P.func,P.string]),direction:P.oneOf(["row","row-reverse","column","column-reverse"]),justifyContent:P.oneOf(["flex-start","flex-end","center","space-between","space-around","space-evenly"]),alignContent:P.oneOf(["flex-start","flex-end","center","baseline","stretch"]),alignItems:P.oneOf(["flex-start","flex-end","center","space-between","space-around","stretch","baseline"]),debug:P.bool,height:P.string,padding:P.string,paddingTop:P.string,paddingLeft:P.string,paddingBottom:P.string,paddingRight:P.string,center:P.bool,fill:P.bool},un.defaultProps={children:[],gutter:0,columnDivisions:12,minColWidths:!1,className:"",style:{},wrap:"wrap",component:"div",direction:"row",justifyContent:"flex-start",alignContent:"stretch",alignItems:"stretch",debug:!1,height:"",padding:"",paddingTop:"",paddingLeft:"",paddingBottom:"",paddingRight:"",center:!1,fill:!1},un.displayName="Row";var mn=e(function(e){e.alignSelf,e.flex,e.xs,e.sm,e.md,e.lg,e.gutter,e.columnDivisions,e.order,e.minWidth,e.debug;var t=e.component,r=o(e,["alignSelf","flex","xs","sm","md","lg","gutter","columnDivisions","order","minWidth","debug","component"]),i=t;return n.createElement(i,r)})(pn(),function(n){return n.gutter},function(n){return n.order},function(n){return n.alignSelf},function(n){return n.debug&&"border: 1px solid green"},function(n){return n.flex&&F(dn(),G(n.flex,n.columnDivisions,n.gutter))},function(n){return!Number.isInteger(n.flex)&&n.flex&&"flex: 1"},function(n){return Number.isInteger(n.xs)&&V(ln(),G(n.xs,n.columnDivisions,n.gutter))},function(n){return Number.isInteger(n.sm)&&L(sn(),G(n.sm,n.columnDivisions,n.gutter))},function(n){return Number.isInteger(n.md)&&z(fn(),G(n.md,n.columnDivisions,n.gutter))},function(n){return Number.isInteger(n.lg)&&B(cn(),G(n.lg,n.columnDivisions,n.gutter))},function(n){return n.minWidth&&"min-width: ".concat(n.minWidth,"px")}),yn=function(e){var t=e.alignSelf,i=e.flex,a=e.xs,u=e.sm,c=e.md,f=e.lg,s=e.gutter,l=e.columnDivisions,d=e.order,p=e.className,m=e.style,y=e.minWidth,g=e.debug,v=e.component,h=e.children,b=o(e,["alignSelf","flex","xs","sm","md","lg","gutter","columnDivisions","order","className","style","minWidth","debug","component","children"]);return n.createElement(mn,r({alignSelf:t,flex:i,xs:a,sm:u,md:c,lg:f,gutter:s,columnDivisions:l,order:d,className:p,style:m,minWidth:y,debug:g,component:v},b),h)};yn.propTypes={children:P.oneOfType([P.arrayOf(P.node),P.node]),alignSelf:P.oneOf(["auto","flex-start","flex-end","center","baseline","stretch"]),gutter:P.number,columnDivisions:P.number,component:P.oneOfType([P.func,P.string]),debug:P.bool,order:P.number,minWidth:P.oneOfType([P.number,P.bool]),className:P.string,style:P.object,flex:P.oneOfType([P.number,P.bool]),xs:P.oneOfType([P.number,P.bool]),sm:P.oneOfType([P.number,P.bool]),md:P.oneOfType([P.number,P.bool]),lg:P.oneOfType([P.number,P.bool])},yn.defaultProps={alignSelf:"auto",children:[],order:0,minWidth:!1,className:"",style:{},component:"div",flex:!1,xs:!1,sm:!1,md:!1,lg:!1,gutter:0,columnDivisions:12,debug:!1},yn.displayName="Col";export{rn as Container,un as Row,yn as Col};