this.gui 0.0.3 → 0.0.6

package/dist/this-gui.umd.js

@@ -0,0 +1,51 @@
+(function(oe,ce){typeof exports=="object"&&typeof module<"u"?ce(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],ce):(oe=typeof globalThis<"u"?globalThis:oe||self,ce(oe.GUI={},oe.React))})(this,function(oe,ce){"use strict";function pn(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var Oe={exports:{}},be={};/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Mr;function mn(){if(Mr)return be;Mr=1;var r=ce,u=Symbol.for("react.element"),s=Symbol.for("react.fragment"),n=Object.prototype.hasOwnProperty,o=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,m={key:!0,ref:!0,__self:!0,__source:!0};function S(y,h,w){var b,_={},z=null,M=null;w!==void 0&&(z=""+w),h.key!==void 0&&(z=""+h.key),h.ref!==void 0&&(M=h.ref);for(b in h)n.call(h,b)&&!m.hasOwnProperty(b)&&(_[b]=h[b]);if(y&&y.defaultProps)for(b in h=y.defaultProps,h)_[b]===void 0&&(_[b]=h[b]);return{$$typeof:u,type:y,key:z,ref:M,props:_,_owner:o.current}}return be.Fragment=s,be.jsx=S,be.jsxs=S,be}var ge={};/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Fr;function yn(){return Fr||(Fr=1,process.env.NODE_ENV!=="production"&&function(){var r=ce,u=Symbol.for("react.element"),s=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),m=Symbol.for("react.profiler"),S=Symbol.for("react.provider"),y=Symbol.for("react.context"),h=Symbol.for("react.forward_ref"),w=Symbol.for("react.suspense"),b=Symbol.for("react.suspense_list"),_=Symbol.for("react.memo"),z=Symbol.for("react.lazy"),M=Symbol.for("react.offscreen"),G=Symbol.iterator,q="@@iterator";function V(e){if(e===null||typeof e!="object")return null;var a=G&&e[G]||e[q];return typeof a=="function"?a:null}var B=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function F(e){{for(var a=arguments.length,c=new Array(a>1?a-1:0),v=1;v<a;v++)c[v-1]=arguments[v];U("error",e,c)}}function U(e,a,c){{var v=B.ReactDebugCurrentFrame,k=v.getStackAddendum();k!==""&&(a+="%s",c=c.concat([k]));var D=c.map(function($){return String($)});D.unshift("Warning: "+a),Function.prototype.apply.call(console[e],console,D)}}var Y=!1,f=!1,te=!1,he=!1,Te=!1,le;le=Symbol.for("react.module.reference");function Ee(e){return!!(typeof e=="string"||typeof e=="function"||e===n||e===m||Te||e===o||e===w||e===b||he||e===M||Y||f||te||typeof e=="object"&&e!==null&&(e.$$typeof===z||e.$$typeof===_||e.$$typeof===S||e.$$typeof===y||e.$$typeof===h||e.$$typeof===le||e.getModuleId!==void 0))}function fe(e,a,c){var v=e.displayName;if(v)return v;var k=a.displayName||a.name||"";return k!==""?c+"("+k+")":c}function de(e){return e.displayName||"Context"}function K(e){if(e==null)return null;if(typeof e.tag=="number"&&F("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case n:return"Fragment";case s:return"Portal";case m:return"Profiler";case o:return"StrictMode";case w:return"Suspense";case b:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case y:var a=e;return de(a)+".Consumer";case S:var c=e;return de(c._context)+".Provider";case h:return fe(e,e.render,"ForwardRef");case _:var v=e.displayName||null;return v!==null?v:K(e.type)||"Memo";case z:{var k=e,D=k._payload,$=k._init;try{return K($(D))}catch{return null}}}return null}var X=Object.assign,ae=0,Q,ne,ie,pe,i,d,P;function R(){}R.__reactDisabledLog=!0;function g(){{if(ae===0){Q=console.log,ne=console.info,ie=console.warn,pe=console.error,i=console.group,d=console.groupCollapsed,P=console.groupEnd;var e={configurable:!0,enumerable:!0,value:R,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}ae++}}function C(){{if(ae--,ae===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:X({},e,{value:Q}),info:X({},e,{value:ne}),warn:X({},e,{value:ie}),error:X({},e,{value:pe}),group:X({},e,{value:i}),groupCollapsed:X({},e,{value:d}),groupEnd:X({},e,{value:P})})}ae<0&&F("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var T=B.ReactCurrentDispatcher,E;function x(e,a,c){{if(E===void 0)try{throw Error()}catch(k){var v=k.stack.trim().match(/\n( *(at )?)/);E=v&&v[1]||""}return`
+`+E+e}}var A=!1,j;{var J=typeof WeakMap=="function"?WeakMap:Map;j=new J}function l(e,a){if(!e||A)return"";{var c=j.get(e);if(c!==void 0)return c}var v;A=!0;var k=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var D;D=T.current,T.current=null,g();try{if(a){var $=function(){throw Error()};if(Object.defineProperty($.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct($,[])}catch(Z){v=Z}Reflect.construct(e,[],$)}else{try{$.call()}catch(Z){v=Z}e.call($.prototype)}}else{try{throw Error()}catch(Z){v=Z}e()}}catch(Z){if(Z&&v&&typeof Z.stack=="string"){for(var O=Z.stack.split(`
+`),H=v.stack.split(`
+`),W=O.length-1,L=H.length-1;W>=1&&L>=0&&O[W]!==H[L];)L--;for(;W>=1&&L>=0;W--,L--)if(O[W]!==H[L]){if(W!==1||L!==1)do if(W--,L--,L<0||O[W]!==H[L]){var re=`
+`+O[W].replace(" at new "," at ");return e.displayName&&re.includes("<anonymous>")&&(re=re.replace("<anonymous>",e.displayName)),typeof e=="function"&&j.set(e,re),re}while(W>=1&&L>=0);break}}}finally{A=!1,T.current=D,C(),Error.prepareStackTrace=k}var ve=e?e.displayName||e.name:"",ue=ve?x(ve):"";return typeof e=="function"&&j.set(e,ue),ue}function ee(e,a,c){return l(e,!1)}function me(e){var a=e.prototype;return!!(a&&a.isReactComponent)}function se(e,a,c){if(e==null)return"";if(typeof e=="function")return l(e,me(e));if(typeof e=="string")return x(e);switch(e){case w:return x("Suspense");case b:return x("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case h:return ee(e.render);case _:return se(e.type,a,c);case z:{var v=e,k=v._payload,D=v._init;try{return se(D(k),a,c)}catch{}}}return""}var Re=Object.prototype.hasOwnProperty,Qr={},en=B.ReactDebugCurrentFrame;function je(e){if(e){var a=e._owner,c=se(e.type,e._source,a?a.type:null);en.setExtraStackFrame(c)}else en.setExtraStackFrame(null)}function jn(e,a,c,v,k){{var D=Function.call.bind(Re);for(var $ in e)if(D(e,$)){var O=void 0;try{if(typeof e[$]!="function"){var H=Error((v||"React class")+": "+c+" type `"+$+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[$]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw H.name="Invariant Violation",H}O=e[$](a,$,v,c,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(W){O=W}O&&!(O instanceof Error)&&(je(k),F("%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).",v||"React class",c,$,typeof O),je(null)),O instanceof Error&&!(O.message in Qr)&&(Qr[O.message]=!0,je(k),F("Failed %s type: %s",c,O.message),je(null))}}}var On=Array.isArray;function kr(e){return On(e)}function Sn(e){{var a=typeof Symbol=="function"&&Symbol.toStringTag,c=a&&e[Symbol.toStringTag]||e.constructor.name||"Object";return c}}function Cn(e){try{return rn(e),!1}catch{return!0}}function rn(e){return""+e}function nn(e){if(Cn(e))return F("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Sn(e)),rn(e)}var Pe=B.ReactCurrentOwner,$n={key:!0,ref:!0,__self:!0,__source:!0},tn,an,Ir;Ir={};function wn(e){if(Re.call(e,"ref")){var a=Object.getOwnPropertyDescriptor(e,"ref").get;if(a&&a.isReactWarning)return!1}return e.ref!==void 0}function An(e){if(Re.call(e,"key")){var a=Object.getOwnPropertyDescriptor(e,"key").get;if(a&&a.isReactWarning)return!1}return e.key!==void 0}function kn(e,a){if(typeof e.ref=="string"&&Pe.current&&a&&Pe.current.stateNode!==a){var c=K(Pe.current.type);Ir[c]||(F('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',K(Pe.current.type),e.ref),Ir[c]=!0)}}function In(e,a){{var c=function(){tn||(tn=!0,F("%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)",a))};c.isReactWarning=!0,Object.defineProperty(e,"key",{get:c,configurable:!0})}}function Nn(e,a){{var c=function(){an||(an=!0,F("%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)",a))};c.isReactWarning=!0,Object.defineProperty(e,"ref",{get:c,configurable:!0})}}var zn=function(e,a,c,v,k,D,$){var O={$$typeof:u,type:e,key:a,ref:c,props:$,_owner:D};return O._store={},Object.defineProperty(O._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(O,"_self",{configurable:!1,enumerable:!1,writable:!1,value:v}),Object.defineProperty(O,"_source",{configurable:!1,enumerable:!1,writable:!1,value:k}),Object.freeze&&(Object.freeze(O.props),Object.freeze(O)),O};function Dn(e,a,c,v,k){{var D,$={},O=null,H=null;c!==void 0&&(nn(c),O=""+c),An(a)&&(nn(a.key),O=""+a.key),wn(a)&&(H=a.ref,kn(a,k));for(D in a)Re.call(a,D)&&!$n.hasOwnProperty(D)&&($[D]=a[D]);if(e&&e.defaultProps){var W=e.defaultProps;for(D in W)$[D]===void 0&&($[D]=W[D])}if(O||H){var L=typeof e=="function"?e.displayName||e.name||"Unknown":e;O&&In($,L),H&&Nn($,L)}return zn(e,O,H,k,v,Pe.current,$)}}var Nr=B.ReactCurrentOwner,on=B.ReactDebugCurrentFrame;function ye(e){if(e){var a=e._owner,c=se(e.type,e._source,a?a.type:null);on.setExtraStackFrame(c)}else on.setExtraStackFrame(null)}var zr;zr=!1;function Dr(e){return typeof e=="object"&&e!==null&&e.$$typeof===u}function sn(){{if(Nr.current){var e=K(Nr.current.type);if(e)return`
+
+Check the render method of \``+e+"`."}return""}}function qn(e){{if(e!==void 0){var a=e.fileName.replace(/^.*[\\\/]/,""),c=e.lineNumber;return`
+
+Check your code at `+a+":"+c+"."}return""}}var un={};function Mn(e){{var a=sn();if(!a){var c=typeof e=="string"?e:e.displayName||e.name;c&&(a=`
+
+Check the top-level render call using <`+c+">.")}return a}}function cn(e,a){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var c=Mn(a);if(un[c])return;un[c]=!0;var v="";e&&e._owner&&e._owner!==Nr.current&&(v=" It was passed a child from "+K(e._owner.type)+"."),ye(e),F('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',c,v),ye(null)}}function ln(e,a){{if(typeof e!="object")return;if(kr(e))for(var c=0;c<e.length;c++){var v=e[c];Dr(v)&&cn(v,a)}else if(Dr(e))e._store&&(e._store.validated=!0);else if(e){var k=V(e);if(typeof k=="function"&&k!==e.entries)for(var D=k.call(e),$;!($=D.next()).done;)Dr($.value)&&cn($.value,a)}}}function Fn(e){{var a=e.type;if(a==null||typeof a=="string")return;var c;if(typeof a=="function")c=a.propTypes;else if(typeof a=="object"&&(a.$$typeof===h||a.$$typeof===_))c=a.propTypes;else return;if(c){var v=K(a);jn(c,e.props,"prop",v,e)}else if(a.PropTypes!==void 0&&!zr){zr=!0;var k=K(a);F("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",k||"Unknown")}typeof a.getDefaultProps=="function"&&!a.getDefaultProps.isReactClassApproved&&F("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Wn(e){{for(var a=Object.keys(e.props),c=0;c<a.length;c++){var v=a[c];if(v!=="children"&&v!=="key"){ye(e),F("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",v),ye(null);break}}e.ref!==null&&(ye(e),F("Invalid attribute `ref` supplied to `React.Fragment`."),ye(null))}}var fn={};function dn(e,a,c,v,k,D){{var $=Ee(e);if(!$){var O="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(O+=" 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 H=qn(k);H?O+=H:O+=sn();var W;e===null?W="null":kr(e)?W="array":e!==void 0&&e.$$typeof===u?(W="<"+(K(e.type)||"Unknown")+" />",O=" Did you accidentally export a JSX literal instead of a component?"):W=typeof e,F("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",W,O)}var L=Dn(e,a,c,k,D);if(L==null)return L;if($){var re=a.children;if(re!==void 0)if(v)if(kr(re)){for(var ve=0;ve<re.length;ve++)ln(re[ve],e);Object.freeze&&Object.freeze(re)}else F("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 ln(re,e)}if(Re.call(a,"key")){var ue=K(e),Z=Object.keys(a).filter(function(Gn){return Gn!=="key"}),qr=Z.length>0?"{key: someKey, "+Z.join(": ..., ")+": ...}":"{key: someKey}";if(!fn[ue+qr]){var Vn=Z.length>0?"{"+Z.join(": ..., ")+": ...}":"{}";F(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,qr,ue,Vn,ue),fn[ue+qr]=!0}}return e===n?Wn(L):Fn(L),L}}function Yn(e,a,c){return dn(e,a,c,!0)}function Ln(e,a,c){return dn(e,a,c,!1)}var Bn=Ln,Un=Yn;ge.Fragment=n,ge.jsx=Bn,ge.jsxs=Un}()),ge}process.env.NODE_ENV==="production"?Oe.exports=mn():Oe.exports=yn();var p=Oe.exports,Se={exports:{}},_e={exports:{}},I={};/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Wr;function vn(){if(Wr)return I;Wr=1;var r=typeof Symbol=="function"&&Symbol.for,u=r?Symbol.for("react.element"):60103,s=r?Symbol.for("react.portal"):60106,n=r?Symbol.for("react.fragment"):60107,o=r?Symbol.for("react.strict_mode"):60108,m=r?Symbol.for("react.profiler"):60114,S=r?Symbol.for("react.provider"):60109,y=r?Symbol.for("react.context"):60110,h=r?Symbol.for("react.async_mode"):60111,w=r?Symbol.for("react.concurrent_mode"):60111,b=r?Symbol.for("react.forward_ref"):60112,_=r?Symbol.for("react.suspense"):60113,z=r?Symbol.for("react.suspense_list"):60120,M=r?Symbol.for("react.memo"):60115,G=r?Symbol.for("react.lazy"):60116,q=r?Symbol.for("react.block"):60121,V=r?Symbol.for("react.fundamental"):60117,B=r?Symbol.for("react.responder"):60118,F=r?Symbol.for("react.scope"):60119;function U(f){if(typeof f=="object"&&f!==null){var te=f.$$typeof;switch(te){case u:switch(f=f.type,f){case h:case w:case n:case m:case o:case _:return f;default:switch(f=f&&f.$$typeof,f){case y:case b:case G:case M:case S:return f;default:return te}}case s:return te}}}function Y(f){return U(f)===w}return I.AsyncMode=h,I.ConcurrentMode=w,I.ContextConsumer=y,I.ContextProvider=S,I.Element=u,I.ForwardRef=b,I.Fragment=n,I.Lazy=G,I.Memo=M,I.Portal=s,I.Profiler=m,I.StrictMode=o,I.Suspense=_,I.isAsyncMode=function(f){return Y(f)||U(f)===h},I.isConcurrentMode=Y,I.isContextConsumer=function(f){return U(f)===y},I.isContextProvider=function(f){return U(f)===S},I.isElement=function(f){return typeof f=="object"&&f!==null&&f.$$typeof===u},I.isForwardRef=function(f){return U(f)===b},I.isFragment=function(f){return U(f)===n},I.isLazy=function(f){return U(f)===G},I.isMemo=function(f){return U(f)===M},I.isPortal=function(f){return U(f)===s},I.isProfiler=function(f){return U(f)===m},I.isStrictMode=function(f){return U(f)===o},I.isSuspense=function(f){return U(f)===_},I.isValidElementType=function(f){return typeof f=="string"||typeof f=="function"||f===n||f===w||f===m||f===o||f===_||f===z||typeof f=="object"&&f!==null&&(f.$$typeof===G||f.$$typeof===M||f.$$typeof===S||f.$$typeof===y||f.$$typeof===b||f.$$typeof===V||f.$$typeof===B||f.$$typeof===F||f.$$typeof===q)},I.typeOf=U,I}var N={};/** @license React v16.13.1
+ * react-is.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Yr;function bn(){return Yr||(Yr=1,process.env.NODE_ENV!=="production"&&function(){var r=typeof Symbol=="function"&&Symbol.for,u=r?Symbol.for("react.element"):60103,s=r?Symbol.for("react.portal"):60106,n=r?Symbol.for("react.fragment"):60107,o=r?Symbol.for("react.strict_mode"):60108,m=r?Symbol.for("react.profiler"):60114,S=r?Symbol.for("react.provider"):60109,y=r?Symbol.for("react.context"):60110,h=r?Symbol.for("react.async_mode"):60111,w=r?Symbol.for("react.concurrent_mode"):60111,b=r?Symbol.for("react.forward_ref"):60112,_=r?Symbol.for("react.suspense"):60113,z=r?Symbol.for("react.suspense_list"):60120,M=r?Symbol.for("react.memo"):60115,G=r?Symbol.for("react.lazy"):60116,q=r?Symbol.for("react.block"):60121,V=r?Symbol.for("react.fundamental"):60117,B=r?Symbol.for("react.responder"):60118,F=r?Symbol.for("react.scope"):60119;function U(l){return typeof l=="string"||typeof l=="function"||l===n||l===w||l===m||l===o||l===_||l===z||typeof l=="object"&&l!==null&&(l.$$typeof===G||l.$$typeof===M||l.$$typeof===S||l.$$typeof===y||l.$$typeof===b||l.$$typeof===V||l.$$typeof===B||l.$$typeof===F||l.$$typeof===q)}function Y(l){if(typeof l=="object"&&l!==null){var ee=l.$$typeof;switch(ee){case u:var me=l.type;switch(me){case h:case w:case n:case m:case o:case _:return me;default:var se=me&&me.$$typeof;switch(se){case y:case b:case G:case M:case S:return se;default:return ee}}case s:return ee}}}var f=h,te=w,he=y,Te=S,le=u,Ee=b,fe=n,de=G,K=M,X=s,ae=m,Q=o,ne=_,ie=!1;function pe(l){return ie||(ie=!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.")),i(l)||Y(l)===h}function i(l){return Y(l)===w}function d(l){return Y(l)===y}function P(l){return Y(l)===S}function R(l){return typeof l=="object"&&l!==null&&l.$$typeof===u}function g(l){return Y(l)===b}function C(l){return Y(l)===n}function T(l){return Y(l)===G}function E(l){return Y(l)===M}function x(l){return Y(l)===s}function A(l){return Y(l)===m}function j(l){return Y(l)===o}function J(l){return Y(l)===_}N.AsyncMode=f,N.ConcurrentMode=te,N.ContextConsumer=he,N.ContextProvider=Te,N.Element=le,N.ForwardRef=Ee,N.Fragment=fe,N.Lazy=de,N.Memo=K,N.Portal=X,N.Profiler=ae,N.StrictMode=Q,N.Suspense=ne,N.isAsyncMode=pe,N.isConcurrentMode=i,N.isContextConsumer=d,N.isContextProvider=P,N.isElement=R,N.isForwardRef=g,N.isFragment=C,N.isLazy=T,N.isMemo=E,N.isPortal=x,N.isProfiler=A,N.isStrictMode=j,N.isSuspense=J,N.isValidElementType=U,N.typeOf=Y}()),N}var Lr;function Br(){return Lr||(Lr=1,process.env.NODE_ENV==="production"?_e.exports=vn():_e.exports=bn()),_e.exports}/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/var Ce,Ur;function gn(){if(Ur)return Ce;Ur=1;var r=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable;function n(m){if(m==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(m)}function o(){try{if(!Object.assign)return!1;var m=new String("abc");if(m[5]="de",Object.getOwnPropertyNames(m)[0]==="5")return!1;for(var S={},y=0;y<10;y++)S["_"+String.fromCharCode(y)]=y;var h=Object.getOwnPropertyNames(S).map(function(b){return S[b]});if(h.join("")!=="0123456789")return!1;var w={};return"abcdefghijklmnopqrst".split("").forEach(function(b){w[b]=b}),Object.keys(Object.assign({},w)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return Ce=o()?Object.assign:function(m,S){for(var y,h=n(m),w,b=1;b<arguments.length;b++){y=Object(arguments[b]);for(var _ in y)u.call(y,_)&&(h[_]=y[_]);if(r){w=r(y);for(var z=0;z<w.length;z++)s.call(y,w[z])&&(h[w[z]]=y[w[z]])}}return h},Ce}var $e,Vr;function we(){if(Vr)return $e;Vr=1;var r="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return $e=r,$e}var Ae,Gr;function Jr(){return Gr||(Gr=1,Ae=Function.call.bind(Object.prototype.hasOwnProperty)),Ae}var ke,Hr;function hn(){if(Hr)return ke;Hr=1;var r=function(){};if(process.env.NODE_ENV!=="production"){var u=we(),s={},n=Jr();r=function(m){var S="Warning: "+m;typeof console<"u"&&console.error(S);try{throw new Error(S)}catch{}}}function o(m,S,y,h,w){if(process.env.NODE_ENV!=="production"){for(var b in m)if(n(m,b)){var _;try{if(typeof m[b]!="function"){var z=Error((h||"React class")+": "+y+" type `"+b+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof m[b]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw z.name="Invariant Violation",z}_=m[b](S,b,h,y,null,u)}catch(G){_=G}if(_&&!(_ instanceof Error)&&r((h||"React class")+": type specification of "+y+" `"+b+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof _+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),_ instanceof Error&&!(_.message in s)){s[_.message]=!0;var M=w?w():"";r("Failed "+y+" type: "+_.message+(M??""))}}}}return o.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(s={})},ke=o,ke}var Ie,Kr;function Tn(){if(Kr)return Ie;Kr=1;var r=Br(),u=gn(),s=we(),n=Jr(),o=hn(),m=function(){};process.env.NODE_ENV!=="production"&&(m=function(y){var h="Warning: "+y;typeof console<"u"&&console.error(h);try{throw new Error(h)}catch{}});function S(){return null}return Ie=function(y,h){var w=typeof Symbol=="function"&&Symbol.iterator,b="@@iterator";function _(i){var d=i&&(w&&i[w]||i[b]);if(typeof d=="function")return d}var z="<<anonymous>>",M={array:B("array"),bigint:B("bigint"),bool:B("boolean"),func:B("function"),number:B("number"),object:B("object"),string:B("string"),symbol:B("symbol"),any:F(),arrayOf:U,element:Y(),elementType:f(),instanceOf:te,node:Ee(),objectOf:Te,oneOf:he,oneOfType:le,shape:de,exact:K};function G(i,d){return i===d?i!==0||1/i===1/d:i!==i&&d!==d}function q(i,d){this.message=i,this.data=d&&typeof d=="object"?d:{},this.stack=""}q.prototype=Error.prototype;function V(i){if(process.env.NODE_ENV!=="production")var d={},P=0;function R(C,T,E,x,A,j,J){if(x=x||z,j=j||E,J!==s){if(h){var l=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 l.name="Invariant Violation",l}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var ee=x+":"+E;!d[ee]&&P<3&&(m("You are manually calling a React.PropTypes validation function for the `"+j+"` prop on `"+x+"`. 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."),d[ee]=!0,P++)}}return T[E]==null?C?T[E]===null?new q("The "+A+" `"+j+"` is marked as required "+("in `"+x+"`, but its value is `null`.")):new q("The "+A+" `"+j+"` is marked as required in "+("`"+x+"`, but its value is `undefined`.")):null:i(T,E,x,A,j)}var g=R.bind(null,!1);return g.isRequired=R.bind(null,!0),g}function B(i){function d(P,R,g,C,T,E){var x=P[R],A=Q(x);if(A!==i){var j=ne(x);return new q("Invalid "+C+" `"+T+"` of type "+("`"+j+"` supplied to `"+g+"`, expected ")+("`"+i+"`."),{expectedType:i})}return null}return V(d)}function F(){return V(S)}function U(i){function d(P,R,g,C,T){if(typeof i!="function")return new q("Property `"+T+"` of component `"+g+"` has invalid PropType notation inside arrayOf.");var E=P[R];if(!Array.isArray(E)){var x=Q(E);return new q("Invalid "+C+" `"+T+"` of type "+("`"+x+"` supplied to `"+g+"`, expected an array."))}for(var A=0;A<E.length;A++){var j=i(E,A,g,C,T+"["+A+"]",s);if(j instanceof Error)return j}return null}return V(d)}function Y(){function i(d,P,R,g,C){var T=d[P];if(!y(T)){var E=Q(T);return new q("Invalid "+g+" `"+C+"` of type "+("`"+E+"` supplied to `"+R+"`, expected a single ReactElement."))}return null}return V(i)}function f(){function i(d,P,R,g,C){var T=d[P];if(!r.isValidElementType(T)){var E=Q(T);return new q("Invalid "+g+" `"+C+"` of type "+("`"+E+"` supplied to `"+R+"`, expected a single ReactElement type."))}return null}return V(i)}function te(i){function d(P,R,g,C,T){if(!(P[R]instanceof i)){var E=i.name||z,x=pe(P[R]);return new q("Invalid "+C+" `"+T+"` of type "+("`"+x+"` supplied to `"+g+"`, expected ")+("instance of `"+E+"`."))}return null}return V(d)}function he(i){if(!Array.isArray(i))return process.env.NODE_ENV!=="production"&&(arguments.length>1?m("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])."):m("Invalid argument supplied to oneOf, expected an array.")),S;function d(P,R,g,C,T){for(var E=P[R],x=0;x<i.length;x++)if(G(E,i[x]))return null;var A=JSON.stringify(i,function(J,l){var ee=ne(l);return ee==="symbol"?String(l):l});return new q("Invalid "+C+" `"+T+"` of value `"+String(E)+"` "+("supplied to `"+g+"`, expected one of "+A+"."))}return V(d)}function Te(i){function d(P,R,g,C,T){if(typeof i!="function")return new q("Property `"+T+"` of component `"+g+"` has invalid PropType notation inside objectOf.");var E=P[R],x=Q(E);if(x!=="object")return new q("Invalid "+C+" `"+T+"` of type "+("`"+x+"` supplied to `"+g+"`, expected an object."));for(var A in E)if(n(E,A)){var j=i(E,A,g,C,T+"."+A,s);if(j instanceof Error)return j}return null}return V(d)}function le(i){if(!Array.isArray(i))return process.env.NODE_ENV!=="production"&&m("Invalid argument supplied to oneOfType, expected an instance of array."),S;for(var d=0;d<i.length;d++){var P=i[d];if(typeof P!="function")return m("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+ie(P)+" at index "+d+"."),S}function R(g,C,T,E,x){for(var A=[],j=0;j<i.length;j++){var J=i[j],l=J(g,C,T,E,x,s);if(l==null)return null;l.data&&n(l.data,"expectedType")&&A.push(l.data.expectedType)}var ee=A.length>0?", expected one of type ["+A.join(", ")+"]":"";return new q("Invalid "+E+" `"+x+"` supplied to "+("`"+T+"`"+ee+"."))}return V(R)}function Ee(){function i(d,P,R,g,C){return X(d[P])?null:new q("Invalid "+g+" `"+C+"` supplied to "+("`"+R+"`, expected a ReactNode."))}return V(i)}function fe(i,d,P,R,g){return new q((i||"React class")+": "+d+" type `"+P+"."+R+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+g+"`.")}function de(i){function d(P,R,g,C,T){var E=P[R],x=Q(E);if(x!=="object")return new q("Invalid "+C+" `"+T+"` of type `"+x+"` "+("supplied to `"+g+"`, expected `object`."));for(var A in i){var j=i[A];if(typeof j!="function")return fe(g,C,T,A,ne(j));var J=j(E,A,g,C,T+"."+A,s);if(J)return J}return null}return V(d)}function K(i){function d(P,R,g,C,T){var E=P[R],x=Q(E);if(x!=="object")return new q("Invalid "+C+" `"+T+"` of type `"+x+"` "+("supplied to `"+g+"`, expected `object`."));var A=u({},P[R],i);for(var j in A){var J=i[j];if(n(i,j)&&typeof J!="function")return fe(g,C,T,j,ne(J));if(!J)return new q("Invalid "+C+" `"+T+"` key `"+j+"` supplied to `"+g+"`.\nBad object: "+JSON.stringify(P[R],null,"  ")+`
+Valid keys: `+JSON.stringify(Object.keys(i),null,"  "));var l=J(E,j,g,C,T+"."+j,s);if(l)return l}return null}return V(d)}function X(i){switch(typeof i){case"number":case"string":case"undefined":return!0;case"boolean":return!i;case"object":if(Array.isArray(i))return i.every(X);if(i===null||y(i))return!0;var d=_(i);if(d){var P=d.call(i),R;if(d!==i.entries){for(;!(R=P.next()).done;)if(!X(R.value))return!1}else for(;!(R=P.next()).done;){var g=R.value;if(g&&!X(g[1]))return!1}}else return!1;return!0;default:return!1}}function ae(i,d){return i==="symbol"?!0:d?d["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&d instanceof Symbol:!1}function Q(i){var d=typeof i;return Array.isArray(i)?"array":i instanceof RegExp?"object":ae(d,i)?"symbol":d}function ne(i){if(typeof i>"u"||i===null)return""+i;var d=Q(i);if(d==="object"){if(i instanceof Date)return"date";if(i instanceof RegExp)return"regexp"}return d}function ie(i){var d=ne(i);switch(d){case"array":case"object":return"an "+d;case"boolean":case"date":case"regexp":return"a "+d;default:return d}}function pe(i){return!i.constructor||!i.constructor.name?z:i.constructor.name}return M.checkPropTypes=o,M.resetWarningCache=o.resetWarningCache,M.PropTypes=M,M},Ie}var Ne,Xr;function En(){if(Xr)return Ne;Xr=1;var r=we();function u(){}function s(){}return s.resetWarningCache=u,Ne=function(){function n(S,y,h,w,b,_){if(_!==r){var z=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 z.name="Invariant Violation",z}}n.isRequired=n;function o(){return n}var m={array:n,bigint:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:o,element:n,elementType:n,instanceOf:o,node:n,objectOf:o,oneOf:o,oneOfType:o,shape:o,exact:o,checkPropTypes:s,resetWarningCache:u};return m.PropTypes=m,m},Ne}if(process.env.NODE_ENV!=="production"){var Rn=Br(),Pn=!0;Se.exports=Tn()(Rn.isElement,Pn)}else Se.exports=En()();var _n=Se.exports;const t=pn(_n),Jn="",ze=({primary:r,size:u,children:s,...n})=>{const o=r?"heading--primary":"heading--secondary";return p.jsx("div",{className:["heading",`heading--${u}`,o].join(" "),...n,children:s})};ze.propTypes={primary:t.bool,size:t.oneOf(["small","medium","large"]),children:t.node.isRequired},ze.defaultProps={primary:!1,size:"medium"};const Hn="",De=({primary:r,size:u,children:s,...n})=>{const o=r?"paragraph--primary":"paragraph--secondary";return p.jsx("div",{className:["paragraph",`paragraph--${u}`,o].join(" "),...n,children:s})};De.propTypes={primary:t.bool,size:t.oneOf(["small","medium","large"]),children:t.node.isRequired},De.defaultProps={primary:!1,size:"medium"};const Kn="",qe=({primary:r,size:u,children:s,...n})=>{const o=r?"label--primary":"label--secondary";return p.jsx("div",{className:["label",`label--${u}`,o].join(" "),...n,children:s})};qe.propTypes={primary:t.bool,size:t.oneOf(["small","medium","large"]),children:t.node.isRequired},qe.defaultProps={primary:!1,size:"medium"};const Xn="",Me=({primary:r,size:u,children:s,...n})=>{const o=r?"caption--primary":"caption--secondary";return p.jsx("div",{className:["caption",`caption--${u}`,o].join(" "),...n,children:s})};Me.propTypes={primary:t.bool,size:t.oneOf(["small","medium","large"]),children:t.node.isRequired},Me.defaultProps={primary:!1,size:"medium"};const Zn="",Fe=({primary:r,size:u,children:s,...n})=>{const o=r?"container--primary":"container--secondary";return p.jsx("div",{className:["container",`container--${u}`,o].join(" "),...n,children:s})};Fe.propTypes={primary:t.bool,size:t.oneOf(["small","medium","large"]),children:t.node.isRequired},Fe.defaultProps={primary:!1,size:"medium"};const Qn="",We=({primary:r,size:u,label:s,noBorder:n,children:o,...m})=>{const S=r?"button--primary":"button--secondary",y=u==="small"?"button--small":u==="large"?"button--large":"button--medium",h=n?"button--no-border":"";return p.jsx("button",{type:"button",className:`button ${S} ${y} ${h} rounded px-4 py-2`,...m,children:o||s})};We.propTypes={primary:t.bool,size:t.oneOf(["small","medium","large"]),label:t.string,noBorder:t.bool,children:t.node},We.defaultProps={primary:!1,size:"medium",label:"",noBorder:!1};const et="",Ye=({primary:r,size:u,children:s,...n})=>{const o=r?"link--primary":"link--secondary";return p.jsx("div",{className:["link",`link--${u}`,o].join(" "),...n,children:s})};Ye.propTypes={primary:t.bool,size:t.oneOf(["small","medium","large"]),children:t.node.isRequired},Ye.defaultProps={primary:!1,size:"medium"};const rt="",xe=({name:r,size:u,color:s,...n})=>{const o=u?`icon--${u}`:"",m=s?`icon--${s}`:"";return p.jsx("svg",{className:["icon",o,m].join(" ").trim(),...n,children:p.jsx("use",{xlinkHref:`#icon-${r}`})})};xe.propTypes={name:t.string.isRequired,size:t.oneOf(["small","medium","large"]),color:t.oneOf(["primary","secondary","success","danger","warning","info"])},xe.defaultProps={size:"medium",color:"primary"};const nt="",Le=({primary:r,size:u,children:s,...n})=>{const o=r?"checkbox--primary":"checkbox--secondary";return p.jsx("div",{className:["checkbox",`checkbox--${u}`,o].join(" "),...n,children:s})};Le.propTypes={primary:t.bool,size:t.oneOf(["small","medium","large"]),children:t.node.isRequired},Le.defaultProps={primary:!1,size:"medium"};const tt="",Be=({primary:r,size:u,children:s,...n})=>{const o=r?"radiobutton--primary":"radiobutton--secondary";return p.jsx("div",{className:["radiobutton",`radiobutton--${u}`,o].join(" "),...n,children:s})};Be.propTypes={primary:t.bool,size:t.oneOf(["small","medium","large"]),children:t.node.isRequired},Be.defaultProps={primary:!1,size:"medium"};const at="",Ue=({primary:r,size:u,children:s,...n})=>{const o=r?"toggle--primary":"toggle--secondary";return p.jsx("div",{className:["toggle",`toggle--${u}`,o].join(" "),...n,children:s})};Ue.propTypes={primary:t.bool,size:t.oneOf(["small","medium","large"]),children:t.node.isRequired},Ue.defaultProps={primary:!1,size:"medium"};const ot="",Ve=({primary:r,size:u,children:s,...n})=>{const o=r?"textinput--primary":"textinput--secondary";return p.jsx("div",{className:["textinput",`textinput--${u}`,o].join(" "),...n,children:s})};Ve.propTypes={primary:t.bool,size:t.oneOf(["small","medium","large"]),children:t.node.isRequired},Ve.defaultProps={primary:!1,size:"medium"};const it="",Ge=({primary:r,size:u,children:s,...n})=>{const o=r?"textarea--primary":"textarea--secondary";return p.jsx("div",{className:["textarea",`textarea--${u}`,o].join(" "),...n,children:s})};Ge.propTypes={primary:t.bool,size:t.oneOf(["small","medium","large"]),children:t.node.isRequired},Ge.defaultProps={primary:!1,size:"medium"};const st="",Je=({primary:r,size:u,children:s,...n})=>{const o=r?"select--primary":"select--secondary";return p.jsx("div",{className:["select",`select--${u}`,o].join(" "),...n,children:s})};Je.propTypes={primary:t.bool,size:t.oneOf(["small","medium","large"]),children:t.node.isRequired},Je.defaultProps={primary:!1,size:"medium"};const ut="",He=({primary:r,size:u,children:s,...n})=>{const o=r?"slider--primary":"slider--secondary";return p.jsx("div",{className:["slider",`slider--${u}`,o].join(" "),...n,children:s})};He.propTypes={primary:t.bool,size:t.oneOf(["small","medium","large"]),children:t.node.isRequired},He.defaultProps={primary:!1,size:"medium"};const ct="",Ke=({primary:r,size:u,children:s,...n})=>{const o=r?"rangeinput--primary":"rangeinput--secondary";return p.jsx("div",{className:["rangeinput",`rangeinput--${u}`,o].join(" "),...n,children:s})};Ke.propTypes={primary:t.bool,size:t.oneOf(["small","medium","large"]),children:t.node.isRequired},Ke.defaultProps={primary:!1,size:"medium"};const lt="",Xe=({primary:r,size:u,children:s,...n})=>{const o=r?"image--primary":"image--secondary";return p.jsx("div",{className:["image",`image--${u}`,o].join(" "),...n,children:s})};Xe.propTypes={primary:t.bool,size:t.oneOf(["small","medium","large"]),children:t.node.isRequired},Xe.defaultProps={primary:!1,size:"medium"};const ft="",Ze=({primary:r,size:u,children:s,...n})=>{const o=r?"video--primary":"video--secondary";return p.jsx("div",{className:["video",`video--${u}`,o].join(" "),...n,children:s})};Ze.propTypes={primary:t.bool,size:t.oneOf(["small","medium","large"]),children:t.node.isRequired},Ze.defaultProps={primary:!1,size:"medium"};const dt="",Qe=({primary:r,size:u,children:s,...n})=>{const o=r?"audio--primary":"audio--secondary";return p.jsx("div",{className:["audio",`audio--${u}`,o].join(" "),...n,children:s})};Qe.propTypes={primary:t.bool,size:t.oneOf(["small","medium","large"]),children:t.node.isRequired},Qe.defaultProps={primary:!1,size:"medium"};const pt="",er=({primary:r,size:u,children:s,...n})=>{const o=r?"divider--primary":"divider--secondary";return p.jsx("div",{className:["divider",`divider--${u}`,o].join(" "),...n,children:s})};er.propTypes={primary:t.bool,size:t.oneOf(["small","medium","large"]),children:t.node.isRequired},er.defaultProps={primary:!1,size:"medium"};const mt="",rr=({primary:r,size:u,children:s,...n})=>{const o=r?"spacer--primary":"spacer--secondary";return p.jsx("div",{className:["spacer",`spacer--${u}`,o].join(" "),...n,children:s})};rr.propTypes={primary:t.bool,size:t.oneOf(["small","medium","large"]),children:t.node.isRequired},rr.defaultProps={primary:!1,size:"medium"};const yt="",nr=({primary:r,size:u,children:s,...n})=>{const o=r?"tooltip--primary":"tooltip--secondary";return p.jsx("div",{className:["tooltip",`tooltip--${u}`,o].join(" "),...n,children:s})};nr.propTypes={primary:t.bool,size:t.oneOf(["small","medium","large"]),children:t.node.isRequired},nr.defaultProps={primary:!1,size:"medium"};const vt="",tr=({primary:r,size:u,children:s,...n})=>{const o=r?"badge--primary":"badge--secondary";return p.jsx("div",{className:["badge",`badge--${u}`,o].join(" "),...n,children:s})};tr.propTypes={primary:t.bool,size:t.oneOf(["small","medium","large"]),children:t.node.isRequired},tr.defaultProps={primary:!1,size:"medium"};const bt="",ar=({primary:r,size:u,children:s,...n})=>{const o=r?"tag--primary":"tag--secondary";return p.jsx("div",{className:["tag",`tag--${u}`,o].join(" "),...n,children:s})};ar.propTypes={primary:t.bool,size:t.oneOf(["small","medium","large"]),children:t.node.isRequired},ar.defaultProps={primary:!1,size:"medium"};const gt="",or=({primary:r,size:u,children:s,...n})=>{const o=r?"loader--primary":"loader--secondary";return p.jsx("div",{className:["loader",`loader--${u}`,o].join(" "),...n,children:s})};or.propTypes={primary:t.bool,size:t.oneOf(["small","medium","large"]),children:t.node.isRequired},or.defaultProps={primary:!1,size:"medium"};const ht="",ir=({primary:r,size:u,children:s,...n})=>{const o=r?"spinner--primary":"spinner--secondary";return p.jsx("div",{className:["spinner",`spinner--${u}`,o].join(" "),...n,children:s})};ir.propTypes={primary:t.bool,size:t.oneOf(["small","medium","large"]),children:t.node.isRequired},ir.defaultProps={primary:!1,size:"medium"};const Tt="",sr=({primary:r,size:u,children:s,...n})=>{const o=r?"progressbar--primary":"progressbar--secondary";return p.jsx("div",{className:["progressbar",`progressbar--${u}`,o].join(" "),...n,children:s})};sr.propTypes={primary:t.bool,size:t.oneOf(["small","medium","large"]),children:t.node.isRequired},sr.defaultProps={primary:!1,size:"medium"};const Et="",ur=({primary:r,size:u,children:s,...n})=>{const o=r?"alert--primary":"alert--secondary";return p.jsx("div",{className:["alert",`alert--${u}`,o].join(" "),...n,children:s})};ur.propTypes={primary:t.bool,size:t.oneOf(["small","medium","large"]),children:t.node.isRequired},ur.defaultProps={primary:!1,size:"medium"};const Rt="",cr=({primary:r,size:u,children:s,...n})=>{const o=r?"snackbar--primary":"snackbar--secondary";return p.jsx("div",{className:["snackbar",`snackbar--${u}`,o].join(" "),...n,children:s})};cr.propTypes={primary:t.bool,size:t.oneOf(["small","medium","large"]),children:t.node.isRequired},cr.defaultProps={primary:!1,size:"medium"};const xn={Text:{Heading:ze,Paragraph:De,Label:qe,Caption:Me},Interactive:{Container:Fe,Button:We,Link:Ye,Icon:xe,Checkbox:Le,RadioButton:Be,Toggle:Ue,TextInput:Ve,TextArea:Ge,Select:Je,Slider:He,RangeInput:Ke},Media:{Image:Xe,Video:Ze,Audio:Qe,Icon:xe},Visual:{Divider:er,Spacer:rr,Tooltip:nr,Badge:tr,Tag:ar},Feedback:{Loader:or,Spinner:ir,ProgressBar:sr,Alert:ur,Snackbar:cr}},Pt="",lr=({links:r,logo:u,userControls:s})=>{const n=({url:o,label:m,isActive:S,...y})=>p.jsx("a",{href:o,className:`navbar__link ${S?"navbar__link--active":""}`,...y,children:m});return n.propTypes={url:t.string.isRequired,label:t.string.isRequired,isActive:t.bool},n.defaultProps={isActive:!1},p.jsxs("nav",{className:"navbar",children:[p.jsx("div",{className:"navbar__logo",children:u}),p.jsx("ul",{className:"navbar__links",children:r.map((o,m)=>p.jsx("li",{className:"navbar__item",children:p.jsx(n,{url:o.url,label:o.label,isActive:o.isActive})},m))}),p.jsx("div",{className:"navbar__controls",children:s})]})};lr.propTypes={links:t.arrayOf(t.shape({url:t.string.isRequired,label:t.string.isRequired,isActive:t.bool})).isRequired,logo:t.node,userControls:t.node},lr.defaultProps={logo:null,userControls:null};const _t="",fr=r=>p.jsx("div",{className:"sidebar",...r});fr.propTypes={},fr.defaultProps={};const xt="",dr=r=>p.jsx("div",{className:"breadcrumbs",...r});dr.propTypes={},dr.defaultProps={};const jt="",pr=r=>p.jsx("div",{className:"inputgroup",...r});pr.propTypes={},pr.defaultProps={};const Ot="",mr=r=>p.jsx("div",{className:"inputwithlabel",...r});mr.propTypes={},mr.defaultProps={};const St="",yr=r=>p.jsx("div",{className:"searchbar",...r});yr.propTypes={},yr.defaultProps={};const Ct="",vr=r=>p.jsx("div",{className:"fileupload",...r});vr.propTypes={},vr.defaultProps={};const $t="",br=r=>p.jsx("div",{className:"formfield",...r});br.propTypes={},br.defaultProps={};const wt="",gr=r=>p.jsx("div",{className:"iconbutton",...r});gr.propTypes={},gr.defaultProps={};const At="",hr=r=>p.jsx("div",{className:"buttongroup",...r});hr.propTypes={},hr.defaultProps={};const kt="",Tr=r=>p.jsx("div",{className:"imagewithcaption",...r});Tr.propTypes={},Tr.defaultProps={};const It="",Er=r=>p.jsx("div",{className:"videowithdescription",...r});Er.propTypes={},Er.defaultProps={};const Nt="",Rr=r=>p.jsx("div",{className:"avatarwithname",...r});Rr.propTypes={},Rr.defaultProps={};const zt="",Pr=r=>p.jsx("div",{className:"audioplayer",...r});Pr.propTypes={},Pr.defaultProps={};const Dt="",_r=r=>p.jsx("div",{className:"card",...r});_r.propTypes={},_r.defaultProps={};const qt="",xr=r=>p.jsx("div",{className:"mediacard",...r});xr.propTypes={},xr.defaultProps={};const Mt="",jr=r=>p.jsx("div",{className:"list",...r});jr.propTypes={},jr.defaultProps={};const Ft="",Or=r=>p.jsx("div",{className:"accordion",...r});Or.propTypes={},Or.defaultProps={};const Wt="",Sr=r=>p.jsx("div",{className:"notification",...r});Sr.propTypes={},Sr.defaultProps={};const Yt="",Cr=r=>p.jsx("div",{className:"modal",...r});Cr.propTypes={},Cr.defaultProps={};const Lt="",$r=r=>p.jsx("div",{className:"datatable",...r});$r.propTypes={},$r.defaultProps={};const Bt="",wr=r=>p.jsx("div",{className:"pricingtable",...r});wr.propTypes={},wr.defaultProps={};const Ut="",Ar=r=>p.jsx("div",{className:"comparisontable",...r});Ar.propTypes={},Ar.defaultProps={};const Zr={atoms:xn,molecules:{Navigation:{Navbar:lr,Sidebar:fr,Breadcrumbs:dr},FormElements:{InputGroup:pr,InputWithLabel:mr,SearchBar:yr,FileUpload:vr,FormField:br},ButtonsWithIcons:{IconButton:gr,ButtonGroup:hr},MediaMolecules:{ImageWithCaption:Tr,VideoWithDescription:Er,AvatarWithName:Rr,AudioPlayer:Pr},ContentDisplay:{Card:_r,MediaCard:xr,List:jr,Accordion:Or},FeedbackMolecules:{Notification:Sr,Modal:Cr},Tables:{DataTable:$r,PricingTable:wr,ComparisonTable:Ar}}};oe.GUI=Zr,oe.default=Zr,Object.defineProperties(oe,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,35 +1,60 @@
 {
   "name": "this.gui",
-  "version": "0.0.3",
+  "version": "0.0.6",
   "description": "This Graphic User Interface.",
-  "main": "index.js",
-  "type": "module",
+  "main": "dist/this-gui.umd.js",
+  "module": "dist/this-gui.es.js",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/suiGn/GUI.git"
+    "url": "git+https://github.com/neurons-me/GUI.git"
   },
   "scripts": {
-    "build": "webpack --mode production",
-    "test": "jest",
-    "build-css": "sass src/styles:dist/css"
+    "start": "vite",
+    "dev": "vite",
+    "build": "vite build",
+    "prepublishOnly": "npm run build",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
-  "homepage": "https://www.npmjs.com/package/this.gui",
-  "docs": "https://suiGn.github.io/GUI",
+  "type": "module",
   "author": "suiGn",
   "license": "MIT",
-  "repoType": "NPM Package",
   "dependencies": {
-    "material-components-web": "^14.0.0",
-    "sass": "^1.69.6"
+    "@storybook/addons": "^7.6.17",
+    "@storybook/builder-vite": "^8.2.9",
+    "@vitejs/plugin-react": "^4.3.1",
+    "autoprefixer": "^10.4.20",
+    "fs": "^0.0.1-security",
+    "postcss": "^8.4.45",
+    "tailwindcss": "^3.4.10"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.7",
-    "@babel/preset-env": "^7.23.7",
-    "babel-loader": "^9.1.3",
-    "css-loader": "^6.8.1",
-    "sass-loader": "^13.3.3",
-    "style-loader": "^3.3.3",
-    "webpack": "^5.89.0",
-    "webpack-cli": "^5.1.4"
-  }
+    "@chromatic-com/storybook": "^1.8.0",
+    "@mdx-js/loader": "^3.0.1",
+    "@mdx-js/react": "^3.0.1",
+    "@mdx-js/rollup": "^3.0.1",
+    "@storybook/addon-docs": "^8.3.0",
+    "@storybook/addon-essentials": "^8.2.9",
+    "@storybook/addon-interactions": "^8.2.9",
+    "@storybook/addon-links": "^8.2.9",
+    "@storybook/addon-onboarding": "^8.2.9",
+    "@storybook/blocks": "^8.2.9",
+    "@storybook/manager-api": "^8.2.9",
+    "@storybook/react": "^8.2.9",
+    "@storybook/react-vite": "^8.2.9",
+    "@storybook/test": "^8.2.9",
+    "@storybook/theming": "^8.2.9",
+    "prop-types": "^15.8.1",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "storybook": "^8.2.9",
+    "vite": "^4.5.3"
+  },
+  "files": [
+    "dist"
+  ]
 }

package/dist/this.gui.js

@@ -1 +0,0 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.thisGui=t():e.thisGui=t()}(self,(()=>(()=>{"use strict";var e={};return(e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})})(e),e})()));

package/jsdoc.json

@@ -1,53 +0,0 @@
-{
-  "source": {
-    "include": ["./src", "./src/index.ts"],
-    "includePattern": "\\.(js|jsx|ts|tsx)$",
-    "excludePattern": "(node_modules/|docs)"
-  },
-  "opts": {
-    "destination": "./docs",
-    "template": "../../../../../Sandbox/dev_tools/assets/better-docs",
-    "readme": "./README.md"
-  },
-  "templates": {
-    "cleverLinks": false,
-    "monospaceLinks": false,
-    "search": true,
-    "default": {
-        "staticFiles": {
-          "include": [
-              "./README.md"
-          ]
-        }
-    },
-    "better-docs": {
-        "name": "This.GUI",
-        "title": "Docs for this.GUI", 
-        "css": "style.css",
-        "trackingCode": "-",
-  "hideGenerator": false,
-  "navLinks": [
-    {
-      "label": "All.This",
-      "href": "https://suign.github.io/all.this/"
-  },
-  {
-    "label": "@Source",
-    "href": "https://suign.github.io/"
-},
-      {
-          "label": "Github",
-          "href": "https://github.com/suiGn/cleaker"
-      },
-      {
-          "label": "Cleaker.me",
-          "href": "https://cleaker.me"
-      },
-      {
-        "label": "What is all.this?",
-          "href": "https://www.neurons.me/this"
-      }
-  ]
-}
-}
-}

package/webpack.config.cjs

@@ -1,24 +0,0 @@
-const path = require('path');
-
-module.exports = {
-  entry: './index.js', // Main entry point of your library
-  output: {
-    path: path.resolve(__dirname, 'dist'),
-    filename: 'this.gui.js', // Output file
-    library: 'thisGui', // Global var when included via script tag
-    libraryTarget: 'umd',
-  },
-  module: {
-    rules: [
-      {
-        test: /\.js$/,
-        use: 'babel-loader',
-        exclude: /node_modules/,
-      },
-      {
-        test: /\.scss$/,
-        use: ['style-loader', 'css-loader', 'sass-loader'],
-      },
-    ],
-  },
-};