@julien-wiegandt/open-ui 0.1.0 → 0.1.2

package/dist/open-ui.umd.cjs

@@ -1,4 +1,4 @@
-(function(i,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],m):(i=typeof globalThis<"u"?globalThis:i||self,m(i["open-ui"]={},i.React))})(this,(function(i,m){"use strict";var p={exports:{}},E={};/**
+(function(U,_){typeof exports=="object"&&typeof module<"u"?_(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],_):(U=typeof globalThis<"u"?globalThis:U||self,_(U["open-ui"]={},U.React))})(this,(function(U,_){"use strict";var xe={exports:{}},me={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var w;function W(){if(w)return E;w=1;var c=Symbol.for("react.transitional.element"),f=Symbol.for("react.fragment");function _(b,a,s){var T=null;if(s!==void 0&&(T=""+s),a.key!==void 0&&(T=""+a.key),"key"in a){s={};for(var v in a)v!=="key"&&(s[v]=a[v])}else s=a;return a=s.ref,{$$typeof:c,type:b,key:T,ref:a!==void 0?a:null,props:s}}return E.Fragment=f,E.jsx=_,E.jsxs=_,E}var R={};/**
+ */var ht;function ur(){if(ht)return me;ht=1;var e=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function r(n,o,s){var a=null;if(s!==void 0&&(a=""+s),o.key!==void 0&&(a=""+o.key),"key"in o){s={};for(var c in o)c!=="key"&&(s[c]=o[c])}else s=o;return o=s.ref,{$$typeof:e,type:n,key:a,ref:o!==void 0?o:null,props:s}}return me.Fragment=t,me.jsx=r,me.jsxs=r,me}var ge={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,9 +14,115 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var h;function U(){return h||(h=1,process.env.NODE_ENV!=="production"&&(function(){function c(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===oe?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case O:return"Fragment";case H:return"Profiler";case B:return"StrictMode";case ee:return"Suspense";case re:return"SuspenseList";case ne:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case X:return"Portal";case Q:return(e.displayName||"Context")+".Provider";case Z:return(e._context.displayName||"Context")+".Consumer";case K:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case te:return r=e.displayName||null,r!==null?r:c(e.type)||"Memo";case Y:r=e._payload,e=e._init;try{return c(e(r))}catch{}}return null}function f(e){return""+e}function _(e){try{f(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,n=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",n),f(e)}}function b(e){if(e===O)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===Y)return"<...>";try{var r=c(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function a(){var e=S.A;return e===null?null:e.getOwner()}function s(){return Error("react-stack-top-frame")}function T(e){if(I.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function v(e,r){function t(){F||(F=!0,console.error("%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://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function V(){var e=c(this.type);return D[e]||(D[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function G(e,r,t,n,l,u,P,j){return t=u.ref,e={$$typeof:C,type:e,key:r,props:u,_owner:l},(t!==void 0?t:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:V}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:P}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:j}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function y(e,r,t,n,l,u,P,j){var o=r.children;if(o!==void 0)if(n)if(ae(o)){for(n=0;n<o.length;n++)N(o[n]);Object.freeze&&Object.freeze(o)}else console.error("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 N(o);if(I.call(r,"key")){o=c(e);var d=Object.keys(r).filter(function(se){return se!=="key"});n=0<d.length?"{key: someKey, "+d.join(": ..., ")+": ...}":"{key: someKey}",L[o+n]||(d=0<d.length?"{"+d.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var mt;function lr(){return mt||(mt=1,process.env.NODE_ENV!=="production"&&(function(){function e(i){if(i==null)return null;if(typeof i=="function")return i.$$typeof===ft?null:i.displayName||i.name||null;if(typeof i=="string")return i;switch(i){case R:return"Fragment";case C:return"Profiler";case j:return"StrictMode";case T:return"Suspense";case h:return"SuspenseList";case X:return"Activity"}if(typeof i=="object")switch(typeof i.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),i.$$typeof){case x:return"Portal";case S:return(i.displayName||"Context")+".Provider";case A:return(i._context.displayName||"Context")+".Consumer";case E:var l=i.render;return i=i.displayName,i||(i=l.displayName||l.name||"",i=i!==""?"ForwardRef("+i+")":"ForwardRef"),i;case p:return l=i.displayName||null,l!==null?l:e(i.type)||"Memo";case V:l=i._payload,i=i._init;try{return e(i(l))}catch{}}return null}function t(i){return""+i}function r(i){try{t(i);var l=!1}catch{l=!0}if(l){l=console;var f=l.error,N=typeof Symbol=="function"&&Symbol.toStringTag&&i[Symbol.toStringTag]||i.constructor.name||"Object";return f.call(l,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",N),t(i)}}function n(i){if(i===R)return"<>";if(typeof i=="object"&&i!==null&&i.$$typeof===V)return"<...>";try{var l=e(i);return l?"<"+l+">":"<...>"}catch{return"<...>"}}function o(){var i=Se.A;return i===null?null:i.getOwner()}function s(){return Error("react-stack-top-frame")}function a(i){if(Ve.call(i,"key")){var l=Object.getOwnPropertyDescriptor(i,"key").get;if(l&&l.isReactWarning)return!1}return i.key!==void 0}function c(i,l){function f(){Ge||(Ge=!0,console.error("%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://react.dev/link/special-props)",l))}f.isReactWarning=!0,Object.defineProperty(i,"key",{get:f,configurable:!0})}function u(){var i=e(this.type);return He[i]||(He[i]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),i=this.props.ref,i!==void 0?i:null}function w(i,l,f,N,Y,D,H,J){return f=D.ref,i={$$typeof:y,type:i,key:l,props:D,_owner:Y},(f!==void 0?f:null)!==null?Object.defineProperty(i,"ref",{enumerable:!1,get:u}):Object.defineProperty(i,"ref",{enumerable:!1,value:null}),i._store={},Object.defineProperty(i._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(i,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(i,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:H}),Object.defineProperty(i,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:J}),Object.freeze&&(Object.freeze(i.props),Object.freeze(i)),i}function v(i,l,f,N,Y,D,H,J){var P=l.children;if(P!==void 0)if(N)if(We(P)){for(N=0;N<P.length;N++)m(P[N]);Object.freeze&&Object.freeze(P)}else console.error("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 m(P);if(Ve.call(l,"key")){P=e(i);var z=Object.keys(l).filter(function(he){return he!=="key"});N=0<z.length?"{key: someKey, "+z.join(": ..., ")+": ...}":"{key: someKey}",L[P+N]||(z=0<z.length?"{"+z.join(": ..., ")+": ...}":"{}",console.error(`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} />`,n,o,d,o),L[o+n]=!0)}if(o=null,t!==void 0&&(_(t),o=""+t),T(r)&&(_(r.key),o=""+r.key),"key"in r){t={};for(var x in r)x!=="key"&&(t[x]=r[x])}else t=r;return o&&v(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),G(e,o,u,l,a(),t,P,j)}function N(e){typeof e=="object"&&e!==null&&e.$$typeof===C&&e._store&&(e._store.validated=1)}var k=m,C=Symbol.for("react.transitional.element"),X=Symbol.for("react.portal"),O=Symbol.for("react.fragment"),B=Symbol.for("react.strict_mode"),H=Symbol.for("react.profiler"),Z=Symbol.for("react.consumer"),Q=Symbol.for("react.context"),K=Symbol.for("react.forward_ref"),ee=Symbol.for("react.suspense"),re=Symbol.for("react.suspense_list"),te=Symbol.for("react.memo"),Y=Symbol.for("react.lazy"),ne=Symbol.for("react.activity"),oe=Symbol.for("react.client.reference"),S=k.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,I=Object.prototype.hasOwnProperty,ae=Array.isArray,A=console.createTask?console.createTask:function(){return null};k={react_stack_bottom_frame:function(e){return e()}};var F,D={},$=k.react_stack_bottom_frame.bind(k,s)(),M=A(b(s)),L={};R.Fragment=O,R.jsx=function(e,r,t,n,l){var u=1e4>S.recentlyCreatedOwnerStacks++;return y(e,r,t,!1,n,l,u?Error("react-stack-top-frame"):$,u?A(b(e)):M)},R.jsxs=function(e,r,t,n,l){var u=1e4>S.recentlyCreatedOwnerStacks++;return y(e,r,t,!0,n,l,u?Error("react-stack-top-frame"):$,u?A(b(e)):M)}})()),R}var g;function q(){return g||(g=1,process.env.NODE_ENV==="production"?p.exports=W():p.exports=U()),p.exports}var J=q();const z=({children:c,...f})=>J.jsx("button",{...f,children:c});i.Button=z,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})}));
+  <%s key={someKey} {...props} />`,N,P,z,P),L[P+N]=!0)}if(P=null,f!==void 0&&(r(f),P=""+f),a(l)&&(r(l.key),P=""+l.key),"key"in l){f={};for(var oe in l)oe!=="key"&&(f[oe]=l[oe])}else f=l;return P&&c(f,typeof i=="function"?i.displayName||i.name||"Unknown":i),w(i,P,D,Y,o(),f,H,J)}function m(i){typeof i=="object"&&i!==null&&i.$$typeof===y&&i._store&&(i._store.validated=1)}var g=_,y=Symbol.for("react.transitional.element"),x=Symbol.for("react.portal"),R=Symbol.for("react.fragment"),j=Symbol.for("react.strict_mode"),C=Symbol.for("react.profiler"),A=Symbol.for("react.consumer"),S=Symbol.for("react.context"),E=Symbol.for("react.forward_ref"),T=Symbol.for("react.suspense"),h=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),V=Symbol.for("react.lazy"),X=Symbol.for("react.activity"),ft=Symbol.for("react.client.reference"),Se=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,Ve=Object.prototype.hasOwnProperty,We=Array.isArray,Ee=console.createTask?console.createTask:function(){return null};g={react_stack_bottom_frame:function(i){return i()}};var Ge,He={},fe=g.react_stack_bottom_frame.bind(g,s)(),ke=Ee(n(s)),L={};ge.Fragment=R,ge.jsx=function(i,l,f,N,Y){var D=1e4>Se.recentlyCreatedOwnerStacks++;return v(i,l,f,!1,N,Y,D?Error("react-stack-top-frame"):fe,D?Ee(n(i)):ke)},ge.jsxs=function(i,l,f,N,Y){var D=1e4>Se.recentlyCreatedOwnerStacks++;return v(i,l,f,!0,N,Y,D?Error("react-stack-top-frame"):fe,D?Ee(n(i)):ke)}})()),ge}var gt;function pr(){return gt||(gt=1,process.env.NODE_ENV==="production"?xe.exports=ur():xe.exports=lr()),xe.exports}var ye=pr();const Ue={sm:480,lg:1024,xl:1280},dr=()=>{const[e,t]=_.useState(void 0),[r,n]=_.useState("sm");_.useEffect(()=>{const u=()=>{t(window.innerWidth)};return u(),window.addEventListener("resize",u),()=>{window.removeEventListener("resize",u)}},[]),_.useEffect(()=>{typeof e=="number"&&(e>=Ue.xl?n("xl"):e>=Ue.lg?n("lg"):e>=Ue.sm?n("md"):n("sm"))},[e]);const{isMobile:o,isTablet:s,isLaptop:a,isDesktop:c}=_.useMemo(()=>({isMobile:r==="sm",isTablet:r==="md",isLaptop:r==="lg",isDesktop:r==="xl"}),[r]);return{width:e,breakpoint:r,isMobile:o,isTablet:s,isLaptop:a,isDesktop:c}};var F=function(){return F=Object.assign||function(t){for(var r,n=1,o=arguments.length;n<o;n++){r=arguments[n];for(var s in r)Object.prototype.hasOwnProperty.call(r,s)&&(t[s]=r[s])}return t},F.apply(this,arguments)};function se(e,t,r){if(r||arguments.length===2)for(var n=0,o=t.length,s;n<o;n++)(s||!(n in t))&&(s||(s=Array.prototype.slice.call(t,0,n)),s[n]=t[n]);return e.concat(s||Array.prototype.slice.call(t))}typeof SuppressedError=="function"&&SuppressedError;function fr(e){var t=Object.create(null);return function(r){return t[r]===void 0&&(t[r]=e(r)),t[r]}}var hr=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,mr=fr(function(e){return hr.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),k="-ms-",ve="-moz-",b="-webkit-",yt="comm",Re="rule",qe="decl",gr="@import",vt="@keyframes",yr="@layer",bt=Math.abs,Xe=String.fromCharCode,Je=Object.assign;function vr(e,t){return I(e,0)^45?(((t<<2^I(e,0))<<2^I(e,1))<<2^I(e,2))<<2^I(e,3):0}function wt(e){return e.trim()}function G(e,t){return(e=t.exec(e))?e[0]:e}function d(e,t,r){return e.replace(t,r)}function _e(e,t,r){return e.indexOf(t,r)}function I(e,t){return e.charCodeAt(t)|0}function ae(e,t,r){return e.slice(t,r)}function W(e){return e.length}function St(e){return e.length}function be(e,t){return t.push(e),e}function br(e,t){return e.map(t).join("")}function Et(e,t){return e.filter(function(r){return!G(r,t)})}var Ae=1,ie=1,kt=0,M=0,O=0,ce="";function Te(e,t,r,n,o,s,a,c){return{value:e,root:t,parent:r,type:n,props:o,children:s,line:Ae,column:ie,length:a,return:"",siblings:c}}function q(e,t){return Je(Te("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function ue(e){for(;e.root;)e=q(e.root,{children:[e]});be(e,e.siblings)}function wr(){return O}function Sr(){return O=M>0?I(ce,--M):0,ie--,O===10&&(ie=1,Ae--),O}function B(){return O=M<kt?I(ce,M++):0,ie++,O===10&&(ie=1,Ae++),O}function K(){return I(ce,M)}function Pe(){return M}function Ce(e,t){return ae(ce,e,t)}function Ze(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function Er(e){return Ae=ie=1,kt=W(ce=e),M=0,[]}function kr(e){return ce="",e}function Ke(e){return wt(Ce(M-1,Qe(e===91?e+2:e===40?e+1:e)))}function xr(e){for(;(O=K())&&O<33;)B();return Ze(e)>2||Ze(O)>3?"":" "}function Rr(e,t){for(;--t&&B()&&!(O<48||O>102||O>57&&O<65||O>70&&O<97););return Ce(e,Pe()+(t<6&&K()==32&&B()==32))}function Qe(e){for(;B();)switch(O){case e:return M;case 34:case 39:e!==34&&e!==39&&Qe(O);break;case 40:e===41&&Qe(e);break;case 92:B();break}return M}function _r(e,t){for(;B()&&e+O!==57;)if(e+O===84&&K()===47)break;return"/*"+Ce(t,M-1)+"*"+Xe(e===47?e:B())}function Ar(e){for(;!Ze(K());)B();return Ce(e,M)}function Tr(e){return kr(Oe("",null,null,null,[""],e=Er(e),0,[0],e))}function Oe(e,t,r,n,o,s,a,c,u){for(var w=0,v=0,m=a,g=0,y=0,x=0,R=1,j=1,C=1,A=0,S="",E=o,T=s,h=n,p=S;j;)switch(x=A,A=B()){case 40:if(x!=108&&I(p,m-1)==58){_e(p+=d(Ke(A),"&","&\f"),"&\f",bt(w?c[w-1]:0))!=-1&&(C=-1);break}case 34:case 39:case 91:p+=Ke(A);break;case 9:case 10:case 13:case 32:p+=xr(x);break;case 92:p+=Rr(Pe()-1,7);continue;case 47:switch(K()){case 42:case 47:be(Pr(_r(B(),Pe()),t,r,u),u);break;default:p+="/"}break;case 123*R:c[w++]=W(p)*C;case 125*R:case 59:case 0:switch(A){case 0:case 125:j=0;case 59+v:C==-1&&(p=d(p,/\f/g,"")),y>0&&W(p)-m&&be(y>32?Rt(p+";",n,r,m-1,u):Rt(d(p," ","")+";",n,r,m-2,u),u);break;case 59:p+=";";default:if(be(h=xt(p,t,r,w,v,o,c,S,E=[],T=[],m,s),s),A===123)if(v===0)Oe(p,t,h,h,E,s,m,c,T);else switch(g===99&&I(p,3)===110?100:g){case 100:case 108:case 109:case 115:Oe(e,h,h,n&&be(xt(e,h,h,0,0,o,c,S,o,E=[],m,T),T),o,T,m,c,n?E:T);break;default:Oe(p,h,h,h,[""],T,0,c,T)}}w=v=y=0,R=C=1,S=p="",m=a;break;case 58:m=1+W(p),y=x;default:if(R<1){if(A==123)--R;else if(A==125&&R++==0&&Sr()==125)continue}switch(p+=Xe(A),A*R){case 38:C=v>0?1:(p+="\f",-1);break;case 44:c[w++]=(W(p)-1)*C,C=1;break;case 64:K()===45&&(p+=Ke(B())),g=K(),v=m=W(S=p+=Ar(Pe())),A++;break;case 45:x===45&&W(p)==2&&(R=0)}}return s}function xt(e,t,r,n,o,s,a,c,u,w,v,m){for(var g=o-1,y=o===0?s:[""],x=St(y),R=0,j=0,C=0;R<n;++R)for(var A=0,S=ae(e,g+1,g=bt(j=a[R])),E=e;A<x;++A)(E=wt(j>0?y[A]+" "+S:d(S,/&\f/g,y[A])))&&(u[C++]=E);return Te(e,t,r,o===0?Re:c,u,w,v,m)}function Pr(e,t,r,n){return Te(e,t,r,yt,Xe(wr()),ae(e,2,-2),0,n)}function Rt(e,t,r,n,o){return Te(e,t,r,qe,ae(e,0,n),ae(e,n+1,-1),n,o)}function _t(e,t,r){switch(vr(e,t)){case 5103:return b+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return b+e+e;case 4789:return ve+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return b+e+ve+e+k+e+e;case 5936:switch(I(e,t+11)){case 114:return b+e+k+d(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return b+e+k+d(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return b+e+k+d(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return b+e+k+e+e;case 6165:return b+e+k+"flex-"+e+e;case 5187:return b+e+d(e,/(\w+).+(:[^]+)/,b+"box-$1$2"+k+"flex-$1$2")+e;case 5443:return b+e+k+"flex-item-"+d(e,/flex-|-self/g,"")+(G(e,/flex-|baseline/)?"":k+"grid-row-"+d(e,/flex-|-self/g,""))+e;case 4675:return b+e+k+"flex-line-pack"+d(e,/align-content|flex-|-self/g,"")+e;case 5548:return b+e+k+d(e,"shrink","negative")+e;case 5292:return b+e+k+d(e,"basis","preferred-size")+e;case 6060:return b+"box-"+d(e,"-grow","")+b+e+k+d(e,"grow","positive")+e;case 4554:return b+d(e,/([^-])(transform)/g,"$1"+b+"$2")+e;case 6187:return d(d(d(e,/(zoom-|grab)/,b+"$1"),/(image-set)/,b+"$1"),e,"")+e;case 5495:case 3959:return d(e,/(image-set\([^]*)/,b+"$1$`$1");case 4968:return d(d(e,/(.+:)(flex-)?(.*)/,b+"box-pack:$3"+k+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+b+e+e;case 4200:if(!G(e,/flex-|baseline/))return k+"grid-column-align"+ae(e,t)+e;break;case 2592:case 3360:return k+d(e,"template-","")+e;case 4384:case 3616:return r&&r.some(function(n,o){return t=o,G(n.props,/grid-\w+-end/)})?~_e(e+(r=r[t].value),"span",0)?e:k+d(e,"-start","")+e+k+"grid-row-span:"+(~_e(r,"span",0)?G(r,/\d+/):+G(r,/\d+/)-+G(e,/\d+/))+";":k+d(e,"-start","")+e;case 4896:case 4128:return r&&r.some(function(n){return G(n.props,/grid-\w+-start/)})?e:k+d(d(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return d(e,/(.+)-inline(.+)/,b+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(W(e)-1-t>6)switch(I(e,t+1)){case 109:if(I(e,t+4)!==45)break;case 102:return d(e,/(.+:)(.+)-([^]+)/,"$1"+b+"$2-$3$1"+ve+(I(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~_e(e,"stretch",0)?_t(d(e,"stretch","fill-available"),t,r)+e:e}break;case 5152:case 5920:return d(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,function(n,o,s,a,c,u,w){return k+o+":"+s+w+(a?k+o+"-span:"+(c?u:+u-+s)+w:"")+e});case 4949:if(I(e,t+6)===121)return d(e,":",":"+b)+e;break;case 6444:switch(I(e,I(e,14)===45?18:11)){case 120:return d(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+b+(I(e,14)===45?"inline-":"")+"box$3$1"+b+"$2$3$1"+k+"$2box$3")+e;case 100:return d(e,":",":"+k)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return d(e,"scroll-","scroll-snap-")+e}return e}function Ne(e,t){for(var r="",n=0;n<e.length;n++)r+=t(e[n],n,e,t)||"";return r}function Cr(e,t,r,n){switch(e.type){case yr:if(e.children.length)break;case gr:case qe:return e.return=e.return||e.value;case yt:return"";case vt:return e.return=e.value+"{"+Ne(e.children,n)+"}";case Re:if(!W(e.value=e.props.join(",")))return""}return W(r=Ne(e.children,n))?e.return=e.value+"{"+r+"}":""}function Or(e){var t=St(e);return function(r,n,o,s){for(var a="",c=0;c<t;c++)a+=e[c](r,n,o,s)||"";return a}}function Nr(e){return function(t){t.root||(t=t.return)&&e(t)}}function $r(e,t,r,n){if(e.length>-1&&!e.return)switch(e.type){case qe:e.return=_t(e.value,e.length,r);return;case vt:return Ne([q(e,{value:d(e.value,"@","@"+b)})],n);case Re:if(e.length)return br(r=e.props,function(o){switch(G(o,n=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":ue(q(e,{props:[d(o,/:(read-\w+)/,":"+ve+"$1")]})),ue(q(e,{props:[o]})),Je(e,{props:Et(r,n)});break;case"::placeholder":ue(q(e,{props:[d(o,/:(plac\w+)/,":"+b+"input-$1")]})),ue(q(e,{props:[d(o,/:(plac\w+)/,":"+ve+"$1")]})),ue(q(e,{props:[d(o,/:(plac\w+)/,k+"input-$1")]})),ue(q(e,{props:[o]})),Je(e,{props:Et(r,n)});break}return""})}}var Ir={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},Q=typeof process<"u"&&process.env!==void 0&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",At="active",Tt="data-styled-version",$e="6.1.19",et=`/*!sc*/
+`,Ie=typeof window<"u"&&typeof document<"u",jr=!!(typeof SC_DISABLE_SPEEDY=="boolean"?SC_DISABLE_SPEEDY:typeof process<"u"&&process.env!==void 0&&process.env.REACT_APP_SC_DISABLE_SPEEDY!==void 0&&process.env.REACT_APP_SC_DISABLE_SPEEDY!==""?process.env.REACT_APP_SC_DISABLE_SPEEDY!=="false"&&process.env.REACT_APP_SC_DISABLE_SPEEDY:typeof process<"u"&&process.env!==void 0&&process.env.SC_DISABLE_SPEEDY!==void 0&&process.env.SC_DISABLE_SPEEDY!==""?process.env.SC_DISABLE_SPEEDY!=="false"&&process.env.SC_DISABLE_SPEEDY:process.env.NODE_ENV!=="production"),Pt=/invalid hook call/i,je=new Set,Dr=function(e,t){if(process.env.NODE_ENV!=="production"){var r=t?' with the id of "'.concat(t,'"'):"",n="The component ".concat(e).concat(r,` has been created dynamically.
+`)+`You may see this warning because you've called styled inside another component.
+To resolve this only create new StyledComponents outside of any render method and function component.
+See https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.
+`,o=console.error;try{var s=!0;console.error=function(a){for(var c=[],u=1;u<arguments.length;u++)c[u-1]=arguments[u];Pt.test(a)?(s=!1,je.delete(n)):o.apply(void 0,se([a],c,!1))},_.useRef(),s&&!je.has(n)&&(console.warn(n),je.add(n))}catch(a){Pt.test(a.message)&&je.delete(n)}finally{console.error=o}}},De=Object.freeze([]),le=Object.freeze({});function Fr(e,t,r){return r===void 0&&(r=le),e.theme!==r.theme&&e.theme||t||r.theme}var tt=new Set(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),zr=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,Mr=/(^-|-$)/g;function Ct(e){return e.replace(zr,"-").replace(Mr,"")}var Lr=/(a)(d)/gi,Fe=52,Ot=function(e){return String.fromCharCode(e+(e>25?39:97))};function rt(e){var t,r="";for(t=Math.abs(e);t>Fe;t=t/Fe|0)r=Ot(t%Fe)+r;return(Ot(t%Fe)+r).replace(Lr,"$1-$2")}var nt,Nt=5381,ee=function(e,t){for(var r=t.length;r;)e=33*e^t.charCodeAt(--r);return e},$t=function(e){return ee(Nt,e)};function Yr(e){return rt($t(e)>>>0)}function It(e){return process.env.NODE_ENV!=="production"&&typeof e=="string"&&e||e.displayName||e.name||"Component"}function ot(e){return typeof e=="string"&&(process.env.NODE_ENV==="production"||e.charAt(0)===e.charAt(0).toLowerCase())}var jt=typeof Symbol=="function"&&Symbol.for,Dt=jt?Symbol.for("react.memo"):60115,Br=jt?Symbol.for("react.forward_ref"):60112,Vr={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},Wr={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Ft={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Gr=((nt={})[Br]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},nt[Dt]=Ft,nt);function zt(e){return("type"in(t=e)&&t.type.$$typeof)===Dt?Ft:"$$typeof"in e?Gr[e.$$typeof]:Vr;var t}var Hr=Object.defineProperty,Ur=Object.getOwnPropertyNames,Mt=Object.getOwnPropertySymbols,qr=Object.getOwnPropertyDescriptor,Xr=Object.getPrototypeOf,Lt=Object.prototype;function Yt(e,t,r){if(typeof t!="string"){if(Lt){var n=Xr(t);n&&n!==Lt&&Yt(e,n,r)}var o=Ur(t);Mt&&(o=o.concat(Mt(t)));for(var s=zt(e),a=zt(t),c=0;c<o.length;++c){var u=o[c];if(!(u in Wr||r&&r[u]||a&&u in a||s&&u in s)){var w=qr(t,u);try{Hr(e,u,w)}catch{}}}}return e}function pe(e){return typeof e=="function"}function st(e){return typeof e=="object"&&"styledComponentId"in e}function te(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function Bt(e,t){if(e.length===0)return"";for(var r=e[0],n=1;n<e.length;n++)r+=e[n];return r}function de(e){return e!==null&&typeof e=="object"&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function at(e,t,r){if(r===void 0&&(r=!1),!r&&!de(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var n=0;n<t.length;n++)e[n]=at(e[n],t[n]);else if(de(t))for(var n in t)e[n]=at(e[n],t[n]);return e}function it(e,t){Object.defineProperty(e,"toString",{value:t})}var Jr=process.env.NODE_ENV!=="production"?{1:`Cannot create styled-component for component: %s.
+
+`,2:`Can't collect styles once you've consumed a \`ServerStyleSheet\`'s styles! \`ServerStyleSheet\` is a one off instance for each server-side render cycle.
+
+- Are you trying to reuse it across renders?
+- Are you accidentally calling collectStyles twice?
+
+`,3:`Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.
+
+`,4:`The \`StyleSheetManager\` expects a valid target or sheet prop!
+
+- Does this error occur on the client and is your target falsy?
+- Does this error occur on the server and is the sheet falsy?
+
+`,5:`The clone method cannot be used on the client!
+
+- Are you running in a client-like environment on the server?
+- Are you trying to run SSR on the client?
+
+`,6:`Trying to insert a new style tag, but the given Node is unmounted!
+
+- Are you using a custom target that isn't mounted?
+- Does your document not have a valid head element?
+- Have you accidentally removed a style tag manually?
+
+`,7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:`ThemeProvider: Please make your "theme" prop an object.
+
+`,9:"Missing document `<head>`\n\n",10:`Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021
+
+`,11:`_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.
+
+`,12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:`%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.
+
+`,14:`ThemeProvider: "theme" prop is required.
+
+`,15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:`Reached the limit of how many styled components may be created at group %s.
+You may only create up to 1,073,741,824 components. If you're creating components dynamically,
+as for instance in your render method then you may be running into this limitation.
+
+`,17:`CSSStyleSheet could not be found on HTMLStyleElement.
+Has styled-components' style tag been unmounted or altered by another script?
+`,18:"ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"}:{};function Zr(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var r=e[0],n=[],o=1,s=e.length;o<s;o+=1)n.push(e[o]);return n.forEach(function(a){r=r.replace(/%[a-z]/,a)}),r}function re(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];return process.env.NODE_ENV==="production"?new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e," for more information.").concat(t.length>0?" Args: ".concat(t.join(", ")):"")):new Error(Zr.apply(void 0,se([Jr[e]],t,!1)).trim())}var Kr=(function(){function e(t){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=t}return e.prototype.indexOfGroup=function(t){for(var r=0,n=0;n<t;n++)r+=this.groupSizes[n];return r},e.prototype.insertRules=function(t,r){if(t>=this.groupSizes.length){for(var n=this.groupSizes,o=n.length,s=o;t>=s;)if((s<<=1)<0)throw re(16,"".concat(t));this.groupSizes=new Uint32Array(s),this.groupSizes.set(n),this.length=s;for(var a=o;a<s;a++)this.groupSizes[a]=0}for(var c=this.indexOfGroup(t+1),u=(a=0,r.length);a<u;a++)this.tag.insertRule(c,r[a])&&(this.groupSizes[t]++,c++)},e.prototype.clearGroup=function(t){if(t<this.length){var r=this.groupSizes[t],n=this.indexOfGroup(t),o=n+r;this.groupSizes[t]=0;for(var s=n;s<o;s++)this.tag.deleteRule(n)}},e.prototype.getGroup=function(t){var r="";if(t>=this.length||this.groupSizes[t]===0)return r;for(var n=this.groupSizes[t],o=this.indexOfGroup(t),s=o+n,a=o;a<s;a++)r+="".concat(this.tag.getRule(a)).concat(et);return r},e})(),Qr=1<<30,ze=new Map,Me=new Map,Le=1,Ye=function(e){if(ze.has(e))return ze.get(e);for(;Me.has(Le);)Le++;var t=Le++;if(process.env.NODE_ENV!=="production"&&((0|t)<0||t>Qr))throw re(16,"".concat(t));return ze.set(e,t),Me.set(t,e),t},en=function(e,t){Le=t+1,ze.set(e,t),Me.set(t,e)},tn="style[".concat(Q,"][").concat(Tt,'="').concat($e,'"]'),rn=new RegExp("^".concat(Q,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),nn=function(e,t,r){for(var n,o=r.split(","),s=0,a=o.length;s<a;s++)(n=o[s])&&e.registerName(t,n)},on=function(e,t){for(var r,n=((r=t.textContent)!==null&&r!==void 0?r:"").split(et),o=[],s=0,a=n.length;s<a;s++){var c=n[s].trim();if(c){var u=c.match(rn);if(u){var w=0|parseInt(u[1],10),v=u[2];w!==0&&(en(v,w),nn(e,v,u[3]),e.getTag().insertRules(w,o)),o.length=0}else o.push(c)}}},Vt=function(e){for(var t=document.querySelectorAll(tn),r=0,n=t.length;r<n;r++){var o=t[r];o&&o.getAttribute(Q)!==At&&(on(e,o),o.parentNode&&o.parentNode.removeChild(o))}};function sn(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:null}var Wt=function(e){var t=document.head,r=e||t,n=document.createElement("style"),o=(function(c){var u=Array.from(c.querySelectorAll("style[".concat(Q,"]")));return u[u.length-1]})(r),s=o!==void 0?o.nextSibling:null;n.setAttribute(Q,At),n.setAttribute(Tt,$e);var a=sn();return a&&n.setAttribute("nonce",a),r.insertBefore(n,s),n},an=(function(){function e(t){this.element=Wt(t),this.element.appendChild(document.createTextNode("")),this.sheet=(function(r){if(r.sheet)return r.sheet;for(var n=document.styleSheets,o=0,s=n.length;o<s;o++){var a=n[o];if(a.ownerNode===r)return a}throw re(17)})(this.element),this.length=0}return e.prototype.insertRule=function(t,r){try{return this.sheet.insertRule(r,t),this.length++,!0}catch{return!1}},e.prototype.deleteRule=function(t){this.sheet.deleteRule(t),this.length--},e.prototype.getRule=function(t){var r=this.sheet.cssRules[t];return r&&r.cssText?r.cssText:""},e})(),cn=(function(){function e(t){this.element=Wt(t),this.nodes=this.element.childNodes,this.length=0}return e.prototype.insertRule=function(t,r){if(t<=this.length&&t>=0){var n=document.createTextNode(r);return this.element.insertBefore(n,this.nodes[t]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(t){this.element.removeChild(this.nodes[t]),this.length--},e.prototype.getRule=function(t){return t<this.length?this.nodes[t].textContent:""},e})(),un=(function(){function e(t){this.rules=[],this.length=0}return e.prototype.insertRule=function(t,r){return t<=this.length&&(this.rules.splice(t,0,r),this.length++,!0)},e.prototype.deleteRule=function(t){this.rules.splice(t,1),this.length--},e.prototype.getRule=function(t){return t<this.length?this.rules[t]:""},e})(),Gt=Ie,ln={isServer:!Ie,useCSSOMInjection:!jr},Ht=(function(){function e(t,r,n){t===void 0&&(t=le),r===void 0&&(r={});var o=this;this.options=F(F({},ln),t),this.gs=r,this.names=new Map(n),this.server=!!t.isServer,!this.server&&Ie&&Gt&&(Gt=!1,Vt(this)),it(this,function(){return(function(s){for(var a=s.getTag(),c=a.length,u="",w=function(m){var g=(function(C){return Me.get(C)})(m);if(g===void 0)return"continue";var y=s.names.get(g),x=a.getGroup(m);if(y===void 0||!y.size||x.length===0)return"continue";var R="".concat(Q,".g").concat(m,'[id="').concat(g,'"]'),j="";y!==void 0&&y.forEach(function(C){C.length>0&&(j+="".concat(C,","))}),u+="".concat(x).concat(R,'{content:"').concat(j,'"}').concat(et)},v=0;v<c;v++)w(v);return u})(o)})}return e.registerId=function(t){return Ye(t)},e.prototype.rehydrate=function(){!this.server&&Ie&&Vt(this)},e.prototype.reconstructWithOptions=function(t,r){return r===void 0&&(r=!0),new e(F(F({},this.options),t),this.gs,r&&this.names||void 0)},e.prototype.allocateGSInstance=function(t){return this.gs[t]=(this.gs[t]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(t=(function(r){var n=r.useCSSOMInjection,o=r.target;return r.isServer?new un(o):n?new an(o):new cn(o)})(this.options),new Kr(t)));var t},e.prototype.hasNameForId=function(t,r){return this.names.has(t)&&this.names.get(t).has(r)},e.prototype.registerName=function(t,r){if(Ye(t),this.names.has(t))this.names.get(t).add(r);else{var n=new Set;n.add(r),this.names.set(t,n)}},e.prototype.insertRules=function(t,r,n){this.registerName(t,r),this.getTag().insertRules(Ye(t),n)},e.prototype.clearNames=function(t){this.names.has(t)&&this.names.get(t).clear()},e.prototype.clearRules=function(t){this.getTag().clearGroup(Ye(t)),this.clearNames(t)},e.prototype.clearTag=function(){this.tag=void 0},e})(),pn=/&/g,dn=/^\s*\/\/.*$/gm;function Ut(e,t){return e.map(function(r){return r.type==="rule"&&(r.value="".concat(t," ").concat(r.value),r.value=r.value.replaceAll(",",",".concat(t," ")),r.props=r.props.map(function(n){return"".concat(t," ").concat(n)})),Array.isArray(r.children)&&r.type!=="@keyframes"&&(r.children=Ut(r.children,t)),r})}function fn(e){var t,r,n,o=le,s=o.options,a=s===void 0?le:s,c=o.plugins,u=c===void 0?De:c,w=function(g,y,x){return x.startsWith(r)&&x.endsWith(r)&&x.replaceAll(r,"").length>0?".".concat(t):g},v=u.slice();v.push(function(g){g.type===Re&&g.value.includes("&")&&(g.props[0]=g.props[0].replace(pn,r).replace(n,w))}),a.prefix&&v.push($r),v.push(Cr);var m=function(g,y,x,R){y===void 0&&(y=""),x===void 0&&(x=""),R===void 0&&(R="&"),t=R,r=y,n=new RegExp("\\".concat(r,"\\b"),"g");var j=g.replace(dn,""),C=Tr(x||y?"".concat(x," ").concat(y," { ").concat(j," }"):j);a.namespace&&(C=Ut(C,a.namespace));var A=[];return Ne(C,Or(v.concat(Nr(function(S){return A.push(S)})))),A};return m.hash=u.length?u.reduce(function(g,y){return y.name||re(15),ee(g,y.name)},Nt).toString():"",m}var hn=new Ht,ct=fn(),qt=_.createContext({shouldForwardProp:void 0,styleSheet:hn,stylis:ct});qt.Consumer,_.createContext(void 0);function Xt(){return _.useContext(qt)}var Jt=(function(){function e(t,r){var n=this;this.inject=function(o,s){s===void 0&&(s=ct);var a=n.name+s.hash;o.hasNameForId(n.id,a)||o.insertRules(n.id,a,s(n.rules,a,"@keyframes"))},this.name=t,this.id="sc-keyframes-".concat(t),this.rules=r,it(this,function(){throw re(12,String(n.name))})}return e.prototype.getName=function(t){return t===void 0&&(t=ct),this.name+t.hash},e})(),mn=function(e){return e>="A"&&e<="Z"};function Zt(e){for(var t="",r=0;r<e.length;r++){var n=e[r];if(r===1&&n==="-"&&e[0]==="-")return e;mn(n)?t+="-"+n.toLowerCase():t+=n}return t.startsWith("ms-")?"-"+t:t}var Kt=function(e){return e==null||e===!1||e===""},Qt=function(e){var t,r,n=[];for(var o in e){var s=e[o];e.hasOwnProperty(o)&&!Kt(s)&&(Array.isArray(s)&&s.isCss||pe(s)?n.push("".concat(Zt(o),":"),s,";"):de(s)?n.push.apply(n,se(se(["".concat(o," {")],Qt(s),!1),["}"],!1)):n.push("".concat(Zt(o),": ").concat((t=o,(r=s)==null||typeof r=="boolean"||r===""?"":typeof r!="number"||r===0||t in Ir||t.startsWith("--")?String(r).trim():"".concat(r,"px")),";")))}return n};function ne(e,t,r,n){if(Kt(e))return[];if(st(e))return[".".concat(e.styledComponentId)];if(pe(e)){if(!pe(s=e)||s.prototype&&s.prototype.isReactComponent||!t)return[e];var o=e(t);return process.env.NODE_ENV==="production"||typeof o!="object"||Array.isArray(o)||o instanceof Jt||de(o)||o===null||console.error("".concat(It(e)," is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")),ne(o,t,r,n)}var s;return e instanceof Jt?r?(e.inject(r,n),[e.getName(n)]):[e]:de(e)?Qt(e):Array.isArray(e)?Array.prototype.concat.apply(De,e.map(function(a){return ne(a,t,r,n)})):[e.toString()]}function gn(e){for(var t=0;t<e.length;t+=1){var r=e[t];if(pe(r)&&!st(r))return!1}return!0}var yn=$t($e),vn=(function(){function e(t,r,n){this.rules=t,this.staticRulesId="",this.isStatic=process.env.NODE_ENV==="production"&&(n===void 0||n.isStatic)&&gn(t),this.componentId=r,this.baseHash=ee(yn,r),this.baseStyle=n,Ht.registerId(r)}return e.prototype.generateAndInjectStyles=function(t,r,n){var o=this.baseStyle?this.baseStyle.generateAndInjectStyles(t,r,n):"";if(this.isStatic&&!n.hash)if(this.staticRulesId&&r.hasNameForId(this.componentId,this.staticRulesId))o=te(o,this.staticRulesId);else{var s=Bt(ne(this.rules,t,r,n)),a=rt(ee(this.baseHash,s)>>>0);if(!r.hasNameForId(this.componentId,a)){var c=n(s,".".concat(a),void 0,this.componentId);r.insertRules(this.componentId,a,c)}o=te(o,a),this.staticRulesId=a}else{for(var u=ee(this.baseHash,n.hash),w="",v=0;v<this.rules.length;v++){var m=this.rules[v];if(typeof m=="string")w+=m,process.env.NODE_ENV!=="production"&&(u=ee(u,m));else if(m){var g=Bt(ne(m,t,r,n));u=ee(u,g+v),w+=g}}if(w){var y=rt(u>>>0);r.hasNameForId(this.componentId,y)||r.insertRules(this.componentId,y,n(w,".".concat(y),void 0,this.componentId)),o=te(o,y)}}return o},e})(),ut=_.createContext(void 0);ut.Consumer;function bn(){var e=_.useContext(ut);if(!e)throw re(18);return e}var lt={},er=new Set;function wn(e,t,r){var n=st(e),o=e,s=!ot(e),a=t.attrs,c=a===void 0?De:a,u=t.componentId,w=u===void 0?(function(E,T){var h=typeof E!="string"?"sc":Ct(E);lt[h]=(lt[h]||0)+1;var p="".concat(h,"-").concat(Yr($e+h+lt[h]));return T?"".concat(T,"-").concat(p):p})(t.displayName,t.parentComponentId):u,v=t.displayName,m=v===void 0?(function(E){return ot(E)?"styled.".concat(E):"Styled(".concat(It(E),")")})(e):v,g=t.displayName&&t.componentId?"".concat(Ct(t.displayName),"-").concat(t.componentId):t.componentId||w,y=n&&o.attrs?o.attrs.concat(c).filter(Boolean):c,x=t.shouldForwardProp;if(n&&o.shouldForwardProp){var R=o.shouldForwardProp;if(t.shouldForwardProp){var j=t.shouldForwardProp;x=function(E,T){return R(E,T)&&j(E,T)}}else x=R}var C=new vn(r,g,n?o.componentStyle:void 0);function A(E,T){return(function(h,p,V){var X=h.attrs,ft=h.componentStyle,Se=h.defaultProps,Ve=h.foldedComponentIds,We=h.styledComponentId,Ee=h.target,Ge=_.useContext(ut),He=Xt(),fe=h.shouldForwardProp||He.shouldForwardProp;process.env.NODE_ENV!=="production"&&_.useDebugValue(We);var ke=Fr(p,Ge,Se)||le,L=(function(D,H,J){for(var P,z=F(F({},H),{className:void 0,theme:J}),oe=0;oe<D.length;oe+=1){var he=pe(P=D[oe])?P(z):P;for(var Z in he)z[Z]=Z==="className"?te(z[Z],he[Z]):Z==="style"?F(F({},z[Z]),he[Z]):he[Z]}return H.className&&(z.className=te(z.className,H.className)),z})(X,p,ke),i=L.as||Ee,l={};for(var f in L)L[f]===void 0||f[0]==="$"||f==="as"||f==="theme"&&L.theme===ke||(f==="forwardedAs"?l.as=L.forwardedAs:fe&&!fe(f,i)||(l[f]=L[f],fe||process.env.NODE_ENV!=="development"||mr(f)||er.has(f)||!tt.has(i)||(er.add(f),console.warn('styled-components: it looks like an unknown prop "'.concat(f,'" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));var N=(function(D,H){var J=Xt(),P=D.generateAndInjectStyles(H,J.styleSheet,J.stylis);return process.env.NODE_ENV!=="production"&&_.useDebugValue(P),P})(ft,L);process.env.NODE_ENV!=="production"&&h.warnTooManyClasses&&h.warnTooManyClasses(N);var Y=te(Ve,We);return N&&(Y+=" "+N),L.className&&(Y+=" "+L.className),l[ot(i)&&!tt.has(i)?"class":"className"]=Y,V&&(l.ref=V),_.createElement(i,l)})(S,E,T)}A.displayName=m;var S=_.forwardRef(A);return S.attrs=y,S.componentStyle=C,S.displayName=m,S.shouldForwardProp=x,S.foldedComponentIds=n?te(o.foldedComponentIds,o.styledComponentId):"",S.styledComponentId=g,S.target=n?o.target:e,Object.defineProperty(S,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(E){this._foldedDefaultProps=n?(function(T){for(var h=[],p=1;p<arguments.length;p++)h[p-1]=arguments[p];for(var V=0,X=h;V<X.length;V++)at(T,X[V],!0);return T})({},o.defaultProps,E):E}}),process.env.NODE_ENV!=="production"&&(Dr(m,g),S.warnTooManyClasses=(function(E,T){var h={},p=!1;return function(V){if(!p&&(h[V]=!0,Object.keys(h).length>=200)){var X=T?' with the id of "'.concat(T,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(E).concat(X,`.
+`)+`Consider using the attrs method, together with a style object for frequently changed styles.
+Example:
+  const Component = styled.div.attrs(props => ({
+    style: {
+      background: props.background,
+    },
+  }))\`width: 100%;\`
+
+  <Component />`),p=!0,h={}}}})(m,g)),it(S,function(){return".".concat(S.styledComponentId)}),s&&Yt(S,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),S}function tr(e,t){for(var r=[e[0]],n=0,o=t.length;n<o;n+=1)r.push(t[n],e[n+1]);return r}var rr=function(e){return Object.assign(e,{isCss:!0})};function Sn(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];if(pe(e)||de(e))return rr(ne(tr(De,se([e],t,!0))));var n=e;return t.length===0&&n.length===1&&typeof n[0]=="string"?ne(n):rr(ne(tr(n,t)))}function pt(e,t,r){if(r===void 0&&(r=le),!t)throw re(1,t);var n=function(o){for(var s=[],a=1;a<arguments.length;a++)s[a-1]=arguments[a];return e(t,r,Sn.apply(void 0,se([o],s,!1)))};return n.attrs=function(o){return pt(e,t,F(F({},r),{attrs:Array.prototype.concat(r.attrs,o).filter(Boolean)}))},n.withConfig=function(o){return pt(e,t,F(F({},r),o))},n}var nr=function(e){return pt(wn,e)},dt=nr;tt.forEach(function(e){dt[e]=nr(e)}),process.env.NODE_ENV!=="production"&&typeof navigator<"u"&&navigator.product==="ReactNative"&&console.warn(`It looks like you've imported 'styled-components' on React Native.
+Perhaps you're looking to import 'styled-components/native'?
+Read more about this at https://www.styled-components.com/docs/basics#react-native`);var Be="__sc-".concat(Q,"__");process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&typeof window<"u"&&(window[Be]||(window[Be]=0),window[Be]===1&&console.warn(`It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.
+
+See https://s-c.sh/2BAXzed for more info.`),window[Be]+=1);const $=e=>typeof e=="number"?`${e/2}rem`:e,or=e=>{const{m:t,mt:r,mr:n,mb:o,ml:s,mx:a,my:c}=e;return[t&&`margin: ${$(t)};`,r&&`margin-top: ${$(r)};`,n&&`margin-right: ${$(n)};`,o&&`margin-bottom: ${$(o)};`,s&&`margin-left: ${$(s)};`,a&&`margin-left: ${$(a)};`,a&&`margin-right: ${$(a)};`,c&&`margin-top: ${$(c)};`,c&&`margin-bottom: ${$(c)};`].filter(Boolean).join(" ")},sr=e=>{const{p:t,pt:r,pr:n,pb:o,pl:s,px:a,py:c}=e;return[t&&`padding: ${$(t)};`,r&&`padding-top: ${$(r)};`,n&&`padding-right: ${$(n)};`,o&&`padding-bottom: ${$(o)};`,s&&`padding-left: ${$(s)};`,a&&`padding-left: ${$(a)};`,a&&`padding-right: ${$(a)};`,c&&`padding-top: ${$(c)};`,c&&`padding-bottom: ${$(c)};`].filter(Boolean).join(" ")},En=(e,t)=>t==="sm"?`${Number(e)/(8/7)}px`:`${e}px`,kn=e=>{switch(e){case"regular":return"400";case"medium":return"500";case"semibold":return"600";case"bold":return"700";default:return"400"}},xn=dt.p`
+  font-family: ${({theme:e})=>e.text.fontFamily};
+  margin: 0;
+  color: ${({color:e})=>e};
+  ${({m:e,mb:t,ml:r,mr:n,mt:o,mx:s,my:a})=>or({m:e,mb:t,ml:r,mr:n,mt:o,mx:s,my:a})};
+  ${({p:e,pb:t,pl:r,pr:n,pt:o,px:s,py:a})=>sr({p:e,pb:t,pl:r,pr:n,pt:o,px:s,py:a})};
+  font-weight: ${({weight:e})=>kn(e)};
+  font-size: ${({size:e,breakpoint:t})=>e&&En(e,t)};
+  width: ${({width:e})=>e};
+  height: ${({height:e})=>e};
+  text-align: ${({align:e})=>e};
+`,ar=_.forwardRef(({children:e,...t},r)=>{const{breakpoint:n}=dr();return ye.jsx(xn,{ref:r,...t,breakpoint:n,children:e})});ar.displayName="Text";const we=({color:e,theme:t})=>({contained:{bgColor:t.palette[e].main,border:"2px solid transparent",color:"#FFFFFF",onHover:{opacity:.75},onActive:{transform:"scale(0.95)"}},outlined:{bgColor:"#FFFFFF",border:`2px solid ${t.palette[e].main}`,color:t.palette[e].main,onHover:{opacity:.75},onActive:{transform:"scale(0.95)"}},text:{bgColor:"transparent",border:"2px solid transparent",color:t.palette[e].main,onActive:{transform:"scale(0.95)"},onHover:{backgroundColor:`${t.palette[e].main}22`}}}),ir={sm:{padding:"4px 0.75rem",fontSize:"12"},md:{padding:"6px 1rem",fontSize:"14"},lg:{padding:"8px 1.5rem",fontSize:"16"}},Rn=dt.button`
+  all: unset;
+  cursor: ${({disabled:e})=>e?"default":"pointer"};
+  padding: ${({size:e})=>ir[e??"md"].padding};
+  display: flex;
+  align-items: center;
+  height: fit-content;
+  gap: ${({gap:e})=>e?$(e):"8px"};
+  transition: all 0.25s ease;
+  background-color: ${({bgcolor:e,variant:t,color:r,theme:n})=>e??we({color:r,theme:n})[t].bgColor};
+  border: ${({variant:e,color:t,theme:r})=>we({color:t,theme:r})[e].border};
+  border-radius: ${({theme:e})=>e.radius};
+  ${({m:e,mb:t,ml:r,mr:n,mt:o,mx:s,my:a})=>or({m:e,mb:t,ml:r,mr:n,mt:o,mx:s,my:a})};
+  ${({p:e,pb:t,pl:r,pr:n,pt:o,px:s,py:a})=>sr({p:e,pb:t,pl:r,pr:n,pt:o,px:s,py:a})};
+  opacity: ${({disabled:e})=>e?.6:1};
+  position: relative;
+  color: ${({txtColor:e,color:t,variant:r,theme:n})=>e??we({color:t,theme:n})[r].color};
+
+  p,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    opacity: ${({loading:e})=>e?0:1};
+  }
+
+  &:hover {
+    ${({variant:e,color:t,theme:r})=>we({color:t,theme:r})[e].onHover}
+    opacity: ${({disabled:e})=>e&&.6};
+  }
+
+  &:active {
+    ${({variant:e,color:t,theme:r})=>we({color:t,theme:r})[e].onActive}
+  }
+`,cr=_.forwardRef(({label:e,startIcon:t,endIcon:r,...n},o)=>{const s=_.useMemo(()=>({...{size:"sm"},...n}),[n]);return ye.jsxs(Rn,{ref:o,...s,disabled:n.loading||n.disabled,children:[t,ye.jsx(ar,{size:ir[s.size??"sm"].fontSize,children:e}),r]})});cr.displayName="Button";const _n=({color:e,value:t,height:r})=>{const n=bn();return ye.jsx("div",{style:{width:"100%",position:"relative",backgroundColor:n.palette[e].light,borderRadius:"8px",height:r??"8px",border:`2px solid ${n.palette[e].light}`},children:ye.jsx("div",{style:{position:"absolute",top:"0",left:"0",height:"100%",width:`${t>100?100:t}%`,backgroundColor:n.palette[e].main,borderRadius:"8px"}})})};U.Button=cr,U.ProgressBar=_n,Object.defineProperty(U,Symbol.toStringTag,{value:"Module"})}));

package/dist/theme/constants.d.ts

@@ -0,0 +1,3 @@
+import { Radius, Theme } from './types';
+export declare const radiusMap: Record<Radius, string>;
+export declare const THEME: Theme;

package/dist/theme/types.d.ts

@@ -0,0 +1,18 @@
+export type Radius = "none" | "sm" | "md" | "lg" | "full";
+export type Color = "default" | "primary" | "secondary" | "error";
+export type Palette = {
+    [key in Color]: {
+        main: string;
+        dark: string;
+        light: string;
+    };
+};
+export type Text = {
+    fontFamily: string;
+};
+export type Theme = {
+    radius: Radius;
+    palette: Palette;
+    title: Text;
+    text: Text;
+};

package/dist/theme/use-theme.d.ts

@@ -0,0 +1,15 @@
+import { Theme } from './types';
+export type ICustomThemeContext = {
+    radius: string;
+    setRadius: (radius: Theme["radius"]) => void;
+    palette: Theme["palette"];
+    setPalette: (palette: Theme["palette"]) => void;
+    title: Theme["title"];
+    setTitle: (title: Theme["title"]) => void;
+    text: Theme["text"];
+    setText: (text: Theme["text"]) => void;
+};
+export declare const CustomThemeContext: import('react').Context<ICustomThemeContext>;
+export declare const ThemeContextProvider: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/views/components/buttons/index.d.ts

@@ -0,0 +1 @@
+export declare const Buttons: () => import("react/jsx-runtime").JSX.Element;

package/dist/views/components/chips/index.d.ts

@@ -0,0 +1 @@
+export declare const Chips: () => import("react/jsx-runtime").JSX.Element;

package/dist/views/components/flexs/index.d.ts

@@ -0,0 +1 @@
+export declare const Flexs: () => import("react/jsx-runtime").JSX.Element;

package/dist/views/components/progress-bars/index.d.ts

@@ -0,0 +1 @@
+export declare const ProgressBars: () => import("react/jsx-runtime").JSX.Element;

package/dist/views/components/textareas/index.d.ts

@@ -0,0 +1 @@
+export declare const TextAreas: () => import("react/jsx-runtime").JSX.Element;

package/dist/views/components/textfields/index.d.ts

@@ -0,0 +1 @@
+export declare const Textfields: () => import("react/jsx-runtime").JSX.Element;

package/dist/views/components/texts/index.d.ts

@@ -0,0 +1 @@
+export declare const Texts: () => import("react/jsx-runtime").JSX.Element;

package/dist/views/components/theme/index.d.ts

@@ -0,0 +1 @@
+export declare const Theme: () => import("react/jsx-runtime").JSX.Element;

package/dist/views/components/titles/index.d.ts

@@ -0,0 +1 @@
+export declare const Titles: () => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@julien-wiegandt/open-ui",
   "private": false,
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "The best open source react UI library",
   "type": "module",
   "main": "./dist/open-ui.umd.cjs",
@@ -18,10 +18,12 @@
   },
   "dependencies": {
     "react": "^19.1.1",
-    "react-dom": "^19.1.1"
+    "react-dom": "^19.1.1",
+    "styled-components": "^6.1.19"
   },
   "devDependencies": {
     "@eslint/js": "^9.33.0",
+    "@fontsource/poppins": "^5.2.6",
     "@types/node": "^24.3.0",
     "@types/react": "^19.1.10",
     "@types/react-dom": "^19.1.7",
@@ -30,6 +32,7 @@
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.20",
     "globals": "^16.3.0",
+    "react-router": "^7.8.1",
     "typescript": "~5.8.3",
     "typescript-eslint": "^8.39.1",
     "vite": "^7.1.2",