construct-hub 0.3.154 → 0.3.155

package/website/static/js/{10.82256882.chunk.js → 10.7a168079.chunk.js}

@@ -1,2 +1,2 @@
-(this["webpackJsonpconstruct-hub-webapp"]=this["webpackJsonpconstruct-hub-webapp"]||[]).push([[10],{144:function(e,t,n){"use strict";n.d(t,"a",(function(){return k})),n.d(t,"b",(function(){return z})),n.d(t,"c",(function(){return I})),n.d(t,"d",(function(){return S})),n.d(t,"e",(function(){return D}));var a=n(3),r=n(1),i=n(0),o=n(112),c=n(89),s=n(11),u=n(12);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},l.apply(this,arguments)}function d(e,t){if(null==e)return{};var n,a,r={},i=Object.keys(e);for(a=0;a<i.length;a++)n=i[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}var f=["defaultIndex","onChange","index","isManual","isLazy","lazyBehavior","orientation","direction"],b=["isDisabled","isFocusable"],m=["isSelected","id","children"],v=Object(c.a)(),h=v[0],O=v[1],j=v[2],p=v[3];var y=Object(u.a)({name:"TabsContext",errorMessage:"useTabsContext: `context` is undefined. Seems you forgot to wrap all tabs components within <Tabs />"}),g=y[0],x=y[1];function w(e,t){return e+"--tab-"+t}function _(e,t){return e+"--tabpanel-"+t}var E=["children","className"],N=["htmlProps","descendants"],D=Object(a.e)((function(e,t){var n=Object(a.g)("Tabs",e),o=Object(a.f)(e),c=o.children,u=o.className,b=function(e){var t=e.defaultIndex,n=e.onChange,a=e.index,r=e.isManual,o=e.isLazy,c=e.lazyBehavior,u=void 0===c?"unmount":c,l=e.orientation,b=void 0===l?"horizontal":l,m=e.direction,v=void 0===m?"ltr":m,h=d(e,f),O=i.useState(null!=t?t:0),p=O[0],y=O[1],g=Object(s.f)({defaultValue:null!=t?t:0,value:a,onChange:n}),x=g[0],w=g[1];i.useEffect((function(){null!=a&&y(a)}),[a]);var _=j();return{id:Object(s.m)(e.id,"tabs"),selectedIndex:x,focusedIndex:p,setSelectedIndex:w,setFocusedIndex:y,isManual:r,isLazy:o,lazyBehavior:u,orientation:b,descendants:_,direction:v,htmlProps:h}}(d(o,E)),m=b.htmlProps,v=b.descendants,O=d(b,N),p=i.useMemo((function(){return O}),[O]),y=Object(r.V)(m,["isFitted"]);return i.createElement(h,{value:v},i.createElement(g,{value:p},i.createElement(a.b,{value:n},i.createElement(a.d.div,l({className:Object(r.k)("chakra-tabs",u),ref:t},y,{__css:n.root}),c))))}));r.b&&(D.displayName="Tabs");var k=Object(a.e)((function(e,t){var n=Object(a.i)(),c=function(e){var t=e.isDisabled,n=e.isFocusable,a=d(e,b),i=x(),c=i.setSelectedIndex,s=i.isManual,f=i.id,m=i.setFocusedIndex,v=i.selectedIndex,h=p({disabled:t&&!n}),O=h.index,j=h.register,y=O===v,g=Object(o.a)(l({},a,{ref:Object(u.c)(j,e.ref),isDisabled:t,isFocusable:n,onClick:Object(r.i)(e.onClick,(function(){c(O)}))}));return l({},g,{id:w(f,O),role:"tab",tabIndex:y?0:-1,type:"button","aria-selected":y,"aria-controls":_(f,O),onFocus:t?void 0:Object(r.i)(e.onFocus,(function(){m(O),!s&&(!t||!n)&&c(O)}))})}(l({},e,{ref:t})),s=l({outline:"0",display:"flex",alignItems:"center",justifyContent:"center"},n.tab);return i.createElement(a.d.button,l({},c,{className:Object(r.k)("chakra-tabs__tab",e.className),__css:s}))}));r.b&&(k.displayName="Tab");var z=Object(a.e)((function(e,t){var n=function(e){var t=x(),n=t.focusedIndex,a=t.orientation,o=t.direction,c=O(),s=i.useCallback((function(e){var t,i=function(){var e=c.nextEnabled(n);e&&Object(r.p)(e.node)},s=function(){var e=c.prevEnabled(n);e&&Object(r.p)(e.node)},u="horizontal"===a,l="vertical"===a,d=Object(r.S)(e),f="ltr"===o?"ArrowRight":"ArrowLeft",b=((t={})["ltr"===o?"ArrowLeft":"ArrowRight"]=function(){return u&&s()},t[f]=function(){return u&&i()},t.ArrowDown=function(){return l&&i()},t.ArrowUp=function(){return l&&s()},t.Home=function(){var e=c.firstEnabled();e&&Object(r.p)(e.node)},t.End=function(){var e=c.lastEnabled();e&&Object(r.p)(e.node)},t)[d];b&&(e.preventDefault(),b(e))}),[c,n,a,o]);return l({},e,{role:"tablist","aria-orientation":a,onKeyDown:Object(r.i)(e.onKeyDown,s)})}(l({},e,{ref:t})),o=l({display:"flex"},Object(a.i)().tablist);return i.createElement(a.d.div,l({},n,{className:Object(r.k)("chakra-tabs__tablist",e.className),__css:o}))}));r.b&&(z.displayName="TabList");var I=Object(a.e)((function(e,t){var n=function(e){var t=e.isSelected,n=e.id,a=e.children,o=d(e,m),c=x(),s=c.isLazy,u=c.lazyBehavior,f=i.useRef(!1);return t&&(f.current=!0),l({tabIndex:0},o,{children:Object(r.n)({hasBeenSelected:f.current,isSelected:t,isLazy:s,lazyBehavior:u})?a:null,role:"tabpanel",hidden:!t,id:n})}(l({},e,{ref:t})),o=Object(a.i)();return i.createElement(a.d.div,l({outline:"0"},n,{className:Object(r.k)("chakra-tabs__tab-panel",e.className),__css:o.tabpanel}))}));r.b&&(I.displayName="TabPanel");var S=Object(a.e)((function(e,t){var n=function(e){var t=x(),n=t.id,a=t.selectedIndex;return l({},e,{children:Object(u.b)(e.children).map((function(e,t){return i.cloneElement(e,{isSelected:t===a,id:_(n,t),"aria-labelledby":w(n,t)})}))})}(e),o=Object(a.i)();return i.createElement(a.d.div,l({},n,{width:"100%",ref:t,className:Object(r.k)("chakra-tabs__tab-panels",e.className),__css:o.tabpanels}))}));r.b&&(S.displayName="TabPanels");var T=Object(a.e)((function(e,t){var n=function(){var e=x(),t=O(),n=e.selectedIndex,a=e.orientation,o="horizontal"===a,c="vertical"===a,u=i.useState((function(){return o?{left:0,width:0}:c?{top:0,height:0}:void 0})),d=u[0],f=u[1],b=i.useState(!1),m=b[0],v=b[1];return Object(s.q)((function(){if(!Object(r.O)(n)){var e=t.item(n);if(!Object(r.O)(e)){o&&f({left:e.node.offsetLeft,width:e.node.offsetWidth}),c&&f({top:e.node.offsetTop,height:e.node.offsetHeight});var a=requestAnimationFrame((function(){v(!0)}));return function(){a&&cancelAnimationFrame(a)}}}}),[n,o,c,t]),l({position:"absolute",transitionProperty:"left, right, top, bottom",transitionDuration:m?"200ms":"0ms",transitionTimingFunction:"cubic-bezier(0, 0, 0.2, 1)"},d)}(),o=l({},e.style,n),c=Object(a.i)();return i.createElement(a.d.div,l({ref:t},e,{className:Object(r.k)("chakra-tabs__tab-indicator",e.className),style:o,__css:c.indicator}))}));r.b&&(T.displayName="TabIndicator")},348:function(e,t,n){"use strict";function a(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}n.d(t,"a",(function(){return a}))},591:function(e,t,n){"use strict";n.d(t,"a",(function(){return m}));var a=n(264),r=n(207),i=n(200);function o(e,t){Object(i.a)(2,arguments);var n=Object(r.a)(e),a=Object(r.a)(t),o=n.getTime()-a.getTime();return o<0?-1:o>0?1:o}function c(e){return function(e,t){if(null==e)throw new TypeError("assign requires that input parameter not be null or undefined");for(var n in t=t||{})Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}({},e)}var s=n(293),u=6e4,l=1440,d=43200,f=525600;function b(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};Object(i.a)(2,arguments);var b=n.locale||s.a;if(!b.formatDistance)throw new RangeError("locale must contain localize.formatDistance property");var m=o(e,t);if(isNaN(m))throw new RangeError("Invalid time value");var v,h,O=c(n);O.addSuffix=Boolean(n.addSuffix),O.comparison=m,m>0?(v=Object(r.a)(t),h=Object(r.a)(e)):(v=Object(r.a)(e),h=Object(r.a)(t));var j,p=null==n.roundingMethod?"round":String(n.roundingMethod);if("floor"===p)j=Math.floor;else if("ceil"===p)j=Math.ceil;else{if("round"!==p)throw new RangeError("roundingMethod must be 'floor', 'ceil' or 'round'");j=Math.round}var y,g=h.getTime()-v.getTime(),x=g/u,w=Object(a.a)(h)-Object(a.a)(v),_=(g-w)/u;if("second"===(y=null==n.unit?x<1?"second":x<60?"minute":x<l?"hour":_<d?"day":_<f?"month":"year":String(n.unit))){var E=j(g/1e3);return b.formatDistance("xSeconds",E,O)}if("minute"===y){var N=j(x);return b.formatDistance("xMinutes",N,O)}if("hour"===y){var D=j(x/60);return b.formatDistance("xHours",D,O)}if("day"===y){var k=j(_/l);return b.formatDistance("xDays",k,O)}if("month"===y){var z=j(_/d);return 12===z&&"month"!==n.unit?b.formatDistance("xYears",1,O):b.formatDistance("xMonths",z,O)}if("year"===y){var I=j(_/f);return b.formatDistance("xYears",I,O)}throw new RangeError("unit must be 'second', 'minute', 'hour', 'day', 'month' or 'year'")}function m(e,t){return Object(i.a)(1,arguments),b(e,Date.now(),t)}}}]);
-//# sourceMappingURL=10.82256882.chunk.js.map
+(this["webpackJsonpconstruct-hub-webapp"]=this["webpackJsonpconstruct-hub-webapp"]||[]).push([[10],{145:function(e,t,n){"use strict";n.d(t,"a",(function(){return k})),n.d(t,"b",(function(){return z})),n.d(t,"c",(function(){return I})),n.d(t,"d",(function(){return S})),n.d(t,"e",(function(){return D}));var a=n(3),r=n(1),i=n(0),o=n(113),c=n(91),s=n(11),u=n(12);function l(){return l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},l.apply(this,arguments)}function d(e,t){if(null==e)return{};var n,a,r={},i=Object.keys(e);for(a=0;a<i.length;a++)n=i[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}var f=["defaultIndex","onChange","index","isManual","isLazy","lazyBehavior","orientation","direction"],b=["isDisabled","isFocusable"],m=["isSelected","id","children"],v=Object(c.a)(),h=v[0],O=v[1],j=v[2],p=v[3];var y=Object(u.a)({name:"TabsContext",errorMessage:"useTabsContext: `context` is undefined. Seems you forgot to wrap all tabs components within <Tabs />"}),g=y[0],x=y[1];function w(e,t){return e+"--tab-"+t}function _(e,t){return e+"--tabpanel-"+t}var E=["children","className"],N=["htmlProps","descendants"],D=Object(a.e)((function(e,t){var n=Object(a.g)("Tabs",e),o=Object(a.f)(e),c=o.children,u=o.className,b=function(e){var t=e.defaultIndex,n=e.onChange,a=e.index,r=e.isManual,o=e.isLazy,c=e.lazyBehavior,u=void 0===c?"unmount":c,l=e.orientation,b=void 0===l?"horizontal":l,m=e.direction,v=void 0===m?"ltr":m,h=d(e,f),O=i.useState(null!=t?t:0),p=O[0],y=O[1],g=Object(s.f)({defaultValue:null!=t?t:0,value:a,onChange:n}),x=g[0],w=g[1];i.useEffect((function(){null!=a&&y(a)}),[a]);var _=j();return{id:Object(s.m)(e.id,"tabs"),selectedIndex:x,focusedIndex:p,setSelectedIndex:w,setFocusedIndex:y,isManual:r,isLazy:o,lazyBehavior:u,orientation:b,descendants:_,direction:v,htmlProps:h}}(d(o,E)),m=b.htmlProps,v=b.descendants,O=d(b,N),p=i.useMemo((function(){return O}),[O]),y=Object(r.V)(m,["isFitted"]);return i.createElement(h,{value:v},i.createElement(g,{value:p},i.createElement(a.b,{value:n},i.createElement(a.d.div,l({className:Object(r.k)("chakra-tabs",u),ref:t},y,{__css:n.root}),c))))}));r.b&&(D.displayName="Tabs");var k=Object(a.e)((function(e,t){var n=Object(a.i)(),c=function(e){var t=e.isDisabled,n=e.isFocusable,a=d(e,b),i=x(),c=i.setSelectedIndex,s=i.isManual,f=i.id,m=i.setFocusedIndex,v=i.selectedIndex,h=p({disabled:t&&!n}),O=h.index,j=h.register,y=O===v,g=Object(o.a)(l({},a,{ref:Object(u.c)(j,e.ref),isDisabled:t,isFocusable:n,onClick:Object(r.i)(e.onClick,(function(){c(O)}))}));return l({},g,{id:w(f,O),role:"tab",tabIndex:y?0:-1,type:"button","aria-selected":y,"aria-controls":_(f,O),onFocus:t?void 0:Object(r.i)(e.onFocus,(function(){m(O),!s&&(!t||!n)&&c(O)}))})}(l({},e,{ref:t})),s=l({outline:"0",display:"flex",alignItems:"center",justifyContent:"center"},n.tab);return i.createElement(a.d.button,l({},c,{className:Object(r.k)("chakra-tabs__tab",e.className),__css:s}))}));r.b&&(k.displayName="Tab");var z=Object(a.e)((function(e,t){var n=function(e){var t=x(),n=t.focusedIndex,a=t.orientation,o=t.direction,c=O(),s=i.useCallback((function(e){var t,i=function(){var e=c.nextEnabled(n);e&&Object(r.p)(e.node)},s=function(){var e=c.prevEnabled(n);e&&Object(r.p)(e.node)},u="horizontal"===a,l="vertical"===a,d=Object(r.S)(e),f="ltr"===o?"ArrowRight":"ArrowLeft",b=((t={})["ltr"===o?"ArrowLeft":"ArrowRight"]=function(){return u&&s()},t[f]=function(){return u&&i()},t.ArrowDown=function(){return l&&i()},t.ArrowUp=function(){return l&&s()},t.Home=function(){var e=c.firstEnabled();e&&Object(r.p)(e.node)},t.End=function(){var e=c.lastEnabled();e&&Object(r.p)(e.node)},t)[d];b&&(e.preventDefault(),b(e))}),[c,n,a,o]);return l({},e,{role:"tablist","aria-orientation":a,onKeyDown:Object(r.i)(e.onKeyDown,s)})}(l({},e,{ref:t})),o=l({display:"flex"},Object(a.i)().tablist);return i.createElement(a.d.div,l({},n,{className:Object(r.k)("chakra-tabs__tablist",e.className),__css:o}))}));r.b&&(z.displayName="TabList");var I=Object(a.e)((function(e,t){var n=function(e){var t=e.isSelected,n=e.id,a=e.children,o=d(e,m),c=x(),s=c.isLazy,u=c.lazyBehavior,f=i.useRef(!1);return t&&(f.current=!0),l({tabIndex:0},o,{children:Object(r.n)({hasBeenSelected:f.current,isSelected:t,isLazy:s,lazyBehavior:u})?a:null,role:"tabpanel",hidden:!t,id:n})}(l({},e,{ref:t})),o=Object(a.i)();return i.createElement(a.d.div,l({outline:"0"},n,{className:Object(r.k)("chakra-tabs__tab-panel",e.className),__css:o.tabpanel}))}));r.b&&(I.displayName="TabPanel");var S=Object(a.e)((function(e,t){var n=function(e){var t=x(),n=t.id,a=t.selectedIndex;return l({},e,{children:Object(u.b)(e.children).map((function(e,t){return i.cloneElement(e,{isSelected:t===a,id:_(n,t),"aria-labelledby":w(n,t)})}))})}(e),o=Object(a.i)();return i.createElement(a.d.div,l({},n,{width:"100%",ref:t,className:Object(r.k)("chakra-tabs__tab-panels",e.className),__css:o.tabpanels}))}));r.b&&(S.displayName="TabPanels");var T=Object(a.e)((function(e,t){var n=function(){var e=x(),t=O(),n=e.selectedIndex,a=e.orientation,o="horizontal"===a,c="vertical"===a,u=i.useState((function(){return o?{left:0,width:0}:c?{top:0,height:0}:void 0})),d=u[0],f=u[1],b=i.useState(!1),m=b[0],v=b[1];return Object(s.q)((function(){if(!Object(r.O)(n)){var e=t.item(n);if(!Object(r.O)(e)){o&&f({left:e.node.offsetLeft,width:e.node.offsetWidth}),c&&f({top:e.node.offsetTop,height:e.node.offsetHeight});var a=requestAnimationFrame((function(){v(!0)}));return function(){a&&cancelAnimationFrame(a)}}}}),[n,o,c,t]),l({position:"absolute",transitionProperty:"left, right, top, bottom",transitionDuration:m?"200ms":"0ms",transitionTimingFunction:"cubic-bezier(0, 0, 0.2, 1)"},d)}(),o=l({},e.style,n),c=Object(a.i)();return i.createElement(a.d.div,l({ref:t},e,{className:Object(r.k)("chakra-tabs__tab-indicator",e.className),style:o,__css:c.indicator}))}));r.b&&(T.displayName="TabIndicator")},349:function(e,t,n){"use strict";function a(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}n.d(t,"a",(function(){return a}))},592:function(e,t,n){"use strict";n.d(t,"a",(function(){return m}));var a=n(265),r=n(208),i=n(201);function o(e,t){Object(i.a)(2,arguments);var n=Object(r.a)(e),a=Object(r.a)(t),o=n.getTime()-a.getTime();return o<0?-1:o>0?1:o}function c(e){return function(e,t){if(null==e)throw new TypeError("assign requires that input parameter not be null or undefined");for(var n in t=t||{})Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e}({},e)}var s=n(294),u=6e4,l=1440,d=43200,f=525600;function b(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};Object(i.a)(2,arguments);var b=n.locale||s.a;if(!b.formatDistance)throw new RangeError("locale must contain localize.formatDistance property");var m=o(e,t);if(isNaN(m))throw new RangeError("Invalid time value");var v,h,O=c(n);O.addSuffix=Boolean(n.addSuffix),O.comparison=m,m>0?(v=Object(r.a)(t),h=Object(r.a)(e)):(v=Object(r.a)(e),h=Object(r.a)(t));var j,p=null==n.roundingMethod?"round":String(n.roundingMethod);if("floor"===p)j=Math.floor;else if("ceil"===p)j=Math.ceil;else{if("round"!==p)throw new RangeError("roundingMethod must be 'floor', 'ceil' or 'round'");j=Math.round}var y,g=h.getTime()-v.getTime(),x=g/u,w=Object(a.a)(h)-Object(a.a)(v),_=(g-w)/u;if("second"===(y=null==n.unit?x<1?"second":x<60?"minute":x<l?"hour":_<d?"day":_<f?"month":"year":String(n.unit))){var E=j(g/1e3);return b.formatDistance("xSeconds",E,O)}if("minute"===y){var N=j(x);return b.formatDistance("xMinutes",N,O)}if("hour"===y){var D=j(x/60);return b.formatDistance("xHours",D,O)}if("day"===y){var k=j(_/l);return b.formatDistance("xDays",k,O)}if("month"===y){var z=j(_/d);return 12===z&&"month"!==n.unit?b.formatDistance("xYears",1,O):b.formatDistance("xMonths",z,O)}if("year"===y){var I=j(_/f);return b.formatDistance("xYears",I,O)}throw new RangeError("unit must be 'second', 'minute', 'hour', 'day', 'month' or 'year'")}function m(e,t){return Object(i.a)(1,arguments),b(e,Date.now(),t)}}}]);
+//# sourceMappingURL=10.7a168079.chunk.js.map

