font-controls 1.0.0 → 1.1.0

package/dist/font-controls.umd.cjs

@@ -1,57 +1,49 @@
-(function(he,ne){typeof exports=="object"&&typeof module<"u"?ne(exports,require("react"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react","react-dom"],ne):(he=typeof globalThis<"u"?globalThis:he||self,ne(he.FontControls={},he.React,he.ReactDOM))})(this,function(he,ne,dt){"use strict";function or(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Xe={exports:{}},Ne={};/**
+(function(Z,q){typeof exports=="object"&&typeof module<"u"?q(exports,require("react"),require("react-dom")):typeof define=="function"&&define.amd?define(["exports","react","react-dom"],q):(Z=typeof globalThis<"u"?globalThis:Z||self,q(Z.FontControls={},Z.React,Z.ReactDOM))})(this,function(Z,q,Ue){"use strict";function xt(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var _e={exports:{}},he={};/**
  * @license React
- * react-jsx-runtime.production.min.js
+ * react-jsx-runtime.production.js
  *
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var pt;function ar(){if(pt)return Ne;pt=1;var e=ne,t=Symbol.for("react.element"),r=Symbol.for("react.fragment"),o=Object.prototype.hasOwnProperty,a=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,u={key:!0,ref:!0,__self:!0,__source:!0};function p(f,d,m){var g,T={},A=null,Y=null;m!==void 0&&(A=""+m),d.key!==void 0&&(A=""+d.key),d.ref!==void 0&&(Y=d.ref);for(g in d)o.call(d,g)&&!u.hasOwnProperty(g)&&(T[g]=d[g]);if(f&&f.defaultProps)for(g in d=f.defaultProps,d)T[g]===void 0&&(T[g]=d[g]);return{$$typeof:t,type:f,key:A,ref:Y,props:T,_owner:a.current}}return Ne.Fragment=r,Ne.jsx=p,Ne.jsxs=p,Ne}var Me={};/**
+ */var Xe;function Tt(){if(Xe)return he;Xe=1;var e=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function r(o,a,i){var d=null;if(i!==void 0&&(d=""+i),a.key!==void 0&&(d=""+a.key),"key"in a){i={};for(var u in a)u!=="key"&&(i[u]=a[u])}else i=a;return a=i.ref,{$$typeof:e,type:o,key:d,ref:a!==void 0?a:null,props:i}}return he.Fragment=t,he.jsx=r,he.jsxs=r,he}var me={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var ht;function ir(){return ht||(ht=1,process.env.NODE_ENV!=="production"&&function(){var e=ne,t=Symbol.for("react.element"),r=Symbol.for("react.portal"),o=Symbol.for("react.fragment"),a=Symbol.for("react.strict_mode"),u=Symbol.for("react.profiler"),p=Symbol.for("react.provider"),f=Symbol.for("react.context"),d=Symbol.for("react.forward_ref"),m=Symbol.for("react.suspense"),g=Symbol.for("react.suspense_list"),T=Symbol.for("react.memo"),A=Symbol.for("react.lazy"),Y=Symbol.for("react.offscreen"),B=Symbol.iterator,X="@@iterator";function _(n){if(n===null||typeof n!="object")return null;var s=B&&n[B]||n[X];return typeof s=="function"?s:null}var x=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function b(n){{for(var s=arguments.length,v=new Array(s>1?s-1:0),E=1;E<s;E++)v[E-1]=arguments[E];C("error",n,v)}}function C(n,s,v){{var E=x.ReactDebugCurrentFrame,U=E.getStackAddendum();U!==""&&(s+="%s",v=v.concat([U]));var V=v.map(function(I){return String(I)});V.unshift("Warning: "+s),Function.prototype.apply.call(console[n],console,V)}}var S=!1,i=!1,k=!1,Q=!1,ee=!1,G;G=Symbol.for("react.module.reference");function J(n){return!!(typeof n=="string"||typeof n=="function"||n===o||n===u||ee||n===a||n===m||n===g||Q||n===Y||S||i||k||typeof n=="object"&&n!==null&&(n.$$typeof===A||n.$$typeof===T||n.$$typeof===p||n.$$typeof===f||n.$$typeof===d||n.$$typeof===G||n.getModuleId!==void 0))}function Se(n,s,v){var E=n.displayName;if(E)return E;var U=s.displayName||s.name||"";return U!==""?v+"("+U+")":v}function Te(n){return n.displayName||"Context"}function ie(n){if(n==null)return null;if(typeof n.tag=="number"&&b("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof n=="function")return n.displayName||n.name||null;if(typeof n=="string")return n;switch(n){case o:return"Fragment";case r:return"Portal";case u:return"Profiler";case a:return"StrictMode";case m:return"Suspense";case g:return"SuspenseList"}if(typeof n=="object")switch(n.$$typeof){case f:var s=n;return Te(s)+".Consumer";case p:var v=n;return Te(v._context)+".Provider";case d:return Se(n,n.render,"ForwardRef");case T:var E=n.displayName||null;return E!==null?E:ie(n.type)||"Memo";case A:{var U=n,V=U._payload,I=U._init;try{return ie(I(V))}catch{return null}}}return null}var K=Object.assign,me=0,te,fe,be,_e,l,y,O;function j(){}j.__reactDisabledLog=!0;function w(){{if(me===0){te=console.log,fe=console.info,be=console.warn,_e=console.error,l=console.group,y=console.groupCollapsed,O=console.groupEnd;var n={configurable:!0,enumerable:!0,value:j,writable:!0};Object.defineProperties(console,{info:n,log:n,warn:n,error:n,group:n,groupCollapsed:n,groupEnd:n})}me++}}function F(){{if(me--,me===0){var n={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:K({},n,{value:te}),info:K({},n,{value:fe}),warn:K({},n,{value:be}),error:K({},n,{value:_e}),group:K({},n,{value:l}),groupCollapsed:K({},n,{value:y}),groupEnd:K({},n,{value:O})})}me<0&&b("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var P=x.ReactCurrentDispatcher,R;function D(n,s,v){{if(R===void 0)try{throw Error()}catch(U){var E=U.stack.trim().match(/\n( *(at )?)/);R=E&&E[1]||""}return`
-`+R+n}}var $=!1,N;{var re=typeof WeakMap=="function"?WeakMap:Map;N=new re}function h(n,s){if(!n||$)return"";{var v=N.get(n);if(v!==void 0)return v}var E;$=!0;var U=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var V;V=P.current,P.current=null,w();try{if(s){var I=function(){throw Error()};if(Object.defineProperty(I.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(I,[])}catch(le){E=le}Reflect.construct(n,[],I)}else{try{I.call()}catch(le){E=le}n.call(I.prototype)}}else{try{throw Error()}catch(le){E=le}n()}}catch(le){if(le&&E&&typeof le.stack=="string"){for(var M=le.stack.split(`
-`),se=E.stack.split(`
-`),q=M.length-1,z=se.length-1;q>=1&&z>=0&&M[q]!==se[z];)z--;for(;q>=1&&z>=0;q--,z--)if(M[q]!==se[z]){if(q!==1||z!==1)do if(q--,z--,z<0||M[q]!==se[z]){var pe=`
-`+M[q].replace(" at new "," at ");return n.displayName&&pe.includes("<anonymous>")&&(pe=pe.replace("<anonymous>",n.displayName)),typeof n=="function"&&N.set(n,pe),pe}while(q>=1&&z>=0);break}}}finally{$=!1,P.current=V,F(),Error.prepareStackTrace=U}var De=n?n.displayName||n.name:"",Pe=De?D(De):"";return typeof n=="function"&&N.set(n,Pe),Pe}function de(n,s,v){return h(n,!1)}function je(n){var s=n.prototype;return!!(s&&s.isReactComponent)}function we(n,s,v){if(n==null)return"";if(typeof n=="function")return h(n,je(n));if(typeof n=="string")return D(n);switch(n){case m:return D("Suspense");case g:return D("SuspenseList")}if(typeof n=="object")switch(n.$$typeof){case d:return de(n.render);case T:return we(n.type,s,v);case A:{var E=n,U=E._payload,V=E._init;try{return we(V(U),s,v)}catch{}}}return""}var ke=Object.prototype.hasOwnProperty,Bt={},Vt=x.ReactDebugCurrentFrame;function Ue(n){if(n){var s=n._owner,v=we(n.type,n._source,s?s.type:null);Vt.setExtraStackFrame(v)}else Vt.setExtraStackFrame(null)}function yn(n,s,v,E,U){{var V=Function.call.bind(ke);for(var I in n)if(V(n,I)){var M=void 0;try{if(typeof n[I]!="function"){var se=Error((E||"React class")+": "+v+" type `"+I+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof n[I]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw se.name="Invariant Violation",se}M=n[I](s,I,E,v,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(q){M=q}M&&!(M instanceof Error)&&(Ue(U),b("%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).",E||"React class",v,I,typeof M),Ue(null)),M instanceof Error&&!(M.message in Bt)&&(Bt[M.message]=!0,Ue(U),b("Failed %s type: %s",v,M.message),Ue(null))}}}var mn=Array.isArray;function st(n){return mn(n)}function bn(n){{var s=typeof Symbol=="function"&&Symbol.toStringTag,v=s&&n[Symbol.toStringTag]||n.constructor.name||"Object";return v}}function Sn(n){try{return Ht(n),!1}catch{return!0}}function Ht(n){return""+n}function qt(n){if(Sn(n))return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",bn(n)),Ht(n)}var zt=x.ReactCurrentOwner,xn={key:!0,ref:!0,__self:!0,__source:!0},Gt,Jt;function En(n){if(ke.call(n,"ref")){var s=Object.getOwnPropertyDescriptor(n,"ref").get;if(s&&s.isReactWarning)return!1}return n.ref!==void 0}function Tn(n){if(ke.call(n,"key")){var s=Object.getOwnPropertyDescriptor(n,"key").get;if(s&&s.isReactWarning)return!1}return n.key!==void 0}function _n(n,s){typeof n.ref=="string"&&zt.current}function Cn(n,s){{var v=function(){Gt||(Gt=!0,b("%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)",s))};v.isReactWarning=!0,Object.defineProperty(n,"key",{get:v,configurable:!0})}}function wn(n,s){{var v=function(){Jt||(Jt=!0,b("%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)",s))};v.isReactWarning=!0,Object.defineProperty(n,"ref",{get:v,configurable:!0})}}var Pn=function(n,s,v,E,U,V,I){var M={$$typeof:t,type:n,key:s,ref:v,props:I,_owner:V};return M._store={},Object.defineProperty(M._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(M,"_self",{configurable:!1,enumerable:!1,writable:!1,value:E}),Object.defineProperty(M,"_source",{configurable:!1,enumerable:!1,writable:!1,value:U}),Object.freeze&&(Object.freeze(M.props),Object.freeze(M)),M};function Rn(n,s,v,E,U){{var V,I={},M=null,se=null;v!==void 0&&(qt(v),M=""+v),Tn(s)&&(qt(s.key),M=""+s.key),En(s)&&(se=s.ref,_n(s,U));for(V in s)ke.call(s,V)&&!xn.hasOwnProperty(V)&&(I[V]=s[V]);if(n&&n.defaultProps){var q=n.defaultProps;for(V in q)I[V]===void 0&&(I[V]=q[V])}if(M||se){var z=typeof n=="function"?n.displayName||n.name||"Unknown":n;M&&Cn(I,z),se&&wn(I,z)}return Pn(n,M,se,U,E,zt.current,I)}}var lt=x.ReactCurrentOwner,Kt=x.ReactDebugCurrentFrame;function Oe(n){if(n){var s=n._owner,v=we(n.type,n._source,s?s.type:null);Kt.setExtraStackFrame(v)}else Kt.setExtraStackFrame(null)}var ut;ut=!1;function ct(n){return typeof n=="object"&&n!==null&&n.$$typeof===t}function Zt(){{if(lt.current){var n=ie(lt.current.type);if(n)return`
-
-Check the render method of \``+n+"`."}return""}}function jn(n){return""}var Qt={};function On(n){{var s=Zt();if(!s){var v=typeof n=="string"?n:n.displayName||n.name;v&&(s=`
-
-Check the top-level render call using <`+v+">.")}return s}}function er(n,s){{if(!n._store||n._store.validated||n.key!=null)return;n._store.validated=!0;var v=On(s);if(Qt[v])return;Qt[v]=!0;var E="";n&&n._owner&&n._owner!==lt.current&&(E=" It was passed a child from "+ie(n._owner.type)+"."),Oe(n),b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',v,E),Oe(null)}}function tr(n,s){{if(typeof n!="object")return;if(st(n))for(var v=0;v<n.length;v++){var E=n[v];ct(E)&&er(E,s)}else if(ct(n))n._store&&(n._store.validated=!0);else if(n){var U=_(n);if(typeof U=="function"&&U!==n.entries)for(var V=U.call(n),I;!(I=V.next()).done;)ct(I.value)&&er(I.value,s)}}}function Dn(n){{var s=n.type;if(s==null||typeof s=="string")return;var v;if(typeof s=="function")v=s.propTypes;else if(typeof s=="object"&&(s.$$typeof===d||s.$$typeof===T))v=s.propTypes;else return;if(v){var E=ie(s);yn(v,n.props,"prop",E,n)}else if(s.PropTypes!==void 0&&!ut){ut=!0;var U=ie(s);b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",U||"Unknown")}typeof s.getDefaultProps=="function"&&!s.getDefaultProps.isReactClassApproved&&b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Nn(n){{for(var s=Object.keys(n.props),v=0;v<s.length;v++){var E=s[v];if(E!=="children"&&E!=="key"){Oe(n),b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",E),Oe(null);break}}n.ref!==null&&(Oe(n),b("Invalid attribute `ref` supplied to `React.Fragment`."),Oe(null))}}var rr={};function nr(n,s,v,E,U,V){{var I=J(n);if(!I){var M="";(n===void 0||typeof n=="object"&&n!==null&&Object.keys(n).length===0)&&(M+=" 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 se=jn();se?M+=se:M+=Zt();var q;n===null?q="null":st(n)?q="array":n!==void 0&&n.$$typeof===t?(q="<"+(ie(n.type)||"Unknown")+" />",M=" Did you accidentally export a JSX literal instead of a component?"):q=typeof n,b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",q,M)}var z=Rn(n,s,v,U,V);if(z==null)return z;if(I){var pe=s.children;if(pe!==void 0)if(E)if(st(pe)){for(var De=0;De<pe.length;De++)tr(pe[De],n);Object.freeze&&Object.freeze(pe)}else b("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 tr(pe,n)}if(ke.call(s,"key")){var Pe=ie(n),le=Object.keys(s).filter(function($n){return $n!=="key"}),ft=le.length>0?"{key: someKey, "+le.join(": ..., ")+": ...}":"{key: someKey}";if(!rr[Pe+ft]){var In=le.length>0?"{"+le.join(": ..., ")+": ...}":"{}";b(`A props object containing a "key" prop is being spread into JSX:
+ */var Be;function Et(){return Be||(Be=1,process.env.NODE_ENV!=="production"&&function(){function e(n){if(n==null)return null;if(typeof n=="function")return n.$$typeof===ae?null:n.displayName||n.name||null;if(typeof n=="string")return n;switch(n){case T:return"Fragment";case x:return"Profiler";case _:return"StrictMode";case R:return"Suspense";case U:return"SuspenseList";case W:return"Activity"}if(typeof n=="object")switch(typeof n.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),n.$$typeof){case F:return"Portal";case S:return n.displayName||"Context";case E:return(n._context.displayName||"Context")+".Consumer";case s:var f=n.render;return n=n.displayName,n||(n=f.displayName||f.name||"",n=n!==""?"ForwardRef("+n+")":"ForwardRef"),n;case X:return f=n.displayName||null,f!==null?f:e(n.type)||"Memo";case Y:f=n._payload,n=n._init;try{return e(n(f))}catch{}}return null}function t(n){return""+n}function r(n){try{t(n);var f=!1}catch{f=!0}if(f){f=console;var y=f.error,m=typeof Symbol=="function"&&Symbol.toStringTag&&n[Symbol.toStringTag]||n.constructor.name||"Object";return y.call(f,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",m),t(n)}}function o(n){if(n===T)return"<>";if(typeof n=="object"&&n!==null&&n.$$typeof===Y)return"<...>";try{var f=e(n);return f?"<"+f+">":"<...>"}catch{return"<...>"}}function a(){var n=se.A;return n===null?null:n.getOwner()}function i(){return Error("react-stack-top-frame")}function d(n){if(ie.call(n,"key")){var f=Object.getOwnPropertyDescriptor(n,"key").get;if(f&&f.isReactWarning)return!1}return n.key!==void 0}function u(n,f){function y(){B||(B=!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)",f))}y.isReactWarning=!0,Object.defineProperty(n,"key",{get:y,configurable:!0})}function h(){var n=e(this.type);return K[n]||(K[n]=!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.")),n=this.props.ref,n!==void 0?n:null}function g(n,f,y,m,j,w){var b=y.ref;return n={$$typeof:I,type:n,key:f,props:y,_owner:m},(b!==void 0?b:null)!==null?Object.defineProperty(n,"ref",{enumerable:!1,get:h}):Object.defineProperty(n,"ref",{enumerable:!1,value:null}),n._store={},Object.defineProperty(n._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(n,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(n,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:j}),Object.defineProperty(n,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:w}),Object.freeze&&(Object.freeze(n.props),Object.freeze(n)),n}function v(n,f,y,m,j,w){var b=f.children;if(b!==void 0)if(m)if(ee(b)){for(m=0;m<b.length;m++)P(b[m]);Object.freeze&&Object.freeze(b)}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 P(b);if(ie.call(f,"key")){b=e(n);var C=Object.keys(f).filter(function(O){return O!=="key"});m=0<C.length?"{key: someKey, "+C.join(": ..., ")+": ...}":"{key: someKey}",l[b+m]||(C=0<C.length?"{"+C.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} />`,ft,Pe,In,Pe),rr[Pe+ft]=!0}}return n===o?Nn(z):Dn(z),z}}function Mn(n,s,v){return nr(n,s,v,!0)}function An(n,s,v){return nr(n,s,v,!1)}var kn=An,Fn=Mn;Me.Fragment=o,Me.jsx=kn,Me.jsxs=Fn}()),Me}process.env.NODE_ENV==="production"?Xe.exports=ar():Xe.exports=ir();var c=Xe.exports,Fe={exports:{}},vt={},Be={exports:{}},Ie={exports:{}},W={};/** @license React v16.13.1
+  <%s key={someKey} {...props} />`,m,b,C,b),l[b+m]=!0)}if(b=null,y!==void 0&&(r(y),b=""+y),d(f)&&(r(f.key),b=""+f.key),"key"in f){y={};for(var D in f)D!=="key"&&(y[D]=f[D])}else y=f;return b&&u(y,typeof n=="function"?n.displayName||n.name||"Unknown":n),g(n,b,y,a(),j,w)}function P(n){k(n)?n._store&&(n._store.validated=1):typeof n=="object"&&n!==null&&n.$$typeof===Y&&(n._payload.status==="fulfilled"?k(n._payload.value)&&n._payload.value._store&&(n._payload.value._store.validated=1):n._store&&(n._store.validated=1))}function k(n){return typeof n=="object"&&n!==null&&n.$$typeof===I}var N=q,I=Symbol.for("react.transitional.element"),F=Symbol.for("react.portal"),T=Symbol.for("react.fragment"),_=Symbol.for("react.strict_mode"),x=Symbol.for("react.profiler"),E=Symbol.for("react.consumer"),S=Symbol.for("react.context"),s=Symbol.for("react.forward_ref"),R=Symbol.for("react.suspense"),U=Symbol.for("react.suspense_list"),X=Symbol.for("react.memo"),Y=Symbol.for("react.lazy"),W=Symbol.for("react.activity"),ae=Symbol.for("react.client.reference"),se=N.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,ie=Object.prototype.hasOwnProperty,ee=Array.isArray,ue=console.createTask?console.createTask:function(){return null};N={react_stack_bottom_frame:function(n){return n()}};var B,K={},ne=N.react_stack_bottom_frame.bind(N,i)(),fe=ue(o(i)),l={};me.Fragment=T,me.jsx=function(n,f,y){var m=1e4>se.recentlyCreatedOwnerStacks++;return v(n,f,y,!1,m?Error("react-stack-top-frame"):ne,m?ue(o(n)):fe)},me.jsxs=function(n,f,y){var m=1e4>se.recentlyCreatedOwnerStacks++;return v(n,f,y,!0,m?Error("react-stack-top-frame"):ne,m?ue(o(n)):fe)}}()),me}process.env.NODE_ENV==="production"?_e.exports=Tt():_e.exports=Et();var c=_e.exports,ye={exports:{}},He={},we={exports:{}},ve={exports:{}},A={};/** @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 gt;function sr(){if(gt)return W;gt=1;var e=typeof Symbol=="function"&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,u=e?Symbol.for("react.profiler"):60114,p=e?Symbol.for("react.provider"):60109,f=e?Symbol.for("react.context"):60110,d=e?Symbol.for("react.async_mode"):60111,m=e?Symbol.for("react.concurrent_mode"):60111,g=e?Symbol.for("react.forward_ref"):60112,T=e?Symbol.for("react.suspense"):60113,A=e?Symbol.for("react.suspense_list"):60120,Y=e?Symbol.for("react.memo"):60115,B=e?Symbol.for("react.lazy"):60116,X=e?Symbol.for("react.block"):60121,_=e?Symbol.for("react.fundamental"):60117,x=e?Symbol.for("react.responder"):60118,b=e?Symbol.for("react.scope"):60119;function C(i){if(typeof i=="object"&&i!==null){var k=i.$$typeof;switch(k){case t:switch(i=i.type,i){case d:case m:case o:case u:case a:case T:return i;default:switch(i=i&&i.$$typeof,i){case f:case g:case B:case Y:case p:return i;default:return k}}case r:return k}}}function S(i){return C(i)===m}return W.AsyncMode=d,W.ConcurrentMode=m,W.ContextConsumer=f,W.ContextProvider=p,W.Element=t,W.ForwardRef=g,W.Fragment=o,W.Lazy=B,W.Memo=Y,W.Portal=r,W.Profiler=u,W.StrictMode=a,W.Suspense=T,W.isAsyncMode=function(i){return S(i)||C(i)===d},W.isConcurrentMode=S,W.isContextConsumer=function(i){return C(i)===f},W.isContextProvider=function(i){return C(i)===p},W.isElement=function(i){return typeof i=="object"&&i!==null&&i.$$typeof===t},W.isForwardRef=function(i){return C(i)===g},W.isFragment=function(i){return C(i)===o},W.isLazy=function(i){return C(i)===B},W.isMemo=function(i){return C(i)===Y},W.isPortal=function(i){return C(i)===r},W.isProfiler=function(i){return C(i)===u},W.isStrictMode=function(i){return C(i)===a},W.isSuspense=function(i){return C(i)===T},W.isValidElementType=function(i){return typeof i=="string"||typeof i=="function"||i===o||i===m||i===u||i===a||i===T||i===A||typeof i=="object"&&i!==null&&(i.$$typeof===B||i.$$typeof===Y||i.$$typeof===p||i.$$typeof===f||i.$$typeof===g||i.$$typeof===_||i.$$typeof===x||i.$$typeof===b||i.$$typeof===X)},W.typeOf=C,W}var L={};/** @license React v16.13.1
+ */var ze;function _t(){if(ze)return A;ze=1;var e=typeof Symbol=="function"&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,i=e?Symbol.for("react.profiler"):60114,d=e?Symbol.for("react.provider"):60109,u=e?Symbol.for("react.context"):60110,h=e?Symbol.for("react.async_mode"):60111,g=e?Symbol.for("react.concurrent_mode"):60111,v=e?Symbol.for("react.forward_ref"):60112,P=e?Symbol.for("react.suspense"):60113,k=e?Symbol.for("react.suspense_list"):60120,N=e?Symbol.for("react.memo"):60115,I=e?Symbol.for("react.lazy"):60116,F=e?Symbol.for("react.block"):60121,T=e?Symbol.for("react.fundamental"):60117,_=e?Symbol.for("react.responder"):60118,x=e?Symbol.for("react.scope"):60119;function E(s){if(typeof s=="object"&&s!==null){var R=s.$$typeof;switch(R){case t:switch(s=s.type,s){case h:case g:case o:case i:case a:case P:return s;default:switch(s=s&&s.$$typeof,s){case u:case v:case I:case N:case d:return s;default:return R}}case r:return R}}}function S(s){return E(s)===g}return A.AsyncMode=h,A.ConcurrentMode=g,A.ContextConsumer=u,A.ContextProvider=d,A.Element=t,A.ForwardRef=v,A.Fragment=o,A.Lazy=I,A.Memo=N,A.Portal=r,A.Profiler=i,A.StrictMode=a,A.Suspense=P,A.isAsyncMode=function(s){return S(s)||E(s)===h},A.isConcurrentMode=S,A.isContextConsumer=function(s){return E(s)===u},A.isContextProvider=function(s){return E(s)===d},A.isElement=function(s){return typeof s=="object"&&s!==null&&s.$$typeof===t},A.isForwardRef=function(s){return E(s)===v},A.isFragment=function(s){return E(s)===o},A.isLazy=function(s){return E(s)===I},A.isMemo=function(s){return E(s)===N},A.isPortal=function(s){return E(s)===r},A.isProfiler=function(s){return E(s)===i},A.isStrictMode=function(s){return E(s)===a},A.isSuspense=function(s){return E(s)===P},A.isValidElementType=function(s){return typeof s=="string"||typeof s=="function"||s===o||s===g||s===i||s===a||s===P||s===k||typeof s=="object"&&s!==null&&(s.$$typeof===I||s.$$typeof===N||s.$$typeof===d||s.$$typeof===u||s.$$typeof===v||s.$$typeof===T||s.$$typeof===_||s.$$typeof===x||s.$$typeof===F)},A.typeOf=E,A}var M={};/** @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 yt;function lr(){return yt||(yt=1,process.env.NODE_ENV!=="production"&&function(){var e=typeof Symbol=="function"&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,u=e?Symbol.for("react.profiler"):60114,p=e?Symbol.for("react.provider"):60109,f=e?Symbol.for("react.context"):60110,d=e?Symbol.for("react.async_mode"):60111,m=e?Symbol.for("react.concurrent_mode"):60111,g=e?Symbol.for("react.forward_ref"):60112,T=e?Symbol.for("react.suspense"):60113,A=e?Symbol.for("react.suspense_list"):60120,Y=e?Symbol.for("react.memo"):60115,B=e?Symbol.for("react.lazy"):60116,X=e?Symbol.for("react.block"):60121,_=e?Symbol.for("react.fundamental"):60117,x=e?Symbol.for("react.responder"):60118,b=e?Symbol.for("react.scope"):60119;function C(h){return typeof h=="string"||typeof h=="function"||h===o||h===m||h===u||h===a||h===T||h===A||typeof h=="object"&&h!==null&&(h.$$typeof===B||h.$$typeof===Y||h.$$typeof===p||h.$$typeof===f||h.$$typeof===g||h.$$typeof===_||h.$$typeof===x||h.$$typeof===b||h.$$typeof===X)}function S(h){if(typeof h=="object"&&h!==null){var de=h.$$typeof;switch(de){case t:var je=h.type;switch(je){case d:case m:case o:case u:case a:case T:return je;default:var we=je&&je.$$typeof;switch(we){case f:case g:case B:case Y:case p:return we;default:return de}}case r:return de}}}var i=d,k=m,Q=f,ee=p,G=t,J=g,Se=o,Te=B,ie=Y,K=r,me=u,te=a,fe=T,be=!1;function _e(h){return be||(be=!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.")),l(h)||S(h)===d}function l(h){return S(h)===m}function y(h){return S(h)===f}function O(h){return S(h)===p}function j(h){return typeof h=="object"&&h!==null&&h.$$typeof===t}function w(h){return S(h)===g}function F(h){return S(h)===o}function P(h){return S(h)===B}function R(h){return S(h)===Y}function D(h){return S(h)===r}function $(h){return S(h)===u}function N(h){return S(h)===a}function re(h){return S(h)===T}L.AsyncMode=i,L.ConcurrentMode=k,L.ContextConsumer=Q,L.ContextProvider=ee,L.Element=G,L.ForwardRef=J,L.Fragment=Se,L.Lazy=Te,L.Memo=ie,L.Portal=K,L.Profiler=me,L.StrictMode=te,L.Suspense=fe,L.isAsyncMode=_e,L.isConcurrentMode=l,L.isContextConsumer=y,L.isContextProvider=O,L.isElement=j,L.isForwardRef=w,L.isFragment=F,L.isLazy=P,L.isMemo=R,L.isPortal=D,L.isProfiler=$,L.isStrictMode=N,L.isSuspense=re,L.isValidElementType=C,L.typeOf=S}()),L}var mt;function bt(){return mt||(mt=1,process.env.NODE_ENV==="production"?Ie.exports=sr():Ie.exports=lr()),Ie.exports}/*
+ */var qe;function wt(){return qe||(qe=1,process.env.NODE_ENV!=="production"&&function(){var e=typeof Symbol=="function"&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,a=e?Symbol.for("react.strict_mode"):60108,i=e?Symbol.for("react.profiler"):60114,d=e?Symbol.for("react.provider"):60109,u=e?Symbol.for("react.context"):60110,h=e?Symbol.for("react.async_mode"):60111,g=e?Symbol.for("react.concurrent_mode"):60111,v=e?Symbol.for("react.forward_ref"):60112,P=e?Symbol.for("react.suspense"):60113,k=e?Symbol.for("react.suspense_list"):60120,N=e?Symbol.for("react.memo"):60115,I=e?Symbol.for("react.lazy"):60116,F=e?Symbol.for("react.block"):60121,T=e?Symbol.for("react.fundamental"):60117,_=e?Symbol.for("react.responder"):60118,x=e?Symbol.for("react.scope"):60119;function E(p){return typeof p=="string"||typeof p=="function"||p===o||p===g||p===i||p===a||p===P||p===k||typeof p=="object"&&p!==null&&(p.$$typeof===I||p.$$typeof===N||p.$$typeof===d||p.$$typeof===u||p.$$typeof===v||p.$$typeof===T||p.$$typeof===_||p.$$typeof===x||p.$$typeof===F)}function S(p){if(typeof p=="object"&&p!==null){var oe=p.$$typeof;switch(oe){case t:var Ee=p.type;switch(Ee){case h:case g:case o:case i:case a:case P:return Ee;default:var St=Ee&&Ee.$$typeof;switch(St){case u:case v:case I:case N:case d:return St;default:return oe}}case r:return oe}}}var s=h,R=g,U=u,X=d,Y=t,W=v,ae=o,se=I,ie=N,ee=r,ue=i,B=a,K=P,ne=!1;function fe(p){return ne||(ne=!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.")),l(p)||S(p)===h}function l(p){return S(p)===g}function n(p){return S(p)===u}function f(p){return S(p)===d}function y(p){return typeof p=="object"&&p!==null&&p.$$typeof===t}function m(p){return S(p)===v}function j(p){return S(p)===o}function w(p){return S(p)===I}function b(p){return S(p)===N}function C(p){return S(p)===r}function D(p){return S(p)===i}function O(p){return S(p)===a}function V(p){return S(p)===P}M.AsyncMode=s,M.ConcurrentMode=R,M.ContextConsumer=U,M.ContextProvider=X,M.Element=Y,M.ForwardRef=W,M.Fragment=ae,M.Lazy=se,M.Memo=ie,M.Portal=ee,M.Profiler=ue,M.StrictMode=B,M.Suspense=K,M.isAsyncMode=fe,M.isConcurrentMode=l,M.isContextConsumer=n,M.isContextProvider=f,M.isElement=y,M.isForwardRef=m,M.isFragment=j,M.isLazy=w,M.isMemo=b,M.isPortal=C,M.isProfiler=D,M.isStrictMode=O,M.isSuspense=V,M.isValidElementType=E,M.typeOf=S}()),M}var Ve;function Ge(){return Ve||(Ve=1,process.env.NODE_ENV==="production"?ve.exports=_t():ve.exports=wt()),ve.exports}/*
 object-assign
 (c) Sindre Sorhus
 @license MIT
-*/var Ve,St;function ur(){if(St)return Ve;St=1;var e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;function o(u){if(u==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(u)}function a(){try{if(!Object.assign)return!1;var u=new String("abc");if(u[5]="de",Object.getOwnPropertyNames(u)[0]==="5")return!1;for(var p={},f=0;f<10;f++)p["_"+String.fromCharCode(f)]=f;var d=Object.getOwnPropertyNames(p).map(function(g){return p[g]});if(d.join("")!=="0123456789")return!1;var m={};return"abcdefghijklmnopqrst".split("").forEach(function(g){m[g]=g}),Object.keys(Object.assign({},m)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return Ve=a()?Object.assign:function(u,p){for(var f,d=o(u),m,g=1;g<arguments.length;g++){f=Object(arguments[g]);for(var T in f)t.call(f,T)&&(d[T]=f[T]);if(e){m=e(f);for(var A=0;A<m.length;A++)r.call(f,m[A])&&(d[m[A]]=f[m[A]])}}return d},Ve}var He,xt;function qe(){if(xt)return He;xt=1;var e="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return He=e,He}var ze,Et;function Tt(){return Et||(Et=1,ze=Function.call.bind(Object.prototype.hasOwnProperty)),ze}var Ge,_t;function cr(){if(_t)return Ge;_t=1;var e=function(){};if(process.env.NODE_ENV!=="production"){var t=qe(),r={},o=Tt();e=function(u){var p="Warning: "+u;typeof console<"u"&&console.error(p);try{throw new Error(p)}catch{}}}function a(u,p,f,d,m){if(process.env.NODE_ENV!=="production"){for(var g in u)if(o(u,g)){var T;try{if(typeof u[g]!="function"){var A=Error((d||"React class")+": "+f+" type `"+g+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof u[g]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw A.name="Invariant Violation",A}T=u[g](p,g,d,f,null,t)}catch(B){T=B}if(T&&!(T instanceof Error)&&e((d||"React class")+": type specification of "+f+" `"+g+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof T+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),T instanceof Error&&!(T.message in r)){r[T.message]=!0;var Y=m?m():"";e("Failed "+f+" type: "+T.message+(Y??""))}}}}return a.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(r={})},Ge=a,Ge}var Je,Ct;function fr(){if(Ct)return Je;Ct=1;var e=bt(),t=ur(),r=qe(),o=Tt(),a=cr(),u=function(){};process.env.NODE_ENV!=="production"&&(u=function(f){var d="Warning: "+f;typeof console<"u"&&console.error(d);try{throw new Error(d)}catch{}});function p(){return null}return Je=function(f,d){var m=typeof Symbol=="function"&&Symbol.iterator,g="@@iterator";function T(l){var y=l&&(m&&l[m]||l[g]);if(typeof y=="function")return y}var A="<<anonymous>>",Y={array:x("array"),bigint:x("bigint"),bool:x("boolean"),func:x("function"),number:x("number"),object:x("object"),string:x("string"),symbol:x("symbol"),any:b(),arrayOf:C,element:S(),elementType:i(),instanceOf:k,node:J(),objectOf:ee,oneOf:Q,oneOfType:G,shape:Te,exact:ie};function B(l,y){return l===y?l!==0||1/l===1/y:l!==l&&y!==y}function X(l,y){this.message=l,this.data=y&&typeof y=="object"?y:{},this.stack=""}X.prototype=Error.prototype;function _(l){if(process.env.NODE_ENV!=="production")var y={},O=0;function j(F,P,R,D,$,N,re){if(D=D||A,N=N||R,re!==r){if(d){var h=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 h.name="Invariant Violation",h}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var de=D+":"+R;!y[de]&&O<3&&(u("You are manually calling a React.PropTypes validation function for the `"+N+"` prop on `"+D+"`. 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."),y[de]=!0,O++)}}return P[R]==null?F?P[R]===null?new X("The "+$+" `"+N+"` is marked as required "+("in `"+D+"`, but its value is `null`.")):new X("The "+$+" `"+N+"` is marked as required in "+("`"+D+"`, but its value is `undefined`.")):null:l(P,R,D,$,N)}var w=j.bind(null,!1);return w.isRequired=j.bind(null,!0),w}function x(l){function y(O,j,w,F,P,R){var D=O[j],$=te(D);if($!==l){var N=fe(D);return new X("Invalid "+F+" `"+P+"` of type "+("`"+N+"` supplied to `"+w+"`, expected ")+("`"+l+"`."),{expectedType:l})}return null}return _(y)}function b(){return _(p)}function C(l){function y(O,j,w,F,P){if(typeof l!="function")return new X("Property `"+P+"` of component `"+w+"` has invalid PropType notation inside arrayOf.");var R=O[j];if(!Array.isArray(R)){var D=te(R);return new X("Invalid "+F+" `"+P+"` of type "+("`"+D+"` supplied to `"+w+"`, expected an array."))}for(var $=0;$<R.length;$++){var N=l(R,$,w,F,P+"["+$+"]",r);if(N instanceof Error)return N}return null}return _(y)}function S(){function l(y,O,j,w,F){var P=y[O];if(!f(P)){var R=te(P);return new X("Invalid "+w+" `"+F+"` of type "+("`"+R+"` supplied to `"+j+"`, expected a single ReactElement."))}return null}return _(l)}function i(){function l(y,O,j,w,F){var P=y[O];if(!e.isValidElementType(P)){var R=te(P);return new X("Invalid "+w+" `"+F+"` of type "+("`"+R+"` supplied to `"+j+"`, expected a single ReactElement type."))}return null}return _(l)}function k(l){function y(O,j,w,F,P){if(!(O[j]instanceof l)){var R=l.name||A,D=_e(O[j]);return new X("Invalid "+F+" `"+P+"` of type "+("`"+D+"` supplied to `"+w+"`, expected ")+("instance of `"+R+"`."))}return null}return _(y)}function Q(l){if(!Array.isArray(l))return process.env.NODE_ENV!=="production"&&(arguments.length>1?u("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])."):u("Invalid argument supplied to oneOf, expected an array.")),p;function y(O,j,w,F,P){for(var R=O[j],D=0;D<l.length;D++)if(B(R,l[D]))return null;var $=JSON.stringify(l,function(re,h){var de=fe(h);return de==="symbol"?String(h):h});return new X("Invalid "+F+" `"+P+"` of value `"+String(R)+"` "+("supplied to `"+w+"`, expected one of "+$+"."))}return _(y)}function ee(l){function y(O,j,w,F,P){if(typeof l!="function")return new X("Property `"+P+"` of component `"+w+"` has invalid PropType notation inside objectOf.");var R=O[j],D=te(R);if(D!=="object")return new X("Invalid "+F+" `"+P+"` of type "+("`"+D+"` supplied to `"+w+"`, expected an object."));for(var $ in R)if(o(R,$)){var N=l(R,$,w,F,P+"."+$,r);if(N instanceof Error)return N}return null}return _(y)}function G(l){if(!Array.isArray(l))return process.env.NODE_ENV!=="production"&&u("Invalid argument supplied to oneOfType, expected an instance of array."),p;for(var y=0;y<l.length;y++){var O=l[y];if(typeof O!="function")return u("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+be(O)+" at index "+y+"."),p}function j(w,F,P,R,D){for(var $=[],N=0;N<l.length;N++){var re=l[N],h=re(w,F,P,R,D,r);if(h==null)return null;h.data&&o(h.data,"expectedType")&&$.push(h.data.expectedType)}var de=$.length>0?", expected one of type ["+$.join(", ")+"]":"";return new X("Invalid "+R+" `"+D+"` supplied to "+("`"+P+"`"+de+"."))}return _(j)}function J(){function l(y,O,j,w,F){return K(y[O])?null:new X("Invalid "+w+" `"+F+"` supplied to "+("`"+j+"`, expected a ReactNode."))}return _(l)}function Se(l,y,O,j,w){return new X((l||"React class")+": "+y+" type `"+O+"."+j+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+w+"`.")}function Te(l){function y(O,j,w,F,P){var R=O[j],D=te(R);if(D!=="object")return new X("Invalid "+F+" `"+P+"` of type `"+D+"` "+("supplied to `"+w+"`, expected `object`."));for(var $ in l){var N=l[$];if(typeof N!="function")return Se(w,F,P,$,fe(N));var re=N(R,$,w,F,P+"."+$,r);if(re)return re}return null}return _(y)}function ie(l){function y(O,j,w,F,P){var R=O[j],D=te(R);if(D!=="object")return new X("Invalid "+F+" `"+P+"` of type `"+D+"` "+("supplied to `"+w+"`, expected `object`."));var $=t({},O[j],l);for(var N in $){var re=l[N];if(o(l,N)&&typeof re!="function")return Se(w,F,P,N,fe(re));if(!re)return new X("Invalid "+F+" `"+P+"` key `"+N+"` supplied to `"+w+"`.\nBad object: "+JSON.stringify(O[j],null,"  ")+`
-Valid keys: `+JSON.stringify(Object.keys(l),null,"  "));var h=re(R,N,w,F,P+"."+N,r);if(h)return h}return null}return _(y)}function K(l){switch(typeof l){case"number":case"string":case"undefined":return!0;case"boolean":return!l;case"object":if(Array.isArray(l))return l.every(K);if(l===null||f(l))return!0;var y=T(l);if(y){var O=y.call(l),j;if(y!==l.entries){for(;!(j=O.next()).done;)if(!K(j.value))return!1}else for(;!(j=O.next()).done;){var w=j.value;if(w&&!K(w[1]))return!1}}else return!1;return!0;default:return!1}}function me(l,y){return l==="symbol"?!0:y?y["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&y instanceof Symbol:!1}function te(l){var y=typeof l;return Array.isArray(l)?"array":l instanceof RegExp?"object":me(y,l)?"symbol":y}function fe(l){if(typeof l>"u"||l===null)return""+l;var y=te(l);if(y==="object"){if(l instanceof Date)return"date";if(l instanceof RegExp)return"regexp"}return y}function be(l){var y=fe(l);switch(y){case"array":case"object":return"an "+y;case"boolean":case"date":case"regexp":return"a "+y;default:return y}}function _e(l){return!l.constructor||!l.constructor.name?A:l.constructor.name}return Y.checkPropTypes=a,Y.resetWarningCache=a.resetWarningCache,Y.PropTypes=Y,Y},Je}var Ke,wt;function dr(){if(wt)return Ke;wt=1;var e=qe();function t(){}function r(){}return r.resetWarningCache=t,Ke=function(){function o(p,f,d,m,g,T){if(T!==e){var A=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw A.name="Invariant Violation",A}}o.isRequired=o;function a(){return o}var u={array:o,bigint:o,bool:o,func:o,number:o,object:o,string:o,symbol:o,any:o,arrayOf:a,element:o,elementType:o,instanceOf:a,node:o,objectOf:a,oneOf:a,oneOfType:a,shape:a,exact:a,checkPropTypes:r,resetWarningCache:t};return u.PropTypes=u,u},Ke}if(process.env.NODE_ENV!=="production"){var pr=bt(),hr=!0;Be.exports=fr()(pr.isElement,hr)}else Be.exports=dr()();var Pt=Be.exports,Ze={exports:{}};function Rt(e){var t,r,o="";if(typeof e=="string"||typeof e=="number")o+=e;else if(typeof e=="object")if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(r=Rt(e[t]))&&(o&&(o+=" "),o+=r)}else for(r in e)e[r]&&(o&&(o+=" "),o+=r);return o}function jt(){for(var e,t,r=0,o="",a=arguments.length;r<a;r++)(e=arguments[r])&&(t=Rt(e))&&(o&&(o+=" "),o+=t);return o}Ze.exports=jt,Ze.exports.clsx=jt;var vr=Ze.exports,H={},ge={};Object.defineProperty(ge,"__esModule",{value:!0}),ge.dontSetMe=Sr,ge.findInArray=gr,ge.int=br,ge.isFunction=yr,ge.isNum=mr;function gr(e,t){for(let r=0,o=e.length;r<o;r++)if(t.apply(t,[e[r],r,e]))return e[r]}function yr(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Function]"}function mr(e){return typeof e=="number"&&!isNaN(e)}function br(e){return parseInt(e,10)}function Sr(e,t,r){if(e[t])return new Error(`Invalid prop ${t} passed to ${r} - do not set this, set it on the child.`)}var Ce={};Object.defineProperty(Ce,"__esModule",{value:!0}),Ce.browserPrefixToKey=Dt,Ce.browserPrefixToStyle=xr,Ce.default=void 0,Ce.getPrefix=Ot;const Qe=["Moz","Webkit","O","ms"];function Ot(){var r,o;let e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"transform";if(typeof window>"u")return"";const t=(o=(r=window.document)==null?void 0:r.documentElement)==null?void 0:o.style;if(!t||e in t)return"";for(let a=0;a<Qe.length;a++)if(Dt(e,Qe[a])in t)return Qe[a];return""}function Dt(e,t){return t?`${t}${Er(e)}`:e}function xr(e,t){return t?`-${t.toLowerCase()}-${e}`:e}function Er(e){let t="",r=!0;for(let o=0;o<e.length;o++)r?(t+=e[o].toUpperCase(),r=!1):e[o]==="-"?r=!0:t+=e[o];return t}Ce.default=Ot(),Object.defineProperty(H,"__esModule",{value:!0}),H.addClassName=Ft,H.addEvent=_r,H.addUserSelectStyles=kr,H.createCSSTransform=Dr,H.createSVGTransform=Nr,H.getTouch=Mr,H.getTouchIdentifier=Ar,H.getTranslation=et,H.innerHeight=Rr,H.innerWidth=jr,H.matchesSelector=At,H.matchesSelectorAndParentsTo=Tr,H.offsetXYFromParent=Or,H.outerHeight=wr,H.outerWidth=Pr,H.removeClassName=It,H.removeEvent=Cr,H.scheduleRemoveUserSelectStyles=Fr;var ue=ge,Nt=Mt(Ce);function Mt(e,t){if(typeof WeakMap=="function")var r=new WeakMap,o=new WeakMap;return(Mt=function(a,u){if(!u&&a&&a.__esModule)return a;var p,f,d={__proto__:null,default:a};if(a===null||typeof a!="object"&&typeof a!="function")return d;if(p=u?o:r){if(p.has(a))return p.get(a);p.set(a,d)}for(const m in a)m!=="default"&&{}.hasOwnProperty.call(a,m)&&((f=(p=Object.defineProperty)&&Object.getOwnPropertyDescriptor(a,m))&&(f.get||f.set)?p(d,m,f):d[m]=a[m]);return d})(e,t)}let $e="";function At(e,t){return $e||($e=(0,ue.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],function(r){return(0,ue.isFunction)(e[r])})),(0,ue.isFunction)(e[$e])?e[$e](t):!1}function Tr(e,t,r){let o=e;do{if(At(o,t))return!0;if(o===r)return!1;o=o.parentNode}while(o);return!1}function _r(e,t,r,o){if(!e)return;const a={capture:!0,...o};e.addEventListener?e.addEventListener(t,r,a):e.attachEvent?e.attachEvent("on"+t,r):e["on"+t]=r}function Cr(e,t,r,o){if(!e)return;const a={capture:!0,...o};e.removeEventListener?e.removeEventListener(t,r,a):e.detachEvent?e.detachEvent("on"+t,r):e["on"+t]=null}function wr(e){let t=e.clientHeight;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,ue.int)(r.borderTopWidth),t+=(0,ue.int)(r.borderBottomWidth),t}function Pr(e){let t=e.clientWidth;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,ue.int)(r.borderLeftWidth),t+=(0,ue.int)(r.borderRightWidth),t}function Rr(e){let t=e.clientHeight;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,ue.int)(r.paddingTop),t-=(0,ue.int)(r.paddingBottom),t}function jr(e){let t=e.clientWidth;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,ue.int)(r.paddingLeft),t-=(0,ue.int)(r.paddingRight),t}function Or(e,t,r){const a=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect(),u=(e.clientX+t.scrollLeft-a.left)/r,p=(e.clientY+t.scrollTop-a.top)/r;return{x:u,y:p}}function Dr(e,t){const r=et(e,t,"px");return{[(0,Nt.browserPrefixToKey)("transform",Nt.default)]:r}}function Nr(e,t){return et(e,t,"")}function et(e,t,r){let{x:o,y:a}=e,u=`translate(${o}${r},${a}${r})`;if(t){const p=`${typeof t.x=="string"?t.x:t.x+r}`,f=`${typeof t.y=="string"?t.y:t.y+r}`;u=`translate(${p}, ${f})`+u}return u}function Mr(e,t){return e.targetTouches&&(0,ue.findInArray)(e.targetTouches,r=>t===r.identifier)||e.changedTouches&&(0,ue.findInArray)(e.changedTouches,r=>t===r.identifier)}function Ar(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier}function kr(e){if(!e)return;let t=e.getElementById("react-draggable-style-el");t||(t=e.createElement("style"),t.type="text/css",t.id="react-draggable-style-el",t.innerHTML=`.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
+*/var Ce,Je;function Ct(){if(Je)return Ce;Je=1;var e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable;function o(i){if(i==null)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(i)}function a(){try{if(!Object.assign)return!1;var i=new String("abc");if(i[5]="de",Object.getOwnPropertyNames(i)[0]==="5")return!1;for(var d={},u=0;u<10;u++)d["_"+String.fromCharCode(u)]=u;var h=Object.getOwnPropertyNames(d).map(function(v){return d[v]});if(h.join("")!=="0123456789")return!1;var g={};return"abcdefghijklmnopqrst".split("").forEach(function(v){g[v]=v}),Object.keys(Object.assign({},g)).join("")==="abcdefghijklmnopqrst"}catch{return!1}}return Ce=a()?Object.assign:function(i,d){for(var u,h=o(i),g,v=1;v<arguments.length;v++){u=Object(arguments[v]);for(var P in u)t.call(u,P)&&(h[P]=u[P]);if(e){g=e(u);for(var k=0;k<g.length;k++)r.call(u,g[k])&&(h[g[k]]=u[g[k]])}}return h},Ce}var Pe,Ke;function je(){if(Ke)return Pe;Ke=1;var e="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";return Pe=e,Pe}var Re,Ze;function Qe(){return Ze||(Ze=1,Re=Function.call.bind(Object.prototype.hasOwnProperty)),Re}var Oe,et;function Pt(){if(et)return Oe;et=1;var e=function(){};if(process.env.NODE_ENV!=="production"){var t=je(),r={},o=Qe();e=function(i){var d="Warning: "+i;typeof console<"u"&&console.error(d);try{throw new Error(d)}catch{}}}function a(i,d,u,h,g){if(process.env.NODE_ENV!=="production"){for(var v in i)if(o(i,v)){var P;try{if(typeof i[v]!="function"){var k=Error((h||"React class")+": "+u+" type `"+v+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof i[v]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw k.name="Invariant Violation",k}P=i[v](d,v,h,u,null,t)}catch(I){P=I}if(P&&!(P instanceof Error)&&e((h||"React class")+": type specification of "+u+" `"+v+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof P+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),P instanceof Error&&!(P.message in r)){r[P.message]=!0;var N=g?g():"";e("Failed "+u+" type: "+P.message+(N??""))}}}}return a.resetWarningCache=function(){process.env.NODE_ENV!=="production"&&(r={})},Oe=a,Oe}var De,tt;function jt(){if(tt)return De;tt=1;var e=Ge(),t=Ct(),r=je(),o=Qe(),a=Pt(),i=function(){};process.env.NODE_ENV!=="production"&&(i=function(u){var h="Warning: "+u;typeof console<"u"&&console.error(h);try{throw new Error(h)}catch{}});function d(){return null}return De=function(u,h){var g=typeof Symbol=="function"&&Symbol.iterator,v="@@iterator";function P(l){var n=l&&(g&&l[g]||l[v]);if(typeof n=="function")return n}var k="<<anonymous>>",N={array:_("array"),bigint:_("bigint"),bool:_("boolean"),func:_("function"),number:_("number"),object:_("object"),string:_("string"),symbol:_("symbol"),any:x(),arrayOf:E,element:S(),elementType:s(),instanceOf:R,node:W(),objectOf:X,oneOf:U,oneOfType:Y,shape:se,exact:ie};function I(l,n){return l===n?l!==0||1/l===1/n:l!==l&&n!==n}function F(l,n){this.message=l,this.data=n&&typeof n=="object"?n:{},this.stack=""}F.prototype=Error.prototype;function T(l){if(process.env.NODE_ENV!=="production")var n={},f=0;function y(j,w,b,C,D,O,V){if(C=C||k,O=O||b,V!==r){if(h){var p=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw p.name="Invariant Violation",p}else if(process.env.NODE_ENV!=="production"&&typeof console<"u"){var oe=C+":"+b;!n[oe]&&f<3&&(i("You are manually calling a React.PropTypes validation function for the `"+O+"` prop on `"+C+"`. 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."),n[oe]=!0,f++)}}return w[b]==null?j?w[b]===null?new F("The "+D+" `"+O+"` is marked as required "+("in `"+C+"`, but its value is `null`.")):new F("The "+D+" `"+O+"` is marked as required in "+("`"+C+"`, but its value is `undefined`.")):null:l(w,b,C,D,O)}var m=y.bind(null,!1);return m.isRequired=y.bind(null,!0),m}function _(l){function n(f,y,m,j,w,b){var C=f[y],D=B(C);if(D!==l){var O=K(C);return new F("Invalid "+j+" `"+w+"` of type "+("`"+O+"` supplied to `"+m+"`, expected ")+("`"+l+"`."),{expectedType:l})}return null}return T(n)}function x(){return T(d)}function E(l){function n(f,y,m,j,w){if(typeof l!="function")return new F("Property `"+w+"` of component `"+m+"` has invalid PropType notation inside arrayOf.");var b=f[y];if(!Array.isArray(b)){var C=B(b);return new F("Invalid "+j+" `"+w+"` of type "+("`"+C+"` supplied to `"+m+"`, expected an array."))}for(var D=0;D<b.length;D++){var O=l(b,D,m,j,w+"["+D+"]",r);if(O instanceof Error)return O}return null}return T(n)}function S(){function l(n,f,y,m,j){var w=n[f];if(!u(w)){var b=B(w);return new F("Invalid "+m+" `"+j+"` of type "+("`"+b+"` supplied to `"+y+"`, expected a single ReactElement."))}return null}return T(l)}function s(){function l(n,f,y,m,j){var w=n[f];if(!e.isValidElementType(w)){var b=B(w);return new F("Invalid "+m+" `"+j+"` of type "+("`"+b+"` supplied to `"+y+"`, expected a single ReactElement type."))}return null}return T(l)}function R(l){function n(f,y,m,j,w){if(!(f[y]instanceof l)){var b=l.name||k,C=fe(f[y]);return new F("Invalid "+j+" `"+w+"` of type "+("`"+C+"` supplied to `"+m+"`, expected ")+("instance of `"+b+"`."))}return null}return T(n)}function U(l){if(!Array.isArray(l))return process.env.NODE_ENV!=="production"&&(arguments.length>1?i("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])."):i("Invalid argument supplied to oneOf, expected an array.")),d;function n(f,y,m,j,w){for(var b=f[y],C=0;C<l.length;C++)if(I(b,l[C]))return null;var D=JSON.stringify(l,function(V,p){var oe=K(p);return oe==="symbol"?String(p):p});return new F("Invalid "+j+" `"+w+"` of value `"+String(b)+"` "+("supplied to `"+m+"`, expected one of "+D+"."))}return T(n)}function X(l){function n(f,y,m,j,w){if(typeof l!="function")return new F("Property `"+w+"` of component `"+m+"` has invalid PropType notation inside objectOf.");var b=f[y],C=B(b);if(C!=="object")return new F("Invalid "+j+" `"+w+"` of type "+("`"+C+"` supplied to `"+m+"`, expected an object."));for(var D in b)if(o(b,D)){var O=l(b,D,m,j,w+"."+D,r);if(O instanceof Error)return O}return null}return T(n)}function Y(l){if(!Array.isArray(l))return process.env.NODE_ENV!=="production"&&i("Invalid argument supplied to oneOfType, expected an instance of array."),d;for(var n=0;n<l.length;n++){var f=l[n];if(typeof f!="function")return i("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+ne(f)+" at index "+n+"."),d}function y(m,j,w,b,C){for(var D=[],O=0;O<l.length;O++){var V=l[O],p=V(m,j,w,b,C,r);if(p==null)return null;p.data&&o(p.data,"expectedType")&&D.push(p.data.expectedType)}var oe=D.length>0?", expected one of type ["+D.join(", ")+"]":"";return new F("Invalid "+b+" `"+C+"` supplied to "+("`"+w+"`"+oe+"."))}return T(y)}function W(){function l(n,f,y,m,j){return ee(n[f])?null:new F("Invalid "+m+" `"+j+"` supplied to "+("`"+y+"`, expected a ReactNode."))}return T(l)}function ae(l,n,f,y,m){return new F((l||"React class")+": "+n+" type `"+f+"."+y+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+m+"`.")}function se(l){function n(f,y,m,j,w){var b=f[y],C=B(b);if(C!=="object")return new F("Invalid "+j+" `"+w+"` of type `"+C+"` "+("supplied to `"+m+"`, expected `object`."));for(var D in l){var O=l[D];if(typeof O!="function")return ae(m,j,w,D,K(O));var V=O(b,D,m,j,w+"."+D,r);if(V)return V}return null}return T(n)}function ie(l){function n(f,y,m,j,w){var b=f[y],C=B(b);if(C!=="object")return new F("Invalid "+j+" `"+w+"` of type `"+C+"` "+("supplied to `"+m+"`, expected `object`."));var D=t({},f[y],l);for(var O in D){var V=l[O];if(o(l,O)&&typeof V!="function")return ae(m,j,w,O,K(V));if(!V)return new F("Invalid "+j+" `"+w+"` key `"+O+"` supplied to `"+m+"`.\nBad object: "+JSON.stringify(f[y],null,"  ")+`
+Valid keys: `+JSON.stringify(Object.keys(l),null,"  "));var p=V(b,O,m,j,w+"."+O,r);if(p)return p}return null}return T(n)}function ee(l){switch(typeof l){case"number":case"string":case"undefined":return!0;case"boolean":return!l;case"object":if(Array.isArray(l))return l.every(ee);if(l===null||u(l))return!0;var n=P(l);if(n){var f=n.call(l),y;if(n!==l.entries){for(;!(y=f.next()).done;)if(!ee(y.value))return!1}else for(;!(y=f.next()).done;){var m=y.value;if(m&&!ee(m[1]))return!1}}else return!1;return!0;default:return!1}}function ue(l,n){return l==="symbol"?!0:n?n["@@toStringTag"]==="Symbol"||typeof Symbol=="function"&&n instanceof Symbol:!1}function B(l){var n=typeof l;return Array.isArray(l)?"array":l instanceof RegExp?"object":ue(n,l)?"symbol":n}function K(l){if(typeof l>"u"||l===null)return""+l;var n=B(l);if(n==="object"){if(l instanceof Date)return"date";if(l instanceof RegExp)return"regexp"}return n}function ne(l){var n=K(l);switch(n){case"array":case"object":return"an "+n;case"boolean":case"date":case"regexp":return"a "+n;default:return n}}function fe(l){return!l.constructor||!l.constructor.name?k:l.constructor.name}return N.checkPropTypes=a,N.resetWarningCache=a.resetWarningCache,N.PropTypes=N,N},De}var Ne,rt;function Rt(){if(rt)return Ne;rt=1;var e=je();function t(){}function r(){}return r.resetWarningCache=t,Ne=function(){function o(d,u,h,g,v,P){if(P!==e){var k=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 k.name="Invariant Violation",k}}o.isRequired=o;function a(){return o}var i={array:o,bigint:o,bool:o,func:o,number:o,object:o,string:o,symbol:o,any:o,arrayOf:a,element:o,elementType:o,instanceOf:a,node:o,objectOf:a,oneOf:a,oneOfType:a,shape:a,exact:a,checkPropTypes:r,resetWarningCache:t};return i.PropTypes=i,i},Ne}if(process.env.NODE_ENV!=="production"){var Ot=Ge(),Dt=!0;we.exports=jt()(Ot.isElement,Dt)}else we.exports=Rt()();var nt=we.exports,Ae={exports:{}};function ot(e){var t,r,o="";if(typeof e=="string"||typeof e=="number")o+=e;else if(typeof e=="object")if(Array.isArray(e)){var a=e.length;for(t=0;t<a;t++)e[t]&&(r=ot(e[t]))&&(o&&(o+=" "),o+=r)}else for(r in e)e[r]&&(o&&(o+=" "),o+=r);return o}function at(){for(var e,t,r=0,o="",a=arguments.length;r<a;r++)(e=arguments[r])&&(t=ot(e))&&(o&&(o+=" "),o+=t);return o}Ae.exports=at,Ae.exports.clsx=at;var Nt=Ae.exports,$={},te={};Object.defineProperty(te,"__esModule",{value:!0}),te.dontSetMe=It,te.findInArray=At,te.int=Ft,te.isFunction=Mt,te.isNum=kt;function At(e,t){for(let r=0,o=e.length;r<o;r++)if(t.apply(t,[e[r],r,e]))return e[r]}function Mt(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Function]"}function kt(e){return typeof e=="number"&&!isNaN(e)}function Ft(e){return parseInt(e,10)}function It(e,t,r){if(e[t])return new Error(`Invalid prop ${t} passed to ${r} - do not set this, set it on the child.`)}var de={};Object.defineProperty(de,"__esModule",{value:!0}),de.browserPrefixToKey=it,de.browserPrefixToStyle=$t,de.default=void 0,de.getPrefix=st;const Me=["Moz","Webkit","O","ms"];function st(){var r,o;let e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:"transform";if(typeof window>"u")return"";const t=(o=(r=window.document)==null?void 0:r.documentElement)==null?void 0:o.style;if(!t||e in t)return"";for(let a=0;a<Me.length;a++)if(it(e,Me[a])in t)return Me[a];return""}function it(e,t){return t?`${t}${Yt(e)}`:e}function $t(e,t){return t?`-${t.toLowerCase()}-${e}`:e}function Yt(e){let t="",r=!0;for(let o=0;o<e.length;o++)r?(t+=e[o].toUpperCase(),r=!1):e[o]==="-"?r=!0:t+=e[o];return t}de.default=st(),Object.defineProperty($,"__esModule",{value:!0}),$.addClassName=dt,$.addEvent=Lt,$.addUserSelectStyles=Zt,$.createCSSTransform=Vt,$.createSVGTransform=Gt,$.getTouch=Jt,$.getTouchIdentifier=Kt,$.getTranslation=ke,$.innerHeight=Ht,$.innerWidth=zt,$.matchesSelector=ut,$.matchesSelectorAndParentsTo=Wt,$.offsetXYFromParent=qt,$.outerHeight=Xt,$.outerWidth=Bt,$.removeClassName=pt,$.removeEvent=Ut,$.scheduleRemoveUserSelectStyles=Qt;var G=te,lt=ct(de);function ct(e,t){if(typeof WeakMap=="function")var r=new WeakMap,o=new WeakMap;return(ct=function(a,i){if(!i&&a&&a.__esModule)return a;var d,u,h={__proto__:null,default:a};if(a===null||typeof a!="object"&&typeof a!="function")return h;if(d=i?o:r){if(d.has(a))return d.get(a);d.set(a,h)}for(const g in a)g!=="default"&&{}.hasOwnProperty.call(a,g)&&((u=(d=Object.defineProperty)&&Object.getOwnPropertyDescriptor(a,g))&&(u.get||u.set)?d(h,g,u):h[g]=a[g]);return h})(e,t)}let be="";function ut(e,t){return be||(be=(0,G.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],function(r){return(0,G.isFunction)(e[r])})),(0,G.isFunction)(e[be])?e[be](t):!1}function Wt(e,t,r){let o=e;do{if(ut(o,t))return!0;if(o===r)return!1;o=o.parentNode}while(o);return!1}function Lt(e,t,r,o){if(!e)return;const a={capture:!0,...o};e.addEventListener?e.addEventListener(t,r,a):e.attachEvent?e.attachEvent("on"+t,r):e["on"+t]=r}function Ut(e,t,r,o){if(!e)return;const a={capture:!0,...o};e.removeEventListener?e.removeEventListener(t,r,a):e.detachEvent?e.detachEvent("on"+t,r):e["on"+t]=null}function Xt(e){let t=e.clientHeight;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,G.int)(r.borderTopWidth),t+=(0,G.int)(r.borderBottomWidth),t}function Bt(e){let t=e.clientWidth;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t+=(0,G.int)(r.borderLeftWidth),t+=(0,G.int)(r.borderRightWidth),t}function Ht(e){let t=e.clientHeight;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,G.int)(r.paddingTop),t-=(0,G.int)(r.paddingBottom),t}function zt(e){let t=e.clientWidth;const r=e.ownerDocument.defaultView.getComputedStyle(e);return t-=(0,G.int)(r.paddingLeft),t-=(0,G.int)(r.paddingRight),t}function qt(e,t,r){const a=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect(),i=(e.clientX+t.scrollLeft-a.left)/r,d=(e.clientY+t.scrollTop-a.top)/r;return{x:i,y:d}}function Vt(e,t){const r=ke(e,t,"px");return{[(0,lt.browserPrefixToKey)("transform",lt.default)]:r}}function Gt(e,t){return ke(e,t,"")}function ke(e,t,r){let{x:o,y:a}=e,i=`translate(${o}${r},${a}${r})`;if(t){const d=`${typeof t.x=="string"?t.x:t.x+r}`,u=`${typeof t.y=="string"?t.y:t.y+r}`;i=`translate(${d}, ${u})`+i}return i}function Jt(e,t){return e.targetTouches&&(0,G.findInArray)(e.targetTouches,r=>t===r.identifier)||e.changedTouches&&(0,G.findInArray)(e.changedTouches,r=>t===r.identifier)}function Kt(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier}function Zt(e){if(!e)return;let t=e.getElementById("react-draggable-style-el");t||(t=e.createElement("style"),t.type="text/css",t.id="react-draggable-style-el",t.innerHTML=`.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
 `,t.innerHTML+=`.react-draggable-transparent-selection *::selection {all: inherit;}
-`,e.getElementsByTagName("head")[0].appendChild(t)),e.body&&Ft(e.body,"react-draggable-transparent-selection")}function Fr(e){window.requestAnimationFrame?window.requestAnimationFrame(()=>{kt(e)}):kt(e)}function kt(e){if(e)try{if(e.body&&It(e.body,"react-draggable-transparent-selection"),e.selection)e.selection.empty();else{const t=(e.defaultView||window).getSelection();t&&t.type!=="Caret"&&t.removeAllRanges()}}catch{}}function Ft(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp(`(?:^|\\s)${t}(?!\\S)`))||(e.className+=` ${t}`)}function It(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp(`(?:^|\\s)${t}(?!\\S)`,"g"),"")}var ye={};Object.defineProperty(ye,"__esModule",{value:!0}),ye.canDragX=Yr,ye.canDragY=Wr,ye.createCoreData=Ur,ye.createDraggableData=Xr,ye.getBoundPosition=Ir,ye.getControlPosition=Lr,ye.snapToGrid=$r;var ce=ge,Re=H;function Ir(e,t,r){if(!e.props.bounds)return[t,r];let{bounds:o}=e.props;o=typeof o=="string"?o:Br(o);const a=tt(e);if(typeof o=="string"){const{ownerDocument:u}=a,p=u.defaultView;let f;if(o==="parent"?f=a.parentNode:f=a.getRootNode().querySelector(o),!(f instanceof p.HTMLElement))throw new Error('Bounds selector "'+o+'" could not find an element.');const d=f,m=p.getComputedStyle(a),g=p.getComputedStyle(d);o={left:-a.offsetLeft+(0,ce.int)(g.paddingLeft)+(0,ce.int)(m.marginLeft),top:-a.offsetTop+(0,ce.int)(g.paddingTop)+(0,ce.int)(m.marginTop),right:(0,Re.innerWidth)(d)-(0,Re.outerWidth)(a)-a.offsetLeft+(0,ce.int)(g.paddingRight)-(0,ce.int)(m.marginRight),bottom:(0,Re.innerHeight)(d)-(0,Re.outerHeight)(a)-a.offsetTop+(0,ce.int)(g.paddingBottom)-(0,ce.int)(m.marginBottom)}}return(0,ce.isNum)(o.right)&&(t=Math.min(t,o.right)),(0,ce.isNum)(o.bottom)&&(r=Math.min(r,o.bottom)),(0,ce.isNum)(o.left)&&(t=Math.max(t,o.left)),(0,ce.isNum)(o.top)&&(r=Math.max(r,o.top)),[t,r]}function $r(e,t,r){const o=Math.round(t/e[0])*e[0],a=Math.round(r/e[1])*e[1];return[o,a]}function Yr(e){return e.props.axis==="both"||e.props.axis==="x"}function Wr(e){return e.props.axis==="both"||e.props.axis==="y"}function Lr(e,t,r){const o=typeof t=="number"?(0,Re.getTouch)(e,t):null;if(typeof t=="number"&&!o)return null;const a=tt(r),u=r.props.offsetParent||a.offsetParent||a.ownerDocument.body;return(0,Re.offsetXYFromParent)(o||e,u,r.props.scale)}function Ur(e,t,r){const o=!(0,ce.isNum)(e.lastX),a=tt(e);return o?{node:a,deltaX:0,deltaY:0,lastX:t,lastY:r,x:t,y:r}:{node:a,deltaX:t-e.lastX,deltaY:r-e.lastY,lastX:e.lastX,lastY:e.lastY,x:t,y:r}}function Xr(e,t){const r=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/r,y:e.state.y+t.deltaY/r,deltaX:t.deltaX/r,deltaY:t.deltaY/r,lastX:e.state.x,lastY:e.state.y}}function Br(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}function tt(e){const t=e.findDOMNode();if(!t)throw new Error("<DraggableCore>: Unmounted during event!");return t}var Ye={},We={};Object.defineProperty(We,"__esModule",{value:!0}),We.default=Vr;function Vr(){}Object.defineProperty(Ye,"__esModule",{value:!0}),Ye.default=void 0;var rt=$t(ne),oe=ot(Pt),Hr=ot(dt),Z=H,xe=ye,nt=ge,Ae=ot(We);function ot(e){return e&&e.__esModule?e:{default:e}}function $t(e,t){if(typeof WeakMap=="function")var r=new WeakMap,o=new WeakMap;return($t=function(a,u){if(!u&&a&&a.__esModule)return a;var p,f,d={__proto__:null,default:a};if(a===null||typeof a!="object"&&typeof a!="function")return d;if(p=u?o:r){if(p.has(a))return p.get(a);p.set(a,d)}for(const m in a)m!=="default"&&{}.hasOwnProperty.call(a,m)&&((f=(p=Object.defineProperty)&&Object.getOwnPropertyDescriptor(a,m))&&(f.get||f.set)?p(d,m,f):d[m]=a[m]);return d})(e,t)}function ae(e,t,r){return(t=qr(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function qr(e){var t=zr(e,"string");return typeof t=="symbol"?t:t+""}function zr(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var o=r.call(e,t);if(typeof o!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}const ve={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}};let Ee=ve.mouse,Le=class extends rt.Component{constructor(){super(...arguments),ae(this,"dragging",!1),ae(this,"lastX",NaN),ae(this,"lastY",NaN),ae(this,"touchIdentifier",null),ae(this,"mounted",!1),ae(this,"handleDragStart",t=>{if(this.props.onMouseDown(t),!this.props.allowAnyClick&&typeof t.button=="number"&&t.button!==0)return!1;const r=this.findDOMNode();if(!r||!r.ownerDocument||!r.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument:o}=r;if(this.props.disabled||!(t.target instanceof o.defaultView.Node)||this.props.handle&&!(0,Z.matchesSelectorAndParentsTo)(t.target,this.props.handle,r)||this.props.cancel&&(0,Z.matchesSelectorAndParentsTo)(t.target,this.props.cancel,r))return;t.type==="touchstart"&&!this.props.allowMobileScroll&&t.preventDefault();const a=(0,Z.getTouchIdentifier)(t);this.touchIdentifier=a;const u=(0,xe.getControlPosition)(t,a,this);if(u==null)return;const{x:p,y:f}=u,d=(0,xe.createCoreData)(this,p,f);(0,Ae.default)("DraggableCore: handleDragStart: %j",d),(0,Ae.default)("calling",this.props.onStart),!(this.props.onStart(t,d)===!1||this.mounted===!1)&&(this.props.enableUserSelectHack&&(0,Z.addUserSelectStyles)(o),this.dragging=!0,this.lastX=p,this.lastY=f,(0,Z.addEvent)(o,Ee.move,this.handleDrag),(0,Z.addEvent)(o,Ee.stop,this.handleDragStop))}),ae(this,"handleDrag",t=>{const r=(0,xe.getControlPosition)(t,this.touchIdentifier,this);if(r==null)return;let{x:o,y:a}=r;if(Array.isArray(this.props.grid)){let f=o-this.lastX,d=a-this.lastY;if([f,d]=(0,xe.snapToGrid)(this.props.grid,f,d),!f&&!d)return;o=this.lastX+f,a=this.lastY+d}const u=(0,xe.createCoreData)(this,o,a);if((0,Ae.default)("DraggableCore: handleDrag: %j",u),this.props.onDrag(t,u)===!1||this.mounted===!1){try{this.handleDragStop(new MouseEvent("mouseup"))}catch{const d=document.createEvent("MouseEvents");d.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(d)}return}this.lastX=o,this.lastY=a}),ae(this,"handleDragStop",t=>{if(!this.dragging)return;const r=(0,xe.getControlPosition)(t,this.touchIdentifier,this);if(r==null)return;let{x:o,y:a}=r;if(Array.isArray(this.props.grid)){let d=o-this.lastX||0,m=a-this.lastY||0;[d,m]=(0,xe.snapToGrid)(this.props.grid,d,m),o=this.lastX+d,a=this.lastY+m}const u=(0,xe.createCoreData)(this,o,a);if(this.props.onStop(t,u)===!1||this.mounted===!1)return!1;const f=this.findDOMNode();f&&this.props.enableUserSelectHack&&(0,Z.scheduleRemoveUserSelectStyles)(f.ownerDocument),(0,Ae.default)("DraggableCore: handleDragStop: %j",u),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,f&&((0,Ae.default)("DraggableCore: Removing handlers"),(0,Z.removeEvent)(f.ownerDocument,Ee.move,this.handleDrag),(0,Z.removeEvent)(f.ownerDocument,Ee.stop,this.handleDragStop))}),ae(this,"onMouseDown",t=>(Ee=ve.mouse,this.handleDragStart(t))),ae(this,"onMouseUp",t=>(Ee=ve.mouse,this.handleDragStop(t))),ae(this,"onTouchStart",t=>(Ee=ve.touch,this.handleDragStart(t))),ae(this,"onTouchEnd",t=>(Ee=ve.touch,this.handleDragStop(t)))}componentDidMount(){this.mounted=!0;const t=this.findDOMNode();t&&(0,Z.addEvent)(t,ve.touch.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const t=this.findDOMNode();if(t){const{ownerDocument:r}=t;(0,Z.removeEvent)(r,ve.mouse.move,this.handleDrag),(0,Z.removeEvent)(r,ve.touch.move,this.handleDrag),(0,Z.removeEvent)(r,ve.mouse.stop,this.handleDragStop),(0,Z.removeEvent)(r,ve.touch.stop,this.handleDragStop),(0,Z.removeEvent)(t,ve.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,Z.scheduleRemoveUserSelectStyles)(r)}}findDOMNode(){var t,r,o;return(t=this.props)!=null&&t.nodeRef?(o=(r=this.props)==null?void 0:r.nodeRef)==null?void 0:o.current:Hr.default.findDOMNode(this)}render(){return rt.cloneElement(rt.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};Ye.default=Le,ae(Le,"displayName","DraggableCore"),ae(Le,"propTypes",{allowAnyClick:oe.default.bool,allowMobileScroll:oe.default.bool,children:oe.default.node.isRequired,disabled:oe.default.bool,enableUserSelectHack:oe.default.bool,offsetParent:function(e,t){if(e[t]&&e[t].nodeType!==1)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:oe.default.arrayOf(oe.default.number),handle:oe.default.string,cancel:oe.default.string,nodeRef:oe.default.object,onStart:oe.default.func,onDrag:oe.default.func,onStop:oe.default.func,onMouseDown:oe.default.func,scale:oe.default.number,className:nt.dontSetMe,style:nt.dontSetMe,transform:nt.dontSetMe}),ae(Le,"defaultProps",{allowAnyClick:!1,allowMobileScroll:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1}),function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"DraggableCore",{enumerable:!0,get:function(){return d.default}}),e.default=void 0;var t=T(ne),r=g(Pt),o=g(dt),a=vr,u=H,p=ye,f=ge,d=g(Ye),m=g(We);function g(x){return x&&x.__esModule?x:{default:x}}function T(x,b){if(typeof WeakMap=="function")var C=new WeakMap,S=new WeakMap;return(T=function(i,k){if(!k&&i&&i.__esModule)return i;var Q,ee,G={__proto__:null,default:i};if(i===null||typeof i!="object"&&typeof i!="function")return G;if(Q=k?S:C){if(Q.has(i))return Q.get(i);Q.set(i,G)}for(const J in i)J!=="default"&&{}.hasOwnProperty.call(i,J)&&((ee=(Q=Object.defineProperty)&&Object.getOwnPropertyDescriptor(i,J))&&(ee.get||ee.set)?Q(G,J,ee):G[J]=i[J]);return G})(x,b)}function A(){return A=Object.assign?Object.assign.bind():function(x){for(var b=1;b<arguments.length;b++){var C=arguments[b];for(var S in C)({}).hasOwnProperty.call(C,S)&&(x[S]=C[S])}return x},A.apply(null,arguments)}function Y(x,b,C){return(b=B(b))in x?Object.defineProperty(x,b,{value:C,enumerable:!0,configurable:!0,writable:!0}):x[b]=C,x}function B(x){var b=X(x,"string");return typeof b=="symbol"?b:b+""}function X(x,b){if(typeof x!="object"||!x)return x;var C=x[Symbol.toPrimitive];if(C!==void 0){var S=C.call(x,b);if(typeof S!="object")return S;throw new TypeError("@@toPrimitive must return a primitive value.")}return(b==="string"?String:Number)(x)}class _ extends t.Component{static getDerivedStateFromProps(b,C){let{position:S}=b,{prevPropsPosition:i}=C;return S&&(!i||S.x!==i.x||S.y!==i.y)?((0,m.default)("Draggable: getDerivedStateFromProps %j",{position:S,prevPropsPosition:i}),{x:S.x,y:S.y,prevPropsPosition:{...S}}):null}constructor(b){super(b),Y(this,"onDragStart",(C,S)=>{if((0,m.default)("Draggable: onDragStart: %j",S),this.props.onStart(C,(0,p.createDraggableData)(this,S))===!1)return!1;this.setState({dragging:!0,dragged:!0})}),Y(this,"onDrag",(C,S)=>{if(!this.state.dragging)return!1;(0,m.default)("Draggable: onDrag: %j",S);const i=(0,p.createDraggableData)(this,S),k={x:i.x,y:i.y,slackX:0,slackY:0};if(this.props.bounds){const{x:ee,y:G}=k;k.x+=this.state.slackX,k.y+=this.state.slackY;const[J,Se]=(0,p.getBoundPosition)(this,k.x,k.y);k.x=J,k.y=Se,k.slackX=this.state.slackX+(ee-k.x),k.slackY=this.state.slackY+(G-k.y),i.x=k.x,i.y=k.y,i.deltaX=k.x-this.state.x,i.deltaY=k.y-this.state.y}if(this.props.onDrag(C,i)===!1)return!1;this.setState(k)}),Y(this,"onDragStop",(C,S)=>{if(!this.state.dragging||this.props.onStop(C,(0,p.createDraggableData)(this,S))===!1)return!1;(0,m.default)("Draggable: onDragStop: %j",S);const k={dragging:!1,slackX:0,slackY:0};if(!!this.props.position){const{x:ee,y:G}=this.props.position;k.x=ee,k.y=G}this.setState(k)}),this.state={dragging:!1,dragged:!1,x:b.position?b.position.x:b.defaultPosition.x,y:b.position?b.position.y:b.defaultPosition.y,prevPropsPosition:{...b.position},slackX:0,slackY:0,isElementSVG:!1},b.position&&!(b.onDrag||b.onStop)&&console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.")}componentDidMount(){typeof window.SVGElement<"u"&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.state.dragging&&this.setState({dragging:!1})}findDOMNode(){var b,C;return((C=(b=this.props)==null?void 0:b.nodeRef)==null?void 0:C.current)??o.default.findDOMNode(this)}render(){const{axis:b,bounds:C,children:S,defaultPosition:i,defaultClassName:k,defaultClassNameDragging:Q,defaultClassNameDragged:ee,position:G,positionOffset:J,scale:Se,...Te}=this.props;let ie={},K=null;const te=!!!G||this.state.dragging,fe=G||i,be={x:(0,p.canDragX)(this)&&te?this.state.x:fe.x,y:(0,p.canDragY)(this)&&te?this.state.y:fe.y};this.state.isElementSVG?K=(0,u.createSVGTransform)(be,J):ie=(0,u.createCSSTransform)(be,J);const _e=(0,a.clsx)(S.props.className||"",k,{[Q]:this.state.dragging,[ee]:this.state.dragged});return t.createElement(d.default,A({},Te,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),t.cloneElement(t.Children.only(S),{className:_e,style:{...S.props.style,...ie},transform:K}))}}e.default=_,Y(_,"displayName","Draggable"),Y(_,"propTypes",{...d.default.propTypes,axis:r.default.oneOf(["both","x","y","none"]),bounds:r.default.oneOfType([r.default.shape({left:r.default.number,right:r.default.number,top:r.default.number,bottom:r.default.number}),r.default.string,r.default.oneOf([!1])]),defaultClassName:r.default.string,defaultClassNameDragging:r.default.string,defaultClassNameDragged:r.default.string,defaultPosition:r.default.shape({x:r.default.number,y:r.default.number}),positionOffset:r.default.shape({x:r.default.oneOfType([r.default.number,r.default.string]),y:r.default.oneOfType([r.default.number,r.default.string])}),position:r.default.shape({x:r.default.number,y:r.default.number}),className:f.dontSetMe,style:f.dontSetMe,transform:f.dontSetMe}),Y(_,"defaultProps",{...d.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})}(vt);const{default:Yt,DraggableCore:Gr}=vt;Fe.exports=Yt,Fe.exports.default=Yt,Fe.exports.DraggableCore=Gr;var Jr=Fe.exports;const Kr=or(Jr),Zr=({title:e,collapsed:t=!1,draggable:r=!0,position:o={x:20,y:20},children:a})=>{const[u,p]=ne.useState(t);return c.jsx(Kr,{handle:".font-controls-header",disabled:!r,defaultPosition:o,bounds:"parent",children:c.jsxs("div",{className:"font-controls-panel",children:[c.jsxs("div",{className:"font-controls-header",children:[c.jsx("h3",{className:"font-controls-title",children:e}),c.jsx("button",{className:`font-controls-toggle ${u?"collapsed":""}`,onClick:()=>p(!u),type:"button","aria-label":u?"Expand":"Collapse",children:c.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:c.jsx("polyline",{points:"6 9 12 15 18 9"})})})]}),!u&&c.jsx("div",{className:"font-controls-content",children:a})]})})},Qr=({value:e,onChange:t,fontFamilies:r})=>c.jsxs("div",{className:"font-control-group",children:[c.jsx("label",{className:"font-control-label",children:"Font Family"}),c.jsx("select",{className:"font-control-input font-control-select",value:e,onChange:o=>t(o.target.value),style:{fontFamily:e},children:r.map(o=>c.jsx("option",{value:o,style:{fontFamily:o},children:o},o))})]}),en=({value:e,onChange:t,min:r,max:o,step:a})=>c.jsxs("div",{className:"font-control-group",children:[c.jsx("label",{className:"font-control-label",children:"Font Size"}),c.jsxs("div",{className:"font-control-slider-container",children:[c.jsx("input",{type:"range",className:"font-control-slider",min:r,max:o,step:a,value:e,onChange:u=>t(Number(u.target.value))}),c.jsx("input",{type:"number",className:"font-control-input font-control-number",min:r,max:o,step:a,value:e,onChange:u=>t(Number(u.target.value))})]})]}),tn=[{value:100,label:"Thin"},{value:200,label:"Extra Light"},{value:300,label:"Light"},{value:400,label:"Regular"},{value:500,label:"Medium"},{value:600,label:"Semi Bold"},{value:700,label:"Bold"},{value:800,label:"Extra Bold"},{value:900,label:"Black"}],rn=({value:e,onChange:t})=>c.jsxs("div",{className:"font-control-group",children:[c.jsx("label",{className:"font-control-label",children:"Font Weight"}),c.jsx("select",{className:"font-control-input font-control-select",value:e,onChange:r=>t(Number(r.target.value)),children:tn.map(r=>c.jsxs("option",{value:r.value,children:[r.label," (",r.value,")"]},r.value))})]}),nn=({value:e,onChange:t})=>c.jsxs("div",{className:"font-control-group",children:[c.jsx("label",{className:"font-control-label",children:"Line Height"}),c.jsxs("div",{className:"font-control-slider-container",children:[c.jsx("input",{type:"range",className:"font-control-slider",min:.5,max:3,step:.1,value:e,onChange:r=>t(Number(r.target.value))}),c.jsx("input",{type:"number",className:"font-control-input font-control-number",min:.5,max:3,step:.1,value:e,onChange:r=>t(Number(r.target.value))})]})]}),on=({value:e,onChange:t})=>c.jsxs("div",{className:"font-control-group",children:[c.jsx("label",{className:"font-control-label",children:"Letter Spacing"}),c.jsxs("div",{className:"font-control-slider-container",children:[c.jsx("input",{type:"range",className:"font-control-slider",min:-5,max:10,step:.1,value:e,onChange:r=>t(Number(r.target.value))}),c.jsx("input",{type:"number",className:"font-control-input font-control-number",min:-5,max:10,step:.1,value:e,onChange:r=>t(Number(r.target.value))})]})]}),an=[{value:"none",label:"None"},{value:"uppercase",label:"UPPERCASE"},{value:"lowercase",label:"lowercase"},{value:"capitalize",label:"Capitalize"}],sn=({value:e,onChange:t})=>c.jsxs("div",{className:"font-control-group",children:[c.jsx("label",{className:"font-control-label",children:"Text Transform"}),c.jsx("select",{className:"font-control-input font-control-select",value:e,onChange:r=>t(r.target.value),children:an.map(r=>c.jsx("option",{value:r.value,children:r.label},r.value))})]}),ln=({value:e,onChange:t})=>c.jsxs("div",{className:"font-control-group",children:[c.jsx("label",{className:"font-control-label",children:"Text Color"}),c.jsxs("div",{className:"font-control-color-input",children:[c.jsx("div",{className:"font-control-color-preview",children:c.jsx("input",{type:"color",value:e,onChange:r=>t(r.target.value)})}),c.jsx("input",{type:"text",className:"font-control-input font-control-text-input",value:e,onChange:r=>t(r.target.value),placeholder:"#000000"})]})]}),un=[{value:"left",icon:"⬅"},{value:"center",icon:"↔"},{value:"right",icon:"➡"},{value:"justify",icon:"⬌"}],cn=({value:e,onChange:t})=>c.jsxs("div",{className:"font-control-group",children:[c.jsx("label",{className:"font-control-label",children:"Text Align"}),c.jsx("div",{className:"font-control-button-group",children:un.map(r=>c.jsx("button",{className:`font-control-button ${e===r.value?"active":""}`,onClick:()=>t(r.value),type:"button",children:r.icon},r.value))})]}),at=({title:e,code:t,language:r="css"})=>{const[o,a]=ne.useState(!1),u=async()=>{try{await navigator.clipboard.writeText(t),a(!0),setTimeout(()=>a(!1),2e3)}catch(p){console.error("Failed to copy:",p)}};return c.jsxs("div",{className:"font-control-code-block",children:[c.jsxs("div",{className:"font-control-code-header",children:[c.jsx("span",{className:"font-control-code-title",children:e}),c.jsx("button",{className:"font-control-copy-button",onClick:u,type:"button",children:o?c.jsxs(c.Fragment,{children:[c.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:c.jsx("polyline",{points:"20 6 9 17 4 12"})}),"Copied!"]}):c.jsxs(c.Fragment,{children:[c.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[c.jsx("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2"}),c.jsx("path",{d:"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"})]}),"Copy"]})})]}),c.jsx("pre",{className:"font-control-code-content",children:c.jsx("code",{className:`language-${r}`,children:t})})]})},Wt=new Set;function Lt(e){if(Wt.has(e))return;const t=document.createElement("link");t.rel="stylesheet",t.href=`https://fonts.googleapis.com/css2?family=${e.replace(/ /g,"+")}:wght@100;200;300;400;500;600;700;800;900&display=swap`,document.head.appendChild(t),Wt.add(e)}function Ut(e){if(!document.querySelector('link[href*="fonts.googleapis.com"]')){const t=document.createElement("link");t.rel="preconnect",t.href="https://fonts.googleapis.com";const r=document.createElement("link");r.rel="preconnect",r.href="https://fonts.gstatic.com",r.crossOrigin="anonymous",document.head.appendChild(t),document.head.appendChild(r)}e.forEach(Lt)}function fn(e){return["Arial","Helvetica","Times New Roman","Georgia","Verdana"].includes(e)?`<!-- ${e} is a system font, no import needed -->`:`<!-- Add this to your HTML <head> -->
+`,e.getElementsByTagName("head")[0].appendChild(t)),e.body&&dt(e.body,"react-draggable-transparent-selection")}function Qt(e){window.requestAnimationFrame?window.requestAnimationFrame(()=>{ft(e)}):ft(e)}function ft(e){if(e)try{if(e.body&&pt(e.body,"react-draggable-transparent-selection"),e.selection)e.selection.empty();else{const t=(e.defaultView||window).getSelection();t&&t.type!=="Caret"&&t.removeAllRanges()}}catch{}}function dt(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp(`(?:^|\\s)${t}(?!\\S)`))||(e.className+=` ${t}`)}function pt(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp(`(?:^|\\s)${t}(?!\\S)`,"g"),"")}var re={};Object.defineProperty(re,"__esModule",{value:!0}),re.canDragX=rr,re.canDragY=nr,re.createCoreData=ar,re.createDraggableData=sr,re.getBoundPosition=er,re.getControlPosition=or,re.snapToGrid=tr;var J=te,pe=$;function er(e,t,r){if(!e.props.bounds)return[t,r];let{bounds:o}=e.props;o=typeof o=="string"?o:ir(o);const a=Fe(e);if(typeof o=="string"){const{ownerDocument:i}=a,d=i.defaultView;let u;if(o==="parent"?u=a.parentNode:u=a.getRootNode().querySelector(o),!(u instanceof d.HTMLElement))throw new Error('Bounds selector "'+o+'" could not find an element.');const h=u,g=d.getComputedStyle(a),v=d.getComputedStyle(h);o={left:-a.offsetLeft+(0,J.int)(v.paddingLeft)+(0,J.int)(g.marginLeft),top:-a.offsetTop+(0,J.int)(v.paddingTop)+(0,J.int)(g.marginTop),right:(0,pe.innerWidth)(h)-(0,pe.outerWidth)(a)-a.offsetLeft+(0,J.int)(v.paddingRight)-(0,J.int)(g.marginRight),bottom:(0,pe.innerHeight)(h)-(0,pe.outerHeight)(a)-a.offsetTop+(0,J.int)(v.paddingBottom)-(0,J.int)(g.marginBottom)}}return(0,J.isNum)(o.right)&&(t=Math.min(t,o.right)),(0,J.isNum)(o.bottom)&&(r=Math.min(r,o.bottom)),(0,J.isNum)(o.left)&&(t=Math.max(t,o.left)),(0,J.isNum)(o.top)&&(r=Math.max(r,o.top)),[t,r]}function tr(e,t,r){const o=Math.round(t/e[0])*e[0],a=Math.round(r/e[1])*e[1];return[o,a]}function rr(e){return e.props.axis==="both"||e.props.axis==="x"}function nr(e){return e.props.axis==="both"||e.props.axis==="y"}function or(e,t,r){const o=typeof t=="number"?(0,pe.getTouch)(e,t):null;if(typeof t=="number"&&!o)return null;const a=Fe(r),i=r.props.offsetParent||a.offsetParent||a.ownerDocument.body;return(0,pe.offsetXYFromParent)(o||e,i,r.props.scale)}function ar(e,t,r){const o=!(0,J.isNum)(e.lastX),a=Fe(e);return o?{node:a,deltaX:0,deltaY:0,lastX:t,lastY:r,x:t,y:r}:{node:a,deltaX:t-e.lastX,deltaY:r-e.lastY,lastX:e.lastX,lastY:e.lastY,x:t,y:r}}function sr(e,t){const r=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/r,y:e.state.y+t.deltaY/r,deltaX:t.deltaX/r,deltaY:t.deltaY/r,lastX:e.state.x,lastY:e.state.y}}function ir(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}function Fe(e){const t=e.findDOMNode();if(!t)throw new Error("<DraggableCore>: Unmounted during event!");return t}var Se={},xe={};Object.defineProperty(xe,"__esModule",{value:!0}),xe.default=lr;function lr(){}Object.defineProperty(Se,"__esModule",{value:!0}),Se.default=void 0;var Ie=ht(q),H=Ye(nt),cr=Ye(Ue),L=$,le=re,$e=te,ge=Ye(xe);function Ye(e){return e&&e.__esModule?e:{default:e}}function ht(e,t){if(typeof WeakMap=="function")var r=new WeakMap,o=new WeakMap;return(ht=function(a,i){if(!i&&a&&a.__esModule)return a;var d,u,h={__proto__:null,default:a};if(a===null||typeof a!="object"&&typeof a!="function")return h;if(d=i?o:r){if(d.has(a))return d.get(a);d.set(a,h)}for(const g in a)g!=="default"&&{}.hasOwnProperty.call(a,g)&&((u=(d=Object.defineProperty)&&Object.getOwnPropertyDescriptor(a,g))&&(u.get||u.set)?d(h,g,u):h[g]=a[g]);return h})(e,t)}function z(e,t,r){return(t=ur(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function ur(e){var t=fr(e,"string");return typeof t=="symbol"?t:t+""}function fr(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var o=r.call(e,t);if(typeof o!="object")return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}const Q={touch:{start:"touchstart",move:"touchmove",stop:"touchend"},mouse:{start:"mousedown",move:"mousemove",stop:"mouseup"}};let ce=Q.mouse,Te=class extends Ie.Component{constructor(){super(...arguments),z(this,"dragging",!1),z(this,"lastX",NaN),z(this,"lastY",NaN),z(this,"touchIdentifier",null),z(this,"mounted",!1),z(this,"handleDragStart",t=>{if(this.props.onMouseDown(t),!this.props.allowAnyClick&&typeof t.button=="number"&&t.button!==0)return!1;const r=this.findDOMNode();if(!r||!r.ownerDocument||!r.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument:o}=r;if(this.props.disabled||!(t.target instanceof o.defaultView.Node)||this.props.handle&&!(0,L.matchesSelectorAndParentsTo)(t.target,this.props.handle,r)||this.props.cancel&&(0,L.matchesSelectorAndParentsTo)(t.target,this.props.cancel,r))return;t.type==="touchstart"&&!this.props.allowMobileScroll&&t.preventDefault();const a=(0,L.getTouchIdentifier)(t);this.touchIdentifier=a;const i=(0,le.getControlPosition)(t,a,this);if(i==null)return;const{x:d,y:u}=i,h=(0,le.createCoreData)(this,d,u);(0,ge.default)("DraggableCore: handleDragStart: %j",h),(0,ge.default)("calling",this.props.onStart),!(this.props.onStart(t,h)===!1||this.mounted===!1)&&(this.props.enableUserSelectHack&&(0,L.addUserSelectStyles)(o),this.dragging=!0,this.lastX=d,this.lastY=u,(0,L.addEvent)(o,ce.move,this.handleDrag),(0,L.addEvent)(o,ce.stop,this.handleDragStop))}),z(this,"handleDrag",t=>{const r=(0,le.getControlPosition)(t,this.touchIdentifier,this);if(r==null)return;let{x:o,y:a}=r;if(Array.isArray(this.props.grid)){let u=o-this.lastX,h=a-this.lastY;if([u,h]=(0,le.snapToGrid)(this.props.grid,u,h),!u&&!h)return;o=this.lastX+u,a=this.lastY+h}const i=(0,le.createCoreData)(this,o,a);if((0,ge.default)("DraggableCore: handleDrag: %j",i),this.props.onDrag(t,i)===!1||this.mounted===!1){try{this.handleDragStop(new MouseEvent("mouseup"))}catch{const h=document.createEvent("MouseEvents");h.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(h)}return}this.lastX=o,this.lastY=a}),z(this,"handleDragStop",t=>{if(!this.dragging)return;const r=(0,le.getControlPosition)(t,this.touchIdentifier,this);if(r==null)return;let{x:o,y:a}=r;if(Array.isArray(this.props.grid)){let h=o-this.lastX||0,g=a-this.lastY||0;[h,g]=(0,le.snapToGrid)(this.props.grid,h,g),o=this.lastX+h,a=this.lastY+g}const i=(0,le.createCoreData)(this,o,a);if(this.props.onStop(t,i)===!1||this.mounted===!1)return!1;const u=this.findDOMNode();u&&this.props.enableUserSelectHack&&(0,L.scheduleRemoveUserSelectStyles)(u.ownerDocument),(0,ge.default)("DraggableCore: handleDragStop: %j",i),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,u&&((0,ge.default)("DraggableCore: Removing handlers"),(0,L.removeEvent)(u.ownerDocument,ce.move,this.handleDrag),(0,L.removeEvent)(u.ownerDocument,ce.stop,this.handleDragStop))}),z(this,"onMouseDown",t=>(ce=Q.mouse,this.handleDragStart(t))),z(this,"onMouseUp",t=>(ce=Q.mouse,this.handleDragStop(t))),z(this,"onTouchStart",t=>(ce=Q.touch,this.handleDragStart(t))),z(this,"onTouchEnd",t=>(ce=Q.touch,this.handleDragStop(t)))}componentDidMount(){this.mounted=!0;const t=this.findDOMNode();t&&(0,L.addEvent)(t,Q.touch.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const t=this.findDOMNode();if(t){const{ownerDocument:r}=t;(0,L.removeEvent)(r,Q.mouse.move,this.handleDrag),(0,L.removeEvent)(r,Q.touch.move,this.handleDrag),(0,L.removeEvent)(r,Q.mouse.stop,this.handleDragStop),(0,L.removeEvent)(r,Q.touch.stop,this.handleDragStop),(0,L.removeEvent)(t,Q.touch.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,L.scheduleRemoveUserSelectStyles)(r)}}findDOMNode(){var t,r,o;return(t=this.props)!=null&&t.nodeRef?(o=(r=this.props)==null?void 0:r.nodeRef)==null?void 0:o.current:cr.default.findDOMNode(this)}render(){return Ie.cloneElement(Ie.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};Se.default=Te,z(Te,"displayName","DraggableCore"),z(Te,"propTypes",{allowAnyClick:H.default.bool,allowMobileScroll:H.default.bool,children:H.default.node.isRequired,disabled:H.default.bool,enableUserSelectHack:H.default.bool,offsetParent:function(e,t){if(e[t]&&e[t].nodeType!==1)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:H.default.arrayOf(H.default.number),handle:H.default.string,cancel:H.default.string,nodeRef:H.default.object,onStart:H.default.func,onDrag:H.default.func,onStop:H.default.func,onMouseDown:H.default.func,scale:H.default.number,className:$e.dontSetMe,style:$e.dontSetMe,transform:$e.dontSetMe}),z(Te,"defaultProps",{allowAnyClick:!1,allowMobileScroll:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1}),function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"DraggableCore",{enumerable:!0,get:function(){return h.default}}),e.default=void 0;var t=P(q),r=v(nt),o=v(Ue),a=Nt,i=$,d=re,u=te,h=v(Se),g=v(xe);function v(_){return _&&_.__esModule?_:{default:_}}function P(_,x){if(typeof WeakMap=="function")var E=new WeakMap,S=new WeakMap;return(P=function(s,R){if(!R&&s&&s.__esModule)return s;var U,X,Y={__proto__:null,default:s};if(s===null||typeof s!="object"&&typeof s!="function")return Y;if(U=R?S:E){if(U.has(s))return U.get(s);U.set(s,Y)}for(const W in s)W!=="default"&&{}.hasOwnProperty.call(s,W)&&((X=(U=Object.defineProperty)&&Object.getOwnPropertyDescriptor(s,W))&&(X.get||X.set)?U(Y,W,X):Y[W]=s[W]);return Y})(_,x)}function k(){return k=Object.assign?Object.assign.bind():function(_){for(var x=1;x<arguments.length;x++){var E=arguments[x];for(var S in E)({}).hasOwnProperty.call(E,S)&&(_[S]=E[S])}return _},k.apply(null,arguments)}function N(_,x,E){return(x=I(x))in _?Object.defineProperty(_,x,{value:E,enumerable:!0,configurable:!0,writable:!0}):_[x]=E,_}function I(_){var x=F(_,"string");return typeof x=="symbol"?x:x+""}function F(_,x){if(typeof _!="object"||!_)return _;var E=_[Symbol.toPrimitive];if(E!==void 0){var S=E.call(_,x);if(typeof S!="object")return S;throw new TypeError("@@toPrimitive must return a primitive value.")}return(x==="string"?String:Number)(_)}class T extends t.Component{static getDerivedStateFromProps(x,E){let{position:S}=x,{prevPropsPosition:s}=E;return S&&(!s||S.x!==s.x||S.y!==s.y)?((0,g.default)("Draggable: getDerivedStateFromProps %j",{position:S,prevPropsPosition:s}),{x:S.x,y:S.y,prevPropsPosition:{...S}}):null}constructor(x){super(x),N(this,"onDragStart",(E,S)=>{if((0,g.default)("Draggable: onDragStart: %j",S),this.props.onStart(E,(0,d.createDraggableData)(this,S))===!1)return!1;this.setState({dragging:!0,dragged:!0})}),N(this,"onDrag",(E,S)=>{if(!this.state.dragging)return!1;(0,g.default)("Draggable: onDrag: %j",S);const s=(0,d.createDraggableData)(this,S),R={x:s.x,y:s.y,slackX:0,slackY:0};if(this.props.bounds){const{x:X,y:Y}=R;R.x+=this.state.slackX,R.y+=this.state.slackY;const[W,ae]=(0,d.getBoundPosition)(this,R.x,R.y);R.x=W,R.y=ae,R.slackX=this.state.slackX+(X-R.x),R.slackY=this.state.slackY+(Y-R.y),s.x=R.x,s.y=R.y,s.deltaX=R.x-this.state.x,s.deltaY=R.y-this.state.y}if(this.props.onDrag(E,s)===!1)return!1;this.setState(R)}),N(this,"onDragStop",(E,S)=>{if(!this.state.dragging||this.props.onStop(E,(0,d.createDraggableData)(this,S))===!1)return!1;(0,g.default)("Draggable: onDragStop: %j",S);const R={dragging:!1,slackX:0,slackY:0};if(!!this.props.position){const{x:X,y:Y}=this.props.position;R.x=X,R.y=Y}this.setState(R)}),this.state={dragging:!1,dragged:!1,x:x.position?x.position.x:x.defaultPosition.x,y:x.position?x.position.y:x.defaultPosition.y,prevPropsPosition:{...x.position},slackX:0,slackY:0,isElementSVG:!1},x.position&&!(x.onDrag||x.onStop)&&console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.")}componentDidMount(){typeof window.SVGElement<"u"&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.state.dragging&&this.setState({dragging:!1})}findDOMNode(){var x,E;return((E=(x=this.props)==null?void 0:x.nodeRef)==null?void 0:E.current)??o.default.findDOMNode(this)}render(){const{axis:x,bounds:E,children:S,defaultPosition:s,defaultClassName:R,defaultClassNameDragging:U,defaultClassNameDragged:X,position:Y,positionOffset:W,scale:ae,...se}=this.props;let ie={},ee=null;const B=!!!Y||this.state.dragging,K=Y||s,ne={x:(0,d.canDragX)(this)&&B?this.state.x:K.x,y:(0,d.canDragY)(this)&&B?this.state.y:K.y};this.state.isElementSVG?ee=(0,i.createSVGTransform)(ne,W):ie=(0,i.createCSSTransform)(ne,W);const fe=(0,a.clsx)(S.props.className||"",R,{[U]:this.state.dragging,[X]:this.state.dragged});return t.createElement(h.default,k({},se,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),t.cloneElement(t.Children.only(S),{className:fe,style:{...S.props.style,...ie},transform:ee}))}}e.default=T,N(T,"displayName","Draggable"),N(T,"propTypes",{...h.default.propTypes,axis:r.default.oneOf(["both","x","y","none"]),bounds:r.default.oneOfType([r.default.shape({left:r.default.number,right:r.default.number,top:r.default.number,bottom:r.default.number}),r.default.string,r.default.oneOf([!1])]),defaultClassName:r.default.string,defaultClassNameDragging:r.default.string,defaultClassNameDragged:r.default.string,defaultPosition:r.default.shape({x:r.default.number,y:r.default.number}),positionOffset:r.default.shape({x:r.default.oneOfType([r.default.number,r.default.string]),y:r.default.oneOfType([r.default.number,r.default.string])}),position:r.default.shape({x:r.default.number,y:r.default.number}),className:u.dontSetMe,style:u.dontSetMe,transform:u.dontSetMe}),N(T,"defaultProps",{...h.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})}(He);const{default:mt,DraggableCore:dr}=He;ye.exports=mt,ye.exports.default=mt,ye.exports.DraggableCore=dr;var pr=ye.exports;const hr=xt(pr),mr=({title:e,collapsed:t=!1,draggable:r=!0,position:o={x:20,y:20},children:a})=>{const[i,d]=q.useState(t);return c.jsx(hr,{handle:".font-controls-header",disabled:!r,defaultPosition:o,bounds:"parent",children:c.jsxs("div",{className:"font-controls-panel",children:[c.jsxs("div",{className:"font-controls-header",children:[c.jsx("h3",{className:"font-controls-title",children:e}),c.jsx("button",{className:`font-controls-toggle ${i?"collapsed":""}`,onClick:()=>d(!i),type:"button","aria-label":i?"Expand":"Collapse",children:c.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:c.jsx("polyline",{points:"6 9 12 15 18 9"})})})]}),!i&&c.jsx("div",{className:"font-controls-content",children:a})]})})},gr=({value:e,onChange:t,fontFamilies:r})=>c.jsxs("div",{className:"font-control-group",children:[c.jsx("label",{className:"font-control-label",children:"Font Family"}),c.jsx("select",{className:"font-control-input font-control-select",value:e,onChange:o=>t(o.target.value),style:{fontFamily:e},children:r.map(o=>c.jsx("option",{value:o,style:{fontFamily:o},children:o},o))})]}),yr=({value:e,onChange:t,min:r,max:o,step:a})=>c.jsxs("div",{className:"font-control-group",children:[c.jsx("label",{className:"font-control-label",children:"Font Size"}),c.jsxs("div",{className:"font-control-slider-container",children:[c.jsx("input",{type:"range",className:"font-control-slider",min:r,max:o,step:a,value:e,onChange:i=>t(Number(i.target.value))}),c.jsx("input",{type:"number",className:"font-control-input font-control-number",min:r,max:o,step:a,value:e,onChange:i=>t(Number(i.target.value))})]})]}),vr=[{value:100,label:"Thin"},{value:200,label:"Extra Light"},{value:300,label:"Light"},{value:400,label:"Regular"},{value:500,label:"Medium"},{value:600,label:"Semi Bold"},{value:700,label:"Bold"},{value:800,label:"Extra Bold"},{value:900,label:"Black"}],br=({value:e,onChange:t})=>c.jsxs("div",{className:"font-control-group",children:[c.jsx("label",{className:"font-control-label",children:"Font Weight"}),c.jsx("select",{className:"font-control-input font-control-select",value:e,onChange:r=>t(Number(r.target.value)),children:vr.map(r=>c.jsxs("option",{value:r.value,children:[r.label," (",r.value,")"]},r.value))})]}),Sr=({value:e,onChange:t})=>c.jsxs("div",{className:"font-control-group",children:[c.jsx("label",{className:"font-control-label",children:"Line Height"}),c.jsxs("div",{className:"font-control-slider-container",children:[c.jsx("input",{type:"range",className:"font-control-slider",min:.5,max:3,step:.1,value:e,onChange:r=>t(Number(r.target.value))}),c.jsx("input",{type:"number",className:"font-control-input font-control-number",min:.5,max:3,step:.1,value:e,onChange:r=>t(Number(r.target.value))})]})]}),xr=({value:e,onChange:t})=>c.jsxs("div",{className:"font-control-group",children:[c.jsx("label",{className:"font-control-label",children:"Letter Spacing"}),c.jsxs("div",{className:"font-control-slider-container",children:[c.jsx("input",{type:"range",className:"font-control-slider",min:-5,max:10,step:.1,value:e,onChange:r=>t(Number(r.target.value))}),c.jsx("input",{type:"number",className:"font-control-input font-control-number",min:-5,max:10,step:.1,value:e,onChange:r=>t(Number(r.target.value))})]})]}),Tr=[{value:"none",label:"None"},{value:"uppercase",label:"UPPERCASE"},{value:"lowercase",label:"lowercase"},{value:"capitalize",label:"Capitalize"}],Er=({value:e,onChange:t})=>c.jsxs("div",{className:"font-control-group",children:[c.jsx("label",{className:"font-control-label",children:"Text Transform"}),c.jsx("select",{className:"font-control-input font-control-select",value:e,onChange:r=>t(r.target.value),children:Tr.map(r=>c.jsx("option",{value:r.value,children:r.label},r.value))})]}),_r=({value:e,onChange:t})=>c.jsxs("div",{className:"font-control-group",children:[c.jsx("label",{className:"font-control-label",children:"Text Color"}),c.jsxs("div",{className:"font-control-color-input",children:[c.jsx("div",{className:"font-control-color-preview",children:c.jsx("input",{type:"color",value:e,onChange:r=>t(r.target.value)})}),c.jsx("input",{type:"text",className:"font-control-input font-control-text-input",value:e,onChange:r=>t(r.target.value),placeholder:"#000000"})]})]}),wr=[{value:"left",icon:"⬅"},{value:"center",icon:"↔"},{value:"right",icon:"➡"},{value:"justify",icon:"⬌"}],Cr=({value:e,onChange:t})=>c.jsxs("div",{className:"font-control-group",children:[c.jsx("label",{className:"font-control-label",children:"Text Align"}),c.jsx("div",{className:"font-control-button-group",children:wr.map(r=>c.jsx("button",{className:`font-control-button ${e===r.value?"active":""}`,onClick:()=>t(r.value),type:"button",children:r.icon},r.value))})]}),We=({title:e,code:t,language:r="css"})=>{const[o,a]=q.useState(!1),i=async()=>{try{await navigator.clipboard.writeText(t),a(!0),setTimeout(()=>a(!1),2e3)}catch(d){console.error("Failed to copy:",d)}};return c.jsxs("div",{className:"font-control-code-block",children:[c.jsxs("div",{className:"font-control-code-header",children:[c.jsx("span",{className:"font-control-code-title",children:e}),c.jsx("button",{className:"font-control-copy-button",onClick:i,type:"button",children:o?c.jsxs(c.Fragment,{children:[c.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:c.jsx("polyline",{points:"20 6 9 17 4 12"})}),"Copied!"]}):c.jsxs(c.Fragment,{children:[c.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[c.jsx("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2"}),c.jsx("path",{d:"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"})]}),"Copy"]})})]}),c.jsx("pre",{className:"font-control-code-content",children:c.jsx("code",{className:`language-${r}`,children:t})})]})},gt=new Set;function yt(e){if(gt.has(e))return;const t=document.createElement("link");t.rel="stylesheet",t.href=`https://fonts.googleapis.com/css2?family=${e.replace(/ /g,"+")}:wght@100;200;300;400;500;600;700;800;900&display=swap`,document.head.appendChild(t),gt.add(e)}function vt(e){if(!document.querySelector('link[href*="fonts.googleapis.com"]')){const t=document.createElement("link");t.rel="preconnect",t.href="https://fonts.googleapis.com";const r=document.createElement("link");r.rel="preconnect",r.href="https://fonts.gstatic.com",r.crossOrigin="anonymous",document.head.appendChild(t),document.head.appendChild(r)}e.forEach(yt)}function Pr(e){return["Arial","Helvetica","Times New Roman","Georgia","Verdana"].includes(e)?`<!-- ${e} is a system font, no import needed -->`:`<!-- Add this to your HTML <head> -->
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="${`https://fonts.googleapis.com/css2?family=${e.replace(/ /g,"+")}:wght@100;200;300;400;500;600;700;800;900&display=swap`}" rel="stylesheet">`}function dn(e){return`<h1 style={{
+<link href="${`https://fonts.googleapis.com/css2?family=${e.replace(/ /g,"+")}:wght@100;200;300;400;500;600;700;800;900&display=swap`}" rel="stylesheet">`}function jr(e){return`<h1 style={{
   fontFamily: '${e.fontFamily}',
   fontSize: '${e.fontSize}px',
   fontWeight: ${e.fontWeight},
@@ -62,7 +54,7 @@ Valid keys: `+JSON.stringify(Object.keys(l),null,"  "));var h=re(R,N,w,F,P+"."+N
   textAlign: '${e.textAlign}'
 }}>
   Your Text Here
-</h1>`}function pn(e){return`.my-text {
+</h1>`}function Rr(e){return`.my-text {
   font-family: '${e.fontFamily}', sans-serif;
   font-size: ${e.fontSize}px;
   font-weight: ${e.fontWeight};
@@ -71,4 +63,4 @@ Valid keys: `+JSON.stringify(Object.keys(l),null,"  "));var h=re(R,N,w,F,P+"."+N
   text-transform: ${e.textTransform};
   color: ${e.color};
   text-align: ${e.textAlign};
-}`}const hn=["Inter","Roboto","Open Sans","Lato","Montserrat","Poppins","Raleway","Work Sans","Nunito","Source Sans Pro","DM Sans","Playfair Display","Merriweather","Lora","Crimson Text","EB Garamond","Fira Code","JetBrains Mono","Inconsolata","Source Code Pro","Bebas Neue","Oswald","Righteous","Permanent Marker","Pacifico"],it={fontFamily:"Arial",fontSize:16,fontWeight:400,lineHeight:1.5,letterSpacing:0,textTransform:"none",color:"#000000",textAlign:"left"},vn=({value:e,onChange:t,fontFamilies:r=hn,minFontSize:o=8,maxFontSize:a=120,fontSizeStep:u=1,title:p="Font Controls",collapsed:f=!1,draggable:d=!0,position:m})=>{const[g,T]=ne.useState({...it,...e}),[A,Y]=ne.useState(!1);ne.useEffect(()=>{e&&T(_=>({..._,...e}))},[e]),ne.useEffect(()=>{Ut(r)},[r]);const B=(_,x)=>{const b={...g,[_]:x};T(b),t==null||t(b)},X=()=>{T(it),t==null||t(it)};return c.jsxs(Zr,{title:p,collapsed:f,draggable:d,position:m,children:[c.jsx(Qr,{value:g.fontFamily,onChange:_=>B("fontFamily",_),fontFamilies:r}),c.jsx(en,{value:g.fontSize,onChange:_=>B("fontSize",_),min:o,max:a,step:u}),c.jsx(rn,{value:g.fontWeight,onChange:_=>B("fontWeight",_)}),c.jsx(nn,{value:g.lineHeight,onChange:_=>B("lineHeight",_)}),c.jsx(on,{value:g.letterSpacing,onChange:_=>B("letterSpacing",_)}),c.jsx(sn,{value:g.textTransform,onChange:_=>B("textTransform",_)}),c.jsx(ln,{value:g.color,onChange:_=>B("color",_)}),c.jsx(cn,{value:g.textAlign,onChange:_=>B("textAlign",_)}),c.jsxs("button",{className:"font-control-reset-button",onClick:X,type:"button",children:[c.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[c.jsx("polyline",{points:"1 4 1 10 7 10"}),c.jsx("polyline",{points:"23 20 23 14 17 14"}),c.jsx("path",{d:"M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4l-4.64 4.36A9 9 0 0 1 3.51 15"})]}),"Reset to Default"]}),c.jsxs("div",{className:"font-control-export-section",children:[c.jsxs("button",{className:"font-control-export-toggle",onClick:()=>Y(!A),type:"button",children:[c.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:A?"rotated":"",children:c.jsx("polyline",{points:"9 18 15 12 9 6"})}),"Export Configuration"]}),A&&c.jsxs("div",{className:"font-control-export-content",children:[c.jsx(at,{title:"1. Google Fonts Import (HTML)",code:fn(g.fontFamily),language:"html"}),c.jsx(at,{title:"2. React/JSX Inline Styles",code:dn(g),language:"tsx"}),c.jsx(at,{title:"3. CSS Class",code:pn(g),language:"css"})]})]})]})},Xt={fontFamily:"Arial",fontSize:16,fontWeight:400,lineHeight:1.5,letterSpacing:0,textTransform:"none",color:"#000000",textAlign:"left"},gn=e=>{const[t,r]=ne.useState({...Xt,...e});return{config:t,setConfig:r,updateConfig:(u,p)=>{r(f=>({...f,[u]:p}))},resetConfig:()=>{r({...Xt,...e})}}};he.FontControls=vn,he.loadAllDefaultFonts=Ut,he.loadGoogleFont=Lt,he.useFontControls=gn,Object.defineProperty(he,Symbol.toStringTag,{value:"Module"})});
+}`}const Or=["Inter","Roboto","Open Sans","Lato","Montserrat","Poppins","Raleway","Work Sans","Nunito","Source Sans Pro","DM Sans","Playfair Display","Merriweather","Lora","Crimson Text","EB Garamond","Fira Code","JetBrains Mono","Inconsolata","Source Code Pro","Bebas Neue","Oswald","Righteous","Permanent Marker","Pacifico"],Le={fontFamily:"Arial",fontSize:16,fontWeight:400,lineHeight:1.5,letterSpacing:0,textTransform:"none",color:"#000000",textAlign:"left"},Dr=({value:e,onChange:t,fontFamilies:r=Or,minFontSize:o=8,maxFontSize:a=120,fontSizeStep:i=1,title:d="Font Controls",collapsed:u=!1,draggable:h=!0,position:g})=>{const[v,P]=q.useState({...Le,...e}),[k,N]=q.useState(!1);q.useEffect(()=>{e&&P(T=>({...T,...e}))},[e]),q.useEffect(()=>{vt(r)},[r]);const I=(T,_)=>{const x={...v,[T]:_};P(x),t==null||t(x)},F=()=>{P(Le),t==null||t(Le)};return c.jsxs(mr,{title:d,collapsed:u,draggable:h,position:g,children:[c.jsx(gr,{value:v.fontFamily,onChange:T=>I("fontFamily",T),fontFamilies:r}),c.jsx(yr,{value:v.fontSize,onChange:T=>I("fontSize",T),min:o,max:a,step:i}),c.jsx(br,{value:v.fontWeight,onChange:T=>I("fontWeight",T)}),c.jsx(Sr,{value:v.lineHeight,onChange:T=>I("lineHeight",T)}),c.jsx(xr,{value:v.letterSpacing,onChange:T=>I("letterSpacing",T)}),c.jsx(Er,{value:v.textTransform,onChange:T=>I("textTransform",T)}),c.jsx(_r,{value:v.color,onChange:T=>I("color",T)}),c.jsx(Cr,{value:v.textAlign,onChange:T=>I("textAlign",T)}),c.jsxs("button",{className:"font-control-reset-button",onClick:F,type:"button",children:[c.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[c.jsx("polyline",{points:"1 4 1 10 7 10"}),c.jsx("polyline",{points:"23 20 23 14 17 14"}),c.jsx("path",{d:"M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4l-4.64 4.36A9 9 0 0 1 3.51 15"})]}),"Reset to Default"]}),c.jsxs("div",{className:"font-control-export-section",children:[c.jsxs("button",{className:"font-control-export-toggle",onClick:()=>N(!k),type:"button",children:[c.jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",className:k?"rotated":"",children:c.jsx("polyline",{points:"9 18 15 12 9 6"})}),"Export Configuration"]}),k&&c.jsxs("div",{className:"font-control-export-content",children:[c.jsx(We,{title:"1. Google Fonts Import (HTML)",code:Pr(v.fontFamily),language:"html"}),c.jsx(We,{title:"2. React/JSX Inline Styles",code:jr(v),language:"tsx"}),c.jsx(We,{title:"3. CSS Class",code:Rr(v),language:"css"})]})]})]})},bt={fontFamily:"Arial",fontSize:16,fontWeight:400,lineHeight:1.5,letterSpacing:0,textTransform:"none",color:"#000000",textAlign:"left"},Nr=e=>{const[t,r]=q.useState({...bt,...e});return{config:t,setConfig:r,updateConfig:(i,d)=>{r(u=>({...u,[i]:d}))},resetConfig:()=>{r({...bt,...e})}}};Z.FontControls=Dr,Z.loadAllDefaultFonts=vt,Z.loadGoogleFont=yt,Z.useFontControls=Nr,Object.defineProperty(Z,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "font-controls",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "A beautiful, Leva-inspired font controls library for React",
   "type": "module",
   "main": "./dist/font-controls.umd.cjs",
@@ -36,16 +36,16 @@
   "author": "",
   "license": "MIT",
   "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "devDependencies": {
     "@types/node": "^25.0.9",
-    "@types/react": "^18.2.48",
-    "@types/react-dom": "^18.2.18",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "@vitejs/plugin-react": "^4.2.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "typescript": "^5.3.3",
     "vite": "^5.0.11",
     "vite-plugin-dts": "^3.7.0"