this.gui 1.0.17 → 1.0.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/style.css +1 -1
- package/dist/this-gui.es.js +727 -647
- package/dist/this-gui.umd.js +17 -17
- package/package.json +2 -1
- package/src/App.jsx +19 -43
- package/src/CreatePage.jsx +61 -0
- package/src/MDXEditor.jsx +51 -0
- package/src/PageDashboard.jsx +56 -0
- package/src/SiteBuilder.jsx +95 -26
- package/src/scripts/postinstall.js +41 -30
- package/src/stories/Atoms/Button/Button.css +259 -58
- package/src/stories/Atoms/Button/Button.jsx +8 -11
- package/src/stories/Atoms/Button/Button.stories.jsx +65 -40
- package/src/stories/Atoms/Container/Container.css +420 -39
- package/src/stories/Atoms/Container/Container.jsx +98 -36
- package/src/stories/Atoms/Container/Container.stories.jsx +120 -79
- package/src/stories/Atoms/Link/Link.css +6 -26
- package/src/stories/Atoms/Link/Link.jsx +11 -21
- package/src/themes/styles/neurons/light.css +94 -204
package/dist/this-gui.umd.js
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var wr;function Ka(){if(wr)return je;wr=1;var r=T,
|
|
9
|
+
*/var wr;function Ka(){if(wr)return je;wr=1;var r=T,o=Symbol.for("react.element"),t=Symbol.for("react.fragment"),n=Object.prototype.hasOwnProperty,d=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function c(i,u,f){var p,h={},v=null,j=null;f!==void 0&&(v=""+f),u.key!==void 0&&(v=""+u.key),u.ref!==void 0&&(j=u.ref);for(p in u)n.call(u,p)&&!l.hasOwnProperty(p)&&(h[p]=u[p]);if(i&&i.defaultProps)for(p in u=i.defaultProps,u)h[p]===void 0&&(h[p]=u[p]);return{$$typeof:o,type:i,key:v,ref:j,props:h,_owner:d.current}}return je.Fragment=t,je.jsx=c,je.jsxs=c,je}var we={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,56 +14,56 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var Tr;function Xa(){return Tr||(Tr=1,process.env.NODE_ENV!=="production"&&function(){var r=T,
|
|
18
|
-
`+A+
|
|
17
|
+
*/var Tr;function Xa(){return Tr||(Tr=1,process.env.NODE_ENV!=="production"&&function(){var r=T,o=Symbol.for("react.element"),t=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),d=Symbol.for("react.strict_mode"),l=Symbol.for("react.profiler"),c=Symbol.for("react.provider"),i=Symbol.for("react.context"),u=Symbol.for("react.forward_ref"),f=Symbol.for("react.suspense"),p=Symbol.for("react.suspense_list"),h=Symbol.for("react.memo"),v=Symbol.for("react.lazy"),j=Symbol.for("react.offscreen"),S=Symbol.iterator,N="@@iterator";function E(s){if(s===null||typeof s!="object")return null;var y=S&&s[S]||s[N];return typeof y=="function"?y:null}var R=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function $(s){{for(var y=arguments.length,_=new Array(y>1?y-1:0),k=1;k<y;k++)_[k-1]=arguments[k];M("error",s,_)}}function M(s,y,_){{var k=R.ReactDebugCurrentFrame,U=k.getStackAddendum();U!==""&&(y+="%s",_=_.concat([U]));var G=_.map(function(V){return String(V)});G.unshift("Warning: "+y),Function.prototype.apply.call(console[s],console,G)}}var z=!1,g=!1,K=!1,te=!1,oe=!1,le;le=Symbol.for("react.module.reference");function de(s){return!!(typeof s=="string"||typeof s=="function"||s===n||s===l||oe||s===d||s===f||s===p||te||s===j||z||g||K||typeof s=="object"&&s!==null&&(s.$$typeof===v||s.$$typeof===h||s.$$typeof===c||s.$$typeof===i||s.$$typeof===u||s.$$typeof===le||s.getModuleId!==void 0))}function ie(s,y,_){var k=s.displayName;if(k)return k;var U=y.displayName||y.name||"";return U!==""?_+"("+U+")":_}function ne(s){return s.displayName||"Context"}function J(s){if(s==null)return null;if(typeof s.tag=="number"&&$("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof s=="function")return s.displayName||s.name||null;if(typeof s=="string")return s;switch(s){case n:return"Fragment";case t:return"Portal";case l:return"Profiler";case d:return"StrictMode";case f:return"Suspense";case p:return"SuspenseList"}if(typeof s=="object")switch(s.$$typeof){case i:var y=s;return ne(y)+".Consumer";case c:var _=s;return ne(_._context)+".Provider";case u:return ie(s,s.render,"ForwardRef");case h:var k=s.displayName||null;return k!==null?k:J(s.type)||"Memo";case v:{var U=s,G=U._payload,V=U._init;try{return J(V(G))}catch{return null}}}return null}var H=Object.assign,ee=0,X,re,P,Z,m,w,b;function O(){}O.__reactDisabledLog=!0;function C(){{if(ee===0){X=console.log,re=console.info,P=console.warn,Z=console.error,m=console.group,w=console.groupCollapsed,b=console.groupEnd;var s={configurable:!0,enumerable:!0,value:O,writable:!0};Object.defineProperties(console,{info:s,log:s,warn:s,error:s,group:s,groupCollapsed:s,groupEnd:s})}ee++}}function D(){{if(ee--,ee===0){var s={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:H({},s,{value:X}),info:H({},s,{value:re}),warn:H({},s,{value:P}),error:H({},s,{value:Z}),group:H({},s,{value:m}),groupCollapsed:H({},s,{value:w}),groupEnd:H({},s,{value:b})})}ee<0&&$("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var q=R.ReactCurrentDispatcher,A;function I(s,y,_){{if(A===void 0)try{throw Error()}catch(U){var k=U.stack.trim().match(/\n( *(at )?)/);A=k&&k[1]||""}return`
|
|
18
|
+
`+A+s}}var B=!1,L;{var ce=typeof WeakMap=="function"?WeakMap:Map;L=new ce}function x(s,y){if(!s||B)return"";{var _=L.get(s);if(_!==void 0)return _}var k;B=!0;var U=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var G;G=q.current,q.current=null,C();try{if(y){var V=function(){throw Error()};if(Object.defineProperty(V.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(V,[])}catch(fe){k=fe}Reflect.construct(s,[],V)}else{try{V.call()}catch(fe){k=fe}s.call(V.prototype)}}else{try{throw Error()}catch(fe){k=fe}s()}}catch(fe){if(fe&&k&&typeof fe.stack=="string"){for(var F=fe.stack.split(`
|
|
19
19
|
`),ue=k.stack.split(`
|
|
20
|
-
`),ae=F.length-1,
|
|
21
|
-
`+F[ae].replace(" at new "," at ");return
|
|
20
|
+
`),ae=F.length-1,se=ue.length-1;ae>=1&&se>=0&&F[ae]!==ue[se];)se--;for(;ae>=1&&se>=0;ae--,se--)if(F[ae]!==ue[se]){if(ae!==1||se!==1)do if(ae--,se--,se<0||F[ae]!==ue[se]){var me=`
|
|
21
|
+
`+F[ae].replace(" at new "," at ");return s.displayName&&me.includes("<anonymous>")&&(me=me.replace("<anonymous>",s.displayName)),typeof s=="function"&&L.set(s,me),me}while(ae>=1&&se>=0);break}}}finally{B=!1,q.current=G,D(),Error.prepareStackTrace=U}var _e=s?s.displayName||s.name:"",ye=_e?I(_e):"";return typeof s=="function"&&L.set(s,ye),ye}function pe(s,y,_){return x(s,!1)}function be(s){var y=s.prototype;return!!(y&&y.isReactComponent)}function he(s,y,_){if(s==null)return"";if(typeof s=="function")return x(s,be(s));if(typeof s=="string")return I(s);switch(s){case f:return I("Suspense");case p:return I("SuspenseList")}if(typeof s=="object")switch(s.$$typeof){case u:return pe(s.render);case h:return he(s.type,y,_);case v:{var k=s,U=k._payload,G=k._init;try{return he(G(U),y,_)}catch{}}}return""}var Te=Object.prototype.hasOwnProperty,Ia={},La=R.ReactDebugCurrentFrame;function ke(s){if(s){var y=s._owner,_=he(s.type,s._source,y?y.type:null);La.setExtraStackFrame(_)}else La.setExtraStackFrame(null)}function jo(s,y,_,k,U){{var G=Function.call.bind(Te);for(var V in s)if(G(s,V)){var F=void 0;try{if(typeof s[V]!="function"){var ue=Error((k||"React class")+": "+_+" type `"+V+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof s[V]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw ue.name="Invariant Violation",ue}F=s[V](y,V,k,_,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(ae){F=ae}F&&!(F instanceof Error)&&(ke(U),$("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",k||"React class",_,V,typeof F),ke(null)),F instanceof Error&&!(F.message in Ia)&&(Ia[F.message]=!0,ke(U),$("Failed %s type: %s",_,F.message),ke(null))}}}var wo=Array.isArray;function gr(s){return wo(s)}function To(s){{var y=typeof Symbol=="function"&&Symbol.toStringTag,_=y&&s[Symbol.toStringTag]||s.constructor.name||"Object";return _}}function Oo(s){try{return Da(s),!1}catch{return!0}}function Da(s){return""+s}function Fa(s){if(Oo(s))return $("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",To(s)),Da(s)}var Oe=R.ReactCurrentOwner,Co={key:!0,ref:!0,__self:!0,__source:!0},za,Va,vr;vr={};function No(s){if(Te.call(s,"ref")){var y=Object.getOwnPropertyDescriptor(s,"ref").get;if(y&&y.isReactWarning)return!1}return s.ref!==void 0}function Eo(s){if(Te.call(s,"key")){var y=Object.getOwnPropertyDescriptor(s,"key").get;if(y&&y.isReactWarning)return!1}return s.key!==void 0}function ko(s,y){if(typeof s.ref=="string"&&Oe.current&&y&&Oe.current.stateNode!==y){var _=J(Oe.current.type);vr[_]||($('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',J(Oe.current.type),s.ref),vr[_]=!0)}}function So(s,y){{var _=function(){za||(za=!0,$("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",y))};_.isReactWarning=!0,Object.defineProperty(s,"key",{get:_,configurable:!0})}}function Po(s,y){{var _=function(){Va||(Va=!0,$("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",y))};_.isReactWarning=!0,Object.defineProperty(s,"ref",{get:_,configurable:!0})}}var Ro=function(s,y,_,k,U,G,V){var F={$$typeof:o,type:s,key:y,ref:_,props:V,_owner:G};return F._store={},Object.defineProperty(F._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(F,"_self",{configurable:!1,enumerable:!1,writable:!1,value:k}),Object.defineProperty(F,"_source",{configurable:!1,enumerable:!1,writable:!1,value:U}),Object.freeze&&(Object.freeze(F.props),Object.freeze(F)),F};function $o(s,y,_,k,U){{var G,V={},F=null,ue=null;_!==void 0&&(Fa(_),F=""+_),Eo(y)&&(Fa(y.key),F=""+y.key),No(y)&&(ue=y.ref,ko(y,U));for(G in y)Te.call(y,G)&&!Co.hasOwnProperty(G)&&(V[G]=y[G]);if(s&&s.defaultProps){var ae=s.defaultProps;for(G in ae)V[G]===void 0&&(V[G]=ae[G])}if(F||ue){var se=typeof s=="function"?s.displayName||s.name||"Unknown":s;F&&So(V,se),ue&&Po(V,se)}return Ro(s,F,ue,U,k,Oe.current,V)}}var br=R.ReactCurrentOwner,Ba=R.ReactDebugCurrentFrame;function xe(s){if(s){var y=s._owner,_=he(s.type,s._source,y?y.type:null);Ba.setExtraStackFrame(_)}else Ba.setExtraStackFrame(null)}var xr;xr=!1;function _r(s){return typeof s=="object"&&s!==null&&s.$$typeof===o}function Wa(){{if(br.current){var s=J(br.current.type);if(s)return`
|
|
22
22
|
|
|
23
|
-
Check the render method of \``+
|
|
23
|
+
Check the render method of \``+s+"`."}return""}}function qo(s){return""}var Ya={};function Ao(s){{var y=Wa();if(!y){var _=typeof s=="string"?s:s.displayName||s.name;_&&(y=`
|
|
24
24
|
|
|
25
|
-
Check the top-level render call using <`+
|
|
25
|
+
Check the top-level render call using <`+_+">.")}return y}}function Ua(s,y){{if(!s._store||s._store.validated||s.key!=null)return;s._store.validated=!0;var _=Ao(y);if(Ya[_])return;Ya[_]=!0;var k="";s&&s._owner&&s._owner!==br.current&&(k=" It was passed a child from "+J(s._owner.type)+"."),xe(s),$('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',_,k),xe(null)}}function Ha(s,y){{if(typeof s!="object")return;if(gr(s))for(var _=0;_<s.length;_++){var k=s[_];_r(k)&&Ua(k,y)}else if(_r(s))s._store&&(s._store.validated=!0);else if(s){var U=E(s);if(typeof U=="function"&&U!==s.entries)for(var G=U.call(s),V;!(V=G.next()).done;)_r(V.value)&&Ua(V.value,y)}}}function Mo(s){{var y=s.type;if(y==null||typeof y=="string")return;var _;if(typeof y=="function")_=y.propTypes;else if(typeof y=="object"&&(y.$$typeof===u||y.$$typeof===h))_=y.propTypes;else return;if(_){var k=J(y);jo(_,s.props,"prop",k,s)}else if(y.PropTypes!==void 0&&!xr){xr=!0;var U=J(y);$("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",U||"Unknown")}typeof y.getDefaultProps=="function"&&!y.getDefaultProps.isReactClassApproved&&$("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Io(s){{for(var y=Object.keys(s.props),_=0;_<y.length;_++){var k=y[_];if(k!=="children"&&k!=="key"){xe(s),$("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",k),xe(null);break}}s.ref!==null&&(xe(s),$("Invalid attribute `ref` supplied to `React.Fragment`."),xe(null))}}var Ga={};function Ja(s,y,_,k,U,G){{var V=de(s);if(!V){var F="";(s===void 0||typeof s=="object"&&s!==null&&Object.keys(s).length===0)&&(F+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var ue=qo();ue?F+=ue:F+=Wa();var ae;s===null?ae="null":gr(s)?ae="array":s!==void 0&&s.$$typeof===o?(ae="<"+(J(s.type)||"Unknown")+" />",F=" Did you accidentally export a JSX literal instead of a component?"):ae=typeof s,$("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",ae,F)}var se=$o(s,y,_,U,G);if(se==null)return se;if(V){var me=y.children;if(me!==void 0)if(k)if(gr(me)){for(var _e=0;_e<me.length;_e++)Ha(me[_e],s);Object.freeze&&Object.freeze(me)}else $("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else Ha(me,s)}if(Te.call(y,"key")){var ye=J(s),fe=Object.keys(y).filter(function(Bo){return Bo!=="key"}),jr=fe.length>0?"{key: someKey, "+fe.join(": ..., ")+": ...}":"{key: someKey}";if(!Ga[ye+jr]){var Vo=fe.length>0?"{"+fe.join(": ..., ")+": ...}":"{}";$(`A props object containing a "key" prop is being spread into JSX:
|
|
26
26
|
let props = %s;
|
|
27
27
|
<%s {...props} />
|
|
28
28
|
React keys must be passed directly to JSX without using spread:
|
|
29
29
|
let props = %s;
|
|
30
|
-
<%s key={someKey} {...props} />`,jr,ye,
|
|
30
|
+
<%s key={someKey} {...props} />`,jr,ye,Vo,ye),Ga[ye+jr]=!0}}return s===n?Io(se):Mo(se),se}}function Lo(s,y,_){return Ja(s,y,_,!0)}function Do(s,y,_){return Ja(s,y,_,!1)}var Fo=Do,zo=Lo;we.Fragment=n,we.jsx=Fo,we.jsxs=zo}()),we}process.env.NODE_ENV==="production"?Se.exports=Ka():Se.exports=Xa();var a=Se.exports,Pe={exports:{}},Ce={exports:{}},W={};/** @license React v16.13.1
|
|
31
31
|
* react-is.production.min.js
|
|
32
32
|
*
|
|
33
33
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
34
34
|
*
|
|
35
35
|
* This source code is licensed under the MIT license found in the
|
|
36
36
|
* LICENSE file in the root directory of this source tree.
|
|
37
|
-
*/var
|
|
37
|
+
*/var Or;function Za(){if(Or)return W;Or=1;var r=typeof Symbol=="function"&&Symbol.for,o=r?Symbol.for("react.element"):60103,t=r?Symbol.for("react.portal"):60106,n=r?Symbol.for("react.fragment"):60107,d=r?Symbol.for("react.strict_mode"):60108,l=r?Symbol.for("react.profiler"):60114,c=r?Symbol.for("react.provider"):60109,i=r?Symbol.for("react.context"):60110,u=r?Symbol.for("react.async_mode"):60111,f=r?Symbol.for("react.concurrent_mode"):60111,p=r?Symbol.for("react.forward_ref"):60112,h=r?Symbol.for("react.suspense"):60113,v=r?Symbol.for("react.suspense_list"):60120,j=r?Symbol.for("react.memo"):60115,S=r?Symbol.for("react.lazy"):60116,N=r?Symbol.for("react.block"):60121,E=r?Symbol.for("react.fundamental"):60117,R=r?Symbol.for("react.responder"):60118,$=r?Symbol.for("react.scope"):60119;function M(g){if(typeof g=="object"&&g!==null){var K=g.$$typeof;switch(K){case o:switch(g=g.type,g){case u:case f:case n:case l:case d:case h:return g;default:switch(g=g&&g.$$typeof,g){case i:case p:case S:case j:case c:return g;default:return K}}case t:return K}}}function z(g){return M(g)===f}return W.AsyncMode=u,W.ConcurrentMode=f,W.ContextConsumer=i,W.ContextProvider=c,W.Element=o,W.ForwardRef=p,W.Fragment=n,W.Lazy=S,W.Memo=j,W.Portal=t,W.Profiler=l,W.StrictMode=d,W.Suspense=h,W.isAsyncMode=function(g){return z(g)||M(g)===u},W.isConcurrentMode=z,W.isContextConsumer=function(g){return M(g)===i},W.isContextProvider=function(g){return M(g)===c},W.isElement=function(g){return typeof g=="object"&&g!==null&&g.$$typeof===o},W.isForwardRef=function(g){return M(g)===p},W.isFragment=function(g){return M(g)===n},W.isLazy=function(g){return M(g)===S},W.isMemo=function(g){return M(g)===j},W.isPortal=function(g){return M(g)===t},W.isProfiler=function(g){return M(g)===l},W.isStrictMode=function(g){return M(g)===d},W.isSuspense=function(g){return M(g)===h},W.isValidElementType=function(g){return typeof g=="string"||typeof g=="function"||g===n||g===f||g===l||g===d||g===h||g===v||typeof g=="object"&&g!==null&&(g.$$typeof===S||g.$$typeof===j||g.$$typeof===c||g.$$typeof===i||g.$$typeof===p||g.$$typeof===E||g.$$typeof===R||g.$$typeof===$||g.$$typeof===N)},W.typeOf=M,W}var Y={};/** @license React v16.13.1
|
|
38
38
|
* react-is.development.js
|
|
39
39
|
*
|
|
40
40
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
41
41
|
*
|
|
42
42
|
* This source code is licensed under the MIT license found in the
|
|
43
43
|
* LICENSE file in the root directory of this source tree.
|
|
44
|
-
*/var
|
|
44
|
+
*/var Cr;function Qa(){return Cr||(Cr=1,process.env.NODE_ENV!=="production"&&function(){var r=typeof Symbol=="function"&&Symbol.for,o=r?Symbol.for("react.element"):60103,t=r?Symbol.for("react.portal"):60106,n=r?Symbol.for("react.fragment"):60107,d=r?Symbol.for("react.strict_mode"):60108,l=r?Symbol.for("react.profiler"):60114,c=r?Symbol.for("react.provider"):60109,i=r?Symbol.for("react.context"):60110,u=r?Symbol.for("react.async_mode"):60111,f=r?Symbol.for("react.concurrent_mode"):60111,p=r?Symbol.for("react.forward_ref"):60112,h=r?Symbol.for("react.suspense"):60113,v=r?Symbol.for("react.suspense_list"):60120,j=r?Symbol.for("react.memo"):60115,S=r?Symbol.for("react.lazy"):60116,N=r?Symbol.for("react.block"):60121,E=r?Symbol.for("react.fundamental"):60117,R=r?Symbol.for("react.responder"):60118,$=r?Symbol.for("react.scope"):60119;function M(x){return typeof x=="string"||typeof x=="function"||x===n||x===f||x===l||x===d||x===h||x===v||typeof x=="object"&&x!==null&&(x.$$typeof===S||x.$$typeof===j||x.$$typeof===c||x.$$typeof===i||x.$$typeof===p||x.$$typeof===E||x.$$typeof===R||x.$$typeof===$||x.$$typeof===N)}function z(x){if(typeof x=="object"&&x!==null){var pe=x.$$typeof;switch(pe){case o:var be=x.type;switch(be){case u:case f:case n:case l:case d:case h:return be;default:var he=be&&be.$$typeof;switch(he){case i:case p:case S:case j:case c:return he;default:return pe}}case t:return pe}}}var g=u,K=f,te=i,oe=c,le=o,de=p,ie=n,ne=S,J=j,H=t,ee=l,X=d,re=h,P=!1;function Z(x){return P||(P=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),m(x)||z(x)===u}function m(x){return z(x)===f}function w(x){return z(x)===i}function b(x){return z(x)===c}function O(x){return typeof x=="object"&&x!==null&&x.$$typeof===o}function C(x){return z(x)===p}function D(x){return z(x)===n}function q(x){return z(x)===S}function A(x){return z(x)===j}function I(x){return z(x)===t}function B(x){return z(x)===l}function L(x){return z(x)===d}function ce(x){return z(x)===h}Y.AsyncMode=g,Y.ConcurrentMode=K,Y.ContextConsumer=te,Y.ContextProvider=oe,Y.Element=le,Y.ForwardRef=de,Y.Fragment=ie,Y.Lazy=ne,Y.Memo=J,Y.Portal=H,Y.Profiler=ee,Y.StrictMode=X,Y.Suspense=re,Y.isAsyncMode=Z,Y.isConcurrentMode=m,Y.isContextConsumer=w,Y.isContextProvider=b,Y.isElement=O,Y.isForwardRef=C,Y.isFragment=D,Y.isLazy=q,Y.isMemo=A,Y.isPortal=I,Y.isProfiler=B,Y.isStrictMode=L,Y.isSuspense=ce,Y.isValidElementType=M,Y.typeOf=z}()),Y}var Nr;function Er(){return Nr||(Nr=1,process.env.NODE_ENV==="production"?Ce.exports=Za():Ce.exports=Qa()),Ce.exports}/*
|
|
45
45
|
object-assign
|
|
46
46
|
(c) Sindre Sorhus
|
|
47
47
|
@license MIT
|
|
48
|
-
*/var Re,kr;function
|
|
49
|
-
Valid keys: `+JSON.stringify(Object.keys(m),null," "));var
|
|
48
|
+
*/var Re,kr;function eo(){if(kr)return Re;kr=1;var r=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,t=Object.prototype.propertyIsEnumerable;function n(l){if(l==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(l)}function d(){try{if(!Object.assign)return!1;var l=new String("abc");if(l[5]="de",Object.getOwnPropertyNames(l)[0]==="5")return!1;for(var c={},i=0;i<10;i++)c["_"+String.fromCharCode(i)]=i;var u=Object.getOwnPropertyNames(c).map(function(p){return c[p]});if(u.join("")!=="0123456789")return!1;var f={};return"abcdefghijklmnopqrst".split("").forEach(function(p){f[p]=p}),Object.keys(Object.assign({},f)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return Re=d()?Object.assign:function(l,c){for(var i,u=n(l),f,p=1;p<arguments.length;p++){i=Object(arguments[p]);for(var h in i)o.call(i,h)&&(u[h]=i[h]);if(r){f=r(i);for(var v=0;v<f.length;v++)t.call(i,f[v])&&(u[f[v]]=i[f[v]])}}return u},Re}var $e,Sr;function qe(){if(Sr)return $e;Sr=1;var r="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return $e=r,$e}var Ae,Pr;function Rr(){return Pr||(Pr=1,Ae=Function.call.bind(Object.prototype.hasOwnProperty)),Ae}var Me,$r;function ro(){if($r)return Me;$r=1;var r=function(){};if(process.env.NODE_ENV!=="production"){var o=qe(),t={},n=Rr();r=function(l){var c="Warning: "+l;typeof console<"u"&&console.error(c);try{throw new Error(c)}catch{}}}function d(l,c,i,u,f){if(process.env.NODE_ENV!=="production"){for(var p in l)if(n(l,p)){var h;try{if(typeof l[p]!="function"){var v=Error((u||"React class")+": "+i+" type `"+p+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof l[p]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw v.name="Invariant Violation",v}h=l[p](c,p,u,i,null,o)}catch(S){h=S}if(h&&!(h instanceof Error)&&r((u||"React class")+": type specification of "+i+" `"+p+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof h+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),h instanceof Error&&!(h.message in t)){t[h.message]=!0;var j=f?f():"";r("Failed "+i+" type: "+h.message+(j??""))}}}}return d.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(t={})},Me=d,Me}var Ie,qr;function ao(){if(qr)return Ie;qr=1;var r=Er(),o=eo(),t=qe(),n=Rr(),d=ro(),l=function(){};process.env.NODE_ENV!=="production"&&(l=function(i){var u="Warning: "+i;typeof console<"u"&&console.error(u);try{throw new Error(u)}catch{}});function c(){return null}return Ie=function(i,u){var f=typeof Symbol=="function"&&Symbol.iterator,p="@@iterator";function h(m){var w=m&&(f&&m[f]||m[p]);if(typeof w=="function")return w}var v="<<anonymous>>",j={array:R("array"),bigint:R("bigint"),bool:R("boolean"),func:R("function"),number:R("number"),object:R("object"),string:R("string"),symbol:R("symbol"),any:$(),arrayOf:M,element:z(),elementType:g(),instanceOf:K,node:de(),objectOf:oe,oneOf:te,oneOfType:le,shape:ne,exact:J};function S(m,w){return m===w?m!==0||1/m===1/w:m!==m&&w!==w}function N(m,w){this.message=m,this.data=w&&typeof w=="object"?w:{},this.stack=""}N.prototype=Error.prototype;function E(m){if(process.env.NODE_ENV!=="production")var w={},b=0;function O(D,q,A,I,B,L,ce){if(I=I||v,L=L||A,ce!==t){if(u){var x=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw x.name="Invariant Violation",x}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var pe=I+":"+A;!w[pe]&&b<3&&(l("You are manually calling a React.PropTypes validation function for the `"+L+"` prop on `"+I+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),w[pe]=!0,b++)}}return q[A]==null?D?q[A]===null?new N("The "+B+" `"+L+"` is marked as required "+("in `"+I+"`, but its value is `null`.")):new N("The "+B+" `"+L+"` is marked as required in "+("`"+I+"`, but its value is `undefined`.")):null:m(q,A,I,B,L)}var C=O.bind(null,!1);return C.isRequired=O.bind(null,!0),C}function R(m){function w(b,O,C,D,q,A){var I=b[O],B=X(I);if(B!==m){var L=re(I);return new N("Invalid "+D+" `"+q+"` of type "+("`"+L+"` supplied to `"+C+"`, expected ")+("`"+m+"`."),{expectedType:m})}return null}return E(w)}function $(){return E(c)}function M(m){function w(b,O,C,D,q){if(typeof m!="function")return new N("Property `"+q+"` of component `"+C+"` has invalid PropType notation inside arrayOf.");var A=b[O];if(!Array.isArray(A)){var I=X(A);return new N("Invalid "+D+" `"+q+"` of type "+("`"+I+"` supplied to `"+C+"`, expected an array."))}for(var B=0;B<A.length;B++){var L=m(A,B,C,D,q+"["+B+"]",t);if(L instanceof Error)return L}return null}return E(w)}function z(){function m(w,b,O,C,D){var q=w[b];if(!i(q)){var A=X(q);return new N("Invalid "+C+" `"+D+"` of type "+("`"+A+"` supplied to `"+O+"`, expected a single ReactElement."))}return null}return E(m)}function g(){function m(w,b,O,C,D){var q=w[b];if(!r.isValidElementType(q)){var A=X(q);return new N("Invalid "+C+" `"+D+"` of type "+("`"+A+"` supplied to `"+O+"`, expected a single ReactElement type."))}return null}return E(m)}function K(m){function w(b,O,C,D,q){if(!(b[O]instanceof m)){var A=m.name||v,I=Z(b[O]);return new N("Invalid "+D+" `"+q+"` of type "+("`"+I+"` supplied to `"+C+"`, expected ")+("instance of `"+A+"`."))}return null}return E(w)}function te(m){if(!Array.isArray(m))return process.env.NODE_ENV!=="production"&&(arguments.length>1?l("Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."):l("Invalid argument supplied to oneOf, expected an array.")),c;function w(b,O,C,D,q){for(var A=b[O],I=0;I<m.length;I++)if(S(A,m[I]))return null;var B=JSON.stringify(m,function(ce,x){var pe=re(x);return pe==="symbol"?String(x):x});return new N("Invalid "+D+" `"+q+"` of value `"+String(A)+"` "+("supplied to `"+C+"`, expected one of "+B+"."))}return E(w)}function oe(m){function w(b,O,C,D,q){if(typeof m!="function")return new N("Property `"+q+"` of component `"+C+"` has invalid PropType notation inside objectOf.");var A=b[O],I=X(A);if(I!=="object")return new N("Invalid "+D+" `"+q+"` of type "+("`"+I+"` supplied to `"+C+"`, expected an object."));for(var B in A)if(n(A,B)){var L=m(A,B,C,D,q+"."+B,t);if(L instanceof Error)return L}return null}return E(w)}function le(m){if(!Array.isArray(m))return process.env.NODE_ENV!=="production"&&l("Invalid argument supplied to oneOfType, expected an instance of array."),c;for(var w=0;w<m.length;w++){var b=m[w];if(typeof b!="function")return l("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+P(b)+" at index "+w+"."),c}function O(C,D,q,A,I){for(var B=[],L=0;L<m.length;L++){var ce=m[L],x=ce(C,D,q,A,I,t);if(x==null)return null;x.data&&n(x.data,"expectedType")&&B.push(x.data.expectedType)}var pe=B.length>0?", expected one of type ["+B.join(", ")+"]":"";return new N("Invalid "+A+" `"+I+"` supplied to "+("`"+q+"`"+pe+"."))}return E(O)}function de(){function m(w,b,O,C,D){return H(w[b])?null:new N("Invalid "+C+" `"+D+"` supplied to "+("`"+O+"`, expected a ReactNode."))}return E(m)}function ie(m,w,b,O,C){return new N((m||"React class")+": "+w+" type `"+b+"."+O+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+C+"`.")}function ne(m){function w(b,O,C,D,q){var A=b[O],I=X(A);if(I!=="object")return new N("Invalid "+D+" `"+q+"` of type `"+I+"` "+("supplied to `"+C+"`, expected `object`."));for(var B in m){var L=m[B];if(typeof L!="function")return ie(C,D,q,B,re(L));var ce=L(A,B,C,D,q+"."+B,t);if(ce)return ce}return null}return E(w)}function J(m){function w(b,O,C,D,q){var A=b[O],I=X(A);if(I!=="object")return new N("Invalid "+D+" `"+q+"` of type `"+I+"` "+("supplied to `"+C+"`, expected `object`."));var B=o({},b[O],m);for(var L in B){var ce=m[L];if(n(m,L)&&typeof ce!="function")return ie(C,D,q,L,re(ce));if(!ce)return new N("Invalid "+D+" `"+q+"` key `"+L+"` supplied to `"+C+"`.\nBad object: "+JSON.stringify(b[O],null," ")+`
|
|
49
|
+
Valid keys: `+JSON.stringify(Object.keys(m),null," "));var x=ce(A,L,C,D,q+"."+L,t);if(x)return x}return null}return E(w)}function H(m){switch(typeof m){case"number":case"string":case"undefined":return!0;case"boolean":return!m;case"object":if(Array.isArray(m))return m.every(H);if(m===null||i(m))return!0;var w=h(m);if(w){var b=w.call(m),O;if(w!==m.entries){for(;!(O=b.next()).done;)if(!H(O.value))return!1}else for(;!(O=b.next()).done;){var C=O.value;if(C&&!H(C[1]))return!1}}else return!1;return!0;default:return!1}}function ee(m,w){return m==="symbol"?!0:w?w["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&w instanceof Symbol:!1}function X(m){var w=typeof m;return Array.isArray(m)?"array":m instanceof RegExp?"object":ee(w,m)?"symbol":w}function re(m){if(typeof m>"u"||m===null)return""+m;var w=X(m);if(w==="object"){if(m instanceof Date)return"date";if(m instanceof RegExp)return"regexp"}return w}function P(m){var w=re(m);switch(w){case"array":case"object":return"an "+w;case"boolean":case"date":case"regexp":return"a "+w;default:return w}}function Z(m){return!m.constructor||!m.constructor.name?v:m.constructor.name}return j.checkPropTypes=d,j.resetWarningCache=d.resetWarningCache,j.PropTypes=j,j},Ie}var Le,Ar;function oo(){if(Ar)return Le;Ar=1;var r=qe();function o(){}function t(){}return t.resetWarningCache=o,Le=function(){function n(c,i,u,f,p,h){if(h!==r){var v=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw v.name="Invariant Violation",v}}n.isRequired=n;function d(){return n}var l={array:n,bigint:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:d,element:n,elementType:n,instanceOf:d,node:n,objectOf:d,oneOf:d,oneOfType:d,shape:d,exact:d,checkPropTypes:t,resetWarningCache:o};return l.PropTypes=l,l},Le}if(process.env.NODE_ENV!=="production"){var so=Er(),no=!0;Pe.exports=ao()(so.isElement,no)}else Pe.exports=oo()();var to=Pe.exports;const e=ge(to);var Mr={exports:{}};/*!
|
|
50
50
|
Copyright (c) 2018 Jed Watson.
|
|
51
51
|
Licensed under the MIT License (MIT), see
|
|
52
52
|
http://jedwatson.github.io/classnames
|
|
53
|
-
*/(function(r){(function(){var s={}.hasOwnProperty;function t(){for(var l="",c=0;c<arguments.length;c++){var i=arguments[c];i&&(l=d(l,n(i)))}return l}function n(l){if(typeof l=="string"||typeof l=="number")return l;if(typeof l!="object")return"";if(Array.isArray(l))return t.apply(null,l);if(l.toString!==Object.prototype.toString&&!l.toString.toString().includes("[native code]"))return l.toString();var c="";for(var i in l)s.call(l,i)&&l[i]&&(c=d(c,i));return c}function d(l,c){return c?l?l+" "+c:l+c:l}r.exports?(t.default=t,r.exports=t):window.classNames=t})()})(Mr);var ls=Mr.exports;const Z=ge(ls),Ir=({level:r=1,align:s="left",bold:t=!1,color:n="neutral",children:d,className:l="",style:c={},...i})=>{const u=`h${r}`,f=Z("heading",l,{[`heading--align-${s}`]:s,"heading--bold":t,[`heading--${n}`]:n});return a.jsx(u,{className:f,style:c,...i,children:d})};Ir.propTypes={level:e.oneOf([1,2,3,4,5]),align:e.oneOf(["left","center","right"]),bold:e.bool,color:e.oneOf(["info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),children:e.node.isRequired,className:e.string,style:e.object};const Lr=({text:r,size:s="md",alignment:t="left",weight:n="normal",color:d="default",lineHeight:l="normal",className:c="",style:i={},...u})=>{const f=Z("paragraph",c,{[`paragraph--size-${s}`]:s,[`paragraph--align-${t}`]:t,[`paragraph--weight-${n}`]:n,[`paragraph--color-${d}`]:d,[`paragraph--lineHeight-${l}`]:l});return a.jsx("p",{className:f,style:i,...u,children:r})};Lr.propTypes={text:e.string.isRequired,size:e.oneOf(["xs","sm","md","lg","xl"]),alignment:e.oneOf(["left","center","right","justify"]),weight:e.oneOf(["light","normal","bold"]),color:e.oneOf(["default","muted","primary","secondary","info","warning","alert","success","dark","neutral","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),lineHeight:e.oneOf(["normal","tight","loose"]),className:e.string,style:e.object};const Dr=({text:r,color:s="neutral",background:t=!0,shape:n="rounded",size:d="md",className:l="",style:c={},...i})=>{const u=Z("label",l,{[`label--color-${s}`]:s,"label--background":t&&s!=="secondary",[`label--shape-${n}`]:n,[`label--size-${d}`]:d});return a.jsx("span",{className:u,style:c,...i,children:r})};Dr.propTypes={text:e.string.isRequired,color:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),background:e.bool,shape:e.oneOf(["rounded","square","pill"]),size:e.oneOf(["xs","sm","md","lg","xl"]),className:e.string,style:e.object};const Fr=({text:r,variant:s="image",size:t="normal",color:n,className:d="",style:l={}})=>{const c=Z("caption",{[`caption--${s}`]:s,[`caption--${t}`]:t!=="normal",[`caption--${n}`]:n},d);return a.jsx("span",{className:c,style:l,children:r})};Fr.propTypes={text:e.string.isRequired,variant:e.oneOf(["image","table","form","chart","transcription","description","interactive"]),size:e.oneOf(["small","normal","large"]),color:e.oneOf(["info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),className:e.string,style:e.object};const Vr=({children:r,border:s=!1,size:t="medium",rounded:n=!1,fluid:d=!1,align:l="left",position:c="static",className:i="",style:u={},...f})=>{const p=Z("container",i,{"container--border":s,[`container--${t}`]:t,"container--rounded":n,"container--fluid":d,[`container--align-${l}`]:l,[`container--position-${c}`]:c});return a.jsx("div",{className:p,style:u,...f,children:r})};Vr.propTypes={children:e.node.isRequired,border:e.bool,size:e.oneOf(["small","medium","large"]),rounded:e.bool,fluid:e.bool,align:e.oneOf(["left","center","right"]),position:e.oneOf(["static","relative","absolute","fixed","sticky"]),className:e.string,style:e.object};const zr=({variant:r="primary",color:s,size:t="medium",label:n="",noBorder:d=!1,children:l,className:c="",style:i={},...u})=>{const f=`button--${r}`,p=s?`button--${s}`:"",h=`button--${t}`,w=`button ${f} ${p} ${h} ${d?"button--no-border":""} ${c}`.trim();return a.jsx("button",{type:"button",className:w,style:i,...u,children:l||n})};zr.propTypes={variant:e.oneOf(["primary","secondary"]),color:e.oneOf(["info","warning","alert","success","neutral","dark"]),size:e.oneOf(["small","medium","large"]),label:e.string,noBorder:e.bool,children:e.node,className:e.string,style:e.object};const Br=({text:r,href:s,underline:t=!0,bold:n=!1,newWindow:d=!1,external:l=!1,experimentalPreview:c=!1,className:i="",style:u={},...f})=>{const[p,h]=T.useState(!1),_=()=>{c&&h(!0)},w=()=>{c&&h(!1)},P=Z("link",i,{"link--underline":t,"link--no-underline":!t,"link--bold":n,"link--external":l});return a.jsxs(a.Fragment,{children:[a.jsxs("a",{href:s,className:P,target:d?"_blank":"_self",rel:d?"noopener noreferrer":void 0,onMouseDown:_,onMouseUp:w,onBlur:()=>h(!1),...f,children:[r," ",l&&a.jsx("span",{className:"link__external-icon",children:"🔗"})]}),p&&a.jsx("div",{className:"link__preview",children:a.jsx("iframe",{src:s,title:"Preview",className:"link__preview-iframe"})})]})};Br.propTypes={text:e.string.isRequired,href:e.string.isRequired,underline:e.bool,bold:e.bool,newWindow:e.bool,external:e.bool,experimentalPreview:e.bool,className:e.string,style:e.object};const Wr=({icon:r,background:s=!1,color:t="neutral",shape:n="square",size:d="normal",align:l="left",className:c="",style:i={},...u})=>{const f=Z("icon-container",c,{"icon-container--background":s,[`icon-container--shape-${n}`]:n,[`icon-container--size-${d}`]:d,[`icon-container--align-${l}`]:l,[`icon-container--color-${t}`]:s}),p=Z("icon",{[`icon--color-${t}`]:!s,[`icon--size-${d}`]:d});return s?a.jsx("div",{className:f,style:i,...u,children:a.jsx(r,{className:p})}):a.jsx(r,{className:p,style:i,...u})};Wr.propTypes={icon:e.elementType.isRequired,background:e.bool,color:e.oneOf(["info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),shape:e.oneOf(["rounded","square"]),size:e.oneOf(["small","normal","big"]),align:e.oneOf(["left","center","right"]),className:e.string,style:e.object};const Yr=({label:r,checked:s=!1,onChange:t,variant:n="primary",size:d="normal",color:l="info",rounded:c=!1,disabled:i=!1,className:u="",...f})=>{const p=Z("checkbox",u,{[`checkbox--${n}`]:n,[`checkbox--${d}`]:d!=="normal",[l]:l,"checkbox--rounded":c,"checkbox--disabled":i});return a.jsxs("label",{className:p,children:[a.jsx("input",{type:"checkbox",checked:s,onChange:t,disabled:i,...f}),a.jsx("span",{className:"checkbox__label",children:r})]})};Yr.propTypes={label:e.string.isRequired,checked:e.bool,onChange:e.func,variant:e.oneOf(["primary","secondary"]),size:e.oneOf(["small","normal","large"]),color:e.oneOf(["info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),rounded:e.bool,disabled:e.bool,className:e.string};const Ur=({label:r,checked:s=!1,onChange:t,variant:n="primary",size:d="normal",color:l="info",rounded:c=!1,disabled:i=!1,name:u="",className:f="",...p})=>{const h=Z("radio-button",f,{[`radio-button--${n}`]:n,[`radio-button--${d}`]:d!=="normal",[l]:l,"radio-button--rounded":c,"radio-button--disabled":i});return a.jsxs("label",{className:h,children:[a.jsx("input",{type:"radio",checked:s,onChange:t,disabled:i,name:u,...p}),a.jsx("span",{className:"radio-button__label",children:r})]})};Ur.propTypes={label:e.string.isRequired,checked:e.bool,onChange:e.func,variant:e.oneOf(["primary","secondary"]),size:e.oneOf(["small","normal","large"]),color:e.oneOf(["info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),rounded:e.bool,disabled:e.bool,name:e.string.isRequired,className:e.string};const Hr=({checked:r=!1,onChange:s,disabled:t=!1,size:n="medium",color:d="primary",label:l="",labelPosition:c="right",className:i="",...u})=>{const f=`
|
|
53
|
+
*/(function(r){(function(){var o={}.hasOwnProperty;function t(){for(var l="",c=0;c<arguments.length;c++){var i=arguments[c];i&&(l=d(l,n(i)))}return l}function n(l){if(typeof l=="string"||typeof l=="number")return l;if(typeof l!="object")return"";if(Array.isArray(l))return t.apply(null,l);if(l.toString!==Object.prototype.toString&&!l.toString.toString().includes("[native code]"))return l.toString();var c="";for(var i in l)o.call(l,i)&&l[i]&&(c=d(c,i));return c}function d(l,c){return c?l?l+" "+c:l+c:l}r.exports?(t.default=t,r.exports=t):window.classNames=t})()})(Mr);var lo=Mr.exports;const Q=ge(lo),Ir=({level:r=1,align:o="left",bold:t=!1,color:n="neutral",children:d,className:l="",style:c={},...i})=>{const u=`h${r}`,f=Q("heading",l,{[`heading--align-${o}`]:o,"heading--bold":t,[`heading--${n}`]:n});return a.jsx(u,{className:f,style:c,...i,children:d})};Ir.propTypes={level:e.oneOf([1,2,3,4,5]),align:e.oneOf(["left","center","right"]),bold:e.bool,color:e.oneOf(["info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),children:e.node.isRequired,className:e.string,style:e.object};const Lr=({text:r,size:o="md",alignment:t="left",weight:n="normal",color:d="default",lineHeight:l="normal",className:c="",style:i={},...u})=>{const f=Q("paragraph",c,{[`paragraph--size-${o}`]:o,[`paragraph--align-${t}`]:t,[`paragraph--weight-${n}`]:n,[`paragraph--color-${d}`]:d,[`paragraph--lineHeight-${l}`]:l});return a.jsx("p",{className:f,style:i,...u,children:r})};Lr.propTypes={text:e.string.isRequired,size:e.oneOf(["xs","sm","md","lg","xl"]),alignment:e.oneOf(["left","center","right","justify"]),weight:e.oneOf(["light","normal","bold"]),color:e.oneOf(["default","muted","primary","secondary","info","warning","alert","success","dark","neutral","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),lineHeight:e.oneOf(["normal","tight","loose"]),className:e.string,style:e.object};const Dr=({text:r,color:o="neutral",background:t=!0,shape:n="rounded",size:d="md",className:l="",style:c={},...i})=>{const u=Q("label",l,{[`label--color-${o}`]:o,"label--background":t&&o!=="secondary",[`label--shape-${n}`]:n,[`label--size-${d}`]:d});return a.jsx("span",{className:u,style:c,...i,children:r})};Dr.propTypes={text:e.string.isRequired,color:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),background:e.bool,shape:e.oneOf(["rounded","square","pill"]),size:e.oneOf(["xs","sm","md","lg","xl"]),className:e.string,style:e.object};const Fr=({text:r,variant:o="image",size:t="normal",color:n,className:d="",style:l={}})=>{const c=Q("caption",{[`caption--${o}`]:o,[`caption--${t}`]:t!=="normal",[`caption--${n}`]:n},d);return a.jsx("span",{className:c,style:l,children:r})};Fr.propTypes={text:e.string.isRequired,variant:e.oneOf(["image","table","form","chart","transcription","description","interactive"]),size:e.oneOf(["small","normal","large"]),color:e.oneOf(["info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),className:e.string,style:e.object};const zr=({size:r="small",border:o="on",align:t="center",fluid:n=!1,padding:d="md",marginTop:l="md",marginBottom:c="md",marginLeft:i="md",marginRight:u="md",position:f="relative",rounded:p=!0,borderColor:h,backgroundColor:v,children:j})=>{const S=["container",`container--size-${r}`,`container--align-${t}`,`container--position-${f}`,`container--padding-${d}`,`container--mt-${l}`,`container--mb-${c}`,`container--ml-${i}`,`container--mr-${u}`,o==="on"?"container--border":"",n?"container--fluid":"",p?"container--rounded":"",v?`container--bg-${v}`:"",h?`container--border-${h}`:""].join(" ");return a.jsx("div",{className:S,children:j})};zr.propTypes={size:e.oneOf(["small","medium","large"]),border:e.oneOf(["on","off"]),align:e.oneOf(["left","center","right"]),fluid:e.bool,padding:e.oneOf(["sm","md","lg"]),marginTop:e.oneOf(["sm","md","lg"]),marginBottom:e.oneOf(["sm","md","lg"]),marginLeft:e.oneOf(["sm","md","lg"]),marginRight:e.oneOf(["sm","md","lg"]),position:e.oneOf(["relative","static","fixed","absolute","sticky"]),rounded:e.bool,borderColor:e.oneOf(["none","primary","secondary","link","focus","info","warning","alert","success","neutral","dark","classy-1","classy-2","classy-3","classy-4","classy-5","small-switch-1","small-switch-2","natural-1","natural-2","natural-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),backgroundColor:e.oneOf(["none","primary","secondary","link","focus","info","warning","alert","success","neutral","dark","classy-1","classy-2","classy-3","classy-4","classy-5","small-switch-1","small-switch-2","natural-1","natural-2","natural-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),children:e.node};const Vr=({variant:r="solid",color:o="primary-color",size:t="medium",label:n="",noBorder:d=!1,children:l,className:c="",style:i={},...u})=>{const f=`button--${r}`,p=`button--${o}`,h=`button--${t}`,j=`button ${f} ${p} ${h} ${d?"button--no-border":""} ${c}`.trim();return a.jsx("button",{type:"button",className:j,style:i,...u,children:l||n})};Vr.propTypes={variant:e.oneOf(["solid","outline"]),color:e.oneOf(["primary-color","secondary-color","info-color","warning-color","alert-color","success-color","neutral-color","dark-color","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),size:e.oneOf(["small","medium","large"]),label:e.string,noBorder:e.bool,children:e.node,className:e.string,style:e.object};const Br=({text:r,href:o,underline:t=!0,bold:n=!1,newWindow:d=!1,external:l=!1,experimentalPreview:c=!1,className:i="",style:u={},...f})=>{const[p,h]=T.useState(!1),v=()=>{c&&h(!0)},j=()=>{c&&h(!1)},S={textDecoration:t?"underline":"none",fontWeight:n?"bold":"normal",...u};return a.jsxs(a.Fragment,{children:[a.jsxs("a",{href:o,className:`link ${i}`,style:S,target:d?"_blank":"_self",rel:d?"noopener noreferrer":void 0,onMouseDown:v,onMouseUp:j,onBlur:()=>h(!1),...f,children:[r," ",l&&a.jsx("span",{className:"link__external-icon",children:"🔗"})]}),p&&a.jsx("div",{className:"link__preview",children:a.jsx("iframe",{src:o,title:"Preview",className:"link__preview-iframe"})})]})};Br.propTypes={text:e.string.isRequired,href:e.string.isRequired,underline:e.bool,bold:e.bool,newWindow:e.bool,external:e.bool,experimentalPreview:e.bool,className:e.string,style:e.object};const Wr=({icon:r,background:o=!1,color:t="neutral",shape:n="square",size:d="normal",align:l="left",className:c="",style:i={},...u})=>{const f=Q("icon-container",c,{"icon-container--background":o,[`icon-container--shape-${n}`]:n,[`icon-container--size-${d}`]:d,[`icon-container--align-${l}`]:l,[`icon-container--color-${t}`]:o}),p=Q("icon",{[`icon--color-${t}`]:!o,[`icon--size-${d}`]:d});return o?a.jsx("div",{className:f,style:i,...u,children:a.jsx(r,{className:p})}):a.jsx(r,{className:p,style:i,...u})};Wr.propTypes={icon:e.elementType.isRequired,background:e.bool,color:e.oneOf(["info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),shape:e.oneOf(["rounded","square"]),size:e.oneOf(["small","normal","big"]),align:e.oneOf(["left","center","right"]),className:e.string,style:e.object};const Yr=({label:r,checked:o=!1,onChange:t,variant:n="primary",size:d="normal",color:l="info",rounded:c=!1,disabled:i=!1,className:u="",...f})=>{const p=Q("checkbox",u,{[`checkbox--${n}`]:n,[`checkbox--${d}`]:d!=="normal",[l]:l,"checkbox--rounded":c,"checkbox--disabled":i});return a.jsxs("label",{className:p,children:[a.jsx("input",{type:"checkbox",checked:o,onChange:t,disabled:i,...f}),a.jsx("span",{className:"checkbox__label",children:r})]})};Yr.propTypes={label:e.string.isRequired,checked:e.bool,onChange:e.func,variant:e.oneOf(["primary","secondary"]),size:e.oneOf(["small","normal","large"]),color:e.oneOf(["info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),rounded:e.bool,disabled:e.bool,className:e.string};const Ur=({label:r,checked:o=!1,onChange:t,variant:n="primary",size:d="normal",color:l="info",rounded:c=!1,disabled:i=!1,name:u="",className:f="",...p})=>{const h=Q("radio-button",f,{[`radio-button--${n}`]:n,[`radio-button--${d}`]:d!=="normal",[l]:l,"radio-button--rounded":c,"radio-button--disabled":i});return a.jsxs("label",{className:h,children:[a.jsx("input",{type:"radio",checked:o,onChange:t,disabled:i,name:u,...p}),a.jsx("span",{className:"radio-button__label",children:r})]})};Ur.propTypes={label:e.string.isRequired,checked:e.bool,onChange:e.func,variant:e.oneOf(["primary","secondary"]),size:e.oneOf(["small","normal","large"]),color:e.oneOf(["info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),rounded:e.bool,disabled:e.bool,name:e.string.isRequired,className:e.string};const Hr=({checked:r=!1,onChange:o,disabled:t=!1,size:n="medium",color:d="primary",label:l="",labelPosition:c="right",className:i="",...u})=>{const f=`
|
|
54
54
|
toggle
|
|
55
55
|
toggle--${n}
|
|
56
56
|
toggle--${d}
|
|
57
57
|
${r?"toggle--checked":""}
|
|
58
58
|
${t?"toggle--disabled":""}
|
|
59
59
|
${i}
|
|
60
|
-
`.trim(),p=()=>{!t&&s&&s(!r)};return a.jsxs("label",{className:`toggle__label toggle__label--${c}`,children:[l&&c==="left"&&a.jsx("span",{children:l}),a.jsx("div",{className:f,onClick:p,...u,children:a.jsx("div",{className:"toggle__switch",children:a.jsx("div",{className:"toggle__knob"})})}),l&&c!=="left"&&a.jsx("span",{children:l})]})};Hr.propTypes={checked:e.bool,onChange:e.func.isRequired,disabled:e.bool,size:e.oneOf(["small","medium","large"]),color:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),label:e.string,labelPosition:e.oneOf(["left","right","top","bottom"]),className:e.string};const Gr=({value:r,defaultValue:s,onChange:t,placeholder:n="Enter text here...",type:d="text",size:l="medium",color:c="primary",fontFamily:i,fontSize:u,backgroundColor:f,borderColor:p,borderRadius:h,disabled:_=!1,readOnly:w=!1,required:P=!1,autoFocus:N=!1,maxLength:E,minLength:R,pattern:$,isValid:M,error:V,helperText:g,errorMessage:K,clearable:te=!1,onClear:se,loading:le=!1,ariaLabel:de,ariaDescribedBy:ie,tabIndex:ne,spellCheck:J=!0,autoComplete:H="on",inputMode:ee,step:X,className:re="",style:S={},...Q})=>{const m=["text-input",`text-input--${l}`,`text-input--${c}`,V?"text-input--error":"",le?"text-input--loading":"",re].join(" ").trim();return a.jsxs("div",{className:m,style:{backgroundColor:f,borderColor:p,borderRadius:h,fontFamily:i,fontSize:u,...S},children:[a.jsx("input",{type:d,value:r,defaultValue:s,onChange:t,placeholder:n,disabled:_,readOnly:w,required:P,maxLength:E,minLength:R,pattern:$,"aria-label":de,"aria-describedby":ie,tabIndex:ne,spellCheck:J,autoComplete:H,inputMode:ee,step:X,className:"text-input__input",autoFocus:N,...Q}),te&&r&&a.jsx("button",{className:"text-input__clear-button",onClick:se,"aria-label":"Clear input",children:"×"}),le&&a.jsx("div",{className:"text-input__spinner"}),g&&a.jsx("div",{className:"text-input__helper-text",children:g}),V&&K&&a.jsx("div",{className:"text-input__error-message",children:K})]})};Gr.propTypes={value:e.string,defaultValue:e.string,onChange:e.func.isRequired,placeholder:e.string,type:e.string,size:e.oneOf(["small","medium","large"]),color:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),fontFamily:e.string,fontSize:e.string,backgroundColor:e.string,borderColor:e.string,borderRadius:e.string,disabled:e.bool,readOnly:e.bool,required:e.bool,autoFocus:e.bool,maxLength:e.number,minLength:e.number,pattern:e.string,isValid:e.bool,error:e.bool,helperText:e.string,errorMessage:e.string,clearable:e.bool,onClear:e.func,loading:e.bool,ariaLabel:e.string,ariaDescribedBy:e.string,tabIndex:e.number,spellCheck:e.bool,autoComplete:e.string,inputMode:e.string,step:e.number,className:e.string,style:e.object};const Jr=({value:r,defaultValue:s,placeholder:t="Enter text here...",rows:n=4,cols:d=50,resize:l="vertical",bold:c=!1,italic:i=!1,underline:u=!1,fontSize:f="16px",color:p="primary",backgroundColor:h="transparent",collapsible:_=!1,collapseAt:w=100,maxLength:P,disabled:N=!1,readOnly:E=!1,required:R=!1,onChange:$,onBlur:M,onFocus:V,autoResize:g=!1,error:K=!1,errorMessage:te="",helperText:se="",className:le="",style:de={},...ie})=>{const[ne,J]=T.useState(_&&(r==null?void 0:r.length)>w),H=re=>{_&&re.target.value.length>w&&J(!1),$&&$(re)},ee=Z("textarea",le,{[`textarea--${p}`]:p,"textarea--bold":c,"textarea--italic":i,"textarea--underline":u,"textarea--disabled":N,"textarea--error":K,"textarea--collapsible":_&&ne}),X={...de,fontSize:f,backgroundColor:h,resize:l,display:ne?"none":"block"};return a.jsxs("div",{className:"textarea-wrapper",children:[a.jsx("textarea",{value:r,defaultValue:s,placeholder:t,rows:n,cols:d,maxLength:P,readOnly:E,disabled:N,required:R,className:ee,style:X,onChange:H,onBlur:M,onFocus:V,...ie}),K&&te&&a.jsx("div",{className:"textarea-error",children:te}),se&&a.jsx("div",{className:"textarea-helper",children:se}),ne&&a.jsx("button",{onClick:()=>J(!1),children:"Expand"})]})};Jr.propTypes={value:e.string,defaultValue:e.string,placeholder:e.string,rows:e.number,cols:e.number,resize:e.oneOf(["none","vertical","horizontal","both"]),bold:e.bool,italic:e.bool,underline:e.bool,fontSize:e.string,color:e.oneOf(["primary","info","warning","alert","success","neutral","dark"]),backgroundColor:e.string,collapsible:e.bool,collapseAt:e.number,maxLength:e.number,disabled:e.bool,readOnly:e.bool,required:e.bool,onChange:e.func,onBlur:e.func,onFocus:e.func,autoResize:e.bool,error:e.bool,errorMessage:e.string,helperText:e.string,className:e.string,style:e.object};const Kr=({options:r,value:s,onChange:t,disabled:n=!1,label:d="",placeholder:l="Select an option",color:c="primary",className:i="",...u})=>{const f=Z("select",i,{[`select--${c}`]:c,"select--disabled":n});return a.jsxs("div",{className:f,children:[d&&a.jsx("label",{className:"select__label",children:d}),a.jsxs("select",{value:s,onChange:t,disabled:n,className:"select__input",...u,children:[a.jsx("option",{value:"",disabled:!0,children:l}),r.map((p,h)=>a.jsx("option",{value:p.value,children:p.label},h))]})]})};Kr.propTypes={options:e.arrayOf(e.shape({label:e.string.isRequired,value:e.string.isRequired})).isRequired,value:e.string,onChange:e.func.isRequired,disabled:e.bool,label:e.string,placeholder:e.string,color:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),className:e.string};const Xr=({min:r=0,max:s=100,step:t=1,value:n=[20,80],onChange:d,color:l="primary",thumbColor:c="primary",showValue:i=!0,label:u="",dual:f=!1,disabled:p=!1,className:h="",..._})=>{const[w,P]=T.useState(n);T.useEffect(()=>{P(n)},[n]);const N=(M,V)=>{const g=[...w];g[V]=Number(M.target.value),!(f&&g[0]>g[1])&&(P(g),d&&d(g))},E=(w[0]-r)/(s-r)*100,R=f?(w[1]-r)/(s-r)*100:E,$=Z("slider",h,{[`slider--${l}`]:l,"slider--disabled":p});return a.jsxs("div",{className:$,children:[u&&a.jsx("label",{className:"slider__label",children:u}),a.jsxs("div",{className:"slider__wrapper",children:[a.jsx("div",{className:"slider__track"}),a.jsx("div",{className:"slider__filled",style:{left:`${E}%`,right:`${100-R}%`,background:`var(--${l}-color)`}}),a.jsx("input",{type:"range",min:r,max:s,step:t,value:w[0],onChange:M=>N(M,0),disabled:p,className:"slider__thumb",style:{left:`${E}%`,"--thumb-color":`var(--${c}-color)`},..._}),f&&a.jsx("input",{type:"range",min:r,max:s,step:t,value:w[1],onChange:M=>N(M,1),disabled:p,className:"slider__thumb",style:{left:`${R}%`,"--thumb-color":`var(--${c}-color)`},..._})]}),i&&a.jsx("div",{className:"slider__values",children:f?a.jsxs(a.Fragment,{children:[a.jsx("span",{children:w[0]})," - ",a.jsx("span",{children:w[1]})]}):a.jsx("span",{children:w[0]})})]})};Xr.propTypes={min:e.number,max:e.number,step:e.number,value:e.oneOfType([e.number,e.arrayOf(e.number)]),onChange:e.func,color:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),thumbColor:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),showValue:e.bool,label:e.string,dual:e.bool,disabled:e.bool,className:e.string};const Zr=({min:r=0,max:s=100,step:t=1,value:n=50,onChange:d,color:l="primary",thumbColor:c="primary",showValue:i=!0,label:u="",disabled:f=!1,className:p="",...h})=>{const _=Z("range",p,{[`range--${l}`]:l,"range--disabled":f}),w=(n-r)/(s-r)*100;return a.jsxs("div",{className:_,children:[u&&a.jsx("label",{className:"range__label",children:u}),a.jsx("div",{className:"range__wrapper",children:a.jsx("input",{type:"range",min:r,max:s,step:t,value:n,onChange:d,disabled:f,className:"range__input",...h,style:{background:`linear-gradient(to right, var(--${l}-color) ${w}%, var(--neutral-color) ${w}%)`,"--thumb-color":`var(--${c}-color)`}})}),i&&a.jsx("span",{className:"range__value",children:n})]})};Zr.propTypes={min:e.number,max:e.number,step:e.number,value:e.number,onChange:e.func.isRequired,color:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),thumbColor:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),showValue:e.bool,label:e.string,disabled:e.bool,className:e.string};const Qr=({src:r,alt:s,width:t,height:n,loading:d="lazy",title:l,caption:c,variant:i="thumbnail",aspectRatio:u,crop:f="center",fallbackSrc:p="/fallback.jpg",srcSet:h,sizes:_,lazyLoad:w=!0,onClickExpand:P,hoverIcons:N=[],hoverCaption:E,hoverIconPosition:R="center",size:$="md",className:M="",style:V={},...g})=>{const[K,te]=T.useState(!1),[se,le]=T.useState(!1),[de,ie]=T.useState(!1),ne=()=>{te(!0)},J=()=>{le(!0)},H=()=>{i!=="expanded"&&i!=="flat"&&ie(!0),P&&P()},ee=()=>{ie(!1)},X=Z("image",M,{[`image--${i}`]:i,[`image--${u}`]:u,[`image--${f}`]:f,[`image--size-${$}`]:$,"image--loaded":K,"image--error":se}),re=i!=="flat"&&(N.length>0||E);return a.jsxs(a.Fragment,{children:[a.jsxs("figure",{className:"image-figure",style:V,...g,children:[!K&&!se&&a.jsx("div",{className:"image__placeholder",children:"Loading..."}),a.jsx("img",{src:se?p:r,alt:s,width:t,height:n,loading:w?d:"eager",title:l,className:X,srcSet:h,sizes:_,onLoad:ne,onError:J,onClick:i!=="flat"?H:void 0,role:i==="expanded"?"img":"button",tabIndex:i!=="flat"?"0":void 0,onKeyPress:S=>{(S.key==="Enter"||S.key===" ")&&i!=="flat"&&H()}}),c&&a.jsx("figcaption",{className:"image__caption",children:c}),re&&a.jsxs("div",{className:"image__overlay",children:[E&&a.jsx("div",{className:"image__overlay-caption",children:E}),N.length>0&&a.jsx("div",{className:Z("image__overlay-icons",{"image__overlay-icons--center":R==="center","image__overlay-icons--top-right":R==="top-right"}),children:N.map((S,Q)=>a.jsx(S,{className:"image__overlay-icon"},Q))})]})]}),de&&a.jsx("div",{className:"image__modal",onClick:ee,role:"dialog","aria-modal":"true",children:a.jsxs("div",{className:"image__modal-content",onClick:S=>S.stopPropagation(),children:[a.jsx("button",{className:"image__modal-close",onClick:ee,"aria-label":"Close",children:"×"}),a.jsx("img",{src:r,alt:s,className:"image__modal-img"}),c&&a.jsx("div",{className:"image__modal-caption",children:c})]})})]})};Qr.propTypes={src:e.string.isRequired,alt:e.string.isRequired,width:e.oneOfType([e.string,e.number]),height:e.oneOfType([e.string,e.number]),loading:e.oneOf(["lazy","eager"]),title:e.string,caption:e.string,variant:e.oneOf(["thumbnail","avatar","expanded","flat"]),aspectRatio:e.oneOf(["16by9","4by3","1by1"]),crop:e.oneOf(["center","top","left"]),fallbackSrc:e.string,srcSet:e.string,sizes:e.string,lazyLoad:e.bool,onClickExpand:e.func,hoverIcons:e.arrayOf(e.elementType),hoverCaption:e.string,hoverIconPosition:e.oneOf(["center","top-right"]),size:e.oneOf(["xs","sm","md","lg","xl"]),className:e.string,style:e.object};const ea=({src:r,poster:s,autoplay:t=!1,loop:n=!1,muted:d=!1,controls:l=!0,width:c="100%",height:i="auto",onPlay:u,onPause:f,onEnd:p,showControlsOnHover:h=!0})=>{const _=T.useRef(null),[w,P]=T.useState(!1),[N,E]=T.useState(!1),R=()=>{w?_.current.pause():_.current.play(),P(!w)},$=()=>E(!0),M=()=>E(!1);return a.jsxs("div",{className:`video-container ${h&&N?"show-controls":""}`,onMouseEnter:$,onMouseLeave:M,style:{width:c,height:i},children:[a.jsx("video",{ref:_,src:r,poster:s,autoPlay:t,loop:n,muted:d,controls:l,onPlay:u,onPause:f,onEnded:p,style:{width:"100%",height:"100%"}}),a.jsx("div",{className:"video-controls",children:a.jsx("button",{onClick:R,children:w?"Pause":"Play"})})]})};ea.propTypes={src:e.string.isRequired,poster:e.string,autoplay:e.bool,loop:e.bool,muted:e.bool,controls:e.bool,width:e.string,height:e.string,onPlay:e.func,onPause:e.func,onEnd:e.func,showControlsOnHover:e.bool};var ra={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},aa=T.createContext&&T.createContext(ra),is=["attr","size","title"];function cs(r,s){if(r==null)return{};var t=ds(r,s),n,d;if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(r);for(d=0;d<l.length;d++)n=l[d],!(s.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(r,n)&&(t[n]=r[n])}return t}function ds(r,s){if(r==null)return{};var t={};for(var n in r)if(Object.prototype.hasOwnProperty.call(r,n)){if(s.indexOf(n)>=0)continue;t[n]=r[n]}return t}function Ne(){return Ne=Object.assign?Object.assign.bind():function(r){for(var s=1;s<arguments.length;s++){var t=arguments[s];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},Ne.apply(this,arguments)}function sa(r,s){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);s&&(n=n.filter(function(d){return Object.getOwnPropertyDescriptor(r,d).enumerable})),t.push.apply(t,n)}return t}function Ee(r){for(var s=1;s<arguments.length;s++){var t=arguments[s]!=null?arguments[s]:{};s%2?sa(Object(t),!0).forEach(function(n){us(r,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):sa(Object(t)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(t,n))})}return r}function us(r,s,t){return s=fs(s),s in r?Object.defineProperty(r,s,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[s]=t,r}function fs(r){var s=ps(r,"string");return typeof s=="symbol"?s:s+""}function ps(r,s){if(typeof r!="object"||!r)return r;var t=r[Symbol.toPrimitive];if(t!==void 0){var n=t.call(r,s||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(s==="string"?String:Number)(r)}function oa(r){return r&&r.map((s,t)=>T.createElement(s.tag,Ee({key:t},s.attr),oa(s.child)))}function ve(r){return s=>T.createElement(ms,Ne({attr:Ee({},r.attr)},s),oa(r.child))}function ms(r){var s=t=>{var{attr:n,size:d,title:l}=r,c=cs(r,is),i=d||t.size||"1em",u;return t.className&&(u=t.className),r.className&&(u=(u?u+" ":"")+r.className),T.createElement("svg",Ne({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,n,c,{className:u,style:Ee(Ee({color:r.color||t.color},t.style),r.style),height:i,width:i,xmlns:"http://www.w3.org/2000/svg"}),l&&T.createElement("title",null,l),r.children)};return aa!==void 0?T.createElement(aa.Consumer,null,t=>s(t)):s(ra)}function na(r){return ve({tag:"svg",attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M144 479H48c-26.5 0-48-21.5-48-48V79c0-26.5 21.5-48 48-48h96c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zm304-48V79c0-26.5-21.5-48-48-48h-96c-26.5 0-48 21.5-48 48v352c0 26.5 21.5 48 48 48h96c26.5 0 48-21.5 48-48z"},child:[]}]})(r)}function ta(r){return ve({tag:"svg",attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z"},child:[]}]})(r)}function hs(r){return ve({tag:"svg",attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M64 468V44c0-6.6 5.4-12 12-12h48c6.6 0 12 5.4 12 12v176.4l195.5-181C352.1 22.3 384 36.6 384 64v384c0 27.4-31.9 41.7-52.5 24.6L136 292.7V468c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12z"},child:[]}]})(r)}function ys(r){return ve({tag:"svg",attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M384 44v424c0 6.6-5.4 12-12 12h-48c-6.6 0-12-5.4-12-12V291.6l-195.5 181C95.9 489.7 64 475.4 64 448V64c0-27.4 31.9-41.7 52.5-24.6L312 219.3V44c0-6.6 5.4-12 12-12h48c6.6 0 12 5.4 12 12z"},child:[]}]})(r)}function la(r){return ve({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M215.03 71.05L126.06 160H24c-13.26 0-24 10.74-24 24v144c0 13.25 10.74 24 24 24h102.06l88.97 88.95c15.03 15.03 40.97 4.47 40.97-16.97V88.02c0-21.46-25.96-31.98-40.97-16.97zM461.64 256l45.64-45.64c6.3-6.3 6.3-16.52 0-22.82l-22.82-22.82c-6.3-6.3-16.52-6.3-22.82 0L416 210.36l-45.64-45.64c-6.3-6.3-16.52-6.3-22.82 0l-22.82 22.82c-6.3 6.3-6.3 16.52 0 22.82L370.36 256l-45.63 45.63c-6.3 6.3-6.3 16.52 0 22.82l22.82 22.82c6.3 6.3 16.52 6.3 22.82 0L416 301.64l45.64 45.64c6.3 6.3 16.52 6.3 22.82 0l22.82-22.82c6.3-6.3 6.3-16.52 0-22.82L461.64 256z"},child:[]}]})(r)}function ia(r){return ve({tag:"svg",attr:{viewBox:"0 0 576 512"},child:[{tag:"path",attr:{d:"M215.03 71.05L126.06 160H24c-13.26 0-24 10.74-24 24v144c0 13.25 10.74 24 24 24h102.06l88.97 88.95c15.03 15.03 40.97 4.47 40.97-16.97V88.02c0-21.46-25.96-31.98-40.97-16.97zm233.32-51.08c-11.17-7.33-26.18-4.24-33.51 6.95-7.34 11.17-4.22 26.18 6.95 33.51 66.27 43.49 105.82 116.6 105.82 195.58 0 78.98-39.55 152.09-105.82 195.58-11.17 7.32-14.29 22.34-6.95 33.5 7.04 10.71 21.93 14.56 33.51 6.95C528.27 439.58 576 351.33 576 256S528.27 72.43 448.35 19.97zM480 256c0-63.53-32.06-121.94-85.77-156.24-11.19-7.14-26.03-3.82-33.12 7.46s-3.78 26.21 7.41 33.36C408.27 165.97 432 209.11 432 256s-23.73 90.03-63.48 115.42c-11.19 7.14-14.5 22.07-7.41 33.36 6.51 10.36 21.12 15.14 33.12 7.46C447.94 377.94 480 319.54 480 256zm-141.77-76.87c-11.58-6.33-26.19-2.16-32.61 9.45-6.39 11.61-2.16 26.2 9.45 32.61C327.98 228.28 336 241.63 336 256c0 14.38-8.02 27.72-20.92 34.81-11.61 6.41-15.84 21-9.45 32.61 6.43 11.66 21.05 15.8 32.61 9.45 28.23-15.55 45.77-45 45.77-76.88s-17.54-61.32-45.78-76.86z"},child:[]}]})(r)}const ca=({src:r,autoPlay:s=!1,loop:t=!1,muted:n=!1,size:d="medium",color:l="classy-color-1",className:c="",style:i={},...u})=>{const f=T.useRef(null),[p,h]=T.useState(s),[_,w]=T.useState(n),[P,N]=T.useState(n?0:1),[E,R]=T.useState(0),[$,M]=T.useState(0),[V,g]=T.useState(!1);T.useEffect(()=>{const S=f.current;S&&(S.volume=P,S.muted=_,s&&S.play().catch(()=>h(!1)))},[P,_,s]);const K=()=>{const S=f.current;S&&(p?S.pause():S.play().catch(()=>h(!1)),h(!p))},te=()=>{const S=f.current;S&&R(S.currentTime)},se=()=>{const S=f.current;S&&M(S.duration)},le=S=>{const Q=parseFloat(S.target.value);N(Q),w(Q===0)},de=()=>{w(!_),N(_?1:0)},ie=S=>{const Q=parseFloat(S.target.value),m=f.current;m&&(m.currentTime=Q,R(Q))},ne=S=>{if(isNaN(S))return"00:00";const Q=Math.floor(S/60),m=Math.floor(S%60),j=m<10?`0${m}`:m;return`${Q}:${j}`},J=S=>{de(),g(Q=>!Q),S.stopPropagation()},H=S=>{S.target.closest(".audio__volume-container")||g(!1)};T.useEffect(()=>(V?document.addEventListener("click",H):document.removeEventListener("click",H),()=>{document.removeEventListener("click",H)}),[V]);const ee=`audio--${d}`,X=`audio--${l}`,re=`audio ${ee} ${X} ${c}`.trim();return a.jsxs("div",{className:re,style:i,...u,children:[a.jsx("audio",{ref:f,src:r,loop:t,onTimeUpdate:te,onLoadedMetadata:se,onEnded:()=>h(!1),children:"Your browser does not support the audio element."}),a.jsx("button",{className:"audio__play-pause",onClick:K,"aria-label":p?"Pause":"Play",children:p?a.jsx(na,{}):a.jsx(ta,{})}),a.jsxs("div",{className:"audio__seek",children:[a.jsx("input",{type:"range",className:"audio__seek-slider",min:"0",max:$,step:"0.1",value:E,onChange:ie,"aria-label":"Seek Slider"}),a.jsxs("div",{className:"audio__time",children:[a.jsx("span",{children:ne(E)})," / ",a.jsx("span",{children:ne($)})]})]}),a.jsxs("div",{className:"audio__volume-container",children:[a.jsx("button",{className:"audio__mute",onClick:J,"aria-label":_?"Unmute":"Mute",children:_?a.jsx(la,{}):a.jsx(ia,{})}),a.jsx("input",{type:"range",className:`audio__volume-slider ${V?"visible":""}`,min:"0",max:"1",step:"0.01",value:_?0:P,onChange:le,"aria-label":"Volume Slider"})]})]})};ca.propTypes={src:e.string.isRequired,autoPlay:e.bool,loop:e.bool,muted:e.bool,size:e.oneOf(["small","medium"]),color:e.oneOf(["classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),className:e.string,style:e.object};const da=({thickness:r="normal",width:s="medium",align:t="center",color:n="neutral",className:d="",style:l={},...c})=>{const i=Z("divider",d,{[`divider--${r}`]:r,[`divider--${s}`]:s,[`divider--align-${t}`]:t,[n]:n});return a.jsx("hr",{className:i,style:l,...c})};da.propTypes={thickness:e.oneOf(["thin","normal","bold"]),width:e.oneOf(["small","medium","large"]),align:e.oneOf(["left","center","right"]),color:e.oneOf(["info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),className:e.string,style:e.object};const ua=({size:r="md",direction:s="vertical",className:t="",responsive:n=!0})=>{const d=Z("spacer",`spacer--${r}`,`spacer--${s}`,{"spacer--responsive":n},t);return a.jsx("div",{className:d,"aria-hidden":"true"})};ua.propTypes={size:e.oneOf(["xs","sm","md","lg","xl"]),direction:e.oneOf(["vertical","horizontal"]),className:e.string,responsive:e.bool};const fa=({content:r,position:s="top",variant:t="primary",color:n="primary",showArrow:d=!0,children:l,...c})=>{const i=`
|
|
60
|
+
`.trim(),p=()=>{!t&&o&&o(!r)};return a.jsxs("label",{className:`toggle__label toggle__label--${c}`,children:[l&&c==="left"&&a.jsx("span",{children:l}),a.jsx("div",{className:f,onClick:p,...u,children:a.jsx("div",{className:"toggle__switch",children:a.jsx("div",{className:"toggle__knob"})})}),l&&c!=="left"&&a.jsx("span",{children:l})]})};Hr.propTypes={checked:e.bool,onChange:e.func.isRequired,disabled:e.bool,size:e.oneOf(["small","medium","large"]),color:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),label:e.string,labelPosition:e.oneOf(["left","right","top","bottom"]),className:e.string};const Gr=({value:r,defaultValue:o,onChange:t,placeholder:n="Enter text here...",type:d="text",size:l="medium",color:c="primary",fontFamily:i,fontSize:u,backgroundColor:f,borderColor:p,borderRadius:h,disabled:v=!1,readOnly:j=!1,required:S=!1,autoFocus:N=!1,maxLength:E,minLength:R,pattern:$,isValid:M,error:z,helperText:g,errorMessage:K,clearable:te=!1,onClear:oe,loading:le=!1,ariaLabel:de,ariaDescribedBy:ie,tabIndex:ne,spellCheck:J=!0,autoComplete:H="on",inputMode:ee,step:X,className:re="",style:P={},...Z})=>{const m=["text-input",`text-input--${l}`,`text-input--${c}`,z?"text-input--error":"",le?"text-input--loading":"",re].join(" ").trim();return a.jsxs("div",{className:m,style:{backgroundColor:f,borderColor:p,borderRadius:h,fontFamily:i,fontSize:u,...P},children:[a.jsx("input",{type:d,value:r,defaultValue:o,onChange:t,placeholder:n,disabled:v,readOnly:j,required:S,maxLength:E,minLength:R,pattern:$,"aria-label":de,"aria-describedby":ie,tabIndex:ne,spellCheck:J,autoComplete:H,inputMode:ee,step:X,className:"text-input__input",autoFocus:N,...Z}),te&&r&&a.jsx("button",{className:"text-input__clear-button",onClick:oe,"aria-label":"Clear input",children:"×"}),le&&a.jsx("div",{className:"text-input__spinner"}),g&&a.jsx("div",{className:"text-input__helper-text",children:g}),z&&K&&a.jsx("div",{className:"text-input__error-message",children:K})]})};Gr.propTypes={value:e.string,defaultValue:e.string,onChange:e.func.isRequired,placeholder:e.string,type:e.string,size:e.oneOf(["small","medium","large"]),color:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),fontFamily:e.string,fontSize:e.string,backgroundColor:e.string,borderColor:e.string,borderRadius:e.string,disabled:e.bool,readOnly:e.bool,required:e.bool,autoFocus:e.bool,maxLength:e.number,minLength:e.number,pattern:e.string,isValid:e.bool,error:e.bool,helperText:e.string,errorMessage:e.string,clearable:e.bool,onClear:e.func,loading:e.bool,ariaLabel:e.string,ariaDescribedBy:e.string,tabIndex:e.number,spellCheck:e.bool,autoComplete:e.string,inputMode:e.string,step:e.number,className:e.string,style:e.object};const Jr=({value:r,defaultValue:o,placeholder:t="Enter text here...",rows:n=4,cols:d=50,resize:l="vertical",bold:c=!1,italic:i=!1,underline:u=!1,fontSize:f="16px",color:p="primary",backgroundColor:h="transparent",collapsible:v=!1,collapseAt:j=100,maxLength:S,disabled:N=!1,readOnly:E=!1,required:R=!1,onChange:$,onBlur:M,onFocus:z,autoResize:g=!1,error:K=!1,errorMessage:te="",helperText:oe="",className:le="",style:de={},...ie})=>{const[ne,J]=T.useState(v&&(r==null?void 0:r.length)>j),H=re=>{v&&re.target.value.length>j&&J(!1),$&&$(re)},ee=Q("textarea",le,{[`textarea--${p}`]:p,"textarea--bold":c,"textarea--italic":i,"textarea--underline":u,"textarea--disabled":N,"textarea--error":K,"textarea--collapsible":v&&ne}),X={...de,fontSize:f,backgroundColor:h,resize:l,display:ne?"none":"block"};return a.jsxs("div",{className:"textarea-wrapper",children:[a.jsx("textarea",{value:r,defaultValue:o,placeholder:t,rows:n,cols:d,maxLength:S,readOnly:E,disabled:N,required:R,className:ee,style:X,onChange:H,onBlur:M,onFocus:z,...ie}),K&&te&&a.jsx("div",{className:"textarea-error",children:te}),oe&&a.jsx("div",{className:"textarea-helper",children:oe}),ne&&a.jsx("button",{onClick:()=>J(!1),children:"Expand"})]})};Jr.propTypes={value:e.string,defaultValue:e.string,placeholder:e.string,rows:e.number,cols:e.number,resize:e.oneOf(["none","vertical","horizontal","both"]),bold:e.bool,italic:e.bool,underline:e.bool,fontSize:e.string,color:e.oneOf(["primary","info","warning","alert","success","neutral","dark"]),backgroundColor:e.string,collapsible:e.bool,collapseAt:e.number,maxLength:e.number,disabled:e.bool,readOnly:e.bool,required:e.bool,onChange:e.func,onBlur:e.func,onFocus:e.func,autoResize:e.bool,error:e.bool,errorMessage:e.string,helperText:e.string,className:e.string,style:e.object};const Kr=({options:r,value:o,onChange:t,disabled:n=!1,label:d="",placeholder:l="Select an option",color:c="primary",className:i="",...u})=>{const f=Q("select",i,{[`select--${c}`]:c,"select--disabled":n});return a.jsxs("div",{className:f,children:[d&&a.jsx("label",{className:"select__label",children:d}),a.jsxs("select",{value:o,onChange:t,disabled:n,className:"select__input",...u,children:[a.jsx("option",{value:"",disabled:!0,children:l}),r.map((p,h)=>a.jsx("option",{value:p.value,children:p.label},h))]})]})};Kr.propTypes={options:e.arrayOf(e.shape({label:e.string.isRequired,value:e.string.isRequired})).isRequired,value:e.string,onChange:e.func.isRequired,disabled:e.bool,label:e.string,placeholder:e.string,color:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),className:e.string};const Xr=({min:r=0,max:o=100,step:t=1,value:n=[20,80],onChange:d,color:l="primary",thumbColor:c="primary",showValue:i=!0,label:u="",dual:f=!1,disabled:p=!1,className:h="",...v})=>{const[j,S]=T.useState(n);T.useEffect(()=>{S(n)},[n]);const N=(M,z)=>{const g=[...j];g[z]=Number(M.target.value),!(f&&g[0]>g[1])&&(S(g),d&&d(g))},E=(j[0]-r)/(o-r)*100,R=f?(j[1]-r)/(o-r)*100:E,$=Q("slider",h,{[`slider--${l}`]:l,"slider--disabled":p});return a.jsxs("div",{className:$,children:[u&&a.jsx("label",{className:"slider__label",children:u}),a.jsxs("div",{className:"slider__wrapper",children:[a.jsx("div",{className:"slider__track"}),a.jsx("div",{className:"slider__filled",style:{left:`${E}%`,right:`${100-R}%`,background:`var(--${l}-color)`}}),a.jsx("input",{type:"range",min:r,max:o,step:t,value:j[0],onChange:M=>N(M,0),disabled:p,className:"slider__thumb",style:{left:`${E}%`,"--thumb-color":`var(--${c}-color)`},...v}),f&&a.jsx("input",{type:"range",min:r,max:o,step:t,value:j[1],onChange:M=>N(M,1),disabled:p,className:"slider__thumb",style:{left:`${R}%`,"--thumb-color":`var(--${c}-color)`},...v})]}),i&&a.jsx("div",{className:"slider__values",children:f?a.jsxs(a.Fragment,{children:[a.jsx("span",{children:j[0]})," - ",a.jsx("span",{children:j[1]})]}):a.jsx("span",{children:j[0]})})]})};Xr.propTypes={min:e.number,max:e.number,step:e.number,value:e.oneOfType([e.number,e.arrayOf(e.number)]),onChange:e.func,color:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),thumbColor:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),showValue:e.bool,label:e.string,dual:e.bool,disabled:e.bool,className:e.string};const Zr=({min:r=0,max:o=100,step:t=1,value:n=50,onChange:d,color:l="primary",thumbColor:c="primary",showValue:i=!0,label:u="",disabled:f=!1,className:p="",...h})=>{const v=Q("range",p,{[`range--${l}`]:l,"range--disabled":f}),j=(n-r)/(o-r)*100;return a.jsxs("div",{className:v,children:[u&&a.jsx("label",{className:"range__label",children:u}),a.jsx("div",{className:"range__wrapper",children:a.jsx("input",{type:"range",min:r,max:o,step:t,value:n,onChange:d,disabled:f,className:"range__input",...h,style:{background:`linear-gradient(to right, var(--${l}-color) ${j}%, var(--neutral-color) ${j}%)`,"--thumb-color":`var(--${c}-color)`}})}),i&&a.jsx("span",{className:"range__value",children:n})]})};Zr.propTypes={min:e.number,max:e.number,step:e.number,value:e.number,onChange:e.func.isRequired,color:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),thumbColor:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),showValue:e.bool,label:e.string,disabled:e.bool,className:e.string};const Qr=({src:r,alt:o,width:t,height:n,loading:d="lazy",title:l,caption:c,variant:i="thumbnail",aspectRatio:u,crop:f="center",fallbackSrc:p="/fallback.jpg",srcSet:h,sizes:v,lazyLoad:j=!0,onClickExpand:S,hoverIcons:N=[],hoverCaption:E,hoverIconPosition:R="center",size:$="md",className:M="",style:z={},...g})=>{const[K,te]=T.useState(!1),[oe,le]=T.useState(!1),[de,ie]=T.useState(!1),ne=()=>{te(!0)},J=()=>{le(!0)},H=()=>{i!=="expanded"&&i!=="flat"&&ie(!0),S&&S()},ee=()=>{ie(!1)},X=Q("image",M,{[`image--${i}`]:i,[`image--${u}`]:u,[`image--${f}`]:f,[`image--size-${$}`]:$,"image--loaded":K,"image--error":oe}),re=i!=="flat"&&(N.length>0||E);return a.jsxs(a.Fragment,{children:[a.jsxs("figure",{className:"image-figure",style:z,...g,children:[!K&&!oe&&a.jsx("div",{className:"image__placeholder",children:"Loading..."}),a.jsx("img",{src:oe?p:r,alt:o,width:t,height:n,loading:j?d:"eager",title:l,className:X,srcSet:h,sizes:v,onLoad:ne,onError:J,onClick:i!=="flat"?H:void 0,role:i==="expanded"?"img":"button",tabIndex:i!=="flat"?"0":void 0,onKeyPress:P=>{(P.key==="Enter"||P.key===" ")&&i!=="flat"&&H()}}),c&&a.jsx("figcaption",{className:"image__caption",children:c}),re&&a.jsxs("div",{className:"image__overlay",children:[E&&a.jsx("div",{className:"image__overlay-caption",children:E}),N.length>0&&a.jsx("div",{className:Q("image__overlay-icons",{"image__overlay-icons--center":R==="center","image__overlay-icons--top-right":R==="top-right"}),children:N.map((P,Z)=>a.jsx(P,{className:"image__overlay-icon"},Z))})]})]}),de&&a.jsx("div",{className:"image__modal",onClick:ee,role:"dialog","aria-modal":"true",children:a.jsxs("div",{className:"image__modal-content",onClick:P=>P.stopPropagation(),children:[a.jsx("button",{className:"image__modal-close",onClick:ee,"aria-label":"Close",children:"×"}),a.jsx("img",{src:r,alt:o,className:"image__modal-img"}),c&&a.jsx("div",{className:"image__modal-caption",children:c})]})})]})};Qr.propTypes={src:e.string.isRequired,alt:e.string.isRequired,width:e.oneOfType([e.string,e.number]),height:e.oneOfType([e.string,e.number]),loading:e.oneOf(["lazy","eager"]),title:e.string,caption:e.string,variant:e.oneOf(["thumbnail","avatar","expanded","flat"]),aspectRatio:e.oneOf(["16by9","4by3","1by1"]),crop:e.oneOf(["center","top","left"]),fallbackSrc:e.string,srcSet:e.string,sizes:e.string,lazyLoad:e.bool,onClickExpand:e.func,hoverIcons:e.arrayOf(e.elementType),hoverCaption:e.string,hoverIconPosition:e.oneOf(["center","top-right"]),size:e.oneOf(["xs","sm","md","lg","xl"]),className:e.string,style:e.object};const ea=({src:r,poster:o,autoplay:t=!1,loop:n=!1,muted:d=!1,controls:l=!0,width:c="100%",height:i="auto",onPlay:u,onPause:f,onEnd:p,showControlsOnHover:h=!0})=>{const v=T.useRef(null),[j,S]=T.useState(!1),[N,E]=T.useState(!1),R=()=>{j?v.current.pause():v.current.play(),S(!j)},$=()=>E(!0),M=()=>E(!1);return a.jsxs("div",{className:`video-container ${h&&N?"show-controls":""}`,onMouseEnter:$,onMouseLeave:M,style:{width:c,height:i},children:[a.jsx("video",{ref:v,src:r,poster:o,autoPlay:t,loop:n,muted:d,controls:l,onPlay:u,onPause:f,onEnded:p,style:{width:"100%",height:"100%"}}),a.jsx("div",{className:"video-controls",children:a.jsx("button",{onClick:R,children:j?"Pause":"Play"})})]})};ea.propTypes={src:e.string.isRequired,poster:e.string,autoplay:e.bool,loop:e.bool,muted:e.bool,controls:e.bool,width:e.string,height:e.string,onPlay:e.func,onPause:e.func,onEnd:e.func,showControlsOnHover:e.bool};var ra={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},aa=T.createContext&&T.createContext(ra),io=["attr","size","title"];function co(r,o){if(r==null)return{};var t=uo(r,o),n,d;if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(r);for(d=0;d<l.length;d++)n=l[d],!(o.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(r,n)&&(t[n]=r[n])}return t}function uo(r,o){if(r==null)return{};var t={};for(var n in r)if(Object.prototype.hasOwnProperty.call(r,n)){if(o.indexOf(n)>=0)continue;t[n]=r[n]}return t}function Ne(){return Ne=Object.assign?Object.assign.bind():function(r){for(var o=1;o<arguments.length;o++){var t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},Ne.apply(this,arguments)}function oa(r,o){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);o&&(n=n.filter(function(d){return Object.getOwnPropertyDescriptor(r,d).enumerable})),t.push.apply(t,n)}return t}function Ee(r){for(var o=1;o<arguments.length;o++){var t=arguments[o]!=null?arguments[o]:{};o%2?oa(Object(t),!0).forEach(function(n){fo(r,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):oa(Object(t)).forEach(function(n){Object.defineProperty(r,n,Object.getOwnPropertyDescriptor(t,n))})}return r}function fo(r,o,t){return o=po(o),o in r?Object.defineProperty(r,o,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[o]=t,r}function po(r){var o=mo(r,"string");return typeof o=="symbol"?o:o+""}function mo(r,o){if(typeof r!="object"||!r)return r;var t=r[Symbol.toPrimitive];if(t!==void 0){var n=t.call(r,o||"default");if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(o==="string"?String:Number)(r)}function sa(r){return r&&r.map((o,t)=>T.createElement(o.tag,Ee({key:t},o.attr),sa(o.child)))}function ve(r){return o=>T.createElement(ho,Ne({attr:Ee({},r.attr)},o),sa(r.child))}function ho(r){var o=t=>{var{attr:n,size:d,title:l}=r,c=co(r,io),i=d||t.size||"1em",u;return t.className&&(u=t.className),r.className&&(u=(u?u+" ":"")+r.className),T.createElement("svg",Ne({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,n,c,{className:u,style:Ee(Ee({color:r.color||t.color},t.style),r.style),height:i,width:i,xmlns:"http://www.w3.org/2000/svg"}),l&&T.createElement("title",null,l),r.children)};return aa!==void 0?T.createElement(aa.Consumer,null,t=>o(t)):o(ra)}function na(r){return ve({tag:"svg",attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M144 479H48c-26.5 0-48-21.5-48-48V79c0-26.5 21.5-48 48-48h96c26.5 0 48 21.5 48 48v352c0 26.5-21.5 48-48 48zm304-48V79c0-26.5-21.5-48-48-48h-96c-26.5 0-48 21.5-48 48v352c0 26.5 21.5 48 48 48h96c26.5 0 48-21.5 48-48z"},child:[]}]})(r)}function ta(r){return ve({tag:"svg",attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z"},child:[]}]})(r)}function yo(r){return ve({tag:"svg",attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M64 468V44c0-6.6 5.4-12 12-12h48c6.6 0 12 5.4 12 12v176.4l195.5-181C352.1 22.3 384 36.6 384 64v384c0 27.4-31.9 41.7-52.5 24.6L136 292.7V468c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12z"},child:[]}]})(r)}function go(r){return ve({tag:"svg",attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M384 44v424c0 6.6-5.4 12-12 12h-48c-6.6 0-12-5.4-12-12V291.6l-195.5 181C95.9 489.7 64 475.4 64 448V64c0-27.4 31.9-41.7 52.5-24.6L312 219.3V44c0-6.6 5.4-12 12-12h48c6.6 0 12 5.4 12 12z"},child:[]}]})(r)}function la(r){return ve({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M215.03 71.05L126.06 160H24c-13.26 0-24 10.74-24 24v144c0 13.25 10.74 24 24 24h102.06l88.97 88.95c15.03 15.03 40.97 4.47 40.97-16.97V88.02c0-21.46-25.96-31.98-40.97-16.97zM461.64 256l45.64-45.64c6.3-6.3 6.3-16.52 0-22.82l-22.82-22.82c-6.3-6.3-16.52-6.3-22.82 0L416 210.36l-45.64-45.64c-6.3-6.3-16.52-6.3-22.82 0l-22.82 22.82c-6.3 6.3-6.3 16.52 0 22.82L370.36 256l-45.63 45.63c-6.3 6.3-6.3 16.52 0 22.82l22.82 22.82c6.3 6.3 16.52 6.3 22.82 0L416 301.64l45.64 45.64c6.3 6.3 16.52 6.3 22.82 0l22.82-22.82c6.3-6.3 6.3-16.52 0-22.82L461.64 256z"},child:[]}]})(r)}function ia(r){return ve({tag:"svg",attr:{viewBox:"0 0 576 512"},child:[{tag:"path",attr:{d:"M215.03 71.05L126.06 160H24c-13.26 0-24 10.74-24 24v144c0 13.25 10.74 24 24 24h102.06l88.97 88.95c15.03 15.03 40.97 4.47 40.97-16.97V88.02c0-21.46-25.96-31.98-40.97-16.97zm233.32-51.08c-11.17-7.33-26.18-4.24-33.51 6.95-7.34 11.17-4.22 26.18 6.95 33.51 66.27 43.49 105.82 116.6 105.82 195.58 0 78.98-39.55 152.09-105.82 195.58-11.17 7.32-14.29 22.34-6.95 33.5 7.04 10.71 21.93 14.56 33.51 6.95C528.27 439.58 576 351.33 576 256S528.27 72.43 448.35 19.97zM480 256c0-63.53-32.06-121.94-85.77-156.24-11.19-7.14-26.03-3.82-33.12 7.46s-3.78 26.21 7.41 33.36C408.27 165.97 432 209.11 432 256s-23.73 90.03-63.48 115.42c-11.19 7.14-14.5 22.07-7.41 33.36 6.51 10.36 21.12 15.14 33.12 7.46C447.94 377.94 480 319.54 480 256zm-141.77-76.87c-11.58-6.33-26.19-2.16-32.61 9.45-6.39 11.61-2.16 26.2 9.45 32.61C327.98 228.28 336 241.63 336 256c0 14.38-8.02 27.72-20.92 34.81-11.61 6.41-15.84 21-9.45 32.61 6.43 11.66 21.05 15.8 32.61 9.45 28.23-15.55 45.77-45 45.77-76.88s-17.54-61.32-45.78-76.86z"},child:[]}]})(r)}const ca=({src:r,autoPlay:o=!1,loop:t=!1,muted:n=!1,size:d="medium",color:l="classy-color-1",className:c="",style:i={},...u})=>{const f=T.useRef(null),[p,h]=T.useState(o),[v,j]=T.useState(n),[S,N]=T.useState(n?0:1),[E,R]=T.useState(0),[$,M]=T.useState(0),[z,g]=T.useState(!1);T.useEffect(()=>{const P=f.current;P&&(P.volume=S,P.muted=v,o&&P.play().catch(()=>h(!1)))},[S,v,o]);const K=()=>{const P=f.current;P&&(p?P.pause():P.play().catch(()=>h(!1)),h(!p))},te=()=>{const P=f.current;P&&R(P.currentTime)},oe=()=>{const P=f.current;P&&M(P.duration)},le=P=>{const Z=parseFloat(P.target.value);N(Z),j(Z===0)},de=()=>{j(!v),N(v?1:0)},ie=P=>{const Z=parseFloat(P.target.value),m=f.current;m&&(m.currentTime=Z,R(Z))},ne=P=>{if(isNaN(P))return"00:00";const Z=Math.floor(P/60),m=Math.floor(P%60),w=m<10?`0${m}`:m;return`${Z}:${w}`},J=P=>{de(),g(Z=>!Z),P.stopPropagation()},H=P=>{P.target.closest(".audio__volume-container")||g(!1)};T.useEffect(()=>(z?document.addEventListener("click",H):document.removeEventListener("click",H),()=>{document.removeEventListener("click",H)}),[z]);const ee=`audio--${d}`,X=`audio--${l}`,re=`audio ${ee} ${X} ${c}`.trim();return a.jsxs("div",{className:re,style:i,...u,children:[a.jsx("audio",{ref:f,src:r,loop:t,onTimeUpdate:te,onLoadedMetadata:oe,onEnded:()=>h(!1),children:"Your browser does not support the audio element."}),a.jsx("button",{className:"audio__play-pause",onClick:K,"aria-label":p?"Pause":"Play",children:p?a.jsx(na,{}):a.jsx(ta,{})}),a.jsxs("div",{className:"audio__seek",children:[a.jsx("input",{type:"range",className:"audio__seek-slider",min:"0",max:$,step:"0.1",value:E,onChange:ie,"aria-label":"Seek Slider"}),a.jsxs("div",{className:"audio__time",children:[a.jsx("span",{children:ne(E)})," / ",a.jsx("span",{children:ne($)})]})]}),a.jsxs("div",{className:"audio__volume-container",children:[a.jsx("button",{className:"audio__mute",onClick:J,"aria-label":v?"Unmute":"Mute",children:v?a.jsx(la,{}):a.jsx(ia,{})}),a.jsx("input",{type:"range",className:`audio__volume-slider ${z?"visible":""}`,min:"0",max:"1",step:"0.01",value:v?0:S,onChange:le,"aria-label":"Volume Slider"})]})]})};ca.propTypes={src:e.string.isRequired,autoPlay:e.bool,loop:e.bool,muted:e.bool,size:e.oneOf(["small","medium"]),color:e.oneOf(["classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),className:e.string,style:e.object};const da=({thickness:r="normal",width:o="medium",align:t="center",color:n="neutral",className:d="",style:l={},...c})=>{const i=Q("divider",d,{[`divider--${r}`]:r,[`divider--${o}`]:o,[`divider--align-${t}`]:t,[n]:n});return a.jsx("hr",{className:i,style:l,...c})};da.propTypes={thickness:e.oneOf(["thin","normal","bold"]),width:e.oneOf(["small","medium","large"]),align:e.oneOf(["left","center","right"]),color:e.oneOf(["info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),className:e.string,style:e.object};const ua=({size:r="md",direction:o="vertical",className:t="",responsive:n=!0})=>{const d=Q("spacer",`spacer--${r}`,`spacer--${o}`,{"spacer--responsive":n},t);return a.jsx("div",{className:d,"aria-hidden":"true"})};ua.propTypes={size:e.oneOf(["xs","sm","md","lg","xl"]),direction:e.oneOf(["vertical","horizontal"]),className:e.string,responsive:e.bool};const fa=({content:r,position:o="top",variant:t="primary",color:n="primary",showArrow:d=!0,children:l,...c})=>{const i=`
|
|
61
61
|
tooltip
|
|
62
|
-
tooltip--${
|
|
62
|
+
tooltip--${o}
|
|
63
63
|
tooltip--${t}
|
|
64
64
|
tooltip--primary-${n}
|
|
65
65
|
${t==="secondary"?`tooltip--secondary-${n}`:""}
|
|
66
|
-
`.trim();return a.jsxs("div",{className:"tooltip-wrapper",...c,children:[l,a.jsxs("div",{className:i,children:[r,d&&a.jsx("div",{className:"tooltip__arrow"})]})]})};fa.propTypes={content:e.node.isRequired,position:e.oneOf(["top","bottom","left","right","north","south","east","west"]),variant:e.oneOf(["primary","secondary"]),color:e.oneOf(["primary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),showArrow:e.bool,children:e.node.isRequired};const pa=({label:r,variant:s="primary",size:t="normal",color:n,round:d=!1})=>{const l=`badge--${s}`,c=t!=="normal"?`badge--${t}`:"",i=n?`${n}`:"",u=d?"badge--round":"";return a.jsx("span",{className:`badge ${l} ${c} ${i} ${u}`,children:r})};pa.propTypes={label:e.string.isRequired,variant:e.oneOf(["primary","secondary"]),size:e.oneOf(["small","normal","large"]),color:e.oneOf(["info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),round:e.bool};const ma=({label:r,color:s="primary",variant:t="filled",size:n="medium",removable:d=!1,onRemove:l,onClick:c,icon:i,disabled:u=!1,className:f="",style:p={},...h})=>{const _=P=>{P.stopPropagation(),l&&l()},w=Z("tag",`tag--${t}`,`tag--${s}`,`tag--${n}`,{"tag--removable":d,"tag--disabled":u},f);return a.jsxs("div",{className:w,style:p,onClick:u?null:c,...h,children:[i&&a.jsx("span",{className:"tag__icon",children:i}),a.jsx("span",{className:"tag__label",children:r}),d&&!u&&a.jsx("button",{className:"tag__remove",onClick:_,"aria-label":"Remove tag",children:"×"})]})};ma.propTypes={label:e.string.isRequired,color:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),size:e.oneOf(["small","medium","large"]),variant:e.oneOf(["filled","outlined"]),removable:e.bool,onRemove:e.func,onClick:e.func,icon:e.node,disabled:e.bool,className:e.string,style:e.object};const ha=({variant:r="spinner",color:s="primary",size:t="md",customColor:n,className:d="",style:l={},...c})=>{const i=Z("loader",d,{[`loader--${r}`]:r,[`loader--${s}`]:s&&s!=="custom",[`loader--size-${t}`]:t}),u=s==="custom"&&n?{...l,"--loader-color":n}:l;return a.jsxs("div",{className:i,style:u,...c,children:[r==="spinner"&&a.jsx("div",{className:"loader__spinner"}),r==="dots"&&a.jsxs("div",{className:"loader__dots",children:[a.jsx("div",{className:"loader__dot"}),a.jsx("div",{className:"loader__dot"}),a.jsx("div",{className:"loader__dot"})]}),r==="bars"&&a.jsxs("div",{className:"loader__bars",children:[a.jsx("div",{className:"loader__bar"}),a.jsx("div",{className:"loader__bar"}),a.jsx("div",{className:"loader__bar"})]})]})};ha.propTypes={variant:e.oneOf(["spinner","dots","bars"]),color:e.oneOf(["primary","secondary","custom"]),customColor:e.string,size:e.oneOf(["sm","md","lg"]),className:e.string,style:e.object};const ya=({size:r="medium",color:s="primary",loading:t=!0,label:n="Loading...",speed:d="1s",thickness:l="4px",variant:c="circle",fullScreen:i=!1,text:u="",className:f="",style:p={},...h})=>{if(!t)return null;const _=Z("spinner",`spinner--${c}`,`spinner--${s}`,{"spinner--full-screen":i,[`spinner--${r}`]:r},f);return a.jsxs("div",{className:_,style:{animationDuration:d,borderWidth:l,...p},role:"status","aria-label":n,...h,children:[a.jsx("div",{className:"spinner__icon"}),u&&a.jsx("span",{className:"spinner__text",children:u})]})};ya.propTypes={size:e.oneOf(["small","medium","large"]),color:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),loading:e.bool,label:e.string,speed:e.string,thickness:e.string,variant:e.oneOf(["circle","dots","bars"]),fullScreen:e.bool,text:e.string,className:e.string,style:e.object};const ga=({progress:r=0,color:s="primary",label:t="",showLabel:n=!0,className:d="",style:l={},...c})=>{const i=`progress-bar--${s}`;return a.jsx("div",{className:`progress-bar-container ${d}`,style:l,...c,children:a.jsx("div",{className:`progress-bar ${i}`,style:{width:`${r}%`},children:n&&a.jsx("span",{className:"progress-label",children:t})})})};ga.propTypes={progress:e.number,color:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-1","classy-2","classy-3","classy-4","classy-5","small-switch-1","small-switch-2","natural-1","natural-2","natural-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),label:e.string,showLabel:e.bool,className:e.string,style:e.object};const va=({variant:r="primary",color:s,children:t,className:n="",style:d={},onClose:l,dismissible:c=!1,icon:i,...u})=>{const f=`alert--${r}`,p=s?`alert--${s}`:"",_=`alert ${f} ${p} ${c?"alert--dismissible":""} ${n}`.trim();return a.jsxs("div",{className:_,style:d,role:"alert","aria-live":"assertive",...u,children:[i&&a.jsx("span",{className:"alert__icon",children:i}),a.jsx("span",{className:"alert__content",children:t}),c&&a.jsx("button",{className:"alert__close",onClick:l,"aria-label":"Close Alert",tabIndex:"0",children:"×"})]})};va.propTypes={variant:e.oneOf(["primary","secondary"]),color:e.oneOf(["info","warning","alert","success","neutral","dark"]),children:e.node.isRequired,className:e.string,style:e.object,onClose:e.func,dismissible:e.bool,icon:e.node};const ba=({message:r,duration:s=3e3,actionLabel:t="",onActionClick:n=null,onClose:d,variant:l="primary",color:c="primary",className:i=""})=>{const[u,f]=T.useState(!0);T.useEffect(()=>{const h=setTimeout(()=>{f(!1),d&&d()},s);return()=>clearTimeout(h)},[s,d]);const p=Z("snackbar",i,{[`snackbar--${l}`]:l,[`snackbar--${c}`]:c,"snackbar--visible":u,"snackbar--hidden":!u});return a.jsxs("div",{className:p,children:[a.jsx("span",{className:"snackbar__message",children:r}),t&&a.jsx("button",{className:"snackbar__action",onClick:n,children:t}),a.jsx("button",{className:"snackbar__close",onClick:()=>f(!1),children:"×"})]})};ba.propTypes={message:e.string.isRequired,duration:e.number,actionLabel:e.string,onActionClick:e.func,onClose:e.func,variant:e.oneOf(["primary","secondary"]),color:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),className:e.string};const xa=({src:r,alt:s="Logo",size:t="md",shape:n="normal",background:d="none",customBackgroundColor:l,className:c="",style:i={},...u})=>{const f=Z("logo",c,{[`logo--size-${t}`]:t,[`logo--shape-${n}`]:n,[`logo--background-${d}`]:d}),p=d==="custom"&&l?{...i,"--logo-background-color":l}:i;return a.jsx("div",{className:f,style:p,...u,children:a.jsx("img",{src:r,alt:s,className:"logo__image"})})};xa.propTypes={src:e.string.isRequired,alt:e.string,size:e.oneOf(["xs","sm","md","lg","xl"]),shape:e.oneOf(["normal","rounded","squared"]),background:e.oneOf(["none","palette","custom"]),customBackgroundColor:e.string,className:e.string,style:e.object};const De=({title:r,margin:s,padding:t,backgroundColor:n,border:d,borderColor:l,fullWidth:c,shadow:i,id:u,ariaLabel:f,children:p})=>{const h=["section",d?`section--border section--border-${l}`:"",c?"section--full-width":"",i?`section--shadow-${i}`:""].join(" ").trim();return a.jsxs("section",{id:u,className:h,style:{margin:s,padding:t,backgroundColor:n},"aria-label":f,children:[r&&a.jsx("h2",{className:"section__title",children:r}),p]})};De.propTypes={title:e.string,margin:e.string,padding:e.string,backgroundColor:e.string,border:e.bool,borderColor:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),fullWidth:e.bool,shadow:e.oneOf(["none","small","medium","large"]),id:e.string,ariaLabel:e.string,children:e.node.isRequired},De.defaultProps={margin:"20px 0",padding:"20px",backgroundColor:"transparent",border:!1,borderColor:"neutral",fullWidth:!1,shadow:"none"};const Fe=({gap:r,border:s,color:t,rounded:n,shadow:d,children:l})=>{const c=["grid",s?`grid--border grid--${t}`:"",n?"grid--rounded":"",d?`grid--shadow-${d}`:""].join(" ").trim();return a.jsxs("div",{className:c,style:{gap:r},children:[l," "]})};Fe.propTypes={gap:e.string,border:e.bool,color:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),rounded:e.bool,shadow:e.oneOf(["none","small","medium","large"]),children:e.node.isRequired},Fe.defaultProps={gap:"16px",border:!1,color:"primary",rounded:!1,shadow:"none"};const gs={Heading:Ir,Paragraph:Lr,Label:Dr,Caption:Fr,Container:Vr,Button:zr,Link:Br,Icon:Wr,Checkbox:Yr,RadioButton:Ur,Toggle:Hr,TextInput:Gr,TextArea:Jr,Select:Kr,Slider:Xr,Range:Zr,Image:Qr,Video:ea,Audio:ca,Divider:da,Spacer:ua,Tooltip:fa,Badge:pa,Tag:ma,Loader:ha,Logo:xa,Spinner:ya,ProgressBar:ga,Alert:va,Snackbar:ba,Section:De,Grid:Fe},_a=({leftItems:r=[],centerItems:s=[],rightItems:t=[],logo:n=null,searchComponent:d=null,styleOverrides:l={}})=>{const c={},i={navbarBackgroundColor:"--navbar-background-color",navbarBorderColor:"--navbar-border-color",navbarHeight:"--navbar-height"};return Object.keys(l).forEach(u=>{const f=i[u];f&&(c[f]=l[u])}),a.jsxs("nav",{className:"navbar",style:c,children:[a.jsxs("div",{className:"navbar__group navbar__group--left",children:[n&&a.jsx("div",{className:"navbar__logo",children:n}),d&&a.jsx("div",{className:"navbar__search",children:d}),r.map((u,f)=>a.jsx("a",{href:u.url,className:"navbar__link",children:u.label},f))]}),a.jsx("div",{className:"navbar__group navbar__group--center",children:s.map((u,f)=>a.jsx("a",{href:u.url,className:"navbar__link",children:u.label},f))}),a.jsx("div",{className:"navbar__group navbar__group--right",children:t.map((u,f)=>a.jsx("a",{href:u.url,className:"navbar__link",children:u.label},f))})]})};_a.propTypes={leftItems:e.arrayOf(e.shape({url:e.string.isRequired,label:e.string.isRequired})),centerItems:e.arrayOf(e.shape({url:e.string.isRequired,label:e.string.isRequired})),rightItems:e.arrayOf(e.shape({url:e.string.isRequired,label:e.string.isRequired})),logo:e.node,searchComponent:e.node,styleOverrides:e.object};const Ve=({links:r,logo:s,userControls:t,styleOverrides:n={}})=>{const d={},l={sidebarBackgroundColor:"--sidebar-background-color",sidebarBorderColor:"--sidebar-border-color",sidebarPadding:"--sidebar-padding",sidebarWidth:"--sidebar-width",logoMarginBottom:"--sidebar-logo-margin-bottom",itemMargin:"--sidebar-item-margin",linkColor:"--sidebar-link-color",linkPadding:"--sidebar-link-padding",linkHoverBackgroundColor:"--sidebar-link-hover-background-color",linkHoverBorderRadius:"--sidebar-link-hover-border-radius",controlsMarginTop:"--sidebar-controls-margin-top"};return Object.keys(n).forEach(c=>{const i=l[c];i&&(d[i]=n[c])}),a.jsxs("aside",{className:"sidebar",style:d,children:[a.jsx("div",{className:"sidebar__logo",children:s}),a.jsx("ul",{className:"sidebar__links",children:r.map((c,i)=>a.jsx("li",{className:"sidebar__item",children:a.jsx("a",{href:c.url,className:`sidebar__link ${c.isActive?"sidebar__link--active":""}`,children:c.label})},i))}),a.jsx("div",{className:"sidebar__controls",children:t})]})};Ve.propTypes={links:e.arrayOf(e.shape({url:e.string.isRequired,label:e.string.isRequired,isActive:e.bool})).isRequired,logo:e.node,userControls:e.node,styleOverrides:e.object},Ve.defaultProps={logo:null,userControls:null,styleOverrides:{}};const ze=({items:r,separator:s,color:t,size:n,onItemClick:d})=>a.jsx("nav",{className:`breadcrumbs breadcrumbs--${t} breadcrumbs--${n}`,children:r.map((l,c)=>a.jsxs("span",{className:"breadcrumbs__item",children:[a.jsx("button",{className:`breadcrumbs__link ${l.active?"breadcrumbs__active":""}`,onClick:()=>d(l),children:l.label}),c<r.length-1&&a.jsx("span",{className:"breadcrumbs__separator",children:s})]},l.label))});ze.propTypes={items:e.arrayOf(e.shape({label:e.string.isRequired,active:e.bool})).isRequired,separator:e.string,color:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),size:e.oneOf(["small","medium","large"]),onItemClick:e.func},ze.defaultProps={separator:"/",color:"primary",size:"medium",onItemClick:()=>{}};const Be=({options:r,placeholder:s,color:t,variant:n,searchable:d,onSelect:l,showArrow:c})=>{const[i,u]=T.useState(!1),[f,p]=T.useState(""),[h,_]=T.useState(r),w=()=>u(!i),P=E=>{const R=E.target.value;p(R),_(r.filter($=>$.toLowerCase().includes(R.toLowerCase())))},N=E=>{u(!1),p(""),l(E)};return a.jsxs("div",{className:`dropdown dropdown--${n} dropdown--${t}`,children:[a.jsxs("button",{className:"dropdown__toggle",onClick:w,"aria-expanded":i,children:[f||s,c&&a.jsx("span",{className:"dropdown__icon",children:"▾"})]}),i&&a.jsxs("div",{className:"dropdown__menu",children:[d&&a.jsx("input",{type:"text",className:"dropdown__search",value:f,onChange:P,placeholder:"Search..."}),a.jsx("ul",{className:"dropdown__list",children:h.map((E,R)=>a.jsx("li",{className:"dropdown__item",onClick:()=>N(E),children:E},R))})]})]})};Be.propTypes={options:e.arrayOf(e.string).isRequired,placeholder:e.string,color:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),variant:e.oneOf(["primary","secondary"]),searchable:e.bool,onSelect:e.func.isRequired,showArrow:e.bool},Be.defaultProps={placeholder:"Select an option",color:"primary",variant:"primary",searchable:!1,showArrow:!0};const We=r=>a.jsx("div",{className:"inputgroup",...r});We.propTypes={},We.defaultProps={};const Ye=r=>a.jsx("div",{className:"inputwithlabel",...r});Ye.propTypes={},Ye.defaultProps={};const Ue=({placeholder:r,onSearch:s})=>{const[t,n]=T.useState(!1),[d,l]=T.useState(""),c=()=>{n(f=>!f)},i=f=>{l(f.target.value)},u=f=>{f.preventDefault(),s(d)};return a.jsxs("form",{className:`searchbar ${t?"searchbar--expanded":""}`,onSubmit:u,children:[a.jsx("button",{type:"button",className:"searchbar__toggle",onClick:c,"aria-label":"Search",children:a.jsx("svg",{className:"searchbar__icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24","aria-hidden":"true",children:a.jsx("path",{fill:"currentColor",d:`M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5
|
|
66
|
+
`.trim();return a.jsxs("div",{className:"tooltip-wrapper",...c,children:[l,a.jsxs("div",{className:i,children:[r,d&&a.jsx("div",{className:"tooltip__arrow"})]})]})};fa.propTypes={content:e.node.isRequired,position:e.oneOf(["top","bottom","left","right","north","south","east","west"]),variant:e.oneOf(["primary","secondary"]),color:e.oneOf(["primary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),showArrow:e.bool,children:e.node.isRequired};const pa=({label:r,variant:o="primary",size:t="normal",color:n,round:d=!1})=>{const l=`badge--${o}`,c=t!=="normal"?`badge--${t}`:"",i=n?`${n}`:"",u=d?"badge--round":"";return a.jsx("span",{className:`badge ${l} ${c} ${i} ${u}`,children:r})};pa.propTypes={label:e.string.isRequired,variant:e.oneOf(["primary","secondary"]),size:e.oneOf(["small","normal","large"]),color:e.oneOf(["info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),round:e.bool};const ma=({label:r,color:o="primary",variant:t="filled",size:n="medium",removable:d=!1,onRemove:l,onClick:c,icon:i,disabled:u=!1,className:f="",style:p={},...h})=>{const v=S=>{S.stopPropagation(),l&&l()},j=Q("tag",`tag--${t}`,`tag--${o}`,`tag--${n}`,{"tag--removable":d,"tag--disabled":u},f);return a.jsxs("div",{className:j,style:p,onClick:u?null:c,...h,children:[i&&a.jsx("span",{className:"tag__icon",children:i}),a.jsx("span",{className:"tag__label",children:r}),d&&!u&&a.jsx("button",{className:"tag__remove",onClick:v,"aria-label":"Remove tag",children:"×"})]})};ma.propTypes={label:e.string.isRequired,color:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),size:e.oneOf(["small","medium","large"]),variant:e.oneOf(["filled","outlined"]),removable:e.bool,onRemove:e.func,onClick:e.func,icon:e.node,disabled:e.bool,className:e.string,style:e.object};const ha=({variant:r="spinner",color:o="primary",size:t="md",customColor:n,className:d="",style:l={},...c})=>{const i=Q("loader",d,{[`loader--${r}`]:r,[`loader--${o}`]:o&&o!=="custom",[`loader--size-${t}`]:t}),u=o==="custom"&&n?{...l,"--loader-color":n}:l;return a.jsxs("div",{className:i,style:u,...c,children:[r==="spinner"&&a.jsx("div",{className:"loader__spinner"}),r==="dots"&&a.jsxs("div",{className:"loader__dots",children:[a.jsx("div",{className:"loader__dot"}),a.jsx("div",{className:"loader__dot"}),a.jsx("div",{className:"loader__dot"})]}),r==="bars"&&a.jsxs("div",{className:"loader__bars",children:[a.jsx("div",{className:"loader__bar"}),a.jsx("div",{className:"loader__bar"}),a.jsx("div",{className:"loader__bar"})]})]})};ha.propTypes={variant:e.oneOf(["spinner","dots","bars"]),color:e.oneOf(["primary","secondary","custom"]),customColor:e.string,size:e.oneOf(["sm","md","lg"]),className:e.string,style:e.object};const ya=({size:r="medium",color:o="primary",loading:t=!0,label:n="Loading...",speed:d="1s",thickness:l="4px",variant:c="circle",fullScreen:i=!1,text:u="",className:f="",style:p={},...h})=>{if(!t)return null;const v=Q("spinner",`spinner--${c}`,`spinner--${o}`,{"spinner--full-screen":i,[`spinner--${r}`]:r},f);return a.jsxs("div",{className:v,style:{animationDuration:d,borderWidth:l,...p},role:"status","aria-label":n,...h,children:[a.jsx("div",{className:"spinner__icon"}),u&&a.jsx("span",{className:"spinner__text",children:u})]})};ya.propTypes={size:e.oneOf(["small","medium","large"]),color:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),loading:e.bool,label:e.string,speed:e.string,thickness:e.string,variant:e.oneOf(["circle","dots","bars"]),fullScreen:e.bool,text:e.string,className:e.string,style:e.object};const ga=({progress:r=0,color:o="primary",label:t="",showLabel:n=!0,className:d="",style:l={},...c})=>{const i=`progress-bar--${o}`;return a.jsx("div",{className:`progress-bar-container ${d}`,style:l,...c,children:a.jsx("div",{className:`progress-bar ${i}`,style:{width:`${r}%`},children:n&&a.jsx("span",{className:"progress-label",children:t})})})};ga.propTypes={progress:e.number,color:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-1","classy-2","classy-3","classy-4","classy-5","small-switch-1","small-switch-2","natural-1","natural-2","natural-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),label:e.string,showLabel:e.bool,className:e.string,style:e.object};const va=({variant:r="primary",color:o,children:t,className:n="",style:d={},onClose:l,dismissible:c=!1,icon:i,...u})=>{const f=`alert--${r}`,p=o?`alert--${o}`:"",v=`alert ${f} ${p} ${c?"alert--dismissible":""} ${n}`.trim();return a.jsxs("div",{className:v,style:d,role:"alert","aria-live":"assertive",...u,children:[i&&a.jsx("span",{className:"alert__icon",children:i}),a.jsx("span",{className:"alert__content",children:t}),c&&a.jsx("button",{className:"alert__close",onClick:l,"aria-label":"Close Alert",tabIndex:"0",children:"×"})]})};va.propTypes={variant:e.oneOf(["primary","secondary"]),color:e.oneOf(["info","warning","alert","success","neutral","dark"]),children:e.node.isRequired,className:e.string,style:e.object,onClose:e.func,dismissible:e.bool,icon:e.node};const ba=({message:r,duration:o=3e3,actionLabel:t="",onActionClick:n=null,onClose:d,variant:l="primary",color:c="primary",className:i=""})=>{const[u,f]=T.useState(!0);T.useEffect(()=>{const h=setTimeout(()=>{f(!1),d&&d()},o);return()=>clearTimeout(h)},[o,d]);const p=Q("snackbar",i,{[`snackbar--${l}`]:l,[`snackbar--${c}`]:c,"snackbar--visible":u,"snackbar--hidden":!u});return a.jsxs("div",{className:p,children:[a.jsx("span",{className:"snackbar__message",children:r}),t&&a.jsx("button",{className:"snackbar__action",onClick:n,children:t}),a.jsx("button",{className:"snackbar__close",onClick:()=>f(!1),children:"×"})]})};ba.propTypes={message:e.string.isRequired,duration:e.number,actionLabel:e.string,onActionClick:e.func,onClose:e.func,variant:e.oneOf(["primary","secondary"]),color:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),className:e.string};const xa=({src:r,alt:o="Logo",size:t="md",shape:n="normal",background:d="none",customBackgroundColor:l,className:c="",style:i={},...u})=>{const f=Q("logo",c,{[`logo--size-${t}`]:t,[`logo--shape-${n}`]:n,[`logo--background-${d}`]:d}),p=d==="custom"&&l?{...i,"--logo-background-color":l}:i;return a.jsx("div",{className:f,style:p,...u,children:a.jsx("img",{src:r,alt:o,className:"logo__image"})})};xa.propTypes={src:e.string.isRequired,alt:e.string,size:e.oneOf(["xs","sm","md","lg","xl"]),shape:e.oneOf(["normal","rounded","squared"]),background:e.oneOf(["none","palette","custom"]),customBackgroundColor:e.string,className:e.string,style:e.object};const De=({title:r,margin:o,padding:t,backgroundColor:n,border:d,borderColor:l,fullWidth:c,shadow:i,id:u,ariaLabel:f,children:p})=>{const h=["section",d?`section--border section--border-${l}`:"",c?"section--full-width":"",i?`section--shadow-${i}`:""].join(" ").trim();return a.jsxs("section",{id:u,className:h,style:{margin:o,padding:t,backgroundColor:n},"aria-label":f,children:[r&&a.jsx("h2",{className:"section__title",children:r}),p]})};De.propTypes={title:e.string,margin:e.string,padding:e.string,backgroundColor:e.string,border:e.bool,borderColor:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),fullWidth:e.bool,shadow:e.oneOf(["none","small","medium","large"]),id:e.string,ariaLabel:e.string,children:e.node.isRequired},De.defaultProps={margin:"20px 0",padding:"20px",backgroundColor:"transparent",border:!1,borderColor:"neutral",fullWidth:!1,shadow:"none"};const Fe=({gap:r,border:o,color:t,rounded:n,shadow:d,children:l})=>{const c=["grid",o?`grid--border grid--${t}`:"",n?"grid--rounded":"",d?`grid--shadow-${d}`:""].join(" ").trim();return a.jsxs("div",{className:c,style:{gap:r},children:[l," "]})};Fe.propTypes={gap:e.string,border:e.bool,color:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),rounded:e.bool,shadow:e.oneOf(["none","small","medium","large"]),children:e.node.isRequired},Fe.defaultProps={gap:"16px",border:!1,color:"primary",rounded:!1,shadow:"none"};const vo={Heading:Ir,Paragraph:Lr,Label:Dr,Caption:Fr,Container:zr,Button:Vr,Link:Br,Icon:Wr,Checkbox:Yr,RadioButton:Ur,Toggle:Hr,TextInput:Gr,TextArea:Jr,Select:Kr,Slider:Xr,Range:Zr,Image:Qr,Video:ea,Audio:ca,Divider:da,Spacer:ua,Tooltip:fa,Badge:pa,Tag:ma,Loader:ha,Logo:xa,Spinner:ya,ProgressBar:ga,Alert:va,Snackbar:ba,Section:De,Grid:Fe},_a=({leftItems:r=[],centerItems:o=[],rightItems:t=[],logo:n=null,searchComponent:d=null,styleOverrides:l={}})=>{const c={},i={navbarBackgroundColor:"--navbar-background-color",navbarBorderColor:"--navbar-border-color",navbarHeight:"--navbar-height"};return Object.keys(l).forEach(u=>{const f=i[u];f&&(c[f]=l[u])}),a.jsxs("nav",{className:"navbar",style:c,children:[a.jsxs("div",{className:"navbar__group navbar__group--left",children:[n&&a.jsx("div",{className:"navbar__logo",children:n}),d&&a.jsx("div",{className:"navbar__search",children:d}),r.map((u,f)=>a.jsx("a",{href:u.url,className:"navbar__link",children:u.label},f))]}),a.jsx("div",{className:"navbar__group navbar__group--center",children:o.map((u,f)=>a.jsx("a",{href:u.url,className:"navbar__link",children:u.label},f))}),a.jsx("div",{className:"navbar__group navbar__group--right",children:t.map((u,f)=>a.jsx("a",{href:u.url,className:"navbar__link",children:u.label},f))})]})};_a.propTypes={leftItems:e.arrayOf(e.shape({url:e.string.isRequired,label:e.string.isRequired})),centerItems:e.arrayOf(e.shape({url:e.string.isRequired,label:e.string.isRequired})),rightItems:e.arrayOf(e.shape({url:e.string.isRequired,label:e.string.isRequired})),logo:e.node,searchComponent:e.node,styleOverrides:e.object};const ze=({links:r,logo:o,userControls:t,styleOverrides:n={}})=>{const d={},l={sidebarBackgroundColor:"--sidebar-background-color",sidebarBorderColor:"--sidebar-border-color",sidebarPadding:"--sidebar-padding",sidebarWidth:"--sidebar-width",logoMarginBottom:"--sidebar-logo-margin-bottom",itemMargin:"--sidebar-item-margin",linkColor:"--sidebar-link-color",linkPadding:"--sidebar-link-padding",linkHoverBackgroundColor:"--sidebar-link-hover-background-color",linkHoverBorderRadius:"--sidebar-link-hover-border-radius",controlsMarginTop:"--sidebar-controls-margin-top"};return Object.keys(n).forEach(c=>{const i=l[c];i&&(d[i]=n[c])}),a.jsxs("aside",{className:"sidebar",style:d,children:[a.jsx("div",{className:"sidebar__logo",children:o}),a.jsx("ul",{className:"sidebar__links",children:r.map((c,i)=>a.jsx("li",{className:"sidebar__item",children:a.jsx("a",{href:c.url,className:`sidebar__link ${c.isActive?"sidebar__link--active":""}`,children:c.label})},i))}),a.jsx("div",{className:"sidebar__controls",children:t})]})};ze.propTypes={links:e.arrayOf(e.shape({url:e.string.isRequired,label:e.string.isRequired,isActive:e.bool})).isRequired,logo:e.node,userControls:e.node,styleOverrides:e.object},ze.defaultProps={logo:null,userControls:null,styleOverrides:{}};const Ve=({items:r,separator:o,color:t,size:n,onItemClick:d})=>a.jsx("nav",{className:`breadcrumbs breadcrumbs--${t} breadcrumbs--${n}`,children:r.map((l,c)=>a.jsxs("span",{className:"breadcrumbs__item",children:[a.jsx("button",{className:`breadcrumbs__link ${l.active?"breadcrumbs__active":""}`,onClick:()=>d(l),children:l.label}),c<r.length-1&&a.jsx("span",{className:"breadcrumbs__separator",children:o})]},l.label))});Ve.propTypes={items:e.arrayOf(e.shape({label:e.string.isRequired,active:e.bool})).isRequired,separator:e.string,color:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),size:e.oneOf(["small","medium","large"]),onItemClick:e.func},Ve.defaultProps={separator:"/",color:"primary",size:"medium",onItemClick:()=>{}};const Be=({options:r,placeholder:o,color:t,variant:n,searchable:d,onSelect:l,showArrow:c})=>{const[i,u]=T.useState(!1),[f,p]=T.useState(""),[h,v]=T.useState(r),j=()=>u(!i),S=E=>{const R=E.target.value;p(R),v(r.filter($=>$.toLowerCase().includes(R.toLowerCase())))},N=E=>{u(!1),p(""),l(E)};return a.jsxs("div",{className:`dropdown dropdown--${n} dropdown--${t}`,children:[a.jsxs("button",{className:"dropdown__toggle",onClick:j,"aria-expanded":i,children:[f||o,c&&a.jsx("span",{className:"dropdown__icon",children:"▾"})]}),i&&a.jsxs("div",{className:"dropdown__menu",children:[d&&a.jsx("input",{type:"text",className:"dropdown__search",value:f,onChange:S,placeholder:"Search..."}),a.jsx("ul",{className:"dropdown__list",children:h.map((E,R)=>a.jsx("li",{className:"dropdown__item",onClick:()=>N(E),children:E},R))})]})]})};Be.propTypes={options:e.arrayOf(e.string).isRequired,placeholder:e.string,color:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),variant:e.oneOf(["primary","secondary"]),searchable:e.bool,onSelect:e.func.isRequired,showArrow:e.bool},Be.defaultProps={placeholder:"Select an option",color:"primary",variant:"primary",searchable:!1,showArrow:!0};const We=r=>a.jsx("div",{className:"inputgroup",...r});We.propTypes={},We.defaultProps={};const Ye=r=>a.jsx("div",{className:"inputwithlabel",...r});Ye.propTypes={},Ye.defaultProps={};const Ue=({placeholder:r,onSearch:o})=>{const[t,n]=T.useState(!1),[d,l]=T.useState(""),c=()=>{n(f=>!f)},i=f=>{l(f.target.value)},u=f=>{f.preventDefault(),o(d)};return a.jsxs("form",{className:`searchbar ${t?"searchbar--expanded":""}`,onSubmit:u,children:[a.jsx("button",{type:"button",className:"searchbar__toggle",onClick:c,"aria-label":"Search",children:a.jsx("svg",{className:"searchbar__icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24","aria-hidden":"true",children:a.jsx("path",{fill:"currentColor",d:`M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5
|
|
67
67
|
6.5 6.5 0 109.5 16a6.471 6.471 0 004.23-1.57l.27.28v.79l5
|
|
68
68
|
5 1.5-1.5-5-5zM9.5 14C7.01 14 5 11.99 5
|
|
69
|
-
9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z`})})}),a.jsx("input",{type:"text",className:"searchbar__input",placeholder:r,value:d,onChange:i,"aria-label":"Search input"})]})};Ue.propTypes={placeholder:e.string,onSearch:e.func},Ue.defaultProps={placeholder:"Search...",onSearch:()=>{}};const He=r=>a.jsx("div",{className:"fileupload",...r});He.propTypes={},He.defaultProps={};const Ge=r=>a.jsx("div",{className:"formfield",...r});Ge.propTypes={},Ge.defaultProps={};const Je=r=>a.jsx("div",{className:"iconbutton",...r});Je.propTypes={},Je.defaultProps={};const Ke=({buttons:r,size:s,color:t,variant:n,onButtonClick:d})=>a.jsx("div",{className:`button-group button-group--${s} button-group--${t} button-group--${n}`,children:r.map((l,c)=>a.jsx("button",{className:"button-group__button",onClick:()=>d(l.value),children:l.label},c))});Ke.propTypes={buttons:e.arrayOf(e.shape({label:e.string.isRequired,value:e.any.isRequired})).isRequired,size:e.oneOf(["small","medium","large"]),color:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),variant:e.oneOf(["solid","outline"]),onButtonClick:e.func},Ke.defaultProps={size:"medium",color:"primary",variant:"solid",onButtonClick:()=>{}};const Xe=r=>a.jsx("div",{className:"imagewithcaption",...r});Xe.propTypes={},Xe.defaultProps={};const Ze=r=>a.jsx("div",{className:"videowithdescription",...r});Ze.propTypes={},Ze.defaultProps={};const ja=a.jsxs("svg",{className:"avatar__default-icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[a.jsx("circle",{cx:"12",cy:"12",r:"10"}),a.jsx("path",{d:"M14.5 9a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z"}),a.jsx("path",{d:"M12 14c-3.03 0-5.47 1.21-6 3h12c-.53-1.79-2.97-3-6-3z"})]}),Qe=({imageSrc:r,name:s,namePosition:t,size:n,onClick:d})=>{const[l,c]=T.useState(!1),i=()=>{c(!l)};return a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:`avatar-with-name avatar-with-name--${t} avatar-with-name--${n}`,onClick:i,children:[a.jsx("div",{className:"avatar-with-name__avatar",children:r?a.jsx("img",{src:r,alt:s}):ja}),a.jsx("div",{className:"avatar-with-name__name",children:s})]}),l&&a.jsx("div",{className:"avatar-modal",onClick:i,children:a.jsxs("div",{className:"avatar-modal__content",onClick:u=>u.stopPropagation(),children:[a.jsx("button",{className:"avatar-modal__close",onClick:i,children:"×"}),a.jsx("div",{className:"avatar-modal__avatar-container",children:a.jsx("div",{className:"avatar-modal__avatar",children:r?a.jsx("img",{src:r,alt:s}):ja})}),a.jsx("div",{className:"avatar-modal__name",children:s})]})})]})};Qe.propTypes={imageSrc:e.string,name:e.string.isRequired,namePosition:e.oneOf(["below","side"]),size:e.oneOf(["small","medium","large"]),onClick:e.func},Qe.defaultProps={namePosition:"below",size:"medium"};const er=({playlist:r,autoPlay:s=!1,loop:t=!1,muted:n=!1,size:d="medium",color:l="classy-color-1",className:c="",style:i={},showMedia:u=!0,...f})=>{const p=T.useRef(null),[h,_]=T.useState(s),[w,P]=T.useState(n),[N,E]=T.useState(n?0:1),[R,$]=T.useState(0),[M,V]=T.useState(0),[g,K]=T.useState(r[0]),[te,se]=T.useState(0);T.useEffect(()=>{const v=p.current;v&&(v.volume=N,v.muted=w,s&&v.play().catch(()=>_(!1)))},[N,w,s,g]);const le=()=>{const v=p.current;v&&(h?v.pause():v.play().catch(()=>_(!1)),_(!h))},de=()=>{const v=p.current;v&&$(v.currentTime)},ie=()=>{const v=p.current;v&&V(v.duration)},ne=v=>{const C=parseFloat(v.target.value);E(C),P(C===0)},J=()=>{P(!w),E(w?1:0)},H=v=>{const C=parseFloat(v.target.value),O=p.current;O&&(O.currentTime=C,$(C))},ee=v=>{if(isNaN(v))return"00:00";const C=Math.floor(v/60),O=Math.floor(v%60),D=O<10?`0${O}`:O;return`${C}:${D}`},X=()=>{const v=(te+1)%r.length;se(v),K(r[v])},re=()=>{const v=(te-1+r.length)%r.length;se(v),K(r[v])},S=(v,C)=>{K(v),se(C),_(!1)},Q=`audio-player--${d}`,m=`audio-player--${l}`,j=`audio-player ${Q} ${m} ${c}`.trim();return a.jsxs("div",{className:j,style:i,...f,children:[u&&g.image&&a.jsx("div",{className:"audio-player__media",children:a.jsx("img",{src:g.image,alt:g.title})}),a.jsx("div",{className:"audio-player__track-name",children:g.title}),a.jsxs("div",{className:"audio-player__controls",children:[a.jsx("audio",{ref:p,src:g.src,loop:t,onTimeUpdate:de,onLoadedMetadata:ie,onEnded:X,children:"Your browser does not support the audio element."}),a.jsx("button",{className:"audio-player__prev",onClick:re,"aria-label":"Previous Track",children:a.jsx(hs,{})}),a.jsx("button",{className:"audio-player__play-pause",onClick:le,"aria-label":h?"Pause":"Play",children:h?a.jsx(na,{}):a.jsx(ta,{})}),a.jsx("button",{className:"audio-player__next",onClick:X,"aria-label":"Next Track",children:a.jsx(ys,{})})]}),a.jsxs("div",{className:"audio-player__seek",children:[a.jsx("input",{type:"range",className:"audio-player__seek-slider",min:"0",max:M,step:"0.1",value:R,onChange:H,"aria-label":"Seek Slider"}),a.jsxs("div",{className:"audio-player__time",children:[ee(R)," / ",ee(M)]})]}),a.jsxs("div",{className:"audio-player__volume-container",children:[a.jsx("button",{className:"audio-player__mute",onClick:J,"aria-label":w?"Unmute":"Mute",children:w?a.jsx(la,{}):a.jsx(ia,{})}),a.jsx("input",{type:"range",className:"audio-player__volume-slider",min:"0",max:"1",step:"0.01",value:w?0:N,onChange:ne,"aria-label":"Volume Slider"})]}),a.jsx("div",{className:"audio-player__playlist",children:a.jsx("ul",{children:r.map((v,C)=>a.jsx("li",{className:`audio-player__track ${C===te?"active":""}`,onClick:()=>S(v,C),children:v.title},C))})})]})};er.propTypes={playlist:e.arrayOf(e.shape({src:e.string.isRequired,title:e.string.isRequired,image:e.string})).isRequired,autoPlay:e.bool,loop:e.bool,muted:e.bool,size:e.oneOf(["small","medium"]),color:e.oneOf(["classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),className:e.string,style:e.object,showMedia:e.bool},er.defaultProps={autoPlay:!1,loop:!1,muted:!1,size:"medium",color:"classy-color-1",showMedia:!0};const rr=({children:r,variant:s,color:t,textColor:n,isExpandable:d,isRemovable:l,hoverable:c,width:i,...u})=>{const[f,p]=T.useState(!1),[h,_]=T.useState(!0),w=()=>p(!f),P=()=>_(!1);return h?a.jsxs("div",{className:`card card--${s} ${c?"card--hoverable":""}`,style:{backgroundColor:s==="solid"?`var(--${t})`:"transparent",border:s==="outline"?`1px solid var(--${t})`:"none",width:i},...u,children:[d&&a.jsx("button",{className:"card__expand",onClick:w,children:f?"Close":"Expand"}),l&&a.jsx("button",{className:"card__remove",onClick:P,children:"×"}),a.jsx("div",{className:"card__content",style:{color:`var(--${n})`},children:r}),f&&a.jsx("div",{className:"card__expanded-content",children:r})]}):null};rr.propTypes={children:e.node.isRequired,variant:e.oneOf(["solid","outline"]),color:e.oneOf(["primary-color","secondary-color","info-color","warning-color","alert-color","success-color","neutral-color","dark-color","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]).isRequired,textColor:e.oneOf(["primary-color","secondary-color","info-color","warning-color","alert-color","success-color","neutral-color","dark-color","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),isExpandable:e.bool,isRemovable:e.bool,hoverable:e.bool,width:e.string},rr.defaultProps={variant:"solid",color:"neutral-color",textColor:"dark-color",isExpandable:!1,isRemovable:!1,hoverable:!1,width:"100%"};const ar=r=>a.jsx("div",{className:"mediacard",...r});ar.propTypes={},ar.defaultProps={};const sr=r=>a.jsx("div",{className:"list",...r});sr.propTypes={},sr.defaultProps={};const or=r=>a.jsx("div",{className:"accordion",...r});or.propTypes={},or.defaultProps={};const nr=r=>a.jsx("div",{className:"notification",...r});nr.propTypes={},nr.defaultProps={};const tr=r=>a.jsx("div",{className:"modal",...r});tr.propTypes={},tr.defaultProps={};const lr=r=>a.jsx("div",{className:"datatable",...r});lr.propTypes={},lr.defaultProps={};const ir=r=>a.jsx("div",{className:"pricingtable",...r});ir.propTypes={},ir.defaultProps={};const cr=({headers:r,rows:s,rowHeaders:t,highlightColumn:n,headerBgColor:d,rowHeaderBgColor:l,highlightBgColor:c,borderColor:i})=>a.jsx("div",{className:"comparison-table-container",children:a.jsxs("table",{className:"comparison-table",style:{borderColor:`var(--${i})`},children:[a.jsx("thead",{children:a.jsxs("tr",{children:[a.jsx("th",{}),r.map((u,f)=>a.jsx("th",{className:n===f?"highlight":"",style:{backgroundColor:`var(--${d})`,borderColor:`var(--${i})`},children:u},f))]})}),a.jsx("tbody",{children:s.map((u,f)=>a.jsxs("tr",{children:[a.jsx("td",{className:"row-header",style:{backgroundColor:`var(--${l})`,borderColor:`var(--${i})`},children:t[f]}),u.map((p,h)=>a.jsx("td",{className:n===h?"highlight":"",style:{backgroundColor:n===h?`var(--${c})`:"inherit",borderColor:`var(--${i})`},children:p},h))]},f))})]})});cr.propTypes={headers:e.arrayOf(e.string).isRequired,rows:e.arrayOf(e.array).isRequired,rowHeaders:e.arrayOf(e.string).isRequired,highlightColumn:e.number,headerBgColor:e.oneOf(["primary-color","secondary-color","info-color","warning-color","alert-color","success-color","neutral-color","dark-color","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),rowHeaderBgColor:e.oneOf(["primary-color","secondary-color","info-color","warning-color","alert-color","success-color","neutral-color","dark-color","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),highlightBgColor:e.oneOf(["primary-color","secondary-color","info-color","warning-color","alert-color","success-color","neutral-color","dark-color","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),borderColor:e.oneOf(["primary-color","secondary-color","info-color","warning-color","alert-color","success-color","neutral-color","dark-color","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"])},cr.defaultProps={highlightColumn:null,headerBgColor:"neutral-color",rowHeaderBgColor:"neutral-color",highlightBgColor:"primary-color",borderColor:"neutral-color"};const vs={Navbar:_a,Sidebar:Ve,Dropdown:Be,Breadcrumbs:ze,InputGroup:We,InputWithLabel:Ye,SearchBar:Ue,SelectTheme:({onThemeChange:r,onModeChange:s})=>a.jsxs("div",{children:[a.jsx("label",{htmlFor:"theme-select",children:"Choose a theme:"}),a.jsxs("select",{id:"theme-select",onChange:t=>r(t.target.value),children:[a.jsx("option",{value:"neurons",children:"Neurons"}),a.jsx("option",{value:"github",children:"GitHub"}),a.jsx("option",{value:"material",children:"Material"})]}),a.jsx("label",{htmlFor:"mode-toggle",children:"Choose mode:"}),a.jsxs("select",{id:"mode-toggle",onChange:t=>s(t.target.value),children:[a.jsx("option",{value:"light",children:"Light Mode"}),a.jsx("option",{value:"dark",children:"Dark Mode"})]})]}),FileUpload:He,FormField:Ge,IconButton:Je,ButtonGroup:Ke,ImageWithCaption:Xe,VideoWithDescription:Ze,AvatarWithName:Qe,AudioPlayer:er,Card:rr,MediaCard:ar,List:sr,Accordion:or,Notification:nr,Modal:tr,DataTable:lr,PricingTable:ir,ComparisonTable:cr},bs=({children:r,primary:s,...t})=>{const n=s?"flexbox--primary":"flexbox--secondary";return a.jsx("div",{className:["flexbox",n].join(" "),...t,children:r})},dr=({children:r,primary:s,...t})=>{const n=s?"header--primary":"header--secondary";return a.jsx("div",{className:["header",n].join(" "),...t,children:r})};dr.propTypes={primary:e.bool,children:e.node.isRequired},dr.defaultProps={primary:!1};const ur=({children:r,primary:s,...t})=>{const n=s?"footer--primary":"footer--secondary";return a.jsx("div",{className:["footer",n].join(" "),...t,children:r})};ur.propTypes={primary:e.bool,children:e.node.isRequired},ur.defaultProps={primary:!1};const fr=({children:r,primary:s,...t})=>{const n=s?"pagination--primary":"pagination--secondary";return a.jsx("div",{className:["pagination",n].join(" "),...t,children:r})};fr.propTypes={primary:e.bool,children:e.node.isRequired},fr.defaultProps={primary:!1};const wa=({links:r=[],logo:s=null,userControls:t=null,styleOverrides:n={}})=>{const d={},l={sidebarBackgroundColor:"--sidebar-background-color",sidebarBorderColor:"--sidebar-border-color",sidebarPadding:"--sidebar-padding",sidebarWidth:"--sidebar-width",logoMarginBottom:"--sidebar-logo-margin-bottom",itemMargin:"--sidebar-item-margin",linkColor:"--sidebar-link-color",linkPadding:"--sidebar-link-padding",linkHoverBackgroundColor:"--sidebar-link-hover-background-color",linkHoverBorderRadius:"--sidebar-link-hover-border-radius",controlsMarginTop:"--sidebar-controls-margin-top"};return Object.keys(n).forEach(c=>{const i=l[c];i&&(d[i]=n[c])}),a.jsxs("aside",{className:"sidebar",style:d,children:[a.jsx("div",{className:"sidebar__logo",children:s}),a.jsx("ul",{className:"sidebar__links",children:r.map((c,i)=>a.jsx("li",{className:"sidebar__item",children:a.jsx("a",{href:c.url,className:`sidebar__link ${c.isActive?"sidebar__link--active":""}`,children:c.label})},i))}),a.jsx("div",{className:"sidebar__controls",children:t})]})};wa.propTypes={links:e.arrayOf(e.shape({url:e.string.isRequired,label:e.string.isRequired,isActive:e.bool})),logo:e.node,userControls:e.node,styleOverrides:e.object};const pr=({children:r,primary:s,...t})=>{const n=s?"tabs--primary":"tabs--secondary";return a.jsx("div",{className:["tabs",n].join(" "),...t,children:r})};pr.propTypes={primary:e.bool,children:e.node.isRequired},pr.defaultProps={primary:!1};const mr=({allowMultipleOpen:r,items:s,color:t,variant:n,showArrow:d,border:l})=>{const[c,i]=T.useState([]),u=p=>{c.includes(p)?i(c.filter(h=>h!==p)):i(r?[...c,p]:[p])},f=`accordion accordion--${n} accordion--${t} ${l?"accordion--border":""}`;return a.jsx("div",{className:f,children:s.map((p,h)=>a.jsxs("div",{className:"accordion__item",children:[a.jsxs("button",{className:"accordion__header",onClick:()=>u(h),"aria-expanded":c.includes(h),"aria-controls":`accordion__content-${h}`,children:[p.title,d&&a.jsx("span",{className:`accordion__icon ${c.includes(h)?"accordion__icon--open":""}`,children:"▾"})]}),a.jsx("div",{id:`accordion__content-${h}`,className:`accordion__content ${c.includes(h)?"accordion__content--open":""}`,children:p.content})]},h))})};mr.propTypes={allowMultipleOpen:e.bool,items:e.arrayOf(e.shape({title:e.string.isRequired,content:e.node.isRequired})).isRequired,variant:e.oneOf(["primary","secondary"]),color:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),showArrow:e.bool,border:e.bool},mr.defaultProps={allowMultipleOpen:!1,color:"primary",variant:"primary",showArrow:!0,border:!1};const hr=({children:r,primary:s,...t})=>{const n=s?"herobanner--primary":"herobanner--secondary";return a.jsx("div",{className:["herobanner",n].join(" "),...t,children:r})};hr.propTypes={primary:e.bool,children:e.node.isRequired},hr.defaultProps={primary:!1};const yr=({children:r,primary:s,...t})=>{const n=s?"heroimagevideo--primary":"heroimagevideo--secondary";return a.jsx("div",{className:["heroimagevideo",n].join(" "),...t,children:r})};yr.propTypes={primary:e.bool,children:e.node.isRequired},yr.defaultProps={primary:!1};const xs={Flexbox:bs,Header:dr,Footer:ur,Pagination:fr,Sidebar:wa,Tabs:pr,Accordion:mr,HeroBanner:hr,HeroImageVideo:yr},Ta=({children:r,...s})=>a.jsx("div",{className:"admindashboard",...s,children:r});Ta.propTypes={children:e.node.isRequired};const Ca=({children:r,...s})=>a.jsx("div",{className:"sidebartopnav",...s,children:r});Ca.propTypes={children:e.node.isRequired};const Oa=({children:r,...s})=>a.jsx("div",{className:"productpage",...s,children:r});Oa.propTypes={children:e.node.isRequired};const Na=({children:r,...s})=>a.jsx("div",{className:"shoppingcart",...s,children:r});Na.propTypes={children:e.node.isRequired};const Ea=({children:r,...s})=>a.jsx("div",{className:"signinpage",...s,children:r});Ea.propTypes={children:e.node.isRequired};const ka=({children:r,...s})=>a.jsx("div",{className:"registrationpage",...s,children:r});ka.propTypes={children:e.node.isRequired};const Sa=({children:r,...s})=>a.jsx("div",{className:"herosection",...s,children:r});Sa.propTypes={children:e.node.isRequired};const Pa=({children:r,...s})=>a.jsx("div",{className:"featureslist",...s,children:r});Pa.propTypes={children:e.node.isRequired};const Ra=({children:r,...s})=>a.jsx("div",{className:"calltoaction",...s,children:r});Ra.propTypes={children:e.node.isRequired};const $a=({children:r,...s})=>a.jsx("div",{className:"testimonials",...s,children:r});$a.propTypes={children:e.node.isRequired};const qa=({children:r,...s})=>a.jsx("div",{className:"formsection",...s,children:r});qa.propTypes={children:e.node.isRequired};const Aa=({children:r,...s})=>a.jsx("div",{className:"locationinfo",...s,children:r});Aa.propTypes={children:e.node.isRequired};const Ma=({children:r,...s})=>a.jsx("div",{className:"socialmedialinks",...s,children:r});return Ma.propTypes={children:e.node.isRequired},{Atoms:gs,Molecules:vs,Layouts:xs,Templates:{AdminDashboard:Ta,SidebarTopNav:Ca,ProductPage:Oa,ShoppingCart:Na,SignInPage:Ea,RegistrationPage:ka,HeroSection:Sa,FeaturesList:Pa,CallToAction:Ra,Testimonials:$a,FormSection:qa,LocationInfo:Aa,SocialMediaLinks:Ma}}});
|
|
69
|
+
9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z`})})}),a.jsx("input",{type:"text",className:"searchbar__input",placeholder:r,value:d,onChange:i,"aria-label":"Search input"})]})};Ue.propTypes={placeholder:e.string,onSearch:e.func},Ue.defaultProps={placeholder:"Search...",onSearch:()=>{}};const He=r=>a.jsx("div",{className:"fileupload",...r});He.propTypes={},He.defaultProps={};const Ge=r=>a.jsx("div",{className:"formfield",...r});Ge.propTypes={},Ge.defaultProps={};const Je=r=>a.jsx("div",{className:"iconbutton",...r});Je.propTypes={},Je.defaultProps={};const Ke=({buttons:r,size:o,color:t,variant:n,onButtonClick:d})=>a.jsx("div",{className:`button-group button-group--${o} button-group--${t} button-group--${n}`,children:r.map((l,c)=>a.jsx("button",{className:"button-group__button",onClick:()=>d(l.value),children:l.label},c))});Ke.propTypes={buttons:e.arrayOf(e.shape({label:e.string.isRequired,value:e.any.isRequired})).isRequired,size:e.oneOf(["small","medium","large"]),color:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),variant:e.oneOf(["solid","outline"]),onButtonClick:e.func},Ke.defaultProps={size:"medium",color:"primary",variant:"solid",onButtonClick:()=>{}};const Xe=r=>a.jsx("div",{className:"imagewithcaption",...r});Xe.propTypes={},Xe.defaultProps={};const Ze=r=>a.jsx("div",{className:"videowithdescription",...r});Ze.propTypes={},Ze.defaultProps={};const ja=a.jsxs("svg",{className:"avatar__default-icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[a.jsx("circle",{cx:"12",cy:"12",r:"10"}),a.jsx("path",{d:"M14.5 9a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z"}),a.jsx("path",{d:"M12 14c-3.03 0-5.47 1.21-6 3h12c-.53-1.79-2.97-3-6-3z"})]}),Qe=({imageSrc:r,name:o,namePosition:t,size:n,onClick:d})=>{const[l,c]=T.useState(!1),i=()=>{c(!l)};return a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:`avatar-with-name avatar-with-name--${t} avatar-with-name--${n}`,onClick:i,children:[a.jsx("div",{className:"avatar-with-name__avatar",children:r?a.jsx("img",{src:r,alt:o}):ja}),a.jsx("div",{className:"avatar-with-name__name",children:o})]}),l&&a.jsx("div",{className:"avatar-modal",onClick:i,children:a.jsxs("div",{className:"avatar-modal__content",onClick:u=>u.stopPropagation(),children:[a.jsx("button",{className:"avatar-modal__close",onClick:i,children:"×"}),a.jsx("div",{className:"avatar-modal__avatar-container",children:a.jsx("div",{className:"avatar-modal__avatar",children:r?a.jsx("img",{src:r,alt:o}):ja})}),a.jsx("div",{className:"avatar-modal__name",children:o})]})})]})};Qe.propTypes={imageSrc:e.string,name:e.string.isRequired,namePosition:e.oneOf(["below","side"]),size:e.oneOf(["small","medium","large"]),onClick:e.func},Qe.defaultProps={namePosition:"below",size:"medium"};const er=({playlist:r,autoPlay:o=!1,loop:t=!1,muted:n=!1,size:d="medium",color:l="classy-color-1",className:c="",style:i={},showMedia:u=!0,...f})=>{const p=T.useRef(null),[h,v]=T.useState(o),[j,S]=T.useState(n),[N,E]=T.useState(n?0:1),[R,$]=T.useState(0),[M,z]=T.useState(0),[g,K]=T.useState(r[0]),[te,oe]=T.useState(0);T.useEffect(()=>{const b=p.current;b&&(b.volume=N,b.muted=j,o&&b.play().catch(()=>v(!1)))},[N,j,o,g]);const le=()=>{const b=p.current;b&&(h?b.pause():b.play().catch(()=>v(!1)),v(!h))},de=()=>{const b=p.current;b&&$(b.currentTime)},ie=()=>{const b=p.current;b&&z(b.duration)},ne=b=>{const O=parseFloat(b.target.value);E(O),S(O===0)},J=()=>{S(!j),E(j?1:0)},H=b=>{const O=parseFloat(b.target.value),C=p.current;C&&(C.currentTime=O,$(O))},ee=b=>{if(isNaN(b))return"00:00";const O=Math.floor(b/60),C=Math.floor(b%60),D=C<10?`0${C}`:C;return`${O}:${D}`},X=()=>{const b=(te+1)%r.length;oe(b),K(r[b])},re=()=>{const b=(te-1+r.length)%r.length;oe(b),K(r[b])},P=(b,O)=>{K(b),oe(O),v(!1)},Z=`audio-player--${d}`,m=`audio-player--${l}`,w=`audio-player ${Z} ${m} ${c}`.trim();return a.jsxs("div",{className:w,style:i,...f,children:[u&&g.image&&a.jsx("div",{className:"audio-player__media",children:a.jsx("img",{src:g.image,alt:g.title})}),a.jsx("div",{className:"audio-player__track-name",children:g.title}),a.jsxs("div",{className:"audio-player__controls",children:[a.jsx("audio",{ref:p,src:g.src,loop:t,onTimeUpdate:de,onLoadedMetadata:ie,onEnded:X,children:"Your browser does not support the audio element."}),a.jsx("button",{className:"audio-player__prev",onClick:re,"aria-label":"Previous Track",children:a.jsx(yo,{})}),a.jsx("button",{className:"audio-player__play-pause",onClick:le,"aria-label":h?"Pause":"Play",children:h?a.jsx(na,{}):a.jsx(ta,{})}),a.jsx("button",{className:"audio-player__next",onClick:X,"aria-label":"Next Track",children:a.jsx(go,{})})]}),a.jsxs("div",{className:"audio-player__seek",children:[a.jsx("input",{type:"range",className:"audio-player__seek-slider",min:"0",max:M,step:"0.1",value:R,onChange:H,"aria-label":"Seek Slider"}),a.jsxs("div",{className:"audio-player__time",children:[ee(R)," / ",ee(M)]})]}),a.jsxs("div",{className:"audio-player__volume-container",children:[a.jsx("button",{className:"audio-player__mute",onClick:J,"aria-label":j?"Unmute":"Mute",children:j?a.jsx(la,{}):a.jsx(ia,{})}),a.jsx("input",{type:"range",className:"audio-player__volume-slider",min:"0",max:"1",step:"0.01",value:j?0:N,onChange:ne,"aria-label":"Volume Slider"})]}),a.jsx("div",{className:"audio-player__playlist",children:a.jsx("ul",{children:r.map((b,O)=>a.jsx("li",{className:`audio-player__track ${O===te?"active":""}`,onClick:()=>P(b,O),children:b.title},O))})})]})};er.propTypes={playlist:e.arrayOf(e.shape({src:e.string.isRequired,title:e.string.isRequired,image:e.string})).isRequired,autoPlay:e.bool,loop:e.bool,muted:e.bool,size:e.oneOf(["small","medium"]),color:e.oneOf(["classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),className:e.string,style:e.object,showMedia:e.bool},er.defaultProps={autoPlay:!1,loop:!1,muted:!1,size:"medium",color:"classy-color-1",showMedia:!0};const rr=({children:r,variant:o,color:t,textColor:n,isExpandable:d,isRemovable:l,hoverable:c,width:i,...u})=>{const[f,p]=T.useState(!1),[h,v]=T.useState(!0),j=()=>p(!f),S=()=>v(!1);return h?a.jsxs("div",{className:`card card--${o} ${c?"card--hoverable":""}`,style:{backgroundColor:o==="solid"?`var(--${t})`:"transparent",border:o==="outline"?`1px solid var(--${t})`:"none",width:i},...u,children:[d&&a.jsx("button",{className:"card__expand",onClick:j,children:f?"Close":"Expand"}),l&&a.jsx("button",{className:"card__remove",onClick:S,children:"×"}),a.jsx("div",{className:"card__content",style:{color:`var(--${n})`},children:r}),f&&a.jsx("div",{className:"card__expanded-content",children:r})]}):null};rr.propTypes={children:e.node.isRequired,variant:e.oneOf(["solid","outline"]),color:e.oneOf(["primary-color","secondary-color","info-color","warning-color","alert-color","success-color","neutral-color","dark-color","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]).isRequired,textColor:e.oneOf(["primary-color","secondary-color","info-color","warning-color","alert-color","success-color","neutral-color","dark-color","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),isExpandable:e.bool,isRemovable:e.bool,hoverable:e.bool,width:e.string},rr.defaultProps={variant:"solid",color:"neutral-color",textColor:"dark-color",isExpandable:!1,isRemovable:!1,hoverable:!1,width:"100%"};const ar=r=>a.jsx("div",{className:"mediacard",...r});ar.propTypes={},ar.defaultProps={};const or=r=>a.jsx("div",{className:"list",...r});or.propTypes={},or.defaultProps={};const sr=r=>a.jsx("div",{className:"accordion",...r});sr.propTypes={},sr.defaultProps={};const nr=r=>a.jsx("div",{className:"notification",...r});nr.propTypes={},nr.defaultProps={};const tr=r=>a.jsx("div",{className:"modal",...r});tr.propTypes={},tr.defaultProps={};const lr=r=>a.jsx("div",{className:"datatable",...r});lr.propTypes={},lr.defaultProps={};const ir=r=>a.jsx("div",{className:"pricingtable",...r});ir.propTypes={},ir.defaultProps={};const cr=({headers:r,rows:o,rowHeaders:t,highlightColumn:n,headerBgColor:d,rowHeaderBgColor:l,highlightBgColor:c,borderColor:i})=>a.jsx("div",{className:"comparison-table-container",children:a.jsxs("table",{className:"comparison-table",style:{borderColor:`var(--${i})`},children:[a.jsx("thead",{children:a.jsxs("tr",{children:[a.jsx("th",{}),r.map((u,f)=>a.jsx("th",{className:n===f?"highlight":"",style:{backgroundColor:`var(--${d})`,borderColor:`var(--${i})`},children:u},f))]})}),a.jsx("tbody",{children:o.map((u,f)=>a.jsxs("tr",{children:[a.jsx("td",{className:"row-header",style:{backgroundColor:`var(--${l})`,borderColor:`var(--${i})`},children:t[f]}),u.map((p,h)=>a.jsx("td",{className:n===h?"highlight":"",style:{backgroundColor:n===h?`var(--${c})`:"inherit",borderColor:`var(--${i})`},children:p},h))]},f))})]})});cr.propTypes={headers:e.arrayOf(e.string).isRequired,rows:e.arrayOf(e.array).isRequired,rowHeaders:e.arrayOf(e.string).isRequired,highlightColumn:e.number,headerBgColor:e.oneOf(["primary-color","secondary-color","info-color","warning-color","alert-color","success-color","neutral-color","dark-color","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),rowHeaderBgColor:e.oneOf(["primary-color","secondary-color","info-color","warning-color","alert-color","success-color","neutral-color","dark-color","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),highlightBgColor:e.oneOf(["primary-color","secondary-color","info-color","warning-color","alert-color","success-color","neutral-color","dark-color","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),borderColor:e.oneOf(["primary-color","secondary-color","info-color","warning-color","alert-color","success-color","neutral-color","dark-color","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"])},cr.defaultProps={highlightColumn:null,headerBgColor:"neutral-color",rowHeaderBgColor:"neutral-color",highlightBgColor:"primary-color",borderColor:"neutral-color"};const bo={Navbar:_a,Sidebar:ze,Dropdown:Be,Breadcrumbs:Ve,InputGroup:We,InputWithLabel:Ye,SearchBar:Ue,SelectTheme:({onThemeChange:r,onModeChange:o})=>a.jsxs("div",{children:[a.jsx("label",{htmlFor:"theme-select",children:"Choose a theme:"}),a.jsxs("select",{id:"theme-select",onChange:t=>r(t.target.value),children:[a.jsx("option",{value:"neurons",children:"Neurons"}),a.jsx("option",{value:"github",children:"GitHub"}),a.jsx("option",{value:"material",children:"Material"})]}),a.jsx("label",{htmlFor:"mode-toggle",children:"Choose mode:"}),a.jsxs("select",{id:"mode-toggle",onChange:t=>o(t.target.value),children:[a.jsx("option",{value:"light",children:"Light Mode"}),a.jsx("option",{value:"dark",children:"Dark Mode"})]})]}),FileUpload:He,FormField:Ge,IconButton:Je,ButtonGroup:Ke,ImageWithCaption:Xe,VideoWithDescription:Ze,AvatarWithName:Qe,AudioPlayer:er,Card:rr,MediaCard:ar,List:or,Accordion:sr,Notification:nr,Modal:tr,DataTable:lr,PricingTable:ir,ComparisonTable:cr},xo=({children:r,primary:o,...t})=>{const n=o?"flexbox--primary":"flexbox--secondary";return a.jsx("div",{className:["flexbox",n].join(" "),...t,children:r})},dr=({children:r,primary:o,...t})=>{const n=o?"header--primary":"header--secondary";return a.jsx("div",{className:["header",n].join(" "),...t,children:r})};dr.propTypes={primary:e.bool,children:e.node.isRequired},dr.defaultProps={primary:!1};const ur=({children:r,primary:o,...t})=>{const n=o?"footer--primary":"footer--secondary";return a.jsx("div",{className:["footer",n].join(" "),...t,children:r})};ur.propTypes={primary:e.bool,children:e.node.isRequired},ur.defaultProps={primary:!1};const fr=({children:r,primary:o,...t})=>{const n=o?"pagination--primary":"pagination--secondary";return a.jsx("div",{className:["pagination",n].join(" "),...t,children:r})};fr.propTypes={primary:e.bool,children:e.node.isRequired},fr.defaultProps={primary:!1};const wa=({links:r=[],logo:o=null,userControls:t=null,styleOverrides:n={}})=>{const d={},l={sidebarBackgroundColor:"--sidebar-background-color",sidebarBorderColor:"--sidebar-border-color",sidebarPadding:"--sidebar-padding",sidebarWidth:"--sidebar-width",logoMarginBottom:"--sidebar-logo-margin-bottom",itemMargin:"--sidebar-item-margin",linkColor:"--sidebar-link-color",linkPadding:"--sidebar-link-padding",linkHoverBackgroundColor:"--sidebar-link-hover-background-color",linkHoverBorderRadius:"--sidebar-link-hover-border-radius",controlsMarginTop:"--sidebar-controls-margin-top"};return Object.keys(n).forEach(c=>{const i=l[c];i&&(d[i]=n[c])}),a.jsxs("aside",{className:"sidebar",style:d,children:[a.jsx("div",{className:"sidebar__logo",children:o}),a.jsx("ul",{className:"sidebar__links",children:r.map((c,i)=>a.jsx("li",{className:"sidebar__item",children:a.jsx("a",{href:c.url,className:`sidebar__link ${c.isActive?"sidebar__link--active":""}`,children:c.label})},i))}),a.jsx("div",{className:"sidebar__controls",children:t})]})};wa.propTypes={links:e.arrayOf(e.shape({url:e.string.isRequired,label:e.string.isRequired,isActive:e.bool})),logo:e.node,userControls:e.node,styleOverrides:e.object};const pr=({children:r,primary:o,...t})=>{const n=o?"tabs--primary":"tabs--secondary";return a.jsx("div",{className:["tabs",n].join(" "),...t,children:r})};pr.propTypes={primary:e.bool,children:e.node.isRequired},pr.defaultProps={primary:!1};const mr=({allowMultipleOpen:r,items:o,color:t,variant:n,showArrow:d,border:l})=>{const[c,i]=T.useState([]),u=p=>{c.includes(p)?i(c.filter(h=>h!==p)):i(r?[...c,p]:[p])},f=`accordion accordion--${n} accordion--${t} ${l?"accordion--border":""}`;return a.jsx("div",{className:f,children:o.map((p,h)=>a.jsxs("div",{className:"accordion__item",children:[a.jsxs("button",{className:"accordion__header",onClick:()=>u(h),"aria-expanded":c.includes(h),"aria-controls":`accordion__content-${h}`,children:[p.title,d&&a.jsx("span",{className:`accordion__icon ${c.includes(h)?"accordion__icon--open":""}`,children:"▾"})]}),a.jsx("div",{id:`accordion__content-${h}`,className:`accordion__content ${c.includes(h)?"accordion__content--open":""}`,children:p.content})]},h))})};mr.propTypes={allowMultipleOpen:e.bool,items:e.arrayOf(e.shape({title:e.string.isRequired,content:e.node.isRequired})).isRequired,variant:e.oneOf(["primary","secondary"]),color:e.oneOf(["primary","secondary","info","warning","alert","success","neutral","dark","classy-color-1","classy-color-2","classy-color-3","classy-color-4","classy-color-5","small-switch-color-1","small-switch-color-2","natural-color-1","natural-color-2","natural-color-3","grey-friend-1","grey-friend-2","shade-1","shade-2","shade-3","shade-4"]),showArrow:e.bool,border:e.bool},mr.defaultProps={allowMultipleOpen:!1,color:"primary",variant:"primary",showArrow:!0,border:!1};const hr=({children:r,primary:o,...t})=>{const n=o?"herobanner--primary":"herobanner--secondary";return a.jsx("div",{className:["herobanner",n].join(" "),...t,children:r})};hr.propTypes={primary:e.bool,children:e.node.isRequired},hr.defaultProps={primary:!1};const yr=({children:r,primary:o,...t})=>{const n=o?"heroimagevideo--primary":"heroimagevideo--secondary";return a.jsx("div",{className:["heroimagevideo",n].join(" "),...t,children:r})};yr.propTypes={primary:e.bool,children:e.node.isRequired},yr.defaultProps={primary:!1};const _o={Flexbox:xo,Header:dr,Footer:ur,Pagination:fr,Sidebar:wa,Tabs:pr,Accordion:mr,HeroBanner:hr,HeroImageVideo:yr},Ta=({children:r,...o})=>a.jsx("div",{className:"admindashboard",...o,children:r});Ta.propTypes={children:e.node.isRequired};const Oa=({children:r,...o})=>a.jsx("div",{className:"sidebartopnav",...o,children:r});Oa.propTypes={children:e.node.isRequired};const Ca=({children:r,...o})=>a.jsx("div",{className:"productpage",...o,children:r});Ca.propTypes={children:e.node.isRequired};const Na=({children:r,...o})=>a.jsx("div",{className:"shoppingcart",...o,children:r});Na.propTypes={children:e.node.isRequired};const Ea=({children:r,...o})=>a.jsx("div",{className:"signinpage",...o,children:r});Ea.propTypes={children:e.node.isRequired};const ka=({children:r,...o})=>a.jsx("div",{className:"registrationpage",...o,children:r});ka.propTypes={children:e.node.isRequired};const Sa=({children:r,...o})=>a.jsx("div",{className:"herosection",...o,children:r});Sa.propTypes={children:e.node.isRequired};const Pa=({children:r,...o})=>a.jsx("div",{className:"featureslist",...o,children:r});Pa.propTypes={children:e.node.isRequired};const Ra=({children:r,...o})=>a.jsx("div",{className:"calltoaction",...o,children:r});Ra.propTypes={children:e.node.isRequired};const $a=({children:r,...o})=>a.jsx("div",{className:"testimonials",...o,children:r});$a.propTypes={children:e.node.isRequired};const qa=({children:r,...o})=>a.jsx("div",{className:"formsection",...o,children:r});qa.propTypes={children:e.node.isRequired};const Aa=({children:r,...o})=>a.jsx("div",{className:"locationinfo",...o,children:r});Aa.propTypes={children:e.node.isRequired};const Ma=({children:r,...o})=>a.jsx("div",{className:"socialmedialinks",...o,children:r});return Ma.propTypes={children:e.node.isRequired},{Atoms:vo,Molecules:bo,Layouts:_o,Templates:{AdminDashboard:Ta,SidebarTopNav:Oa,ProductPage:Ca,ShoppingCart:Na,SignInPage:Ea,RegistrationPage:ka,HeroSection:Sa,FeaturesList:Pa,CallToAction:Ra,Testimonials:$a,FormSection:qa,LocationInfo:Aa,SocialMediaLinks:Ma}}});
|