package/website/static/js/{10.82256882.chunk.js.map → 10.7a168079.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../node_modules/@chakra-ui/tabs/dist/chakra-ui-tabs.esm.js","../node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js","../node_modules/date-fns/esm/compareAsc/index.js","../node_modules/date-fns/esm/_lib/cloneObject/index.js","../node_modules/date-fns/esm/_lib/assign/index.js","../node_modules/date-fns/esm/formatDistanceStrict/index.js","../node_modules/date-fns/esm/formatDistanceToNowStrict/index.js"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_objectWithoutPropertiesLoose","excluded","sourceKeys","keys","indexOf","_excluded$1","_excluded2$1","_excluded3","_createDescendantCont","createDescendantContext","TabsDescendantsProvider","useTabsDescendantsContext","useTabsDescendants","useTabsDescendant","_createContext","createContext","name","errorMessage","TabsProvider","useTabsContext","makeTabId","id","index","makeTabPanelId","_excluded","_excluded2","Tabs","forwardRef","props","ref","styles","useMultiStyleConfig","_omitThemingProps","omitThemingProps","children","className","_useTabs","defaultIndex","onChange","isManual","isLazy","_props$lazyBehavior","lazyBehavior","_props$orientation","orientation","_props$direction","direction","htmlProps","_React$useState","React","focusedIndex","setFocusedIndex","_useControllableState","useControllableState","defaultValue","value","selectedIndex","setSelectedIndex","descendants","useId","useTabs","ctx","context","rootProps","omit","StylesProvider","chakra","div","cx","__css","root","__DEV__","displayName","Tab","useStyles","tabProps","isDisabled","isFocusable","_useTabsContext2","_useTabsDescendant","disabled","register","isSelected","clickableProps","useClickable","mergeRefs","onClick","callAllHandlers","role","tabIndex","type","onFocus","undefined","useTab","tabStyles","outline","display","alignItems","justifyContent","tab","button","TabList","tablistProps","_useTabsContext","onKeyDown","event","_keyMap","nextTab","next","nextEnabled","focus","node","prevTab","prev","prevEnabled","isHorizontal","isVertical","eventKey","normalizeEventKey","ArrowEnd","action","ArrowDown","ArrowUp","Home","first","firstEnabled","End","last","lastEnabled","preventDefault","useTabList","tablistStyles","tablist","TabPanel","panelProps","_useTabsContext3","hasBeenSelected","current","determineLazyBehavior","hidden","useTabPanel","tabpanel","TabPanels","panelsProps","getValidChildren","map","child","useTabPanels","width","tabpanels","TabIndicator","indicatorStyle","_React$useState2","left","top","height","rect","setRect","_React$useState3","hasMeasured","setHasMeasured","useSafeLayoutEffect","isUndefined","item","offsetLeft","offsetWidth","offsetTop","offsetHeight","requestAnimationFrame","cancelAnimationFrame","position","transitionProperty","transitionDuration","transitionTimingFunction","useTabIndicator","style","indicator","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","compareAsc","dirtyDateLeft","dirtyDateRight","requiredArgs","dateLeft","toDate","dateRight","diff","getTime","cloneObject","dirtyObject","TypeError","property","MILLISECONDS_IN_MINUTE","MINUTES_IN_DAY","MINUTES_IN_MONTH","MINUTES_IN_YEAR","formatDistanceStrict","dirtyDate","dirtyBaseDate","options","locale","defaultLocale","formatDistance","RangeError","comparison","isNaN","localizeOptions","addSuffix","Boolean","roundingMethodFn","roundingMethod","String","Math","floor","ceil","round","unit","milliseconds","minutes","timezoneOffset","getTimezoneOffsetInMilliseconds","dstNormalizedMinutes","seconds","roundedMinutes","hours","days","months","years","formatDistanceToNowStrict","dirtyOptions","Date","now"],"mappings":"qIAAA,oOAQA,SAASA,IAeP,OAdAA,EAAWC,OAAOC,QAAU,SAAUC,GACpC,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CACzC,IAAIG,EAASF,UAAUD,GAEvB,IAAK,IAAII,KAAOD,EACVN,OAAOQ,UAAUC,eAAeC,KAAKJ,EAAQC,KAC/CL,EAAOK,GAAOD,EAAOC,IAK3B,OAAOL,GAGFH,EAASY,MAAMC,KAAMR,WAG9B,SAASS,EAA8BP,EAAQQ,GAC7C,GAAc,MAAVR,EAAgB,MAAO,GAC3B,IAEIC,EAAKJ,EAFLD,EAAS,GACTa,EAAaf,OAAOgB,KAAKV,GAG7B,IAAKH,EAAI,EAAGA,EAAIY,EAAWV,OAAQF,IACjCI,EAAMQ,EAAWZ,GACbW,EAASG,QAAQV,IAAQ,IAC7BL,EAAOK,GAAOD,EAAOC,IAGvB,OAAOL,EAGT,IAAIgB,EAAc,CAAC,eAAgB,WAAY,QAAS,WAAY,SAAU,eAAgB,cAAe,aACzGC,EAAe,CAAC,aAAc,eAC9BC,EAAa,CAAC,aAAc,KAAM,YAKlCC,EAAwBC,cACxBC,EAA0BF,EAAsB,GAChDG,EAA4BH,EAAsB,GAClDI,EAAqBJ,EAAsB,GAC3CK,EAAoBL,EAAsB,GAqF9C,IAAIM,EAAiBC,YAAc,CACjCC,KAAM,cACNC,aAAc,yGAEZC,EAAeJ,EAAe,GAC9BK,EAAiBL,EAAe,GAwQpC,SAASM,EAAUC,EAAIC,GACrB,OAAOD,EAAK,SAAWC,EAGzB,SAASC,EAAeF,EAAIC,GAC1B,OAAOD,EAAK,cAAgBC,EAG9B,IAAIE,EAAY,CAAC,WAAY,aACzBC,EAAa,CAAC,YAAa,eAO3BC,EAAoBC,aAAW,SAAUC,EAAOC,GAClD,IAAIC,EAASC,YAAoB,OAAQH,GAErCI,EAAoBC,YAAiBL,GACrCM,EAAWF,EAAkBE,SAC7BC,EAAYH,EAAkBG,UAG9BC,EA/WN,SAAiBR,GACf,IAAIS,EAAeT,EAAMS,aACrBC,EAAWV,EAAMU,SACjBhB,EAAQM,EAAMN,MACdiB,EAAWX,EAAMW,SACjBC,EAASZ,EAAMY,OACfC,EAAsBb,EAAMc,aAC5BA,OAAuC,IAAxBD,EAAiC,UAAYA,EAC5DE,EAAqBf,EAAMgB,YAC3BA,OAAqC,IAAvBD,EAAgC,aAAeA,EAC7DE,EAAmBjB,EAAMkB,UACzBA,OAAiC,IAArBD,EAA8B,MAAQA,EAClDE,EAAY/C,EAA8B4B,EAAOvB,GAejD2C,EAAkBC,WAA+B,MAAhBZ,EAAuBA,EAAe,GACvEa,EAAeF,EAAgB,GAC/BG,EAAkBH,EAAgB,GAElCI,EAAwBC,YAAqB,CAC/CC,aAA8B,MAAhBjB,EAAuBA,EAAe,EACpDkB,MAAOjC,EACPgB,SAAUA,IAERkB,EAAgBJ,EAAsB,GACtCK,EAAmBL,EAAsB,GAM7CH,aAAgB,WACD,MAAT3B,GACF6B,EAAgB7B,KAEjB,CAACA,IAKJ,IAAIoC,EAAc9C,IAMlB,MAAO,CACLS,GAFOsC,YAAM/B,EAAMP,GAAI,QAGvBmC,cAAeA,EACfN,aAAcA,EACdO,iBAAkBA,EAClBN,gBAAiBA,EACjBZ,SAAUA,EACVC,OAAQA,EACRE,aAAcA,EACdE,YAAaA,EACbc,YAAaA,EACbZ,UAAWA,EACXC,UAAWA,GAySEa,CAFJ5D,EAA8BgC,EAAmBR,IAGxDuB,EAAYX,EAASW,UACrBW,EAActB,EAASsB,YACvBG,EAAM7D,EAA8BoC,EAAUX,GAE9CqC,EAAUb,WAAc,WAC1B,OAAOY,IACN,CAACA,IACAE,EAAYC,YAAKjB,EAAW,CAAC,aACjC,OAAoBE,gBAAoBvC,EAAyB,CAC/D6C,MAAOG,GACOT,gBAAoB/B,EAAc,CAChDqC,MAAOO,GACOb,gBAAoBgB,IAAgB,CAClDV,MAAOzB,GACOmB,gBAAoBiB,IAAOC,IAAKjF,EAAS,CACvDiD,UAAWiC,YAAG,cAAejC,GAC7BN,IAAKA,GACJkC,EAAW,CACZM,MAAOvC,EAAOwC,OACZpC,SAGFqC,MACF7C,EAAK8C,YAAc,QAOrB,IAAIC,EAAmB9C,aAAW,SAAUC,EAAOC,GACjD,IAAIC,EAAS4C,cACTC,EAzPN,SAAgB/C,GACd,IAAIgD,EAAahD,EAAMgD,WACnBC,EAAcjD,EAAMiD,YACpB9B,EAAY/C,EAA8B4B,EAAOtB,GAEjDwE,EAAmB3D,IACnBsC,EAAmBqB,EAAiBrB,iBACpClB,EAAWuC,EAAiBvC,SAC5BlB,EAAKyD,EAAiBzD,GACtB8B,EAAkB2B,EAAiB3B,gBACnCK,EAAgBsB,EAAiBtB,cAEjCuB,EAAqBlE,EAAkB,CACzCmE,SAAUJ,IAAeC,IAEvBvD,EAAQyD,EAAmBzD,MAC3B2D,EAAWF,EAAmBE,SAE9BC,EAAa5D,IAAUkC,EAgBvB2B,EAAiBC,YAAalG,EAAS,GAAI6D,EAAW,CACxDlB,IAAKwD,YAAUJ,EAAUrD,EAAMC,KAC/B+C,WAAYA,EACZC,YAAaA,EACbS,QAASC,YAAgB3D,EAAM0D,SAlBnB,WACZ7B,EAAiBnC,SAoBnB,OAAOpC,EAAS,GAAIiG,EAAgB,CAClC9D,GAAID,EAAUC,EAAIC,GAClBkE,KAAM,MACNC,SAAUP,EAAa,GAAK,EAC5BQ,KALS,SAMT,gBAAiBR,EACjB,gBAAiB3D,EAAeF,EAAIC,GACpCqE,QAASf,OAAagB,EAAYL,YAAgB3D,EAAM+D,SAxB5C,WACZxC,EAAgB7B,IAEIiB,KADSqC,IAAcC,IAIzCpB,EAAiBnC,QA2NNuE,CAAO3G,EAAS,GAAI0C,EAAO,CACxCC,IAAKA,KAGHiE,EAAY5G,EAAS,CACvB6G,QAAS,IACTC,QAAS,OACTC,WAAY,SACZC,eAAgB,UACfpE,EAAOqE,KAEV,OAAoBlD,gBAAoBiB,IAAOkC,OAAQlH,EAAS,GAAIyF,EAAU,CAC5ExC,UAAWiC,YAAG,mBAAoBxC,EAAMO,WACxCkC,MAAOyB,QAIPvB,MACFE,EAAID,YAAc,OAOpB,IAAI6B,EAAuB1E,aAAW,SAAUC,EAAOC,GACrD,IAAIyE,EAnVN,SAAoB1E,GAClB,IAAI2E,EAAkBpF,IAClB+B,EAAeqD,EAAgBrD,aAC/BN,EAAc2D,EAAgB3D,YAC9BE,EAAYyD,EAAgBzD,UAE5BY,EAAc/C,IACd6F,EAAYvD,eAAkB,SAAUwD,GAC1C,IAAIC,EAEAC,EAAU,WACZ,IAAIC,EAAOlD,EAAYmD,YAAY3D,GAC/B0D,GAAME,YAAMF,EAAKG,OAGnBC,EAAU,WACZ,IAAIC,EAAOvD,EAAYwD,YAAYhE,GAC/B+D,GAAMH,YAAMG,EAAKF,OAanBI,EAA+B,eAAhBvE,EACfwE,EAA6B,aAAhBxE,EACbyE,EAAWC,YAAkBb,GAE7Bc,EAAyB,QAAdzE,EAAsB,aAAe,YAUhD0E,IATUd,EAAU,IAFO,QAAd5D,EAAsB,YAAc,cAEH,WAChD,OAAOqE,GAAgBH,KACtBN,EAAQa,GAAY,WACrB,OAAOJ,GAAgBR,KACtBD,EAAQe,UAAY,WACrB,OAAOL,GAAcT,KACpBD,EAAQgB,QAAU,WACnB,OAAON,GAAcJ,KACpBN,EAAQiB,KAvBI,WACb,IAAIC,EAAQlE,EAAYmE,eACpBD,GAAOd,YAAMc,EAAMb,OAqBGL,EAAQoB,IAlBtB,WACZ,IAAIC,EAAOrE,EAAYsE,cACnBD,GAAMjB,YAAMiB,EAAKhB,OAgB4BL,GAC/BW,GAEhBG,IACFf,EAAMwB,iBACNT,EAAOf,MAER,CAAC/C,EAAaR,EAAcN,EAAaE,IAC5C,OAAO5D,EAAS,GAAI0C,EAAO,CACzB4D,KAAM,UACN,mBAAoB5C,EACpB4D,UAAWjB,YAAgB3D,EAAM4E,UAAWA,KA6R3B0B,CAAWhJ,EAAS,GAAI0C,EAAO,CAChDC,IAAKA,KAIHsG,EAAgBjJ,EAAS,CAC3B8G,QAAS,QAHEtB,cAIH0D,SAEV,OAAoBnF,gBAAoBiB,IAAOC,IAAKjF,EAAS,GAAIoH,EAAc,CAC7EnE,UAAWiC,YAAG,uBAAwBxC,EAAMO,WAC5CkC,MAAO8D,QAIP5D,MACF8B,EAAQ7B,YAAc,WAOxB,IAAI6D,EAAwB1G,aAAW,SAAUC,EAAOC,GACtD,IAAIyG,EAtNN,SAAqB1G,GACnB,IAAIsD,EAAatD,EAAMsD,WACnB7D,EAAKO,EAAMP,GACXa,EAAWN,EAAMM,SACjBa,EAAY/C,EAA8B4B,EAAOrB,GAEjDgI,EAAmBpH,IACnBqB,EAAS+F,EAAiB/F,OAC1BE,EAAe6F,EAAiB7F,aAEhC8F,EAAkBvF,UAAa,GAYnC,OAVIiC,IACFsD,EAAgBC,SAAU,GASrBvJ,EAAS,CAEduG,SAAU,GACT1C,EAAW,CACZb,SAVyBwG,YAAsB,CAC/CF,gBAAiBA,EAAgBC,QACjCvD,WAAYA,EACZ1C,OAAQA,EACRE,aAAcA,IAMmBR,EAAW,KAC5CsD,KAAM,WACNmD,QAASzD,EACT7D,GAAIA,IAyLWuH,CAAY1J,EAAS,GAAI0C,EAAO,CAC/CC,IAAKA,KAEHC,EAAS4C,cACb,OAAoBzB,gBAAoBiB,IAAOC,IAAKjF,EAAS,CAC3D6G,QAAS,KACRuC,EAAY,CACbnG,UAAWiC,YAAG,yBAA0BxC,EAAMO,WAC9CkC,MAAOvC,EAAO+G,eAIdtE,MACF8D,EAAS7D,YAAc,YAWzB,IAAIsE,EAAyBnH,aAAW,SAAUC,EAAOC,GACvD,IAAIkH,EAvQN,SAAsBnH,GACpB,IAAIkC,EAAU3C,IACVE,EAAKyC,EAAQzC,GACbmC,EAAgBM,EAAQN,cAU5B,OAAOtE,EAAS,GAAI0C,EAAO,CACzBM,SAVkB8G,YAAiBpH,EAAMM,UACd+G,KAAI,SAAUC,EAAO5H,GAChD,OAAoB2B,eAAmBiG,EAAO,CAC5ChE,WAAY5D,IAAUkC,EACtBnC,GAAIE,EAAeF,EAAIC,GAEvB,kBAAmBF,EAAUC,EAAIC,UA6PnB6H,CAAavH,GAC3BE,EAAS4C,cACb,OAAoBzB,gBAAoBiB,IAAOC,IAAKjF,EAAS,GAAI6J,EAAa,CAC5EK,MAAO,OACPvH,IAAKA,EACLM,UAAWiC,YAAG,0BAA2BxC,EAAMO,WAC/CkC,MAAOvC,EAAOuH,gBAId9E,MACFuE,EAAUtE,YAAc,aAS1B,IAAI8E,EAA4B3H,aAAW,SAAUC,EAAOC,GAC1D,IAAI0H,EA3NN,WACE,IAAIzF,EAAU3C,IACVuC,EAAc/C,IACd6C,EAAgBM,EAAQN,cACxBZ,EAAckB,EAAQlB,YACtBuE,EAA+B,eAAhBvE,EACfwE,EAA6B,aAAhBxE,EAEb4G,EAAmBvG,YAAe,WACpC,OAAIkE,EAAqB,CACvBsC,KAAM,EACNL,MAAO,GAELhC,EAAmB,CACrBsC,IAAK,EACLC,OAAQ,QAFV,KAMEC,EAAOJ,EAAiB,GACxBK,EAAUL,EAAiB,GAE3BM,EAAmB7G,YAAe,GAClC8G,EAAcD,EAAiB,GAC/BE,EAAiBF,EAAiB,GAkCtC,OA/BAG,aAAoB,WAClB,IAAIC,YAAY1G,GAAhB,CACA,IAAI2C,EAAMzC,EAAYyG,KAAK3G,GAC3B,IAAI0G,YAAY/D,GAAhB,CAEIgB,GACF0C,EAAQ,CACNJ,KAAMtD,EAAIY,KAAKqD,WACfhB,MAAOjD,EAAIY,KAAKsD,cAKhBjD,GACFyC,EAAQ,CACNH,IAAKvD,EAAIY,KAAKuD,UACdX,OAAQxD,EAAIY,KAAKwD,eAMrB,IAAIlJ,EAAKmJ,uBAAsB,WAC7BR,GAAe,MAEjB,OAAO,WACD3I,GACFoJ,qBAAqBpJ,QAGxB,CAACmC,EAAe2D,EAAcC,EAAY1D,IACtCxE,EAAS,CACdwL,SAAU,WACVC,mBAAoB,2BACpBC,mBAAoBb,EAAc,QAAU,MAC5Cc,yBAA0B,8BACzBjB,GA4JkBkB,GAEjBC,EAAQ7L,EAAS,GAAI0C,EAAMmJ,MAAOxB,GAElCzH,EAAS4C,cACb,OAAoBzB,gBAAoBiB,IAAOC,IAAKjF,EAAS,CAC3D2C,IAAKA,GACJD,EAAO,CACRO,UAAWiC,YAAG,6BAA8BxC,EAAMO,WAClD4I,MAAOA,EACP1G,MAAOvC,EAAOkJ,gBAIdzG,MACF+E,EAAa9E,YAAc,iB,iCC9jBd,SAASyG,EAAuBC,EAASC,GAKtD,OAJKA,IACHA,EAAMD,EAAQE,MAAM,IAGfjM,OAAOkM,OAAOlM,OAAOmM,iBAAiBJ,EAAS,CACpDC,IAAK,CACH5H,MAAOpE,OAAOkM,OAAOF,OAP3B,mC,kGCuCe,SAASI,EAAWC,EAAeC,GAChDC,YAAa,EAAGnM,WAChB,IAAIoM,EAAWC,YAAOJ,GAClBK,EAAYD,YAAOH,GACnBK,EAAOH,EAASI,UAAYF,EAAUE,UAE1C,OAAID,EAAO,GACD,EACCA,EAAO,EACT,EAEAA,ECjDI,SAASE,EAAYC,GAClC,OCFa,SAAgB5M,EAAQ4M,GACrC,GAAc,MAAV5M,EACF,MAAM,IAAI6M,UAAU,iEAKtB,IAAK,IAAIC,KAFTF,EAAcA,GAAe,GAGvB9M,OAAOQ,UAAUC,eAAeC,KAAKoM,EAAaE,KACpD9M,EAAO8M,GAAYF,EAAYE,IAInC,OAAO9M,EDXAD,CAAO,GAAI6M,G,aEIhBG,EAAyB,IACzBC,EAAiB,KACjBC,EAAmBD,MACnBE,EAAkBF,OAwJP,SAASG,EAAqBC,EAAWC,GACtD,IAAIC,EAAUpN,UAAUC,OAAS,QAAsBoG,IAAjBrG,UAAU,GAAmBA,UAAU,GAAK,GAClFmM,YAAa,EAAGnM,WAChB,IAAIqN,EAASD,EAAQC,QAAUC,IAE/B,IAAKD,EAAOE,eACV,MAAM,IAAIC,WAAW,wDAGvB,IAAIC,EAAazB,EAAWkB,EAAWC,GAEvC,GAAIO,MAAMD,GACR,MAAM,IAAID,WAAW,sBAGvB,IAGIpB,EACAE,EAJAqB,EAAkBlB,EAAYW,GAClCO,EAAgBC,UAAYC,QAAQT,EAAQQ,WAC5CD,EAAgBF,WAAaA,EAIzBA,EAAa,GACfrB,EAAWC,YAAOc,GAClBb,EAAYD,YAAOa,KAEnBd,EAAWC,YAAOa,GAClBZ,EAAYD,YAAOc,IAGrB,IACIW,EADAC,EAA2C,MAA1BX,EAAQW,eAAyB,QAAUC,OAAOZ,EAAQW,gBAG/E,GAAuB,UAAnBA,EACFD,EAAmBG,KAAKC,WACnB,GAAuB,SAAnBH,EACTD,EAAmBG,KAAKE,SACnB,IAAuB,UAAnBJ,EAGT,MAAM,IAAIP,WAAW,qDAFrBM,EAAmBG,KAAKG,MAK1B,IAMIC,EANAC,EAAehC,EAAUE,UAAYJ,EAASI,UAC9C+B,EAAUD,EAAezB,EACzB2B,EAAiBC,YAAgCnC,GAAamC,YAAgCrC,GAG9FsC,GAAwBJ,EAAeE,GAAkB3B,EAsB7D,GAAa,YAjBTwB,EAFgB,MAAhBjB,EAAQiB,KACNE,EAAU,EACL,SACEA,EAAU,GACZ,SACEA,EAAUzB,EACZ,OACE4B,EAAuB3B,EACzB,MACE2B,EAAuB1B,EACzB,QAEA,OAGFgB,OAAOZ,EAAQiB,OAID,CACrB,IAAIM,EAAUb,EAAiBQ,EAAe,KAC9C,OAAOjB,EAAOE,eAAe,WAAYoB,EAAShB,GAC7C,GAAa,WAATU,EAAmB,CAC5B,IAAIO,EAAiBd,EAAiBS,GACtC,OAAOlB,EAAOE,eAAe,WAAYqB,EAAgBjB,GACpD,GAAa,SAATU,EAAiB,CAC1B,IAAIQ,EAAQf,EAAiBS,EAAU,IACvC,OAAOlB,EAAOE,eAAe,SAAUsB,EAAOlB,GACzC,GAAa,QAATU,EAAgB,CACzB,IAAIS,EAAOhB,EAAiBY,EAAuB5B,GACnD,OAAOO,EAAOE,eAAe,QAASuB,EAAMnB,GACvC,GAAa,UAATU,EAAkB,CAC3B,IAAIU,EAASjB,EAAiBY,EAAuB3B,GACrD,OAAkB,KAAXgC,GAAkC,UAAjB3B,EAAQiB,KAAmBhB,EAAOE,eAAe,SAAU,EAAGI,GAAmBN,EAAOE,eAAe,UAAWwB,EAAQpB,GAC7I,GAAa,SAATU,EAAiB,CAC1B,IAAIW,EAAQlB,EAAiBY,EAAuB1B,GACpD,OAAOK,EAAOE,eAAe,SAAUyB,EAAOrB,GAGhD,MAAM,IAAIH,WAAW,qEC7KR,SAASyB,EAA0B/B,EAAWgC,GAE3D,OADA/C,YAAa,EAAGnM,WACTiN,EAAqBC,EAAWiC,KAAKC,MAAOF","file":"static/js/10.82256882.chunk.js","sourcesContent":["import { forwardRef, useMultiStyleConfig, omitThemingProps, StylesProvider, chakra, useStyles } from '@chakra-ui/system';\nimport { normalizeEventKey, callAllHandlers, determineLazyBehavior, isUndefined, focus, omit, cx, __DEV__ } from '@chakra-ui/utils';\nimport * as React from 'react';\nimport { useClickable } from '@chakra-ui/clickable';\nimport { createDescendantContext } from '@chakra-ui/descendant';\nimport { useControllableState, useId, useSafeLayoutEffect } from '@chakra-ui/hooks';\nimport { createContext, mergeRefs, getValidChildren } from '@chakra-ui/react-utils';\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar _excluded$1 = [\"defaultIndex\", \"onChange\", \"index\", \"isManual\", \"isLazy\", \"lazyBehavior\", \"orientation\", \"direction\"],\n    _excluded2$1 = [\"isDisabled\", \"isFocusable\"],\n    _excluded3 = [\"isSelected\", \"id\", \"children\"];\n/* -------------------------------------------------------------------------------------------------\n * Create context to track descendants and their indices\n * -----------------------------------------------------------------------------------------------*/\n\nvar _createDescendantCont = createDescendantContext(),\n    TabsDescendantsProvider = _createDescendantCont[0],\n    useTabsDescendantsContext = _createDescendantCont[1],\n    useTabsDescendants = _createDescendantCont[2],\n    useTabsDescendant = _createDescendantCont[3];\n\n/**\n * Tabs hooks that provides all the states, and accessibility\n * helpers to keep all things working properly.\n *\n * Its returned object will be passed unto a Context Provider\n * so all child components can read from it.\n * There is no document link yet\n * @see Docs https://chakra-ui.com/docs/components/useTabs\n */\nfunction useTabs(props) {\n  var defaultIndex = props.defaultIndex,\n      onChange = props.onChange,\n      index = props.index,\n      isManual = props.isManual,\n      isLazy = props.isLazy,\n      _props$lazyBehavior = props.lazyBehavior,\n      lazyBehavior = _props$lazyBehavior === void 0 ? \"unmount\" : _props$lazyBehavior,\n      _props$orientation = props.orientation,\n      orientation = _props$orientation === void 0 ? \"horizontal\" : _props$orientation,\n      _props$direction = props.direction,\n      direction = _props$direction === void 0 ? \"ltr\" : _props$direction,\n      htmlProps = _objectWithoutPropertiesLoose(props, _excluded$1);\n  /**\n   * We use this to keep track of the index of the focused tab.\n   *\n   * Tabs can be automatically activated, this means selection follows focus.\n   * When we navigate with the arrow keys, we move focus and selection to next/prev tab\n   *\n   * Tabs can also be manually activated, this means selection does not follow focus.\n   * When we navigate with the arrow keys, we only move focus NOT selection. The user\n   * will need not manually activate the tab using `Enter` or `Space`.\n   *\n   * This is why we need to keep track of the `focusedIndex` and `selectedIndex`\n   */\n\n\n  var _React$useState = React.useState(defaultIndex != null ? defaultIndex : 0),\n      focusedIndex = _React$useState[0],\n      setFocusedIndex = _React$useState[1];\n\n  var _useControllableState = useControllableState({\n    defaultValue: defaultIndex != null ? defaultIndex : 0,\n    value: index,\n    onChange: onChange\n  }),\n      selectedIndex = _useControllableState[0],\n      setSelectedIndex = _useControllableState[1];\n  /**\n   * Sync focused `index` with controlled `selectedIndex` (which is the `props.index`)\n   */\n\n\n  React.useEffect(function () {\n    if (index != null) {\n      setFocusedIndex(index);\n    }\n  }, [index]);\n  /**\n   * Think of `useDescendants` as a register for the tab nodes.\n   */\n\n  var descendants = useTabsDescendants();\n  /**\n   * Generate a unique id or use user-provided id for the tabs widget\n   */\n\n  var id = useId(props.id, \"tabs\");\n  return {\n    id: id,\n    selectedIndex: selectedIndex,\n    focusedIndex: focusedIndex,\n    setSelectedIndex: setSelectedIndex,\n    setFocusedIndex: setFocusedIndex,\n    isManual: isManual,\n    isLazy: isLazy,\n    lazyBehavior: lazyBehavior,\n    orientation: orientation,\n    descendants: descendants,\n    direction: direction,\n    htmlProps: htmlProps\n  };\n}\n\nvar _createContext = createContext({\n  name: \"TabsContext\",\n  errorMessage: \"useTabsContext: `context` is undefined. Seems you forgot to wrap all tabs components within <Tabs />\"\n}),\n    TabsProvider = _createContext[0],\n    useTabsContext = _createContext[1];\n\n/**\n * Tabs hook to manage multiple tab buttons,\n * and ensures only one tab is selected per time.\n *\n * @param props props object for the tablist\n */\nfunction useTabList(props) {\n  var _useTabsContext = useTabsContext(),\n      focusedIndex = _useTabsContext.focusedIndex,\n      orientation = _useTabsContext.orientation,\n      direction = _useTabsContext.direction;\n\n  var descendants = useTabsDescendantsContext();\n  var onKeyDown = React.useCallback(function (event) {\n    var _keyMap;\n\n    var nextTab = function nextTab() {\n      var next = descendants.nextEnabled(focusedIndex);\n      if (next) focus(next.node);\n    };\n\n    var prevTab = function prevTab() {\n      var prev = descendants.prevEnabled(focusedIndex);\n      if (prev) focus(prev.node);\n    };\n\n    var firstTab = function firstTab() {\n      var first = descendants.firstEnabled();\n      if (first) focus(first.node);\n    };\n\n    var lastTab = function lastTab() {\n      var last = descendants.lastEnabled();\n      if (last) focus(last.node);\n    };\n\n    var isHorizontal = orientation === \"horizontal\";\n    var isVertical = orientation === \"vertical\";\n    var eventKey = normalizeEventKey(event);\n    var ArrowStart = direction === \"ltr\" ? \"ArrowLeft\" : \"ArrowRight\";\n    var ArrowEnd = direction === \"ltr\" ? \"ArrowRight\" : \"ArrowLeft\";\n    var keyMap = (_keyMap = {}, _keyMap[ArrowStart] = function () {\n      return isHorizontal && prevTab();\n    }, _keyMap[ArrowEnd] = function () {\n      return isHorizontal && nextTab();\n    }, _keyMap.ArrowDown = function ArrowDown() {\n      return isVertical && nextTab();\n    }, _keyMap.ArrowUp = function ArrowUp() {\n      return isVertical && prevTab();\n    }, _keyMap.Home = firstTab, _keyMap.End = lastTab, _keyMap);\n    var action = keyMap[eventKey];\n\n    if (action) {\n      event.preventDefault();\n      action(event);\n    }\n  }, [descendants, focusedIndex, orientation, direction]);\n  return _extends({}, props, {\n    role: \"tablist\",\n    \"aria-orientation\": orientation,\n    onKeyDown: callAllHandlers(props.onKeyDown, onKeyDown)\n  });\n}\n\n/**\n * Tabs hook to manage each tab button.\n *\n * A tab can be disabled and focusable, or both,\n * hence the use of `useClickable` to handle this scenario\n */\nfunction useTab(props) {\n  var isDisabled = props.isDisabled,\n      isFocusable = props.isFocusable,\n      htmlProps = _objectWithoutPropertiesLoose(props, _excluded2$1);\n\n  var _useTabsContext2 = useTabsContext(),\n      setSelectedIndex = _useTabsContext2.setSelectedIndex,\n      isManual = _useTabsContext2.isManual,\n      id = _useTabsContext2.id,\n      setFocusedIndex = _useTabsContext2.setFocusedIndex,\n      selectedIndex = _useTabsContext2.selectedIndex;\n\n  var _useTabsDescendant = useTabsDescendant({\n    disabled: isDisabled && !isFocusable\n  }),\n      index = _useTabsDescendant.index,\n      register = _useTabsDescendant.register;\n\n  var isSelected = index === selectedIndex;\n\n  var onClick = function onClick() {\n    setSelectedIndex(index);\n  };\n\n  var onFocus = function onFocus() {\n    setFocusedIndex(index);\n    var isDisabledButFocusable = isDisabled && isFocusable;\n    var shouldSelect = !isManual && !isDisabledButFocusable;\n\n    if (shouldSelect) {\n      setSelectedIndex(index);\n    }\n  };\n\n  var clickableProps = useClickable(_extends({}, htmlProps, {\n    ref: mergeRefs(register, props.ref),\n    isDisabled: isDisabled,\n    isFocusable: isFocusable,\n    onClick: callAllHandlers(props.onClick, onClick)\n  }));\n  var type = \"button\";\n  return _extends({}, clickableProps, {\n    id: makeTabId(id, index),\n    role: \"tab\",\n    tabIndex: isSelected ? 0 : -1,\n    type: type,\n    \"aria-selected\": isSelected,\n    \"aria-controls\": makeTabPanelId(id, index),\n    onFocus: isDisabled ? undefined : callAllHandlers(props.onFocus, onFocus)\n  });\n}\n\n/**\n * Tabs hook for managing the visibility of multiple tab panels.\n *\n * Since only one panel can be show at a time, we use `cloneElement`\n * to inject `selected` panel to each TabPanel.\n *\n * It returns a cloned version of its children with\n * all functionality included.\n */\nfunction useTabPanels(props) {\n  var context = useTabsContext();\n  var id = context.id,\n      selectedIndex = context.selectedIndex;\n  var validChildren = getValidChildren(props.children);\n  var children = validChildren.map(function (child, index) {\n    return /*#__PURE__*/React.cloneElement(child, {\n      isSelected: index === selectedIndex,\n      id: makeTabPanelId(id, index),\n      // Refers to the associated tab element, and also provides an accessible name to the tab panel.\n      \"aria-labelledby\": makeTabId(id, index)\n    });\n  });\n  return _extends({}, props, {\n    children: children\n  });\n}\n/**\n * Tabs hook for managing the visible/hidden states\n * of the tab panel.\n *\n * @param props props object for the tab panel\n */\n\nfunction useTabPanel(props) {\n  var isSelected = props.isSelected,\n      id = props.id,\n      children = props.children,\n      htmlProps = _objectWithoutPropertiesLoose(props, _excluded3);\n\n  var _useTabsContext3 = useTabsContext(),\n      isLazy = _useTabsContext3.isLazy,\n      lazyBehavior = _useTabsContext3.lazyBehavior;\n\n  var hasBeenSelected = React.useRef(false);\n\n  if (isSelected) {\n    hasBeenSelected.current = true;\n  }\n\n  var shouldRenderChildren = determineLazyBehavior({\n    hasBeenSelected: hasBeenSelected.current,\n    isSelected: isSelected,\n    isLazy: isLazy,\n    lazyBehavior: lazyBehavior\n  });\n  return _extends({\n    // Puts the tabpanel in the page `Tab` sequence.\n    tabIndex: 0\n  }, htmlProps, {\n    children: shouldRenderChildren ? children : null,\n    role: \"tabpanel\",\n    hidden: !isSelected,\n    id: id\n  });\n}\n/**\n * Tabs hook to show an animated indicators that\n * follows the active tab.\n *\n * The way we do it is by measuring the DOM Rect (or dimensions)\n * of the active tab, and return that as CSS style for\n * the indicator.\n */\n\nfunction useTabIndicator() {\n  var context = useTabsContext();\n  var descendants = useTabsDescendantsContext();\n  var selectedIndex = context.selectedIndex,\n      orientation = context.orientation;\n  var isHorizontal = orientation === \"horizontal\";\n  var isVertical = orientation === \"vertical\"; // Get the clientRect of the selected tab\n\n  var _React$useState2 = React.useState(function () {\n    if (isHorizontal) return {\n      left: 0,\n      width: 0\n    };\n    if (isVertical) return {\n      top: 0,\n      height: 0\n    };\n    return undefined;\n  }),\n      rect = _React$useState2[0],\n      setRect = _React$useState2[1];\n\n  var _React$useState3 = React.useState(false),\n      hasMeasured = _React$useState3[0],\n      setHasMeasured = _React$useState3[1]; // Update the selected tab rect when the selectedIndex changes\n\n\n  useSafeLayoutEffect(function () {\n    if (isUndefined(selectedIndex)) return undefined;\n    var tab = descendants.item(selectedIndex);\n    if (isUndefined(tab)) return undefined; // Horizontal Tab: Calculate width and left distance\n\n    if (isHorizontal) {\n      setRect({\n        left: tab.node.offsetLeft,\n        width: tab.node.offsetWidth\n      });\n    } // Vertical Tab: Calculate height and top distance\n\n\n    if (isVertical) {\n      setRect({\n        top: tab.node.offsetTop,\n        height: tab.node.offsetHeight\n      });\n    } // Prevent unwanted transition from 0 to measured rect\n    // by setting the measured state in the next tick\n\n\n    var id = requestAnimationFrame(function () {\n      setHasMeasured(true);\n    });\n    return function () {\n      if (id) {\n        cancelAnimationFrame(id);\n      }\n    };\n  }, [selectedIndex, isHorizontal, isVertical, descendants]);\n  return _extends({\n    position: \"absolute\",\n    transitionProperty: \"left, right, top, bottom\",\n    transitionDuration: hasMeasured ? \"200ms\" : \"0ms\",\n    transitionTimingFunction: \"cubic-bezier(0, 0, 0.2, 1)\"\n  }, rect);\n}\n\nfunction makeTabId(id, index) {\n  return id + \"--tab-\" + index;\n}\n\nfunction makeTabPanelId(id, index) {\n  return id + \"--tabpanel-\" + index;\n}\n\nvar _excluded = [\"children\", \"className\"],\n    _excluded2 = [\"htmlProps\", \"descendants\"];\n\n/**\n * Tabs\n *\n * Provides context and logic for all tabs components.\n */\nvar Tabs = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useMultiStyleConfig(\"Tabs\", props);\n\n  var _omitThemingProps = omitThemingProps(props),\n      children = _omitThemingProps.children,\n      className = _omitThemingProps.className,\n      rest = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded);\n\n  var _useTabs = useTabs(rest),\n      htmlProps = _useTabs.htmlProps,\n      descendants = _useTabs.descendants,\n      ctx = _objectWithoutPropertiesLoose(_useTabs, _excluded2);\n\n  var context = React.useMemo(function () {\n    return ctx;\n  }, [ctx]);\n  var rootProps = omit(htmlProps, [\"isFitted\"]);\n  return /*#__PURE__*/React.createElement(TabsDescendantsProvider, {\n    value: descendants\n  }, /*#__PURE__*/React.createElement(TabsProvider, {\n    value: context\n  }, /*#__PURE__*/React.createElement(StylesProvider, {\n    value: styles\n  }, /*#__PURE__*/React.createElement(chakra.div, _extends({\n    className: cx(\"chakra-tabs\", className),\n    ref: ref\n  }, rootProps, {\n    __css: styles.root\n  }), children))));\n});\n\nif (__DEV__) {\n  Tabs.displayName = \"Tabs\";\n}\n\n/**\n * Tab button used to activate a specific tab panel. It renders a `button`,\n * and is responsible for automatic and manual selection modes.\n */\nvar Tab = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useStyles();\n  var tabProps = useTab(_extends({}, props, {\n    ref: ref\n  }));\n\n  var tabStyles = _extends({\n    outline: \"0\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\"\n  }, styles.tab);\n\n  return /*#__PURE__*/React.createElement(chakra.button, _extends({}, tabProps, {\n    className: cx(\"chakra-tabs__tab\", props.className),\n    __css: tabStyles\n  }));\n});\n\nif (__DEV__) {\n  Tab.displayName = \"Tab\";\n}\n\n/**\n * TabList is used to manage a list of tab buttons. It renders a `div` by default,\n * and is responsible the keyboard interaction between tabs.\n */\nvar TabList = /*#__PURE__*/forwardRef(function (props, ref) {\n  var tablistProps = useTabList(_extends({}, props, {\n    ref: ref\n  }));\n  var styles = useStyles();\n\n  var tablistStyles = _extends({\n    display: \"flex\"\n  }, styles.tablist);\n\n  return /*#__PURE__*/React.createElement(chakra.div, _extends({}, tablistProps, {\n    className: cx(\"chakra-tabs__tablist\", props.className),\n    __css: tablistStyles\n  }));\n});\n\nif (__DEV__) {\n  TabList.displayName = \"TabList\";\n}\n\n/**\n * TabPanel\n * Used to render the content for a specific tab.\n */\nvar TabPanel = /*#__PURE__*/forwardRef(function (props, ref) {\n  var panelProps = useTabPanel(_extends({}, props, {\n    ref: ref\n  }));\n  var styles = useStyles();\n  return /*#__PURE__*/React.createElement(chakra.div, _extends({\n    outline: \"0\"\n  }, panelProps, {\n    className: cx(\"chakra-tabs__tab-panel\", props.className),\n    __css: styles.tabpanel\n  }));\n});\n\nif (__DEV__) {\n  TabPanel.displayName = \"TabPanel\";\n}\n\n/**\n * TabPanel\n *\n * Used to manage the rendering of multiple tab panels. It uses\n * `cloneElement` to hide/show tab panels.\n *\n * It renders a `div` by default.\n */\nvar TabPanels = /*#__PURE__*/forwardRef(function (props, ref) {\n  var panelsProps = useTabPanels(props);\n  var styles = useStyles();\n  return /*#__PURE__*/React.createElement(chakra.div, _extends({}, panelsProps, {\n    width: \"100%\",\n    ref: ref,\n    className: cx(\"chakra-tabs__tab-panels\", props.className),\n    __css: styles.tabpanels\n  }));\n});\n\nif (__DEV__) {\n  TabPanels.displayName = \"TabPanels\";\n}\n\n/**\n * TabIndicator\n *\n * Used to render an active tab indicator that animates between\n * selected tabs.\n */\nvar TabIndicator = /*#__PURE__*/forwardRef(function (props, ref) {\n  var indicatorStyle = useTabIndicator();\n\n  var style = _extends({}, props.style, indicatorStyle);\n\n  var styles = useStyles();\n  return /*#__PURE__*/React.createElement(chakra.div, _extends({\n    ref: ref\n  }, props, {\n    className: cx(\"chakra-tabs__tab-indicator\", props.className),\n    style: style,\n    __css: styles.indicator\n  }));\n});\n\nif (__DEV__) {\n  TabIndicator.displayName = \"TabIndicator\";\n}\n\nexport { Tab, TabIndicator, TabList, TabPanel, TabPanels, Tabs, TabsDescendantsProvider, TabsProvider, useTab, useTabIndicator, useTabList, useTabPanel, useTabPanels, useTabs, useTabsContext, useTabsDescendant, useTabsDescendants, useTabsDescendantsContext };\n","export default function _taggedTemplateLiteral(strings, raw) {\n  if (!raw) {\n    raw = strings.slice(0);\n  }\n\n  return Object.freeze(Object.defineProperties(strings, {\n    raw: {\n      value: Object.freeze(raw)\n    }\n  }));\n}","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name compareAsc\n * @category Common Helpers\n * @summary Compare the two dates and return -1, 0 or 1.\n *\n * @description\n * Compare the two dates and return 1 if the first date is after the second,\n * -1 if the first date is before the second or 0 if dates are equal.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} dateLeft - the first date to compare\n * @param {Date|Number} dateRight - the second date to compare\n * @returns {Number} the result of the comparison\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Compare 11 February 1987 and 10 July 1989:\n * const result = compareAsc(new Date(1987, 1, 11), new Date(1989, 6, 10))\n * //=> -1\n *\n * @example\n * // Sort the array of dates:\n * const result = [\n *   new Date(1995, 6, 2),\n *   new Date(1987, 1, 11),\n *   new Date(1989, 6, 10)\n * ].sort(compareAsc)\n * //=> [\n * //   Wed Feb 11 1987 00:00:00,\n * //   Mon Jul 10 1989 00:00:00,\n * //   Sun Jul 02 1995 00:00:00\n * // ]\n */\n\nexport default function compareAsc(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeft = toDate(dirtyDateLeft);\n  var dateRight = toDate(dirtyDateRight);\n  var diff = dateLeft.getTime() - dateRight.getTime();\n\n  if (diff < 0) {\n    return -1;\n  } else if (diff > 0) {\n    return 1; // Return 0 if diff is 0; return NaN if diff is NaN\n  } else {\n    return diff;\n  }\n}","import assign from \"../assign/index.js\";\nexport default function cloneObject(dirtyObject) {\n  return assign({}, dirtyObject);\n}","export default function assign(target, dirtyObject) {\n  if (target == null) {\n    throw new TypeError('assign requires that input parameter not be null or undefined');\n  }\n\n  dirtyObject = dirtyObject || {};\n\n  for (var property in dirtyObject) {\n    if (Object.prototype.hasOwnProperty.call(dirtyObject, property)) {\n      target[property] = dirtyObject[property];\n    }\n  }\n\n  return target;\n}","import getTimezoneOffsetInMilliseconds from \"../_lib/getTimezoneOffsetInMilliseconds/index.js\";\nimport compareAsc from \"../compareAsc/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport cloneObject from \"../_lib/cloneObject/index.js\";\nimport defaultLocale from \"../locale/en-US/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\nvar MILLISECONDS_IN_MINUTE = 1000 * 60;\nvar MINUTES_IN_DAY = 60 * 24;\nvar MINUTES_IN_MONTH = MINUTES_IN_DAY * 30;\nvar MINUTES_IN_YEAR = MINUTES_IN_DAY * 365;\n/**\n * @name formatDistanceStrict\n * @category Common Helpers\n * @summary Return the distance between the given dates in words.\n *\n * @description\n * Return the distance between the given dates in words, using strict units.\n * This is like `formatDistance`, but does not use helpers like 'almost', 'over',\n * 'less than' and the like.\n *\n * | Distance between dates | Result              |\n * |------------------------|---------------------|\n * | 0 ... 59 secs          | [0..59] seconds     |\n * | 1 ... 59 mins          | [1..59] minutes     |\n * | 1 ... 23 hrs           | [1..23] hours       |\n * | 1 ... 29 days          | [1..29] days        |\n * | 1 ... 11 months        | [1..11] months      |\n * | 1 ... N years          | [1..N]  years       |\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * - The function was renamed from `distanceInWordsStrict` to `formatDistanceStrict`\n *   to make its name consistent with `format` and `formatRelative`.\n *\n * - The order of arguments is swapped to make the function\n *   consistent with `differenceIn...` functions.\n *\n *   ```javascript\n *   // Before v2.0.0\n *\n *   distanceInWordsStrict(\n *     new Date(2015, 0, 2),\n *     new Date(2014, 6, 2)\n *   ) //=> '6 months'\n *\n *   // v2.0.0 onward\n *\n *   formatDistanceStrict(\n *     new Date(2014, 6, 2),\n *     new Date(2015, 0, 2)\n *   ) //=> '6 months'\n *   ```\n *\n * - `partialMethod` option is renamed to `roundingMethod`.\n *\n *   ```javascript\n *   // Before v2.0.0\n *\n *   distanceInWordsStrict(\n *     new Date(1986, 3, 4, 10, 32, 0),\n *     new Date(1986, 3, 4, 10, 33, 1),\n *     { partialMethod: 'ceil' }\n *   ) //=> '2 minutes'\n *\n *   // v2.0.0 onward\n *\n *   formatDistanceStrict(\n *     new Date(1986, 3, 4, 10, 33, 1),\n *     new Date(1986, 3, 4, 10, 32, 0),\n *     { roundingMethod: 'ceil' }\n *   ) //=> '2 minutes'\n *   ```\n *\n * - If `roundingMethod` is not specified, it now defaults to `round` instead of `floor`.\n *\n * - `unit` option now accepts one of the strings:\n *   'second', 'minute', 'hour', 'day', 'month' or 'year' instead of 's', 'm', 'h', 'd', 'M' or 'Y'\n *\n *   ```javascript\n *   // Before v2.0.0\n *\n *   distanceInWordsStrict(\n *     new Date(1986, 3, 4, 10, 32, 0),\n *     new Date(1986, 3, 4, 10, 33, 1),\n *     { unit: 'm' }\n *   )\n *\n *   // v2.0.0 onward\n *\n *   formatDistanceStrict(\n *     new Date(1986, 3, 4, 10, 33, 1),\n *     new Date(1986, 3, 4, 10, 32, 0),\n *     { unit: 'minute' }\n *   )\n *   ```\n *\n * @param {Date|Number} date - the date\n * @param {Date|Number} baseDate - the date to compare with\n * @param {Object} [options] - an object with options.\n * @param {Boolean} [options.addSuffix=false] - result indicates if the second date is earlier or later than the first\n * @param {'second'|'minute'|'hour'|'day'|'month'|'year'} [options.unit] - if specified, will force a unit\n * @param {'floor'|'ceil'|'round'} [options.roundingMethod='round'] - which way to round partial units\n * @param {Locale} [options.locale=defaultLocale] - the locale object. See [Locale]{@link https://date-fns.org/docs/Locale}\n * @returns {String} the distance in words\n * @throws {TypeError} 2 arguments required\n * @throws {RangeError} `date` must not be Invalid Date\n * @throws {RangeError} `baseDate` must not be Invalid Date\n * @throws {RangeError} `options.roundingMethod` must be 'floor', 'ceil' or 'round'\n * @throws {RangeError} `options.unit` must be 'second', 'minute', 'hour', 'day', 'month' or 'year'\n * @throws {RangeError} `options.locale` must contain `formatDistance` property\n *\n * @example\n * // What is the distance between 2 July 2014 and 1 January 2015?\n * const result = formatDistanceStrict(new Date(2014, 6, 2), new Date(2015, 0, 2))\n * //=> '6 months'\n *\n * @example\n * // What is the distance between 1 January 2015 00:00:15\n * // and 1 January 2015 00:00:00?\n * const result = formatDistanceStrict(\n *   new Date(2015, 0, 1, 0, 0, 15),\n *   new Date(2015, 0, 1, 0, 0, 0)\n * )\n * //=> '15 seconds'\n *\n * @example\n * // What is the distance from 1 January 2016\n * // to 1 January 2015, with a suffix?\n * const result = formatDistanceStrict(new Date(2015, 0, 1), new Date(2016, 0, 1), {\n *   addSuffix: true\n * })\n * //=> '1 year ago'\n *\n * @example\n * // What is the distance from 1 January 2016\n * // to 1 January 2015, in minutes?\n * const result = formatDistanceStrict(new Date(2016, 0, 1), new Date(2015, 0, 1), {\n *   unit: 'minute'\n * })\n * //=> '525600 minutes'\n *\n * @example\n * // What is the distance from 1 January 2015\n * // to 28 January 2015, in months, rounded up?\n * const result = formatDistanceStrict(new Date(2015, 0, 28), new Date(2015, 0, 1), {\n *   unit: 'month',\n *   roundingMethod: 'ceil'\n * })\n * //=> '1 month'\n *\n * @example\n * // What is the distance between 1 August 2016 and 1 January 2015 in Esperanto?\n * import { eoLocale } from 'date-fns/locale/eo'\n * const result = formatDistanceStrict(new Date(2016, 7, 1), new Date(2015, 0, 1), {\n *   locale: eoLocale\n * })\n * //=> '1 jaro'\n */\n\nexport default function formatDistanceStrict(dirtyDate, dirtyBaseDate) {\n  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n  requiredArgs(2, arguments);\n  var locale = options.locale || defaultLocale;\n\n  if (!locale.formatDistance) {\n    throw new RangeError('locale must contain localize.formatDistance property');\n  }\n\n  var comparison = compareAsc(dirtyDate, dirtyBaseDate);\n\n  if (isNaN(comparison)) {\n    throw new RangeError('Invalid time value');\n  }\n\n  var localizeOptions = cloneObject(options);\n  localizeOptions.addSuffix = Boolean(options.addSuffix);\n  localizeOptions.comparison = comparison;\n  var dateLeft;\n  var dateRight;\n\n  if (comparison > 0) {\n    dateLeft = toDate(dirtyBaseDate);\n    dateRight = toDate(dirtyDate);\n  } else {\n    dateLeft = toDate(dirtyDate);\n    dateRight = toDate(dirtyBaseDate);\n  }\n\n  var roundingMethod = options.roundingMethod == null ? 'round' : String(options.roundingMethod);\n  var roundingMethodFn;\n\n  if (roundingMethod === 'floor') {\n    roundingMethodFn = Math.floor;\n  } else if (roundingMethod === 'ceil') {\n    roundingMethodFn = Math.ceil;\n  } else if (roundingMethod === 'round') {\n    roundingMethodFn = Math.round;\n  } else {\n    throw new RangeError(\"roundingMethod must be 'floor', 'ceil' or 'round'\");\n  }\n\n  var milliseconds = dateRight.getTime() - dateLeft.getTime();\n  var minutes = milliseconds / MILLISECONDS_IN_MINUTE;\n  var timezoneOffset = getTimezoneOffsetInMilliseconds(dateRight) - getTimezoneOffsetInMilliseconds(dateLeft); // Use DST-normalized difference in minutes for years, months and days;\n  // use regular difference in minutes for hours, minutes and seconds.\n\n  var dstNormalizedMinutes = (milliseconds - timezoneOffset) / MILLISECONDS_IN_MINUTE;\n  var unit;\n\n  if (options.unit == null) {\n    if (minutes < 1) {\n      unit = 'second';\n    } else if (minutes < 60) {\n      unit = 'minute';\n    } else if (minutes < MINUTES_IN_DAY) {\n      unit = 'hour';\n    } else if (dstNormalizedMinutes < MINUTES_IN_MONTH) {\n      unit = 'day';\n    } else if (dstNormalizedMinutes < MINUTES_IN_YEAR) {\n      unit = 'month';\n    } else {\n      unit = 'year';\n    }\n  } else {\n    unit = String(options.unit);\n  } // 0 up to 60 seconds\n\n\n  if (unit === 'second') {\n    var seconds = roundingMethodFn(milliseconds / 1000);\n    return locale.formatDistance('xSeconds', seconds, localizeOptions); // 1 up to 60 mins\n  } else if (unit === 'minute') {\n    var roundedMinutes = roundingMethodFn(minutes);\n    return locale.formatDistance('xMinutes', roundedMinutes, localizeOptions); // 1 up to 24 hours\n  } else if (unit === 'hour') {\n    var hours = roundingMethodFn(minutes / 60);\n    return locale.formatDistance('xHours', hours, localizeOptions); // 1 up to 30 days\n  } else if (unit === 'day') {\n    var days = roundingMethodFn(dstNormalizedMinutes / MINUTES_IN_DAY);\n    return locale.formatDistance('xDays', days, localizeOptions); // 1 up to 12 months\n  } else if (unit === 'month') {\n    var months = roundingMethodFn(dstNormalizedMinutes / MINUTES_IN_MONTH);\n    return months === 12 && options.unit !== 'month' ? locale.formatDistance('xYears', 1, localizeOptions) : locale.formatDistance('xMonths', months, localizeOptions); // 1 year up to max Date\n  } else if (unit === 'year') {\n    var years = roundingMethodFn(dstNormalizedMinutes / MINUTES_IN_YEAR);\n    return locale.formatDistance('xYears', years, localizeOptions);\n  }\n\n  throw new RangeError(\"unit must be 'second', 'minute', 'hour', 'day', 'month' or 'year'\");\n}","import formatDistanceStrict from \"../formatDistanceStrict/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name formatDistanceToNowStrict\n * @category Common Helpers\n * @summary Return the distance between the given date and now in words.\n * @pure false\n *\n * @description\n * Return the distance between the given dates in words, using strict units.\n * This is like `formatDistance`, but does not use helpers like 'almost', 'over',\n * 'less than' and the like.\n *\n * | Distance between dates | Result              |\n * |------------------------|---------------------|\n * | 0 ... 59 secs          | [0..59] seconds     |\n * | 1 ... 59 mins          | [1..59] minutes     |\n * | 1 ... 23 hrs           | [1..23] hours       |\n * | 1 ... 29 days          | [1..29] days        |\n * | 1 ... 11 months        | [1..11] months      |\n * | 1 ... N years          | [1..N]  years       |\n *\n * @param {Date|Number} date - the given date\n * @param {Object} [options] - an object with options.\n * @param {Boolean} [options.addSuffix=false] - result indicates if the second date is earlier or later than the first\n * @param {'second'|'minute'|'hour'|'day'|'month'|'year'} [options.unit] - if specified, will force a unit\n * @param {'floor'|'ceil'|'round'} [options.roundingMethod='round'] - which way to round partial units\n * @param {Locale} [options.locale=defaultLocale] - the locale object. See [Locale]{@link https://date-fns.org/docs/Locale}\n * @returns {String} the distance in words\n * @throws {TypeError} 1 argument required\n * @throws {RangeError} `date` must not be Invalid Date\n * @throws {RangeError} `options.locale` must contain `formatDistance` property\n *\n * @example\n * // If today is 1 January 2015, what is the distance to 2 July 2014?\n * var result = formatDistanceToNowStrict(\n *   new Date(2014, 6, 2)\n * )\n * //=> '6 months'\n *\n * @example\n * // If now is 1 January 2015 00:00:00,\n * // what is the distance to 1 January 2015 00:00:15, including seconds?\n * var result = formatDistanceToNowStrict(\n *   new Date(2015, 0, 1, 0, 0, 15)\n * )\n * //=> '20 seconds'\n *\n * @example\n * // If today is 1 January 2015,\n * // what is the distance to 1 January 2016, with a suffix?\n * var result = formatDistanceToNowStrict(\n *   new Date(2016, 0, 1),\n *   {addSuffix: true}\n * )\n * //=> 'in 1 year'\n *\n * @example\n * // If today is 28 January 2015,\n * // what is the distance to 1 January 2015, in months, rounded up??\n * var result = formatDistanceToNowStrict(new Date(2015, 0, 1), {\n *   unit: 'month',\n *   roundingMethod: 'ceil'\n * })\n * //=> '1 month'\n *\n * @example\n * // If today is 1 January 2015,\n * // what is the distance to 1 August 2016 in Esperanto?\n * var eoLocale = require('date-fns/locale/eo')\n * var result = formatDistanceToNowStrict(\n *   new Date(2016, 7, 1),\n *   {locale: eoLocale}\n * )\n * //=> '1 jaro'\n */\n\nexport default function formatDistanceToNowStrict(dirtyDate, dirtyOptions) {\n  requiredArgs(1, arguments);\n  return formatDistanceStrict(dirtyDate, Date.now(), dirtyOptions);\n}"],"sourceRoot":""}
+{"version":3,"sources":["../node_modules/@chakra-ui/tabs/dist/chakra-ui-tabs.esm.js","../node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js","../node_modules/date-fns/esm/compareAsc/index.js","../node_modules/date-fns/esm/_lib/cloneObject/index.js","../node_modules/date-fns/esm/_lib/assign/index.js","../node_modules/date-fns/esm/formatDistanceStrict/index.js","../node_modules/date-fns/esm/formatDistanceToNowStrict/index.js"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_objectWithoutPropertiesLoose","excluded","sourceKeys","keys","indexOf","_excluded$1","_excluded2$1","_excluded3","_createDescendantCont","createDescendantContext","TabsDescendantsProvider","useTabsDescendantsContext","useTabsDescendants","useTabsDescendant","_createContext","createContext","name","errorMessage","TabsProvider","useTabsContext","makeTabId","id","index","makeTabPanelId","_excluded","_excluded2","Tabs","forwardRef","props","ref","styles","useMultiStyleConfig","_omitThemingProps","omitThemingProps","children","className","_useTabs","defaultIndex","onChange","isManual","isLazy","_props$lazyBehavior","lazyBehavior","_props$orientation","orientation","_props$direction","direction","htmlProps","_React$useState","React","focusedIndex","setFocusedIndex","_useControllableState","useControllableState","defaultValue","value","selectedIndex","setSelectedIndex","descendants","useId","useTabs","ctx","context","rootProps","omit","StylesProvider","chakra","div","cx","__css","root","__DEV__","displayName","Tab","useStyles","tabProps","isDisabled","isFocusable","_useTabsContext2","_useTabsDescendant","disabled","register","isSelected","clickableProps","useClickable","mergeRefs","onClick","callAllHandlers","role","tabIndex","type","onFocus","undefined","useTab","tabStyles","outline","display","alignItems","justifyContent","tab","button","TabList","tablistProps","_useTabsContext","onKeyDown","event","_keyMap","nextTab","next","nextEnabled","focus","node","prevTab","prev","prevEnabled","isHorizontal","isVertical","eventKey","normalizeEventKey","ArrowEnd","action","ArrowDown","ArrowUp","Home","first","firstEnabled","End","last","lastEnabled","preventDefault","useTabList","tablistStyles","tablist","TabPanel","panelProps","_useTabsContext3","hasBeenSelected","current","determineLazyBehavior","hidden","useTabPanel","tabpanel","TabPanels","panelsProps","getValidChildren","map","child","useTabPanels","width","tabpanels","TabIndicator","indicatorStyle","_React$useState2","left","top","height","rect","setRect","_React$useState3","hasMeasured","setHasMeasured","useSafeLayoutEffect","isUndefined","item","offsetLeft","offsetWidth","offsetTop","offsetHeight","requestAnimationFrame","cancelAnimationFrame","position","transitionProperty","transitionDuration","transitionTimingFunction","useTabIndicator","style","indicator","_taggedTemplateLiteral","strings","raw","slice","freeze","defineProperties","compareAsc","dirtyDateLeft","dirtyDateRight","requiredArgs","dateLeft","toDate","dateRight","diff","getTime","cloneObject","dirtyObject","TypeError","property","MILLISECONDS_IN_MINUTE","MINUTES_IN_DAY","MINUTES_IN_MONTH","MINUTES_IN_YEAR","formatDistanceStrict","dirtyDate","dirtyBaseDate","options","locale","defaultLocale","formatDistance","RangeError","comparison","isNaN","localizeOptions","addSuffix","Boolean","roundingMethodFn","roundingMethod","String","Math","floor","ceil","round","unit","milliseconds","minutes","timezoneOffset","getTimezoneOffsetInMilliseconds","dstNormalizedMinutes","seconds","roundedMinutes","hours","days","months","years","formatDistanceToNowStrict","dirtyOptions","Date","now"],"mappings":"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","file":"static/js/10.7a168079.chunk.js","sourcesContent":["import { forwardRef, useMultiStyleConfig, omitThemingProps, StylesProvider, chakra, useStyles } from '@chakra-ui/system';\nimport { normalizeEventKey, callAllHandlers, determineLazyBehavior, isUndefined, focus, omit, cx, __DEV__ } from '@chakra-ui/utils';\nimport * as React from 'react';\nimport { useClickable } from '@chakra-ui/clickable';\nimport { createDescendantContext } from '@chakra-ui/descendant';\nimport { useControllableState, useId, useSafeLayoutEffect } from '@chakra-ui/hooks';\nimport { createContext, mergeRefs, getValidChildren } from '@chakra-ui/react-utils';\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar _excluded$1 = [\"defaultIndex\", \"onChange\", \"index\", \"isManual\", \"isLazy\", \"lazyBehavior\", \"orientation\", \"direction\"],\n    _excluded2$1 = [\"isDisabled\", \"isFocusable\"],\n    _excluded3 = [\"isSelected\", \"id\", \"children\"];\n/* -------------------------------------------------------------------------------------------------\n * Create context to track descendants and their indices\n * -----------------------------------------------------------------------------------------------*/\n\nvar _createDescendantCont = createDescendantContext(),\n    TabsDescendantsProvider = _createDescendantCont[0],\n    useTabsDescendantsContext = _createDescendantCont[1],\n    useTabsDescendants = _createDescendantCont[2],\n    useTabsDescendant = _createDescendantCont[3];\n\n/**\n * Tabs hooks that provides all the states, and accessibility\n * helpers to keep all things working properly.\n *\n * Its returned object will be passed unto a Context Provider\n * so all child components can read from it.\n * There is no document link yet\n * @see Docs https://chakra-ui.com/docs/components/useTabs\n */\nfunction useTabs(props) {\n  var defaultIndex = props.defaultIndex,\n      onChange = props.onChange,\n      index = props.index,\n      isManual = props.isManual,\n      isLazy = props.isLazy,\n      _props$lazyBehavior = props.lazyBehavior,\n      lazyBehavior = _props$lazyBehavior === void 0 ? \"unmount\" : _props$lazyBehavior,\n      _props$orientation = props.orientation,\n      orientation = _props$orientation === void 0 ? \"horizontal\" : _props$orientation,\n      _props$direction = props.direction,\n      direction = _props$direction === void 0 ? \"ltr\" : _props$direction,\n      htmlProps = _objectWithoutPropertiesLoose(props, _excluded$1);\n  /**\n   * We use this to keep track of the index of the focused tab.\n   *\n   * Tabs can be automatically activated, this means selection follows focus.\n   * When we navigate with the arrow keys, we move focus and selection to next/prev tab\n   *\n   * Tabs can also be manually activated, this means selection does not follow focus.\n   * When we navigate with the arrow keys, we only move focus NOT selection. The user\n   * will need not manually activate the tab using `Enter` or `Space`.\n   *\n   * This is why we need to keep track of the `focusedIndex` and `selectedIndex`\n   */\n\n\n  var _React$useState = React.useState(defaultIndex != null ? defaultIndex : 0),\n      focusedIndex = _React$useState[0],\n      setFocusedIndex = _React$useState[1];\n\n  var _useControllableState = useControllableState({\n    defaultValue: defaultIndex != null ? defaultIndex : 0,\n    value: index,\n    onChange: onChange\n  }),\n      selectedIndex = _useControllableState[0],\n      setSelectedIndex = _useControllableState[1];\n  /**\n   * Sync focused `index` with controlled `selectedIndex` (which is the `props.index`)\n   */\n\n\n  React.useEffect(function () {\n    if (index != null) {\n      setFocusedIndex(index);\n    }\n  }, [index]);\n  /**\n   * Think of `useDescendants` as a register for the tab nodes.\n   */\n\n  var descendants = useTabsDescendants();\n  /**\n   * Generate a unique id or use user-provided id for the tabs widget\n   */\n\n  var id = useId(props.id, \"tabs\");\n  return {\n    id: id,\n    selectedIndex: selectedIndex,\n    focusedIndex: focusedIndex,\n    setSelectedIndex: setSelectedIndex,\n    setFocusedIndex: setFocusedIndex,\n    isManual: isManual,\n    isLazy: isLazy,\n    lazyBehavior: lazyBehavior,\n    orientation: orientation,\n    descendants: descendants,\n    direction: direction,\n    htmlProps: htmlProps\n  };\n}\n\nvar _createContext = createContext({\n  name: \"TabsContext\",\n  errorMessage: \"useTabsContext: `context` is undefined. Seems you forgot to wrap all tabs components within <Tabs />\"\n}),\n    TabsProvider = _createContext[0],\n    useTabsContext = _createContext[1];\n\n/**\n * Tabs hook to manage multiple tab buttons,\n * and ensures only one tab is selected per time.\n *\n * @param props props object for the tablist\n */\nfunction useTabList(props) {\n  var _useTabsContext = useTabsContext(),\n      focusedIndex = _useTabsContext.focusedIndex,\n      orientation = _useTabsContext.orientation,\n      direction = _useTabsContext.direction;\n\n  var descendants = useTabsDescendantsContext();\n  var onKeyDown = React.useCallback(function (event) {\n    var _keyMap;\n\n    var nextTab = function nextTab() {\n      var next = descendants.nextEnabled(focusedIndex);\n      if (next) focus(next.node);\n    };\n\n    var prevTab = function prevTab() {\n      var prev = descendants.prevEnabled(focusedIndex);\n      if (prev) focus(prev.node);\n    };\n\n    var firstTab = function firstTab() {\n      var first = descendants.firstEnabled();\n      if (first) focus(first.node);\n    };\n\n    var lastTab = function lastTab() {\n      var last = descendants.lastEnabled();\n      if (last) focus(last.node);\n    };\n\n    var isHorizontal = orientation === \"horizontal\";\n    var isVertical = orientation === \"vertical\";\n    var eventKey = normalizeEventKey(event);\n    var ArrowStart = direction === \"ltr\" ? \"ArrowLeft\" : \"ArrowRight\";\n    var ArrowEnd = direction === \"ltr\" ? \"ArrowRight\" : \"ArrowLeft\";\n    var keyMap = (_keyMap = {}, _keyMap[ArrowStart] = function () {\n      return isHorizontal && prevTab();\n    }, _keyMap[ArrowEnd] = function () {\n      return isHorizontal && nextTab();\n    }, _keyMap.ArrowDown = function ArrowDown() {\n      return isVertical && nextTab();\n    }, _keyMap.ArrowUp = function ArrowUp() {\n      return isVertical && prevTab();\n    }, _keyMap.Home = firstTab, _keyMap.End = lastTab, _keyMap);\n    var action = keyMap[eventKey];\n\n    if (action) {\n      event.preventDefault();\n      action(event);\n    }\n  }, [descendants, focusedIndex, orientation, direction]);\n  return _extends({}, props, {\n    role: \"tablist\",\n    \"aria-orientation\": orientation,\n    onKeyDown: callAllHandlers(props.onKeyDown, onKeyDown)\n  });\n}\n\n/**\n * Tabs hook to manage each tab button.\n *\n * A tab can be disabled and focusable, or both,\n * hence the use of `useClickable` to handle this scenario\n */\nfunction useTab(props) {\n  var isDisabled = props.isDisabled,\n      isFocusable = props.isFocusable,\n      htmlProps = _objectWithoutPropertiesLoose(props, _excluded2$1);\n\n  var _useTabsContext2 = useTabsContext(),\n      setSelectedIndex = _useTabsContext2.setSelectedIndex,\n      isManual = _useTabsContext2.isManual,\n      id = _useTabsContext2.id,\n      setFocusedIndex = _useTabsContext2.setFocusedIndex,\n      selectedIndex = _useTabsContext2.selectedIndex;\n\n  var _useTabsDescendant = useTabsDescendant({\n    disabled: isDisabled && !isFocusable\n  }),\n      index = _useTabsDescendant.index,\n      register = _useTabsDescendant.register;\n\n  var isSelected = index === selectedIndex;\n\n  var onClick = function onClick() {\n    setSelectedIndex(index);\n  };\n\n  var onFocus = function onFocus() {\n    setFocusedIndex(index);\n    var isDisabledButFocusable = isDisabled && isFocusable;\n    var shouldSelect = !isManual && !isDisabledButFocusable;\n\n    if (shouldSelect) {\n      setSelectedIndex(index);\n    }\n  };\n\n  var clickableProps = useClickable(_extends({}, htmlProps, {\n    ref: mergeRefs(register, props.ref),\n    isDisabled: isDisabled,\n    isFocusable: isFocusable,\n    onClick: callAllHandlers(props.onClick, onClick)\n  }));\n  var type = \"button\";\n  return _extends({}, clickableProps, {\n    id: makeTabId(id, index),\n    role: \"tab\",\n    tabIndex: isSelected ? 0 : -1,\n    type: type,\n    \"aria-selected\": isSelected,\n    \"aria-controls\": makeTabPanelId(id, index),\n    onFocus: isDisabled ? undefined : callAllHandlers(props.onFocus, onFocus)\n  });\n}\n\n/**\n * Tabs hook for managing the visibility of multiple tab panels.\n *\n * Since only one panel can be show at a time, we use `cloneElement`\n * to inject `selected` panel to each TabPanel.\n *\n * It returns a cloned version of its children with\n * all functionality included.\n */\nfunction useTabPanels(props) {\n  var context = useTabsContext();\n  var id = context.id,\n      selectedIndex = context.selectedIndex;\n  var validChildren = getValidChildren(props.children);\n  var children = validChildren.map(function (child, index) {\n    return /*#__PURE__*/React.cloneElement(child, {\n      isSelected: index === selectedIndex,\n      id: makeTabPanelId(id, index),\n      // Refers to the associated tab element, and also provides an accessible name to the tab panel.\n      \"aria-labelledby\": makeTabId(id, index)\n    });\n  });\n  return _extends({}, props, {\n    children: children\n  });\n}\n/**\n * Tabs hook for managing the visible/hidden states\n * of the tab panel.\n *\n * @param props props object for the tab panel\n */\n\nfunction useTabPanel(props) {\n  var isSelected = props.isSelected,\n      id = props.id,\n      children = props.children,\n      htmlProps = _objectWithoutPropertiesLoose(props, _excluded3);\n\n  var _useTabsContext3 = useTabsContext(),\n      isLazy = _useTabsContext3.isLazy,\n      lazyBehavior = _useTabsContext3.lazyBehavior;\n\n  var hasBeenSelected = React.useRef(false);\n\n  if (isSelected) {\n    hasBeenSelected.current = true;\n  }\n\n  var shouldRenderChildren = determineLazyBehavior({\n    hasBeenSelected: hasBeenSelected.current,\n    isSelected: isSelected,\n    isLazy: isLazy,\n    lazyBehavior: lazyBehavior\n  });\n  return _extends({\n    // Puts the tabpanel in the page `Tab` sequence.\n    tabIndex: 0\n  }, htmlProps, {\n    children: shouldRenderChildren ? children : null,\n    role: \"tabpanel\",\n    hidden: !isSelected,\n    id: id\n  });\n}\n/**\n * Tabs hook to show an animated indicators that\n * follows the active tab.\n *\n * The way we do it is by measuring the DOM Rect (or dimensions)\n * of the active tab, and return that as CSS style for\n * the indicator.\n */\n\nfunction useTabIndicator() {\n  var context = useTabsContext();\n  var descendants = useTabsDescendantsContext();\n  var selectedIndex = context.selectedIndex,\n      orientation = context.orientation;\n  var isHorizontal = orientation === \"horizontal\";\n  var isVertical = orientation === \"vertical\"; // Get the clientRect of the selected tab\n\n  var _React$useState2 = React.useState(function () {\n    if (isHorizontal) return {\n      left: 0,\n      width: 0\n    };\n    if (isVertical) return {\n      top: 0,\n      height: 0\n    };\n    return undefined;\n  }),\n      rect = _React$useState2[0],\n      setRect = _React$useState2[1];\n\n  var _React$useState3 = React.useState(false),\n      hasMeasured = _React$useState3[0],\n      setHasMeasured = _React$useState3[1]; // Update the selected tab rect when the selectedIndex changes\n\n\n  useSafeLayoutEffect(function () {\n    if (isUndefined(selectedIndex)) return undefined;\n    var tab = descendants.item(selectedIndex);\n    if (isUndefined(tab)) return undefined; // Horizontal Tab: Calculate width and left distance\n\n    if (isHorizontal) {\n      setRect({\n        left: tab.node.offsetLeft,\n        width: tab.node.offsetWidth\n      });\n    } // Vertical Tab: Calculate height and top distance\n\n\n    if (isVertical) {\n      setRect({\n        top: tab.node.offsetTop,\n        height: tab.node.offsetHeight\n      });\n    } // Prevent unwanted transition from 0 to measured rect\n    // by setting the measured state in the next tick\n\n\n    var id = requestAnimationFrame(function () {\n      setHasMeasured(true);\n    });\n    return function () {\n      if (id) {\n        cancelAnimationFrame(id);\n      }\n    };\n  }, [selectedIndex, isHorizontal, isVertical, descendants]);\n  return _extends({\n    position: \"absolute\",\n    transitionProperty: \"left, right, top, bottom\",\n    transitionDuration: hasMeasured ? \"200ms\" : \"0ms\",\n    transitionTimingFunction: \"cubic-bezier(0, 0, 0.2, 1)\"\n  }, rect);\n}\n\nfunction makeTabId(id, index) {\n  return id + \"--tab-\" + index;\n}\n\nfunction makeTabPanelId(id, index) {\n  return id + \"--tabpanel-\" + index;\n}\n\nvar _excluded = [\"children\", \"className\"],\n    _excluded2 = [\"htmlProps\", \"descendants\"];\n\n/**\n * Tabs\n *\n * Provides context and logic for all tabs components.\n */\nvar Tabs = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useMultiStyleConfig(\"Tabs\", props);\n\n  var _omitThemingProps = omitThemingProps(props),\n      children = _omitThemingProps.children,\n      className = _omitThemingProps.className,\n      rest = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded);\n\n  var _useTabs = useTabs(rest),\n      htmlProps = _useTabs.htmlProps,\n      descendants = _useTabs.descendants,\n      ctx = _objectWithoutPropertiesLoose(_useTabs, _excluded2);\n\n  var context = React.useMemo(function () {\n    return ctx;\n  }, [ctx]);\n  var rootProps = omit(htmlProps, [\"isFitted\"]);\n  return /*#__PURE__*/React.createElement(TabsDescendantsProvider, {\n    value: descendants\n  }, /*#__PURE__*/React.createElement(TabsProvider, {\n    value: context\n  }, /*#__PURE__*/React.createElement(StylesProvider, {\n    value: styles\n  }, /*#__PURE__*/React.createElement(chakra.div, _extends({\n    className: cx(\"chakra-tabs\", className),\n    ref: ref\n  }, rootProps, {\n    __css: styles.root\n  }), children))));\n});\n\nif (__DEV__) {\n  Tabs.displayName = \"Tabs\";\n}\n\n/**\n * Tab button used to activate a specific tab panel. It renders a `button`,\n * and is responsible for automatic and manual selection modes.\n */\nvar Tab = /*#__PURE__*/forwardRef(function (props, ref) {\n  var styles = useStyles();\n  var tabProps = useTab(_extends({}, props, {\n    ref: ref\n  }));\n\n  var tabStyles = _extends({\n    outline: \"0\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\"\n  }, styles.tab);\n\n  return /*#__PURE__*/React.createElement(chakra.button, _extends({}, tabProps, {\n    className: cx(\"chakra-tabs__tab\", props.className),\n    __css: tabStyles\n  }));\n});\n\nif (__DEV__) {\n  Tab.displayName = \"Tab\";\n}\n\n/**\n * TabList is used to manage a list of tab buttons. It renders a `div` by default,\n * and is responsible the keyboard interaction between tabs.\n */\nvar TabList = /*#__PURE__*/forwardRef(function (props, ref) {\n  var tablistProps = useTabList(_extends({}, props, {\n    ref: ref\n  }));\n  var styles = useStyles();\n\n  var tablistStyles = _extends({\n    display: \"flex\"\n  }, styles.tablist);\n\n  return /*#__PURE__*/React.createElement(chakra.div, _extends({}, tablistProps, {\n    className: cx(\"chakra-tabs__tablist\", props.className),\n    __css: tablistStyles\n  }));\n});\n\nif (__DEV__) {\n  TabList.displayName = \"TabList\";\n}\n\n/**\n * TabPanel\n * Used to render the content for a specific tab.\n */\nvar TabPanel = /*#__PURE__*/forwardRef(function (props, ref) {\n  var panelProps = useTabPanel(_extends({}, props, {\n    ref: ref\n  }));\n  var styles = useStyles();\n  return /*#__PURE__*/React.createElement(chakra.div, _extends({\n    outline: \"0\"\n  }, panelProps, {\n    className: cx(\"chakra-tabs__tab-panel\", props.className),\n    __css: styles.tabpanel\n  }));\n});\n\nif (__DEV__) {\n  TabPanel.displayName = \"TabPanel\";\n}\n\n/**\n * TabPanel\n *\n * Used to manage the rendering of multiple tab panels. It uses\n * `cloneElement` to hide/show tab panels.\n *\n * It renders a `div` by default.\n */\nvar TabPanels = /*#__PURE__*/forwardRef(function (props, ref) {\n  var panelsProps = useTabPanels(props);\n  var styles = useStyles();\n  return /*#__PURE__*/React.createElement(chakra.div, _extends({}, panelsProps, {\n    width: \"100%\",\n    ref: ref,\n    className: cx(\"chakra-tabs__tab-panels\", props.className),\n    __css: styles.tabpanels\n  }));\n});\n\nif (__DEV__) {\n  TabPanels.displayName = \"TabPanels\";\n}\n\n/**\n * TabIndicator\n *\n * Used to render an active tab indicator that animates between\n * selected tabs.\n */\nvar TabIndicator = /*#__PURE__*/forwardRef(function (props, ref) {\n  var indicatorStyle = useTabIndicator();\n\n  var style = _extends({}, props.style, indicatorStyle);\n\n  var styles = useStyles();\n  return /*#__PURE__*/React.createElement(chakra.div, _extends({\n    ref: ref\n  }, props, {\n    className: cx(\"chakra-tabs__tab-indicator\", props.className),\n    style: style,\n    __css: styles.indicator\n  }));\n});\n\nif (__DEV__) {\n  TabIndicator.displayName = \"TabIndicator\";\n}\n\nexport { Tab, TabIndicator, TabList, TabPanel, TabPanels, Tabs, TabsDescendantsProvider, TabsProvider, useTab, useTabIndicator, useTabList, useTabPanel, useTabPanels, useTabs, useTabsContext, useTabsDescendant, useTabsDescendants, useTabsDescendantsContext };\n","export default function _taggedTemplateLiteral(strings, raw) {\n  if (!raw) {\n    raw = strings.slice(0);\n  }\n\n  return Object.freeze(Object.defineProperties(strings, {\n    raw: {\n      value: Object.freeze(raw)\n    }\n  }));\n}","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name compareAsc\n * @category Common Helpers\n * @summary Compare the two dates and return -1, 0 or 1.\n *\n * @description\n * Compare the two dates and return 1 if the first date is after the second,\n * -1 if the first date is before the second or 0 if dates are equal.\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * @param {Date|Number} dateLeft - the first date to compare\n * @param {Date|Number} dateRight - the second date to compare\n * @returns {Number} the result of the comparison\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Compare 11 February 1987 and 10 July 1989:\n * const result = compareAsc(new Date(1987, 1, 11), new Date(1989, 6, 10))\n * //=> -1\n *\n * @example\n * // Sort the array of dates:\n * const result = [\n *   new Date(1995, 6, 2),\n *   new Date(1987, 1, 11),\n *   new Date(1989, 6, 10)\n * ].sort(compareAsc)\n * //=> [\n * //   Wed Feb 11 1987 00:00:00,\n * //   Mon Jul 10 1989 00:00:00,\n * //   Sun Jul 02 1995 00:00:00\n * // ]\n */\n\nexport default function compareAsc(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeft = toDate(dirtyDateLeft);\n  var dateRight = toDate(dirtyDateRight);\n  var diff = dateLeft.getTime() - dateRight.getTime();\n\n  if (diff < 0) {\n    return -1;\n  } else if (diff > 0) {\n    return 1; // Return 0 if diff is 0; return NaN if diff is NaN\n  } else {\n    return diff;\n  }\n}","import assign from \"../assign/index.js\";\nexport default function cloneObject(dirtyObject) {\n  return assign({}, dirtyObject);\n}","export default function assign(target, dirtyObject) {\n  if (target == null) {\n    throw new TypeError('assign requires that input parameter not be null or undefined');\n  }\n\n  dirtyObject = dirtyObject || {};\n\n  for (var property in dirtyObject) {\n    if (Object.prototype.hasOwnProperty.call(dirtyObject, property)) {\n      target[property] = dirtyObject[property];\n    }\n  }\n\n  return target;\n}","import getTimezoneOffsetInMilliseconds from \"../_lib/getTimezoneOffsetInMilliseconds/index.js\";\nimport compareAsc from \"../compareAsc/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport cloneObject from \"../_lib/cloneObject/index.js\";\nimport defaultLocale from \"../locale/en-US/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\nvar MILLISECONDS_IN_MINUTE = 1000 * 60;\nvar MINUTES_IN_DAY = 60 * 24;\nvar MINUTES_IN_MONTH = MINUTES_IN_DAY * 30;\nvar MINUTES_IN_YEAR = MINUTES_IN_DAY * 365;\n/**\n * @name formatDistanceStrict\n * @category Common Helpers\n * @summary Return the distance between the given dates in words.\n *\n * @description\n * Return the distance between the given dates in words, using strict units.\n * This is like `formatDistance`, but does not use helpers like 'almost', 'over',\n * 'less than' and the like.\n *\n * | Distance between dates | Result              |\n * |------------------------|---------------------|\n * | 0 ... 59 secs          | [0..59] seconds     |\n * | 1 ... 59 mins          | [1..59] minutes     |\n * | 1 ... 23 hrs           | [1..23] hours       |\n * | 1 ... 29 days          | [1..29] days        |\n * | 1 ... 11 months        | [1..11] months      |\n * | 1 ... N years          | [1..N]  years       |\n *\n * ### v2.0.0 breaking changes:\n *\n * - [Changes that are common for the whole library](https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#Common-Changes).\n *\n * - The function was renamed from `distanceInWordsStrict` to `formatDistanceStrict`\n *   to make its name consistent with `format` and `formatRelative`.\n *\n * - The order of arguments is swapped to make the function\n *   consistent with `differenceIn...` functions.\n *\n *   ```javascript\n *   // Before v2.0.0\n *\n *   distanceInWordsStrict(\n *     new Date(2015, 0, 2),\n *     new Date(2014, 6, 2)\n *   ) //=> '6 months'\n *\n *   // v2.0.0 onward\n *\n *   formatDistanceStrict(\n *     new Date(2014, 6, 2),\n *     new Date(2015, 0, 2)\n *   ) //=> '6 months'\n *   ```\n *\n * - `partialMethod` option is renamed to `roundingMethod`.\n *\n *   ```javascript\n *   // Before v2.0.0\n *\n *   distanceInWordsStrict(\n *     new Date(1986, 3, 4, 10, 32, 0),\n *     new Date(1986, 3, 4, 10, 33, 1),\n *     { partialMethod: 'ceil' }\n *   ) //=> '2 minutes'\n *\n *   // v2.0.0 onward\n *\n *   formatDistanceStrict(\n *     new Date(1986, 3, 4, 10, 33, 1),\n *     new Date(1986, 3, 4, 10, 32, 0),\n *     { roundingMethod: 'ceil' }\n *   ) //=> '2 minutes'\n *   ```\n *\n * - If `roundingMethod` is not specified, it now defaults to `round` instead of `floor`.\n *\n * - `unit` option now accepts one of the strings:\n *   'second', 'minute', 'hour', 'day', 'month' or 'year' instead of 's', 'm', 'h', 'd', 'M' or 'Y'\n *\n *   ```javascript\n *   // Before v2.0.0\n *\n *   distanceInWordsStrict(\n *     new Date(1986, 3, 4, 10, 32, 0),\n *     new Date(1986, 3, 4, 10, 33, 1),\n *     { unit: 'm' }\n *   )\n *\n *   // v2.0.0 onward\n *\n *   formatDistanceStrict(\n *     new Date(1986, 3, 4, 10, 33, 1),\n *     new Date(1986, 3, 4, 10, 32, 0),\n *     { unit: 'minute' }\n *   )\n *   ```\n *\n * @param {Date|Number} date - the date\n * @param {Date|Number} baseDate - the date to compare with\n * @param {Object} [options] - an object with options.\n * @param {Boolean} [options.addSuffix=false] - result indicates if the second date is earlier or later than the first\n * @param {'second'|'minute'|'hour'|'day'|'month'|'year'} [options.unit] - if specified, will force a unit\n * @param {'floor'|'ceil'|'round'} [options.roundingMethod='round'] - which way to round partial units\n * @param {Locale} [options.locale=defaultLocale] - the locale object. See [Locale]{@link https://date-fns.org/docs/Locale}\n * @returns {String} the distance in words\n * @throws {TypeError} 2 arguments required\n * @throws {RangeError} `date` must not be Invalid Date\n * @throws {RangeError} `baseDate` must not be Invalid Date\n * @throws {RangeError} `options.roundingMethod` must be 'floor', 'ceil' or 'round'\n * @throws {RangeError} `options.unit` must be 'second', 'minute', 'hour', 'day', 'month' or 'year'\n * @throws {RangeError} `options.locale` must contain `formatDistance` property\n *\n * @example\n * // What is the distance between 2 July 2014 and 1 January 2015?\n * const result = formatDistanceStrict(new Date(2014, 6, 2), new Date(2015, 0, 2))\n * //=> '6 months'\n *\n * @example\n * // What is the distance between 1 January 2015 00:00:15\n * // and 1 January 2015 00:00:00?\n * const result = formatDistanceStrict(\n *   new Date(2015, 0, 1, 0, 0, 15),\n *   new Date(2015, 0, 1, 0, 0, 0)\n * )\n * //=> '15 seconds'\n *\n * @example\n * // What is the distance from 1 January 2016\n * // to 1 January 2015, with a suffix?\n * const result = formatDistanceStrict(new Date(2015, 0, 1), new Date(2016, 0, 1), {\n *   addSuffix: true\n * })\n * //=> '1 year ago'\n *\n * @example\n * // What is the distance from 1 January 2016\n * // to 1 January 2015, in minutes?\n * const result = formatDistanceStrict(new Date(2016, 0, 1), new Date(2015, 0, 1), {\n *   unit: 'minute'\n * })\n * //=> '525600 minutes'\n *\n * @example\n * // What is the distance from 1 January 2015\n * // to 28 January 2015, in months, rounded up?\n * const result = formatDistanceStrict(new Date(2015, 0, 28), new Date(2015, 0, 1), {\n *   unit: 'month',\n *   roundingMethod: 'ceil'\n * })\n * //=> '1 month'\n *\n * @example\n * // What is the distance between 1 August 2016 and 1 January 2015 in Esperanto?\n * import { eoLocale } from 'date-fns/locale/eo'\n * const result = formatDistanceStrict(new Date(2016, 7, 1), new Date(2015, 0, 1), {\n *   locale: eoLocale\n * })\n * //=> '1 jaro'\n */\n\nexport default function formatDistanceStrict(dirtyDate, dirtyBaseDate) {\n  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n  requiredArgs(2, arguments);\n  var locale = options.locale || defaultLocale;\n\n  if (!locale.formatDistance) {\n    throw new RangeError('locale must contain localize.formatDistance property');\n  }\n\n  var comparison = compareAsc(dirtyDate, dirtyBaseDate);\n\n  if (isNaN(comparison)) {\n    throw new RangeError('Invalid time value');\n  }\n\n  var localizeOptions = cloneObject(options);\n  localizeOptions.addSuffix = Boolean(options.addSuffix);\n  localizeOptions.comparison = comparison;\n  var dateLeft;\n  var dateRight;\n\n  if (comparison > 0) {\n    dateLeft = toDate(dirtyBaseDate);\n    dateRight = toDate(dirtyDate);\n  } else {\n    dateLeft = toDate(dirtyDate);\n    dateRight = toDate(dirtyBaseDate);\n  }\n\n  var roundingMethod = options.roundingMethod == null ? 'round' : String(options.roundingMethod);\n  var roundingMethodFn;\n\n  if (roundingMethod === 'floor') {\n    roundingMethodFn = Math.floor;\n  } else if (roundingMethod === 'ceil') {\n    roundingMethodFn = Math.ceil;\n  } else if (roundingMethod === 'round') {\n    roundingMethodFn = Math.round;\n  } else {\n    throw new RangeError(\"roundingMethod must be 'floor', 'ceil' or 'round'\");\n  }\n\n  var milliseconds = dateRight.getTime() - dateLeft.getTime();\n  var minutes = milliseconds / MILLISECONDS_IN_MINUTE;\n  var timezoneOffset = getTimezoneOffsetInMilliseconds(dateRight) - getTimezoneOffsetInMilliseconds(dateLeft); // Use DST-normalized difference in minutes for years, months and days;\n  // use regular difference in minutes for hours, minutes and seconds.\n\n  var dstNormalizedMinutes = (milliseconds - timezoneOffset) / MILLISECONDS_IN_MINUTE;\n  var unit;\n\n  if (options.unit == null) {\n    if (minutes < 1) {\n      unit = 'second';\n    } else if (minutes < 60) {\n      unit = 'minute';\n    } else if (minutes < MINUTES_IN_DAY) {\n      unit = 'hour';\n    } else if (dstNormalizedMinutes < MINUTES_IN_MONTH) {\n      unit = 'day';\n    } else if (dstNormalizedMinutes < MINUTES_IN_YEAR) {\n      unit = 'month';\n    } else {\n      unit = 'year';\n    }\n  } else {\n    unit = String(options.unit);\n  } // 0 up to 60 seconds\n\n\n  if (unit === 'second') {\n    var seconds = roundingMethodFn(milliseconds / 1000);\n    return locale.formatDistance('xSeconds', seconds, localizeOptions); // 1 up to 60 mins\n  } else if (unit === 'minute') {\n    var roundedMinutes = roundingMethodFn(minutes);\n    return locale.formatDistance('xMinutes', roundedMinutes, localizeOptions); // 1 up to 24 hours\n  } else if (unit === 'hour') {\n    var hours = roundingMethodFn(minutes / 60);\n    return locale.formatDistance('xHours', hours, localizeOptions); // 1 up to 30 days\n  } else if (unit === 'day') {\n    var days = roundingMethodFn(dstNormalizedMinutes / MINUTES_IN_DAY);\n    return locale.formatDistance('xDays', days, localizeOptions); // 1 up to 12 months\n  } else if (unit === 'month') {\n    var months = roundingMethodFn(dstNormalizedMinutes / MINUTES_IN_MONTH);\n    return months === 12 && options.unit !== 'month' ? locale.formatDistance('xYears', 1, localizeOptions) : locale.formatDistance('xMonths', months, localizeOptions); // 1 year up to max Date\n  } else if (unit === 'year') {\n    var years = roundingMethodFn(dstNormalizedMinutes / MINUTES_IN_YEAR);\n    return locale.formatDistance('xYears', years, localizeOptions);\n  }\n\n  throw new RangeError(\"unit must be 'second', 'minute', 'hour', 'day', 'month' or 'year'\");\n}","import formatDistanceStrict from \"../formatDistanceStrict/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name formatDistanceToNowStrict\n * @category Common Helpers\n * @summary Return the distance between the given date and now in words.\n * @pure false\n *\n * @description\n * Return the distance between the given dates in words, using strict units.\n * This is like `formatDistance`, but does not use helpers like 'almost', 'over',\n * 'less than' and the like.\n *\n * | Distance between dates | Result              |\n * |------------------------|---------------------|\n * | 0 ... 59 secs          | [0..59] seconds     |\n * | 1 ... 59 mins          | [1..59] minutes     |\n * | 1 ... 23 hrs           | [1..23] hours       |\n * | 1 ... 29 days          | [1..29] days        |\n * | 1 ... 11 months        | [1..11] months      |\n * | 1 ... N years          | [1..N]  years       |\n *\n * @param {Date|Number} date - the given date\n * @param {Object} [options] - an object with options.\n * @param {Boolean} [options.addSuffix=false] - result indicates if the second date is earlier or later than the first\n * @param {'second'|'minute'|'hour'|'day'|'month'|'year'} [options.unit] - if specified, will force a unit\n * @param {'floor'|'ceil'|'round'} [options.roundingMethod='round'] - which way to round partial units\n * @param {Locale} [options.locale=defaultLocale] - the locale object. See [Locale]{@link https://date-fns.org/docs/Locale}\n * @returns {String} the distance in words\n * @throws {TypeError} 1 argument required\n * @throws {RangeError} `date` must not be Invalid Date\n * @throws {RangeError} `options.locale` must contain `formatDistance` property\n *\n * @example\n * // If today is 1 January 2015, what is the distance to 2 July 2014?\n * var result = formatDistanceToNowStrict(\n *   new Date(2014, 6, 2)\n * )\n * //=> '6 months'\n *\n * @example\n * // If now is 1 January 2015 00:00:00,\n * // what is the distance to 1 January 2015 00:00:15, including seconds?\n * var result = formatDistanceToNowStrict(\n *   new Date(2015, 0, 1, 0, 0, 15)\n * )\n * //=> '20 seconds'\n *\n * @example\n * // If today is 1 January 2015,\n * // what is the distance to 1 January 2016, with a suffix?\n * var result = formatDistanceToNowStrict(\n *   new Date(2016, 0, 1),\n *   {addSuffix: true}\n * )\n * //=> 'in 1 year'\n *\n * @example\n * // If today is 28 January 2015,\n * // what is the distance to 1 January 2015, in months, rounded up??\n * var result = formatDistanceToNowStrict(new Date(2015, 0, 1), {\n *   unit: 'month',\n *   roundingMethod: 'ceil'\n * })\n * //=> '1 month'\n *\n * @example\n * // If today is 1 January 2015,\n * // what is the distance to 1 August 2016 in Esperanto?\n * var eoLocale = require('date-fns/locale/eo')\n * var result = formatDistanceToNowStrict(\n *   new Date(2016, 7, 1),\n *   {locale: eoLocale}\n * )\n * //=> '1 jaro'\n */\n\nexport default function formatDistanceToNowStrict(dirtyDate, dirtyOptions) {\n  requiredArgs(1, arguments);\n  return formatDistanceStrict(dirtyDate, Date.now(), dirtyOptions);\n}"],"sourceRoot":""}

package/website/static/js/11.b47f8af6.chunk.js

@@ -0,0 +1,2 @@
+(this["webpackJsonpconstruct-hub-webapp"]=this["webpackJsonpconstruct-hub-webapp"]||[]).push([[11],{207:function(e,t,r){"use strict";r.d(t,"a",(function(){return c}));var s=r(0),i=r(224),n={contribute:{event:{name:"Contribute Load"}},home:{event:{name:"Home Load"}},faq:{event:{name:"Frequently Asked Questions Load"}},packageProfile:{event:{name:"Package Profile Load"}},search:{event:{name:"Search Load"}},siteTerms:{event:{name:"Site Terms Load"}},notFound:{page:{pageType:"errorPage"},event:{name:"404 Page Load"}}},a=r(42),o=r(2),c=(["default-src 'self' 'unsafe-inline' http://*.awsstatic.com;","connect-src 'self' https://*.shortbread.aws.dev http://*.shortbread.aws.dev http://a0.awsstatic.com/ http://amazonwebservices.d2.sc.omtrdc.net http://aws.demdex.net http://dpm.demdex.net http://cm.everesttech.net;","frame-src http://aws.demdex.net http://dpm.demdex.net;","img-src 'self' https://* http://a0.awsstatic.com/ http://amazonwebservices.d2.sc.omtrdc.net http://aws.demdex.net http://dpm.demdex.net http://cm.everesttech.net;","object-src 'none';","style-src 'self' 'unsafe-inline';"].join(" "),function(e){var t=e.children,r=e.meta,c=e.pageName,l=Object(a.c)(n[c]);Object(s.useEffect)((function(){l()}),[l]);var u=r.suffix,d=void 0===u||u,h=r.title,b=r.description,p=d?"".concat(h," - Construct Hub"):h;return Object(o.jsxs)(o.Fragment,{children:[Object(o.jsxs)(i.a,{children:[!1,Object(o.jsx)("meta",{content:"width=device-width, initial-scale=1",name:"viewport"}),Object(o.jsx)("meta",{charSet:"utf-8"}),Object(o.jsx)("title",{children:p}),Object(o.jsx)("meta",{content:p,property:"og:title"}),Object(o.jsx)("meta",{content:p,name:"twitter:title"}),Object(o.jsx)("meta",{content:"summary",name:"twitter:card"}),Object(o.jsx)("meta",{content:b,name:"description"}),Object(o.jsx)("meta",{content:b,property:"og:description"}),Object(o.jsx)("meta",{content:b,name:"twitter:description"})]}),t]})})},295:function(e,t,r){"use strict";r.d(t,"a",(function(){return n})),r.d(t,"b",(function(){return a})),r.d(t,"c",(function(){return c})),r.d(t,"d",(function(){return u})),r.d(t,"e",(function(){return d})),r.d(t,"f",(function(){return j}));var s=r(124),i=r(2),n=function(e){var t=e.children;return Object(i.jsxs)(s.b,{bg:"white",color:"blue.800",h:"100%",w:"100%",children:[t,Object(i.jsx)(s.b,{py:5,width:"100%"})]})},a=function(e){var t=e.children;return Object(i.jsx)(s.b,{bg:"gray.50",py:20,width:"100%",children:Object(i.jsx)(s.i,{as:"h1",mx:"auto",textAlign:"center",children:t})})},o=r(131),c=function(e){var t=e.question,r=e.children;return Object(i.jsxs)(o.d,{children:[Object(i.jsxs)(o.b,{children:[Object(i.jsx)(s.b,{flex:"1",py:2,textAlign:"left",children:Object(i.jsx)(s.i,{as:"h3",ml:8,size:"sm",children:t})}),Object(i.jsx)(o.c,{})]}),Object(i.jsx)(o.e,{px:12,py:4,children:Object(i.jsx)(s.q,{color:"blue.800",fontSize:"md",sx:{p:{marginTop:"0",marginBottom:"4"}},children:r})})]})},l=r(56),u=function(e){var t=e.href,r=e.children;return Object(i.jsx)(l.a,{color:"inherit",hasWarning:!1,href:t,textDecoration:"underline",children:r})},d=function(e){var t=e.heading,r=e.children;return Object(i.jsxs)(o.d,{children:[Object(i.jsxs)(o.b,{children:[Object(i.jsx)(s.b,{flex:"1",textAlign:"left",children:Object(i.jsx)(s.i,{as:"h2",ml:4,my:4,size:"lg",children:t})}),Object(i.jsx)(o.c,{})]}),Object(i.jsx)(o.e,{p:0,children:Object(i.jsx)(o.a,{allowMultiple:!0,w:"100%",children:r})})]})},h=r(6),b=r(21),p=["children"],j=function(e){var t=e.children,r=Object(b.a)(e,p);return Object(i.jsx)(o.a,Object(h.a)(Object(h.a)({allowMultiple:!0},r),{},{children:t}))}},600:function(e,t,r){"use strict";r.r(t),r.d(t,"default",(function(){return l}));var s=r(131),i=r(124),n=r(295),a=r(207),o=r(64),c=r(2),l=function(){return Object(c.jsx)(a.a,{meta:{description:"Learn about contributing to Construct Hub.",title:"Contribute"},pageName:"contribute",children:Object(c.jsxs)(n.a,{children:[Object(c.jsx)(n.b,{children:"Contributing to Construct Hub"}),Object(c.jsxs)(s.a,{allowMultiple:!0,allowToggle:!0,defaultIndex:[0],children:[Object(c.jsxs)(n.c,{question:"How can I add my construct to Construct Hub?",children:[Object(c.jsxs)(i.q,{children:["Constructs intended for Construct Hub must be published to the"," ",Object(c.jsx)(n.d,{href:"https://www.npmjs.com/",children:"npm Registry"})," under Apache, BSD, EPL, MPL-2.0, ISC and CDDL or MIT open source licenses and annotated with a keyword recognized by Construct Hub (awscdk, cdk8s, or cdktf)."]}),Object(c.jsxs)(i.q,{children:["Additionally, since one of the main goals of Construct Hub is to enable an ecosystem of constructs that can be consumed by all CDK languages, your library ",Object(c.jsx)("strong",{children:"must"})," be compiled with"," ",Object(c.jsx)(n.d,{href:"https://aws.github.io/jsii/",children:"JSII"}),", a TypeScript-based tool for building multi-language libraries. Construct Hub leverages the type information produced by the JSII compiler to render a rich multi-language API reference for each construct."]}),Object(c.jsxs)(i.q,{children:["Construct Hub continuously monitors the npm Registry. Packages that meet the above requirements appear in Construct Hub in about 30 minutes. If your package does not appear in Construct Hub, but meets these requirements, please file an issue against our"," ",Object(c.jsx)(n.d,{href:"".concat(o.a,"/issues/new"),children:"GitHub repository."})]}),Object(c.jsxs)(i.q,{children:["The community has provided some great resources about publishing construct libraries that meet Construct Hub requirements. For example, see"," ",Object(c.jsxs)(n.d,{href:"https://dev.to/aws-builders/a-beginner-s-guide-to-create-aws-cdk-construct-library-with-projen-5eh4",children:["\u201cA Beginner's Guide to Create AWS CDK ConstructLibrary with"," ","projen\u201d"]})," ","by ",Object(c.jsx)(n.d,{href:"https://hayao-k.dev/",children:"hayao-k"}),"."]}),Object(c.jsxs)(i.q,{children:["If you already have a library written in TypeScript and want to migrate it to JSII so it can be included in Construct Hub, see the"," ",Object(c.jsx)(n.d,{href:"https://aws.github.io/jsii/user-guides/#library-author-guide",children:"JSII library author guide."})]})]}),Object(c.jsxs)(n.c,{question:"What are the best practices for improving discoverability of a construct library on Construct Hub?",children:[Object(c.jsx)(i.q,{children:"To improve your construct library\u2019s visibility on Construct Hub, follow these best practices:"}),Object(c.jsxs)(i.n,{sx:{li:{mt:4}},children:[Object(c.jsxs)(i.m,{children:[Object(c.jsx)("strong",{children:"Helpful description."})," Publish your library with a description. Libraries without description have lower chances to be discovered by users. When you write your library\u2019s description, think: Why would someone use it? What makes it unique? Make the description as accurate and differentiated as possible."]}),Object(c.jsxs)(i.m,{children:[Object(c.jsx)("strong",{children:"Helpful keywords."})," Publish your library with helpful keywords, ones that can help potential users to find your package. Helpful keywords can be technologies that are being used by the library, use cases the library is useful for, service names that are being used by the library etc. For example: \u2018Monitoring\u2019, \u2018Kubernetes\u2019, \u2018Cost Management\u2019, \u2018Websites\u2019, \u2018AI\u2019, \u2018Containers\u2019 and more."]}),Object(c.jsxs)(i.m,{children:[Object(c.jsx)("strong",{children:"Helpful keywords."})," Publish your library with helpful keywords, ones that can help potential users to find your package. Helpful keywords can be technologies that are being used by the library, use cases the library is useful for, service names that are being used by the library etc. For example: \u2018Monitoring\u2019, \u2018Kubernetes\u2019, \u2018Cost Management\u2019, \u2018Websites\u2019, \u2018AI\u2019, \u2018Containers\u2019 and more."]}),Object(c.jsxs)(i.m,{children:[Object(c.jsx)("strong",{children:"Helpful README."})," Review your library\u2019s README file. Is it developer-friendly? That is, can developers quickly understand the use case you\u2019re trying to solve? Does your README make it easy to get started with your library? Does it explain how your library is different from other libraries? Is it easy to understand at first glance the value developers gain from the library? For more information see *\u201cQ: What are the best practices for a developer-friendly README file?\u201d.*"]}),Object(c.jsxs)(i.m,{children:[Object(c.jsx)("strong",{children:"API documentation."})," Document the library classes, methods, properties in the library\u2019s code. Construct Hub will display this information when it automatically generates the API documentation."]}),Object(c.jsxs)(i.m,{children:[Object(c.jsx)("strong",{children:"Maintain your library."})," Developers prefer libraries that are updated on a regular basis. Our experience shows that successful libraries are those where publishers engage and collaborate with the user community, respond to issues and pull requests, fix bugs, and add capabilities. To gain more developers trust, maintain the releases section on your code repository and make sure to describe the changes between different releases. You may consider to link the libraries you\u2019ve published with your code repository."]}),Object(c.jsxs)(i.m,{children:[Object(c.jsx)("strong",{children:"AWS Partner Network (APN) badge."})," If you\u2019re an AWS partner and you are publishing a library for your offering, please reach out to us and we will be happy to add a badge to your libraries with your company\u2019s name."]}),Object(c.jsxs)(i.m,{children:[Object(c.jsx)("strong",{children:"Enable support for multiple programming languages."})," ","Make your library usable by a broader set of users and increase its value to the ecosystem. Starting with your library written in TypeScript, JSII will create packages in the other CDK programming languages. Construct Hub will then automatically generate API reference and transliterate code samples. All you need to do is to follow the instructions under *\u201cQ: How can I add my construct to Construct Hub?\u201d.*"]})]})]}),Object(c.jsxs)(n.c,{question:"What are the best practices for writing a developer-friendly README file?",children:[Object(c.jsx)(i.q,{children:"Developer-friendly READMEs help readers quickly understand your library\u2019s relevance to their needs and its unique value in comparison to similar libraries on the Construct Hub. Below is a suggestion for a README file structure:"}),Object(c.jsxs)(i.r,{sx:{li:{mt:4}},children:[Object(c.jsxs)(i.m,{children:[Object(c.jsx)("strong",{children:"State and maturity of the library."})," Start your READMEs with helpful badges like"," ",Object(c.jsx)(n.d,{href:"https://www.npmjs.com/package/cdk-codepipeline-badge-notification",children:"CDK pipelines badges"}),". It will help users see the state of your package."]}),Object(c.jsxs)(i.m,{children:[Object(c.jsx)("strong",{children:"Short description"}),". What does this library do? Which use case does it solve? Which technologies and services does it use or support?"]}),Object(c.jsxs)(i.m,{children:[Object(c.jsx)("strong",{children:"What is unique about this library?"})," Help readers quickly find the right library for their needs by stating its special advantages right up front. How does it compare to other libraries addressing the same need or that use the same technologies and services? You don\u2019t need an explicit \u201cus vs. them\u201d feature checklist; just make sure you communicate your library\u2019s unique value."]}),Object(c.jsxs)(i.m,{children:[Object(c.jsx)("strong",{children:"Code samples."})," Include as many complete and working code samples as you can to help developers quickly understand how they can use your library. Some developers start reading code samples before anything else. Write your code samples in TypeScript, and Construct Hub will transliterate them to the other programming languages your library supports. A good practice is to include a minimal code sample of how to use your library in the first page of your README."]}),Object(c.jsxs)(i.m,{children:[Object(c.jsx)("strong",{children:"Author information."})," Share information about you, other packages you\u2019ve published, and additional helpful links that can improve your credibility with readers."]}),Object(c.jsxs)(i.m,{children:[Object(c.jsx)("strong",{children:"License and support."})," Include a \u201cLicense\u201d and \u201cContributing\u201d sections that invite users to contribute via links to your source code repository and issue tracker. (Construct Hub provides \u201cLicense\u201d and \u201cProvide Feedback\u201d in your library\u2019s package page, but it\u2019s convenient to have them in the README too.)"]}),Object(c.jsxs)(i.m,{children:[Object(c.jsx)("strong",{children:"Diagrams."})," Diagrams always help readers quickly understand what a library does. Consider adding diagrams for libraries that create multiple services that work together."]}),Object(c.jsxs)(i.m,{children:[Object(c.jsx)("strong",{children:"Explanatory videos."})," Consider sharing links to videos that can help potential customers engage with your library."]}),Object(c.jsxs)(i.m,{children:[Object(c.jsx)("strong",{children:"Absolute links vs. relative."})," Use absolute links (those that start with http:// or https://) and not relative links. Relative links are prone to breaking when the content is shared elsewhere."]})]})]}),Object(c.jsx)(n.c,{question:"Why isn\u2019t my package displayed on Construct Hub?",children:Object(c.jsxs)(i.q,{children:["Construct Hub includes publicly-available constructs that are JSII-compatible and that were published to the npm Registry with a permissive open-source license and a CDK keyword: aws-cdk, cdk8s, or cdktf. If you believe your package qualifies, but it still does not appear in Construct Hub, please raise an issue"," ",Object(c.jsx)(n.d,{href:"".concat(o.a,"/issues/new"),children:"here"}),"."]})}),Object(c.jsx)(n.c,{question:"Can I update my package after it has been displayed?",children:Object(c.jsx)(i.q,{children:"Yes, you can and should! After you publish a new valid version to the public npm Registry, it should appear on Construct Hub in about 30 minutes."})}),Object(c.jsx)(n.c,{question:"How can I report a bug or contribute code to a construct?",children:Object(c.jsx)(i.q,{children:"Each package is owned by its publisher, so contributions, such as bug reports and pull requests, should be made via the repository link provided by the publisher. You may press the \u2018Provide feedback\u2019 link at the package page to open a new issue in at the package\u2019s repository."})}),Object(c.jsxs)(n.c,{question:"How can I participate in link the Construct Hub community?",children:["Construct Hub is itself an open-source construct! Join the"," ",Object(c.jsx)(n.d,{href:"https://github.com/cdklabs/construct-hub",children:"Construct Hub GitHub community"}),". You are also welcome to join the #construct-hub-dev channel in the"," ",Object(c.jsx)(n.d,{href:"https://cdk.dev/",children:"CDK community Slack workspace"})]}),Object(c.jsx)(n.c,{question:"Is there a Slack channel for the CDK community?",children:Object(c.jsxs)(i.q,{children:["Please join the"," ",Object(c.jsx)(n.d,{href:"https://cdk.dev/",children:"CDK Slack channel"}),". This Slack channel is managed by the CDK community, for the CDK community."]})})]})]})})}}}]);
+//# sourceMappingURL=11.b47f8af6.chunk.js.map

package/website/static/js/11.b47f8af6.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["constants/pageInfo.ts","components/Page/Page.tsx","components/FAQ/FAQ.tsx","components/FAQ/FAQHeading.tsx","components/FAQ/FAQItem.tsx","components/FAQ/FAQLink.tsx","components/FAQ/FAQSection.tsx","components/FAQ/FAQSections.tsx","views/Contribute/Contribute.tsx"],"names":["pageInfo","contribute","event","name","home","faq","packageProfile","search","siteTerms","notFound","page","pageType","Page","join","children","meta","pageName","trackPageView","usePageView","useEffect","suffix","title","description","formattedTitle","Helmet","process","content","charSet","property","FAQ","bg","color","h","w","py","width","FAQHeading","as","mx","textAlign","FAQItem","question","flex","ml","size","px","fontSize","sx","p","marginTop","marginBottom","FAQLink","href","ExternalLink","hasWarning","textDecoration","FAQSection","heading","my","allowMultiple","FAQSections","accordionProps","Contribute","allowToggle","defaultIndex","CONSTRUCT_HUB_REPO_URL","li","mt"],"mappings":"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","file":"static/js/11.b47f8af6.chunk.js","sourcesContent":["export const pageInfo = {\n  contribute: {\n    event: {\n      name: \"Contribute Load\",\n    },\n  },\n  home: {\n    event: {\n      name: \"Home Load\",\n    },\n  },\n  faq: {\n    event: {\n      name: \"Frequently Asked Questions Load\",\n    },\n  },\n  packageProfile: {\n    event: {\n      name: \"Package Profile Load\",\n    },\n  },\n  search: {\n    event: {\n      name: \"Search Load\",\n    },\n  },\n  siteTerms: {\n    event: {\n      name: \"Site Terms Load\",\n    },\n  },\n  notFound: {\n    page: {\n      pageType: \"errorPage\",\n    },\n    event: {\n      name: \"404 Page Load\",\n    },\n  },\n} as const;\n","import { FunctionComponent, useEffect } from \"react\";\nimport { Helmet } from \"react-helmet\";\nimport { pageInfo } from \"../../constants/pageInfo\";\nimport { usePageView } from \"../../contexts/Analytics\";\n\nexport interface PageProps {\n  pageName: keyof typeof pageInfo;\n  meta: {\n    suffix?: boolean;\n    title: string;\n    description: string;\n  };\n}\n\n// Should be the same as the \"real\" CSP, except most things come from HTTP\n// instead of HTTPS (because it is protocol-relative, and the dev site is\n// served over plain HTTP).\nconst csp = [\n  \"default-src 'self' 'unsafe-inline' http://*.awsstatic.com;\",\n  \"connect-src 'self' https://*.shortbread.aws.dev http://*.shortbread.aws.dev http://a0.awsstatic.com/ http://amazonwebservices.d2.sc.omtrdc.net http://aws.demdex.net http://dpm.demdex.net http://cm.everesttech.net;\",\n  \"frame-src http://aws.demdex.net http://dpm.demdex.net;\",\n  \"img-src 'self' https://* http://a0.awsstatic.com/ http://amazonwebservices.d2.sc.omtrdc.net http://aws.demdex.net http://dpm.demdex.net http://cm.everesttech.net;\",\n  \"object-src 'none';\",\n  \"style-src 'self' 'unsafe-inline';\",\n].join(\" \");\n\nexport const Page: FunctionComponent<PageProps> = ({\n  children,\n  meta,\n  pageName,\n}) => {\n  const trackPageView = usePageView(pageInfo[pageName]);\n\n  useEffect(() => {\n    trackPageView();\n  }, [trackPageView]);\n\n  const { suffix = true, title, description } = meta;\n  const formattedTitle = suffix ? `${title} - Construct Hub` : title;\n\n  return (\n    <>\n      <Helmet>\n        {process.env.NODE_ENV === \"development\" && (\n          <meta content={csp} httpEquiv=\"Content-Security-Policy\" />\n        )}\n\n        <meta content=\"width=device-width, initial-scale=1\" name=\"viewport\" />\n        <meta charSet=\"utf-8\" />\n\n        <title>{formattedTitle}</title>\n        <meta content={formattedTitle} property=\"og:title\" />\n        <meta content={formattedTitle} name=\"twitter:title\" />\n        <meta content=\"summary\" name=\"twitter:card\" />\n\n        <meta content={description} name=\"description\" />\n        <meta content={description} property=\"og:description\" />\n        <meta content={description} name=\"twitter:description\" />\n      </Helmet>\n      {children}\n    </>\n  );\n};\n","import { Box } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\n\nexport const FAQ: FunctionComponent = ({ children }) => (\n  <Box bg=\"white\" color=\"blue.800\" h=\"100%\" w=\"100%\">\n    {children}\n    <Box py={5} width=\"100%\" />\n  </Box>\n);\n","import { Box, Heading } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\n\nexport const FAQHeading: FunctionComponent = ({ children }) => (\n  <Box bg=\"gray.50\" py={20} width=\"100%\">\n    <Heading as=\"h1\" mx=\"auto\" textAlign=\"center\">\n      {children}\n    </Heading>\n  </Box>\n);\n","import {\n  Heading,\n  Text,\n  AccordionIcon,\n  AccordionButton,\n  AccordionItem,\n  AccordionPanel,\n  Box,\n} from \"@chakra-ui/react\";\nimport type { FunctionComponent, ReactChild } from \"react\";\n\nexport interface FAQItemProps {\n  question: ReactChild;\n}\n\nexport const FAQItem: FunctionComponent<FAQItemProps> = ({\n  question,\n  children,\n}) => (\n  <AccordionItem>\n    <AccordionButton>\n      <Box flex=\"1\" py={2} textAlign=\"left\">\n        <Heading as=\"h3\" ml={8} size=\"sm\">\n          {question}\n        </Heading>\n      </Box>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel px={12} py={4}>\n      <Text\n        color=\"blue.800\"\n        fontSize=\"md\"\n        sx={{ p: { marginTop: \"0\", marginBottom: \"4\" } }}\n      >\n        {children}\n      </Text>\n    </AccordionPanel>\n  </AccordionItem>\n);\n","import { FunctionComponent } from \"react\";\nimport { ExternalLink } from \"../../components/ExternalLink\";\n\nexport interface FAQLinkProps {\n  href: string;\n}\n\nexport const FAQLink: FunctionComponent<FAQLinkProps> = ({\n  href,\n  children,\n}) => (\n  <ExternalLink\n    color=\"inherit\"\n    hasWarning={false}\n    href={href}\n    textDecoration=\"underline\"\n  >\n    {children}\n  </ExternalLink>\n);\n","import {\n  AccordionIcon,\n  AccordionButton,\n  AccordionItem,\n  AccordionPanel,\n  Heading,\n  Box,\n  Accordion,\n} from \"@chakra-ui/react\";\n\nimport type { FunctionComponent } from \"react\";\n\nexport interface FAQSectionProps {\n  heading: string;\n}\n\nexport const FAQSection: FunctionComponent<FAQSectionProps> = ({\n  heading,\n  children,\n}) => (\n  <AccordionItem>\n    <AccordionButton>\n      <Box flex=\"1\" textAlign=\"left\">\n        <Heading as=\"h2\" ml={4} my={4} size=\"lg\">\n          {heading}\n        </Heading>\n      </Box>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel p={0}>\n      <Accordion allowMultiple w=\"100%\">\n        {children}\n      </Accordion>\n    </AccordionPanel>\n  </AccordionItem>\n);\n","import { Accordion, AccordionProps } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\n\nexport const FAQSections: FunctionComponent<AccordionProps> = ({\n  children,\n  ...accordionProps\n}) => (\n  <Accordion allowMultiple {...accordionProps}>\n    {children}\n  </Accordion>\n);\n","import {\n  Accordion,\n  OrderedList,\n  ListItem,\n  Text,\n  UnorderedList,\n} from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport { FAQ, FAQHeading, FAQItem, FAQLink } from \"../../components/FAQ\";\nimport { Page } from \"../../components/Page\";\nimport { CONSTRUCT_HUB_REPO_URL } from \"../../constants/links\";\n\nexport const Contribute: FunctionComponent = () => (\n  <Page\n    meta={{\n      description: \"Learn about contributing to Construct Hub.\",\n      title: \"Contribute\",\n    }}\n    pageName=\"contribute\"\n  >\n    <FAQ>\n      <FAQHeading>Contributing to Construct Hub</FAQHeading>\n\n      <Accordion allowMultiple allowToggle defaultIndex={[0]}>\n        <FAQItem question=\"How can I add my construct to Construct Hub?\">\n          <Text>\n            Constructs intended for Construct Hub must be published to the{\" \"}\n            <FAQLink href=\"https://www.npmjs.com/\">npm Registry</FAQLink> under\n            Apache, BSD, EPL, MPL-2.0, ISC and CDDL or MIT open source licenses\n            and annotated with a keyword recognized by Construct Hub (awscdk,\n            cdk8s, or cdktf).\n          </Text>\n\n          <Text>\n            Additionally, since one of the main goals of Construct Hub is to\n            enable an ecosystem of constructs that can be consumed by all CDK\n            languages, your library <strong>must</strong> be compiled with{\" \"}\n            <FAQLink href=\"https://aws.github.io/jsii/\">JSII</FAQLink>, a\n            TypeScript-based tool for building multi-language libraries.\n            Construct Hub leverages the type information produced by the JSII\n            compiler to render a rich multi-language API reference for each\n            construct.\n          </Text>\n\n          <Text>\n            Construct Hub continuously monitors the npm Registry. Packages that\n            meet the above requirements appear in Construct Hub in about 30\n            minutes. If your package does not appear in Construct Hub, but meets\n            these requirements, please file an issue against our{\" \"}\n            <FAQLink href={`${CONSTRUCT_HUB_REPO_URL}/issues/new`}>\n              GitHub repository.\n            </FAQLink>\n          </Text>\n\n          <Text>\n            The community has provided some great resources about publishing\n            construct libraries that meet Construct Hub requirements. For\n            example, see{\" \"}\n            <FAQLink href=\"https://dev.to/aws-builders/a-beginner-s-guide-to-create-aws-cdk-construct-library-with-projen-5eh4\">\n              “A Beginner&apos;s Guide to Create AWS CDK ConstructLibrary with{\" \"}\n              projen”\n            </FAQLink>{\" \"}\n            by <FAQLink href=\"https://hayao-k.dev/\">hayao-k</FAQLink>.\n          </Text>\n\n          <Text>\n            If you already have a library written in TypeScript and want to\n            migrate it to JSII so it can be included in Construct Hub, see the{\" \"}\n            <FAQLink href=\"https://aws.github.io/jsii/user-guides/#library-author-guide\">\n              JSII library author guide.\n            </FAQLink>\n          </Text>\n        </FAQItem>\n\n        <FAQItem question=\"What are the best practices for improving discoverability of a construct library on Construct Hub?\">\n          <Text>\n            To improve your construct library’s visibility on Construct Hub,\n            follow these best practices:\n          </Text>\n          <OrderedList sx={{ li: { mt: 4 } }}>\n            <ListItem>\n              <strong>Helpful description.</strong> Publish your library with a\n              description. Libraries without description have lower chances to\n              be discovered by users. When you write your library’s description,\n              think: Why would someone use it? What makes it unique? Make the\n              description as accurate and differentiated as possible.\n            </ListItem>\n\n            <ListItem>\n              <strong>Helpful keywords.</strong> Publish your library with\n              helpful keywords, ones that can help potential users to find your\n              package. Helpful keywords can be technologies that are being used\n              by the library, use cases the library is useful for, service names\n              that are being used by the library etc. For example: ‘Monitoring’,\n              ‘Kubernetes’, ‘Cost Management’, ‘Websites’, ‘AI’, ‘Containers’\n              and more.\n            </ListItem>\n\n            <ListItem>\n              <strong>Helpful keywords.</strong> Publish your library with\n              helpful keywords, ones that can help potential users to find your\n              package. Helpful keywords can be technologies that are being used\n              by the library, use cases the library is useful for, service names\n              that are being used by the library etc. For example: ‘Monitoring’,\n              ‘Kubernetes’, ‘Cost Management’, ‘Websites’, ‘AI’, ‘Containers’\n              and more.\n            </ListItem>\n\n            <ListItem>\n              <strong>Helpful README.</strong> Review your library’s README\n              file. Is it developer-friendly? That is, can developers quickly\n              understand the use case you’re trying to solve? Does your README\n              make it easy to get started with your library? Does it explain how\n              your library is different from other libraries? Is it easy to\n              understand at first glance the value developers gain from the\n              library? For more information see *“Q: What are the best practices\n              for a developer-friendly README file?”.*\n            </ListItem>\n\n            <ListItem>\n              <strong>API documentation.</strong> Document the library classes,\n              methods, properties in the library’s code. Construct Hub will\n              display this information when it automatically generates the API\n              documentation.\n            </ListItem>\n\n            <ListItem>\n              <strong>Maintain your library.</strong> Developers prefer\n              libraries that are updated on a regular basis. Our experience\n              shows that successful libraries are those where publishers engage\n              and collaborate with the user community, respond to issues and\n              pull requests, fix bugs, and add capabilities. To gain more\n              developers trust, maintain the releases section on your code\n              repository and make sure to describe the changes between different\n              releases. You may consider to link the libraries you’ve published\n              with your code repository.\n            </ListItem>\n\n            <ListItem>\n              <strong>AWS Partner Network (APN) badge.</strong> If you’re an AWS\n              partner and you are publishing a library for your offering, please\n              reach out to us and we will be happy to add a badge to your\n              libraries with your company’s name.\n            </ListItem>\n\n            <ListItem>\n              <strong>\n                Enable support for multiple programming languages.\n              </strong>{\" \"}\n              Make your library usable by a broader set of users and increase\n              its value to the ecosystem. Starting with your library written in\n              TypeScript, JSII will create packages in the other CDK programming\n              languages. Construct Hub will then automatically generate API\n              reference and transliterate code samples. All you need to do is to\n              follow the instructions under *“Q: How can I add my construct to\n              Construct Hub?”.*\n            </ListItem>\n          </OrderedList>\n        </FAQItem>\n\n        <FAQItem question=\"What are the best practices for writing a developer-friendly README file?\">\n          <Text>\n            Developer-friendly READMEs help readers quickly understand your\n            library’s relevance to their needs and its unique value in\n            comparison to similar libraries on the Construct Hub. Below is a\n            suggestion for a README file structure:\n          </Text>\n\n          <UnorderedList sx={{ li: { mt: 4 } }}>\n            <ListItem>\n              <strong>State and maturity of the library.</strong> Start your\n              READMEs with helpful badges like{\" \"}\n              <FAQLink href=\"https://www.npmjs.com/package/cdk-codepipeline-badge-notification\">\n                CDK pipelines badges\n              </FAQLink>\n              . It will help users see the state of your package.\n            </ListItem>\n\n            <ListItem>\n              <strong>Short description</strong>. What does this library do?\n              Which use case does it solve? Which technologies and services does\n              it use or support?\n            </ListItem>\n\n            <ListItem>\n              <strong>What is unique about this library?</strong> Help readers\n              quickly find the right library for their needs by stating its\n              special advantages right up front. How does it compare to other\n              libraries addressing the same need or that use the same\n              technologies and services? You don’t need an explicit “us vs.\n              them” feature checklist; just make sure you communicate your\n              library’s unique value.\n            </ListItem>\n\n            <ListItem>\n              <strong>Code samples.</strong> Include as many complete and\n              working code samples as you can to help developers quickly\n              understand how they can use your library. Some developers start\n              reading code samples before anything else. Write your code samples\n              in TypeScript, and Construct Hub will transliterate them to the\n              other programming languages your library supports. A good practice\n              is to include a minimal code sample of how to use your library in\n              the first page of your README.\n            </ListItem>\n\n            <ListItem>\n              <strong>Author information.</strong> Share information about you,\n              other packages you’ve published, and additional helpful links that\n              can improve your credibility with readers.\n            </ListItem>\n\n            <ListItem>\n              <strong>License and support.</strong> Include a “License” and\n              “Contributing” sections that invite users to contribute via links\n              to your source code repository and issue tracker. (Construct Hub\n              provides “License” and “Provide Feedback” in your library’s\n              package page, but it’s convenient to have them in the README too.)\n            </ListItem>\n\n            <ListItem>\n              <strong>Diagrams.</strong> Diagrams always help readers quickly\n              understand what a library does. Consider adding diagrams for\n              libraries that create multiple services that work together.\n            </ListItem>\n\n            <ListItem>\n              <strong>Explanatory videos.</strong> Consider sharing links to\n              videos that can help potential customers engage with your library.\n            </ListItem>\n\n            <ListItem>\n              <strong>Absolute links vs. relative.</strong> Use absolute links\n              (those that start with http:// or https://) and not relative\n              links. Relative links are prone to breaking when the content is\n              shared elsewhere.\n            </ListItem>\n          </UnorderedList>\n        </FAQItem>\n\n        <FAQItem question=\"Why isn’t my package displayed on Construct Hub?\">\n          <Text>\n            Construct Hub includes publicly-available constructs that are\n            JSII-compatible and that were published to the npm Registry with a\n            permissive open-source license and a CDK keyword: aws-cdk, cdk8s, or\n            cdktf. If you believe your package qualifies, but it still does not\n            appear in Construct Hub, please raise an issue{\" \"}\n            <FAQLink href={`${CONSTRUCT_HUB_REPO_URL}/issues/new`}>\n              here\n            </FAQLink>\n            .\n          </Text>\n        </FAQItem>\n\n        <FAQItem question=\"Can I update my package after it has been displayed?\">\n          <Text>\n            Yes, you can and should! After you publish a new valid version to\n            the public npm Registry, it should appear on Construct Hub in about\n            30 minutes.\n          </Text>\n        </FAQItem>\n\n        <FAQItem question=\"How can I report a bug or contribute code to a construct?\">\n          <Text>\n            Each package is owned by its publisher, so contributions, such as\n            bug reports and pull requests, should be made via the repository\n            link provided by the publisher. You may press the ‘Provide feedback’\n            link at the package page to open a new issue in at the package’s\n            repository.\n          </Text>\n        </FAQItem>\n\n        <FAQItem question=\"How can I participate in link the Construct Hub community?\">\n          Construct Hub is itself an open-source construct! Join the{\" \"}\n          <FAQLink href=\"https://github.com/cdklabs/construct-hub\">\n            Construct Hub GitHub community\n          </FAQLink>\n          . You are also welcome to join the #construct-hub-dev channel in the{\" \"}\n          <FAQLink href=\"https://cdk.dev/\">\n            CDK community Slack workspace\n          </FAQLink>\n        </FAQItem>\n\n        <FAQItem question=\"Is there a Slack channel for the CDK community?\">\n          <Text>\n            Please join the{\" \"}\n            <FAQLink href=\"https://cdk.dev/\">CDK Slack channel</FAQLink>. This\n            Slack channel is managed by the CDK community, for the CDK\n            community.\n          </Text>\n        </FAQItem>\n      </Accordion>\n    </FAQ>\n  </Page>\n);\n"],"sourceRoot":""}

package/website/static/js/12.7302ec1d.chunk.js

@@ -0,0 +1,2 @@
+(this["webpackJsonpconstruct-hub-webapp"]=this["webpackJsonpconstruct-hub-webapp"]||[]).push([[12],{207:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(0),s=n(224),c={contribute:{event:{name:"Contribute Load"}},home:{event:{name:"Home Load"}},faq:{event:{name:"Frequently Asked Questions Load"}},packageProfile:{event:{name:"Package Profile Load"}},search:{event:{name:"Search Load"}},siteTerms:{event:{name:"Site Terms Load"}},notFound:{page:{pageType:"errorPage"},event:{name:"404 Page Load"}}},o=n(42),i=n(2),a=(["default-src 'self' 'unsafe-inline' http://*.awsstatic.com;","connect-src 'self' https://*.shortbread.aws.dev http://*.shortbread.aws.dev http://a0.awsstatic.com/ http://amazonwebservices.d2.sc.omtrdc.net http://aws.demdex.net http://dpm.demdex.net http://cm.everesttech.net;","frame-src http://aws.demdex.net http://dpm.demdex.net;","img-src 'self' https://* http://a0.awsstatic.com/ http://amazonwebservices.d2.sc.omtrdc.net http://aws.demdex.net http://dpm.demdex.net http://cm.everesttech.net;","object-src 'none';","style-src 'self' 'unsafe-inline';"].join(" "),function(e){var t=e.children,n=e.meta,a=e.pageName,d=Object(o.c)(c[a]);Object(r.useEffect)((function(){d()}),[d]);var u=n.suffix,l=void 0===u||u,h=n.title,b=n.description,p=l?"".concat(h," - Construct Hub"):h;return Object(i.jsxs)(i.Fragment,{children:[Object(i.jsxs)(s.a,{children:[!1,Object(i.jsx)("meta",{content:"width=device-width, initial-scale=1",name:"viewport"}),Object(i.jsx)("meta",{charSet:"utf-8"}),Object(i.jsx)("title",{children:p}),Object(i.jsx)("meta",{content:p,property:"og:title"}),Object(i.jsx)("meta",{content:p,name:"twitter:title"}),Object(i.jsx)("meta",{content:"summary",name:"twitter:card"}),Object(i.jsx)("meta",{content:b,name:"description"}),Object(i.jsx)("meta",{content:b,property:"og:description"}),Object(i.jsx)("meta",{content:b,name:"twitter:description"})]}),t]})})},295:function(e,t,n){"use strict";n.d(t,"a",(function(){return c})),n.d(t,"b",(function(){return o})),n.d(t,"c",(function(){return a})),n.d(t,"d",(function(){return u})),n.d(t,"e",(function(){return l})),n.d(t,"f",(function(){return j}));var r=n(124),s=n(2),c=function(e){var t=e.children;return Object(s.jsxs)(r.b,{bg:"white",color:"blue.800",h:"100%",w:"100%",children:[t,Object(s.jsx)(r.b,{py:5,width:"100%"})]})},o=function(e){var t=e.children;return Object(s.jsx)(r.b,{bg:"gray.50",py:20,width:"100%",children:Object(s.jsx)(r.i,{as:"h1",mx:"auto",textAlign:"center",children:t})})},i=n(131),a=function(e){var t=e.question,n=e.children;return Object(s.jsxs)(i.d,{children:[Object(s.jsxs)(i.b,{children:[Object(s.jsx)(r.b,{flex:"1",py:2,textAlign:"left",children:Object(s.jsx)(r.i,{as:"h3",ml:8,size:"sm",children:t})}),Object(s.jsx)(i.c,{})]}),Object(s.jsx)(i.e,{px:12,py:4,children:Object(s.jsx)(r.q,{color:"blue.800",fontSize:"md",sx:{p:{marginTop:"0",marginBottom:"4"}},children:n})})]})},d=n(56),u=function(e){var t=e.href,n=e.children;return Object(s.jsx)(d.a,{color:"inherit",hasWarning:!1,href:t,textDecoration:"underline",children:n})},l=function(e){var t=e.heading,n=e.children;return Object(s.jsxs)(i.d,{children:[Object(s.jsxs)(i.b,{children:[Object(s.jsx)(r.b,{flex:"1",textAlign:"left",children:Object(s.jsx)(r.i,{as:"h2",ml:4,my:4,size:"lg",children:t})}),Object(s.jsx)(i.c,{})]}),Object(s.jsx)(i.e,{p:0,children:Object(s.jsx)(i.a,{allowMultiple:!0,w:"100%",children:n})})]})},h=n(6),b=n(21),p=["children"],j=function(e){var t=e.children,n=Object(b.a)(e,p);return Object(s.jsx)(i.a,Object(h.a)(Object(h.a)({allowMultiple:!0},n),{},{children:t}))}},601:function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return a}));var r=n(124),s=n(295),c=n(207),o=n(64),i=n(2),a=function(){return Object(i.jsx)(c.a,{meta:{title:"FAQ",description:"Frequently Asked Questions"},pageName:"faq",children:Object(i.jsxs)(s.a,{children:[Object(i.jsx)(s.b,{children:"Frequently Asked Questions"}),Object(i.jsxs)(s.f,{defaultIndex:[0,1],children:[Object(i.jsxs)(s.e,{heading:"General",children:[Object(i.jsxs)(s.c,{question:"How can I contribute to Construct Hub?",children:["You are encouraged to contribute to the construct ecosystem by publishing CDK libraries, contributing code to Construct Hub and providing us and libraries\u2019 publishers feedback. For more information, go to"," ",Object(i.jsx)(s.d,{href:"https://constructs.dev/contribute",children:"https://constructs.dev/contribute"}),"."]}),Object(i.jsx)(s.c,{question:"What is Construct Hub?",children:Object(i.jsx)("p",{children:"Construct Hub is a place to discover CDK constructs \u2014 a central destination for discovering and sharing cloud application design patterns and reference architectures defined for the AWS CDK, CDK for Kubernetes (CDK8s), CDK for Terraform (CDKtf) and other construct-based tools."})}),Object(i.jsx)(s.c,{question:"Why should I use Construct Hub?",children:Object(i.jsx)(r.q,{children:"Construct Hub is a central venue where CDK developers can discover construct libraries to help them build their applications. You can find construct libraries in TypeScript, Python, Java and .NET (Go is coming soon!), browse their developer guides and API references, and explore code samples in all the programming language that the package supports."})}),Object(i.jsx)(s.c,{question:"What is a construct?",children:Object(i.jsxs)(r.q,{children:["The Constructs Programming Model (CPM) introduces the notion of"," ",Object(i.jsx)("strong",{children:"constructs"}),", which represent building blocks that can be used to assemble complete cloud applications of any complexity. AWS, enterprises, startups, and individual developers use CDK constructs to share proven architecture patterns as reusable code libraries, so that everyone can benefit from the collective wisdom of the community."]})}),Object(i.jsxs)(s.c,{question:"What are the prerequisites for using a construct library?",children:[Object(i.jsxs)(r.q,{children:["To use a construct library in your code, you need to have your preferred programming language installed. In order to synthesize, diff, and deploy collections of resources you will need to install the CDK Toolkit command-line tool. For AWS CDK install the"," ",Object(i.jsx)(s.d,{href:"https://docs.aws.amazon.com/cdk/latest/guide/cli.html",children:"AWS CDK Toolkit command-line tool,"})," ","for CDK8s install the"," ",Object(i.jsx)(s.d,{href:"https://cdk8s.io/docs/latest/getting-started/",children:"CDK8s command-line tool"})," ","and for CDKtf install the"," ",Object(i.jsx)(s.d,{href:"https://learn.hashicorp.com/tutorials/terraform/cdktf-install",children:"CDKtf command-line tool."})]}),Object(i.jsx)(r.q,{children:"The CDK8s CLI doesn\u2019t require having any registered account nor having a running Kubernetes cluster as it only updates Kubernetes manifests."}),Object(i.jsx)(r.q,{children:"The CDKtf CLI requires having Terraform, Node, Yarn and Docker installed."}),Object(i.jsx)(r.q,{children:"Some construct libraries\u2019 documentation may include additional prerequisites which are unique to their implementation."})]}),Object(i.jsx)(s.c,{question:"Who owns the constructs in Construct Hub?",children:Object(i.jsx)(r.q,{children:"Constructs are user-generated content owned by the publishers of the individual packages. Each is governed by its own license terms chosen by its publisher (although only packages that were published to the npm registry under Apache, BSD, EPL, MPL-2.0, ISC and CDDL or MIT open source licenses are included in Construct Hub). License information can be accessed directly through the hyperlinked package page."})}),Object(i.jsx)(s.c,{question:"Is the content served in Construct Hub meant to be consumed programmatically?",children:Object(i.jsxs)(r.q,{children:["No. The content displayed in the site is user-generated, with some display formatting. We do not advise that you consume constructs from the search results programmatically. Construct Hub is a search engine or portal intended to surface third-party content from a public endpoint. We provide these results for your convenience AS-IS in accordance with our"," ",Object(i.jsx)(s.d,{href:"https://constructs.dev/terms",children:"Construct Hub Site Terms"}),"."]})}),Object(i.jsx)(s.c,{question:"Which CDK types are available on the Construct Hub?",children:Object(i.jsx)(r.q,{children:"Construct Hub currently has constructs for the CDK for CloudFormation (AWS CDK), CDK for Kubernetes (CDK8s) and CDK for Terraform (CDKtf). We are open to adding other construct-based tools as they evolve."})}),Object(i.jsx)(s.c,{question:"What is CDK for CloudFormation (AWS CDK)?",children:Object(i.jsxs)(r.q,{children:["CDK for CloudFormation (AWS CDK) is an open-source software development framework for defining applications on AWS and reusable abstractions using familiar programming languages and rich object-oriented APIs. AWS CDK apps synthesize into standard AWS CloudFormation templates, which can be deployed to create infrastructure on AWS. See"," ",Object(i.jsx)(s.d,{href:"https://aws.amazon.com/cdk/",children:"AWS Cloud Development Kit"})," ","for more information."]})}),Object(i.jsx)(s.c,{question:"What is CDK for Kubernetes (CDK8s)?",children:Object(i.jsxs)(r.q,{children:["CDK for Kubernetes (CDK8s, pronounced \u201ccd kates\u201d) is an open-source software development framework for defining Kubernetes applications and reusable abstractions using familiar programming languages and rich object-oriented APIs. CDK8s apps synthesize into standard Kubernetes manifests that can be applied to any Kubernetes cluster. See"," ",Object(i.jsx)(s.d,{href:"https://cdk8s.io/",children:"CDK for Kubernetes"})," for more information."]})}),Object(i.jsx)(s.c,{question:"What is CDK for Terraform (CDKtf)?",children:Object(i.jsxs)(r.q,{children:["The community preview of the Cloud Development Kit for Terraform (CDKtf) allows you to define infrastructure using a familiar programming language such as TypeScript, Python, or Go, while leveraging the hundreds of providers and thousands of module definitions provided by Terraform and the Terraform ecosystem. See"," ",Object(i.jsx)(s.d,{href:"https://learn.hashicorp.com/tutorials/terraform/cdktf",children:"CDK for Terraform"})," ","for more information."]})}),Object(i.jsx)(s.c,{question:"What programming languages are supported?",children:Object(i.jsx)(r.q,{children:"The Construct Hub GA supports constructs available for Python, TypeScript, Java and .NET. Support for Go will be included soon."})}),Object(i.jsx)(s.c,{question:"Will Go be supported?",children:Object(i.jsx)(r.q,{children:"Yes! We can\u2019t promise exactly when, but it should be soon."})}),Object(i.jsx)(s.c,{question:"Can I view the source code of a construct?",children:Object(i.jsx)(r.q,{children:"Source code is usually available via the repository link provided by the construct\u2019s publisher; this link appears on Construct Hub. We have noticed that the code in the linked repository can sometimes be newer or older than the code in the published package, so exercise care."})}),Object(i.jsx)(s.c,{question:"How can I install a package?",children:Object(i.jsx)(r.q,{children:"The details vary by construct. Click \u201cInstall\u201d in the package page to see the construct\u2019s installation instructions."})}),Object(i.jsx)(s.c,{question:"How can I report abuse?",children:Object(i.jsx)(r.q,{children:'Your trust is vital to the success of Construct Hub. If you believe a package contains suspicious code, violates its dependencies\u2019 licenses, or is otherwise not behaving as a good citizen of the community, click "Report abuse" at the bottom of the package page and send us an email with explanations and evidence to support your claims. If we can verify the issue, we will take appropriate action, up to and including removing the package from Construct Hub.'})}),Object(i.jsx)(s.c,{question:"How can I report a bug or contribute code to a construct?",children:Object(i.jsx)(r.q,{children:'Each package is owned by its publisher, so contributions, such as bug reports and pull requests, should be made via the repository link provided by the publisher. You may press the "Provide feedback" link at the package page to open a new issue in the package\u2019s repository.'})}),Object(i.jsx)(s.c,{question:"Why isn\u2019t my package displayed on Construct Hub?",children:Object(i.jsxs)(r.q,{children:["Construct Hub includes publicly-available constructs that are JSII-compatible and that were published to the npm Registry under Apache, BSD, EPL, MPL-2.0, ISC and CDDL or MIT open source licenses and with a CDK keyword: aws-cdk, cdk8s, or cdktf. If you believe your package qualifies, but it still does not appear in Construct Hub, please raise an issue"," ",Object(i.jsx)(s.d,{href:"".concat(o.a,"/issues/new"),children:"here"}),"."]})}),Object(i.jsx)(s.c,{question:"Can I update my package after it has been displayed?",children:Object(i.jsx)(r.q,{children:"Yes, you can and should! After you publish a new valid version to the public npm Registry, it should appear on Construct Hub in about 30 minutes."})}),Object(i.jsx)(s.c,{question:"How does Construct Hub relates to the Construct Catalog?",children:Object(i.jsxs)(r.q,{children:["The Construct Catalog was built by the CDK community in collaboration with the AWS CDK team. Construct Hub is the official version of the Construct Catalog with ongoing support by the AWS CDK team and essentially replaces the Construct Catalog."," ",Object(i.jsx)(s.d,{href:"https://awscdk.io/",children:"https://awscdk.io"})," now redirects to Construct Hub."]})}),Object(i.jsx)(s.c,{question:"Is there a cost for using third-party constructs from Construct Hub?",children:Object(i.jsx)(r.q,{children:"All packages on Construct Hub are published under Apache, BSD, EPL, MPL-2.0, ISC and CDDL or MIT open source licenses and can be freely used in your applications. For details, review the package\u2019s license via its repository link."})}),Object(i.jsx)(s.c,{question:"How can I participate in the Construct Hub community?",children:Object(i.jsxs)(r.q,{children:["Construct Hub is itself an open-source construct! Join the"," ",Object(i.jsx)(s.d,{href:o.a,children:"Construct Hub GitHub community"}),". You are also welcome to join the ",Object(i.jsx)("code",{children:"#construct-hub-dev"})," ","channel in the"," ",Object(i.jsx)(s.d,{href:"https://cdk.dev/",children:"CDK community"})," Slack workspace."]})}),Object(i.jsx)(s.c,{question:"Is there a community slack channel for the CDK community?",children:Object(i.jsxs)(r.q,{children:["Please join the CDK Slack channel (",Object(i.jsx)(s.d,{href:"https://cdk.dev/",children:"https://cdk.dev/"}),"). This Slack channel is managed by the CDK community for the CDK community."]})})]}),Object(i.jsxs)(s.e,{heading:"Getting Started",children:[Object(i.jsx)(s.c,{question:"Do I need a user account for Construct Hub?",children:Object(i.jsx)(r.q,{children:"No. Construct Hub doesn\u2019t require any signup."})}),Object(i.jsx)(s.c,{question:"How do I get started?",children:Object(i.jsx)(r.q,{children:"Start by exploring featured, community and official libraries for the CDK of your interest. Run a free-text search to find libraries for your needs, then filter the results by your preferred programming language, CDK type, CDK major version and/or author type. To learn more about a library, click its card to see helpful information like metadata, README, API reference and code samples in your preferred programing language."})})]})]})]})})}}}]);
+//# sourceMappingURL=12.7302ec1d.chunk.js.map

package/website/static/js/12.7302ec1d.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["constants/pageInfo.ts","components/Page/Page.tsx","components/FAQ/FAQ.tsx","components/FAQ/FAQHeading.tsx","components/FAQ/FAQItem.tsx","components/FAQ/FAQLink.tsx","components/FAQ/FAQSection.tsx","components/FAQ/FAQSections.tsx","views/FAQ/FAQ.tsx"],"names":["pageInfo","contribute","event","name","home","faq","packageProfile","search","siteTerms","notFound","page","pageType","Page","join","children","meta","pageName","trackPageView","usePageView","useEffect","suffix","title","description","formattedTitle","Helmet","process","content","charSet","property","FAQ","bg","color","h","w","py","width","FAQHeading","as","mx","textAlign","FAQItem","question","flex","ml","size","px","fontSize","sx","p","marginTop","marginBottom","FAQLink","href","ExternalLink","hasWarning","textDecoration","FAQSection","heading","my","allowMultiple","FAQSections","accordionProps","FAQPage","defaultIndex","CONSTRUCT_HUB_REPO_URL"],"mappings":"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","file":"static/js/12.7302ec1d.chunk.js","sourcesContent":["export const pageInfo = {\n  contribute: {\n    event: {\n      name: \"Contribute Load\",\n    },\n  },\n  home: {\n    event: {\n      name: \"Home Load\",\n    },\n  },\n  faq: {\n    event: {\n      name: \"Frequently Asked Questions Load\",\n    },\n  },\n  packageProfile: {\n    event: {\n      name: \"Package Profile Load\",\n    },\n  },\n  search: {\n    event: {\n      name: \"Search Load\",\n    },\n  },\n  siteTerms: {\n    event: {\n      name: \"Site Terms Load\",\n    },\n  },\n  notFound: {\n    page: {\n      pageType: \"errorPage\",\n    },\n    event: {\n      name: \"404 Page Load\",\n    },\n  },\n} as const;\n","import { FunctionComponent, useEffect } from \"react\";\nimport { Helmet } from \"react-helmet\";\nimport { pageInfo } from \"../../constants/pageInfo\";\nimport { usePageView } from \"../../contexts/Analytics\";\n\nexport interface PageProps {\n  pageName: keyof typeof pageInfo;\n  meta: {\n    suffix?: boolean;\n    title: string;\n    description: string;\n  };\n}\n\n// Should be the same as the \"real\" CSP, except most things come from HTTP\n// instead of HTTPS (because it is protocol-relative, and the dev site is\n// served over plain HTTP).\nconst csp = [\n  \"default-src 'self' 'unsafe-inline' http://*.awsstatic.com;\",\n  \"connect-src 'self' https://*.shortbread.aws.dev http://*.shortbread.aws.dev http://a0.awsstatic.com/ http://amazonwebservices.d2.sc.omtrdc.net http://aws.demdex.net http://dpm.demdex.net http://cm.everesttech.net;\",\n  \"frame-src http://aws.demdex.net http://dpm.demdex.net;\",\n  \"img-src 'self' https://* http://a0.awsstatic.com/ http://amazonwebservices.d2.sc.omtrdc.net http://aws.demdex.net http://dpm.demdex.net http://cm.everesttech.net;\",\n  \"object-src 'none';\",\n  \"style-src 'self' 'unsafe-inline';\",\n].join(\" \");\n\nexport const Page: FunctionComponent<PageProps> = ({\n  children,\n  meta,\n  pageName,\n}) => {\n  const trackPageView = usePageView(pageInfo[pageName]);\n\n  useEffect(() => {\n    trackPageView();\n  }, [trackPageView]);\n\n  const { suffix = true, title, description } = meta;\n  const formattedTitle = suffix ? `${title} - Construct Hub` : title;\n\n  return (\n    <>\n      <Helmet>\n        {process.env.NODE_ENV === \"development\" && (\n          <meta content={csp} httpEquiv=\"Content-Security-Policy\" />\n        )}\n\n        <meta content=\"width=device-width, initial-scale=1\" name=\"viewport\" />\n        <meta charSet=\"utf-8\" />\n\n        <title>{formattedTitle}</title>\n        <meta content={formattedTitle} property=\"og:title\" />\n        <meta content={formattedTitle} name=\"twitter:title\" />\n        <meta content=\"summary\" name=\"twitter:card\" />\n\n        <meta content={description} name=\"description\" />\n        <meta content={description} property=\"og:description\" />\n        <meta content={description} name=\"twitter:description\" />\n      </Helmet>\n      {children}\n    </>\n  );\n};\n","import { Box } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\n\nexport const FAQ: FunctionComponent = ({ children }) => (\n  <Box bg=\"white\" color=\"blue.800\" h=\"100%\" w=\"100%\">\n    {children}\n    <Box py={5} width=\"100%\" />\n  </Box>\n);\n","import { Box, Heading } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\n\nexport const FAQHeading: FunctionComponent = ({ children }) => (\n  <Box bg=\"gray.50\" py={20} width=\"100%\">\n    <Heading as=\"h1\" mx=\"auto\" textAlign=\"center\">\n      {children}\n    </Heading>\n  </Box>\n);\n","import {\n  Heading,\n  Text,\n  AccordionIcon,\n  AccordionButton,\n  AccordionItem,\n  AccordionPanel,\n  Box,\n} from \"@chakra-ui/react\";\nimport type { FunctionComponent, ReactChild } from \"react\";\n\nexport interface FAQItemProps {\n  question: ReactChild;\n}\n\nexport const FAQItem: FunctionComponent<FAQItemProps> = ({\n  question,\n  children,\n}) => (\n  <AccordionItem>\n    <AccordionButton>\n      <Box flex=\"1\" py={2} textAlign=\"left\">\n        <Heading as=\"h3\" ml={8} size=\"sm\">\n          {question}\n        </Heading>\n      </Box>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel px={12} py={4}>\n      <Text\n        color=\"blue.800\"\n        fontSize=\"md\"\n        sx={{ p: { marginTop: \"0\", marginBottom: \"4\" } }}\n      >\n        {children}\n      </Text>\n    </AccordionPanel>\n  </AccordionItem>\n);\n","import { FunctionComponent } from \"react\";\nimport { ExternalLink } from \"../../components/ExternalLink\";\n\nexport interface FAQLinkProps {\n  href: string;\n}\n\nexport const FAQLink: FunctionComponent<FAQLinkProps> = ({\n  href,\n  children,\n}) => (\n  <ExternalLink\n    color=\"inherit\"\n    hasWarning={false}\n    href={href}\n    textDecoration=\"underline\"\n  >\n    {children}\n  </ExternalLink>\n);\n","import {\n  AccordionIcon,\n  AccordionButton,\n  AccordionItem,\n  AccordionPanel,\n  Heading,\n  Box,\n  Accordion,\n} from \"@chakra-ui/react\";\n\nimport type { FunctionComponent } from \"react\";\n\nexport interface FAQSectionProps {\n  heading: string;\n}\n\nexport const FAQSection: FunctionComponent<FAQSectionProps> = ({\n  heading,\n  children,\n}) => (\n  <AccordionItem>\n    <AccordionButton>\n      <Box flex=\"1\" textAlign=\"left\">\n        <Heading as=\"h2\" ml={4} my={4} size=\"lg\">\n          {heading}\n        </Heading>\n      </Box>\n      <AccordionIcon />\n    </AccordionButton>\n    <AccordionPanel p={0}>\n      <Accordion allowMultiple w=\"100%\">\n        {children}\n      </Accordion>\n    </AccordionPanel>\n  </AccordionItem>\n);\n","import { Accordion, AccordionProps } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\n\nexport const FAQSections: FunctionComponent<AccordionProps> = ({\n  children,\n  ...accordionProps\n}) => (\n  <Accordion allowMultiple {...accordionProps}>\n    {children}\n  </Accordion>\n);\n","import { Text } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport {\n  FAQ,\n  FAQHeading,\n  FAQSections,\n  FAQSection,\n  FAQItem,\n  FAQLink,\n} from \"../../components/FAQ\";\nimport { Page } from \"../../components/Page\";\nimport { CONSTRUCT_HUB_REPO_URL } from \"../../constants/links\";\n\nexport const FAQPage: FunctionComponent = () => (\n  <Page\n    meta={{\n      title: \"FAQ\",\n      description: \"Frequently Asked Questions\",\n    }}\n    pageName=\"faq\"\n  >\n    <FAQ>\n      <FAQHeading>Frequently Asked Questions</FAQHeading>\n\n      <FAQSections defaultIndex={[0, 1]}>\n        <FAQSection heading=\"General\">\n          <FAQItem question=\"How can I contribute to Construct Hub?\">\n            You are encouraged to contribute to the construct ecosystem by\n            publishing CDK libraries, contributing code to Construct Hub and\n            providing us and libraries’ publishers feedback. For more\n            information, go to{\" \"}\n            <FAQLink href=\"https://constructs.dev/contribute\">\n              https://constructs.dev/contribute\n            </FAQLink>\n            .\n          </FAQItem>\n\n          <FAQItem question=\"What is Construct Hub?\">\n            <p>\n              Construct Hub is a place to discover CDK constructs &mdash; a\n              central destination for discovering and sharing cloud application\n              design patterns and reference architectures defined for the AWS\n              CDK, CDK for Kubernetes (CDK8s), CDK for Terraform (CDKtf) and\n              other construct-based tools.\n            </p>\n          </FAQItem>\n\n          <FAQItem question=\"Why should I use Construct Hub?\">\n            <Text>\n              Construct Hub is a central venue where CDK developers can discover\n              construct libraries to help them build their applications. You can\n              find construct libraries in TypeScript, Python, Java and .NET (Go\n              is coming soon!), browse their developer guides and API\n              references, and explore code samples in all the programming\n              language that the package supports.\n            </Text>\n          </FAQItem>\n\n          <FAQItem question=\"What is a construct?\">\n            <Text>\n              The Constructs Programming Model (CPM) introduces the notion of{\" \"}\n              <strong>constructs</strong>, which represent building blocks that\n              can be used to assemble complete cloud applications of any\n              complexity. AWS, enterprises, startups, and individual developers\n              use CDK constructs to share proven architecture patterns as\n              reusable code libraries, so that everyone can benefit from the\n              collective wisdom of the community.\n            </Text>\n          </FAQItem>\n\n          <FAQItem question=\"What are the prerequisites for using a construct library?\">\n            <Text>\n              To use a construct library in your code, you need to have your\n              preferred programming language installed. In order to synthesize,\n              diff, and deploy collections of resources you will need to install\n              the CDK Toolkit command-line tool. For AWS CDK install the{\" \"}\n              <FAQLink href=\"https://docs.aws.amazon.com/cdk/latest/guide/cli.html\">\n                AWS CDK Toolkit command-line tool,\n              </FAQLink>{\" \"}\n              for CDK8s install the{\" \"}\n              <FAQLink href=\"https://cdk8s.io/docs/latest/getting-started/\">\n                CDK8s command-line tool\n              </FAQLink>{\" \"}\n              and for CDKtf install the{\" \"}\n              <FAQLink href=\"https://learn.hashicorp.com/tutorials/terraform/cdktf-install\">\n                CDKtf command-line tool.\n              </FAQLink>\n            </Text>\n            <Text>\n              The CDK8s CLI doesn’t require having any registered account nor\n              having a running Kubernetes cluster as it only updates Kubernetes\n              manifests.\n            </Text>\n            <Text>\n              The CDKtf CLI requires having Terraform, Node, Yarn and Docker\n              installed.\n            </Text>\n            <Text>\n              Some construct libraries’ documentation may include additional\n              prerequisites which are unique to their implementation.\n            </Text>\n          </FAQItem>\n\n          <FAQItem question=\"Who owns the constructs in Construct Hub?\">\n            <Text>\n              Constructs are user-generated content owned by the publishers of\n              the individual packages. Each is governed by its own license terms\n              chosen by its publisher (although only packages that were\n              published to the npm registry under Apache, BSD, EPL, MPL-2.0, ISC\n              and CDDL or MIT open source licenses are included in Construct\n              Hub). License information can be accessed directly through the\n              hyperlinked package page.\n            </Text>\n          </FAQItem>\n\n          <FAQItem question=\"Is the content served in Construct Hub meant to be consumed programmatically?\">\n            <Text>\n              No. The content displayed in the site is user-generated, with some\n              display formatting. We do not advise that you consume constructs\n              from the search results programmatically. Construct Hub is a\n              search engine or portal intended to surface third-party content\n              from a public endpoint. We provide these results for your\n              convenience AS-IS in accordance with our{\" \"}\n              <FAQLink href=\"https://constructs.dev/terms\">\n                Construct Hub Site Terms\n              </FAQLink>\n              .\n            </Text>\n          </FAQItem>\n\n          <FAQItem question=\"Which CDK types are available on the Construct Hub?\">\n            <Text>\n              Construct Hub currently has constructs for the CDK for\n              CloudFormation (AWS CDK), CDK for Kubernetes (CDK8s) and CDK for\n              Terraform (CDKtf). We are open to adding other construct-based\n              tools as they evolve.\n            </Text>\n          </FAQItem>\n\n          <FAQItem question=\"What is CDK for CloudFormation (AWS CDK)?\">\n            <Text>\n              CDK for CloudFormation (AWS CDK) is an open-source software\n              development framework for defining applications on AWS and\n              reusable abstractions using familiar programming languages and\n              rich object-oriented APIs. AWS CDK apps synthesize into standard\n              AWS CloudFormation templates, which can be deployed to create\n              infrastructure on AWS. See{\" \"}\n              <FAQLink href=\"https://aws.amazon.com/cdk/\">\n                AWS Cloud Development Kit\n              </FAQLink>{\" \"}\n              for more information.\n            </Text>\n          </FAQItem>\n\n          <FAQItem question=\"What is CDK for Kubernetes (CDK8s)?\">\n            <Text>\n              CDK for Kubernetes (CDK8s, pronounced “cd kates”) is an\n              open-source software development framework for defining Kubernetes\n              applications and reusable abstractions using familiar programming\n              languages and rich object-oriented APIs. CDK8s apps synthesize\n              into standard Kubernetes manifests that can be applied to any\n              Kubernetes cluster. See{\" \"}\n              <FAQLink href=\"https://cdk8s.io/\">CDK for Kubernetes</FAQLink> for\n              more information.\n            </Text>\n          </FAQItem>\n\n          <FAQItem question=\"What is CDK for Terraform (CDKtf)?\">\n            <Text>\n              The community preview of the Cloud Development Kit for Terraform\n              (CDKtf) allows you to define infrastructure using a familiar\n              programming language such as TypeScript, Python, or Go, while\n              leveraging the hundreds of providers and thousands of module\n              definitions provided by Terraform and the Terraform ecosystem. See{\" \"}\n              <FAQLink href=\"https://learn.hashicorp.com/tutorials/terraform/cdktf\">\n                CDK for Terraform\n              </FAQLink>{\" \"}\n              for more information.\n            </Text>\n          </FAQItem>\n\n          <FAQItem question=\"What programming languages are supported?\">\n            <Text>\n              The Construct Hub GA supports constructs available for Python,\n              TypeScript, Java and .NET. Support for Go will be included soon.\n            </Text>\n          </FAQItem>\n\n          <FAQItem question=\"Will Go be supported?\">\n            <Text>\n              Yes! We can’t promise exactly when, but it should be soon.\n            </Text>\n          </FAQItem>\n\n          <FAQItem question=\"Can I view the source code of a construct?\">\n            <Text>\n              Source code is usually available via the repository link provided\n              by the construct’s publisher; this link appears on Construct Hub.\n              We have noticed that the code in the linked repository can\n              sometimes be newer or older than the code in the published\n              package, so exercise care.\n            </Text>\n          </FAQItem>\n\n          <FAQItem question=\"How can I install a package?\">\n            <Text>\n              The details vary by construct. Click “Install” in the package page\n              to see the construct’s installation instructions.\n            </Text>\n          </FAQItem>\n\n          <FAQItem question=\"How can I report abuse?\">\n            <Text>\n              Your trust is vital to the success of Construct Hub. If you\n              believe a package contains suspicious code, violates its\n              dependencies’ licenses, or is otherwise not behaving as a good\n              citizen of the community, click &quot;Report abuse&quot; at the\n              bottom of the package page and send us an email with explanations\n              and evidence to support your claims. If we can verify the issue,\n              we will take appropriate action, up to and including removing the\n              package from Construct Hub.\n            </Text>\n          </FAQItem>\n\n          <FAQItem question=\"How can I report a bug or contribute code to a construct?\">\n            <Text>\n              Each package is owned by its publisher, so contributions, such as\n              bug reports and pull requests, should be made via the repository\n              link provided by the publisher. You may press the &quot;Provide\n              feedback&quot; link at the package page to open a new issue in the\n              package’s repository.\n            </Text>\n          </FAQItem>\n\n          <FAQItem question=\"Why isn’t my package displayed on Construct Hub?\">\n            <Text>\n              Construct Hub includes publicly-available constructs that are\n              JSII-compatible and that were published to the npm Registry under\n              Apache, BSD, EPL, MPL-2.0, ISC and CDDL or MIT open source\n              licenses and with a CDK keyword: aws-cdk, cdk8s, or cdktf. If you\n              believe your package qualifies, but it still does not appear in\n              Construct Hub, please raise an issue{\" \"}\n              <FAQLink href={`${CONSTRUCT_HUB_REPO_URL}/issues/new`}>\n                here\n              </FAQLink>\n              .\n            </Text>\n          </FAQItem>\n\n          <FAQItem question=\"Can I update my package after it has been displayed?\">\n            <Text>\n              Yes, you can and should! After you publish a new valid version to\n              the public npm Registry, it should appear on Construct Hub in\n              about 30 minutes.\n            </Text>\n          </FAQItem>\n\n          <FAQItem question=\"How does Construct Hub relates to the Construct Catalog?\">\n            <Text>\n              The Construct Catalog was built by the CDK community in\n              collaboration with the AWS CDK team. Construct Hub is the official\n              version of the Construct Catalog with ongoing support by the AWS\n              CDK team and essentially replaces the Construct Catalog.{\" \"}\n              <FAQLink href=\"https://awscdk.io/\">https://awscdk.io</FAQLink> now\n              redirects to Construct Hub.\n            </Text>\n          </FAQItem>\n\n          <FAQItem question=\"Is there a cost for using third-party constructs from Construct Hub?\">\n            <Text>\n              All packages on Construct Hub are published under Apache, BSD,\n              EPL, MPL-2.0, ISC and CDDL or MIT open source licenses and can be\n              freely used in your applications. For details, review the\n              package’s license via its repository link.\n            </Text>\n          </FAQItem>\n\n          <FAQItem question=\"How can I participate in the Construct Hub community?\">\n            <Text>\n              Construct Hub is itself an open-source construct! Join the{\" \"}\n              <FAQLink href={CONSTRUCT_HUB_REPO_URL}>\n                Construct Hub GitHub community\n              </FAQLink>\n              . You are also welcome to join the <code>#construct-hub-dev</code>{\" \"}\n              channel in the{\" \"}\n              <FAQLink href=\"https://cdk.dev/\">CDK community</FAQLink> Slack\n              workspace.\n            </Text>\n          </FAQItem>\n\n          <FAQItem question=\"Is there a community slack channel for the CDK community?\">\n            <Text>\n              Please join the CDK Slack channel (\n              <FAQLink href=\"https://cdk.dev/\">https://cdk.dev/</FAQLink>). This\n              Slack channel is managed by the CDK community for the CDK\n              community.\n            </Text>\n          </FAQItem>\n        </FAQSection>\n\n        <FAQSection heading=\"Getting Started\">\n          <FAQItem question=\"Do I need a user account for Construct Hub?\">\n            <Text>No. Construct Hub doesn’t require any signup.</Text>\n          </FAQItem>\n\n          <FAQItem question=\"How do I get started?\">\n            <Text>\n              Start by exploring featured, community and official libraries for\n              the CDK of your interest. Run a free-text search to find libraries\n              for your needs, then filter the results by your preferred\n              programming language, CDK type, CDK major version and/or author\n              type. To learn more about a library, click its card to see helpful\n              information like metadata, README, API reference and code samples\n              in your preferred programing language.\n            </Text>\n          </FAQItem>\n        </FAQSection>\n      </FAQSections>\n    </FAQ>\n  </Page>\n);\n"],"sourceRoot":""}

package/website/static/js/13.74aea17d.chunk.js

@@ -0,0 +1,2 @@
+(this["webpackJsonpconstruct-hub-webapp"]=this["webpackJsonpconstruct-hub-webapp"]||[]).push([[13],{207:function(e,t,s){"use strict";s.d(t,"a",(function(){return o}));var n=s(0),c=s(224),a={contribute:{event:{name:"Contribute Load"}},home:{event:{name:"Home Load"}},faq:{event:{name:"Frequently Asked Questions Load"}},packageProfile:{event:{name:"Package Profile Load"}},search:{event:{name:"Search Load"}},siteTerms:{event:{name:"Site Terms Load"}},notFound:{page:{pageType:"errorPage"},event:{name:"404 Page Load"}}},r=s(42),i=s(2),o=(["default-src 'self' 'unsafe-inline' http://*.awsstatic.com;","connect-src 'self' https://*.shortbread.aws.dev http://*.shortbread.aws.dev http://a0.awsstatic.com/ http://amazonwebservices.d2.sc.omtrdc.net http://aws.demdex.net http://dpm.demdex.net http://cm.everesttech.net;","frame-src http://aws.demdex.net http://dpm.demdex.net;","img-src 'self' https://* http://a0.awsstatic.com/ http://amazonwebservices.d2.sc.omtrdc.net http://aws.demdex.net http://dpm.demdex.net http://cm.everesttech.net;","object-src 'none';","style-src 'self' 'unsafe-inline';"].join(" "),function(e){var t=e.children,s=e.meta,o=e.pageName,d=Object(r.c)(a[o]);Object(n.useEffect)((function(){d()}),[d]);var m=s.suffix,p=void 0===m||m,u=s.title,h=s.description,b=p?"".concat(u," - Construct Hub"):u;return Object(i.jsxs)(i.Fragment,{children:[Object(i.jsxs)(c.a,{children:[!1,Object(i.jsx)("meta",{content:"width=device-width, initial-scale=1",name:"viewport"}),Object(i.jsx)("meta",{charSet:"utf-8"}),Object(i.jsx)("title",{children:b}),Object(i.jsx)("meta",{content:b,property:"og:title"}),Object(i.jsx)("meta",{content:b,name:"twitter:title"}),Object(i.jsx)("meta",{content:"summary",name:"twitter:card"}),Object(i.jsx)("meta",{content:h,name:"description"}),Object(i.jsx)("meta",{content:h,property:"og:description"}),Object(i.jsx)("meta",{content:h,name:"twitter:description"})]}),t]})})},264:function(e,t,s){"use strict";s.r(t),s.d(t,"NotFound",(function(){return j})),s.d(t,"default",(function(){return j}));var n=s(124),c=s(126),a=s(27),r=s(207),i=s(6),o=s(21),d=s(3),m=s(130),p=s(2),u=["sources"],h=Object(d.e)((function(e,t){var s=e.sources,c=Object(o.a)(e,u);return Object(p.jsxs)(n.b,{as:"picture",children:[null===s||void 0===s?void 0:s.map((function(e,t){return Object(p.jsx)("source",{media:e.media,srcSet:e.srcSet},t)})),Object(p.jsx)(m.a,Object(i.a)({ref:t},c))]})}));h.displayName="Picture";var b={optimal:[{media:"(max-width:1024px)",srcSet:"/assets/404-hive@50.webp"},{media:"(min-width:1024px)",srcSet:"/assets/404-hive@100.webp"},{media:"(min-width:1024px)",srcSet:"/assets/404-hive@100.png"}],fallback:"/assets/404-hive@50.png"},j=function(){return Object(p.jsx)(r.a,{meta:{title:"Not Found",description:"Oops! The page you were looking for does not exist"},pageName:"notFound",children:Object(p.jsxs)(n.c,{h:"100%",position:"relative",w:"100%",children:[Object(p.jsx)(h,{alt:"",inset:0,position:"absolute",sources:b.optimal,src:b.fallback,zIndex:"hide"}),Object(p.jsxs)(n.f,{align:"center",direction:"column",justify:"center",children:[Object(p.jsx)(h,{alt:"404 Image",sources:[{srcSet:"/assets/robot.webp"}],src:"/assets/robot.png"}),Object(p.jsx)(c.a,{as:a.b,colorScheme:"blue",to:"/",children:"Take Me Home"})]})]})})}}}]);
+//# sourceMappingURL=13.74aea17d.chunk.js.map

package/website/static/js/13.74aea17d.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["constants/pageInfo.ts","components/Page/Page.tsx","components/Picture/Picture.tsx","views/NotFound/NotFound.tsx"],"names":["pageInfo","contribute","event","name","home","faq","packageProfile","search","siteTerms","notFound","page","pageType","Page","join","children","meta","pageName","trackPageView","usePageView","useEffect","suffix","title","description","formattedTitle","Helmet","process","content","charSet","property","Picture","forwardRef","ref","sources","props","as","map","source","idx","media","srcSet","displayName","bgSources","optimal","fallback","NotFound","h","position","w","alt","inset","src","zIndex","align","direction","justify","Link","colorScheme","to"],"mappings":"2LAAaA,EAAW,CACtBC,WAAY,CACVC,MAAO,CACLC,KAAM,oBAGVC,KAAM,CACJF,MAAO,CACLC,KAAM,cAGVE,IAAK,CACHH,MAAO,CACLC,KAAM,oCAGVG,eAAgB,CACdJ,MAAO,CACLC,KAAM,yBAGVI,OAAQ,CACNL,MAAO,CACLC,KAAM,gBAGVK,UAAW,CACTN,MAAO,CACLC,KAAM,oBAGVM,SAAU,CACRC,KAAM,CACJC,SAAU,aAEZT,MAAO,CACLC,KAAM,mB,eCVCS,GATD,CACV,6DACA,wNACA,yDACA,qKACA,qBACA,qCACAC,KAAK,KAE2C,SAAC,GAI5C,IAHLC,EAGI,EAHJA,SACAC,EAEI,EAFJA,KACAC,EACI,EADJA,SAEMC,EAAgBC,YAAYlB,EAASgB,IAE3CG,qBAAU,WACRF,MACC,CAACA,IAEJ,MAA8CF,EAAtCK,cAAR,SAAuBC,EAAuBN,EAAvBM,MAAOC,EAAgBP,EAAhBO,YACxBC,EAAiBH,EAAM,UAAMC,EAAN,oBAAgCA,EAE7D,OACE,qCACE,eAACG,EAAA,EAAD,YACGC,EAID,sBAAMC,QAAQ,sCAAsCvB,KAAK,aACzD,sBAAMwB,QAAQ,UAEd,gCAAQJ,IACR,sBAAMG,QAASH,EAAgBK,SAAS,aACxC,sBAAMF,QAASH,EAAgBpB,KAAK,kBACpC,sBAAMuB,QAAQ,UAAUvB,KAAK,iBAE7B,sBAAMuB,QAASJ,EAAanB,KAAK,gBACjC,sBAAMuB,QAASJ,EAAaM,SAAS,mBACrC,sBAAMF,QAASJ,EAAanB,KAAK,2BAElCW,Q,oNChDMe,EAAUC,aACrB,WAAwBC,GAAxB,IAAGC,EAAH,EAAGA,QAAYC,EAAf,wBACE,eAAC,IAAD,CAAKC,GAAG,UAAR,iBACGF,QADH,IACGA,OADH,EACGA,EAASG,KAAI,SAACC,EAAQC,GAAT,OACZ,wBAAkBC,MAAOF,EAAOE,MAAOC,OAAQH,EAAOG,QAAzCF,MAEf,cAAC,IAAD,aAAON,IAAKA,GAASE,UAK3BJ,EAAQW,YAAc,UChBtB,IAAMC,EAAY,CAChBC,QAAS,CACP,CAAEJ,MAAO,qBAAsBC,OAAQ,4BACvC,CAAED,MAAO,qBAAsBC,OAAQ,6BACvC,CAAED,MAAO,qBAAsBC,OAAQ,6BAEzCI,SAAU,2BAGCC,EAA8B,WACzC,OACE,cAAChC,EAAA,EAAD,CACEG,KAAM,CACJM,MAAO,YACPC,YAAa,sDAEfN,SAAS,WALX,SAOE,eAAC,IAAD,CAAQ6B,EAAE,OAAOC,SAAS,WAAWC,EAAE,OAAvC,UACE,cAAClB,EAAD,CACEmB,IAAI,GACJC,MAAO,EACPH,SAAS,WACTd,QAASS,EAAUC,QACnBQ,IAAKT,EAAUE,SACfQ,OAAO,SAET,eAAC,IAAD,CAAMC,MAAM,SAASC,UAAU,SAASC,QAAQ,SAAhD,UACE,cAACzB,EAAD,CACEmB,IAAI,YACJhB,QAAS,CAAC,CAAEO,OAAQ,uBACpBW,IAAI,sBAEN,cAAC,IAAD,CAAQhB,GAAIqB,IAAMC,YAAY,OAAOC,GAAG,IAAxC","file":"static/js/13.74aea17d.chunk.js","sourcesContent":["export const pageInfo = {\n  contribute: {\n    event: {\n      name: \"Contribute Load\",\n    },\n  },\n  home: {\n    event: {\n      name: \"Home Load\",\n    },\n  },\n  faq: {\n    event: {\n      name: \"Frequently Asked Questions Load\",\n    },\n  },\n  packageProfile: {\n    event: {\n      name: \"Package Profile Load\",\n    },\n  },\n  search: {\n    event: {\n      name: \"Search Load\",\n    },\n  },\n  siteTerms: {\n    event: {\n      name: \"Site Terms Load\",\n    },\n  },\n  notFound: {\n    page: {\n      pageType: \"errorPage\",\n    },\n    event: {\n      name: \"404 Page Load\",\n    },\n  },\n} as const;\n","import { FunctionComponent, useEffect } from \"react\";\nimport { Helmet } from \"react-helmet\";\nimport { pageInfo } from \"../../constants/pageInfo\";\nimport { usePageView } from \"../../contexts/Analytics\";\n\nexport interface PageProps {\n  pageName: keyof typeof pageInfo;\n  meta: {\n    suffix?: boolean;\n    title: string;\n    description: string;\n  };\n}\n\n// Should be the same as the \"real\" CSP, except most things come from HTTP\n// instead of HTTPS (because it is protocol-relative, and the dev site is\n// served over plain HTTP).\nconst csp = [\n  \"default-src 'self' 'unsafe-inline' http://*.awsstatic.com;\",\n  \"connect-src 'self' https://*.shortbread.aws.dev http://*.shortbread.aws.dev http://a0.awsstatic.com/ http://amazonwebservices.d2.sc.omtrdc.net http://aws.demdex.net http://dpm.demdex.net http://cm.everesttech.net;\",\n  \"frame-src http://aws.demdex.net http://dpm.demdex.net;\",\n  \"img-src 'self' https://* http://a0.awsstatic.com/ http://amazonwebservices.d2.sc.omtrdc.net http://aws.demdex.net http://dpm.demdex.net http://cm.everesttech.net;\",\n  \"object-src 'none';\",\n  \"style-src 'self' 'unsafe-inline';\",\n].join(\" \");\n\nexport const Page: FunctionComponent<PageProps> = ({\n  children,\n  meta,\n  pageName,\n}) => {\n  const trackPageView = usePageView(pageInfo[pageName]);\n\n  useEffect(() => {\n    trackPageView();\n  }, [trackPageView]);\n\n  const { suffix = true, title, description } = meta;\n  const formattedTitle = suffix ? `${title} - Construct Hub` : title;\n\n  return (\n    <>\n      <Helmet>\n        {process.env.NODE_ENV === \"development\" && (\n          <meta content={csp} httpEquiv=\"Content-Security-Policy\" />\n        )}\n\n        <meta content=\"width=device-width, initial-scale=1\" name=\"viewport\" />\n        <meta charSet=\"utf-8\" />\n\n        <title>{formattedTitle}</title>\n        <meta content={formattedTitle} property=\"og:title\" />\n        <meta content={formattedTitle} name=\"twitter:title\" />\n        <meta content=\"summary\" name=\"twitter:card\" />\n\n        <meta content={description} name=\"description\" />\n        <meta content={description} property=\"og:description\" />\n        <meta content={description} name=\"twitter:description\" />\n      </Helmet>\n      {children}\n    </>\n  );\n};\n","import { Box, HTMLChakraProps, forwardRef, Image } from \"@chakra-ui/react\";\n\nexport interface PictureProps extends HTMLChakraProps<\"img\"> {\n  alt: string;\n  src: string;\n  sources?: {\n    media?: string;\n    srcSet: string;\n  }[];\n}\n\nexport const Picture = forwardRef<PictureProps, \"img\">(\n  ({ sources, ...props }, ref) => (\n    <Box as=\"picture\">\n      {sources?.map((source, idx) => (\n        <source key={idx} media={source.media} srcSet={source.srcSet} />\n      ))}\n      <Image ref={ref} {...props} />\n    </Box>\n  )\n);\n\nPicture.displayName = \"Picture\";\n","import { Button, Center, Flex } from \"@chakra-ui/react\";\nimport type { FunctionComponent } from \"react\";\nimport { Link } from \"react-router-dom\";\nimport { Page } from \"../../components/Page\";\nimport { Picture } from \"../../components/Picture\";\n\nconst bgSources = {\n  optimal: [\n    { media: \"(max-width:1024px)\", srcSet: \"/assets/404-hive@50.webp\" },\n    { media: \"(min-width:1024px)\", srcSet: \"/assets/404-hive@100.webp\" },\n    { media: \"(min-width:1024px)\", srcSet: \"/assets/404-hive@100.png\" },\n  ],\n  fallback: \"/assets/404-hive@50.png\",\n};\n\nexport const NotFound: FunctionComponent = () => {\n  return (\n    <Page\n      meta={{\n        title: \"Not Found\",\n        description: \"Oops! The page you were looking for does not exist\",\n      }}\n      pageName=\"notFound\"\n    >\n      <Center h=\"100%\" position=\"relative\" w=\"100%\">\n        <Picture\n          alt=\"\"\n          inset={0}\n          position=\"absolute\"\n          sources={bgSources.optimal}\n          src={bgSources.fallback}\n          zIndex=\"hide\"\n        />\n        <Flex align=\"center\" direction=\"column\" justify=\"center\">\n          <Picture\n            alt=\"404 Image\"\n            sources={[{ srcSet: \"/assets/robot.webp\" }]}\n            src=\"/assets/robot.png\"\n          />\n          <Button as={Link} colorScheme=\"blue\" to=\"/\">\n            Take Me Home\n          </Button>\n        </Flex>\n      </Center>\n    </Page>\n  );\n};\n"],"sourceRoot":""}

package/website/static/js/14.e4eddcaa.chunk.js

@@ -0,0 +1,2 @@
+(this["webpackJsonpconstruct-hub-webapp"]=this["webpackJsonpconstruct-hub-webapp"]||[]).push([[14],{207:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var s=n(0),a=n(224),c={contribute:{event:{name:"Contribute Load"}},home:{event:{name:"Home Load"}},faq:{event:{name:"Frequently Asked Questions Load"}},packageProfile:{event:{name:"Package Profile Load"}},search:{event:{name:"Search Load"}},siteTerms:{event:{name:"Site Terms Load"}},notFound:{page:{pageType:"errorPage"},event:{name:"404 Page Load"}}},i=n(42),r=n(2),o=(["default-src 'self' 'unsafe-inline' http://*.awsstatic.com;","connect-src 'self' https://*.shortbread.aws.dev http://*.shortbread.aws.dev http://a0.awsstatic.com/ http://amazonwebservices.d2.sc.omtrdc.net http://aws.demdex.net http://dpm.demdex.net http://cm.everesttech.net;","frame-src http://aws.demdex.net http://dpm.demdex.net;","img-src 'self' https://* http://a0.awsstatic.com/ http://amazonwebservices.d2.sc.omtrdc.net http://aws.demdex.net http://dpm.demdex.net http://cm.everesttech.net;","object-src 'none';","style-src 'self' 'unsafe-inline';"].join(" "),function(e){var t=e.children,n=e.meta,o=e.pageName,h=Object(i.c)(c[o]);Object(s.useEffect)((function(){h()}),[h]);var d=n.suffix,m=void 0===d||d,l=n.title,u=n.description,p=m?"".concat(l," - Construct Hub"):l;return Object(r.jsxs)(r.Fragment,{children:[Object(r.jsxs)(a.a,{children:[!1,Object(r.jsx)("meta",{content:"width=device-width, initial-scale=1",name:"viewport"}),Object(r.jsx)("meta",{charSet:"utf-8"}),Object(r.jsx)("title",{children:p}),Object(r.jsx)("meta",{content:p,property:"og:title"}),Object(r.jsx)("meta",{content:p,name:"twitter:title"}),Object(r.jsx)("meta",{content:"summary",name:"twitter:card"}),Object(r.jsx)("meta",{content:u,name:"description"}),Object(r.jsx)("meta",{content:u,property:"og:description"}),Object(r.jsx)("meta",{content:u,name:"twitter:description"})]}),t]})})},602:function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return o}));var s=n(124),a=n(56),c=n(207),i=n(64),r=n(2),o=function(){return Object(r.jsx)(c.a,{meta:{title:"Site Terms",description:"View the Construct Hub Site Terms"},pageName:"siteTerms",children:Object(r.jsx)(s.b,{bg:"white",h:"100%",py:16,w:"100%",children:Object(r.jsxs)(s.b,{as:"article",color:"gray.800",fontSize:"lg",maxW:{base:"80%",md:"38rem"},mx:"auto",textAlign:"justify",w:"100%",children:[Object(r.jsx)(s.i,{as:"h1",color:"blue.800",mb:8,mx:"auto",size:"lg",children:"AWS Site Terms for CDK Construct Hub"}),Object(r.jsxs)(s.p,{spacing:4,children:[Object(r.jsx)(s.q,{fontStyle:"italic",children:"Last Updated: July 2021"}),Object(r.jsxs)(s.q,{children:["Welcome to the AWS CDK Construct Hub site (the \u201cAWS Site\u201d or \u201cConstruct Hub\u201d). Except as specifically follows, the AWS CDK Construct Hub site shall be subject to the"," ",Object(r.jsx)(a.a,{hasWarning:!1,href:"https://aws.amazon.com/terms/",children:"Site Terms"})," ","(\u201cAWS Site Terms\u201d) and considered an AWS Site for purposes of applying the AWS Site Terms (together, the \u201cCDK Construct Hub Site Terms\u201d)."]}),Object(r.jsxs)(s.q,{children:["In place of the \u201cLicense and Site Access\u201d term of the AWS Site Terms, the Construct Hub is provided to you under this license:"," ",Object(r.jsx)(a.a,{hasWarning:!1,href:"".concat(i.a,"/blob/main/LICENSE"),children:"".concat(i.a,"/blob/main/LICENSE")}),". Some AWS Content and Third-Party Content may be provided to you under a separate license, such as the Apache License, Version 2.0, or other open source license. In the event of a conflict between the CDK Construct Hub Site Terms and any separate license, the separate license will prevail with respect to the AWS Content or Third-Party Content that is the subject of such separate license. This AWS Site is a construct registry and search site. The links to the CDK constructs displayed may comprise third party user generated content which shall, in any case, be subject to the \u201cDisclaimer of Warranties and Limitation of Liability\u201d section of the AWS Site Terms. Accessing a construct via its hyperlink will send you to a non-affiliated third party website (\u2018Third-Party Website\u201d) and you shall be subject to the terms and conditions of that Third-Party Website upon entering it."]})]})]})})})}}}]);
+//# sourceMappingURL=14.e4eddcaa.chunk.js.map